@font-face{font-family:"Inter";src:url("../fonts/inter-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter-800.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
:root{--navy:#0d1b3d;--navy2:#334460;--silver:#e6eaf0;--coral:#d66459;--ink:#111a31;--muted:#6f7990;--line:#dfe4ec;--soft:#f6f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Inter",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.topbar{height:32px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.shop-header{height:84px;display:flex;align-items:center;gap:27px;padding:0 max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffffa;backdrop-filter:blur(10px);z-index:50}.brand{width:190px;flex:0 0 auto}.brand img{width:100%;height:42px;object-fit:contain}.nav{display:flex;gap:22px;white-space:nowrap;font-size:14px;font-weight:700}.nav a:hover{color:var(--coral)}.shop-search{height:42px;display:flex;align-items:center;flex:1;max-width:340px;margin-left:auto;border:1px solid var(--line);border-radius:8px}.shop-search input{min-width:0;flex:1;height:100%;border:0;outline:0;padding:0 13px;background:transparent}.shop-search button{border:0;background:transparent;padding:8px 11px}.icons{display:flex;gap:6px}.icons a{width:38px;height:38px;display:grid;place-items:center;position:relative;border-radius:50%}.icons a:hover{background:var(--silver)}.icons b{position:absolute;right:-2px;top:-3px;background:var(--coral);color:#fff;border-radius:20px;font-size:9px;min-width:17px;height:17px;display:grid;place-items:center}.menu,.mobile-basket{display:none}
.new-hero{background:linear-gradient(120deg,#071630,#0d2b5d);color:#fff}.new-hero>.wrap{min-height:510px;display:grid;grid-template-columns:46% 54%;align-items:center}.new-hero h1{font-size:66px;line-height:1.02;letter-spacing:-.05em;margin:12px 0}.new-hero p{font-size:20px;color:#c8d0df}.new-hero small,.sale-banner small,.life small,.section-head small,.about-hero small,.contact-hero small,.description small,.showroom small{font-weight:800;letter-spacing:.16em;font-size:11px}.new-hero>div>img{height:510px;width:100%;object-fit:cover;mix-blend-mode:screen}.new-hero>div>div>span{display:flex;gap:12px;margin-top:28px}.new-hero>div>div>span a,.sale-banner a,.showroom a,.empty a,.primary,.outline{min-height:44px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-weight:750;border:1px solid transparent}.new-hero>div>div>span a{background:#fff;color:var(--navy)}.new-hero>div>div>span a+a{background:transparent;color:#fff;border-color:#fff}.cat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:28px 0}.cat-row a{height:90px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:13px}.cat-row a:hover{border-color:var(--navy);box-shadow:0 13px 30px #0d1b3d14;transform:translateY(-2px)}.cat-row b{font-size:28px}.cat-row span{font-weight:700;font-size:13px}
.page-section{padding:55px 0}.page-section.soft{background:var(--soft);width:100%;max-width:none;padding-inline:max(20px,calc((100% - 1180px)/2))}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-head h2{font-size:31px;margin:6px 0 0;letter-spacing:-.03em}.section-head>a{display:flex;align-items:center;gap:6px;font-weight:700}.p-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.p-card{border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden;background:#fff;transition:.2s}.p-card:hover{box-shadow:0 16px 40px #0d1b3d14;transform:translateY(-3px)}.p-card .pic{height:220px;display:flex;align-items:center;justify-content:center;padding:23px 18px 7px;background:linear-gradient(#fff,#f8f9fb)}.p-card .pic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.p-card>div{padding:16px}.p-card h3{font-size:15px;margin:0 0 5px}.p-card>div>small{color:var(--muted)}.p-card>em{position:absolute;top:14px;left:12px;z-index:2;background:var(--coral);color:#fff;border-radius:4px;font-size:9px;font-style:normal;font-weight:800;padding:5px 7px}.heart{position:absolute;right:12px;top:12px;z-index:2;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;display:grid;place-items:center}.heart.on{background:var(--coral);color:#fff}.rating{color:#ffad18;font-size:12px;margin:10px 0}.rating span{color:var(--muted)}.p-card del{display:block;color:#8991a2;font-size:11px}.price{display:flex;align-items:end;justify-content:space-between;margin:3px 0 0}.price strong{font-size:21px;color:var(--navy)}.price button{width:36px;height:36px;border:0;background:var(--navy);color:#fff;border-radius:6px;display:grid;place-items:center}.sale-banner{min-height:290px;background:linear-gradient(110deg,#d7554e,#e37b6a);color:#fff;border-radius:13px;padding:46px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.sale-banner h2{font-size:42px;margin:8px 0}.sale-banner a{background:#fff;color:var(--navy)}.sale-banner>div:last-child{height:220px;display:flex;align-items:end}.sale-banner img{height:180px;width:150px;object-fit:contain;mix-blend-mode:multiply;background:#fff;border-radius:60% 60% 0 0}.life{display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:65px auto;background:var(--soft)}.life>img{height:520px;width:100%;object-fit:cover}.life>div{padding:75px;display:flex;flex-direction:column;justify-content:center}.life h2{font-size:40px;line-height:1.1}.life p{color:var(--muted);line-height:1.7}.life ul{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;gap:14px;font-weight:700}.life div>a{font-weight:800;margin-top:15px}.benefit-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}.benefit-row>div{display:flex;justify-content:center;gap:12px;border-right:1px solid var(--line)}.benefit-row>div:last-child{border:0}.benefit-row span{display:flex;flex-direction:column;font-size:13px}.benefit-row small{font-size:10px;color:var(--muted);margin-top:4px}.newsletter{margin-top:45px;margin-bottom:45px;border:1px solid var(--line);background:var(--soft);border-radius:11px;padding:27px 32px;display:grid;grid-template-columns:auto 1fr minmax(350px,1fr);align-items:center;gap:18px}.newsletter i{width:58px;height:58px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-style:normal}.newsletter h3,.newsletter p{margin:3px 0}.newsletter p{font-size:12px;color:var(--muted)}.newsletter form{display:flex}.newsletter input{height:44px;flex:1;min-width:0;border:1px solid var(--line);padding:0 12px;border-radius:7px 0 0 7px}.newsletter button{border:0;background:var(--navy);color:#fff;padding:0 18px;border-radius:0 7px 7px 0}.newsletter .ok{color:#268658}footer{background:linear-gradient(110deg,#071630,#0e2c5c);color:#cbd3e2;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:38px}.footer-grid img{width:180px;height:45px;object-fit:contain}.footer-grid p,.footer-grid a{display:block;font-size:12px;line-height:1.6;margin:7px 0}.footer-grid h4{color:#fff}.copy{border-top:1px solid #43526f;padding-top:20px;margin-top:30px;font-size:11px}.copy span{float:right}
.page-hero{margin-top:28px;margin-bottom:30px;background:var(--soft);border-radius:13px;min-height:185px;padding:34px 40px;display:flex;align-items:center;overflow:hidden}.page-hero.image{background:linear-gradient(110deg,#071630,#0d2b5d);color:#fff;justify-content:space-between}.page-hero h1{font-size:45px;margin:25px 0 5px;letter-spacing:-.04em}.page-hero p{color:#8994aa;margin:0}.page-hero>img{height:185px;width:45%;object-fit:cover;mix-blend-mode:screen}.catalog{display:grid;grid-template-columns:245px 1fr;gap:24px;padding-bottom:55px}.catalog>aside{border:1px solid var(--line);border-radius:9px;height:max-content;overflow:hidden}.catalog>aside h3{padding:17px;margin:0;border-bottom:1px solid var(--line)}.catalog>aside label{display:block;padding:15px 17px 7px;font-weight:800;font-size:13px}.catalog>aside>button:not(.reset){width:100%;border:0;background:#fff;text-align:left;padding:8px 17px;display:flex;justify-content:space-between}.catalog>aside>button.active,.catalog>aside>button:hover{background:var(--soft);font-weight:800}.catalog>aside input[type=range]{width:calc(100% - 34px);margin:8px 17px}.catalog>aside p{padding:0 17px}.catalog .reset{margin:15px;width:calc(100% - 30px);height:43px;border:0;border-radius:6px;background:var(--navy);color:#fff}.catalog>div>.p-grid{grid-template-columns:repeat(3,1fr)}.toolbar{height:48px;display:flex;justify-content:space-between;align-items:center}.toolbar select{border:1px solid var(--line);border-radius:6px;padding:9px}.empty{min-height:330px;border:1px dashed #c7cdd8;border-radius:10px;background:#f7f8fa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.empty p{color:var(--muted);max-width:420px}.empty a{background:var(--navy);color:#fff}
.crumb{color:var(--muted);font-size:13px;padding:25px 0}.product-top{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding-bottom:40px}.gallery{display:grid;grid-template-columns:85px 1fr;gap:18px}.thumbs{display:flex;flex-direction:column;gap:11px}.thumbs button{height:84px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px}.thumbs img{width:100%;height:100%;object-fit:contain}.main-pic{min-height:560px;background:linear-gradient(145deg,#fff,#f5f7fa);border-radius:11px;display:grid;place-items:center;padding:30px}.main-pic img{height:500px;width:100%;object-fit:contain;mix-blend-mode:multiply}.buy{padding:18px 0}.buy h1{font-size:38px;margin:8px 0}.buy>p{color:var(--muted);line-height:1.6}.stock{display:block;color:#29955d;font-size:12px;margin:7px 0}.big-price{display:block;color:var(--coral);font-size:38px;margin:5px 0 18px}.buy ul{list-style:none;padding:0}.buy li{margin:10px 0}.qty{display:flex;margin:17px 0}.qty button,.qty span{width:40px;height:38px;border:1px solid var(--line);background:#fff;display:grid;place-items:center}.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.outline{background:#fff;color:var(--navy);border-color:var(--navy)}.wide{width:100%;margin:5px 0}.disabled{opacity:.45;pointer-events:none}.delivery{display:flex;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;margin-top:12px}.delivery span{display:flex;flex-direction:column}.delivery small{color:var(--muted)}.tabs{height:62px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:55px;position:sticky;top:84px;background:#fff;z-index:20}.tabs a{font-size:13px;font-weight:700}.description{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:65px 0}.description h2,.specs h2{font-size:32px}.description p,.description li{color:var(--muted);line-height:1.7}.description img{height:350px;width:100%;object-fit:cover;border-radius:10px}.specs{padding:25px 0 55px;display:grid;grid-template-columns:1fr 1fr}.specs h2{grid-column:1/-1}.specs p{display:flex;justify-content:space-between;padding:15px 18px;border:1px solid var(--line);margin:0}.specs span{color:var(--muted)}.reviews{background:var(--soft);padding:25px;border-radius:10px;display:grid;grid-template-columns:1fr repeat(3,1.3fr);gap:14px}.reviews article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.reviews article:first-child>strong{font-size:52px}.reviews article>p:last-child{color:var(--muted);font-size:13px}
.about-hero,.contact-hero{margin-top:28px;display:grid;grid-template-columns:38% 62%;background:var(--navy);color:#fff;border-radius:13px;overflow:hidden;min-height:390px}.about-hero>div,.contact-hero>div{padding:55px;display:flex;flex-direction:column;justify-content:center}.about-hero h1,.contact-hero h1{font-size:50px;line-height:1.05;margin:12px 0}.about-hero p,.contact-hero p{color:#c6cede;line-height:1.6}.about-hero img,.contact-hero img{height:100%;width:100%;object-fit:cover}.story{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:70px 0}.story h2{font-size:36px}.story p{font-size:17px;color:var(--muted);line-height:1.8}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;padding-bottom:65px}.values article{border:1px solid var(--line);border-radius:9px;padding:26px}.values p{color:var(--muted);line-height:1.55}.wide-life{width:100%;height:460px;object-fit:cover}.showroom{display:grid;grid-template-columns:40% 60%;align-items:center;padding:65px 0}.showroom>div{padding-right:55px}.showroom h2{font-size:36px}.showroom p{color:var(--muted);line-height:1.7}.showroom a{background:var(--navy);color:#fff}.showroom img{height:370px;width:100%;object-fit:cover;border-radius:10px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.steps>div{display:flex;align-items:center;gap:9px;color:#9aa3b4}.steps>div:after{content:"";height:2px;background:var(--line);flex:1;margin-right:14px}.steps>div:last-child:after{display:none}.steps>div>span{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.steps>div.active{color:var(--navy)}.steps>div.active>span{background:var(--navy);color:#fff}.steps b{font-size:12px}.cart-layout,.checkout,.confirm-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:24px;align-items:start;padding-bottom:48px}.cart-list,.summary,.checkout-form,.info{border:1px solid var(--line);border-radius:9px;background:#fff}.cart-list>article{display:grid;grid-template-columns:130px 1fr auto;gap:20px;align-items:center;padding:22px;border-bottom:1px solid var(--line)}.cart-list>article>img{height:120px;width:125px;object-fit:contain;mix-blend-mode:multiply}.cart-list h3{margin:0}.cart-list>article>div:last-child{text-align:right}.cart-list>article>div:last-child button{display:block;border:0;background:transparent;color:var(--muted);margin-top:25px}.summary{padding:23px;position:sticky;top:105px}.summary h2{margin-top:0}.summary>p{display:flex;justify-content:space-between;padding:11px 0;margin:0;border-bottom:1px solid var(--line)}.green{color:#29955d}.red{color:var(--coral)}.coupon{display:flex;margin:16px 0}.coupon input{min-width:0;flex:1;border:1px solid var(--line);padding:0 10px;border-radius:6px 0 0 6px}.coupon button{background:var(--navy);color:#fff;border:0;padding:10px;border-radius:0 6px 6px 0}.total{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.total strong{font-size:25px}.safe{display:flex;justify-content:center;align-items:center;gap:5px;color:var(--muted);margin-top:12px}.checkout-form{padding:27px}.form-section{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.form-section h2{font-size:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field.wide{grid-column:1/-1}.field>span{font-size:12px;font-weight:700}.field input,.field textarea,.field select{height:44px;border:1px solid var(--line);border-radius:6px;padding:0 11px;background:#fff}.field textarea{height:110px;padding-top:10px}.choice{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:13px;margin:9px 0}.choice span{display:flex;flex-direction:column}.choice small{color:var(--muted)}.terms{display:flex;gap:7px;color:var(--muted);font-size:12px}.sum-product{display:grid;grid-template-columns:52px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.sum-product img{width:52px;height:52px;object-fit:contain}.sum-product span{display:flex;flex-direction:column}.place{width:100%;height:52px;border:0;border-radius:7px;margin-top:12px}.confirm{text-align:center;padding:60px 0 35px;display:flex;flex-direction:column;align-items:center}.confirm>i{width:90px;height:90px;border-radius:50%;background:#e8f0ff;color:var(--navy);display:grid;place-items:center;font-style:normal}.confirm h1{font-size:41px;margin:22px 0 7px}.confirm p{color:var(--muted)}.confirm small{color:var(--muted);margin-top:7px}.info{padding:23px;margin-bottom:17px}.info h2{display:flex;align-items:center;gap:9px}.info p{display:flex;justify-content:space-between;line-height:1.7}.info p span{color:var(--muted)}.confirm-actions{display:flex;justify-content:center;gap:10px;padding:10px 0 30px}
.account{display:grid;grid-template-columns:205px 1fr;gap:23px;padding-bottom:55px}.account>aside{border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;height:max-content;overflow:hidden}.account>aside a{padding:13px 17px}.account>aside a.active{background:var(--navy);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.stats article{border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.stats strong{font-size:24px}.dashboard{border:1px solid var(--line);border-radius:9px;padding:21px;margin-bottom:17px}.order{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr auto;gap:9px;align-items:center;padding:12px;background:var(--soft);border-bottom:1px solid var(--line)}.order em{font-style:normal;background:#dbe9ff;color:#245da4;border-radius:5px;padding:5px;font-size:10px;width:max-content}.order em.done{background:#dff3e8;color:#27754d}.order button{border:0;background:var(--navy);color:#fff;border-radius:4px;padding:7px}.track{display:grid;grid-template-columns:repeat(5,1fr);padding:25px 0}.track>div{display:flex;flex-direction:column;align-items:center;font-size:10px;color:#9ca5b6;position:relative;text-align:center}.track>div:after{content:"";position:absolute;height:2px;width:75%;background:var(--line);top:16px;left:62%}.track>div:last-child:after{display:none}.track span{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fff;z-index:1}.track>div.done{color:var(--navy)}.track>div.done span{background:var(--navy);color:#fff}.account-panels{display:grid;grid-template-columns:1fr 1fr;gap:17px}.dashboard .p-grid{grid-template-columns:repeat(4,1fr)}.contact-hero{grid-template-columns:55% 45%;min-height:315px}.contact-hero img{mix-blend-mode:screen}.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:24px 0}.contact-cards article{border:1px solid var(--line);border-radius:8px;padding:17px;display:flex;gap:10px;align-items:center}.contact-cards span{display:flex;flex-direction:column}.contact-cards small{color:var(--muted)}.contact-main{display:grid;grid-template-columns:1.2fr .8fr;gap:23px;padding:18px 0}.contact-main>form,.hours,.service{border:1px solid var(--line);border-radius:9px;padding:27px}.hours p{display:flex;justify-content:space-between;color:var(--muted)}.map{height:185px;margin-top:24px;margin-bottom:34px;background:#eef2f6;background-image:linear-gradient(30deg,#dfe5ec 12%,transparent 12.5%,transparent 87%,#dfe5ec 87.5%);background-size:70px 110px;border-radius:9px;display:grid;place-items:center}.map>span{width:88px;height:88px;background:var(--navy);color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.service{margin-bottom:42px}.service button,.contact-main button{min-height:44px;border:0;border-radius:6px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:23px;padding:28px 0 55px}.process h2{grid-column:1/-1}.process article>span{width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center}.process p{color:var(--muted);font-size:12px;line-height:1.6}.faq{border:1px solid var(--line);border-radius:9px;padding:24px;margin-bottom:50px}.faq article{border-bottom:1px solid var(--line)}.faq article button{width:100%;border:0;background:#fff;padding:14px 0;display:flex;justify-content:space-between;text-align:left}.faq article p{color:var(--muted)}.auth{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:9px;padding:36px;gap:48px}.auth form:first-child{padding-right:48px;border-right:1px solid var(--line)}.auth form>a{display:block;color:#245da4;text-decoration:underline;font-size:12px;margin:14px 0}.auth-benefits{padding:42px 0}.auth-benefits h2{text-align:center}.auth-benefits>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.auth-benefits article{border:1px solid var(--line);border-radius:8px;padding:21px;display:flex;align-items:center;gap:10px}.mobile-basket{position:fixed;bottom:0;left:0;right:0;height:52px;background:var(--navy);color:#fff;z-index:60;align-items:center;justify-content:center;gap:8px}
@media(max-width:1000px){.shop-header{gap:15px}.brand{width:160px}.nav{gap:12px}.shop-search{max-width:250px}.p-grid{grid-template-columns:repeat(3,1fr)}.catalog>div>.p-grid{grid-template-columns:repeat(2,1fr)}.reviews{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.2fr repeat(2,1fr)}.stats{grid-template-columns:1fr 1fr}.dashboard .p-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.wrap{width:min(100% - 28px,1180px)}.shop-header{height:68px;padding-inline:14px}.brand{width:145px}.menu{display:grid;place-items:center;border:0;background:transparent;margin-left:auto}.nav{position:absolute;display:none;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:17px 22px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.shop-search{display:none}.icons a:first-child,.icons a:last-child{display:none}.new-hero>.wrap{grid-template-columns:1fr;min-height:680px}.new-hero h1{font-size:47px}.new-hero>div>img{height:310px}.cat-row{grid-template-columns:1fr 1fr}.cat-row a:last-child{grid-column:1/-1}.p-grid{grid-template-columns:1fr 1fr;gap:10px}.p-card .pic{height:150px;padding:15px 8px 4px}.p-card>div{padding:11px}.p-card h3{font-size:12px}.price strong{font-size:16px}.sale-banner{min-height:380px;padding:28px;align-items:flex-start;position:relative}.sale-banner>div:last-child{position:absolute;right:0;bottom:0;height:165px}.sale-banner img{height:135px;width:90px}.life{grid-template-columns:1fr}.life>img{height:300px}.life>div{padding:35px 22px}.life h2{font-size:31px}.benefit-row{grid-template-columns:1fr 1fr}.benefit-row>div{padding:15px 0;border-bottom:1px solid var(--line)}.newsletter{grid-template-columns:auto 1fr}.newsletter form,.newsletter .ok{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.page-hero{min-height:145px;padding:24px}.page-hero h1{font-size:34px}.page-hero img{display:none}.catalog{grid-template-columns:1fr}.catalog>aside{display:grid;grid-template-columns:1fr 1fr}.catalog>aside h3,.catalog .reset{grid-column:1/-1}.product-top{grid-template-columns:1fr;gap:20px}.gallery{grid-template-columns:1fr}.thumbs{flex-direction:row;order:2}.thumbs button{width:70px;height:70px}.main-pic{min-height:400px}.main-pic img{height:350px}.tabs{top:68px;justify-content:flex-start;overflow:auto;padding:0 14px;gap:25px}.tabs a{white-space:nowrap}.description{grid-template-columns:1fr}.description img{height:260px}.specs{grid-template-columns:1fr}.reviews{grid-template-columns:1fr}.about-hero,.contact-hero{grid-template-columns:1fr}.about-hero>div,.contact-hero>div{padding:35px 24px}.about-hero h1,.contact-hero h1{font-size:39px}.about-hero img{height:290px}.story{grid-template-columns:1fr;gap:15px;padding:45px 0}.values{grid-template-columns:1fr 1fr}.wide-life{height:300px}.showroom{grid-template-columns:1fr}.showroom>div{padding-right:0}.showroom img{height:280px}.cart-layout,.checkout,.confirm-grid{grid-template-columns:1fr}.summary{position:static}.cart-list>article{grid-template-columns:90px 1fr}.cart-list>article>img{width:85px;height:90px}.cart-list>article>div:last-child{grid-column:2;text-align:left}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.confirm h1{font-size:34px}.confirm-actions{flex-direction:column}.account{grid-template-columns:1fr}.account>aside{display:grid;grid-template-columns:1fr 1fr}.order{grid-template-columns:1fr 1fr}.track{overflow:auto}.track>div{min-width:90px}.account-panels{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr 1fr}.contact-main{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.auth{grid-template-columns:1fr;padding:21px;gap:28px}.auth form:first-child{border-right:0;border-bottom:1px solid var(--line);padding:0 0 28px}.auth-benefits>div{grid-template-columns:1fr 1fr}.mobile-basket{display:flex}footer{padding-bottom:65px}}

/* Refined photographic storefront */
.category-section .cat-row a{position:relative}
.new-hero{position:relative;min-height:640px;overflow:hidden;background:#071426}.new-hero .hero-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,26,.88) 0%,rgba(5,13,26,.68) 34%,rgba(5,13,26,.18) 62%,rgba(5,13,26,.02) 100%)}.new-hero>.hero-content{position:relative;z-index:2;min-height:640px;display:flex;align-items:center}.hero-copy{width:min(540px,48%);padding:76px 0}.new-hero h1{font-size:72px;max-width:520px}.new-hero p{max-width:470px;line-height:1.55;color:#e1e5eb}.hero-trust{display:flex;gap:20px;margin-top:30px;padding-top:22px;border-top:1px solid #ffffff42;font-size:11px;color:#f3f5f8}.hero-trust b{display:flex;align-items:center;gap:7px}
.category-section{padding:62px 0 28px}.category-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.category-heading small{font-weight:800;letter-spacing:.16em;font-size:10px;color:var(--coral)}.category-heading h2{font-size:36px;letter-spacing:-.035em;margin:7px 0 0}.category-heading p{color:var(--muted);max-width:360px;line-height:1.6;margin:0}.category-section .cat-row{width:100%;padding:0;grid-template-columns:repeat(5,1fr);gap:14px}.category-section .cat-row a{height:190px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border-radius:14px;background:#f7f6f3;border-color:#ebe8e2;transition:.22s}.category-section .cat-row a:hover{background:#fff;border-color:#b7c0ce;box-shadow:0 18px 45px #0d1b3d1a}.category-section .cat-row a>i{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--navy);font-style:normal;box-shadow:0 8px 24px #0d1b3d0d}.category-section .cat-row a>span{display:flex;flex-direction:column;gap:4px}.category-section .cat-row strong{font-size:15px}.category-section .cat-row small{font-size:10px;color:var(--muted);line-height:1.35}.category-section .cat-row b{font-size:10px;color:var(--coral);margin-top:4px}.category-section .cat-row a>svg{position:absolute;right:20px;top:26px;color:#8791a3}
.p-card{border-radius:14px;border-color:#e7e5e1}.p-card .pic{height:260px;padding:10px;background:#f7f6f3}.p-card .pic img{object-fit:contain;mix-blend-mode:normal;border-radius:9px}.p-card>div{padding:18px}.p-card h3{font-size:16px}.price strong{font-size:20px}.main-pic{background:#f7f6f3}.main-pic img,.thumbs img,.cart-list>article>img{mix-blend-mode:normal}.main-pic img{height:auto;max-height:520px;border-radius:10px}
.sale-banner{min-height:360px;display:grid;grid-template-columns:41% 59%;padding:0;background:#0a1931;color:#fff;border-radius:18px}.sale-copy{padding:48px 12px 48px 48px;position:relative;z-index:2}.sale-banner h2{font-size:40px;line-height:1.1}.sale-banner p{color:#d7dce6;line-height:1.55}.sale-tags{display:flex;gap:8px;margin:18px 0}.sale-tags span{border:1px solid #ffffff55;border-radius:30px;padding:7px 11px;font-size:10px}.sale-visual{height:360px;position:relative;overflow:hidden;background:#f5f3ef}.sale-banner .sale-visual img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;background:transparent;border-radius:0}.sale-badge{position:absolute;right:24px;top:22px;z-index:2;width:92px;height:92px;border-radius:50%;background:var(--coral);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 30px #0d1b3d33}.sale-badge b{font-size:25px}.sale-badge small{font-size:7px;letter-spacing:.08em;margin-top:2px}
.life{max-width:1520px;border-radius:18px;overflow:hidden}.life>img{height:560px;object-position:center}.life>div{background:#f7f6f3}.page-hero>img{mix-blend-mode:normal;opacity:.78;object-position:center 62%}.about-hero img,.contact-hero img,.description img,.wide-life,.showroom img{object-position:center;mix-blend-mode:normal}.showroom img{height:420px}.wide-life{height:560px}

.product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-meta b{font-size:9px;letter-spacing:.12em;color:var(--navy)}.product-meta span{font-size:10px;color:var(--muted)}
.sale-banner.sale-banner{position:relative;display:flex;align-items:center;min-height:430px;padding:0;overflow:hidden;background:#071630}.sale-banner .sale-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 54%;mix-blend-mode:normal;border-radius:0}.sale-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,35,.97) 0%,rgba(4,14,35,.88) 36%,rgba(4,14,35,.35) 66%,rgba(4,14,35,.1) 100%)}.sale-banner .sale-copy{width:58%;padding:58px;position:relative;z-index:2}.sale-banner .sale-copy h2{font-size:49px;letter-spacing:-.045em;line-height:1.02;margin:12px 0 17px}.sale-banner .sale-copy p{max-width:470px;font-size:15px}.sale-banner .sale-copy>a{margin-top:5px;background:#fff;color:var(--navy)}.sale-banner .sale-badge{right:34px;top:auto;bottom:28px;width:118px;height:118px;border:6px solid #ffffff22}.sale-banner .sale-badge b{font-size:35px;line-height:1}.sale-banner .sale-badge sup{font-size:15px}.sale-banner .sale-badge small{font-size:8px}
.bestseller-section{padding:82px 0 60px}.bestseller-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:30px}.bestseller-heading small{font-size:10px;font-weight:800;letter-spacing:.17em;color:var(--coral)}.bestseller-heading h2{font-size:42px;line-height:1.04;letter-spacing:-.045em;margin:9px 0 0}.bestseller-heading>p{color:var(--muted);line-height:1.7;margin:0}.bestseller-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.bestseller-grid article{position:relative;min-height:430px;padding:22px;border:1px solid #e7e5e1;border-radius:16px;background:#f7f6f3;overflow:hidden;display:flex;flex-direction:column}.rank{position:absolute;left:20px;top:16px;font-size:44px;font-weight:850;letter-spacing:-.08em;color:#d9dde5;z-index:2}.bestseller-pic{height:230px;display:flex;align-items:center;justify-content:center}.bestseller-pic img{width:100%;height:100%;object-fit:contain}.bestseller-info{padding:8px 3px 0}.bestseller-info>small{font-size:9px;letter-spacing:.09em;color:var(--muted)}.bestseller-info h3{font-size:20px;margin:7px 0}.bestseller-info>p{min-height:38px;color:var(--muted);font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bestseller-info>div{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.bestseller-info strong{font-size:22px}.bestseller-info button{width:42px;height:42px;border:0;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center}
@media(max-width:1000px){.sale-banner.sale-banner{min-height:390px}.sale-banner .sale-copy{width:66%;padding:42px}.sale-banner .sale-copy h2{font-size:41px}.bestseller-heading{gap:35px}.bestseller-grid article{min-height:410px}.bestseller-pic{height:210px}}
@media(max-width:800px){.sale-banner.sale-banner{min-height:520px;align-items:flex-end}.sale-banner .sale-bg{object-position:63% center}.sale-overlay{background:linear-gradient(0deg,rgba(4,14,35,.98) 0%,rgba(4,14,35,.84) 52%,rgba(4,14,35,.22) 100%)}.sale-banner .sale-copy{width:100%;padding:190px 25px 32px}.sale-banner .sale-copy h2{font-size:37px}.sale-banner .sale-copy p{font-size:13px;max-width:80%}.sale-banner .sale-badge{width:82px;height:82px;right:14px;top:16px;bottom:auto}.sale-banner .sale-badge b{font-size:25px}.bestseller-section{padding:58px 0 42px}.bestseller-heading{grid-template-columns:1fr;gap:14px;align-items:start}.bestseller-heading h2{font-size:34px}.bestseller-heading>p{font-size:13px}.bestseller-grid{grid-template-columns:1fr}.bestseller-grid article{min-height:0;display:grid;grid-template-columns:116px 1fr;padding:14px}.bestseller-pic{height:150px;grid-row:1/3}.rank{font-size:28px;left:13px;top:10px}.bestseller-info{padding-left:10px}.bestseller-info h3{font-size:17px}.bestseller-info>p{min-height:0}.bestseller-info strong{font-size:18px}}

@media(max-width:1000px){.new-hero h1{font-size:58px}.hero-copy{width:56%}.category-section .cat-row{grid-template-columns:repeat(3,1fr)}.category-section .cat-row a:nth-child(4),.category-section .cat-row a:nth-child(5){height:150px}.sale-banner{grid-template-columns:47% 53%}.sale-copy{padding-left:34px}.sale-banner h2{font-size:34px}}
@media(max-width:800px){.new-hero{min-height:670px}.new-hero>.hero-content{min-height:670px;align-items:flex-end}.new-hero .hero-photo{object-position:66% center}.hero-overlay{background:linear-gradient(0deg,rgba(5,13,26,.96) 0%,rgba(5,13,26,.78) 43%,rgba(5,13,26,.08) 78%)}.hero-copy{width:100%;padding:255px 0 45px}.new-hero h1{font-size:48px}.new-hero p{font-size:16px}.hero-trust{flex-direction:column;gap:8px}.category-section{padding-top:42px}.category-heading{align-items:flex-start;flex-direction:column;gap:12px}.category-heading h2{font-size:30px}.category-heading p{font-size:13px}.category-section .cat-row{grid-template-columns:1fr 1fr}.category-section .cat-row a,.category-section .cat-row a:nth-child(4),.category-section .cat-row a:nth-child(5){height:165px;padding:17px}.category-section .cat-row a:last-child{grid-column:1/-1;height:135px}.category-section .cat-row a>i{width:46px;height:46px}.category-section .cat-row a>svg{right:15px;top:20px}.p-card .pic{height:190px;padding:5px}.sale-banner{grid-template-columns:1fr;min-height:0}.sale-copy{padding:34px 26px}.sale-banner h2{font-size:33px}.sale-visual{height:230px;position:relative!important;right:auto!important;bottom:auto!important}.sale-banner .sale-visual img{width:100%;height:100%}.sale-badge{width:74px;height:74px;right:14px;top:12px}.sale-badge b{font-size:20px}.life>img{height:350px}.life>div{padding:38px 24px}.wide-life{height:340px}.showroom img{height:310px}}

/* Professional typography, pricing hierarchy and unified Lucide icon treatment */
body {
  font-family: "Inter", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1, h2 { font-weight: 800; }
h3, h4, strong { font-weight: 700; }
b, button, .nav, .primary, .outline { font-weight: 600; }
p, small, input, select, textarea { font-weight: 400; }
button, a, input, select, textarea { font-family: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--coral);
  outline-offset: 3px;
}
.new-hero small, .sale-banner small, .life small, .section-head small,
.about-hero small, .contact-hero small, .description small, .showroom small,
.category-heading small, .bestseller-heading small, .p-card > em {
  font-weight: 700;
}
.rank { font-weight: 800; }
.hero-trust b:before { content: none; }
.hero-trust svg { color: #efb99f; flex: 0 0 auto; }
.social { display: flex; align-items: center; gap: 9px; margin-top: 18px; }
.footer-grid .social a {
  width: 34px;
  height: 34px;
  margin: 0;
  border: 1px solid #ffffff38;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.footer-grid .social a:hover { color: #fff; border-color: #fff; }
.rating { display: flex; align-items: center; gap: 7px; }
.rating-stars { display: inline-flex; gap: 2px; color: #e49a22 !important; }
.rating-stars svg { fill: currentColor; }
.rating-filter { padding-inline: 17px; }
.p-card del, .buy > del, .bestseller-price del {
  color: #8991a2;
  font-size: 12px;
  font-weight: 400;
  text-decoration-thickness: 1px;
  text-decoration-color: #8991a2;
}
.price strong, .big-price, .bestseller-price strong { color: var(--navy); font-weight: 800; }
.price.discounted strong, .big-price.discounted, .bestseller-price.discounted strong { color: #D66459; }
.bestseller-price { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.25; }
.bestseller-price del { margin-bottom: 3px; }
.stock { display: flex; align-items: center; gap: 7px; font-weight: 600; }
.stock:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #29955d;
  flex: 0 0 auto;
}
.product-conditions {
  margin: 14px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}
.life li { display: flex; align-items: center; gap: 9px; font-weight: 600; }
.life li svg { color: var(--coral); flex: 0 0 auto; }
.life div > a { display: inline-flex; align-items: center; gap: 7px; width: max-content; font-weight: 700; }
.benefit-row b { font-weight: 700; }
.contact-notice {
  margin-top: 24px;
  margin-bottom: 34px;
  padding: 24px 28px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--soft);
  display: flex;
  align-items: center;
  gap: 15px;
}
.contact-notice svg { color: var(--navy); flex: 0 0 auto; }
.contact-notice p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }
.account-empty {
  margin: 0;
  padding: 28px;
  border: 1px dashed var(--line);
  border-radius: 8px;
  background: var(--soft);
  color: var(--muted);
  text-align: center;
}

/* Tremark professional storefront system */
:root {
  --navy: #0d1b3d;
  --navy2: #334460;
  --coral: #d66459;
  --ink: #111a31;
  --muted: #667085;
  --line: #e2e6ec;
  --soft: #f6f7f9;
  --white: #ffffff;
  --shadow-sm: 0 8px 24px rgba(13, 27, 61, 0.06);
  --shadow-md: 0 16px 42px rgba(13, 27, 61, 0.1);
}
html { overflow-x: clip; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background: var(--white);
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}
.store, main { width: 100%; overflow: clip; }
.wrap {
  width: min(100%, 1280px);
  margin-inline: auto;
  padding-inline: 28px;
}
h1, h2, h3, h4, p { text-wrap: pretty; }
h1 { font-size: clamp(40px, 4vw, 56px); line-height: 1.05; font-weight: 800; }
h2 { font-size: clamp(28px, 3vw, 36px); line-height: 1.15; font-weight: 700; }
h3 { font-size: 18px; line-height: 1.35; font-weight: 700; }
p { font-size: 15px; line-height: 1.7; }
small { font-size: 13px; }
button, input, select, textarea { font-family: inherit; }
button, .primary, .outline { min-height: 44px; }
.primary, .outline {
  border-radius: 9px;
  padding-inline: 22px;
  font-weight: 700;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.primary:hover, .outline:hover { transform: translateY(-1px); }
.page-section { padding-block: 88px; }
.page-section.soft {
  width: min(100%, 1280px);
  max-width: 1280px;
  padding-inline: 28px;
  background: var(--soft);
  border-radius: 18px;
}

.topbar {
  height: 32px;
  min-height: 32px;
  background: var(--navy);
  color: var(--white);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .01em;
}
.shop-header {
  height: 88px;
  gap: 26px;
  padding-inline: max(28px, calc((100vw - 1280px) / 2 + 28px));
  border-bottom: 1px solid rgba(226, 230, 236, .9);
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 3px 14px rgba(13, 27, 61, .035);
}
.brand { width: 208px; }
.brand img { height: 48px; object-fit: contain; object-position: left center; }
.nav { gap: 24px; font-size: 14px; font-weight: 600; }
.nav a { display: inline-flex; align-items: center; min-height: 44px; }
.shop-search {
  height: 46px;
  max-width: 390px;
  border-color: var(--line);
  border-radius: 10px;
  background: var(--soft);
  transition: border-color .18s ease, box-shadow .18s ease;
}
.shop-search:focus-within { border-color: var(--navy); box-shadow: 0 0 0 3px rgba(13, 27, 61, .08); }
.shop-search input { padding-inline: 15px; font-size: 14px; }
.shop-search button { width: 44px; height: 44px; padding: 0; display: grid; place-items: center; }
.icons { gap: 4px; }
.icons a { width: 42px; height: 42px; }
.menu { width: 44px; height: 44px; }
.mobile-search { display: none; }

.new-hero, .new-hero > .hero-content { min-height: 620px; }
.new-hero .hero-photo { object-position: center; }
.hero-overlay {
  background: linear-gradient(90deg, rgba(5, 13, 26, .92) 0%, rgba(5, 13, 26, .74) 38%, rgba(5, 13, 26, .24) 68%, rgba(5, 13, 26, .03) 100%);
}
.hero-copy { width: min(560px, 52%); padding-block: 88px; }
.new-hero h1 { margin: 14px 0 20px; max-width: 540px; font-size: clamp(48px, 5vw, 56px); letter-spacing: -.045em; }
.new-hero p { max-width: 520px; margin: 0; color: #e6eaf1; font-size: 17px; line-height: 1.65; }
.new-hero small { font-size: 12px; letter-spacing: .16em; }
.new-hero > div > div > span { gap: 12px; margin-top: 30px; }
.new-hero > div > div > span a {
  min-height: 48px;
  padding-inline: 24px;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 700;
}
.hero-trust { gap: 26px; margin-top: 30px; padding-top: 22px; font-size: 13px; }
.hero-trust b { font-weight: 600; }
.hero-trust svg { width: 18px; height: 18px; color: #f3c1b7; }

.category-section { padding-block: 88px 42px; }
.category-heading { margin-bottom: 28px; }
.category-heading small, .section-head small, .bestseller-heading small { min-height: 12px; font-size: 12px; font-weight: 700; }
.category-heading h2 { margin-top: 8px; font-size: 34px; }
.category-heading p { max-width: 430px; font-size: 15px; color: var(--muted); }
.category-section .cat-row { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
.category-section .cat-row a {
  height: 210px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--soft);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.category-section .cat-row a:hover { transform: translateY(-2px); background: var(--white); border-color: #c9d0da; box-shadow: var(--shadow-md); }
.category-section .cat-row a > i { width: 52px; height: 52px; color: var(--navy); }
.category-section .cat-row a > i svg { width: 24px; height: 24px; }
.category-section .cat-row strong { font-size: 16px; font-weight: 600; }
.category-section .cat-row small { font-size: 13px; line-height: 1.45; color: var(--muted); }
.category-section .cat-row b { margin-top: 6px; color: var(--muted); font-size: 12px; font-weight: 500; }
.category-section .cat-row a > svg { width: 20px; height: 20px; color: var(--navy); }

.section-head { min-height: 58px; margin-bottom: 28px; gap: 24px; }
.section-head h2 { margin-top: 6px; font-size: 32px; }
.section-head > a {
  min-height: 44px;
  padding-inline: 14px;
  border-radius: 8px;
  font-size: 14px;
  transition: background .18s ease, color .18s ease;
}
.section-head > a:hover { color: var(--coral); background: var(--soft); }
.p-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; grid-auto-rows: 1fr; }
.p-grid.single { grid-template-columns: minmax(280px, 304px); }
.p-grid.compact { grid-template-columns: repeat(2, minmax(280px, 304px)); }
.p-card {
  height: 100%;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--white);
  box-shadow: 0 4px 14px rgba(13, 27, 61, .035);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.p-card:hover { transform: translateY(-2px); border-color: #ccd2dc; box-shadow: var(--shadow-sm); }
.p-card .pic { height: 244px; padding: 18px; background: var(--soft); }
.p-card .pic img { width: 100%; height: 100%; object-fit: contain; }
.p-card > em {
  top: 16px;
  left: 16px;
  padding: 6px 9px;
  border-radius: 5px;
  background: var(--navy);
  color: var(--white);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}
.p-card > em.sale { background: var(--coral); }
.heart { top: 14px; right: 14px; width: 38px; height: 38px; border-color: var(--line); }
.heart svg { width: 20px; height: 20px; }
.p-card > .p-card-body { flex: 1; padding: 18px; display: flex; flex-direction: column; }
.p-card h3 {
  min-height: 44px;
  margin: 0 0 8px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 600;
}
.product-meta { min-height: 20px; font-size: 12px; }
.product-meta b { font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.product-meta span { font-size: 12px; color: var(--muted); }
.rating { margin: 12px 0 10px; min-height: 20px; font-size: 13px; }
.rating span { font-size: 13px; color: var(--muted); }
.rating-stars svg { width: 14px; height: 14px; }
.price { margin-top: auto; min-height: 54px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.price-stack { min-height: 51px; display: flex; flex-direction: column; justify-content: flex-end; }
.price-stack del { margin-bottom: 2px; color: #8b95a5; font-size: 13px; line-height: 1.3; }
.price strong { color: var(--navy); font-size: 21px; line-height: 1.25; font-weight: 700; }
.price.discounted strong { color: var(--coral); }
.card-cart { width: 42px; min-width: 42px; height: 42px; border: 0; border-radius: 8px; background: var(--navy); color: var(--white); display: grid; place-items: center; }
.card-cart:hover { background: #172b59; }
.card-cart svg { width: 20px; height: 20px; }
.wishlist-actions { display: grid; gap: 8px; margin-top: 14px; }
.wishlist-actions .primary, .remove-wish { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 8px; }
.remove-wish { border: 1px solid var(--line); background: var(--white); color: var(--muted); font-size: 13px; }
.remove-wish:hover { border-color: #c8ced8; color: var(--ink); }
.wishlist-card { min-height: 590px; }

.sale-banner.sale-banner { min-height: 410px; border-radius: 18px; }
.sale-banner .sale-copy { position: relative !important; right: auto !important; bottom: auto !important; height: auto !important; }
.sale-banner .sale-overlay { background: linear-gradient(90deg, rgba(4, 14, 35, .96) 0%, rgba(4, 14, 35, .82) 43%, rgba(4, 14, 35, .22) 76%, rgba(4, 14, 35, .05) 100%); }
.sale-banner .sale-copy { width: 58%; padding: 64px; }
.sale-banner .sale-copy h2 { margin: 12px 0 18px; font-size: clamp(38px, 4vw, 48px); }
.sale-banner .sale-copy p { max-width: 500px; font-size: 16px; color: #e2e7ef; }
.sale-banner .sale-copy > a { min-height: 48px; margin-top: 16px; padding-inline: 24px; border-radius: 9px; }

.bestseller-section { padding-block: 92px; }
.bestseller-heading { grid-template-columns: 1fr .75fr; gap: 80px; margin-bottom: 32px; }
.bestseller-heading h2 { margin-top: 8px; font-size: 36px; }
.bestseller-heading > p { color: var(--muted); font-size: 15px; }
.bestseller-grid { gap: 22px; }
.bestseller-grid article { min-height: 470px; padding: 22px; border-color: var(--line); border-radius: 14px; background: var(--soft); }
.rank {
  top: 18px;
  left: 18px;
  width: 48px;
  height: 36px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .9);
  color: #9aa4b3;
  display: grid;
  place-items: center;
  font-size: 18px;
  letter-spacing: -.02em;
}
.bestseller-pic { height: 244px; padding-top: 12px; }
.bestseller-info { flex: 1; display: flex; flex-direction: column; padding-top: 12px; }
.bestseller-info > small { font-size: 12px; color: var(--muted); }
.bestseller-info h3 { margin: 8px 0; font-size: 19px; }
.bestseller-info > p { min-height: 48px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.bestseller-info > div { margin-top: auto; }
.bestseller-info strong { font-size: 21px; color: var(--navy); }
.bestseller-price.discounted strong { color: var(--coral); }
.bestseller-info button { width: 42px; height: 42px; border-radius: 8px; }

.life {
  width: min(calc(100% - 56px), 1224px);
  max-width: 1224px;
  margin: 0 auto 88px;
  grid-template-columns: 52% 48%;
  border-radius: 18px;
}
.life > img { height: 520px; }
.life > div { padding: 64px; }
.life h2 { margin: 12px 0 18px; font-size: 36px; }
.life p { color: var(--muted); font-size: 15px; }
.life ul { margin-block: 24px; gap: 14px 20px; }
.life li { font-size: 14px; }
.life div > a { min-height: 44px; }

.benefit-row {
  margin-block: 0 80px;
  padding: 32px 28px;
  gap: 0;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--soft);
}
.benefit-row > div { align-items: center; padding-inline: 20px; }
.benefit-row > div > svg { width: 24px; height: 24px; flex: 0 0 auto; }
.benefit-row span { font-size: 14px; }
.benefit-row b { font-size: 14px; font-weight: 600; }
.benefit-row small { margin-top: 2px; color: var(--muted); font-size: 12px; }

.newsletter {
  margin-block: 0 80px;
  padding: 30px 32px;
  gap: 20px;
  border-color: var(--line);
  border-radius: 14px;
  background: var(--soft);
}
.newsletter i { width: 54px; height: 54px; }
.newsletter h3 { font-size: 18px; }
.newsletter p { font-size: 14px; }
.newsletter input, .newsletter button { height: 46px; }
.newsletter input { border-color: var(--line); border-radius: 8px 0 0 8px; font-size: 14px; }
.newsletter button { border-radius: 0 8px 8px 0; font-weight: 700; }

.page-hero { min-height: 220px; margin-block: 36px 48px; padding: 42px 46px; border-radius: 16px; }
.page-hero.image { min-height: 240px; }
.page-hero small { font-size: 13px; color: var(--muted); }
.page-hero.image small { color: #c7d0df; }
.page-hero h1 { margin: 18px 0 8px; font-size: clamp(36px, 4vw, 44px); }
.page-hero p { font-size: 15px; }
.page-hero > img { height: 240px; width: 46%; }

.catalog { grid-template-columns: 280px minmax(0, 1fr); gap: 32px; padding-bottom: 88px; }
.filter-panel { border: 1px solid var(--line) !important; border-radius: 12px !important; overflow: hidden; background: var(--white); }
.filter-head { min-height: 58px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.filter-head h3 { margin: 0; padding: 0 !important; border: 0 !important; font-size: 18px; }
.filter-head button { display: none; width: 40px; height: 40px; border: 0; background: transparent; }
.filter-group { padding: 18px 0; border-bottom: 1px solid var(--line); }
.filter-group > label { padding: 0 18px 10px !important; display: flex !important; justify-content: space-between; font-size: 13px !important; font-weight: 600 !important; }
.filter-panel .filter-group > button { width: 100%; min-height: 40px; padding: 8px 18px; border: 0; background: transparent; display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: 14px; text-align: left; }
.filter-panel .filter-group > button:hover, .filter-panel .filter-group > button.active { background: var(--soft); color: var(--navy); font-weight: 600; }
.price-filter input[type="range"] {
  width: calc(100% - 36px);
  height: 5px;
  margin: 8px 18px 4px;
  appearance: none;
  border-radius: 5px;
  background: linear-gradient(90deg, var(--navy), var(--navy));
  accent-color: var(--navy);
}
.price-filter input[type="range"]::-webkit-slider-thumb { width: 18px; height: 18px; appearance: none; border: 3px solid var(--white); border-radius: 50%; background: var(--navy); box-shadow: 0 0 0 1px var(--navy); }
.price-filter input[type="range"]::-moz-range-thumb { width: 16px; height: 16px; border: 3px solid var(--white); border-radius: 50%; background: var(--navy); box-shadow: 0 0 0 1px var(--navy); }
.rating-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; padding-inline: 18px; }
.rating-options button { min-height: 40px; padding: 0 7px; border: 1px solid var(--line); border-radius: 7px; background: var(--white); color: var(--muted); display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 12px; }
.rating-options button.active { border-color: var(--navy); background: var(--navy); color: var(--white); }
.filter-actions { padding: 16px; display: grid; gap: 8px; }
.filter-panel .reset, .apply-filters { width: 100%; min-height: 44px; margin: 0; border-radius: 8px; }
.filter-panel .reset { border: 1px solid var(--line); background: var(--white); color: var(--navy); }
.apply-filters { display: none; border: 0; background: var(--navy); color: var(--white); }
.filter-trigger { display: none; min-height: 44px; padding-inline: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--white); align-items: center; gap: 8px; }
.filter-backdrop { display: none; }
.toolbar { height: auto; min-height: 58px; margin-bottom: 20px; gap: 18px; }
.toolbar > span { color: var(--muted); font-size: 14px; }
.sort-control { margin-left: auto; display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 13px; }
.toolbar .sort-control select { min-height: 44px; padding: 0 38px 0 12px; border-color: var(--line); border-radius: 8px; color: var(--ink); background: var(--white); font-size: 14px; }

.crumb { padding: 26px 0; font-size: 13px; }
.product-top { gap: 64px; padding-bottom: 56px; }
.gallery { grid-template-columns: 82px 1fr; }
.thumbs button { width: 82px; height: 82px; }
.main-pic { min-height: 540px; border-radius: 14px; }
.buy { padding-top: 10px; }
.buy h1 { margin: 8px 0; font-size: 40px; }
.buy > p { font-size: 15px; }
.big-price { color: var(--navy); font-size: 36px; font-weight: 700; }
.big-price.discounted { color: var(--coral); }
.buy li { font-size: 14px; }
.qty button, .qty span { width: 42px; height: 42px; }
.product-conditions { font-size: 13px; }
.tabs { height: 64px; }
.description { gap: 64px; padding-block: 80px; }
.description p { font-size: 15px; }
.specs { padding-block: 24px 80px; }
.reviews { grid-template-columns: .8fr 1.2fr; gap: 20px; padding: 28px; }
.review-note { display: flex; flex-direction: column; justify-content: center; }

.about-hero, .contact-hero { min-height: 430px; margin-top: 36px; border-radius: 16px; }
.about-hero > div, .contact-hero > div { padding: 58px; }
.about-hero h1, .contact-hero h1 { font-size: 44px; }
.story { gap: 72px; padding-block: 88px; }
.story h2 { font-size: 34px; }
.story p { font-size: 16px; }
.values { gap: 22px; padding-bottom: 72px; }
.values article { min-height: 230px; padding: 26px; border-color: var(--line); border-radius: 12px; }
.values article svg { width: 30px; height: 30px; }
.values h3 { margin: 18px 0 10px; }
.values p { color: var(--muted); font-size: 14px; }
.wide-life-wrap { margin-bottom: 72px; }
.wide-life { width: 100%; height: clamp(400px, 38vw, 480px); border-radius: 16px; object-fit: cover; object-position: center; }
.showroom { grid-template-columns: 42% 58%; gap: 42px; padding-block: 0 80px; }
.showroom > div { padding-right: 0; }
.showroom h2 { margin: 10px 0 14px; font-size: 32px; }
.showroom p { font-size: 15px; }
.showroom a { min-height: 46px; margin-top: 12px; padding-inline: 22px; border-radius: 9px; }
.showroom img { height: 360px; border-radius: 14px; }

.wishlist-content { padding-top: 24px; padding-bottom: 64px; }
.steps { margin-block: 12px 36px; }
.steps > div { color: #7d8798; }
.steps > div > span { width: 38px; height: 38px; font-weight: 600; }
.steps > div.active { color: var(--navy); }
.cart-layout, .checkout, .confirm-grid { gap: 28px; padding-bottom: 72px; }
.cart-list, .summary, .checkout-form, .info { border-color: var(--line); border-radius: 12px; }
.cart-list > article { grid-template-columns: 150px 1fr auto; gap: 24px; padding: 24px; }
.cart-list > article > img { width: 145px; height: 135px; padding: 10px; border-radius: 10px; background: var(--soft); }
.cart-list h3 { font-size: 18px; }
.cart-list small { font-size: 13px; color: var(--muted); }
.cart-price { min-width: 170px; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.cart-price del { color: #8b95a5; font-size: 13px; }
.cart-price strong { color: var(--navy); font-size: 21px; }
.cart-price.discounted strong { color: var(--coral); }
.cart-price button { min-height: 40px !important; margin-top: 16px !important; display: flex !important; align-items: center; gap: 7px; color: var(--muted) !important; }
.summary { padding: 26px; }
.summary h2 { font-size: 22px; }
.summary > p { gap: 18px; align-items: flex-start; font-size: 14px; }
.summary > p b { text-align: right; }
.summary .delivery-note { max-width: 170px; color: var(--muted); font-size: 12px; font-weight: 500; line-height: 1.45; }
.summary .total { margin-top: 8px; border-top: 1px solid var(--line); }
.summary .total span { font-weight: 600; }
.summary .total strong { font-size: 23px; }

.checkout-form { padding: 30px; }
.form-section { padding-bottom: 28px; margin-bottom: 28px; }
.form-section h2 { font-size: 22px; }
.form-grid { gap: 16px; }
.field { gap: 7px; margin-bottom: 16px; }
.field > span { font-size: 13px; font-weight: 600; }
.field input, .field textarea, .field select, .password-control input {
  width: 100%;
  height: 46px;
  border: 1px solid #cfd5de;
  border-radius: 8px;
  background: var(--white);
  font-size: 14px;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.field textarea { height: 120px; }
.field input:focus, .field textarea:focus, .field select:focus, .password-control:focus-within {
  outline: none;
  border-color: var(--navy);
  box-shadow: 0 0 0 3px rgba(13, 27, 61, .08);
}
.field input[aria-invalid="true"] { border-color: var(--coral); }
.field-error { color: #b5483f; font-size: 12px; line-height: 1.35; }
.field-error.standalone { display: block; margin: -6px 0 12px; }
.password-control { position: relative; border-radius: 8px; }
.password-control input { padding: 0 46px 0 11px; }
.password-control button { position: absolute; top: 1px; right: 1px; width: 44px; height: 44px; min-height: 44px; border: 0; background: transparent; color: var(--muted); display: grid; place-items: center; }
.choice { min-height: 58px; padding: 14px; border-color: var(--line); border-radius: 9px; }
input[type="checkbox"], input[type="radio"] { appearance: none; flex: 0 0 auto; border: 1.5px solid #aab3c1; background: var(--white); cursor: pointer; }
input[type="checkbox"] { width: 20px; height: 20px; border-radius: 5px; }
input[type="checkbox"]:checked { border-color: var(--navy); background: var(--navy); box-shadow: inset 0 0 0 4px var(--white); }
input[type="radio"] { width: 20px; height: 20px; border-radius: 50%; }
input[type="radio"]:checked { border: 5px solid var(--navy); }
.terms { align-items: center; gap: 10px; font-size: 13px; }
.auth { padding: 36px; gap: 48px; border-color: var(--line); border-radius: 14px; }
.auth h2 { margin-top: 0; font-size: 28px; }
.auth form > a { margin: 16px 0; font-size: 13px; }
.auth .primary, .auth .outline { min-height: 48px; }
.auth-benefits { padding-block: 64px; }
.auth-benefits h2 { font-size: 30px; }
.auth-benefits article { min-height: 72px; border-color: var(--line); border-radius: 10px; }

.account { gap: 28px; padding-bottom: 72px; }
.account > aside { border-color: var(--line); border-radius: 10px; }
.account > aside a { min-height: 46px; display: flex; align-items: center; font-size: 14px; }
.stats { gap: 16px; }
.stats article { min-height: 132px; border-color: var(--line); border-radius: 10px; }
.dashboard { padding: 24px; border-color: var(--line); }
.account-panels { gap: 18px; }

.contact-cards { gap: 18px; padding-block: 32px; }
.contact-cards article { min-height: 84px; border-color: var(--line); border-radius: 10px; }
.contact-main { gap: 28px; padding-block: 18px 40px; }
.contact-main > form, .hours, .service { padding: 30px; border-color: var(--line); border-radius: 12px; }
.contact-notice { margin-block: 0 48px; }
.process { gap: 24px; padding-block: 24px 72px; }
.faq { padding: 28px; margin-bottom: 72px; border-color: var(--line); border-radius: 12px; }
.faq article button { min-height: 52px; }

footer { padding: 64px 0 28px; }
.footer-grid { grid-template-columns: 1.4fr repeat(4, 1fr); gap: 44px; }
.footer-grid h4 { margin: 0 0 18px; font-size: 16px; font-weight: 600; }
.footer-grid p, .footer-grid a { margin: 10px 0; font-size: 13px; line-height: 1.55; }
.copy { margin-top: 38px; padding-top: 24px; font-size: 13px; }

@media (max-width: 1100px) {
  .shop-header { gap: 14px; }
  .brand { width: 176px; }
  .nav { gap: 14px; }
  .shop-search { max-width: 250px; }
  .category-section .cat-row { grid-template-columns: repeat(3, 1fr); }
  .category-section .cat-row a:nth-child(4), .category-section .cat-row a:nth-child(5) { height: 180px; }
  .p-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .catalog > div > .p-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .life > div { padding: 46px; }
  .footer-grid { grid-template-columns: 1.3fr repeat(2, 1fr); }
}

@media (max-width: 900px) {
  .wrap, .page-section.soft { padding-inline: 20px; }
  .shop-header { height: 72px; padding-inline: 20px; }
  .brand { width: 172px; }
  .menu { display: grid; place-items: center; margin-left: auto; border: 0; background: transparent; }
  .nav { top: 72px; padding: 20px; box-shadow: var(--shadow-md); }
  .nav.open { display: flex; }
  .nav a { min-height: 46px; }
  .shop-search { display: none; }
  .icons a:first-child { display: none; }
  .icons a:last-child { display: grid; }
  .mobile-search {
    min-height: 58px;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--line);
    background: var(--white);
  }
  .mobile-search input { min-width: 0; flex: 1; height: 42px; padding-inline: 4px; border: 0; outline: 0; font-size: 14px; }
  .mobile-search button { min-height: 42px; padding-inline: 14px; border: 0; border-radius: 8px; background: var(--navy); color: var(--white); }
  .new-hero, .new-hero > .hero-content { min-height: 650px; }
  .hero-copy { width: 62%; }
  .new-hero h1 { font-size: 50px; }
  .bestseller-heading { gap: 36px; }
  .bestseller-grid article { min-height: 450px; }
  .life { grid-template-columns: 1fr; }
  .life > img { height: 420px; }
  .life > div { padding: 46px; }
  .benefit-row { grid-template-columns: 1fr 1fr; }
  .benefit-row > div { min-height: 90px; border-bottom: 1px solid var(--line); }
  .benefit-row > div:nth-child(2) { border-right: 0; }
  .catalog { grid-template-columns: 240px minmax(0, 1fr); gap: 24px; }
  .product-top { gap: 36px; }
  .values { grid-template-columns: 1fr 1fr; }
  .showroom { grid-template-columns: 1fr; }
  .showroom img { height: 380px; }
  .cart-layout, .checkout, .confirm-grid { grid-template-columns: 1fr; }
  .summary { position: static; }
  .account { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .wrap, .page-section.soft { padding-inline: 16px; }
  .page-section { padding-block: 60px; }
  .page-section.soft { border-radius: 0; }
  .new-hero, .new-hero > .hero-content { min-height: 660px; }
  .new-hero .hero-photo { object-position: 65% center; }
  .hero-overlay { background: linear-gradient(0deg, rgba(5,13,26,.97) 0%, rgba(5,13,26,.83) 46%, rgba(5,13,26,.16) 82%); }
  .new-hero > .hero-content { align-items: flex-end; }
  .hero-copy { width: 100%; padding: 250px 0 46px; }
  .new-hero h1 { font-size: 46px; }
  .new-hero p { font-size: 16px; }
  .hero-trust { flex-direction: column; gap: 9px; font-size: 12px; }
  .category-section { padding-block: 60px 30px; }
  .category-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .category-section .cat-row { grid-template-columns: 1fr 1fr; gap: 14px; }
  .category-section .cat-row a, .category-section .cat-row a:nth-child(4), .category-section .cat-row a:nth-child(5) { height: 180px; padding: 18px; }
  .category-section .cat-row a:last-child { grid-column: 1 / -1; height: 150px; }
  .section-head { align-items: flex-end; }
  .section-head h2 { font-size: 28px; }
  .p-grid, .catalog > div > .p-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .p-grid.single { grid-template-columns: minmax(0, 1fr); max-width: 340px; }
  .p-grid.compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p-card { min-height: 420px; }
  .p-card .pic { height: 190px; padding: 12px; }
  .p-card > .p-card-body { padding: 14px; }
  .p-card h3 { min-height: 40px; font-size: 15px; }
  .product-meta b, .product-meta span { font-size: 11px; }
  .price strong { font-size: 19px; }
  .card-cart { width: 42px; height: 42px; }
  .wishlist-card { min-height: 560px; }
  .sale-banner.sale-banner { min-height: 520px; align-items: flex-end; }
  .sale-banner .sale-bg { object-position: 62% center; }
  .sale-banner .sale-overlay { background: linear-gradient(0deg, rgba(4,14,35,.98) 0%, rgba(4,14,35,.82) 58%, rgba(4,14,35,.17) 100%); }
  .sale-banner .sale-copy { width: 100%; padding: 190px 28px 34px; }
  .sale-banner .sale-copy h2 { font-size: 36px; }
  .bestseller-section { padding-block: 64px; }
  .bestseller-heading { grid-template-columns: 1fr; gap: 14px; }
  .bestseller-heading h2 { font-size: 30px; }
  .bestseller-grid { grid-template-columns: 1fr; }
  .bestseller-grid article { min-height: 0; grid-template-columns: 130px 1fr; padding: 16px; }
  .bestseller-pic { height: 170px; }
  .bestseller-info > p { font-size: 13px; }
  .life { width: calc(100% - 32px); margin-bottom: 60px; }
  .life > img { height: 340px; }
  .life > div { padding: 34px 24px; }
  .life h2 { font-size: 30px; }
  .benefit-row { margin-bottom: 60px; padding: 16px; }
  .newsletter { margin-bottom: 60px; grid-template-columns: auto 1fr; padding: 24px; }
  .newsletter form, .newsletter .ok { grid-column: 1 / -1; }
  .page-hero { min-height: 180px; margin-block: 24px 34px; padding: 30px 24px; }
  .page-hero h1 { font-size: 34px; }
  .page-hero > img { display: none; }
  .catalog { grid-template-columns: 1fr; padding-bottom: 64px; }
  .filter-trigger { display: inline-flex; }
  .filter-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 120;
    width: min(88vw, 360px);
    overflow-y: auto;
    border-radius: 0 !important;
    transform: translateX(105%);
    transition: transform .24s ease;
  }
  .catalog > aside.filter-panel { display: block; grid-template-columns: none; }
  .filter-panel.open { transform: translateX(0); }
  .filter-head { position: sticky; top: 0; z-index: 2; background: var(--white); }
  .filter-head button { display: grid; place-items: center; }
  .apply-filters { display: block; }
  .filter-backdrop { position: fixed; inset: 0; z-index: 110; display: block; border: 0; background: rgba(5, 13, 26, .5); }
  .toolbar { flex-wrap: wrap; }
  .toolbar > span { order: 2; }
  .sort-control { order: 3; width: 100%; justify-content: space-between; }
  .sort-control select { flex: 1; max-width: 220px; }
  .product-top { grid-template-columns: 1fr; }
  .gallery { grid-template-columns: 1fr; }
  .thumbs { order: 2; flex-direction: row; }
  .main-pic { min-height: 410px; }
  .tabs { justify-content: flex-start; gap: 24px; padding-inline: 16px; overflow-x: auto; }
  .description { grid-template-columns: 1fr; padding-block: 60px; }
  .specs { grid-template-columns: 1fr; padding-bottom: 60px; }
  .reviews { grid-template-columns: 1fr; }
  .about-hero, .contact-hero { grid-template-columns: 1fr; min-height: 0; }
  .about-hero > div, .contact-hero > div { padding: 36px 24px; }
  .about-hero h1, .contact-hero h1 { font-size: 38px; }
  .about-hero img, .contact-hero img { height: 300px; }
  .story { grid-template-columns: 1fr; gap: 18px; padding-block: 60px; }
  .values { grid-template-columns: 1fr 1fr; gap: 14px; }
  .values article { min-height: 220px; padding: 20px; }
  .wide-life-wrap { margin-bottom: 60px; }
  .wide-life { height: 360px; }
  .showroom { gap: 24px; padding-bottom: 60px; }
  .showroom img { height: 300px; }
  .cart-list > article { grid-template-columns: 110px 1fr; gap: 18px; }
  .cart-list > article > img { width: 110px; height: 110px; }
  .cart-price { grid-column: 2; align-items: flex-start; min-width: 0; }
  .form-grid { grid-template-columns: 1fr; }
  .field.wide { grid-column: auto; }
  .auth { grid-template-columns: 1fr; padding: 24px; gap: 30px; }
  .auth form:first-child { padding: 0 0 30px; border-right: 0; border-bottom: 1px solid var(--line); }
  .auth-benefits > div { grid-template-columns: 1fr 1fr; }
  .stats { grid-template-columns: 1fr 1fr; }
  .account-panels { grid-template-columns: 1fr; }
  .contact-cards { grid-template-columns: 1fr 1fr; }
  .contact-main { grid-template-columns: 1fr; }
  .process { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 24px; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  footer { padding-bottom: 84px; }
  .mobile-basket { display: flex; min-height: 56px; }
}

@media (max-width: 520px) {
  .topbar { padding-inline: 12px; text-align: center; }
  .shop-header { padding-inline: 14px; }
  .brand { width: 150px; }
  .icons { gap: 0; }
  .mobile-search { padding-inline: 14px; }
  .new-hero h1 { font-size: 42px; }
  .new-hero > div > div > span { flex-direction: column; align-items: stretch; }
  .new-hero > div > div > span a { width: 100%; }
  .category-section .cat-row { gap: 12px; }
  .category-section .cat-row a { height: 170px; padding: 16px; }
  .category-section .cat-row small { font-size: 12px; }
  .section-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .section-head > a { margin-left: -14px; }
  .p-grid, .catalog > div > .p-grid { gap: 12px; }
  .p-card .pic { height: 164px; }
  .p-card > .p-card-body { padding: 12px; }
  .p-card h3 { font-size: 14px; }
  .rating-stars svg { width: 12px; height: 12px; }
  .price strong { font-size: 18px; }
  .bestseller-grid article { grid-template-columns: 110px 1fr; }
  .bestseller-pic { height: 150px; }
  .life ul { grid-template-columns: 1fr; }
  .benefit-row { grid-template-columns: 1fr; }
  .benefit-row > div { justify-content: flex-start; border-right: 0; }
  .newsletter { grid-template-columns: 1fr; }
  .newsletter i { width: 48px; height: 48px; }
  .newsletter form { display: grid; gap: 8px; }
  .newsletter input, .newsletter button { width: 100%; border-radius: 8px; }
  .values { grid-template-columns: 1fr; }
  .values article { min-height: 0; }
  .cart-list > article { grid-template-columns: 90px 1fr; padding: 18px; }
  .cart-list > article > img { width: 90px; height: 96px; }
  .steps b { font-size: 11px; }
  .steps > div:after { margin-right: 7px; }
  .auth-benefits > div, .contact-cards, .process, .footer-grid { grid-template-columns: 1fr; }
  .footer-grid > div:first-child { grid-column: auto; }
}

@media (max-width: 380px) {
  .p-grid, .catalog > div > .p-grid { grid-template-columns: 1fr; }
  .p-grid.compact { grid-template-columns: 1fr; }
  .p-card { min-height: 440px; }
  .p-card .pic { height: 220px; }
  .category-section .cat-row { grid-template-columns: 1fr; }
  .category-section .cat-row a, .category-section .cat-row a:last-child { grid-column: auto; height: 150px; }
  .stats { grid-template-columns: 1fr; }
}

/* Final visual and UX pass */
html, body { max-width: 100%; overflow-x: hidden; }
:focus-visible { outline: 3px solid rgba(214, 100, 89, .42); outline-offset: 3px; }
.shop-header { height: 78px; box-shadow: 0 4px 18px rgba(13, 27, 61, .045); }
.brand { width: 198px; }
.brand img { height: 44px; }
.icons a, .menu { min-width: 44px; min-height: 44px; }
.icons b { min-width: 18px; height: 18px; padding-inline: 4px; background: var(--coral); font-size: 10px; }
.shop-search { position: relative; overflow: visible; }
.search-results {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 160;
  width: min(470px, calc(100vw - 32px));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--white);
  box-shadow: 0 22px 60px rgba(13, 27, 61, .18);
}
.search-results > a { min-height: 76px; padding: 10px 12px; display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); }
.search-results > a:hover, .search-results > a:focus-visible { background: var(--soft); }
.search-results img { width: 56px; height: 56px; padding: 4px; border-radius: 8px; object-fit: contain; background: var(--soft); }
.search-results span { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.search-results strong { overflow: hidden; color: var(--navy); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.search-results small { color: var(--muted); font-size: 12px; }
.search-results b { color: var(--navy); font-size: 14px; white-space: nowrap; }
.search-results b.discounted { color: var(--coral); }
.search-results > p { margin: 0; padding: 22px; color: var(--muted); font-size: 14px; }
.search-results .search-all { min-height: 48px; grid-template-columns: 1fr auto; color: var(--navy); font-size: 13px; font-weight: 700; }
.search-all svg { width: 17px; height: 17px; }

.category-nav { display: flex; }
.category-trigger { min-height: 44px; padding: 0; border: 0; background: transparent; color: inherit; display: inline-flex; align-items: center; gap: 5px; font-weight: inherit; }
.category-trigger svg { transition: transform .18s ease; }
.category-trigger[aria-expanded="true"] svg { transform: rotate(180deg); }
.mega-menu { position: absolute; top: 100%; left: 0; right: 0; display: none; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, .99); box-shadow: 0 22px 44px rgba(13, 27, 61, .12); }
.mega-menu.open { display: block; }
.mega-menu-grid { padding-block: 28px 32px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 26px; }
.mega-menu-grid section { min-width: 0; }
.mega-menu-grid section > a { min-height: 34px; padding: 5px 0; display: flex; align-items: center; color: var(--muted); font-size: 13px; font-weight: 500; white-space: normal; }
.mega-menu-grid section > a:hover { color: var(--coral); }
.mega-menu-grid .mega-heading { min-height: 44px; margin-bottom: 5px; gap: 9px; color: var(--navy); font-size: 14px; font-weight: 700; }
.mega-heading i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: var(--soft); font-style: normal; }

.category-section { padding-top: 72px; }
.category-section .cat-row a { height: 198px; }
.category-section .cat-row b { color: var(--muted); }

.p-card { min-height: 474px; overflow: hidden; }
.p-card:hover { transform: translateY(-3px); border-color: #c5ccd7; box-shadow: 0 18px 42px rgba(13, 27, 61, .11); }
.card-hit { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.p-card > em { z-index: 3; padding: 5px 8px; font-size: 10px; pointer-events: none; }
.heart { z-index: 3; width: 40px; height: 40px; }
.p-card .pic { overflow: hidden; pointer-events: none; }
.p-card .pic img { transition: transform .2s ease; }
.p-card:hover .pic img { transform: scale(1.02); }
.p-card > .p-card-body { position: relative; }
.p-card h3 { min-height: 46px; }
.card-cart, .wishlist-actions button { position: relative; z-index: 3; }
.card-cart { width: 42px; height: 42px; }

.sale-banner.sale-banner { min-height: 430px; }
.sale-banner .sale-overlay { background: linear-gradient(90deg, rgba(4, 14, 35, .98) 0%, rgba(4, 14, 35, .91) 39%, rgba(4, 14, 35, .48) 68%, rgba(4, 14, 35, .14) 100%); }
.sale-banner .sale-copy { width: 100%; max-width: 548px; padding: 62px 64px; display: flex; flex-direction: column; align-items: flex-start; }
.sale-banner .sale-copy small { margin: 0; }
.sale-banner .sale-copy h2 { max-width: 420px; margin: 13px 0 18px; font-size: clamp(40px, 4vw, 50px); line-height: 1.05; }
.sale-banner .sale-copy p { max-width: 420px; margin: 0; line-height: 1.65; }
.sale-banner .sale-copy > a { margin-top: 24px; }

.catalog { grid-template-columns: 244px minmax(0, 1fr); gap: 28px; }
.filter-panel .filter-group > button { position: relative; }
.filter-panel .filter-group > button.active { background: #f0f2f6; }
.filter-panel .filter-group > button.active::before { position: absolute; inset: 7px auto 7px 0; width: 3px; border-radius: 0 3px 3px 0; background: var(--navy); content: ""; }
.price-filter input[type="range"] { height: 6px; background-color: var(--line); }
.price-filter input[type="range"]::-webkit-slider-thumb { width: 20px; height: 20px; }
.filter-panel .reset:hover { border-color: var(--navy); background: var(--soft); }
.active-filter-chips { margin: -4px 0 20px; display: flex; flex-wrap: wrap; gap: 8px; }
.active-filter-chips button { min-height: 34px; padding: 6px 10px 6px 12px; border: 1px solid var(--line); border-radius: 18px; background: var(--soft); color: var(--navy); display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; }
.active-filter-chips button:hover { border-color: #c2c9d4; background: var(--white); }

.thumbs button.active { border-color: var(--navy); box-shadow: 0 0 0 2px rgba(13, 27, 61, .08); }
.stock-status { color: var(--navy); font-weight: 600; }
.wishlist-product { margin-top: 10px; background: var(--white); }
.wishlist-product.on { border-color: var(--coral); color: var(--coral); }
.tabs { top: 78px; gap: 6px; padding: 0 8px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); }
.qty button, .qty span { width: 44px; height: 44px; }
.tabs button { min-height: 46px; padding: 0 16px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); font-size: 14px; font-weight: 600; white-space: nowrap; }
.tabs button:hover { color: var(--navy); }
.tabs button.active { background: var(--white); color: var(--navy); box-shadow: 0 2px 8px rgba(13, 27, 61, .07); }
.tab-panel { min-height: 390px; }
.tab-panel .description, .tab-panel .specs, .tab-panel .reviews { padding-block: 64px; }
.delivery-warranty-panel { min-height: 390px; padding: 64px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-content: start; }
.delivery-warranty-panel > div { min-height: 190px; padding: 28px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); }
.delivery-warranty-panel h2 { margin: 14px 0 10px; font-size: 22px; }
.delivery-warranty-panel p { margin: 0; color: var(--muted); line-height: 1.65; }
.delivery-warranty-panel > a { grid-column: 1 / -1; width: max-content; min-height: 44px; padding: 0 18px; border: 1px solid var(--navy); border-radius: 8px; display: inline-flex; align-items: center; color: var(--navy); font-weight: 700; }
.recently-viewed { padding-top: 20px; border-top: 1px solid var(--line); }

.information-page { padding-bottom: 88px; }
.information-intro { max-width: 760px; margin-bottom: 28px; }
.information-intro h2 { margin: 0 0 12px; font-size: 28px; }
.information-intro p { color: var(--muted); line-height: 1.7; }
.information-faq { display: grid; gap: 14px; }
.information-faq article, .cookie-policy-grid article { padding: 26px; border: 1px solid var(--line); border-radius: 12px; background: var(--white); }
.information-faq h2, .cookie-policy-grid h2 { margin: 0 0 9px; font-size: 19px; }
.information-faq p, .cookie-policy-grid p { margin: 0; color: var(--muted); line-height: 1.65; }
.cookie-policy-grid { margin-bottom: 28px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.cookie-policy-grid svg { margin-bottom: 16px; color: var(--coral); }
.owner-placeholder { margin-top: 30px; padding: 30px; border: 1px solid #e8cbc6; border-radius: 14px; background: #fff8f6; }
.owner-placeholder small { color: var(--coral); font-size: 12px; font-weight: 700; letter-spacing: .12em; }
.owner-placeholder h2 { margin: 9px 0 10px; font-size: 24px; }
.owner-placeholder p { color: var(--muted); }
.owner-placeholder ul { margin: 18px 0 0; padding-left: 20px; columns: 2; }
.owner-placeholder li { margin-bottom: 8px; padding-left: 4px; }

.footer-cookie-button { min-height: 44px; margin: 2px 0 0; padding: 0; border: 0; background: transparent; color: #cbd3e2; font-size: 13px; text-align: left; }
.footer-cookie-button:hover { color: var(--white); }

.cookie-banner { position: fixed; left: 50%; bottom: 22px; z-index: 240; width: min(1180px, calc(100% - 40px)); padding: 22px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 16px; background: #0b1938; color: var(--white); box-shadow: 0 22px 70px rgba(4, 12, 31, .34); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px; transform: translateX(-50%); }
.cookie-banner > div:first-child { display: flex; align-items: flex-start; gap: 15px; }
.cookie-banner > div:first-child > svg { flex: 0 0 auto; margin-top: 3px; color: #f2b8ae; }
.cookie-banner h2 { margin: 0 0 6px; font-size: 18px; }
.cookie-banner p { max-width: 670px; margin: 0; color: #d6dce8; font-size: 13px; line-height: 1.55; }
.cookie-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.cookie-actions button { min-height: 44px; padding: 0 16px; border-radius: 8px; font-size: 12px; font-weight: 700; }
.cookie-accept { border: 1px solid var(--coral); background: var(--coral); color: var(--white); }
.cookie-reject { border: 1px solid rgba(255, 255, 255, .76); background: transparent; color: var(--white); }
.cookie-settings { grid-column: 1 / -1; border: 0; background: transparent; color: #dce2ec; text-decoration: underline; text-underline-offset: 3px; }
.cookie-modal-backdrop { position: fixed; inset: 0; z-index: 300; padding: 20px; background: rgba(4, 12, 31, .7); display: grid; place-items: center; }
.cookie-modal { width: min(610px, 100%); max-height: min(760px, calc(100vh - 40px)); overflow-y: auto; padding: 28px; border-radius: 16px; background: var(--white); box-shadow: 0 26px 80px rgba(4, 12, 31, .3); }
.cookie-modal > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.cookie-modal > header small { color: var(--coral); font-size: 11px; font-weight: 700; letter-spacing: .14em; }
.cookie-modal h2 { margin: 6px 0 0; font-size: 28px; }
.cookie-modal > header button { width: 44px; min-width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: var(--white); display: grid; place-items: center; }
.cookie-modal > p { margin: 18px 0 20px; color: var(--muted); line-height: 1.6; }
.cookie-option { min-height: 86px; padding: 18px; border: 1px solid var(--line); border-radius: 10px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.cookie-option + .cookie-option { margin-top: 10px; }
.cookie-option > span { display: flex; flex-direction: column; gap: 5px; }
.cookie-option b { font-size: 15px; }
.cookie-option small { color: var(--muted); font-size: 12px; line-height: 1.45; }
.cookie-option input { width: 22px; height: 22px; }
.cookie-option.locked { background: var(--soft); }
.cookie-modal-actions { margin-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.cookie-modal-actions a { color: var(--muted); font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.cookie-modal-actions button { min-height: 46px; padding: 0 20px; border: 0; border-radius: 8px; background: var(--navy); color: var(--white); font-weight: 700; }

@media (max-width: 1100px) {
  .shop-header { height: 74px; }
  .brand { width: 180px; }
  .mega-menu-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .catalog { grid-template-columns: 224px minmax(0, 1fr); gap: 22px; }
  .tabs { top: 74px; }
}

@media (max-width: 900px) {
  .shop-header { height: 70px; }
  .nav { top: 70px; max-height: calc(100vh - 70px); overflow-y: auto; }
  .nav > a, .category-trigger { width: 100%; min-height: 46px; justify-content: space-between; }
  .category-nav { width: 100%; flex-direction: column; }
  .mega-menu { position: static; width: 100%; border: 0; box-shadow: none; }
  .mega-menu-grid { width: 100%; padding: 12px 0 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .mega-menu-grid section > a { min-height: 38px; }
  .mobile-search { position: relative; }
  .mobile-search .search-results { top: calc(100% + 2px); left: 20px; right: 20px; width: auto; }
  .catalog { grid-template-columns: 1fr; }
  .tabs { top: 70px; }
}

@media (max-width: 768px) {
  .category-section .cat-row {
    width: calc(100% + 16px);
    margin-right: -16px;
    padding: 2px 16px 14px 0;
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(218px, 72vw);
    gap: 14px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }
  .category-section .cat-row::-webkit-scrollbar { display: none; }
  .category-section .cat-row a,
  .category-section .cat-row a:nth-child(4),
  .category-section .cat-row a:nth-child(5),
  .category-section .cat-row a:last-child { grid-column: auto; width: auto; height: 178px; scroll-snap-align: start; }
  .sale-banner .sale-copy { max-width: none; padding: 210px 28px 36px; }
  .sale-banner .sale-copy h2, .sale-banner .sale-copy p { max-width: 420px; }
  .active-filter-chips { margin-top: 0; }
  .tabs { height: auto; min-height: 62px; justify-content: flex-start; overflow-x: auto; }
  .tabs button { flex: 0 0 auto; }
  .tab-panel { min-height: 0; }
  .delivery-warranty-panel { min-height: 0; padding-block: 46px; grid-template-columns: 1fr; }
  .delivery-warranty-panel > a { grid-column: auto; }
  .cookie-policy-grid { grid-template-columns: 1fr; }
  .owner-placeholder ul { columns: 1; }
  .cookie-banner { bottom: 14px; width: calc(100% - 28px); grid-template-columns: 1fr; gap: 18px; }
  .cookie-actions { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 520px) {
  .brand { width: 148px; }
  .mobile-search { padding-inline: 14px; }
  .mobile-search .search-results { left: 14px; right: 14px; }
  .search-results > a { grid-template-columns: 50px minmax(0, 1fr); }
  .search-results img { width: 50px; height: 50px; }
  .search-results b { grid-column: 2; }
  .mega-menu-grid { grid-template-columns: 1fr; }
  .sale-banner .sale-copy { padding: 210px 22px 30px; }
  .sale-banner .sale-copy h2 { font-size: 35px; }
  .sale-banner .sale-copy p { font-size: 14px; }
  .p-card { min-height: 430px; }
  .information-page { padding-bottom: 60px; }
  .owner-placeholder { padding: 22px; }
  .cookie-banner { padding: 18px; }
  .cookie-banner > div:first-child > svg { display: none; }
  .cookie-actions { grid-template-columns: 1fr; }
  .cookie-settings { grid-column: auto; }
  .cookie-modal-backdrop { padding: 10px; place-items: end center; }
  .cookie-modal { max-height: calc(100vh - 20px); padding: 22px 18px; border-radius: 16px 16px 10px 10px; }
  .cookie-modal-actions { align-items: stretch; flex-direction: column; }
  .cookie-modal-actions button { width: 100%; }
}

@media (max-width: 380px) {
  .category-section .cat-row { grid-template-columns: none; grid-auto-columns: minmax(214px, 82vw); }
  .category-section .cat-row a, .category-section .cat-row a:last-child { height: 174px; }
  .sale-banner .sale-copy h2 { font-size: 33px; }
}

/* Final refinement: header, menu interactions, content rhythm and CTAs */
.header-shell { position: relative; z-index: 180; overflow: visible; }
.topbar { height: 32px; padding: 0; }
.utility-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.utility-inner > span { display: inline-flex; align-items: center; gap: 7px; }
.utility-inner nav { height: 100%; display: flex; align-items: center; gap: 20px; }
.utility-inner nav a { min-height: 32px; display: inline-flex; align-items: center; color: #d8deea; font-size: 12px; }
.utility-inner nav a:hover, .utility-inner nav a:focus-visible { color: #fff; }
.shop-header {
  height: 76px;
  position: sticky;
  top: 0;
  z-index: 180;
  overflow: visible !important;
  gap: 22px;
  padding-inline: max(28px, calc((100vw - 1280px) / 2 + 28px));
  background: rgba(255, 255, 255, .985);
  box-shadow: 0 4px 20px rgba(13, 27, 61, .045);
}
.brand { width: 188px; }
.brand img { height: 43px; }
.nav { height: 100%; align-items: center; gap: 22px; }
.nav > a, .category-trigger { position: relative; min-height: 44px; color: var(--navy); font-size: 14px; font-weight: 600; cursor: pointer; }
.nav > a::after, .category-trigger::after { position: absolute; right: 8px; bottom: 7px; left: 8px; height: 2px; border-radius: 2px; background: var(--coral); content: ""; opacity: 0; transform: scaleX(.45); transition: opacity .18s ease, transform .18s ease; }
.nav > a:hover::after, .nav > a:focus-visible::after, .nav > a.active::after, .category-trigger:hover::after, .category-trigger:focus-visible::after, .category-trigger.active::after { opacity: 1; transform: scaleX(1); }
.nav > a.active, .category-trigger.active { color: var(--navy); }
.category-nav { height: 100%; align-self: stretch; align-items: center; }
.category-trigger { height: 100%; padding-inline: 0; }
.mega-menu {
  top: calc(100% - 1px);
  z-index: 210;
  display: block;
  overflow: visible;
  border-top: 1px solid var(--line);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity .16s ease, visibility .16s ease, transform .16s ease;
}
.mega-menu.open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.mega-menu-grid { padding-top: 26px; padding-bottom: 30px; }
.mega-menu-grid section > a { min-height: 40px; padding: 7px 4px; border-radius: 7px; cursor: pointer; transition: color .16s ease, background .16s ease, padding-left .16s ease; }
.mega-menu-grid section > a:hover, .mega-menu-grid section > a:focus-visible { padding-left: 8px; background: var(--soft); color: var(--navy); }
.mega-menu-grid .mega-heading { min-height: 46px; padding: 5px 4px; }
.mega-menu-grid .mega-heading:hover, .mega-menu-grid .mega-heading:focus-visible { color: var(--coral); }
.shop-search { flex: 0 1 300px; width: 300px; max-width: 300px; margin-left: auto; z-index: 220; transition: flex-basis .2s ease, width .2s ease, max-width .2s ease, border-color .18s ease, box-shadow .18s ease; }
.shop-search:focus-within { flex-basis: 360px; width: 360px; max-width: 360px; }
.search-results { z-index: 230; }
.language-switcher {
  flex: 0 0 auto;
  height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 2px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
}
.language-switcher button {
  min-width: 34px;
  height: 30px;
  padding: 0 7px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .03em;
  cursor: pointer;
}
.language-switcher button:hover,
.language-switcher button:focus-visible { background: var(--soft); color: var(--navy); }
.language-switcher button.active { background: var(--navy); color: #fff; }
.mobile-language-switcher { display: none; }
.icons { flex: 0 0 auto; }
.icons a, .icons button, .menu { border: 0; background: transparent; color: var(--navy); border-radius: 9px; cursor: pointer; }
.icons a:hover, .icons a:focus-visible, .icons button:hover, .icons button:focus-visible, .menu:hover, .menu:focus-visible { background: var(--soft); }
.icons b { top: -1px; right: -1px; border: 2px solid #fff; }
.mobile-search-toggle, .mobile-wishlist-link, .nav-backdrop { display: none; }

.category-heading, .bestseller-heading { display: block; max-width: 620px; }
.category-heading > small, .bestseller-heading small, .section-head small, .sale-copy > small, .story small, .showroom small { display: block; margin: 0 0 10px; color: var(--coral); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: none; }
.category-heading h2, .bestseller-heading h2, .section-head h2, .story h2, .showroom h2 { max-width: 620px; margin: 0; line-height: 1.14; }
.category-heading p, .bestseller-heading p, .story p, .showroom p { max-width: 560px; margin: 17px 0 0; color: var(--muted); line-height: 1.65; }
.category-heading { margin-bottom: 28px; }
.bestseller-heading { margin-bottom: 32px; }
.story { display: block; padding-block: 80px; }
.story > div { max-width: 720px; }
.story p { font-size: 16px; }
.life > div, .showroom > div { justify-self: stretch; align-self: center; }
.life > div > h2, .life > div > p { max-width: 560px; }
.life > div > h2 { margin: 10px 0 18px; line-height: 1.14; }
.life > div > p { margin: 0 0 18px; line-height: 1.65; }
.showroom > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.showroom .cta-primary { margin-top: 26px; }
.section-head { align-items: flex-end; }
.section-head > div { max-width: 620px; }
.section-head .text-link { flex: 0 0 auto; }
.sale-banner .sale-copy { max-width: 548px; text-align: left; }
.sale-banner .sale-copy h2 { max-width: 420px; margin: 0 0 18px; line-height: 1.08; }
.sale-banner .sale-copy p { max-width: 420px; margin: 0 0 26px; }
.sale-banner .sale-copy > a { margin-top: 0; }

.cta-primary, .primary,
.cta-secondary, .outline {
  min-height: 48px;
  padding: 0 22px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.cta-primary, .primary { border: 1px solid var(--navy); background: var(--navy); color: #fff; }
.cta-primary:hover, .primary:hover { background: #182d5d; border-color: #182d5d; box-shadow: 0 8px 20px rgba(13, 27, 61, .14); transform: translateY(-1px); }
.cta-secondary, .outline { border: 1px solid var(--navy); background: #fff; color: var(--navy); }
.cta-secondary:hover, .outline:hover { background: var(--soft); border-color: #263b68; transform: translateY(-1px); }
.cta-secondary.inverse { border-color: rgba(255, 255, 255, .82); background: transparent; color: #fff; }
.cta-secondary.inverse:hover { background: rgba(255, 255, 255, .1); border-color: #fff; }
.text-link { min-height: 44px; padding: 0 10px; border-radius: 8px; display: inline-flex; align-items: center; gap: 7px; color: var(--navy); font-size: 14px; font-weight: 700; }
.text-link:hover, .text-link:focus-visible { background: var(--soft); color: var(--coral); }
button:disabled, .primary:disabled, .outline:disabled { opacity: .5; cursor: not-allowed; box-shadow: none; transform: none; }
.hero-actions { gap: 12px; margin-top: 26px; }
.hero-actions .cta-primary { background: #172d5e; border-color: rgba(255, 255, 255, .28); }
.empty .cta-primary, .showroom .cta-primary { color: #fff; }
.sale-copy .cta-secondary { background: #fff; color: var(--navy); }

.page-section { padding-block: 80px; }
.category-section { padding-block: 76px 40px; }
.bestseller-section { padding-block: 84px; }
.life { width: min(1280px, calc(100% - 56px)); border-radius: 16px; overflow: hidden; }
.life > img, .life > div, .sale-banner, .showroom img, .wide-life { border-radius: 16px; }
.p-grid { align-items: stretch; }
.p-card { align-self: stretch; }
.p-card .price { margin-top: auto; }

/* HAEGER catalogue import */
.category-section .cat-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.category-section .cat-row a { min-height: 184px; }
.rating.no-rating { color: var(--muted); font-size: 12px; }
.feature-list { margin: 22px 0 0; padding-left: 20px; color: var(--muted); }
.feature-list li { margin: 8px 0; line-height: 1.55; }
.stock-status { display: inline-flex; align-items: center; width: fit-content; padding: 7px 10px; border-radius: 7px; background: #eef6f1; color: #26724c !important; font-size: 13px; }

@media (max-width: 900px) {
  .category-section .cat-row { grid-template-columns: repeat(3, minmax(210px, 1fr)); }
}

@media (max-width: 768px) {
  .category-section .cat-row { grid-template-columns: none; }
}

@media (max-width: 1180px) {
  .shop-header { gap: 14px; }
  .brand { width: 170px; }
  .nav { gap: 14px; }
  .shop-search { flex-basis: 250px; width: 250px; max-width: 250px; }
  .shop-search:focus-within { flex-basis: 290px; width: 290px; max-width: 290px; }
}

@media (max-width: 900px) {
  .utility-inner { justify-content: center; }
  .utility-inner nav { display: none; }
  .shop-header { height: 70px; gap: 0; padding-inline: 16px; }
  .brand { width: 148px; margin-right: auto; }
  .shop-search { display: none; }
  .icons { margin-left: auto; gap: 0; }
  .icons a, .icons button, .menu { width: 44px; min-width: 44px; height: 44px; display: grid !important; place-items: center; }
  .icons .wishlist-icon { display: none !important; }
  .mobile-search-toggle { display: grid; }
  .menu { margin: 0; }
  .nav {
    position: absolute;
    top: 100%;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 205;
    width: min(390px, 92vw);
    height: calc(100vh - 70px);
    max-height: calc(100vh - 70px);
    padding: 20px;
    display: flex;
    align-items: stretch;
    gap: 4px;
    overflow-y: auto;
    border-left: 1px solid var(--line);
    border-bottom: 0;
    background: #fff;
    box-shadow: -18px 26px 52px rgba(13, 27, 61, .16);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(105%);
    transition: transform .22s ease, opacity .18s ease, visibility .18s ease;
  }
  .nav.open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); }
  .nav > a, .category-trigger { min-height: 48px; padding: 0 12px; border-radius: 8px; }
  .nav > a::after, .category-trigger::after { display: none; }
  .nav > a:hover, .nav > a:focus-visible, .nav > a.active, .category-trigger:hover, .category-trigger:focus-visible, .category-trigger.active { background: var(--soft); }
  .mobile-wishlist-link { display: flex !important; align-items: center; gap: 10px; }
  .desktop-language-switcher { display: none; }
  .mobile-language-switcher { display: inline-flex; align-self: flex-start; height: 44px; margin-top: 10px; }
  .mobile-language-switcher button { min-width: 48px; height: 38px; }
  .category-nav { height: auto; width: 100%; align-items: stretch; flex-direction: column; }
  .category-trigger { width: 100%; height: 48px; justify-content: space-between; }
  .mega-menu {
    position: static;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    border: 0;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    transform: none;
    transition: max-height .24s ease, opacity .18s ease, visibility .18s ease;
  }
  .mega-menu.open { max-height: 1100px; opacity: 1; visibility: visible; }
  .mega-menu-grid { width: 100%; padding: 10px 0 16px 12px; grid-template-columns: 1fr; gap: 12px; }
  .mega-menu-grid section > a { min-height: 44px; padding: 8px 10px; }
  .mega-menu-grid section > a:hover, .mega-menu-grid section > a:focus-visible { padding-left: 10px; }
  .mega-menu-grid .mega-heading { min-height: 48px; }
  .nav-backdrop { position: fixed; inset: 0; z-index: 170; display: block; border: 0; background: rgba(5, 13, 26, .42); }
  #mobile-search-panel { position: relative; z-index: 175; background: #fff; }
  #mobile-search-panel .mobile-search { min-height: 60px; padding: 8px 16px; display: flex; }
  .mobile-search .search-results { z-index: 230; }
  .category-heading, .bestseller-heading { max-width: 620px; }
  .life { width: calc(100% - 40px); }
}

@media (max-width: 768px) {
  .page-section { padding-block: 60px; }
  .category-section { padding-block: 58px 28px; }
  .bestseller-section { padding-block: 64px; }
  .section-head { align-items: flex-start; gap: 14px; }
  .category-heading h2, .bestseller-heading h2, .section-head h2, .story h2, .showroom h2 { line-height: 1.16; }
  .story { padding-block: 60px; }
  .sale-banner .sale-copy { padding: 200px 28px 36px; }
  .life { width: calc(100% - 32px); }
}

@media (max-width: 520px) {
  .shop-header { padding-inline: 12px; }
  .brand { width: 138px; }
  .icons a, .icons button, .menu { width: 42px; min-width: 42px; }
  .section-head { flex-direction: column; }
  .section-head .text-link { margin-left: -10px; }
  .sale-banner .sale-copy { padding: 200px 22px 30px; }
  .sale-banner .sale-copy p { margin-bottom: 24px; }
  .hero-actions { width: 100%; flex-direction: column; }
  .hero-actions .cta-primary, .hero-actions .cta-secondary { width: 100%; }
}

@media (max-width: 380px) {
  .brand { width: 126px; }
}

/* Imported HAEGER catalogue: commercial values stay hidden until confirmed. */
.price-unavailable {
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
.card-cart:disabled {
  border: 1px solid var(--line);
  background: var(--soft);
  color: #98a2b3;
  cursor: not-allowed;
  opacity: 1;
}
.commerce-data-missing,
.checkout-data-note {
  padding: 13px 15px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--soft);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.checkout-data-note {
  max-width: 580px;
  margin: 18px auto 0;
  text-align: center;
}

/* Homepage refinement: keep the photographic hero and make the campaign product-led. */
@media (min-width: 1001px) {
  .new-hero,
  .new-hero > .hero-content {
    min-height: 665px;
  }
}

.new-hero .hero-photo {
  object-position: center 52%;
}
.hero-actions .cta-primary {
  background: #fff;
  border-color: #fff;
  color: var(--navy);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
}
.hero-actions .cta-primary:hover,
.hero-actions .cta-primary:focus-visible {
  background: #f5f6f8;
  border-color: #fff;
  color: var(--navy);
  box-shadow: 0 13px 32px rgba(0, 0, 0, .22);
}
.hero-trust {
  gap: 28px;
  padding-top: 24px;
  border-top-color: rgba(255, 255, 255, .34);
  color: #fff;
  font-size: 13px;
}
.hero-trust b {
  font-weight: 650;
}
.hero-trust svg {
  width: 19px;
  height: 19px;
  color: #f0b6aa;
}

.campaign-banner {
  position: relative;
  min-height: 420px;
  display: grid;
  grid-template-columns: 42% 58%;
  overflow: hidden;
  border: 1px solid #e7e0d6;
  border-radius: 18px;
  background: #f4f0e9;
  color: var(--navy);
}
.campaign-copy {
  position: relative;
  z-index: 5;
  align-self: center;
  padding: 64px 18px 64px 60px;
}
.campaign-copy small {
  display: block;
  margin-bottom: 12px;
  color: var(--coral);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .12em;
}
.campaign-copy h2 {
  max-width: 390px;
  margin: 0;
  font-size: clamp(40px, 4vw, 50px);
  line-height: 1.06;
  letter-spacing: -.045em;
}
.campaign-copy p {
  max-width: 390px;
  margin: 20px 0 27px;
  color: #667085;
  font-size: 16px;
  line-height: 1.65;
}
.campaign-copy .cta-primary {
  min-height: 48px;
  padding-inline: 24px;
}
.campaign-visual {
  position: relative;
  min-width: 0;
  min-height: 420px;
  isolation: isolate;
  background: radial-gradient(circle at 53% 48%, rgba(255,255,255,.92) 0 22%, rgba(255,255,255,.44) 46%, rgba(255,255,255,0) 72%);
}
.campaign-visual::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 6%;
  bottom: 34px;
  height: 34px;
  z-index: 0;
  border-radius: 50%;
  background: rgba(70, 55, 38, .13);
  filter: blur(15px);
}
.campaign-product {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  transition: transform .22s ease;
}
.campaign-product:hover,
.campaign-product:focus-visible {
  transform: translateY(-4px);
}
.campaign-product img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: transparent;
  filter: drop-shadow(0 18px 18px rgba(24, 31, 43, .18));
}
.campaign-product-1 {
  left: 1%;
  bottom: 30px;
  width: 36%;
  height: 72%;
  z-index: 2;
}
.campaign-product-2 {
  left: 28%;
  bottom: 5px;
  width: 42%;
  height: 94%;
  z-index: 3;
}
.campaign-product-3 {
  right: 0;
  bottom: 28px;
  width: 36%;
  height: 74%;
  z-index: 2;
}
.campaign-discount {
  position: absolute;
  right: 5%;
  top: 12%;
  min-width: 54px;
  height: 54px;
  padding: 0 9px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--coral);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(214, 100, 89, .25);
}

@media (max-width: 1000px) {
  .campaign-banner {
    grid-template-columns: 46% 54%;
  }
  .campaign-copy {
    padding: 48px 12px 48px 42px;
  }
  .campaign-copy h2 {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .hero-trust {
    gap: 10px;
    font-size: 12px;
  }
  .campaign-banner {
    min-height: 0;
    grid-template-columns: 1fr;
  }
  .campaign-copy {
    padding: 38px 28px 20px;
  }
  .campaign-copy h2 {
    max-width: 440px;
    font-size: 37px;
  }
  .campaign-copy p {
    margin: 16px 0 24px;
    font-size: 14px;
  }
  .campaign-visual {
    min-height: 300px;
  }
  .campaign-product-1 {
    left: 1%;
    bottom: 24px;
    width: 35%;
    height: 68%;
  }
  .campaign-product-2 {
    left: 28%;
    bottom: 0;
    width: 43%;
    height: 93%;
  }
  .campaign-product-3 {
    right: 0;
    bottom: 24px;
    width: 35%;
    height: 70%;
  }
  .campaign-discount {
    right: 0;
    top: 15%;
    min-width: 48px;
    height: 48px;
    font-size: 12px;
  }
}

@media (max-width: 420px) {
  .campaign-copy {
    padding: 32px 22px 16px;
  }
  .campaign-copy h2 {
    font-size: 34px;
  }
  .campaign-copy .cta-primary {
    width: 100%;
  }
  .campaign-visual {
    min-height: 270px;
  }
}

/* WordPress / WooCommerce integration layer. */
[hidden] { display: none !important; }
body.drawer-open, body.modal-open, body.filters-open { overflow: hidden; }
.section-pad { padding-top: 52px; padding-bottom: 72px; }
.language-switcher a {
  min-width: 34px;
  height: 30px;
  padding: 0 7px;
  border: 0;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
}
.language-switcher a:hover, .language-switcher a:focus-visible { background: var(--soft); color: var(--navy); }
.language-switcher a.active { background: var(--navy); color: #fff; }
.mobile-language-switcher a { min-width: 48px; height: 38px; }
.mobile-search-panel { position: relative; z-index: 190; padding: 8px 16px; border-bottom: 1px solid var(--line); background: #fff; }
.mobile-search { position: relative; min-height: 46px; display: flex; align-items: center; gap: 8px; }
.mobile-search > svg { flex: 0 0 auto; color: var(--muted); }
.mobile-search input { min-width: 0; height: 44px; flex: 1; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; }
.mobile-search > button { min-height: 44px; padding: 0 15px; border: 0; border-radius: 8px; background: var(--navy); color: #fff; font-weight: 700; }
.nav-backdrop.open { display: block; }
.search-result-item b { justify-self: end; }

.p-card { display: flex; flex-direction: column; }
.p-card .pic { position: relative; z-index: 2; flex: 0 0 auto; }
.p-card-body { z-index: 2; }
.p-card-body h3 a, .p-card .pic { position: relative; z-index: 2; }
.wishlist-form { position: absolute; right: 12px; top: 12px; z-index: 5; margin: 0; }
.wishlist-form .heart { position: static; }
.product-meta { margin: 8px 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 11px; }
.product-meta b { color: var(--navy); font-size: 11px; letter-spacing: .07em; }
.price > span { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.price del { color: #8b94a5; font-size: 12px; }
.price.discounted strong, .big-price.discounted strong { color: var(--coral); }
.card-cart { flex: 0 0 auto; display: grid; place-items: center; border-radius: 8px; background: var(--navy); color: #fff; }
.card-cart:hover, .card-cart:focus-visible { background: #1a315f; color: #fff; }
.bestseller-cart { width: 42px; height: 42px; flex: 0 0 auto; border-radius: 8px; display: grid; place-items: center; background: var(--navy); color: #fff; }
.bestseller-cart:hover, .bestseller-cart:focus-visible { background: #1a315f; color: #fff; }

.filter-panel { overflow: hidden; }
.filter-group { padding: 8px 0 12px; }
.filter-group > label { display: block; padding: 12px 17px 8px; }
.filter-link { min-height: 42px; padding: 8px 17px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 13px; }
.filter-link:hover, .filter-link:focus-visible { background: var(--soft); color: var(--navy); }
.filter-link.active { position: relative; background: var(--soft); color: var(--navy); font-weight: 700; }
.filter-link.active::before { position: absolute; inset: 7px auto 7px 0; width: 3px; border-radius: 0 3px 3px 0; background: var(--navy); content: ""; }
.filter-link b { font-size: 11px; }
.filter-panel .reset { min-height: 44px; margin: 14px; padding: 0 14px; border: 1px solid var(--line); border-radius: 8px; display: flex; align-items: center; justify-content: center; background: #fff; color: var(--navy); font-size: 13px; font-weight: 700; }
.price-filter .apply-price { min-height: 40px; margin: 12px 18px 0; padding: 0 14px; border: 0; border-radius: 8px; background: var(--navy); color: #fff; font-size: 12px; font-weight: 700; }
.active-filter-chips a { min-height: 34px; padding: 6px 10px 6px 12px; border: 1px solid var(--line); border-radius: 18px; display: inline-flex; align-items: center; gap: 7px; background: var(--soft); color: var(--navy); font-size: 12px; font-weight: 600; }
.toolbar .sort-control { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 13px; }
.woocommerce-ordering { margin: 0 !important; }
.woocommerce-ordering select { min-height: 42px; padding: 0 34px 0 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--navy); }
.tremark-pagination { margin-top: 34px; }
.tremark-pagination .page-numbers, .catalog-pagination .page-numbers { min-width: 40px; min-height: 40px; margin: 0 3px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; }
.tremark-pagination .current, .catalog-pagination .current { border-color: var(--navy); background: var(--navy); color: #fff; }

.single-product-shell { padding-bottom: 36px; }
.big-price del { display: block; margin-bottom: 3px; color: #8b94a5; font-size: 14px; }
.big-price strong { color: var(--navy); font-size: 38px; }
.tremark-add-cart form.cart { margin: 22px 0 10px; display: flex; align-items: stretch; gap: 10px; }
.tremark-add-cart .quantity { margin: 0 !important; }
.tremark-add-cart input.qty { width: 76px; height: 48px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: var(--navy); font-weight: 700; }
.tremark-add-cart .single_add_to_cart_button { min-height: 48px; padding: 0 24px !important; border: 0 !important; border-radius: 9px !important; background: var(--navy) !important; color: #fff !important; font-weight: 700 !important; }
.single-wishlist .outline { min-height: 48px; }
.product-conditions { margin-top: 14px; color: var(--muted); font-size: 13px; }
.tabs { margin-top: 18px; }
.product-tab-panel { min-height: 390px; }
.product-tab-panel[hidden] { display: none !important; }
.product-tab-panel .description, .product-tab-panel .specs, .product-tab-panel .reviews { padding-block: 64px; }
.product-tab-panel .reviews { grid-template-columns: 1fr; }

.woo-page .woocommerce { width: 100%; }
.woo-page .woocommerce-notices-wrapper { margin-bottom: 16px; }
.woocommerce-message, .woocommerce-info, .woocommerce-error { margin: 0 0 18px !important; padding: 16px 18px 16px 48px !important; border-top: 0 !important; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); color: var(--navy); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--navy) !important; }
.woocommerce-error::before { color: var(--coral) !important; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
  min-height: 46px;
  padding: 0 20px !important;
  border-radius: 9px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: var(--navy) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.woocommerce table.shop_table { overflow: hidden; border: 1px solid var(--line) !important; border-radius: 12px !important; border-collapse: separate !important; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 16px !important; border-color: var(--line) !important; }
.woocommerce table.shop_table img { width: 76px !important; height: 76px; object-fit: contain; }
.woocommerce .quantity .qty { min-height: 42px; border: 1px solid var(--line); border-radius: 8px; }
.woocommerce-cart .cart-collaterals .cart_totals { width: min(100%, 500px) !important; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { min-height: 50px; display: flex !important; font-size: 15px !important; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .select2-container--default .select2-selection--single { min-height: 46px; border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; background: #fff; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 24px; }
.woocommerce form .form-row label { font-size: 13px; font-weight: 600; }
.woocommerce-checkout #customer_details, .woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading { margin-bottom: 24px; }
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { border: 1px solid var(--line); border-radius: 12px; background: var(--soft) !important; }
.woocommerce-account .woocommerce-MyAccount-navigation { width: 23%; }
.woocommerce-account .woocommerce-MyAccount-content { width: 73%; }
.woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; list-style: none; }
.woocommerce-MyAccount-navigation a { min-height: 44px; padding: 10px 14px; display: flex; align-items: center; border-bottom: 1px solid var(--line); color: var(--navy); font-size: 13px; font-weight: 600; }
.woocommerce-MyAccount-navigation .is-active a { background: var(--navy); color: #fff; }

.empty-state { min-height: 280px; padding: 36px; border: 1px dashed #c8d0db; border-radius: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; text-align: center; background: var(--soft); }
.empty-state h1 { margin: 0; font-size: 52px; }
.empty-state h2 { margin: 0; }
.wishlist-grid { margin-top: 28px; }
.about-hero { min-height: 300px; margin-top: 0; display: flex; align-items: center; background: var(--navy); }
.about-hero .page-hero-copy { max-width: 650px; padding: 45px; color: #fff; }
.about-hero .page-hero-copy h1 { margin: 10px 0 14px; font-size: clamp(38px, 5vw, 54px); line-height: 1.08; }
.about-hero .page-hero-copy p { margin: 0; color: #d8deea; font-size: 16px; line-height: 1.65; }
.eyebrow { color: var(--coral); font-size: 12px; font-weight: 700; letter-spacing: .09em; }
.two-column-story { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 58px; }
.story-media img { width: 100%; height: 440px; border-radius: 16px; object-fit: cover; }
.story-copy h2 { margin: 10px 0 18px; font-size: 36px; line-height: 1.15; }
.story-copy p { margin: 0; color: var(--muted); line-height: 1.7; }
.values-grid { padding-bottom: 76px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.values-grid article { padding: 26px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.values-grid article > svg { color: var(--coral); }
.values-grid h3 { margin: 16px 0 8px; }
.values-grid p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.contact-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; align-items: start; }
.contact-copy { padding-top: 26px; }
.contact-copy h1 { margin: 10px 0 16px; font-size: 44px; }
.contact-copy p { max-width: 480px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.contact-form, .legal-card { padding: 30px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 10px 34px rgba(13, 27, 61, .05); }
.contact-form h2 { margin-top: 0; }
.contact-form label { margin-bottom: 16px; display: flex; flex-direction: column; gap: 7px; font-size: 13px; font-weight: 600; }
.contact-form input, .contact-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; padding: 11px 12px; }
.contact-form input { height: 46px; }
.contact-form textarea { resize: vertical; }
.form-success { padding: 10px 12px; border-radius: 8px; background: #eef6f1; color: #26724c; }
.legal-card { max-width: 820px; margin: 0 auto; }
.legal-card h2 { margin-top: 0; }
.legal-card p { color: var(--muted); line-height: 1.7; }

@media (max-width: 900px) {
  .mobile-search-panel { display: block; }
  .catalog .filter-panel { display: block; }
  .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; }
  .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 24px; }
  .two-column-story, .contact-layout { grid-template-columns: 1fr; gap: 32px; }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .story-media img { height: 360px; }
}

@media (max-width: 600px) {
  .section-pad { padding-top: 32px; padding-bottom: 52px; }
  .toolbar { height: auto; min-height: 54px; align-items: flex-start; flex-direction: column; gap: 10px; }
  .toolbar .sort-control { width: 100%; justify-content: space-between; }
  .woocommerce-ordering { float: none !important; }
  .values-grid { grid-template-columns: 1fr; }
  .story-media img { height: 280px; }
  .contact-form, .legal-card { padding: 22px; }
  .woocommerce table.shop_table_responsive tr td::before { color: var(--muted); }
  .woocommerce table.shop_table img { width: 62px !important; height: 62px; }
  .tremark-add-cart form.cart { align-items: stretch; flex-direction: column; }
  .tremark-add-cart input.qty, .tremark-add-cart .single_add_to_cart_button { width: 100%; }
}

/* Product photography — never crop transparent HAEGER source images. */
.p-card .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(12px, 1.5vw, 22px);
}
.p-card .pic img,
.bestseller-pic img,
.campaign-product img,
.search-results img,
.thumbs img,
.cart-list > article > img,
.sum-product img,
.woocommerce table.shop_table img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent;
}
.bestseller-pic,
.campaign-product,
.thumbs button {
  overflow: hidden;
}
.bestseller-pic { padding: 12px; }
.thumbs button { display: flex; align-items: center; justify-content: center; padding: 8px; }
.main-pic { overflow: hidden; padding: clamp(22px, 3vw, 38px); }
.main-pic img,
.woocommerce-product-gallery__image img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 520px;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent;
}
.woocommerce ul.products li.product a img {
  max-width: 100%;
  height: auto;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent;
}

@media (max-width: 768px) {
  .main-pic img, .woocommerce-product-gallery__image img { max-height: 370px; }
}