.catalog-promo{width:min(1120px,calc(100% - 32px));margin:28px auto;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #c9d8e7;border-radius:24px;background:linear-gradient(120deg,#f4f9ff,#fff9e8);box-shadow:0 14px 36px #071b3410}.catalog-promo h2{margin:7px 0 8px;color:#071b34;font-size:clamp(24px,3vw,36px)}.catalog-promo p{margin:0;color:#5a7085}.catalog-open-button{flex:0 0 auto;min-height:58px;padding:0 24px;border:0;border-radius:15px;background:#0877f9;color:#fff;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 10px 24px #0877f933}.catalog-open-button span{margin-left:12px}.catalog-selection{display:none;margin-top:12px;color:#08755b;font-weight:800}.catalog-selection.on{display:block}.catalog-dialog{width:min(1120px,calc(100% - 22px));height:min(92vh,900px);max-width:none;max-height:none;padding:0;border:0;border-radius:24px;color:#071b34;box-shadow:0 28px 90px #071b3466}.catalog-dialog::backdrop,.design-preview-dialog::backdrop{background:#071b34c2;backdrop-filter:blur(4px)}.catalog-dialog-head{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:20px;padding:22px 26px 15px;background:#fff;border-bottom:1px solid #dce6ef}.catalog-dialog-head h2{margin:5px 0 3px;font-size:28px}.catalog-dialog-head p{margin:0;color:#667b8e}.catalog-dialog-head>button,.preview-close{width:40px;height:40px;border:1px solid #dce6ef;border-radius:50%;background:#f5f9fc;color:#071b34;font-size:26px;cursor:pointer}.catalog-tools{position:sticky;top:103px;z-index:2;display:grid;grid-template-columns:auto minmax(180px,360px) 1fr;align-items:center;gap:12px;padding:14px 26px;background:#f6f9fc;border-bottom:1px solid #dce6ef}.catalog-tools label{font-weight:800}.catalog-tools input{height:48px;padding:0 15px;border:1px solid #b8c8d8;border-radius:12px;background:#fff;font-size:16px}.catalog-tools span{justify-self:end;color:#667b8e;font-weight:700}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:22px}.catalog-card{overflow:hidden;border:1px solid #dce6ef;border-radius:18px;background:#fff;box-shadow:0 7px 22px #071b340d}.catalog-card .design-image{width:100%;padding:0;border:0;background:#edf3fa;cursor:zoom-in}.catalog-card img{display:block;width:100%;height:auto;aspect-ratio:7/10;object-fit:cover}.catalog-card-info{display:grid;gap:10px;padding:13px}.catalog-card-info b{font-size:16px}.catalog-card-info button{min-height:43px;border:0;border-radius:11px;background:#071b34;color:#fff;font-weight:800;cursor:pointer}.catalog-more-wrap{text-align:center;padding:0 22px 28px}.catalog-more{min-height:50px;padding:0 28px;border:1px solid #0877f9;border-radius:13px;background:#fff;color:#0877f9;font-weight:800;cursor:pointer}.catalog-more[hidden]{display:none}.catalog-empty{grid-column:1/-1;text-align:center;padding:50px 20px;color:#667b8e}.design-preview-dialog{width:min(430px,calc(100% - 24px));max-height:92vh;padding:16px;border:0;border-radius:24px;color:#071b34}.design-preview-dialog .preview-close{position:absolute;right:22px;top:22px;z-index:1}.design-preview-dialog img{display:block;width:100%;max-height:68vh;object-fit:contain;border-radius:17px;background:#edf3fa}.design-preview-dialog>div{text-align:center;padding:15px 8px 5px}.design-preview-dialog span{font-size:12px;font-weight:800;letter-spacing:.16em;color:#c18f0d}.design-preview-dialog h2{margin:5px 0 14px}.design-preview-dialog .primary{width:100%}
@media(max-width:760px){.catalog-promo{align-items:stretch;flex-direction:column;padding:22px}.catalog-open-button{width:100%}.catalog-dialog-head{padding:18px}.catalog-dialog-head h2{font-size:23px}.catalog-dialog-head p{font-size:14px}.catalog-tools{top:98px;grid-template-columns:1fr auto;padding:12px 16px}.catalog-tools label{grid-column:1/-1;font-size:14px}.catalog-tools input{min-width:0}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.catalog-card-info{padding:10px}.catalog-card-info button{font-size:13px}.catalog-card-info b{font-size:14px}}
.catalog-promo{padding:30px 32px;border-color:#b9d1e8;background:linear-gradient(120deg,#eef7ff,#fff 54%,#fff7db);box-shadow:0 16px 40px #071b3414;position:relative;overflow:hidden}.catalog-promo:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(#0877f9,#6442dc,#f2b51d)}.catalog-promo-copy{position:relative}.catalog-promo .kicker{display:inline-flex;align-items:center;min-height:29px;padding:0 12px;border-radius:99px;background:#e2f0ff;color:#0765c8;font-size:12px}.catalog-promo h2{margin:11px 0 8px;font-size:clamp(25px,3vw,38px);line-height:1.2;letter-spacing:-.025em}.catalog-promo h2 strong{color:#0877f9}.catalog-promo p{font-size:15px;line-height:1.6}.catalog-promo p b{color:#071b34}@media(max-width:760px){.catalog-promo{padding:24px 22px}.catalog-promo h2{font-size:27px}}
.custom-design-visual{display:flex;flex-direction:column;align-items:center;min-height:0;aspect-ratio:7/10;padding:18px 12px;background:radial-gradient(circle at 12% 8%,#28e2d655,transparent 30%),radial-gradient(circle at 88% 15%,#ffd23f44,transparent 35%),linear-gradient(145deg,#1226a8,#7147dd 46%,#ed3c8f 76%,#ff9d23)!important;color:#fff;text-align:center;cursor:default!important}.custom-brand{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:9px 8px;border-radius:99px;background:#ffffff2b}.custom-brand i{width:14px;height:14px;transform:rotate(45deg);background:#52f0df}.custom-brand i:nth-child(2){background:#ffd741}.custom-brand i:nth-child(3){background:#ff6aae}.custom-brand b{margin-left:8px;font-size:12px;letter-spacing:.04em;white-space:nowrap}.custom-copy{display:grid;place-items:center;flex:1}.custom-copy strong{font-size:15px;letter-spacing:.12em}.custom-copy span{display:block;margin-top:16px;font-size:24px;font-weight:900;line-height:1.35;color:#fff}.custom-copy small{display:block;margin-top:16px;color:#fff;opacity:.9;font-weight:700}.catalog-pdf{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-left:10px;padding:0 24px;border:1px solid #c18f0d;border-radius:13px;background:#fff9e8;color:#795600;text-decoration:none;font-weight:800}@media(max-width:760px){.catalog-pdf{display:flex;margin:10px 0 0}.custom-brand b{font-size:10px}.custom-copy span{font-size:20px}.custom-copy small{font-size:10px}}
