/*
 * ONEINALL.PK v6.2 FINAL RESPONSIVE QA LAYER
 * Loaded last. Intentionally scoped and small enough to audit.
 * Source of truth for final responsive geometry.
 */

/* =========================================================
   A. BLOCKSY PAGE WRAPPER / PAGE TITLE
   ========================================================= */

/* The live DOM still contains Blocksy's "Home" page-title hero.
   It is the exact white strip between our nav and our hero. */
body.oneinall-final-home-active #main > .hero-section,
body.oneinall-final-home-active .site-main > .hero-section,
body.oneinall-final-home-active article.page > .entry-header,
body.oneinall-final-home-active .hero-section[data-type]{
  display:none!important;
}

/* Blocksy's page content wrapper can carry vertical spacing separately. */
body.oneinall-final-home-active{
  --content-vertical-spacing:0px!important;
  --content-spacing:0px!important;
}

body.oneinall-final-home-active #main,
body.oneinall-final-home-active .site-main,
body.oneinall-final-home-active #main > .ct-container,
body.oneinall-final-home-active #main > .ct-container-full,
body.oneinall-final-home-active .site-main > .ct-container,
body.oneinall-final-home-active .site-main > .ct-container-full,
body.oneinall-final-home-active article.page,
body.oneinall-final-home-active article.page > .entry-content,
body.oneinall-final-home-active .entry-content{
  margin-block:0!important;
  padding-block:0!important;
  gap:0!important;
  row-gap:0!important;
}

/* Keep the single plugin breakout model introduced in v6.1. */
body.oneinall-final-home-active .entry-content > .oia-home,
body.oneinall-final-home-active article.page .entry-content > .oia-home{
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  margin-left:-50vw!important;
  margin-right:-50vw!important;
}

body.oneinall-final-home-active .oia-home{
  overflow-x:clip!important;
  overflow-y:visible!important;
}

/* Faster, less ghosted reveal. */
.oia-home .oia-reveal{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .34s ease,transform .34s ease!important;
}
.oia-home .oia-reveal.is-visible{
  opacity:1;
  transform:none;
}


/* =========================================================
   B. DESKTOP HEADER
   ========================================================= */
@media(min-width:768px){
  .oia-v5-header{
    box-shadow:0 6px 22px rgba(0,32,64,.065)!important;
  }

  .oia-v5-head-main > .oia-v5-container{
    min-height:76px!important;
  }

  .oia-v5-nav-row{
    min-height:50px!important;
  }

  .oia-v5-nav,
  .oia-v5-nav > a,
  .oia-v5-parent-link{
    min-height:50px!important;
  }
}


/* =========================================================
   C. HERO — COMPACT, SAFE COPY, NO ARROW/TITLE COLLISION
   ========================================================= */
.oia-home .oia-smart-hero{
  width:100%!important;
  height:330px!important;
  min-height:330px!important;
  max-height:330px!important;
  margin:0!important;
  border-radius:0 0 22px 22px!important;
  overflow:hidden!important;
}

.oia-smart-hero .oia-hero-full-content.oia-shell{
  width:min(1240px,calc(100% - 96px))!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:0!important;
}

.oia-smart-hero .oia-hero-copy-overlay{
  width:min(520px,47%)!important;
  max-width:520px!important;
  padding:16px 0!important;
}

.oia-smart-hero .oia-hero-copy h1{
  max-width:100%!important;
  margin:5px 0 11px!important;
  font-size:clamp(38px,3.7vw,50px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}

.oia-smart-hero .oia-hero-copy p{
  max-width:470px!important;
  margin:0!important;
  font-size:13.5px!important;
  line-height:1.5!important;
}

.oia-smart-hero .oia-hero-actions{
  margin-top:14px!important;
}

.oia-smart-hero .oia-primary-btn,
.oia-smart-hero .oia-ghost-btn{
  min-height:41px!important;
  padding:0 16px!important;
  border-radius:10px!important;
}

/* Move desktop arrows away from the hero heading. */
@media(min-width:768px){
  .oia-smart-hero .oia-hero-arrow{
    top:auto!important;
    bottom:14px!important;
    width:38px!important;
    height:38px!important;
    transform:none!important;
  }

  .oia-smart-hero .oia-hero-prev{
    left:auto!important;
    right:66px!important;
  }

  .oia-smart-hero .oia-hero-next{
    right:18px!important;
  }

  .oia-smart-hero .oia-hero-dots{
    bottom:17px!important;
  }
}


/* =========================================================
   D. SHOP BY CATEGORY — REFINED 3D STAGE
   ========================================================= */
.oia-category-v52{
  padding-top:34px!important;
  padding-bottom:32px!important;
}

.oia-category-v52 .oia-category-only-heading{
  margin:0 0 13px!important;
}

.oia-category-v52 .oia-category-only-heading h2{
  margin:0!important;
  font-size:clamp(28px,2.8vw,35px)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}

.oia-category-v52 .oia-category-heading-accent{
  margin-top:8px!important;
}

.oia-category-v52 .oia-category-ref{
  min-height:300px!important;
  margin:0!important;
}

.oia-category-v52 .oia-category-viewport{
  height:286px!important;
  min-height:286px!important;
}

.oia-category-v52 .oia-category-track{
  --oia-cat-card-w:min(500px,45vw)!important;
  --oia-cat-card-h:268px!important;
  --oia-cat-shift:clamp(300px,27vw,334px)!important;
}

.oia-category-v52 .oia-category-slide,
.oia-category-v52 .oia-category-slide.is-active,
.oia-category-v52 .oia-category-slide.is-prev,
.oia-category-v52 .oia-category-slide.is-next,
.oia-category-v52 .oia-category-slide.is-far{
  border-radius:24px!important;
}

.oia-category-v52 .oia-category-slide.is-active{
  box-shadow:
    0 26px 60px rgba(0,28,58,.18),
    0 6px 18px rgba(0,28,58,.08)!important;
}

.oia-category-v52 .oia-category-slide.is-prev{
  opacity:.66!important;
  filter:saturate(.80) brightness(.82)!important;
  transform:
    translate3d(calc(-50% - var(--oia-cat-shift)),-50%,0)
    rotateY(5deg)
    scale(.77)!important;
}

.oia-category-v52 .oia-category-slide.is-next{
  opacity:.66!important;
  filter:saturate(.80) brightness(.82)!important;
  transform:
    translate3d(calc(-50% + var(--oia-cat-shift)),-50%,0)
    rotateY(-5deg)
    scale(.77)!important;
}

/* One title only: source-of-truth = aria-current from JS. */
.oia-category-v52 .oia-category-slide .oia-category-title-overlay{
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .22s ease!important;
}

.oia-category-v52 .oia-category-slide[aria-current="true"] .oia-category-title-overlay{
  opacity:1!important;
  visibility:visible!important;
}

.oia-category-v52 .oia-category-title-overlay{
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
}

.oia-category-v52 .oia-category-title-overlay strong{
  max-width:94%!important;
  font-size:clamp(18px,1.55vw,22px)!important;
  letter-spacing:.03em!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}

.oia-category-v52 .oia-category-prev,
.oia-category-v52 .oia-category-next{
  width:40px!important;
  height:40px!important;
}


/* =========================================================
   E. EMPTY PRODUCT SECTIONS — COMPACT ONLY WHILE EMPTY
   ========================================================= */
.oia-product-section.is-empty{
  padding-top:34px!important;
  padding-bottom:34px!important;
}

.oia-product-section.is-empty .oia-section-heading{
  margin-bottom:13px!important;
}

.oia-product-section.is-empty .oia-empty-state{
  min-height:0!important;
  padding:22px 26px!important;
  border-radius:17px!important;
}

.oia-product-section.is-empty .oia-empty-state strong{
  font-size:14px!important;
}

.oia-product-section.is-empty .oia-empty-state span{
  margin-top:3px!important;
  font-size:12px!important;
}


/* =========================================================
   F. WHY SHOP — FIX DESKTOP BENTO ORDER / REVEAL
   ========================================================= */
@media(min-width:1051px){
  .oia-why-cards.oia-why-bento{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,112px)!important;
  }

  .oia-why-card:nth-child(1){
    grid-column:1 / 5!important;
    grid-row:1 / 3!important;
  }

  .oia-why-card:nth-child(2){
    grid-column:5 / 9!important;
    grid-row:1 / 3!important;
  }

  .oia-why-card:nth-child(3){
    grid-column:9 / 13!important;
    grid-row:1!important;
  }

  .oia-why-card:nth-child(4){
    grid-column:9 / 13!important;
    grid-row:2!important;
  }
}

.oia-why-heading h2{
  color:#102B43!important;
  opacity:1!important;
}

.oia-why-heading p{
  color:#657487!important;
}


/* =========================================================
   G. MOBILE 400px QA
   ========================================================= */
@media(max-width:767px){

  /* Header is compact and stays in normal document flow. */
  body.admin-bar .oia-v5-header,
  .oia-v5-header{
    position:relative!important;
    top:auto!important;
  }

  .oia-v5-head-main{
    min-height:0!important;
    padding:0!important;
    margin:0!important;
  }

  .oia-v5-head-main > .oia-v5-container{
    min-height:58px!important;
    height:58px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }

  .oia-v5-container{
    width:calc(100% - 24px)!important;
  }

  .oia-v5-brand img{
    max-width:116px!important;
    max-height:44px!important;
  }

  .oia-v5-mobile-actions{
    gap:4px!important;
  }

  .oia-v5-mobile-actions button,
  .oia-v5-mobile-actions > a{
    width:36px!important;
    height:36px!important;
    border-radius:10px!important;
  }

  .oia-v5-mobile-actions svg{
    width:19px!important;
    height:19px!important;
  }

  /* Absolutely collapse hidden search/nav rows. */
  .oia-v5-mobile-searchbar[hidden],
  .oia-v5-nav-row{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  /* Mobile hero: enough impact, but no longer consumes the viewport. */
  .oia-home .oia-smart-hero{
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    border-radius:0 0 17px 17px!important;
  }

  .oia-smart-hero .oia-hero-slide{
    background-position:66% center!important;
  }

  .oia-smart-hero .oia-hero-overlay{
    background:
      linear-gradient(
        90deg,
        rgba(0,17,36,.95) 0%,
        rgba(0,22,44,.86) 43%,
        rgba(0,25,49,.46) 68%,
        rgba(0,25,49,.10) 100%
      )!important;
  }

  .oia-smart-hero .oia-hero-full-content.oia-shell{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:0!important;
    align-items:center!important;
  }

  .oia-smart-hero .oia-hero-copy-overlay{
    width:66%!important;
    max-width:232px!important;
    padding:6px 0 30px!important;
  }

  .oia-smart-hero .oia-hero-kicker{
    font-size:8.5px!important;
  }

  .oia-smart-hero .oia-hero-copy h1{
    margin:3px 0 8px!important;
    font-size:clamp(27px,8.1vw,32px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }

  .oia-smart-hero .oia-hero-copy p,
  .oia-smart-hero .oia-ghost-btn{
    display:none!important;
  }

  .oia-smart-hero .oia-hero-actions{
    margin-top:8px!important;
  }

  .oia-smart-hero .oia-primary-btn{
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:9px!important;
    font-size:9.5px!important;
  }

  .oia-smart-hero .oia-hero-arrow{
    top:auto!important;
    bottom:8px!important;
    width:30px!important;
    height:30px!important;
    transform:none!important;
  }

  .oia-smart-hero .oia-hero-prev{
    left:10px!important;
    right:auto!important;
  }

  .oia-smart-hero .oia-hero-next{
    right:10px!important;
  }

  .oia-smart-hero .oia-hero-dots{
    bottom:17px!important;
  }

  /* Category: active card intentionally narrower so side depth is obvious. */
  .oia-category-v52{
    padding-top:24px!important;
    padding-bottom:24px!important;
  }

  .oia-category-v52 .oia-category-only-heading{
    margin-bottom:8px!important;
  }

  .oia-category-v52 .oia-category-only-heading h2{
    font-size:22px!important;
    letter-spacing:-.035em!important;
  }

  .oia-category-v52 .oia-category-heading-accent{
    margin-top:7px!important;
  }

  .oia-category-v52 .oia-category-ref{
    min-height:198px!important;
  }

  .oia-category-v52 .oia-category-viewport{
    height:188px!important;
    min-height:188px!important;
    overflow:hidden!important;
  }

  .oia-category-v52 .oia-category-track{
    --oia-cat-card-w:72vw!important;
    --oia-cat-card-h:168px!important;
    --oia-cat-shift:49vw!important;
  }

  .oia-category-v52 .oia-category-slide,
  .oia-category-v52 .oia-category-slide.is-active,
  .oia-category-v52 .oia-category-slide.is-prev,
  .oia-category-v52 .oia-category-slide.is-next,
  .oia-category-v52 .oia-category-slide.is-far{
    border-radius:18px!important;
  }

  .oia-category-v52 .oia-category-slide.is-prev{
    opacity:.62!important;
    transform:
      translate3d(calc(-50% - var(--oia-cat-shift)),-50%,0)
      scale(.77)!important;
  }

  .oia-category-v52 .oia-category-slide.is-next{
    opacity:.62!important;
    transform:
      translate3d(calc(-50% + var(--oia-cat-shift)),-50%,0)
      scale(.77)!important;
  }

  .oia-category-v52 .oia-category-title-overlay{
    left:10px!important;
    right:10px!important;
    bottom:12px!important;
  }

  .oia-category-v52 .oia-category-title-overlay strong{
    max-width:100%!important;
    font-size:13px!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
  }

  .oia-category-v52 .oia-category-dots{
    margin-top:1px!important;
  }

  /* Empty product sections should not feel like huge blank pages. */
  .oia-product-section.is-empty{
    padding-top:24px!important;
    padding-bottom:24px!important;
  }

  .oia-product-section.is-empty .oia-section-heading{
    margin-bottom:10px!important;
  }

  .oia-product-section.is-empty .oia-section-heading h2{
    font-size:20px!important;
    line-height:1.05!important;
  }

  .oia-product-section.is-empty .oia-view-all{
    font-size:9.5px!important;
  }

  .oia-product-section.is-empty .oia-carousel-controls{
    display:none!important;
  }

  .oia-product-section.is-empty .oia-empty-state{
    padding:15px 16px!important;
    border-radius:14px!important;
  }

  .oia-product-section.is-empty .oia-empty-state strong{
    font-size:12px!important;
  }

  .oia-product-section.is-empty .oia-empty-state span{
    margin-top:2px!important;
    font-size:10.5px!important;
    line-height:1.4!important;
  }

  /* Flash header: title and timer remain readable at 400px. */
  .oia-flash-section .oia-section-heading{
    gap:8px!important;
  }

  .oia-flash-section .oia-section-heading h2{
    font-size:21px!important;
  }

  .oia-flash-section .oia-flash-tools{
    gap:7px!important;
  }

  .oia-flash-section .oia-countdown{
    gap:3px!important;
  }

  .oia-flash-section .oia-countdown span{
    min-width:36px!important;
    padding:5px 3px!important;
  }

  .oia-flash-section .oia-countdown b{
    font-size:11px!important;
  }

  .oia-flash-section .oia-countdown small{
    font-size:6.5px!important;
  }

  /* Why Shop: keep the good v6 bento, make mobile text alignment calmer. */
  .oia-why-shop{
    padding-top:30px!important;
    padding-bottom:30px!important;
  }

  .oia-why-heading{
    margin-bottom:14px!important;
  }

  .oia-why-heading h2{
    font-size:24px!important;
  }

  .oia-why-heading p{
    font-size:11.5px!important;
  }

  .oia-why-cta-copy{
    text-align:left!important;
  }

  .oia-why-cta-copy strong{
    font-size:17px!important;
  }

  /* Footer: smaller brand block, cleaner accordion start. */
  .oia-home-footer{
    padding-top:28px!important;
    padding-bottom:18px!important;
  }

  .oia-footer-brand img{
    max-width:96px!important;
    max-height:64px!important;
  }

  .oia-footer-brand span{
    margin-top:5px!important;
    font-size:13px!important;
  }

  .oia-footer-brand{
    padding-bottom:18px!important;
  }
}

@media(max-width:390px){
  .oia-home .oia-smart-hero{
    height:248px!important;
    min-height:248px!important;
    max-height:248px!important;
  }

  .oia-smart-hero .oia-hero-copy-overlay{
    width:68%!important;
    max-width:220px!important;
  }

  .oia-category-v52 .oia-category-track{
    --oia-cat-card-w:74vw!important;
    --oia-cat-card-h:160px!important;
    --oia-cat-shift:50vw!important;
  }

  .oia-category-v52 .oia-category-ref{
    min-height:190px!important;
  }

  .oia-category-v52 .oia-category-viewport{
    height:180px!important;
    min-height:180px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .oia-home .oia-reveal,
  .oia-smart-hero .oia-hero-slide,
  .oia-category-v52 .oia-category-slide{
    transition:none!important;
  }
  .oia-home .oia-reveal{
    opacity:1!important;
    transform:none!important;
  }
}


/* =========================================================
   v6.3 TARGETED FIXES ONLY
   1) Desktop hero focal crop
   2) Mobile category image readability
   3) Mobile sticky header
   ========================================================= */

/* ---------------------------------------------------------
   1. DESKTOP HERO
   Keep v6.2 height; fix composition crop only.
   The artwork is intentionally product-heavy at the bottom,
   so desktop should anchor the image to the lower edge.
   Also remove active-slide zoom that creates extra crop.
   --------------------------------------------------------- */
@media(min-width:768px){
  .oia-smart-hero .oia-hero-slide{
    background-position:center bottom!important;
    background-size:cover!important;
    transform:scale(1)!important;
  }

  .oia-smart-hero .oia-hero-slide.is-active{
    transform:scale(1)!important;
  }
}


/* ---------------------------------------------------------
   2. MOBILE SHOP BY CATEGORY
   Use the exact 1600x1100 artwork ratio = 16:11.
   Force the active/mobile card geometry directly so legacy
   width/height rules cannot override the ratio.
   Full image becomes understandable instead of vertically cropped.
   --------------------------------------------------------- */
@media(max-width:767px){
  .oia-category-v52 .oia-category-ref{
    min-height:236px!important;
  }

  .oia-category-v52 .oia-category-viewport{
    height:224px!important;
    min-height:224px!important;
    overflow:hidden!important;
  }

  .oia-category-v52 .oia-category-track{
    --oia-cat-card-w:80vw!important;
    --oia-cat-card-h:55vw!important; /* 80 × 11 / 16 = 55 */
    --oia-cat-shift:54vw!important;
  }

  .oia-category-v52 .oia-category-slide,
  .oia-category-v52 .oia-category-slide.is-active,
  .oia-category-v52 .oia-category-slide.is-prev,
  .oia-category-v52 .oia-category-slide.is-next,
  .oia-category-v52 .oia-category-slide.is-far{
    width:80vw!important;
    height:55vw!important;
    min-height:55vw!important;
    max-height:55vw!important;
    aspect-ratio:16 / 11!important;
  }

  .oia-category-v52 .oia-category-art img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    background:#081B2C!important;
  }

  .oia-category-v52 .oia-category-slide.is-active .oia-category-art img{
    transform:none!important;
  }

  .oia-category-v52 .oia-category-slide.is-prev{
    opacity:.60!important;
    transform:
      translate3d(calc(-50% - var(--oia-cat-shift)),-50%,0)
      scale(.74)!important;
  }

  .oia-category-v52 .oia-category-slide.is-next{
    opacity:.60!important;
    transform:
      translate3d(calc(-50% + var(--oia-cat-shift)),-50%,0)
      scale(.74)!important;
  }

  .oia-category-v52 .oia-category-title-overlay{
    bottom:14px!important;
  }

  .oia-category-v52 .oia-category-title-overlay strong{
    font-size:14px!important;
  }
}

@media(max-width:390px){
  .oia-category-v52 .oia-category-track{
    --oia-cat-card-w:82vw!important;
    --oia-cat-card-h:56.375vw!important; /* exact 16:11 */
    --oia-cat-shift:55vw!important;
  }

  .oia-category-v52 .oia-category-slide,
  .oia-category-v52 .oia-category-slide.is-active,
  .oia-category-v52 .oia-category-slide.is-prev,
  .oia-category-v52 .oia-category-slide.is-next,
  .oia-category-v52 .oia-category-slide.is-far{
    width:82vw!important;
    height:56.375vw!important;
    min-height:56.375vw!important;
    max-height:56.375vw!important;
  }

  .oia-category-v52 .oia-category-ref{
    min-height:228px!important;
  }

  .oia-category-v52 .oia-category-viewport{
    height:216px!important;
    min-height:216px!important;
  }
}


/* ---------------------------------------------------------
   3. MOBILE HEADER
   True sticky, not fixed.
   Sticky keeps its document-flow height, so content is never
   covered while the header remains frozen during scroll.
   --------------------------------------------------------- */
@media(max-width:767px){
  .oia-v5-header{
    position:sticky!important;
    top:0!important;
    z-index:9999!important;
    width:100%!important;
    transform:none!important;
    box-shadow:0 6px 18px rgba(0,32,64,.10)!important;
  }

  body.admin-bar .oia-v5-header{
    top:46px!important;
  }
}

@media(min-width:783px){
  body.admin-bar .oia-v5-header{
    top:32px!important;
  }
}


/* =========================================================
   v6.4 DESKTOP HERO ONLY
   Requested scope:
   - complete hero image on desktop
   - 12px breathing gap below desktop nav
   - no mobile/category/Why Shop/product changes
   ========================================================= */
@media(min-width:768px){

  /* Controlled visual separation between nav and hero. */
  .oia-home .oia-smart-hero{
    margin-top:12px!important;
  }

  /*
   * Show the complete uploaded hero artwork.
   * v6.3 used cover/center-bottom, which necessarily cropped a 16:9
   * artwork inside the much wider desktop banner.
   * 100% 100% keeps every edge of the supplied artwork visible.
   */
  .oia-smart-hero .oia-hero-slide,
  .oia-smart-hero .oia-hero-slide.is-active{
    background-size:100% 100%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    transform:none!important;
  }
}


/* =========================================================
   v6.5 DESKTOP HERO CONTAIN FIX ONLY
   - preserve image aspect ratio
   - show complete artwork
   - fill unused area with matching premium navy backdrop
   - mobile and all other sections untouched
   ========================================================= */
@media(min-width:768px){

  .oia-home .oia-smart-hero{
    background:
      radial-gradient(circle at 72% 42%, rgba(36,95,130,.26), transparent 34%),
      linear-gradient(90deg,#051A2C 0%,#082B43 48%,#0B2940 100%)!important;
  }

  .oia-smart-hero .oia-hero-slide,
  .oia-smart-hero .oia-hero-slide.is-active{
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    transform:none!important;
  }
}


/* =========================================================
   v6.6 DESKTOP HERO — TRUE 1920x650 RATIO
   Desktop only. Mobile and all other homepage sections untouched.
   ========================================================= */
@media(min-width:768px){

  /*
   * The uploaded desktop artwork is already composed as a true hero
   * banner (1920x650 = 2.9538:1). Let the container use the same
   * ratio instead of forcing it into the old 330px viewport.
   */
  .oia-home .oia-smart-hero{
    width:min(100%,1920px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1920 / 650!important;
    margin:12px auto 0!important;
    background:#F3EFE7!important;
    border-radius:0 0 22px 22px!important;
  }

  /*
   * Since container and artwork now share the same ratio, cover fills
   * perfectly without visible crop, distortion or contain letterboxing.
   */
  .oia-smart-hero .oia-hero-slide,
  .oia-smart-hero .oia-hero-slide.is-active{
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    transform:none!important;
  }

  /* Keep copy/buttons aligned inside the same hero geometry. */
  .oia-smart-hero .oia-hero-full-content.oia-shell{
    height:100%!important;
  }
}