/* =========================================================
   OPHIR BLAQUE — EXECUTIVE REVAMP
   Design direction: dark editorial / premium everyday care
   The supplied logo and product imagery remain untouched.
   ========================================================= */
:root{
  --ob-ink:#050505;
  --ob-obsidian:#090909;
  --ob-surface:#0e0e0d;
  --ob-surface-2:#131311;
  --ob-surface-3:#181815;
  --ob-ivory:#F3F0E8;
  --ob-soft:#C8C4BA;
  --ob-muted:#8E8A81;
  --ob-line:rgba(243,240,232,.13);
  --ob-line-strong:rgba(243,240,232,.22);
  --ob-champagne:#D8B878;
  --ob-lightlemon:#c6c44a;
  --ob-lightlemon-deep:#B68C47;
  --ob-lightlemon-wash:rgba(216,184,120,.10);
  --ob-yellow:#FFF700;
  --ob-danger:#E58E8E;
  --ob-success:#8FC7A3;
  --ob-max:1440px;
  --ob-radius:2px;
  --ob-ease:cubic-bezier(.22,.61,.36,1);
  --font-ui:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
}

html{background:var(--ob-ink);scroll-behavior:smooth}
body{background:var(--ob-ink);color:var(--ob-ivory);font-family:var(--font-ui);font-weight:500;letter-spacing:.005em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
::selection{background:var(--ob-lightlemon);color:#0a0907}
.container{width:min(var(--ob-max),calc(100% - 72px));margin-inline:auto}
a{transition:color .25s var(--ob-ease),border-color .25s var(--ob-ease),background-color .25s var(--ob-ease),transform .25s var(--ob-ease)}

/* Header */
.site-header{background:rgba(5,5,5,.82);border-bottom:1px solid var(--ob-line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.site-header .nav{height:96px;min-height:96px}
.site-header .brand{height:96px}
.site-header .brand img{height:70px!important;width:70px!important;max-width:70px;max-height:70px;object-fit:contain}
.nav-links{gap:32px}
.nav-links a{font-size:10px;letter-spacing:.16em;color:#BDB9AF;font-weight:700}
.nav-links a:hover,.nav-links a.active{color:var(--ob-ivory)}
.nav-links a.active:after{height:1px;bottom:-12px;background:var(--ob-lightlemon)}
.nav-cta{border:1px solid var(--ob-lightlemon)!important;background:var(--ob-obsidian)!important;color:#eeeae1!important;border-radius:999px!important;padding:12px 18px!important;box-shadow:none!important}
.nav-cta:hover{background:#c6c44a!important;border-color:#E5CA96!important;transform:translateY(-1px)}

/* Global type */
h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em;color:var(--ob-ivory)}
.eyebrow{font-family:var(--font-ui);font-size:9px;font-weight:800;letter-spacing:.24em;color:var(--ob-lightlemon);text-transform:uppercase}
h1 span,h2 span,.inner-copy h1 span,.hero-copy h1 span{color:var(--ob-ivory)!important}
.section{padding:112px 0}
.section-dark{background:var(--ob-obsidian);border-top:1px solid var(--ob-line);border-bottom:1px solid var(--ob-line)}
.section-head{margin-bottom:40px;align-items:end}
.section-head h2{font-size:clamp(40px,4.2vw,64px);line-height:.95;margin-top:9px}
.section-head p{color:var(--ob-muted);font-size:12px;line-height:1.85;max-width:460px}
.text-link{font-size:10px;letter-spacing:.16em;color:var(--ob-lightlemon);font-weight:800}
.text-link:hover{color:var(--ob-ivory)}

/* Buttons */
.gold-btn,.ghost-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;font-family:var(--font-ui);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.gold-btn{border:1px solid var(--ob-lightlemon)!important;background:var(--ob-lightlemon)!important;color:#0A0907!important;padding:14px 21px!important;box-shadow:none!important}
.gold-btn:hover{background:#F3F0E8!important;border-color:#E5CA96!important;transform:translateY(-2px)}
.gold-btn:active{transform:translateY(0)}
.ghost-btn{border:1px solid var(--ob-lightlemon)!important;background:rgba(255,255,255,.02)!important;color:var(--ob-ivory)!important;padding:13px 19px!important}
.ghost-btn:hover{border-color:var(ob-lightlemon)!important;background:var(--ob-lightlemon-wash)!important}
.gold-btn:focus-visible,.ghost-btn:focus-visible,.nav-links a:focus-visible,.mobile-toggle:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.chip:focus-visible,.side-btn:focus-visible{outline:1px solid var(--ob-lightlemon);outline-offset:4px}

/* Home hero / inner heroes */
.home-page-hero,.inner-hero--photo{min-height:clamp(620px,78vh,820px);background:var(--ob-ink);border-bottom:1px solid var(--ob-line)}
.home-page-hero img,.inner-hero--photo img{opacity:.86;filter:saturate(.82) contrast(1.06);object-position:center center}
.home-page-hero:after,.inner-hero--photo:after{background:linear-gradient(90deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.84) 34%,rgba(5,5,5,.30) 68%,rgba(5,5,5,.18) 100%),linear-gradient(0deg,rgba(5,5,5,.68),transparent 50%)}
.home-page-hero .container,.inner-hero--photo .container{min-height:inherit}
.home-page-hero .inner-copy,.inner-hero--photo .inner-copy{max-width:690px;padding:90px 0 100px}
.home-page-hero .inner-copy h1,.inner-hero--photo .inner-copy h1{font-size:clamp(58px,7vw,102px);line-height:.86;margin:18px 0 24px;max-width:760px}
.home-page-hero .inner-copy p,.inner-hero--photo .inner-copy p{font-size:14px;line-height:1.9;color:#C8C4BA;max-width:565px}
.home-page-hero .hero-actions{margin-top:30px;gap:11px}
.home-page-hero:before{content:"OPHIR BLAQUE";position:absolute;z-index:2;right:5.5%;bottom:34px;color:rgba(243,240,232,.32);font-size:8px;font-weight:800;letter-spacing:.35em;writing-mode:vertical-rl}

/* Breadcrumb */
.breadcrumb{padding:22px 0 15px;color:#716E67;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.breadcrumb a:hover{color:var(--ob-ivory)}
.breadcrumb b{color:var(--ob-lightlemon);font-weight:700}

/* Home categories */
.categories{grid-template-columns:repeat(3,1fr);gap:18px}
.category{min-height:440px;border:1px solid var(--ob-line);border-radius:0;background:var(--ob-surface);box-shadow:none}
.category:after{background:linear-gradient(0deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.55) 43%,rgba(5,5,5,.03) 76%)}
.category img{opacity:.76;filter:saturate(.8);transition:transform .8s var(--ob-ease),opacity .6s var(--ob-ease)}
.category:hover{border-color:var(--ob-line-strong)}
.category:hover img{transform:scale(1.045);opacity:.92}
.category-copy{left:0;right:0;padding:30px}
.category-copy:before{content:"";display:block;width:34px;height:1px;background:var(--ob-lightlemon);margin-bottom:18px;transition:width .4s var(--ob-ease)}
.category:hover .category-copy:before{width:58px}
.category-copy h3{font-size:39px}
.category-copy p{font-size:11px;line-height:1.7;color:#AAA69E;max-width:320px}
.category-copy span{font-size:9px;letter-spacing:.17em;color:var(--ob-lightlemon)}

/* Featured products */
.product-strip{grid-template-columns:repeat(4,1fr);gap:18px}
.product-card{border:1px solid var(--ob-line);border-radius:0;background:var(--ob-surface);box-shadow:none;transition:transform .35s var(--ob-ease),border-color .35s var(--ob-ease),background-color .35s var(--ob-ease)}
.product-card:hover{transform:translateY(-6px);border-color:rgba(198, 196, 74, 1);background:var(--ob-surface-2)}
.product-photo{aspect-ratio:4/4.6;background:radial-gradient(circle at 50% 35%,#1A1A18 0,#0A0A09 66%,#060606 100%);border-bottom:1px solid var(--ob-line)}
.product-photo img{padding:8px;transition:opacity .45s var(--ob-ease),transform .6s var(--ob-ease)}
.product-card:hover .product-photo img{transform:scale(1.035)}
.photo-shade{background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.38));}
.badge{top:14px;left:14px;border:1px solid rgba(216,184,120,.45);border-radius:999px;background:rgba(5,5,5,.74);color:var(--ob-lightlemon);font-size:8px;letter-spacing:.15em;padding:7px 9px}
.card-body{padding:18px}
.card-meta{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:#77736B}
.card-meta i{background:var(--ob-lightlemon-deep)}
.card-body h3{font-size:21px;line-height:1.05;margin:10px 0 8px;min-height:44px}
.card-desc{font-size:10px;line-height:1.65;color:#8F8B83;min-height:48px}
.card-bottom{border-top:1px solid var(--ob-line);padding-top:12px;margin-top:15px}
.sizes{font-size:8px;letter-spacing:.05em;color:#706D66}
.arrow{color:var(--ob-lightlemon)}
.view-product{border:1px solid rgba(216,184,120,.55);border-radius:999px;background:rgba(5,5,5,.82);color:var(--ob-ivory);font-size:8px;letter-spacing:.12em}

/* Feature band */
.feature{display:grid;grid-template-columns:1.08fr .92fr;gap:0;border:1px solid var(--ob-line);background:var(--ob-surface)}
.feature-media{min-height:560px;overflow:hidden;background:#070707}
.feature-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.86);transition:transform 1s var(--ob-ease)}
.feature:hover .feature-media img{transform:scale(1.025)}
.feature-copy{padding:68px 64px;display:flex;flex-direction:column;justify-content:center}
.feature-copy h2{font-size:clamp(40px,4.3vw,62px);line-height:.95;margin:12px 0 18px}
.feature-copy p{color:var(--ob-muted);font-size:12px;line-height:1.9;max-width:480px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--ob-line);border-bottom:1px solid var(--ob-line);margin:24px 0 28px}
.checks div{padding:13px 0;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#AAA69D}
.checks div:before{content:"";display:inline-block;width:6px;height:6px;border:1px solid var(--ob-lightlemon);margin-right:9px;vertical-align:1px}

/* Enquiry CTA */
.enquiry{padding:34px 0 100px;background:var(--ob-ink)}
.enquiry-box{border:1px solid rgba(216,184,120,.26);background:linear-gradient(110deg,#11110F,#0B0B0A);padding:42px 46px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.enquiry-box h2{font-size:clamp(34px,4vw,52px);margin:7px 0 8px}
.enquiry-box p{color:var(--ob-muted);font-size:11px;margin:0}

/* Inner page storytelling */
.inner-hero--photo{min-height:480px}
.inner-hero--photo .inner-copy h1{font-size:clamp(56px,6.7vw,92px)}
.story-grid{gap:72px}
.story-media{border:1px solid var(--ob-line);border-radius:0;background:var(--ob-surface);padding:10px}
.story-media img{aspect-ratio:1/1;object-fit:cover;filter:saturate(.86)}
.story-copy p{font-size:12px;line-height:1.9;color:var(--ob-muted)}
.kicker-list{gap:0;border-top:1px solid var(--ob-line);margin-top:28px}
.kicker{border-left:0;border-bottom:1px solid var(--ob-line);padding:16px 0 16px 20px;background:transparent;font-size:10px;color:#AAA69E;position:relative}
.kicker:before{content:"";position:absolute;left:0;top:22px;width:6px;height:6px;border:1px solid var(--ob-lightlemon)}
.kicker strong{font-size:10px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px}
.value-grid{gap:1px;background:var(--ob-line)}
.value-card{border:0;border-radius:0;background:var(--ob-surface);padding:30px}
.value-card .num{color:var(--ob-lightlemon);font-size:9px;letter-spacing:.18em}
.value-card h3{font-family:var(--font-ui);font-size:14px;letter-spacing:.02em;margin:18px 0 8px}
.value-card p{font-size:10px;line-height:1.7;color:#817D75}
.partner-grid{gap:1px;background:var(--ob-line)}
.partner-card{border:0;border-radius:0;padding:34px;background:var(--ob-surface);transition:background .3s var(--ob-ease)}
.partner-card:hover{background:var(--ob-surface-2)}
.partner-card .icon{color:var(--ob-lightlemon);font-size:22px}
.partner-card h3{font-family:var(--font-ui);font-size:14px;letter-spacing:.02em;margin:16px 0 8px}
.partner-card p{font-size:10px;line-height:1.75;color:#817D75}

/* Catalogue */
.catalog-hero{border:1px solid var(--ob-line);border-radius:0;background:var(--ob-surface);min-height:390px}
.catalog-hero:after{background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.67) 46%,rgba(5,5,5,.12) 82%)}
.catalog-hero img{opacity:.76;filter:saturate(.82)}
.hero-copy{padding:72px 56px}
.hero-copy h1{font-size:clamp(56px,6.8vw,92px);line-height:.88}
.catalog-controls{border:1px solid var(--ob-line);border-radius:0;background:var(--ob-surface);padding:20px;margin:26px 0 32px}
.search input,.sort select{background:#090908;border:1px solid var(--ob-line);border-radius:0;color:var(--ob-ivory)}
.search input:focus,.sort select:focus{border-color:var(--ob-lightlemon);box-shadow:var(--ob-lightlemon)}
.search:before{color:var(--ob-lightlemon)}
.chip{border-radius:999px;background:#0A0A09;border-color:var(--ob-line);color:#99958D}
.chip.active,.chip:hover{border-color:var(--ob-lightlemon);background:var(--ob-lightlemon);color:#090806}
.sidebar{border:1px solid var(--ob-line);border-radius:0;background:var(--ob-surface);box-shadow:none}
.side-head{border-bottom:1px solid var(--ob-line)}
.side-head h3{font-family:var(--font-ui);font-size:9px;color:var(--ob-lightlemon);letter-spacing:.18em}
.side-btn{border-radius:0;color:#98948C;font-size:10px}
.side-btn:hover,.side-btn.active{background:var(--ob-lightlemon-wash);color:var(--ob-ivory)}
.side-btn.active{box-shadow:inset 1px 0 0 var(--ob-lightlemon)}
.result-row{border-bottom:1px solid var(--ob-line)}
.result-row strong{font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.result-row .result-context{font-size:10px;color:#747169}

/* Product detail */
.product-collection-banner{height:210px;border-bottom:1px solid var(--ob-line)}
.product-banner-overlay{background:linear-gradient(90deg,rgba(5,5,5,.92),rgba(5,5,5,.38) 70%,rgba(5,5,5,.15))}
.product-banner-copy strong{font-size:46px;line-height:.95}
.detail{border:1px solid var(--ob-line);border-radius:0;background:var(--ob-surface);padding:12px;gap:46px}
.main-image{border-radius:0;background:radial-gradient(circle at 50% 38%,#1A1A18,#060606 72%);aspect-ratio:4/3}
.main-image img{padding:18px}
.thumb{border-radius:0;border-color:var(--ob-line);transition:border-color .25s var(--ob-ease),transform .25s var(--ob-ease)}
.thumb.active,.thumb:hover{border-color:var(--ob-lightlemon)}
.thumb.active{transform:translateX(3px)}
.detail-info{padding:30px 28px 28px 8px}
.detail-info h1{font-size:clamp(48px,5vw,70px);line-height:.9;margin:12px 0 16px}
.detail-lead{font-size:14px;line-height:1.8;color:#C8C4BA}
.detail-description{font-size:11px;line-height:1.9;color:var(--ob-muted)}
.benefits{gap:0;border-top:1px solid var(--ob-line);border-bottom:1px solid var(--ob-line);margin:24px 0;padding:0}
.benefits div{padding:11px 0;font-size:10px;color:#A9A59C}
.benefits div:before{color:var(--ob-lightlemon)}
.sizes-wrap strong{font-size:9px;color:var(--ob-lightlemon);letter-spacing:.17em}
.size{border-radius:999px;border-color:var(--ob-line-strong);background:#0A0A09;color:#A8A49B;padding:8px 12px;font-size:9px}
.size:hover{border-color:var(--ob-lightlemon)}
.actions{gap:10px}
.actions .gold-btn{min-width:240px}
.detail-tabs{border-top:1px solid var(--ob-line);padding-top:28px}
.tab-buttons{gap:28px}
.tab-buttons button{font-size:9px;color:#77736B}
.tab-buttons button.active{color:var(--ob-lightlemon);box-shadow:inset 0 -1px 0 var(--ob-lightlemon)}
.tab-content{font-size:12px;line-height:1.9;color:#99958D}
.related{margin-top:70px}
.related h2{font-size:42px}

/* Forms */
.contact-grid{gap:1px;background:var(--ob-line)}
.contact-panel{border:0;border-radius:0;background:var(--ob-surface);padding:38px}
.contact-panel h2{font-size:44px;line-height:.95;margin:9px 0 18px}
.contact-panel p{font-size:11px;line-height:1.8;color:var(--ob-muted)}
.contact-item{border-bottom:1px solid var(--ob-line);padding:18px 0}
.contact-item .icon{color:var(--ob-lightlemon);font-size:14px}
.contact-item strong{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#A9A59D}
.contact-item span,.contact-item a{font-size:11px;color:#858179}
.contact-item a:hover{color:var(--ob-lightlemon)}
.form-grid{gap:18px 14px}
.form-field label{font-size:8px;letter-spacing:.15em;color:var(--ob-lightlemon)}
.form-field input,.form-field select,.form-field textarea{border:1px solid var(--ob-ivory);border-radius:0;background:#090908;color:var(--ob-ivory);padding:14px}
.form-field input::placeholder,.form-field textarea::placeholder{color:#55524C}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--ob-ivory);box-shadow:0 0 0 1px rgba(238, 235, 236, 0.938)}
.form-status{font-size:10px;color:var(--ob-success)}
.form-note{font-size:9px;color:#625F58;line-height:1.6}

/* Footer */
.footer{border-top:1px solid var(--ob-line);padding:52px 0 26px;background:#030303}
.footer-inner{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:50px;padding-bottom:38px}
.footer-brand img{width:62px;height:62px;object-fit:contain}
.footer-copy{margin-top:14px;color:#6D6962;font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.socials{display:flex;gap:10px}
.socials a{width:38px;height:38px;border:1px solid var(--ob-line);display:grid;place-items:center;border-radius:50%;color:#8D8981!important}
.socials a:hover{border-color:var(--ob-lightlemon);color:var(--ob-lightlemon)!important;transform:translateY(-2px)}
.footer-links{display:flex;gap:24px}
.footer-links a{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#77736B}
.footer-links a:hover{color:var(--ob-ivory)}
.footer-bottom{border-top:1px solid var(--ob-line);padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#c6c44a;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.cookie-note{color:#F3F0E8}
.cookie-note:hover,.nav-links a.active{color:var(--ob-lightlemon)}

.back-top{width:42px;height:42px;border:1px solid var(--ob-line);border-radius:50%;background:#080807;color:var(--ob-lightlemon);display:grid;place-items:center;position:fixed;right:50px;bottom:50px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s var(--ob-ease);z-index:40}
.back-top.show{opacity:1;visibility:visible;transform:none}
.back-top:hover{border-color:var(--ob-lightlemon);background:var(--ob-lightlemon);color:#090806}

/* Accessibility + progressive reveal */
.skip-link{position:fixed;left:16px;top:16px;z-index:10000;background:var(--ob-lightlemon);color:#090806;padding:10px 14px;transform:translateY(-150%);transition:transform .2s}
.skip-link:focus{transform:none}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ob-ease),transform .7s var(--ob-ease)}
[data-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1050px){
  .container{width:min(var(--ob-max),calc(100% - 48px))}
  .nav-links{gap:19px}
  .nav-links a{font-size:9px}
  .product-strip{grid-template-columns:repeat(2,1fr)}
  .feature{grid-template-columns:1fr}
  .feature-media{min-height:460px}
  .detail{grid-template-columns:1fr}
  .detail-info{padding:30px 24px}
  .footer-inner{grid-template-columns:1fr auto}
  .footer-links{grid-column:1/-1}
}
@media(max-width:760px){
  .container{width:calc(100% - 28px)}
  .site-header .nav{height:72px;min-height:72px}
  .site-header .brand{height:72px}
  .site-header .brand img{width:56px!important;height:56px!important;max-width:56px;max-height:56px}
  .mobile-toggle{display:grid;width:44px;height:44px;border:1px solid var(--ob-line-strong);border-radius:50%;background:#0A0A09;place-items:center}
  .mobile-toggle:hover{border-color:var(--ob-lightlemon)}
  .nav-links.open{top:72px;left:0;right:0;padding:14px 18px 20px;background:rgba(7,7,6,.98);border-bottom:1px solid var(--ob-line);gap:0;box-shadow:0 24px 50px rgba(0,0,0,.45)}
  .nav-links.open a{padding:15px 4px;font-size:10px;border-bottom:1px solid var(--ob-line)}
  .nav-links.open .nav-cta{margin-top:14px;padding:14px 17px;border-bottom:0}
  .section{padding:76px 0}
  .section-head{display:block;margin-bottom:30px}
  .section-head p{margin-top:16px}
  .home-page-hero,.inner-hero--photo{min-height:690px}
  .home-page-hero img,.inner-hero--photo img{object-position:61% center}
  .home-page-hero:after,.inner-hero--photo:after{background:linear-gradient(0deg,rgba(5,5,5,.96) 7%,rgba(5,5,5,.63) 50%,rgba(5,5,5,.08) 84%)}
  .home-page-hero .inner-copy,.inner-hero--photo .inner-copy{padding:70px 0 100px}
  .home-page-hero .inner-copy h1,.inner-hero--photo .inner-copy h1{font-size:clamp(50px,15vw,72px);line-height:.88}
  .home-page-hero .inner-copy p,.inner-hero--photo .inner-copy p{font-size:12px;line-height:1.8}
  .home-page-hero:before{display:none}
  .categories{grid-template-columns:1fr;gap:12px}
  .category{min-height:390px}
  .category-copy{padding:25px}
  .category-copy h3{font-size:35px}
  .product-strip{grid-template-columns:1fr 1fr;gap:10px}
  .card-body{padding:12px}
  .card-body h3{font-size:17px;min-height:38px}
  .card-desc{font-size:9px;min-height:44px}
  .feature-media{min-height:340px}
  .feature-copy{padding:42px 28px}
  .checks{grid-template-columns:1fr}
  .enquiry{padding:20px 0 76px}
  .enquiry-box{padding:30px 24px;display:block}
  .enquiry-box .gold-btn{margin-top:24px;width:100%}
  .story-grid{grid-template-columns:1fr;gap:35px}
  .value-grid{grid-template-columns:1fr 1fr}
  .partner-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .contact-panel{padding:28px 22px}
  .contact-panel h2{font-size:38px}
  .form-grid{grid-template-columns:1fr}
  .form-field.full{grid-column:auto}
  .catalog-hero{min-height:410px}
  .catalog-hero .hero-copy{padding:60px 26px}
  .catalog-layout{grid-template-columns:1fr}
  .sidebar{display:none}
  .product-grid{grid-template-columns:1fr 1fr;gap:10px}
  .product-photo{aspect-ratio:1/1.08}
  .view-product{display:none}
  .product-collection-banner{height:170px}
  .product-banner-copy strong{font-size:34px}
  .gallery{grid-template-columns:58px 1fr;gap:9px}
  .main-image{aspect-ratio:1/1;min-height:0}
  .detail-info{padding:25px 7px 20px}
  .detail-info h1{font-size:46px}
  .benefits{grid-template-columns:1fr}
  .actions{flex-direction:column}
  .actions .gold-btn{min-width:0;width:100%}
  .actions .ghost-btn{width:100%}
  .related-grid{grid-template-columns:1fr 1fr}
  .footer-inner{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
  .footer-links{flex-wrap:wrap;gap:18px}
  .footer-bottom{display:block;line-height:1.8}
  .cookie-note{display:block;margin-top:4px}
}
@media(max-width:430px){
  .product-grid{grid-template-columns:1fr}
  .product-strip{grid-template-columns:1fr}
  .value-grid{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr}
  .thumbs{display:grid;grid-template-columns:repeat(4,1fr);order:2}
  .product-banner-copy strong{font-size:29px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  [data-reveal]{opacity:1;transform:none}
}


/* Jumia shopping links */
.product-card.is-coming-soon .product-card-link { cursor: default; }
.product-card.is-coming-soon .view-product { background: var(--slate); color: var(--muted); opacity: .92; transform: none; }
.product-card.is-coming-soon:hover .product-card-link { color: inherit; }
.product-card.is-shop-link .view-product { letter-spacing: .11em; }

/* Featured Collection — image swap on hover */

#featured-products .product-photo {
  position: relative;
  overflow: hidden;
}

#featured-products .photo-primary,
#featured-products .photo-secondary {
  transition: opacity 0.4s ease;
}

#featured-products .photo-primary {
  opacity: 1;
}

#featured-products .photo-secondary {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

#featured-products .product-card:hover .photo-primary {
  opacity: 0;
}

#featured-products .product-card:hover .photo-secondary {
  opacity: 1;
}