:root{--ink:#071522;--ink2:#0c2232;--paper:#f3f5f4;--surface:#fff;--muted:#6f7c86;--emerald:#0ea57a;--emerald2:#0a7d61;--gold:#d9ad5b;--line:#dfe5e3;--shadow:0 18px 60px rgba(7,21,34,.10);--shadow2:0 35px 90px rgba(7,21,34,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--site-font-family,"Vazirmatn",Tahoma,sans-serif);line-height:1.8;overflow-x:hidden}.wrap{width:min(1420px,calc(100% - 44px));margin-inline:auto}a{color:inherit}.btn{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;padding:0 22px;border-radius:16px;font:700 14px inherit;cursor:pointer;transition:.35s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.btn-dark{background:var(--ink);color:#fff;box-shadow:0 14px 28px rgba(7,21,34,.16)}.btn-dark:hover{transform:translateY(-3px);background:#10283a;box-shadow:0 20px 42px rgba(7,21,34,.24)}.btn-emerald{background:var(--emerald);color:#fff}.btn-emerald:hover{background:var(--emerald2);transform:translateY(-3px)}.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-ghost:hover{border-color:#a7b5af;transform:translateY(-2px)}
.topline{height:38px;background:var(--ink);color:#cbd6dc;font-size:11.5px}.topline .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.mini{display:flex;gap:22px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#43d4a8;box-shadow:0 0 0 5px rgba(67,212,168,.1)}.header-shell{position:sticky;top:14px;z-index:50;padding:16px 0 0}.header{height:76px;border-radius:24px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.76);box-shadow:0 14px 50px rgba(7,21,34,.10);display:grid;grid-template-columns:220px 1fr 220px;align-items:center;padding:0 18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brandmark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--ink2),var(--ink));color:#fff;font-size:16px;font-weight:900;position:relative;overflow:hidden}.brandmark:after{content:"";position:absolute;width:26px;height:26px;border:5px solid var(--gold);border-radius:50%;transform:translate(13px,-13px);opacity:.75}.brand b{display:block;font-size:18px}.brand small{display:block;color:#7a858d;font-size:10px;margin-top:-3px}.nav{display:flex;align-items:center;justify-content:center;gap:31px}.nav a{color:#223441;text-decoration:none;font-size:13px;font-weight:700;position:relative;padding:10px 0}.nav a:after{content:"";position:absolute;right:0;bottom:2px;width:0;height:2px;background:var(--gold);transition:.3s}.nav a:hover:after,.nav a.active:after{width:100%}.header-actions{display:flex;justify-content:flex-end;gap:8px}.iconbtn{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:14px;display:grid;place-items:center;color:var(--ink);cursor:pointer;transition:.3s;position:relative}.iconbtn:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(7,21,34,.1)}.badge{position:absolute;left:-4px;top:-5px;background:var(--emerald);color:#fff;width:19px;height:19px;border-radius:50%;font-size:10px;display:grid;place-items:center;border:2px solid #fff}.menu-toggle{display:none}
.breadcrumb{display:flex;align-items:center;gap:8px;color:#7b8790;font-size:11px;margin:24px 0 18px}.breadcrumb a{text-decoration:none}.breadcrumb span{opacity:.45}.page-hero{min-height:320px;border-radius:34px;overflow:hidden;position:relative;background:var(--ink);color:#fff;box-shadow:var(--shadow2)}.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.44}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,21,34,.18),rgba(7,21,34,.94) 73%)}.page-hero-copy{position:relative;z-index:2;padding:65px 58px;max-width:760px}.page-hero .eyebrow{color:#d9e5e8}.page-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.2;margin:8px 0 14px;font-weight:900;letter-spacing:-.04em}.page-hero p{color:#c8d4da;font-size:14px;max-width:650px;margin:0}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;color:var(--emerald2)}.eyebrow:before{content:"";width:28px;height:2px;background:var(--gold);border-radius:99px}
.store-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;padding:40px 0 110px}.filter-panel{background:#fff;border:1px solid #e5ebe8;border-radius:24px;padding:22px;position:sticky;top:112px;height:max-content;box-shadow:0 16px 50px rgba(7,21,34,.06)}.filter-panel h3{margin:0 0 4px;font-size:16px}.filter-panel>p{font-size:10.5px;color:#87939b;margin:0 0 18px}.filter-group{padding:18px 0;border-top:1px solid #edf1ef}.filter-group:first-of-type{border-top:0}.filter-group b{display:block;font-size:11px;margin-bottom:10px}.checkrow{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#4e5d66;margin:8px 0}.checkrow label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkrow input{accent-color:var(--emerald)}.count{color:#9aa5ab}.filter-chip{border:1px solid #e1e7e4;background:#fff;border-radius:10px;padding:7px 10px;font:600 10px inherit;cursor:pointer;margin:3px 0 3px 3px}.filter-chip.on{background:#edf8f4;border-color:#b9e2d3;color:var(--emerald2)}
.store-main{min-width:0}.category-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px}.category-tile{height:114px;border-radius:20px;overflow:hidden;position:relative;text-decoration:none;background:#102230}.category-tile img{width:100%;height:100%;object-fit:cover;opacity:.72;transition:.45s}.category-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,18,29,.82),rgba(5,18,29,0) 70%)}.category-tile span{position:absolute;z-index:2;right:13px;bottom:11px;color:#fff;font-size:11px;font-weight:800}.category-tile:hover img{transform:scale(1.08);opacity:.9}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;background:#fff;border:1px solid #e5ebe8;border-radius:18px;margin-bottom:18px}.toolbar-right,.toolbar-left{display:flex;align-items:center;gap:9px}.searchbox{width:min(370px,42vw);height:44px;border:1px solid #dfe6e3;border-radius:13px;background:#f8faf9;padding:0 13px;font:500 11px inherit;outline:none}.select{height:44px;border:1px solid #dfe6e3;border-radius:13px;background:#fff;padding:0 12px;font:600 10.5px inherit;color:#44535c}.viewbtn{width:40px;height:40px;border:1px solid #e2e8e5;background:#fff;border-radius:12px;cursor:pointer}.viewbtn.active{background:var(--ink);color:#fff}.result-note{font-size:10.5px;color:#7c8991}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{background:#fff;border:1px solid #e4eae7;border-radius:24px;overflow:hidden;transition:.4s cubic-bezier(.2,.8,.2,1);position:relative}.product:hover{transform:translateY(-7px);box-shadow:0 24px 65px rgba(7,21,34,.12);border-color:#d6e0dc}.product-media{height:265px;position:relative;overflow:hidden;background:#eef2f0}.product-media img{width:100%;height:100%;object-fit:cover;transition:.6s}.product:hover .product-media img{transform:scale(1.055)}.tag{position:absolute;right:13px;top:13px;z-index:2;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);font-size:9px;font-weight:800;color:#364750}.tag.green{background:rgba(14,165,122,.9);color:#fff}.quick{position:absolute;left:13px;bottom:13px;width:42px;height:42px;border:0;border-radius:13px;background:rgba(255,255,255,.92);backdrop-filter:blur(9px);cursor:pointer;transform:translateY(12px);opacity:0;transition:.35s}.product:hover .quick{transform:none;opacity:1}.product-body{padding:18px}.product-type{font-size:9px;color:var(--emerald2);font-weight:800}.product h3{font-size:15px;margin:5px 0 8px;line-height:1.55}.product h3 a{text-decoration:none}.specs{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0 16px}.specs span{padding:6px 8px;border-radius:8px;background:#f3f6f5;color:#69767e;font-size:8.5px}.product-foot{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid #edf1ef}.quote{font-size:10.5px;font-weight:800}.quote small{display:block;color:#89959c;font-weight:500;font-size:8.5px}.arrowlink{width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;text-decoration:none;transition:.3s}.arrowlink:hover{background:var(--emerald);transform:translateX(-3px)}.empty-note{font-size:11px;color:#839098;margin-top:18px}
.listmode.products{grid-template-columns:1fr}.listmode .product{display:grid;grid-template-columns:250px 1fr}.listmode .product-media{height:100%;min-height:220px}.listmode .product-body{padding:28px}.listmode .product h3{font-size:20px}.listmode .quick{opacity:1;transform:none}
/* product detail */
.product-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;padding:28px 0 70px}.gallery{display:grid;grid-template-columns:92px 1fr;gap:12px;min-width:0}.thumbs{display:flex;flex-direction:column;gap:10px}.thumb{height:86px;border:2px solid transparent;border-radius:15px;overflow:hidden;background:#fff;padding:0;cursor:pointer;opacity:.65;transition:.25s}.thumb.active{border-color:var(--emerald);opacity:1}.thumb img{width:100%;height:100%;object-fit:cover}.main-image{height:620px;border-radius:30px;overflow:hidden;background:#e8eeeb;position:relative;box-shadow:var(--shadow)}.main-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.main-image:hover img{transform:scale(1.03)}.main-image .zoomlabel{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);padding:9px 12px;border-radius:12px;font-size:9px}.detail-copy{padding:12px 0}.detail-copy .kicker{font-size:10px;color:var(--emerald2);font-weight:800}.detail-copy h1{font-size:clamp(34px,4vw,52px);line-height:1.25;margin:8px 0 13px;letter-spacing:-.035em}.detail-copy .intro{font-size:13px;color:#66747d;margin:0 0 22px}.trustline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.trustmini{padding:12px;background:#fff;border:1px solid #e3eae7;border-radius:14px}.trustmini b{display:block;font-size:10px}.trustmini span{display:block;color:#87939a;font-size:8px;margin-top:2px}.configbox{background:#fff;border:1px solid #e2e8e5;border-radius:24px;padding:22px;box-shadow:0 16px 50px rgba(7,21,34,.07);margin-top:20px}.configbox h3{margin:0 0 3px;font-size:15px}.configbox>p{margin:0 0 17px;font-size:9.5px;color:#8b979e}.option-group{padding:15px 0;border-top:1px solid #eef2f0}.option-group:first-of-type{border-top:0}.option-group label{display:block;font-size:10px;font-weight:800;margin-bottom:8px}.pills{display:flex;flex-wrap:wrap;gap:7px}.pill{border:1px solid #dde5e1;background:#fff;border-radius:11px;padding:8px 12px;font:600 9.5px inherit;cursor:pointer}.pill.on{border-color:var(--emerald);background:#ecf8f4;color:var(--emerald2)}.quote-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:18px;border-top:1px solid #e8eeeb}.quote-row .note{font-size:9px;color:#839098}.quote-row .note b{display:block;color:var(--ink);font-size:12px}.tabs{padding:30px 0 95px}.tabnav{display:flex;gap:8px;border-bottom:1px solid #dfe6e3}.tabbtn{border:0;background:transparent;padding:14px 18px;font:700 11px inherit;cursor:pointer;color:#718089;position:relative}.tabbtn.active{color:var(--ink)}.tabbtn.active:after{content:"";position:absolute;bottom:-1px;right:0;left:0;height:2px;background:var(--emerald)}.tabpane{display:none;padding:28px 0}.tabpane.active{display:block}.tabgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.prose{background:#fff;border:1px solid #e5ebe8;border-radius:22px;padding:26px}.prose h3{margin-top:0;font-size:16px}.prose p,.prose li{font-size:11px;color:#617079}.tech{width:100%;border-collapse:collapse}.tech td{padding:12px 8px;border-bottom:1px solid #e8eeeb;font-size:10.5px}.tech td:first-child{font-weight:800;color:#384953;width:38%}.tech td:last-child{color:#738088}.related{padding-bottom:110px}.related-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.related-head h2{margin:0;font-size:30px}.related-head p{margin:0;color:#7b8890;font-size:10px}
.floating-cart{position:fixed;left:18px;bottom:18px;z-index:60;background:var(--ink);color:#fff;border-radius:18px;padding:11px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 18px 55px rgba(7,21,34,.25);font-size:10px;cursor:pointer;transition:.3s}.floating-cart:hover{transform:translateY(-4px)}.floating-cart b{font-size:12px}.toast{position:fixed;right:20px;bottom:22px;z-index:80;background:#fff;border:1px solid #dfe6e3;border-radius:16px;padding:13px 16px;box-shadow:0 18px 55px rgba(7,21,34,.18);font-size:10px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.35s}.toast.show{transform:none;opacity:1}.footer{background:#05131f;padding:64px 0 28px;color:#b9c6cd}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr .9fr;gap:44px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.09)}.footer .brand{color:#fff}.footer p{font-size:10px;color:#91a2ac}.footer h5{color:#fff;font-size:12px;margin:0 0 14px}.footer a{display:block;color:#aebcc4;text-decoration:none;font-size:10px;margin:8px 0}.footer-bottom{padding-top:18px;display:flex;justify-content:space-between;font-size:9px;color:#6f828e}
@media(max-width:1100px){.header{grid-template-columns:180px 1fr 150px}.nav{gap:18px}.products{grid-template-columns:repeat(2,1fr)}.category-strip{grid-template-columns:repeat(3,1fr)}.category-tile:nth-child(n+4){display:none}.product-detail{gap:25px}.main-image{height:540px}}
@media(max-width:850px){.wrap{width:min(100% - 24px,720px)}.topline{display:none}.header-shell{top:8px;padding-top:8px}.header{height:62px;grid-template-columns:1fr auto;padding:0 10px 0 14px;border-radius:18px}.brandmark{width:40px;height:40px}.brand small,.nav,.header-actions .iconbtn:first-child{display:none}.menu-toggle{display:grid}.page-hero{min-height:360px}.page-hero-copy{padding:60px 28px}.store-layout{grid-template-columns:1fr}.filter-panel{position:relative;top:auto}.filter-panel .filter-group{display:none}.filter-panel.open .filter-group{display:block}.category-strip{grid-template-columns:repeat(2,1fr)}.category-tile:nth-child(n+5){display:none}.product-detail{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.thumbs{order:2;flex-direction:row}.thumb{width:74px;height:68px}.main-image{height:520px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/3}}
@media(max-width:560px){.page-hero{min-height:390px;border-radius:25px}.page-hero-copy{padding:68px 20px 35px}.page-hero h1{font-size:38px}.toolbar{align-items:stretch;flex-direction:column}.toolbar-right,.toolbar-left{justify-content:space-between}.searchbox{width:100%}.category-strip{grid-template-columns:1fr 1fr}.products{grid-template-columns:1fr}.product-media{height:315px}.listmode .product{display:block}.listmode .product-media{height:300px}.main-image{height:430px}.detail-copy h1{font-size:35px}.trustline{grid-template-columns:1fr}.quote-row{align-items:stretch;flex-direction:column}.quote-row .btn{width:100%}.tabgrid{grid-template-columns:1fr}.related-head{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{gap:12px;flex-direction:column}.floating-cart{left:12px;right:12px;justify-content:center}.filter-panel{padding:15px}.category-tile{height:98px}}
/* ===== Stage 5: distinct product catalog ===== */
.catalog-hero{display:grid;grid-template-columns:.92fr 1.08fr;min-height:560px;background:#fff;border:1px solid #e2e8e5;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:90px}.catalog-hero-copy{padding:70px 58px;display:flex;flex-direction:column;justify-content:center}.catalog-hero-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.12;letter-spacing:-.05em;margin:10px 0 18px;max-width:680px}.catalog-hero-copy p{font-size:13px;color:#65737c;max-width:650px;margin:0}.catalog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.catalog-hero-media{position:relative;min-height:560px;overflow:hidden}.catalog-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(7,21,34,.1))}.catalog-hero-media img{width:100%;height:100%;object-fit:cover;transition:1s cubic-bezier(.2,.8,.2,1)}.catalog-hero:hover .catalog-hero-media img{transform:scale(1.035)}.catalog-float{position:absolute;z-index:2;right:28px;bottom:28px;background:rgba(7,21,34,.78);backdrop-filter:blur(14px);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:16px 18px;min-width:220px}.catalog-float b{display:block;font-size:12px}.catalog-float span{display:block;font-size:9px;color:#bcc9cf;margin-top:2px}.catalog-section{padding:0 0 95px}.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.catalog-head h2,.material-intro h2,.cap-head h2,.route-box h2{font-size:clamp(30px,4vw,50px);line-height:1.32;letter-spacing:-.035em;margin:7px 0 0}.catalog-head>p{max-width:430px;font-size:11px;color:#718089}.family-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:250px;gap:16px}.family-card{grid-column:span 4;position:relative;border-radius:26px;overflow:hidden;background:#0b1c28;text-decoration:none;box-shadow:0 15px 45px rgba(7,21,34,.08)}.family-large{grid-column:span 8;grid-row:span 2}.family-wide{grid-column:span 8}.family-card img{width:100%;height:100%;object-fit:cover;transition:.7s cubic-bezier(.2,.8,.2,1)}.family-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,15,24,.94),rgba(4,15,24,.08) 72%)}.family-card:hover img{transform:scale(1.06)}.family-overlay{position:absolute;z-index:2;inset:auto 0 0;padding:24px;color:#fff}.family-large .family-overlay{padding:34px}.family-overlay>span{font-size:8px;letter-spacing:.12em;color:#b7c8cf}.family-overlay h3{font-size:22px;margin:5px 0 4px}.family-large h3{font-size:34px}.family-overlay p{font-size:10px;color:#c5d0d5;margin:0 0 14px;max-width:560px}.family-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.13);padding-top:12px}.family-meta b,.family-meta i{font-size:9px;font-style:normal}.family-meta i{transform:translateX(8px);opacity:.7;transition:.35s}.family-card:hover .family-meta i{transform:none;opacity:1}.material-section{background:#071522;color:#fff;padding:95px 0}.material-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.material-intro p{font-size:11px;color:#9fb0ba;max-width:540px;margin:15px 0 25px}.material-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.material-cards article{padding:27px 22px;min-height:260px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border-radius:22px;transition:.4s}.material-cards article:hover{transform:translateY(-8px);border-color:rgba(217,173,91,.5);background:linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.035))}.material-cards article>span{font-size:10px;color:var(--gold);letter-spacing:.12em}.material-cards h3{font-size:18px;margin:35px 0 8px}.material-cards p{font-size:10px;color:#b0bec6}.material-cards small{display:block;color:#78909b;font-size:8.5px;margin-top:30px}.capabilities{padding:95px 0}.cap-head{max-width:850px;margin-bottom:34px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cap-grid article{background:#fff;border:1px solid #e0e7e4;border-radius:25px;padding:28px;min-height:260px;position:relative;overflow:hidden}.cap-grid article:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;border:30px solid #f1f5f3;left:-50px;bottom:-70px}.cap-no{font-size:42px;font-weight:900;color:#e5ebe8}.cap-grid h3{font-size:20px;margin:28px 0 6px}.cap-grid p{font-size:10px;color:#718089;max-width:320px}.cap-grid span{position:absolute;bottom:25px;right:28px;font-size:8px;font-weight:800;color:var(--emerald2);letter-spacing:.15em}.catalog-route{padding:0 0 110px}.route-box{background:#fff;border:1px solid #e2e8e5;border-radius:30px;padding:42px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;box-shadow:var(--shadow)}.route-box p{font-size:10px;color:#738089;max-width:520px}.route-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.route-actions a{padding:22px;border:1px solid #e0e7e4;border-radius:20px;text-decoration:none;display:grid;grid-template-columns:1fr auto;align-items:center;transition:.35s;background:#f9fbfa}.route-actions a:hover{transform:translateY(-5px);background:#fff;box-shadow:0 18px 45px rgba(7,21,34,.08);border-color:#cbd9d3}.route-actions b{font-size:14px}.route-actions span{grid-column:1/2;font-size:9px;color:#829098}.route-actions i{grid-column:2;grid-row:1/3;font-style:normal;font-size:21px}
/* ===== Stage 5: guided order wizard ===== */
.order-page{background:#eef2f0}.order-shell{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px;padding-bottom:90px;align-items:start}.order-visual{position:sticky;top:112px}.order-photo{height:720px;border-radius:32px;overflow:hidden;position:relative;background:#0b1d29;box-shadow:var(--shadow2)}.order-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,17,27,.78),rgba(5,17,27,.05) 65%)}.order-photo img{width:100%;height:100%;object-fit:cover;transition:.6s}.order-glass{position:absolute;z-index:2;right:24px;left:24px;bottom:24px;padding:20px;background:rgba(255,255,255,.12);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff}.order-glass span{display:block;font-size:8px;color:#c2d0d6}.order-glass b{display:block;font-size:22px;margin:3px 0}.order-glass small{font-size:9px;color:#d2dcdf}.order-help{margin-top:12px;padding:18px 20px;border-radius:20px;background:#071522;color:#fff}.order-help span{display:block;color:#7ed3b6;font-size:8px}.order-help b{font-size:10px;line-height:1.8}.wizard{background:#fff;border:1px solid #e0e7e4;border-radius:32px;padding:34px;box-shadow:var(--shadow);min-height:820px}.wizard-top{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.wizard-top h1{font-size:clamp(32px,4vw,50px);line-height:1.25;margin:7px 0 9px;letter-spacing:-.035em}.wizard-top p{font-size:10.5px;color:#738089;margin:0;max-width:620px}.progress-ring{width:88px;height:88px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#fff 55%,transparent 57%),conic-gradient(var(--emerald) 20%,#e8eeeb 0);transition:.4s}.progress-ring b{font-size:15px}.progress-ring span{font-size:7.5px;color:#7b8890}.wizard-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:28px 0 35px;padding-bottom:20px;border-bottom:1px solid #e8eeeb}.wizard-step{border:0;background:transparent;cursor:pointer;display:flex;align-items:center;gap:7px;text-align:right;font:700 9px inherit;color:#9aa5ab}.wizard-step i{width:28px;height:28px;border-radius:9px;background:#edf1ef;display:grid;place-items:center;font-style:normal;font-size:9px}.wizard-step.active{color:var(--ink)}.wizard-step.active i,.wizard-step.done i{background:var(--ink);color:#fff}.wizard-pane{display:none;min-height:480px}.wizard-pane.active{display:block;animation:paneIn .35s ease}@keyframes paneIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pane-title>span{font-size:8px;color:var(--emerald2);font-weight:800}.pane-title h2{font-size:24px;margin:3px 0}.pane-title p{font-size:9.5px;color:#829098;margin:0 0 24px}.product-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-choice{min-height:125px;border:1px solid #dfe6e3;background:#fafcfb;border-radius:18px;padding:18px;text-align:right;position:relative;cursor:pointer;font-family:inherit;transition:.3s}.product-choice:hover{transform:translateY(-3px);border-color:#b8c9c2}.product-choice.selected{border-color:var(--emerald);background:#edf9f5;box-shadow:0 10px 35px rgba(14,165,122,.1)}.product-choice b{display:block;font-size:13px}.product-choice span{display:block;font-size:8.5px;color:#7e8b93;margin-top:4px}.product-choice i{position:absolute;left:15px;bottom:10px;font-style:normal;font-size:28px;font-weight:900;color:#e5ebe8}.product-choice.selected i{color:#cceadf}.big-field{display:block;margin-top:18px}.big-field>span,.form-grid label>span{display:block;font-size:9px;font-weight:800;margin-bottom:7px}.big-field textarea{width:100%;min-height:92px;resize:vertical;border:1px solid #dfe6e3;border-radius:15px;padding:12px;font:500 10px inherit;outline:none;background:#fbfcfc}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid input,.form-grid select{width:100%;height:50px;border:1px solid #dfe6e3;border-radius:14px;padding:0 12px;font:500 10px inherit;background:#fff;outline:none}.input-unit{display:flex;border:1px solid #dfe6e3;border-radius:14px;overflow:hidden;background:#fff}.input-unit input{border:0;border-radius:0}.input-unit b{display:flex;align-items:center;padding:0 12px;background:#f3f6f5;font-size:8px;color:#74828a;white-space:nowrap}.consult-toggle{margin-top:16px;border:1px dashed #b8c8c1;background:#f7faf8;width:100%;padding:14px;border-radius:14px;font:700 9px inherit;color:#65747c;cursor:pointer}.consult-toggle.on{border-color:var(--emerald);background:#edf9f5;color:var(--emerald2)}.print-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.print-option{border:1px solid #dfe6e3;border-radius:18px;background:#fff;padding:14px;text-align:right;cursor:pointer;font-family:inherit}.print-option.selected{border-color:var(--emerald);background:#eff9f6}.print-swatch{height:90px;border-radius:12px;display:grid;place-items:center;margin-bottom:10px;background:#f2f5f4}.print-swatch.plain{background:linear-gradient(135deg,#eef2f1,#fff)}.print-swatch.generic{background:repeating-linear-gradient(45deg,#0e9f78 0 14px,#f0d5a3 14px 28px)}.print-swatch.brandprint{background:#071522;color:#fff;font-weight:900;font-size:27px}.print-option b{display:block;font-size:11px}.print-option small{font-size:8px;color:#7d8990}.upload-zone{margin-top:15px;border:1px dashed #bdcbc5;border-radius:18px;padding:20px;display:flex;align-items:center;gap:13px;cursor:pointer;background:#fafcfb}.upload-icon{width:44px;height:44px;border-radius:14px;background:#edf3f0;display:grid;place-items:center;font-size:22px}.upload-zone b{font-size:10px}.upload-zone small{display:block;color:#8b969d;font-size:8px;margin-right:auto}.quantity-switch{display:inline-flex;padding:4px;background:#eef2f0;border-radius:12px}.quantity-switch button{border:0;background:transparent;border-radius:9px;padding:9px 16px;font:700 9px inherit;cursor:pointer}.quantity-switch button.on{background:#fff;box-shadow:0 6px 18px rgba(7,21,34,.08)}.quantity-box{display:flex;align-items:center;border:1px solid #dfe6e3;background:#fff;border-radius:18px;overflow:hidden;margin:18px 0}.quantity-box input{flex:1;height:70px;border:0;padding:0 18px;font:800 20px inherit;outline:none}.quantity-box span{height:70px;padding:0 18px;background:#f1f5f3;display:flex;align-items:center;font-size:10px;color:#63727b}.schedule-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.schedule{border:1px solid #dfe6e3;border-radius:14px;padding:13px;background:#fff;font:700 9px inherit;cursor:pointer}.schedule.selected{border-color:var(--emerald);background:#edf9f5;color:var(--emerald2)}.order-summary-card{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.order-summary-card>div{padding:15px;border-radius:14px;background:#f3f6f5}.order-summary-card span{display:block;font-size:8px;color:#839098}.order-summary-card b{font-size:10px}.agree{display:flex;align-items:center;gap:7px;font-size:9px;color:#65747c}.agree input{accent-color:var(--emerald)}.final-submit{width:100%;margin-top:16px}.submit-note{text-align:center;font-size:9px;color:var(--emerald2);margin-top:10px}.wizard-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8eeeb;padding-top:20px;margin-top:20px}.wizard-nav>span{font-size:9px;color:#849099}.wizard-nav .btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.order-principles{padding:15px 0 110px}.principle-head{max-width:850px;margin-bottom:26px}.principle-head h2{font-size:clamp(28px,4vw,46px);line-height:1.35;margin:7px 0}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.principle-grid article{background:#fff;border:1px solid #dfe6e3;border-radius:22px;padding:22px}.principle-grid i{font-style:normal;font-size:27px;font-weight:900;color:#dce5e1}.principle-grid b{display:block;font-size:12px;margin:18px 0 4px}.principle-grid p{font-size:9px;color:#74828a;margin:0}
@media(max-width:1100px){.catalog-hero{grid-template-columns:1fr 1fr}.material-layout{gap:30px}.family-card{grid-column:span 6}.family-large,.family-wide{grid-column:span 12}.order-shell{grid-template-columns:.72fr 1.28fr}.order-photo{height:650px}.wizard{padding:25px}.principle-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.catalog-hero{grid-template-columns:1fr}.catalog-hero-media{min-height:390px;order:-1}.catalog-hero-copy{padding:40px 28px}.catalog-head{align-items:start;flex-direction:column}.family-grid{grid-auto-rows:220px}.family-card,.family-large,.family-wide{grid-column:span 12;grid-row:span 1}.family-large{grid-row:span 2}.material-layout{grid-template-columns:1fr}.material-cards{grid-template-columns:1fr 1fr 1fr}.cap-grid{grid-template-columns:1fr}.route-box{grid-template-columns:1fr}.order-shell{grid-template-columns:1fr}.order-visual{position:relative;top:auto}.order-photo{height:430px}.wizard{min-height:auto}.wizard-steps{overflow-x:auto;grid-template-columns:repeat(5,minmax(100px,1fr))}.principle-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.catalog-hero{border-radius:25px}.catalog-hero-media{min-height:310px}.catalog-hero-copy h1{font-size:39px}.catalog-hero-copy{padding:32px 20px}.material-cards{grid-template-columns:1fr}.route-actions{grid-template-columns:1fr}.route-box{padding:25px}.order-photo{height:360px;border-radius:24px}.wizard{padding:20px;border-radius:24px}.wizard-top{grid-template-columns:1fr}.progress-ring{width:72px;height:72px}.product-choice-grid,.form-grid,.print-options,.schedule-cards,.order-summary-card{grid-template-columns:1fr}.product-choice{min-height:100px}.wizard-pane{min-height:0}.principle-grid{grid-template-columns:1fr}.upload-zone{align-items:flex-start;flex-wrap:wrap}.upload-zone small{width:100%;margin-right:57px}}
