/* FORMORE — 2026 theme layer: loads after style.css. Palette from the logo navy + varsity gold + chalk. Motif: the stitched seam. */
:root{--primary:#163551;--primary-dark:#0C1F30;--secondary:#0C1F30;--darkest:#0C1F30;--bg-dark:#163551;--bg-darkest:#0C1F30;
--accent:#E9B23C;--gold:#E9B23C;--gold-hi:#F6C95A;--bg-section:#F5F3EC;--text-primary:#0C1F30;--text-secondary:#56677A;
--grad-primary:linear-gradient(135deg,#163551,#24507A);--grad-dark:linear-gradient(135deg,#163551,#0C1F30);
--grad-mesh:linear-gradient(180deg,#163551,#0C1F30);--font-body:'Inter',system-ui,sans-serif;--font-ui:'Inter',system-ui,sans-serif;
--radius-card:6px;--radius-btn:4px;--shadow-glow:0 12px 30px rgba(233,178,60,.32);--seam:repeating-linear-gradient(90deg,var(--gold) 0 14px,transparent 14px 24px)}
body{font-size:16px;line-height:1.6}
h1,h2,h3{letter-spacing:.005em}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.site-header{border-bottom:1px solid rgba(12,31,48,.08)}
.eyebrow{color:var(--primary);text-transform:none;letter-spacing:.02em;font-weight:600}.eyebrow::before{background:var(--gold)}
.section--dark .eyebrow,.cta-band .eyebrow,.page-hero .eyebrow{color:var(--gold)}
.section-title{text-transform:uppercase;line-height:.98}
/* Buttons */
.btn{border-radius:var(--radius-btn);font-weight:700}
.btn--primary{background:var(--gold);color:#0C1F30}.btn--primary:hover{background:var(--gold-hi);color:#0C1F30}
.btn--outline{border-color:var(--primary);color:var(--primary)}.btn--outline:hover{background:var(--primary);color:#fff}
.btn--white{background:#fff;color:#0C1F30}
/* Hero: one orchestrated entrance + a seam that stitches itself across */
.hero{background:linear-gradient(160deg,#163551 0%,#0C1F30 70%);position:relative;overflow:hidden;padding-bottom:clamp(64px,9vw,120px)}
.hero::before{content:'';position:absolute;right:-8%;top:50%;width:min(64vw,760px);aspect-ratio:1;opacity:.07;pointer-events:none;
background:url(../assets/icon-white-transparent.png) center/contain no-repeat;
transform:translate(calc(var(--mx,0)*-28px),calc(-50% + var(--my,0)*-28px));transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.hero::after{content:'';position:absolute;inset:auto 0 0 0;height:3px;width:auto;border:0;opacity:1;background:var(--seam);animation:sew 1.8s .9s cubic-bezier(.7,0,.2,1) both}
.hero-inner{max-width:1100px}
.hero h1{font-size:clamp(58px,10.5vw,150px);line-height:.9;text-transform:uppercase}
.hero h1 em{background:none;color:transparent;-webkit-text-stroke:2px var(--gold);font-style:normal}
.hero-badge{border-color:rgba(233,178,60,.5)}.hero-badge .dot{background:var(--gold);color:#0C1F30}
.hero-inner>*{animation:rise .9s cubic-bezier(.2,.7,.1,1) both}
.hero-inner>*:nth-child(2){animation-delay:.12s}.hero-inner>*:nth-child(3){animation-delay:.26s}.hero-inner>*:nth-child(4){animation-delay:.38s}.hero-inner>*:nth-child(5){animation-delay:.5s}
.hero-trust .num{color:var(--gold)}
@keyframes rise{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:none}}
@keyframes sew{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
/* Marquee as a gold sash */
.marquee-wrap{background:var(--gold);border:0;transform:rotate(-1deg) scale(1.03);position:relative;z-index:3;margin:-6px 0}
.marquee-track span{color:#0C1F30;font-weight:700}.marquee-track span::after{color:var(--primary)}
/* Numbers, cards */
.stat-num{background:none;-webkit-text-fill-color:var(--primary);color:var(--primary);font-size:clamp(48px,6vw,72px)}
.stat-box{background:var(--bg-section)}
.cat-card,.product-card,.why-card,.catalogue-card{border-radius:var(--radius-card);border:1px solid rgba(12,31,48,.1);box-shadow:none;background:#fff;transition:transform .35s,border-color .35s,box-shadow .35s}
.cat-card:hover,.product-card:hover,.why-card:hover,.catalogue-card:hover{border-color:var(--gold);box-shadow:0 18px 40px rgba(12,31,48,.12)}
.cat-media,.product-media,.catalogue-media{background:#fff}
.cat-tag,.view-badge{background:var(--gold);color:#0C1F30;font-weight:700}
.why-card .ic{background:rgba(233,178,60,.18)}.why-card .ic svg{color:var(--primary)}
.num-circle{background:var(--primary);color:var(--gold);border:2px dashed var(--gold)}
.badge-float .n{color:var(--primary)}
.trust-band .num,.trust-stats .num{background:none;-webkit-text-fill-color:var(--gold);color:var(--gold)}
.cta-band{background:linear-gradient(135deg,#163551,#0C1F30);outline:2px dashed var(--gold);outline-offset:-16px;border-radius:var(--radius-card)}
.cta-band h2{text-transform:uppercase}
.page-hero{background:linear-gradient(135deg,#163551,#0C1F30);border-bottom:3px solid transparent;border-image:var(--seam) 1}
.ph{background:linear-gradient(135deg,#163551,#0C1F30)}.ph::before{content:'';position:absolute;inset:10px;background:none;border:1.5px dashed rgba(233,178,60,.6)}.ph svg{color:var(--gold)}
.site-footer{background:#0C1F30}.fab-whatsapp{box-shadow:0 10px 26px rgba(37,211,102,.35)}
.form-note{font-size:14px;color:var(--text-secondary);padding:14px 16px;border:1.5px dashed var(--gold);border-radius:var(--radius-btn);background:var(--bg-section);margin:0 0 18px}
.form-note a{color:var(--primary);font-weight:600;text-decoration:underline}
.form-msg.success{color:#0a6b34}
@media(max-width:700px){.hero::before{opacity:.05}.marquee-wrap{transform:none;margin:0}}
@media(prefers-reduced-motion:reduce){.hero-inner>*,.hero::after{animation:none}.hero::before{transition:none}}

/* ===== v2: straight sash, no-crop imagery, product-led hero, editorial tiles ===== */
.marquee-wrap{transform:none!important;margin:0!important;background:var(--gold);border-top:3px solid #0C1F30;border-bottom:3px solid #0C1F30}
.marquee-track span{font-size:20px;letter-spacing:.06em}
.cat-media img,.product-media img,.catalogue-media img,.about-media img,.oem-media img{object-fit:contain!important;padding:5%;background:#fff}
.about-media .img-a,.about-media .img-b,.oem-media{background:#fff;border-radius:var(--radius-card);overflow:hidden}
.oem-media{aspect-ratio:1/1}
/* Hero visual */
.hero-inner{max-width:min(720px,56%)}
.hero h1{font-size:clamp(52px,7.2vw,108px)}
.hero-visual{position:absolute;right:max(3vw,calc((100vw - 1200px)/2));top:50%;transform:translateY(-50%);width:min(42vw,540px);aspect-ratio:1/1.05;z-index:2}
.hero-visual::before{content:'';position:absolute;inset:4%;border:2px dashed var(--gold);border-radius:50%;opacity:.55;animation:spin 70s linear infinite}
.hv{position:absolute;background:#fff;border-radius:6px;box-shadow:0 30px 60px rgba(0,0,0,.4);overflow:hidden;
 translate:calc(var(--mx,0)*var(--d,10)*-1px) calc(var(--my,0)*var(--d,10)*-1px);
 opacity:0;animation:hvin .9s .5s cubic-bezier(.2,.7,.1,1) both,floaty 8s 1.5s ease-in-out infinite}
.hv img{width:100%;height:100%;object-fit:contain;padding:6%;display:block}
.hv span{position:absolute;left:0;bottom:0;background:var(--gold);color:#0C1F30;font:700 12px/1 Inter,sans-serif;padding:7px 10px}
.hv1{width:57%;aspect-ratio:1;left:0;top:8%;--d:26}.hv2{width:50%;aspect-ratio:1;right:0;top:0;--d:14;animation-delay:.7s,-2s}.hv3{width:52%;aspect-ratio:1;right:6%;bottom:0;--d:38;animation-delay:.9s,-4s}
@keyframes hvin{from{opacity:0;scale:.86}to{opacity:1;scale:1}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.hero-inner{max-width:100%}.hero-visual{position:relative;right:auto;top:auto;transform:none;width:min(88vw,460px);margin:44px auto 0}}
/* Category tiles: big garment, name only, details on hover */
.cat-body p{display:none}
.cat-body h3{font-family:var(--font-headline);font-size:32px;text-transform:uppercase;line-height:1;margin:0}
.cat-card:hover .cat-link{color:var(--primary)}
.cat-card{background:var(--bg-section)}
/* Sialkot band */
.trust-band{position:relative;overflow:hidden}
.trust-band::before{content:'SIALKOT';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:400 clamp(120px,24vw,340px)/1 var(--font-headline);color:transparent;-webkit-text-stroke:2px rgba(233,178,60,.16);pointer-events:none;white-space:nowrap}
.trust-band>.container{position:relative}
/* Header, footer, inner pages */
.site-header{background:rgba(255,255,255,.88);backdrop-filter:blur(12px)}
.site-footer{border-top:3px solid transparent;border-image:var(--seam) 1}
.page-hero::before{content:'';position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:min(46vw,460px);aspect-ratio:1;opacity:.07;background:url(../assets/icon-white-transparent.png) center/contain no-repeat}
.page-hero h1{font-size:clamp(46px,7vw,92px);line-height:.92}
@media(prefers-reduced-motion:reduce){.hv,.hero-visual::before{animation:none;opacity:1}}
/* v2.1 alignment fixes */
.hero{padding-top:clamp(48px,6vw,84px);padding-bottom:clamp(56px,7vw,96px)}
.hero-inner{max-width:var(--container);width:100%;padding-right:48%;margin-left:auto;margin-right:auto}
.hero h1{font-size:clamp(50px,6.6vw,98px)}
.hero-sub{max-width:46ch}
.main-nav a,.nav-link{white-space:nowrap}
.main-nav ul{gap:2px}.main-nav .nav-link{font-size:14px;padding-left:10px;padding-right:10px}
@media(max-width:1180px){.main-nav .nav-link{font-size:13px;padding-left:7px;padding-right:7px}}
@media(max-width:980px){.hero-inner{padding-right:24px}}
/* v2.2 */
.hero h1{font-size:clamp(46px,5.5vw,82px);overflow-wrap:normal;word-break:keep-all}
.hero-inner{padding-right:44%}
.header-inner{gap:18px}.brand{flex-shrink:0;margin-right:8px}
.main-nav .nav-link{font-size:13.5px;padding:8px 8px}
.main-nav ul{flex-wrap:nowrap}
@media(max-width:1100px){.main-nav .nav-link{font-size:12.5px;padding:8px 5px}}
.main-nav ul>li>a{font-size:13.5px;padding:8px 8px}
.cat-tag{display:none}.cat-card{display:flex;flex-direction:column}.cat-body{flex:1}
@media(max-width:980px){.hero-inner{padding-right:24px}.hero-sub{max-width:none}}
.catalogue-thumbs{display:none!important}

/* ===== v3: inner pages ===== */
.grid-3 .cat-body p{display:block;font-size:14px;line-height:1.6;color:var(--text-secondary);margin-top:8px}
.grid-3 .cat-body h3{font-size:26px!important}
.cat-media .swatch,.cat-media .ph{width:100%;height:100%;min-height:180px}
/* Manufacturing timeline */
.step-row{display:block!important;direction:ltr!important;margin:0!important;padding:38px 0;border-top:2px dashed rgba(12,31,48,.22)}
.step-row:first-of-type{border-top:0}
.step-row>div{display:grid!important;grid-template-columns:clamp(110px,15vw,210px) minmax(0,1fr);column-gap:clamp(20px,4vw,56px);align-items:start;max-width:980px}
.step-row .num-circle{grid-row:1/3;width:auto;height:auto;margin:0!important;background:none;border:0;border-radius:0;font:400 clamp(84px,12vw,170px)/.82 var(--font-headline);color:transparent;-webkit-text-stroke:2px var(--primary);transition:color .4s,-webkit-text-stroke-color .4s}
.step-row:hover .num-circle{color:var(--gold);-webkit-text-stroke-color:var(--gold)}
.step-row h2{font-size:clamp(28px,3.4vw,44px)!important;margin:0}
.step-row .section-desc{max-width:62ch;margin-top:12px}
/* Fabric swatches */
.swatch{position:relative;background-color:#163551}
.sw-1{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.09) 0 2px,transparent 2px 7px)}
.sw-2{background-color:#24507A;background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.6px);background-size:5px 5px}
.sw-3{background-image:repeating-linear-gradient(0deg,rgba(233,178,60,.35) 0 1px,transparent 1px 9px),repeating-linear-gradient(60deg,rgba(255,255,255,.06) 0 3px,transparent 3px 12px)}
.sw-4{background-color:#2C5C86;background-image:radial-gradient(circle,#0C1F30 2.6px,transparent 3.2px);background-size:11px 11px}
.sw-5{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0 2px,transparent 2px 5px)}
.sw-6{background-color:#0C1F30;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 6px),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 6px)}
.sw-7{background-image:repeating-linear-gradient(135deg,rgba(233,178,60,.5) 0 2px,transparent 2px 10px),repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 2px,transparent 2px 10px)}
.sw-8{background-color:#E8E1D0;background-image:radial-gradient(rgba(12,31,48,.22) 1px,transparent 1.4px),radial-gradient(rgba(12,31,48,.14) 1px,transparent 1.4px);background-size:5px 5px,7px 7px;background-position:0 0,2px 3px}
.sw-9{background:var(--gold)}.sw-9::after{content:'';position:absolute;inset:14px;border:2px dashed #0C1F30}
.cat-card:hover .swatch{filter:saturate(1.3)}
/* Product page + section rhythm */
.section{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}
.about-media .img-a,.about-media .img-b{box-shadow:var(--shadow-lg)}
.sw-10{background-color:#24507A;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 3px,transparent 3px 8px)}
.sw-11{background-color:#0C1F30;background-image:repeating-linear-gradient(90deg,var(--gold) 0 3px,transparent 3px 14px)}
.sw-12{background-color:#2C5C86;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.25) 0 2px,transparent 2px 12px)}
.sw-13{background-color:#E8E1D0;background-image:repeating-linear-gradient(45deg,rgba(12,31,48,.18) 0 2px,transparent 2px 8px)}
.sw-14{background-color:var(--gold);background-image:radial-gradient(#0C1F30 2px,transparent 2.6px);background-size:12px 12px}
.sw-15{background-color:#163551;background-image:repeating-linear-gradient(45deg,rgba(233,178,60,.4) 0 2px,transparent 2px 10px),repeating-linear-gradient(-45deg,rgba(233,178,60,.4) 0 2px,transparent 2px 10px)}
.grid-3 .cat-media{aspect-ratio:16/9;height:auto}.grid-3 .cat-media .swatch,.grid-3 .cat-media .ph{min-height:0}
/* v3.1 catalogue chips + featured rail */
#catalogueFilters{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:8px}
.section--tint .product-grid{display:flex!important;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 22px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.section--tint .product-grid .product-card{flex:0 0 min(300px,78vw);scroll-snap-align:start}
.section--tint .product-grid::-webkit-scrollbar{height:6px}.section--tint .product-grid::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}

/* ===== v4 ===== */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--gold);z-index:1000;pointer-events:none}
.trust-band{padding:clamp(72px,9vw,130px) 0}
.trust-band::before{top:auto;bottom:-6%;transform:translateX(-50%);-webkit-text-stroke:2px rgba(233,178,60,.12)}
.trust-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(32px,5vw,72px);align-items:end}
.trust-title{font-size:clamp(52px,8vw,124px);line-height:.9;color:#fff;text-transform:uppercase;margin:0}
.trust-grid p{color:rgba(255,255,255,.78);font-size:17px;line-height:1.7;max-width:44ch;margin:0}
.trust-chip{margin-top:26px;display:inline-flex;align-items:baseline;gap:12px;color:#fff;font-weight:600;border:2px dashed var(--gold);padding:12px 20px}
.trust-chip span{font:400 46px/1 var(--font-headline);color:var(--gold)}
@media(max-width:900px){.trust-grid{grid-template-columns:1fr}}
.why-card{background:var(--bg-section);border:0;border-top:3px solid var(--primary);padding:30px 26px}
.why-card:hover{border-top-color:var(--gold);background:#fff}
.why-card h3{font-family:var(--font-headline);font-weight:400;font-size:27px;text-transform:uppercase;line-height:1}
.why-card p{font-size:14.5px}
.process-rail::before{height:3px!important;border:0!important;background:var(--seam)!important;clip-path:inset(0 100% 0 0);transition:clip-path 1.8s cubic-bezier(.7,0,.2,1)}
.process-rail.is-drawn::before{clip-path:inset(0)}
.footer-col span{font-family:var(--font-body);font-size:13.5px;color:var(--text-muted)}
.page-hero .container>*{animation:rise .8s cubic-bezier(.2,.7,.1,1) both}
.page-hero .container>*:nth-child(2){animation-delay:.1s}.page-hero .container>*:nth-child(3){animation-delay:.2s}.page-hero .container>*:nth-child(4){animation-delay:.3s}
@media(prefers-reduced-motion:reduce){.page-hero .container>*{animation:none}.process-rail::before{clip-path:none;transition:none}.scroll-progress{display:none}}

/* v5: product page rhythm + gallery accents */
.section:has(.catalogue-detail-shell){padding-top:clamp(20px,3vw,36px)}
.catalogue-nav:hover,.catalogue-nav:focus-visible{background:var(--gold);color:#0C1F30;border-color:var(--gold)}
.catalogue-view-dot.is-active span{background:var(--gold)}

/* ===== v6: quote list, skip link ===== */
.skip-link{position:absolute;left:12px;top:-60px;background:var(--gold);color:#0C1F30;padding:10px 16px;font-weight:700;z-index:2000;border-radius:4px}.skip-link:focus{top:12px}
.q-add{display:inline-block;margin:12px 0 0;padding:9px 14px;font:600 13px/1 var(--font-body);color:var(--primary);background:transparent;border:1.5px dashed var(--primary);border-radius:var(--radius-btn);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.q-add:hover{background:var(--bg-section);border-color:var(--gold)}
.q-add.is-on{background:var(--gold);border:1.5px solid var(--gold);color:#0C1F30}
.q-add--block{display:block;width:100%;margin:0 0 10px}
.q-add--btn{margin:0 0 0 12px;padding:16px 20px;font-size:14px;vertical-align:top}
.q-fab{position:fixed;left:18px;bottom:18px;z-index:900;display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border:0;border-radius:999px;background:var(--primary);color:#fff;font:600 14px/1 var(--font-body);box-shadow:0 12px 30px rgba(12,31,48,.35);cursor:pointer}
.q-fab b{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--gold);color:#0C1F30}
.q-fab:hover{background:var(--primary-dark)}
.q-panel{position:fixed;left:18px;bottom:78px;z-index:900;width:min(360px,calc(100vw - 36px));max-height:60vh;overflow:auto;background:#fff;border:2px dashed var(--gold);border-radius:8px;box-shadow:0 24px 60px rgba(12,31,48,.3);padding:18px}
.q-panel[hidden],.q-fab[hidden]{display:none}
.q-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:15px}
.q-x{border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:var(--text-secondary)}
.q-panel ul{list-style:none;margin:0;padding:0}
.q-panel li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(12,31,48,.1);font-size:14px}
.q-panel li a{color:var(--text-primary);font-weight:600}
.q-rm,.q-clear{border:0;background:none;color:var(--text-secondary);text-decoration:underline;cursor:pointer;font:500 13px var(--font-body);white-space:nowrap}
.q-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
@media(max-width:600px){.q-add--btn{margin:10px 0 0;display:block;width:100%}.q-fab{bottom:86px}.q-panel{bottom:146px}}

/* ===== v7 ===== */
@view-transition{navigation:auto}
.site-header{view-transition-name:site-header}
::view-transition-old(root),::view-transition-new(root){animation-duration:.32s}
.catalogue-media,.product-media{position:relative;overflow:hidden}
.flip-alt{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5%;background:#fff;opacity:0;transition:opacity .5s ease;pointer-events:none}
.flip-hint{position:absolute;left:10px;bottom:10px;z-index:2;background:var(--primary);color:#fff;font:600 11px/1 var(--font-body);padding:6px 9px;border-radius:999px;letter-spacing:.02em}
@media(hover:hover){.catalogue-card:hover .flip-1.ok,.product-card:hover .flip-1.ok,.catalogue-card.is-2 .flip-2.ok,.product-card.is-2 .flip-2.ok{opacity:1}}
.cat-media img,.catalogue-media>img:first-child,.product-media>img:first-child{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.cat-card:hover .cat-media img{transform:scale(1.06)}}
.marquee-wrap:hover .marquee-track{animation-play-state:paused}
.related .product-grid{margin-top:24px}
.est{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px 20px;align-items:end;background:var(--bg-section);border:2px dashed var(--gold);border-radius:8px;padding:22px 24px;margin:0 0 28px}
.est>div:first-child strong{display:block;font:400 26px/1 var(--font-headline);text-transform:uppercase;color:var(--primary)}
.est>div:first-child span{display:block;margin-top:6px;font-size:14px;color:var(--text-secondary)}
.est label{display:grid;gap:6px;font:600 13px var(--font-body);color:var(--primary)}
.est select,.est input{padding:12px 14px;border:1.5px solid rgba(12,31,48,.2);border-radius:4px;background:#fff;font:500 15px var(--font-body);color:var(--text-primary);width:100%}
.est-out{grid-column:1/-1;padding-top:14px;border-top:1px solid rgba(12,31,48,.12);font-size:15px}
.est-out .ok{color:#0a6b34;font-weight:700}.est-out .no{color:#a3341f;font-weight:700}
.est-out a{margin-left:6px;color:var(--primary);font-weight:700;text-decoration:underline}
@media(max-width:800px){.est{grid-template-columns:1fr}}
.view-badge{z-index:3}

/* v7.1 header fit: compact nav on laptops, hamburger below 1180px */
.header-inner{gap:14px;padding-left:clamp(16px,2vw,28px);padding-right:clamp(16px,2vw,28px)}
.main-nav ul>li>a,.main-nav .nav-link{font-size:13px;padding:8px 6px}
.main-nav ul{gap:0}
.site-header .btn{padding:12px 18px;font-size:13px;white-space:nowrap}
@media(max-width:1180px){.main-nav{display:none!important}.hamburger{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;background:none;border:none}.hamburger svg{width:24px;height:24px;color:var(--secondary)}.header-inner .btn{display:none}}
@media(max-width:1440px){.site-header .brand-text span{display:none}.main-nav ul>li>a,.main-nav .nav-link{font-size:12.5px;padding:8px 5px}}
@media(max-width:1240px) and (min-width:1181px){.main-nav{display:none!important}.hamburger{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;background:none;border:none}.header-inner .btn{display:none}}
@media(max-width:1300px) and (min-width:1181px){.main-nav{display:none!important}.hamburger{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;background:none;border:none}.header-inner .btn{display:none}}
.main-nav>ul>li>a,.main-nav>ul>li>a.is-active,.main-nav>ul>li>a.nav-link{font-size:13.5px!important;padding:8px 6px!important}
@media(max-width:1440px){.main-nav>ul>li>a,.main-nav>ul>li>a.is-active,.main-nav>ul>li>a.nav-link{font-size:13px!important;padding:8px 5px!important}}

/* v8: images are pre-normalised (garment ~86% of frame, centred) — keep padding light */
.cat-media img,.product-media img,.catalogue-media img,.about-media img,.oem-media img,.flip-alt{padding:1.5%!important}
.flip-alt:not(.ok){display:none}
/* Formore v8 hosted-site fixes: quote UI, hover product views, favicon-era cache-safe polish. */

/* Hover view layers. The badge intentionally does not exist in v8. */
.flip-hint{display:none!important}
.catalogue-media,.product-media{position:relative;overflow:hidden;isolation:isolate}
.flip-alt{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:1.5%!important;background:#fff!important;opacity:0!important;visibility:hidden;pointer-events:none!important;transform:none!important;transition:opacity .34s ease,visibility .34s ease!important}
.flip-alt.is-loaded.is-active{opacity:1!important;visibility:visible}
.catalogue-card:hover .flip-alt,.product-card:hover .flip-alt{transform:none!important}
.catalogue-media .view-badge{z-index:4}

/* Add-to-quote buttons */
.q-add-v8{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border:1px solid rgba(22,53,81,.22);border-radius:8px;background:#fff;color:var(--primary,#163551);font:700 12px/1.1 var(--font-ui,var(--font-body,Arial,sans-serif));letter-spacing:.02em;text-transform:uppercase;cursor:pointer;box-shadow:0 5px 14px rgba(12,31,48,.05);transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
.q-add-v8:hover,.q-add-v8:focus-visible{transform:translateY(-1px);border-color:var(--gold,#f0ae29);box-shadow:0 8px 18px rgba(12,31,48,.11);outline:none}
.q-add-v8.is-on{background:var(--gold,#f0ae29);border-color:var(--gold,#f0ae29);color:#0c1f30;box-shadow:0 7px 18px rgba(240,174,41,.22)}
.q-btn-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(22,53,81,.08);font-size:15px;line-height:1}
.q-add-v8.is-on .q-btn-icon{background:rgba(12,31,48,.11)}
.q-add-card-v8{width:100%;margin:12px 0 0}
.q-add-block-v8{width:100%;margin:0 0 10px}
.q-add-detail-v8{min-height:48px;padding:13px 18px;margin-left:10px}

/* Floating quote list */
.q-fab-v8{appearance:none;-webkit-appearance:none;position:fixed;left:18px;bottom:18px;z-index:1100;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:8px 9px 8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#163551;color:#fff;font:700 13px/1 var(--font-ui,var(--font-body,Arial,sans-serif));box-shadow:0 14px 34px rgba(12,31,48,.28);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.q-fab-v8:hover,.q-fab-v8:focus-visible{background:#0c1f30;transform:translateY(-2px);box-shadow:0 18px 40px rgba(12,31,48,.34);outline:2px solid rgba(240,174,41,.55);outline-offset:2px}
.q-fab-v8[hidden]{display:none!important}
.q-fab-v8 b{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--gold,#f0ae29);color:#0c1f30;font-size:12px}
.q-fab-icon{font-size:17px;opacity:.9}

.q-panel-v8{position:fixed;left:18px;bottom:78px;z-index:1101;width:min(390px,calc(100vw - 36px));max-height:min(68vh,560px);overflow:auto;padding:0;border:1px solid rgba(22,53,81,.12);border-radius:16px;background:#fff;color:#162a3e;box-shadow:0 26px 70px rgba(12,31,48,.28);font-family:var(--font-body,Arial,sans-serif)}
.q-panel-v8[hidden]{display:none!important}
.q-head-v8{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 14px;border-bottom:1px solid rgba(22,53,81,.09);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.q-head-v8 strong{display:block;margin-top:3px;color:#0c1f30;font:700 22px/1.05 var(--font-headline,var(--font-ui,Arial,sans-serif));letter-spacing:.01em;text-transform:uppercase}
.q-eyebrow-v8{display:block;color:#6a7a89;font:700 10px/1 var(--font-ui,var(--font-body,Arial,sans-serif));letter-spacing:.12em;text-transform:uppercase}
.q-x-v8{appearance:none;border:0;width:34px;height:34px;border-radius:50%;background:#f2f5f7;color:#163551;font:400 25px/30px Arial,sans-serif;cursor:pointer;flex:0 0 auto}
.q-x-v8:hover,.q-x-v8:focus-visible{background:#e7edf1;outline:2px solid rgba(240,174,41,.55)}
.q-items-v8{list-style:none;margin:0;padding:0 18px}
.q-items-v8 li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(22,53,81,.09)}
.q-items-v8 li a{min-width:0;color:#163551;font:650 13.5px/1.35 var(--font-body,Arial,sans-serif);text-decoration:none}
.q-items-v8 li a:hover{text-decoration:underline;text-decoration-color:var(--gold,#f0ae29);text-underline-offset:3px}
.q-rm-v8,.q-clear-v8{appearance:none;border:0;background:transparent;color:#6c7883;font:600 11px/1 var(--font-ui,var(--font-body,Arial,sans-serif));text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.q-rm-v8:hover,.q-clear-v8:hover{color:#9e3d2b}
.q-foot-v8{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;padding:14px 18px 18px;background:linear-gradient(to bottom,rgba(255,255,255,.93),#fff 35%);backdrop-filter:blur(10px)}
.q-send-v8{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-height:46px;padding:12px 15px;border-radius:8px;background:var(--gold,#f0ae29);color:#0c1f30;font:800 12px/1 var(--font-ui,var(--font-body,Arial,sans-serif));letter-spacing:.03em;text-transform:uppercase;text-decoration:none;box-shadow:0 8px 18px rgba(240,174,41,.2)}
.q-send-v8:hover{background:#ffc64f;color:#0c1f30}
.q-empty-v8{margin:0;padding:20px 18px;color:#6d7a86;font-size:13px}
.q-live-v8{position:fixed!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:700px){
  .q-fab-v8{left:12px;bottom:82px}
  .q-panel-v8{left:12px;bottom:140px;width:calc(100vw - 24px);max-height:62vh}
  .q-add-detail-v8{margin:10px 0 0;width:100%}
}

@media(prefers-reduced-motion:reduce){
  .flip-alt,.q-add-v8,.q-fab-v8{transition:none!important}
}

/* v8 compatibility copy: critical hosted fixes are also appended here. */