/*
 * 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;
  }
}


/* =========================================================
   v6.7 DESKTOP PREMIUM MERCHANDISING
   Desktop product system + mega-menu polish.
   Mobile layout is intentionally preserved.
   ========================================================= */

@media(min-width:768px){

  /* -------------------------------------------------------
     EXACTLY FIVE FULL PRODUCT CARDS IN THE DESKTOP VIEWPORT
     ------------------------------------------------------- */
  .oia-product-section .oia-carousel{
    width:100%!important;
    overflow:hidden!important;
  }

  .oia-product-section .oia-carousel-track{
    width:100%!important;
    grid-auto-columns:calc((100% - 72px) / 5)!important;
    gap:18px!important;
    padding:7px 0 28px!important;
    scroll-padding:0!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x mandatory!important;
  }

  .oia-product-section .oia-product-card{
    min-width:0!important;
    width:100%!important;
    min-height:472px!important;
    height:100%!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    isolation:isolate!important;
    overflow:hidden!important;
    border:1px solid rgba(148,163,184,.24)!important;
    border-radius:20px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,1),rgba(250,252,255,.98))!important;
    box-shadow:
      0 10px 26px rgba(15,23,42,.055),
      0 1px 2px rgba(15,23,42,.03)!important;
    transform:translate3d(0,0,0)!important;
    transition:
      transform .24s cubic-bezier(.2,.75,.25,1),
      box-shadow .24s ease,
      border-color .24s ease!important;
  }

  /* Premium reflection sweep. */
  .oia-product-section .oia-product-card::after{
    content:""!important;
    position:absolute!important;
    z-index:6!important;
    top:-30%!important;
    bottom:-30%!important;
    left:-55%!important;
    width:34%!important;
    pointer-events:none!important;
    opacity:0!important;
    transform:skewX(-18deg) translateX(0)!important;
    background:linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.55),
      transparent
    )!important;
    transition:transform .72s cubic-bezier(.18,.72,.2,1),opacity .18s ease!important;
  }

  .oia-product-section .oia-product-card:hover{
    transform:translate3d(0,-6px,0)!important;
    border-color:rgba(32,96,144,.30)!important;
    box-shadow:
      0 24px 58px rgba(15,23,42,.13),
      0 8px 22px rgba(32,96,144,.08)!important;
  }

  .oia-product-section .oia-product-card:hover::after{
    opacity:1!important;
    transform:skewX(-18deg) translateX(520%)!important;
  }

  .oia-product-section .oia-product-image{
    aspect-ratio:1.06 / 1!important;
    padding:18px!important;
    background:
      radial-gradient(circle at 50% 30%,#ffffff 0%,#fbfcfe 58%,#f6f8fb 100%)!important;
    border-bottom:1px solid rgba(226,232,240,.62)!important;
  }

  .oia-product-section .oia-product-image img{
    transform:scale(1)!important;
    filter:drop-shadow(0 12px 15px rgba(15,23,42,.07))!important;
    transition:transform .34s cubic-bezier(.2,.75,.25,1),filter .34s ease!important;
  }

  .oia-product-section .oia-product-card:hover .oia-product-image img{
    transform:scale(1.045) translateY(-2px)!important;
    filter:drop-shadow(0 16px 20px rgba(15,23,42,.11))!important;
  }

  .oia-product-section .oia-product-content{
    flex:1!important;
    display:flex!important;
    flex-direction:column!important;
    padding:16px 16px 17px!important;
  }

  .oia-product-section .oia-product-title{
    min-height:43px!important;
    max-height:43px!important;
    margin:0 0 10px!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:14.5px!important;
    line-height:1.48!important;
  }

  .oia-product-section .oia-product-title a{
    transition:color .22s ease!important;
  }

  .oia-product-section .oia-product-card:hover .oia-product-title a{
    color:#174E78!important;
  }

  .oia-product-section .oia-price{
    min-height:26px!important;
    margin-top:2px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    font-size:14px!important;
    line-height:1.2!important;
  }

  .oia-product-section .oia-price del{
    opacity:.52!important;
    font-size:11.5px!important;
  }

  .oia-product-section .oia-discount-badge{
    left:12px!important;
    top:12px!important;
    padding:6px 9px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 7px 18px rgba(244,63,108,.20)!important;
  }

  /* Desktop CTA block: View is intentionally replaced. */
  .oia-card-actions-mobile{
    display:none!important;
  }

  .oia-card-actions-desktop{
    margin-top:auto!important;
    padding-top:14px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .oia-card-actions-desktop .oia-add-cart,
  .oia-card-actions-desktop .oia-whatsapp-order{
    width:100%!important;
    min-height:41px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border-radius:11px!important;
    text-decoration:none!important;
    font-size:11.5px!important;
    font-weight:850!important;
    letter-spacing:.005em!important;
    transition:
      transform .18s ease,
      box-shadow .18s ease,
      filter .18s ease!important;
  }

  .oia-card-actions-desktop .oia-add-cart{
    border:1px solid rgba(0,32,64,.10)!important;
    color:#fff!important;
    background:linear-gradient(135deg,#123E66,#206090)!important;
    box-shadow:0 8px 18px rgba(32,96,144,.15)!important;
  }

  .oia-card-actions-desktop .oia-whatsapp-order{
    border:1px solid rgba(18,140,126,.12)!important;
    color:#fff!important;
    background:linear-gradient(135deg,#20B95A,#25D366)!important;
    box-shadow:0 8px 18px rgba(37,211,102,.16)!important;
  }

  .oia-card-actions-desktop .oia-whatsapp-order svg{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    fill:currentColor!important;
  }

  .oia-card-actions-desktop .oia-add-cart:hover,
  .oia-card-actions-desktop .oia-whatsapp-order:hover{
    transform:translateY(-2px)!important;
    filter:saturate(1.05) brightness(1.02)!important;
  }

  .oia-card-actions-desktop .oia-add-cart:hover{
    box-shadow:0 12px 24px rgba(32,96,144,.24)!important;
  }

  .oia-card-actions-desktop .oia-whatsapp-order:hover{
    box-shadow:0 12px 24px rgba(37,211,102,.25)!important;
  }

  /* -------------------------------------------------------
     MODERN PRODUCT CAROUSEL CONTROL GROUP
     ------------------------------------------------------- */
  .oia-product-section .oia-section-actions{
    gap:13px!important;
  }

  .oia-product-section .oia-carousel-controls{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    padding:4px!important;
    border:1px solid rgba(148,163,184,.22)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 8px 22px rgba(15,23,42,.055)!important;
    backdrop-filter:blur(12px)!important;
  }

  .oia-product-section .oia-carousel-controls button{
    position:relative!important;
    width:36px!important;
    height:36px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:11px!important;
    color:#173D61!important;
    background:transparent!important;
    box-shadow:none!important;
    transition:
      color .18s ease,
      background .18s ease,
      transform .18s ease,
      box-shadow .18s ease!important;
  }

  .oia-product-section .oia-carousel-controls button svg{
    width:18px!important;
    height:18px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .oia-product-section .oia-carousel-controls button:hover{
    color:#fff!important;
    background:linear-gradient(135deg,#174E78,#2679A0)!important;
    transform:translateY(-1px)!important;
    box-shadow:0 7px 16px rgba(32,96,144,.18)!important;
  }

  .oia-product-section .oia-carousel-controls button:active{
    transform:translateY(0) scale(.96)!important;
  }

  .oia-carousel-pause .oia-control-play{
    display:none!important;
  }

  .oia-carousel-pause.is-paused .oia-control-pause{
    display:none!important;
  }

  .oia-carousel-pause.is-paused .oia-control-play{
    display:grid!important;
  }

  .oia-carousel-pause .oia-control-play svg{
    fill:currentColor!important;
    stroke:none!important;
  }

  .oia-product-section .oia-view-all{
    position:relative!important;
    padding:7px 4px!important;
    color:#173D61!important;
    font-size:12px!important;
    font-weight:850!important;
  }

  .oia-product-section .oia-view-all::after{
    content:""!important;
    position:absolute!important;
    left:4px!important;
    right:4px!important;
    bottom:3px!important;
    height:2px!important;
    border-radius:99px!important;
    background:linear-gradient(90deg,#206090,#30A0B0)!important;
    transform:scaleX(0)!important;
    transform-origin:left!important;
    transition:transform .2s ease!important;
  }

  .oia-product-section .oia-view-all:hover::after{
    transform:scaleX(1)!important;
  }

  /* -------------------------------------------------------
     PREMIUM DESKTOP MEGA MENU
     ------------------------------------------------------- */
  .oia-v5-mega{
    padding:20px!important;
    border:1px solid rgba(148,163,184,.22)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:
      0 30px 75px rgba(15,23,42,.17),
      0 8px 22px rgba(15,23,42,.07)!important;
    backdrop-filter:blur(20px)!important;
  }

  /* Suppress instant CSS hover; JS applies intentional hover delay. */
  .oia-v5-mega-item:hover>.oia-v5-mega{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate(-50%,8px)!important;
  }

  .oia-v5-mega-item.is-mega-open>.oia-v5-mega,
  .oia-v5-mega-item:focus-within>.oia-v5-mega{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0)!important;
  }

  .oia-v5-parent-chevron{
    width:24px!important;
    height:24px!important;
    margin-left:2px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:8px!important;
    cursor:pointer!important;
    transition:background .18s ease,transform .2s ease!important;
  }

  .oia-v5-parent-chevron:hover{
    background:rgba(255,255,255,.12)!important;
  }

  .oia-v5-parent-chevron svg{
    width:13px!important;
    height:13px!important;
    transition:transform .22s ease!important;
  }

  .oia-v5-mega-item.is-mega-open>.oia-v5-parent-link .oia-v5-parent-chevron svg,
  .oia-v5-mega-item:focus-within>.oia-v5-parent-link .oia-v5-parent-chevron svg{
    transform:rotate(90deg)!important;
  }

  .oia-v5-mega-top{
    padding:2px 2px 15px!important;
    margin-bottom:12px!important;
    border-bottom:1px solid rgba(226,232,240,.92)!important;
  }

  .oia-v5-mega-top>strong{
    font-size:21px!important;
    font-weight:850!important;
  }

  .oia-v5-mega-top>a{
    padding:8px 11px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    border:1px solid rgba(32,96,144,.14)!important;
    border-radius:10px!important;
    background:#F7FAFC!important;
    color:#174E78!important;
    transition:background .18s ease,transform .18s ease,box-shadow .18s ease!important;
  }

  .oia-v5-mega-top>a:hover{
    background:#EEF6FA!important;
    transform:translateY(-1px)!important;
    box-shadow:0 7px 16px rgba(32,96,144,.08)!important;
  }

  .oia-v5-mega-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px 9px!important;
  }

  .oia-v5-mega-grid>a{
    position:relative!important;
    min-height:48px!important;
    padding:10px 11px!important;
    overflow:hidden!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    color:#334155!important;
    background:transparent!important;
    transform:translate3d(0,0,0)!important;
    transition:
      color .2s ease,
      background .2s ease,
      border-color .2s ease,
      transform .2s cubic-bezier(.2,.75,.25,1),
      box-shadow .2s ease!important;
  }

  .oia-v5-mega-grid>a::before{
    content:""!important;
    position:absolute!important;
    top:-40%!important;
    bottom:-40%!important;
    left:-38%!important;
    width:24%!important;
    opacity:0!important;
    transform:skewX(-18deg)!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)!important;
    transition:transform .55s ease,opacity .16s ease!important;
  }

  .oia-v5-mega-grid>a:hover{
    color:#174E78!important;
    border-color:rgba(32,96,144,.13)!important;
    background:linear-gradient(135deg,#F7FBFD,#EEF6FA)!important;
    transform:translate3d(4px,-1px,0)!important;
    box-shadow:0 8px 18px rgba(32,96,144,.07)!important;
  }

  .oia-v5-mega-grid>a:hover::before{
    opacity:1!important;
    transform:skewX(-18deg) translateX(560%)!important;
  }

  .oia-v5-mega-grid>a i{
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:8px!important;
    color:#206090!important;
    background:rgba(32,96,144,.08)!important;
    opacity:0!important;
    transform:translateX(-3px)!important;
    transition:opacity .18s ease,transform .18s ease!important;
  }

  .oia-v5-mega-grid>a:hover i{
    opacity:1!important;
    transform:translateX(0)!important;
  }
}

/* Preserve the exact pre-v6.7 mobile CTA presentation. */
@media(max-width:767px){
  .oia-card-actions-desktop{
    display:none!important;
  }

  .oia-card-actions-mobile{
    display:grid!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .oia-product-card::after,
  .oia-v5-mega-grid>a::before{
    display:none!important;
  }
}


/* =========================================================
   v6.8 DESKTOP — FIVE-PRODUCT PAGES + REFERENCE MENU EFFECT
   ========================================================= */
@media(min-width:768px){

  /* Product controls: user requested arrows only. */
  .oia-product-section .oia-carousel-controls{
    gap:6px!important;
    padding:4px!important;
  }

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

  .oia-product-section .oia-carousel-controls button{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
  }

  .oia-product-section .oia-carousel-track{
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
  }

  /* -------------------------------------------------------
     Mega menu is positioned relative to the entire nav bar.
     All departments therefore open in the same safe location.
     ------------------------------------------------------- */
  .oia-v5-nav{
    position:relative!important;
  }

  .oia-v5-mega-item{
    position:static!important;
  }

  .oia-v5-mega{
    left:50%!important;
    right:auto!important;
    top:100%!important;
    width:min(960px,calc(100vw - 48px))!important;
    margin:0!important;
    padding:18px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:0 0 20px 20px!important;
    background:
      radial-gradient(circle at 18% 0%,rgba(42,105,144,.25),transparent 34%),
      linear-gradient(145deg,#071F34 0%,#092B46 48%,#0B3552 100%)!important;
    box-shadow:
      0 30px 72px rgba(0,15,29,.29),
      0 8px 24px rgba(0,15,29,.16)!important;
    backdrop-filter:blur(18px)!important;
    transform:translate(-50%,7px)!important;
    transform-origin:top center!important;
    z-index:10020!important;
  }

  /* Transparent bridge removes the mouse dead-zone. */
  .oia-v5-mega::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:-9px!important;
    height:10px!important;
    background:transparent!important;
  }

  .oia-v5-mega-item:hover>.oia-v5-mega{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate(-50%,7px)!important;
  }

  .oia-v5-mega-item.is-mega-open>.oia-v5-mega,
  .oia-v5-mega-item:focus-within>.oia-v5-mega{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0)!important;
  }

  .oia-v5-mega-top{
    align-items:center!important;
    padding:3px 3px 14px!important;
    margin-bottom:12px!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
  }

  .oia-v5-mega-top small{
    color:#FF9B4A!important;
  }

  .oia-v5-mega-top>strong,
  .oia-v5-mega-top strong{
    color:#FFF!important;
    font-size:20px!important;
    letter-spacing:-.025em!important;
  }

  .oia-v5-mega-top>a{
    padding:8px 12px!important;
    border:1px solid rgba(255,122,0,.48)!important;
    border-radius:10px!important;
    color:#FFF!important;
    background:rgba(255,122,0,.13)!important;
    box-shadow:none!important;
  }

  .oia-v5-mega-top>a:hover{
    color:#FFF!important;
    border-color:#FF7A00!important;
    background:linear-gradient(135deg,#FF7A00,#FF5A00)!important;
    transform:translateY(-1px)!important;
    box-shadow:0 10px 23px rgba(255,94,0,.25)!important;
  }

  /* Reference-inspired deep navy child tiles with orange motion state. */
  .oia-v5-mega-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }

  .oia-v5-mega-grid>a{
    position:relative!important;
    min-height:45px!important;
    padding:10px 12px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.06)!important;
    border-radius:11px!important;
    color:#F7FAFC!important;
    background:linear-gradient(180deg,rgba(18,61,90,.94),rgba(13,50,77,.94))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.025),
      0 4px 12px rgba(0,12,25,.08)!important;
    transform:translate3d(0,0,0)!important;
    transition:
      transform .20s cubic-bezier(.2,.75,.25,1),
      background .20s ease,
      border-color .20s ease,
      box-shadow .20s ease!important;
  }

  .oia-v5-mega-grid>a::before{
    display:none!important;
  }

  .oia-v5-mega-grid>a::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:9px!important;
    bottom:9px!important;
    width:3px!important;
    border-radius:0 99px 99px 0!important;
    background:#FF7A00!important;
    opacity:0!important;
    transform:scaleY(.45)!important;
    transition:opacity .18s ease,transform .20s ease!important;
  }

  .oia-v5-mega-grid>a:hover,
  .oia-v5-mega-grid>a:focus-visible{
    color:#FFF!important;
    border-color:rgba(255,160,78,.76)!important;
    background:linear-gradient(135deg,#FF7A00 0%,#FF5A00 100%)!important;
    transform:translate3d(4px,-2px,0)!important;
    box-shadow:
      0 12px 27px rgba(255,92,0,.25),
      inset 0 1px 0 rgba(255,255,255,.18)!important;
  }

  .oia-v5-mega-grid>a:hover::after,
  .oia-v5-mega-grid>a:focus-visible::after{
    opacity:1!important;
    transform:scaleY(1)!important;
    background:#FFF!important;
  }

  .oia-v5-mega-grid>a i{
    width:24px!important;
    height:24px!important;
    color:#BFD5E4!important;
    background:rgba(255,255,255,.08)!important;
    opacity:.40!important;
    transform:translateX(-2px)!important;
  }

  .oia-v5-mega-grid>a:hover i,
  .oia-v5-mega-grid>a:focus-visible i{
    color:#FFF!important;
    background:rgba(255,255,255,.16)!important;
    opacity:1!important;
    transform:translateX(0)!important;
  }

  .oia-v5-mega-item.is-mega-open>.oia-v5-parent-link{
    background:rgba(255,255,255,.035)!important;
  }

  .oia-v5-mega-item.is-mega-open>.oia-v5-parent-link::after{
    background:#FF7A00!important;
    transform:scaleX(1)!important;
  }

  .oia-v5-mega-item.is-mega-open .oia-v5-parent-chevron{
    color:#FFB16D!important;
    background:rgba(255,122,0,.12)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .oia-v5-mega-grid>a,
  .oia-v5-mega{
    transition:none!important;
  }
}


/* =========================================================
   v6.9 EXACT WORDPRESS MENU SOURCE + COMPACT VIEW ALL
   ========================================================= */
@media(min-width:768px){

  /* The parent title is already visible in the nav.
     Remove the redundant title/header row from the dropdown. */
  .oia-v5-mega-top{
    display:none!important;
  }

  .oia-v5-mega{
    padding:14px 14px 12px!important;
  }

  .oia-v5-mega-grid{
    margin:0!important;
  }

  /* Compact footer so View All feels integrated instead of becoming
     another large repeated heading row. */
  .oia-v5-mega-footer{
    margin-top:10px!important;
    padding-top:10px!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    border-top:1px solid rgba(255,255,255,.09)!important;
  }

  .oia-v5-mega-viewall{
    min-height:34px!important;
    padding:7px 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border:1px solid rgba(255,139,48,.55)!important;
    border-radius:10px!important;
    color:#FFF!important;
    background:
      linear-gradient(135deg,rgba(255,122,0,.18),rgba(255,90,0,.10))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 5px 14px rgba(0,12,25,.10)!important;
    font-size:11.5px!important;
    font-weight:850!important;
    text-decoration:none!important;
    transition:
      transform .18s ease,
      background .18s ease,
      border-color .18s ease,
      box-shadow .18s ease!important;
  }

  .oia-v5-mega-viewall i{
    font-style:normal!important;
    font-size:14px!important;
    line-height:1!important;
    transition:transform .18s ease!important;
  }

  .oia-v5-mega-viewall:hover,
  .oia-v5-mega-viewall:focus-visible{
    color:#FFF!important;
    border-color:#FF8A2B!important;
    background:linear-gradient(135deg,#FF7A00,#FF5A00)!important;
    transform:translateY(-2px)!important;
    box-shadow:0 10px 22px rgba(255,92,0,.24)!important;
  }

  .oia-v5-mega-viewall:hover i,
  .oia-v5-mega-viewall:focus-visible i{
    transform:translateX(3px)!important;
  }
}


/* =========================================================
   v6.10 MENU — VIEW ALL REMOVED ONLY
   ========================================================= */
@media(min-width:768px){
  .oia-v5-mega-footer,
  .oia-v5-mega-viewall{
    display:none!important;
  }
}


/* =========================================================
   v6.11 LIGHT PREMIUM GLASS MEGA MENU
   - no orange
   - light floating panel
   - white category cards
   - muted blue/cyan interaction
   - restrained premium motion
   ========================================================= */
@media(min-width:768px){

  /* Top navigation active/hover accent: blue-cyan, not orange. */
  .oia-v5-parent-link::after,
  .oia-v5-mega-item.is-mega-open>.oia-v5-parent-link::after{
    background:linear-gradient(90deg,#206090,#30A0B0)!important;
  }

  .oia-v5-mega-item.is-mega-open>.oia-v5-parent-link{
    background:rgba(255,255,255,.035)!important;
  }

  .oia-v5-mega-item.is-mega-open .oia-v5-parent-chevron{
    color:#8ED7E0!important;
    background:rgba(48,160,176,.12)!important;
  }

  /* Floating light premium panel. */
  .oia-v5-mega{
    width:min(960px,calc(100vw - 48px))!important;
    padding:16px!important;
    border:1px solid rgba(148,163,184,.22)!important;
    border-radius:0 0 18px 18px!important;
    background:
      linear-gradient(180deg,rgba(250,252,254,.985),rgba(247,249,252,.985))!important;
    box-shadow:
      0 28px 64px rgba(15,23,42,.14),
      0 8px 24px rgba(15,23,42,.06)!important;
    backdrop-filter:blur(18px)!important;
  }

  /* Keep transparent bridge so mouse can travel into dropdown. */
  .oia-v5-mega::before{
    background:transparent!important;
  }

  .oia-v5-mega-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }

  /* Calm white category card. */
  .oia-v5-mega-grid>a{
    position:relative!important;
    min-height:46px!important;
    padding:10px 12px!important;
    overflow:hidden!important;
    border:1px solid #E4EAF0!important;
    border-radius:12px!important;
    color:#172B3A!important;
    background:#FFFFFF!important;
    box-shadow:
      0 2px 5px rgba(15,23,42,.025),
      inset 0 1px 0 rgba(255,255,255,.8)!important;
    transform:translate3d(0,0,0)!important;
    transition:
      transform .20s cubic-bezier(.2,.75,.25,1),
      background .20s ease,
      border-color .20s ease,
      color .20s ease,
      box-shadow .20s ease!important;
  }

  /* Remove old orange side rule / reflection behavior. */
  .oia-v5-mega-grid>a::before{
    display:none!important;
  }

  .oia-v5-mega-grid>a::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:10px!important;
    bottom:10px!important;
    width:3px!important;
    border-radius:0 99px 99px 0!important;
    background:#30A0B0!important;
    opacity:0!important;
    transform:scaleY(.55)!important;
    transition:opacity .18s ease,transform .20s ease!important;
  }

  /* Premium restrained hover: soft blue surface, tiny motion, soft shadow. */
  .oia-v5-mega-grid>a:hover,
  .oia-v5-mega-grid>a:focus-visible{
    color:#174E78!important;
    border-color:#A9C8D8!important;
    background:linear-gradient(135deg,#F4FAFD,#EAF3F8)!important;
    transform:translate3d(2px,-2px,0)!important;
    box-shadow:
      0 10px 22px rgba(15,23,42,.075),
      0 4px 12px rgba(32,96,144,.05)!important;
  }

  .oia-v5-mega-grid>a:hover::after,
  .oia-v5-mega-grid>a:focus-visible::after{
    opacity:1!important;
    transform:scaleY(1)!important;
  }

  /* Arrow/icon: muted at rest, clear on hover, no bright block. */
  .oia-v5-mega-grid>a i{
    width:24px!important;
    height:24px!important;
    color:#7890A3!important;
    background:#F3F7FA!important;
    border:1px solid rgba(148,163,184,.16)!important;
    border-radius:8px!important;
    opacity:.72!important;
    transform:translateX(0)!important;
    transition:
      color .18s ease,
      background .18s ease,
      border-color .18s ease,
      transform .18s ease!important;
  }

  .oia-v5-mega-grid>a:hover i,
  .oia-v5-mega-grid>a:focus-visible i{
    color:#206090!important;
    background:#FFFFFF!important;
    border-color:#C8DDE8!important;
    transform:translateX(3px)!important;
  }

  /* Parent chevron stays quiet but visibly interactive. */
  .oia-v5-parent-chevron{
    color:#B7D4E1!important;
  }

  .oia-v5-parent-chevron:hover{
    color:#E5F7FA!important;
    background:rgba(48,160,176,.12)!important;
  }

  /* Defensive: View All remains absent. */
  .oia-v5-mega-footer,
  .oia-v5-mega-viewall{
    display:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .oia-v5-mega-grid>a,
  .oia-v5-mega-grid>a i{
    transition:none!important;
  }
}


/* =========================================================
   v6.12 — 10/10 PREMIUM MEGA MENU POLISH
   ========================================================= */
@media(min-width:768px){

  .oia-v5-parent-link{
    position:relative!important;
  }

  .oia-v5-parent-link::after,
  .oia-v5-mega-item.is-mega-open>.oia-v5-parent-link::after{
    left:26%!important;
    right:26%!important;
    bottom:0!important;
    height:2px!important;
    border-radius:99px!important;
    background:linear-gradient(90deg,#206090,#30A0B0)!important;
    transform-origin:center!important;
  }

  .oia-v5-mega-item.is-mega-open>.oia-v5-parent-link{
    background:rgba(255,255,255,.025)!important;
  }

  .oia-v5-parent-chevron{
    width:22px!important;
    height:22px!important;
    margin-left:1px!important;
    border-radius:7px!important;
    color:#A8CAD9!important;
    background:transparent!important;
    transition:color .18s ease,background .18s ease,transform .20s ease!important;
  }

  .oia-v5-parent-chevron:hover{
    color:#DDF7FA!important;
    background:rgba(48,160,176,.10)!important;
  }

  .oia-v5-mega-item.is-mega-open .oia-v5-parent-chevron{
    color:#8ED7E0!important;
    background:rgba(48,160,176,.10)!important;
  }

  .oia-v5-mega{
    width:min(960px,calc(100vw - 48px))!important;
    padding:16px!important;
    border:1px solid #E3E8EE!important;
    border-radius:0 0 18px 18px!important;
    background:linear-gradient(180deg,#FBFCFD 0%,#F6F8FB 100%)!important;
    box-shadow:0 24px 55px rgba(15,23,42,.11),0 8px 20px rgba(15,23,42,.045)!important;
    backdrop-filter:blur(16px)!important;
    transition:opacity .20s ease,visibility .20s ease,transform .20s cubic-bezier(.2,.75,.25,1)!important;
  }

  .oia-v5-mega-item:hover>.oia-v5-mega{
    transform:translate(-50%,6px)!important;
  }

  .oia-v5-mega-item.is-mega-open>.oia-v5-mega,
  .oia-v5-mega-item:focus-within>.oia-v5-mega{
    transform:translate(-50%,0)!important;
  }

  .oia-v5-mega::before{
    background:transparent!important;
  }

  .oia-v5-mega-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
    margin:0!important;
  }

  .oia-v5-mega-grid>a{
    position:relative!important;
    min-height:46px!important;
    padding:10px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    overflow:hidden!important;
    border:1px solid #E6ECF2!important;
    border-radius:11px!important;
    color:#243746!important;
    background:#FFFFFF!important;
    box-shadow:0 1px 2px rgba(15,23,42,.018)!important;
    transform:translate3d(0,0,0)!important;
    transition:transform .20s cubic-bezier(.2,.75,.25,1),background .20s ease,border-color .20s ease,color .20s ease,box-shadow .20s ease!important;
  }

  .oia-v5-mega-grid>a span{
    min-width:0!important;
    font-size:13.5px!important;
    line-height:1.35!important;
    font-weight:650!important;
    letter-spacing:-.006em!important;
  }

  .oia-v5-mega-grid>a::before{
    display:none!important;
  }

  .oia-v5-mega-grid>a::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:10px!important;
    bottom:10px!important;
    width:3px!important;
    border-radius:0 99px 99px 0!important;
    background:#30A0B0!important;
    opacity:0!important;
    transform:scaleY(.55)!important;
    transition:opacity .18s ease,transform .20s ease!important;
  }

  .oia-v5-mega-grid>a:hover,
  .oia-v5-mega-grid>a:focus-visible{
    color:#174E78!important;
    border-color:#B7D2DF!important;
    background:linear-gradient(135deg,#F4FAFD,#EAF3F8)!important;
    transform:translate3d(2px,-2px,0)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.08),0 4px 10px rgba(32,96,144,.035)!important;
  }

  .oia-v5-mega-grid>a:hover::after,
  .oia-v5-mega-grid>a:focus-visible::after{
    opacity:1!important;
    transform:scaleY(1)!important;
  }

  .oia-v5-mega-grid>a i{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    flex:0 0 auto!important;
    display:inline-block!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    color:#7E94A5!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:.76!important;
    font-size:20px!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1!important;
    transform:translateX(0)!important;
    transition:color .18s ease,opacity .18s ease,transform .18s ease!important;
  }

  .oia-v5-mega-grid>a:hover i,
  .oia-v5-mega-grid>a:focus-visible i{
    color:#206090!important;
    background:transparent!important;
    border:0!important;
    opacity:1!important;
    transform:translateX(3px)!important;
  }

  .oia-v5-mega-footer,
  .oia-v5-mega-viewall{
    display:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .oia-v5-mega,
  .oia-v5-mega-grid>a,
  .oia-v5-mega-grid>a i,
  .oia-v5-parent-chevron{
    transition:none!important;
  }

  .oia-v5-mega-grid>a:hover,
  .oia-v5-mega-grid>a:focus-visible{
    transform:none!important;
  }
}


/* =========================================================
   v6.13 — MENU MICRO POLISH ONLY
   No redesign. Refines spacing, typography, hover, chevrons,
   and panel shadow based on final visual QA.
   ========================================================= */
@media(min-width:768px){

  /* Slightly tighter panel footprint. */
  .oia-v5-mega{
    padding:14px 16px 12px!important;
    box-shadow:
      0 20px 46px rgba(15,23,42,.095),
      0 6px 16px rgba(15,23,42,.035)!important;
  }

  .oia-v5-mega-grid{
    gap:7px 8px!important;
  }

  /* Compact, calmer cards. */
  .oia-v5-mega-grid>a{
    min-height:44px!important;
    padding:9px 11px!important;
    border-radius:10px!important;
  }

  .oia-v5-mega-grid>a span{
    font-size:13.25px!important;
    line-height:1.32!important;
    font-weight:600!important;
    letter-spacing:-.004em!important;
  }

  /* Softer hover surface and slightly reduced motion. */
  .oia-v5-mega-grid>a:hover,
  .oia-v5-mega-grid>a:focus-visible{
    color:#1B557E!important;
    border-color:#C4D9E4!important;
    background:linear-gradient(135deg,#F7FBFD,#EEF6FA)!important;
    transform:translate3d(1px,-1.5px,0)!important;
    box-shadow:
      0 8px 18px rgba(15,23,42,.065),
      0 3px 8px rgba(32,96,144,.025)!important;
  }

  /* Cyan accent remains, but thinner/quieter. */
  .oia-v5-mega-grid>a::after{
    width:2px!important;
    top:11px!important;
    bottom:11px!important;
    background:#4AA9B7!important;
  }

  /* Smaller, lighter chevron. */
  .oia-v5-mega-grid>a i{
    font-size:17px!important;
    color:#91A4B2!important;
    opacity:.68!important;
  }

  .oia-v5-mega-grid>a:hover i,
  .oia-v5-mega-grid>a:focus-visible i{
    color:#39779B!important;
    opacity:.92!important;
    transform:translateX(2px)!important;
  }

  /* Slightly calmer top-level underline / chevron. */
  .oia-v5-parent-link::after,
  .oia-v5-mega-item.is-mega-open>.oia-v5-parent-link::after{
    height:2px!important;
    opacity:.88!important;
  }

  .oia-v5-parent-chevron{
    width:21px!important;
    height:21px!important;
  }
}


/* =========================================================
   v6.14 LIVE PRODUCT SEARCH
   ========================================================= */
.oia-v5-search{
  position:relative!important;
  overflow:visible!important;
  z-index:60;
}
.oia-v5-search>button{
  border-radius:0 13px 13px 0!important;
}
.oia-v5-search-results{
  position:absolute;
  z-index:10050;
  top:calc(100% + 8px);
  left:0;
  right:0;
  max-height:min(520px,70vh);
  overflow:auto;
  padding:7px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:15px;
  background:rgba(255,255,255,.985);
  box-shadow:0 22px 55px rgba(15,23,42,.16),0 7px 18px rgba(15,23,42,.06);
  backdrop-filter:blur(18px);
}
.oia-v5-search-results[hidden]{
  display:none!important;
}
.oia-v5-search-item{
  min-height:68px;
  padding:7px 8px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 22px;
  gap:10px;
  align-items:center;
  border:1px solid transparent;
  border-radius:11px;
  color:#243746;
  text-decoration:none!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.oia-v5-search-item:hover,
.oia-v5-search-item.is-active{
  color:#174E78;
  border-color:#D3E3EB;
  background:linear-gradient(135deg,#F7FBFD,#EEF6FA);
  transform:translateX(2px);
  box-shadow:0 7px 17px rgba(15,23,42,.055);
}
.oia-v5-search-thumb{
  width:54px;
  height:54px;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:1px solid #E7EDF2;
  border-radius:10px;
  background:#fff;
}
.oia-v5-search-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:3px;
}
.oia-v5-search-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.oia-v5-search-title{
  overflow:hidden;
  color:inherit;
  font-size:12.5px;
  line-height:1.3;
  font-weight:750;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.oia-v5-search-meta{
  overflow:hidden;
  color:#738496;
  font-size:10px;
  line-height:1.3;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.oia-v5-search-price{
  color:#173D61;
  font-size:11.5px;
  line-height:1.25;
  font-weight:800;
}
.oia-v5-search-chev{
  color:#8AA0B0;
  font-size:20px;
  line-height:1;
  transition:transform .18s ease,color .18s ease;
}
.oia-v5-search-item:hover .oia-v5-search-chev,
.oia-v5-search-item.is-active .oia-v5-search-chev{
  color:#206090;
  transform:translateX(2px);
}
.oia-v5-search-loading,
.oia-v5-search-empty{
  padding:15px 12px;
  color:#64748B;
  font-size:12px;
  text-align:center;
}
.oia-v5-search-all{
  margin-top:4px;
  min-height:38px;
  padding:9px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  color:#174E78!important;
  background:#F4F8FB;
  font-size:11.5px;
  font-weight:800;
  text-decoration:none!important;
  transition:background .18s ease,transform .18s ease;
}
.oia-v5-search-all:hover{
  background:#EAF3F8;
  transform:translateY(-1px);
}

@media(max-width:767px){
  .oia-v5-search-results{
    position:absolute;
    top:calc(100% + 6px);
    max-height:min(430px,65vh);
    border-radius:13px;
  }
  .oia-v5-search-item{
    min-height:62px;
    grid-template-columns:48px minmax(0,1fr) 18px;
    gap:9px;
  }
  .oia-v5-search-thumb{
    width:48px;
    height:48px;
  }
}


/* =========================================================
   v6.15 SEARCH PRICE POLISH
   Clean sale/current price presentation only.
   ========================================================= */
.oia-v5-search-price{
  display:none!important;
}

.oia-v5-search-price-row{
  min-height:20px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  line-height:1;
}

.oia-v5-search-current-price{
  color:#173D61;
  font-size:12px;
  line-height:1.2;
  font-weight:850;
  white-space:nowrap;
}

.oia-v5-search-old-price{
  color:#94A3B8;
  font-size:10px;
  line-height:1.2;
  font-weight:650;
  text-decoration:line-through;
  text-decoration-thickness:1px;
  white-space:nowrap;
}

.oia-v5-search-sale-badge{
  min-height:18px;
  padding:3px 6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(244,63,108,.14);
  border-radius:99px;
  color:#E11D48;
  background:#FFF1F4;
  font-size:9px;
  line-height:1;
  font-weight:850;
  white-space:nowrap;
}

@media(max-width:767px){
  .oia-v5-search-current-price{
    font-size:11.5px;
  }

  .oia-v5-search-old-price{
    font-size:9.5px;
  }

  .oia-v5-search-sale-badge{
    padding:3px 5px;
    font-size:8.5px;
  }
}


/* =========================================================
   v6.16 — DISCOVERY + CONFIDENCE
   Bespoke ecommerce discovery / trust / SEO module.
   ========================================================= */
.oia-discovery-confidence{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  padding:62px 0 56px!important;
  background:
    linear-gradient(180deg,#FBFCFD 0%,#F6F9FB 48%,#F2F7F9 100%)!important;
}

.oia-discovery-confidence .oia-dc-atmosphere{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 7% 12%,rgba(48,160,176,.115),transparent 25%),
    radial-gradient(circle at 94% 78%,rgba(32,96,144,.09),transparent 29%),
    linear-gradient(rgba(15,23,42,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.018) 1px,transparent 1px);
  background-size:auto,auto,44px 44px,44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),rgba(0,0,0,.18));
}

.oia-discovery-confidence .oia-shell{
  position:relative;
  z-index:2;
}

.oia-dc-heading{
  max-width:900px;
  margin:0 auto 30px;
  text-align:center;
  opacity:0;
  transform:translateY(14px);
  transition:
    opacity .42s ease,
    transform .42s cubic-bezier(.2,.75,.25,1);
}

.oia-dc-eyebrow{
  min-height:28px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(32,96,144,.15);
  border-radius:999px;
  color:#236783;
  background:rgba(255,255,255,.72);
  box-shadow:0 6px 18px rgba(15,23,42,.035);
  font-size:9px;
  line-height:1;
  font-weight:850;
  letter-spacing:.12em;
}

.oia-dc-heading h2{
  max-width:860px;
  margin:12px auto 10px!important;
  color:#102C45!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
  font-size:clamp(31px,3.2vw,46px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  font-weight:850!important;
}

.oia-dc-intro{
  max-width:830px;
  margin:0 auto!important;
  color:#617184!important;
  font-size:14px!important;
  line-height:1.65!important;
}

.oia-dc-intro a{
  position:relative;
  color:#174E78!important;
  font-weight:750;
  text-decoration:none!important;
  white-space:nowrap;
}

.oia-dc-intro a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-2px;
  height:1px;
  border-radius:99px;
  background:linear-gradient(90deg,#206090,#30A0B0);
  transform:scaleX(.28);
  transform-origin:left;
  opacity:.52;
  transition:transform .2s ease,opacity .2s ease;
}

.oia-dc-intro a:hover::after{
  transform:scaleX(1);
  opacity:1;
}

.oia-dc-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:18px;
  align-items:stretch;
}

/* ---------------------------------------------------------
   HERO DISCOVERY GATEWAY
   --------------------------------------------------------- */
.oia-dc-gateway{
  position:relative;
  min-height:430px;
  padding:30px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 14%,rgba(48,197,216,.17),transparent 30%),
    linear-gradient(142deg,#061F35 0%,#082E48 50%,#0B4C61 100%);
  box-shadow:
    0 24px 58px rgba(4,30,50,.16),
    inset 0 1px 0 rgba(255,255,255,.07);
  opacity:0;
  transform:translateX(-18px) scale(.985);
  transition:
    opacity .50s ease .08s,
    transform .50s cubic-bezier(.2,.75,.25,1) .08s,
    box-shadow .24s ease;
}

.oia-dc-gateway-glow{
  position:absolute;
  width:280px;
  height:280px;
  right:-95px;
  top:-110px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(85,221,231,.15),transparent 67%);
  filter:blur(5px);
}

.oia-dc-gateway-head{
  position:relative;
  z-index:2;
  max-width:520px;
}

.oia-dc-gateway-kicker{
  color:#8DDCE4;
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
}

.oia-dc-gateway h3{
  margin:7px 0 8px!important;
  color:#fff!important;
  font-size:clamp(27px,2.6vw,38px)!important;
  line-height:1.03!important;
  letter-spacing:-.04em!important;
  font-weight:850!important;
}

.oia-dc-gateway-head p{
  max-width:480px;
  margin:0!important;
  color:#C5D6E0!important;
  font-size:13px!important;
  line-height:1.6!important;
}

.oia-dc-category-list{
  position:relative;
  z-index:2;
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.oia-dc-category-link{
  position:relative;
  min-height:72px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 20px;
  gap:10px;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.085);
  border-radius:14px;
  color:#fff!important;
  text-decoration:none!important;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(10px);
  transform:translate3d(0,0,0);
  transition:
    transform .20s cubic-bezier(.2,.75,.25,1),
    background .20s ease,
    border-color .20s ease,
    box-shadow .20s ease;
}

.oia-dc-category-link::before{
  content:"";
  position:absolute;
  left:0;
  top:11px;
  bottom:11px;
  width:2px;
  border-radius:0 99px 99px 0;
  background:#65D6E2;
  opacity:0;
  transform:scaleY(.45);
  transition:opacity .18s ease,transform .2s ease;
}

.oia-dc-category-link:hover,
.oia-dc-category-link:focus-visible{
  color:#fff!important;
  border-color:rgba(111,220,229,.25);
  background:rgba(255,255,255,.09);
  transform:translate3d(2px,-2px,0);
  box-shadow:0 10px 24px rgba(0,18,33,.15);
}

.oia-dc-category-link:hover::before,
.oia-dc-category-link:focus-visible::before{
  opacity:1;
  transform:scaleY(1);
}

.oia-dc-category-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  color:#9CE4E9;
  background:rgba(255,255,255,.06);
  transition:transform .2s ease,background .2s ease;
}

.oia-dc-category-icon svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.oia-dc-category-link:hover .oia-dc-category-icon{
  transform:translateY(-1px);
  background:rgba(255,255,255,.095);
}

.oia-dc-category-copy{
  min-width:0;
  display:grid;
  gap:3px;
}

.oia-dc-category-copy strong{
  overflow:hidden;
  color:#fff!important;
  font-size:12.5px;
  line-height:1.25;
  font-weight:800;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.oia-dc-category-copy small{
  overflow:hidden;
  color:#9FB5C4;
  font-size:9.5px;
  line-height:1.25;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.oia-dc-category-arrow{
  color:#82CFD8;
  font-size:22px;
  line-height:1;
  transition:transform .2s ease,color .2s ease;
}

.oia-dc-category-link:hover .oia-dc-category-arrow{
  color:#DDF9FB;
  transform:translateX(4px);
}

/* ---------------------------------------------------------
   CONFIDENCE STACK
   --------------------------------------------------------- */
.oia-dc-confidence{
  display:grid;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:12px;
}

.oia-dc-confidence-card{
  --oia-dc-index:0;
  position:relative;
  min-height:132px;
  padding:20px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:15px;
  align-items:center;
  overflow:hidden;
  border:1px solid #E2EAF0;
  border-radius:19px;
  background:rgba(255,255,255,.90);
  box-shadow:
    0 10px 28px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
  opacity:0;
  transform:translateY(16px) scale(.992);
  transition:
    opacity .44s ease calc(.18s + (var(--oia-dc-index) * .09s)),
    transform .44s cubic-bezier(.2,.75,.25,1) calc(.18s + (var(--oia-dc-index) * .09s)),
    border-color .20s ease,
    box-shadow .20s ease,
    background .20s ease;
}

.oia-dc-confidence-card:hover{
  border-color:#BFD7E1;
  background:linear-gradient(135deg,#FFFFFF,#F3FAFC);
  transform:translateY(-4px);
  box-shadow:
    0 18px 36px rgba(15,23,42,.075),
    0 4px 12px rgba(32,96,144,.035);
}

.oia-dc-confidence-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid #D8EAF0;
  border-radius:14px;
  color:#167A99;
  background:
    linear-gradient(145deg,#F6FCFE,#EAF8FB);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
  transition:transform .2s ease,box-shadow .2s ease;
}

.oia-dc-confidence-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.oia-dc-confidence-card:hover .oia-dc-confidence-icon{
  transform:translateY(-2px) scale(1.025);
  box-shadow:0 7px 16px rgba(48,160,176,.10);
}

.oia-dc-confidence-copy h3{
  margin:0 0 6px!important;
  color:#18344B!important;
  font-size:15px!important;
  line-height:1.2!important;
  letter-spacing:-.018em!important;
  font-weight:820!important;
}

.oia-dc-confidence-copy p{
  margin:0!important;
  color:#657789!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}

.oia-dc-confidence-mark{
  position:absolute;
  right:-20px;
  top:-22px;
  width:88px;
  height:88px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(48,160,176,.09),transparent 66%);
  opacity:.7;
}

/* ---------------------------------------------------------
   FULL WIDTH CTA
   --------------------------------------------------------- */
.oia-dc-cta{
  position:relative;
  margin-top:18px;
  min-height:92px;
  padding:18px 20px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:15px;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:20px;
  color:#fff;
  background:
    linear-gradient(100deg,#082A44 0%,#0A4058 62%,#0B5A67 100%);
  box-shadow:0 18px 42px rgba(7,39,58,.14);
  opacity:0;
  transform:translateY(14px);
  transition:
    opacity .46s ease .48s,
    transform .46s cubic-bezier(.2,.75,.25,1) .48s,
    box-shadow .22s ease;
}

.oia-dc-cta-glow{
  position:absolute;
  width:270px;
  height:120px;
  right:12%;
  bottom:-70px;
  pointer-events:none;
  background:radial-gradient(circle,rgba(70,214,225,.20),transparent 67%);
  filter:blur(8px);
}

.oia-dc-cta-icon{
  position:relative;
  z-index:2;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  color:#A9E8EC;
  background:rgba(255,255,255,.065);
}

.oia-dc-cta-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.oia-dc-cta-copy{
  position:relative;
  z-index:2;
  min-width:0;
  text-align:left!important;
}

.oia-dc-cta-copy small{
  display:block;
  color:#AFC8D4;
  font-size:9.5px;
  font-weight:700;
}

.oia-dc-cta-copy strong{
  display:block;
  margin-top:3px;
  color:#fff;
  font-size:clamp(17px,1.6vw,22px);
  line-height:1.15;
  letter-spacing:-.025em;
}

.oia-dc-cta-btn{
  position:relative;
  z-index:2;
  min-height:42px;
  padding:0 15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:11px;
  color:#0C3B51!important;
  background:#F8FEFF;
  box-shadow:0 8px 20px rgba(0,18,33,.12);
  font-size:10.5px;
  font-weight:850;
  text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}

.oia-dc-cta-btn i{
  font-size:15px;
  font-style:normal;
  transition:transform .2s ease;
}

.oia-dc-cta-btn:hover{
  color:#0C3B51!important;
  background:#fff;
  transform:translateY(-2px);
  box-shadow:0 12px 25px rgba(0,18,33,.17);
}

.oia-dc-cta-btn:hover i{
  transform:translateX(3px);
}

/* Coordinated, one-time reveal. */
.oia-discovery-confidence.is-dc-visible .oia-dc-heading,
.oia-discovery-confidence.is-dc-visible .oia-dc-gateway,
.oia-discovery-confidence.is-dc-visible .oia-dc-confidence-card,
.oia-discovery-confidence.is-dc-visible .oia-dc-cta{
  opacity:1;
  transform:none;
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */
@media(max-width:1050px) and (min-width:768px){
  .oia-dc-grid{
    grid-template-columns:1fr 1fr;
  }

  .oia-dc-gateway{
    padding:24px;
  }

  .oia-dc-category-list{
    grid-template-columns:1fr;
  }

  .oia-dc-category-link{
    min-height:60px;
  }
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */
@media(max-width:767px){
  .oia-discovery-confidence{
    padding:34px 0 32px!important;
  }

  .oia-dc-heading{
    margin-bottom:20px;
    text-align:left;
  }

  .oia-dc-eyebrow{
    min-height:25px;
    padding:0 10px;
    font-size:7.5px;
  }

  .oia-dc-heading h2{
    margin:10px 0 8px!important;
    font-size:27px!important;
    line-height:1.03!important;
  }

  .oia-dc-intro{
    font-size:11.5px!important;
    line-height:1.58!important;
  }

  .oia-dc-intro a{
    white-space:normal;
  }

  .oia-dc-grid{
    grid-template-columns:1fr;
    gap:13px;
  }

  .oia-dc-gateway{
    min-height:0;
    padding:20px;
    border-radius:19px;
  }

  .oia-dc-gateway h3{
    font-size:27px!important;
  }

  .oia-dc-gateway-head p{
    font-size:11px!important;
  }

  .oia-dc-category-list{
    margin-top:17px;
    grid-template-columns:1fr;
    gap:7px;
  }

  .oia-dc-category-link{
    min-height:59px;
    grid-template-columns:34px minmax(0,1fr) 18px;
    padding:8px 10px;
    border-radius:12px;
  }

  .oia-dc-category-icon{
    width:34px;
    height:34px;
    border-radius:10px;
  }

  .oia-dc-category-icon svg{
    width:17px;
    height:17px;
  }

  .oia-dc-category-copy strong{
    font-size:11.5px;
  }

  .oia-dc-category-copy small{
    font-size:8.5px;
  }

  .oia-dc-confidence{
    gap:8px;
  }

  .oia-dc-confidence-card{
    min-height:0;
    padding:14px;
    grid-template-columns:40px minmax(0,1fr);
    gap:12px;
    border-radius:15px;
  }

  .oia-dc-confidence-icon{
    width:40px;
    height:40px;
    border-radius:12px;
  }

  .oia-dc-confidence-icon svg{
    width:20px;
    height:20px;
  }

  .oia-dc-confidence-copy h3{
    font-size:13px!important;
    margin-bottom:4px!important;
  }

  .oia-dc-confidence-copy p{
    font-size:10px!important;
    line-height:1.5!important;
  }

  .oia-dc-cta{
    margin-top:13px;
    min-height:0;
    padding:16px;
    grid-template-columns:40px minmax(0,1fr);
    gap:11px;
    border-radius:16px;
  }

  .oia-dc-cta-icon{
    width:40px;
    height:40px;
    border-radius:11px;
  }

  .oia-dc-cta-copy strong{
    font-size:15.5px;
  }

  .oia-dc-cta-btn{
    grid-column:1/-1;
    width:100%;
    min-height:40px;
  }
}

@media(max-width:390px){
  .oia-dc-heading h2{
    font-size:25px!important;
  }

  .oia-dc-gateway{
    padding:18px;
  }

  .oia-dc-gateway h3{
    font-size:25px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .oia-dc-heading,
  .oia-dc-gateway,
  .oia-dc-confidence-card,
  .oia-dc-cta,
  .oia-dc-category-link,
  .oia-dc-category-icon,
  .oia-dc-category-arrow,
  .oia-dc-confidence-icon,
  .oia-dc-cta-btn,
  .oia-dc-cta-btn i{
    transition:none!important;
  }

  .oia-dc-heading,
  .oia-dc-gateway,
  .oia-dc-confidence-card,
  .oia-dc-cta{
    opacity:1!important;
    transform:none!important;
  }
}


/* =========================================================
   v6.17 CONFIDENCE JOURNEY — FINAL WHY/CONFIDENCE MODULE
   ========================================================= */
.oia-confidence-journey{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  padding:56px 0 52px!important;
  background:linear-gradient(180deg,#FBFCFD 0%,#F6F9FB 52%,#F3F7F9 100%)!important;
}
.oia-confidence-atmosphere{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 8% 14%,rgba(48,160,176,.10),transparent 24%),
    radial-gradient(circle at 93% 80%,rgba(32,96,144,.075),transparent 29%),
    linear-gradient(rgba(15,23,42,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.014) 1px,transparent 1px);
  background-size:auto,auto,46px 46px,46px 46px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),rgba(0,0,0,.10));
}
.oia-confidence-heading{
  max-width:840px;margin:0 auto 28px;text-align:center;
  opacity:0;transform:translateY(12px);
  transition:opacity .42s ease,transform .42s cubic-bezier(.2,.75,.25,1);
}
.oia-confidence-eyebrow{
  min-height:27px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(32,96,144,.14);border-radius:999px;color:#236783;
  background:rgba(255,255,255,.78);box-shadow:0 6px 18px rgba(15,23,42,.03);
  font-size:8.5px;line-height:1;font-weight:850;letter-spacing:.13em;
}
.oia-confidence-heading h2{
  max-width:820px;margin:12px auto 9px!important;color:#102C45!important;
  background:none!important;-webkit-text-fill-color:initial!important;
  font-size:clamp(31px,3.1vw,44px)!important;line-height:1.04!important;
  letter-spacing:-.045em!important;font-weight:850!important;
}
.oia-confidence-heading p{
  max-width:760px;margin:0 auto!important;color:#617184!important;
  font-size:13.5px!important;line-height:1.62!important;
}
.oia-confidence-layout{
  display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:20px;align-items:stretch;
}

/* Editorial panel */
.oia-confidence-editorial{
  position:relative;min-height:420px;padding:32px;overflow:hidden;
  border:1px solid #E1E9EF;border-radius:23px;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(248,251,253,.93));
  box-shadow:0 20px 48px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.95);
  opacity:0;transform:translateX(-16px) scale(.988);
  transition:opacity .48s ease .08s,transform .48s cubic-bezier(.2,.75,.25,1) .08s,
             border-color .2s ease,box-shadow .2s ease;
}
.oia-confidence-editorial:hover{
  border-color:#CBDDE5;box-shadow:0 24px 52px rgba(15,23,42,.072),inset 0 1px 0 #fff;
}
.oia-confidence-art{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.oia-confidence-ring{position:absolute;border:1px solid rgba(48,160,176,.13);border-radius:50%}
.oia-confidence-ring.ring-a{width:300px;height:300px;right:-92px;top:-78px}
.oia-confidence-ring.ring-b{width:180px;height:180px;right:12px;top:45px;border-color:rgba(32,96,144,.10)}
.oia-confidence-grid-art{
  position:absolute;right:-35px;top:3px;width:250px;height:250px;opacity:.19;
  background:linear-gradient(rgba(48,160,176,.11) 1px,transparent 1px),
             linear-gradient(90deg,rgba(48,160,176,.11) 1px,transparent 1px);
  background-size:22px 22px;mask-image:radial-gradient(circle at 60% 40%,#000,transparent 70%);
}
.oia-confidence-dot{position:absolute;border-radius:50%;background:#30A0B0;box-shadow:0 0 0 7px rgba(48,160,176,.06)}
.oia-confidence-dot.dot-a{width:5px;height:5px;right:100px;top:82px}
.oia-confidence-dot.dot-b{width:4px;height:4px;right:53px;top:154px;background:#206090}
.oia-confidence-editorial-copy{
  position:relative;z-index:2;max-width:440px;min-height:100%;
  display:flex;flex-direction:column;justify-content:center;
}
.oia-confidence-kicker{color:#1A7895;font-size:9px;font-weight:850;letter-spacing:.14em}
.oia-confidence-editorial h3{
  max-width:430px;margin:10px 0 12px!important;color:#12324A!important;
  font-size:clamp(27px,2.6vw,37px)!important;line-height:1.05!important;
  letter-spacing:-.043em!important;font-weight:850!important;
}
.oia-confidence-editorial-copy>p{
  max-width:410px;margin:0!important;color:#667789!important;
  font-size:12.5px!important;line-height:1.65!important;
}
.oia-confidence-note{
  margin-top:25px;max-width:360px;min-height:60px;padding:10px 12px;
  display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;
  border:1px solid #E2EDF2;border-radius:14px;background:rgba(247,251,253,.90);
}
.oia-confidence-note-icon{
  width:38px;height:38px;display:grid;place-items:center;border-radius:11px;
  color:#157B9A;background:linear-gradient(145deg,#F2FBFD,#E6F6F9);
}
.oia-confidence-note-icon svg,.oia-confidence-step-icon svg{
  width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round;
}
.oia-confidence-note>span:last-child{display:grid;gap:2px}
.oia-confidence-note strong{color:#204059;font-size:11.5px;line-height:1.2;font-weight:820}
.oia-confidence-note small{color:#788999;font-size:9.5px;line-height:1.3}

/* Timeline */
.oia-confidence-steps{position:relative;display:grid;gap:10px;padding-left:52px}
.oia-confidence-line{
  position:absolute;left:24px;top:28px;bottom:28px;width:2px;border-radius:99px;
  background:linear-gradient(to bottom,#30A0B0,#206090);opacity:.44;
  transform:scaleY(0);transform-origin:top;
  transition:transform .78s cubic-bezier(.2,.75,.25,1) .22s;
}
.oia-confidence-step{
  --oia-step-index:0;position:relative;min-height:96px;display:flex;align-items:stretch;
  opacity:0;transform:translateY(14px);
  transition:opacity .40s ease calc(.22s + (var(--oia-step-index) * .09s)),
             transform .40s cubic-bezier(.2,.75,.25,1) calc(.22s + (var(--oia-step-index) * .09s));
}
.oia-confidence-node{
  position:absolute;left:-52px;top:50%;width:48px;height:48px;
  display:grid;place-items:center;transform:translateY(-50%) scale(.92);
  border:1px solid #D7E8EF;border-radius:50%;color:#1B6683;background:rgba(255,255,255,.97);
  box-shadow:0 8px 18px rgba(15,23,42,.055),0 0 0 6px rgba(247,251,253,.94);
  font-size:10px;font-weight:900;letter-spacing:.04em;
  transition:transform .36s cubic-bezier(.2,.75,.25,1) calc(.26s + (var(--oia-step-index) * .09s)),
             border-color .2s ease,color .2s ease;
}
.oia-confidence-step-card{
  position:relative;width:100%;min-height:96px;padding:15px 17px;
  display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:13px;align-items:center;
  overflow:hidden;border:1px solid #E2E9EF;border-radius:17px;
  background:rgba(255,255,255,.91);
  box-shadow:0 10px 26px rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,.92);
  transition:transform .20s cubic-bezier(.2,.75,.25,1),border-color .20s ease,
             background .20s ease,box-shadow .20s ease;
}
.oia-confidence-step-card::after{
  content:"";position:absolute;right:-34px;top:-34px;width:92px;height:92px;border-radius:50%;
  background:radial-gradient(circle,rgba(48,160,176,.075),transparent 67%);pointer-events:none;
}
.oia-confidence-step:hover .oia-confidence-step-card{
  transform:translateX(3px);border-color:#C8DCE5;
  background:linear-gradient(135deg,#fff,#F6FBFC);
  box-shadow:0 15px 32px rgba(15,23,42,.065),0 4px 10px rgba(32,96,144,.025);
}
.oia-confidence-step:hover .oia-confidence-node{border-color:#BFD9E2;color:#0E7897}
.oia-confidence-step-icon{
  width:44px;height:44px;display:grid;place-items:center;border:1px solid #D9EAF0;
  border-radius:13px;color:#167A99;background:linear-gradient(145deg,#F5FCFE,#EAF8FB);
  transition:transform .2s ease;
}
.oia-confidence-step:hover .oia-confidence-step-icon{transform:translateY(-2px)}
.oia-confidence-step-copy h3{
  margin:0 0 5px!important;color:#19384F!important;font-size:14px!important;
  line-height:1.2!important;letter-spacing:-.015em!important;font-weight:820!important;
}
.oia-confidence-step-copy p{
  margin:0!important;color:#6A7A8B!important;font-size:10.8px!important;line-height:1.5!important;
}
.oia-confidence-arrow{color:#8AA1B1;font-size:20px;line-height:1;transition:transform .2s ease,color .2s ease}
.oia-confidence-step:hover .oia-confidence-arrow{color:#206090;transform:translateX(2px)}

/* Reveal */
.oia-confidence-journey.is-confidence-visible .oia-confidence-heading,
.oia-confidence-journey.is-confidence-visible .oia-confidence-editorial,
.oia-confidence-journey.is-confidence-visible .oia-confidence-step{opacity:1;transform:none}
.oia-confidence-journey.is-confidence-visible .oia-confidence-line{transform:scaleY(1)}
.oia-confidence-journey.is-confidence-visible .oia-confidence-node{transform:translateY(-50%) scale(1)}

@media(max-width:1050px) and (min-width:768px){
  .oia-confidence-layout{grid-template-columns:.9fr 1.1fr}
  .oia-confidence-editorial{min-height:390px;padding:25px}
}

@media(max-width:767px){
  .oia-confidence-journey{padding:34px 0 31px!important}
  .oia-confidence-heading{margin-bottom:19px;text-align:left}
  .oia-confidence-eyebrow{min-height:25px;padding:0 9px;font-size:7.5px}
  .oia-confidence-heading h2{margin:10px 0 8px!important;font-size:27px!important}
  .oia-confidence-heading p{font-size:11.5px!important;line-height:1.58!important}
  .oia-confidence-layout{grid-template-columns:1fr;gap:13px}
  .oia-confidence-editorial{min-height:315px;padding:21px;border-radius:19px}
  .oia-confidence-editorial h3{font-size:28px!important}
  .oia-confidence-editorial-copy>p{font-size:11px!important}
  .oia-confidence-note{margin-top:19px}
  .oia-confidence-steps{gap:8px;padding-left:42px}
  .oia-confidence-line{left:19px;top:23px;bottom:23px}
  .oia-confidence-step{min-height:86px}
  .oia-confidence-node{left:-42px;width:38px;height:38px;font-size:8.5px}
  .oia-confidence-step-card{min-height:86px;padding:12px;grid-template-columns:38px minmax(0,1fr) 15px;gap:10px;border-radius:14px}
  .oia-confidence-step-icon{width:38px;height:38px;border-radius:11px}
  .oia-confidence-step-icon svg{width:18px;height:18px}
  .oia-confidence-step-copy h3{font-size:12.5px!important;margin-bottom:3px!important}
  .oia-confidence-step-copy p{font-size:9.5px!important;line-height:1.45!important}
  .oia-confidence-arrow{font-size:17px}
}
@media(max-width:390px){
  .oia-confidence-heading h2{font-size:25px!important}
  .oia-confidence-editorial{padding:18px}
  .oia-confidence-editorial h3{font-size:26px!important}
}
@media(prefers-reduced-motion:reduce){
  .oia-confidence-heading,.oia-confidence-editorial,.oia-confidence-step,
  .oia-confidence-line,.oia-confidence-node,.oia-confidence-step-card,
  .oia-confidence-step-icon,.oia-confidence-arrow{transition:none!important}
  .oia-confidence-heading,.oia-confidence-editorial,.oia-confidence-step{opacity:1!important;transform:none!important}
  .oia-confidence-line{transform:scaleY(1)!important}
  .oia-confidence-node{transform:translateY(-50%) scale(1)!important}
}


/* =========================================================
   v6.18 — SEO EDITORIAL + SHOPPING EXPERIENCE
   Natural keyword-rich copy, no repeated category gateway,
   no numbered journey, no CTA.
   ========================================================= */
.oia-seo-editorial{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  padding:56px 0 54px!important;
  background:linear-gradient(180deg,#F8FAFC 0%,#F4F8FA 100%)!important;
}

.oia-seo-bg{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 8% 20%,rgba(48,160,176,.09),transparent 25%),
    radial-gradient(circle at 92% 78%,rgba(32,96,144,.07),transparent 28%),
    linear-gradient(rgba(15,23,42,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.012) 1px,transparent 1px);
  background-size:auto,auto,48px 48px,48px 48px;
}

.oia-seo-layout{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);
  gap:18px;
  align-items:stretch;
}

/* ---------------------------------------------------------
   DARK SEO EDITORIAL
   --------------------------------------------------------- */
.oia-seo-story{
  position:relative;
  min-height:410px;
  padding:38px 40px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:25px;
  color:#fff;
  background:
    radial-gradient(circle at 87% 18%,rgba(48,197,216,.15),transparent 29%),
    linear-gradient(138deg,#061D31 0%,#082B43 52%,#0A4859 100%);
  box-shadow:
    0 24px 54px rgba(4,30,50,.15),
    inset 0 1px 0 rgba(255,255,255,.065);
  opacity:0;
  transform:translateY(14px) scale(.99);
  transition:
    opacity .48s ease,
    transform .48s cubic-bezier(.2,.75,.25,1),
    box-shadow .22s ease;
}

.oia-seo-story:hover{
  box-shadow:
    0 28px 62px rgba(4,30,50,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.oia-seo-story::after{
  content:"";
  position:absolute;
  left:-28%;
  top:0;
  width:22%;
  height:1px;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(151,237,242,.86),transparent);
  filter:blur(.2px);
}

.oia-seo-story-art{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}

.oia-seo-glow{
  position:absolute;
  width:330px;
  height:330px;
  right:-116px;
  top:-105px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(89,221,229,.14),transparent 66%);
  filter:blur(3px);
}

.oia-seo-grid{
  position:absolute;
  right:-28px;
  top:0;
  width:310px;
  height:310px;
  opacity:.13;
  background:
    linear-gradient(rgba(143,223,230,.19) 1px,transparent 1px),
    linear-gradient(90deg,rgba(143,223,230,.19) 1px,transparent 1px);
  background-size:25px 25px;
  mask-image:radial-gradient(circle at 60% 38%,#000,transparent 71%);
}

.oia-seo-line{
  position:absolute;
  right:68px;
  bottom:-78px;
  width:260px;
  height:260px;
  border:1px solid rgba(145,224,230,.12);
  border-radius:50%;
  box-shadow:
    0 0 0 44px rgba(145,224,230,.026),
    0 0 0 88px rgba(145,224,230,.016);
}

.oia-seo-story-copy{
  position:relative;
  z-index:2;
  max-width:790px;
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.oia-seo-eyebrow{
  color:#91DFE7;
  font-size:9px;
  line-height:1;
  font-weight:850;
  letter-spacing:.14em;
}

.oia-seo-story h2{
  max-width:820px;
  margin:11px 0 17px!important;
  color:#FFFFFF!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
  font-size:clamp(32px,3.25vw,46px)!important;
  line-height:1.035!important;
  letter-spacing:-.047em!important;
  font-weight:850!important;
}

.oia-seo-prose{
  max-width:790px;
  display:grid;
  gap:12px;
}

.oia-seo-prose p{
  margin:0!important;
  color:#C9D8E2!important;
  font-size:13px!important;
  line-height:1.72!important;
  font-weight:450!important;
}

.oia-seo-prose p:first-child{
  color:#D7E4EB!important;
}

/* ---------------------------------------------------------
   SHOPPING EXPERIENCE PANEL
   --------------------------------------------------------- */
.oia-seo-experience{
  position:relative;
  min-height:410px;
  padding:27px;
  overflow:hidden;
  border:1px solid #E1E9EF;
  border-radius:25px;
  background:rgba(255,255,255,.92);
  box-shadow:
    0 18px 44px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(15px);
  opacity:0;
  transform:translateX(14px) scale(.992);
  transition:
    opacity .48s ease .09s,
    transform .48s cubic-bezier(.2,.75,.25,1) .09s,
    border-color .20s ease,
    box-shadow .20s ease;
}

.oia-seo-experience:hover{
  border-color:#CEDDE5;
  box-shadow:
    0 22px 50px rgba(15,23,42,.075),
    inset 0 1px 0 #fff;
}

.oia-seo-experience-head{
  padding:2px 2px 17px;
  border-bottom:1px solid #E7EDF2;
}

.oia-seo-experience-kicker{
  color:#1C7995;
  font-size:8px;
  font-weight:850;
  letter-spacing:.14em;
}

.oia-seo-experience-head h3{
  margin:7px 0 5px!important;
  color:#14344B!important;
  font-size:clamp(24px,2.15vw,31px)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  font-weight:850!important;
}

.oia-seo-experience-head p{
  max-width:390px;
  margin:0!important;
  color:#718191!important;
  font-size:10.8px!important;
  line-height:1.52!important;
}

.oia-seo-points{
  display:grid;
  gap:0;
}

.oia-seo-point{
  --oia-seo-index:0;
  min-height:82px;
  padding:13px 3px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:center;
  border-bottom:1px solid #E9EEF2;
  opacity:0;
  transform:translateY(10px);
  transition:
    opacity .38s ease calc(.22s + (var(--oia-seo-index) * .09s)),
    transform .38s cubic-bezier(.2,.75,.25,1) calc(.22s + (var(--oia-seo-index) * .09s)),
    padding-left .20s ease;
}

.oia-seo-point:last-child{
  border-bottom:0;
}

.oia-seo-point:hover{
  padding-left:5px;
}

.oia-seo-point-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #D8EAF0;
  border-radius:13px;
  color:#147D9B;
  background:linear-gradient(145deg,#F4FCFE,#EAF8FB);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .20s ease,box-shadow .20s ease;
}

.oia-seo-point:hover .oia-seo-point-icon{
  transform:translateY(-2px);
  box-shadow:0 7px 16px rgba(48,160,176,.09);
}

.oia-seo-point-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.oia-seo-point-copy h4{
  margin:0 0 4px!important;
  color:#1B3A51!important;
  font-size:13px!important;
  line-height:1.2!important;
  letter-spacing:-.012em!important;
  font-weight:820!important;
}

.oia-seo-point-copy p{
  margin:0!important;
  color:#6E7F8F!important;
  font-size:10px!important;
  line-height:1.48!important;
}

.oia-seo-principle{
  margin-top:8px;
  min-height:48px;
  padding:9px 11px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid #E5EDF1;
  border-radius:12px;
  background:#F8FBFC;
}

.oia-seo-principle-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#30A0B0;
  box-shadow:0 0 0 5px rgba(48,160,176,.075);
}

.oia-seo-principle>span:last-child{
  min-width:0;
  display:grid;
  gap:2px;
}

.oia-seo-principle strong{
  color:#24455B;
  font-size:10px;
  line-height:1.15;
  font-weight:820;
}

.oia-seo-principle small{
  color:#7E8D9B;
  font-size:8.8px;
  line-height:1.25;
}

/* ---------------------------------------------------------
   ONE-TIME REVEAL
   --------------------------------------------------------- */
.oia-seo-editorial.is-seo-visible .oia-seo-story,
.oia-seo-editorial.is-seo-visible .oia-seo-experience,
.oia-seo-editorial.is-seo-visible .oia-seo-point{
  opacity:1;
  transform:none;
}

.oia-seo-editorial.is-seo-visible .oia-seo-story::after{
  animation:oiaSeoEdgeSweep .72s cubic-bezier(.2,.75,.25,1) .18s 1 both;
}

@keyframes oiaSeoEdgeSweep{
  0%{left:-28%;opacity:0}
  18%{opacity:.75}
  100%{left:104%;opacity:0}
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */
@media(max-width:1050px) and (min-width:768px){
  .oia-seo-layout{
    grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);
  }

  .oia-seo-story{
    padding:31px;
  }

  .oia-seo-experience{
    padding:23px;
  }
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */
@media(max-width:767px){
  .oia-seo-editorial{
    padding:32px 0 30px!important;
  }

  .oia-seo-layout{
    grid-template-columns:1fr;
    gap:13px;
  }

  .oia-seo-story{
    min-height:0;
    padding:23px 20px;
    border-radius:19px;
  }

  .oia-seo-story h2{
    margin:9px 0 13px!important;
    font-size:28px!important;
    line-height:1.04!important;
  }

  .oia-seo-prose{
    gap:10px;
  }

  .oia-seo-prose p{
    font-size:11px!important;
    line-height:1.62!important;
  }

  .oia-seo-experience{
    min-height:0;
    padding:19px;
    border-radius:18px;
  }

  .oia-seo-experience-head{
    padding-bottom:13px;
  }

  .oia-seo-experience-head h3{
    font-size:25px!important;
  }

  .oia-seo-point{
    min-height:72px;
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;
    padding:11px 2px;
  }

  .oia-seo-point-icon{
    width:38px;
    height:38px;
    border-radius:11px;
  }

  .oia-seo-point-icon svg{
    width:18px;
    height:18px;
  }

  .oia-seo-point-copy h4{
    font-size:12px!important;
  }

  .oia-seo-point-copy p{
    font-size:9.3px!important;
  }
}

@media(max-width:390px){
  .oia-seo-story{
    padding:21px 18px;
  }

  .oia-seo-story h2{
    font-size:26px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .oia-seo-story,
  .oia-seo-experience,
  .oia-seo-point,
  .oia-seo-point-icon{
    transition:none!important;
  }

  .oia-seo-story,
  .oia-seo-experience,
  .oia-seo-point{
    opacity:1!important;
    transform:none!important;
  }

  .oia-seo-story::after{
    animation:none!important;
  }
}


/* =========================================================
   v6.19 — SHOP BY CATEGORY PREMIUM ARROWS
   Arrow controls only. Carousel geometry and logic untouched.
   ========================================================= */
.oia-category-v52 .oia-category-prev,
.oia-category-v52 .oia-category-next{
  z-index:70!important;
  top:50%!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  border:1px solid rgba(42,112,145,.18)!important;
  border-radius:14px!important;
  color:#164F73!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,247,250,.96))!important;
  box-shadow:
    0 10px 24px rgba(15,23,42,.075),
    0 2px 6px rgba(32,96,144,.035),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  transform:translateY(-50%)!important;
  cursor:pointer!important;
  transition:
    transform .20s cubic-bezier(.2,.75,.25,1),
    color .20s ease,
    border-color .20s ease,
    background .20s ease,
    box-shadow .20s ease!important;
}

.oia-category-v52 .oia-category-prev{
  left:18px!important;
}

.oia-category-v52 .oia-category-next{
  right:18px!important;
}

.oia-category-v52 .oia-category-prev::after,
.oia-category-v52 .oia-category-next::after{
  content:"";
  position:absolute;
  inset:-5px;
  z-index:-1;
  border-radius:18px;
  opacity:0;
  background:radial-gradient(circle,rgba(48,160,176,.16),transparent 68%);
  transform:scale(.84);
  transition:opacity .20s ease,transform .20s ease;
  pointer-events:none;
}

.oia-category-v52 .oia-category-arrow-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  transition:
    transform .20s cubic-bezier(.2,.75,.25,1),
    background .20s ease;
}

.oia-category-v52 .oia-category-arrow-icon svg{
  width:19px!important;
  height:19px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Restrained premium interaction — no loud neon. */
@media(hover:hover) and (pointer:fine){
  .oia-category-v52 .oia-category-prev:hover,
  .oia-category-v52 .oia-category-next:hover{
    color:#087C9C!important;
    border-color:rgba(48,160,176,.42)!important;
    background:
      linear-gradient(145deg,#FFFFFF,#EAF7FA)!important;
    transform:translateY(calc(-50% - 2px)) scale(1.035)!important;
    box-shadow:
      0 15px 32px rgba(15,23,42,.095),
      0 5px 15px rgba(48,160,176,.11),
      inset 0 1px 0 #fff!important;
  }

  .oia-category-v52 .oia-category-prev:hover::after,
  .oia-category-v52 .oia-category-next:hover::after{
    opacity:1;
    transform:scale(1);
  }

  .oia-category-v52 .oia-category-prev:hover .oia-category-arrow-icon{
    transform:translateX(-2px);
    background:rgba(48,160,176,.06);
  }

  .oia-category-v52 .oia-category-next:hover .oia-category-arrow-icon{
    transform:translateX(2px);
    background:rgba(48,160,176,.06);
  }
}

.oia-category-v52 .oia-category-prev:focus-visible,
.oia-category-v52 .oia-category-next:focus-visible{
  outline:3px solid rgba(48,160,176,.18)!important;
  outline-offset:3px!important;
  border-color:rgba(48,160,176,.52)!important;
}

.oia-category-v52 .oia-category-prev:active,
.oia-category-v52 .oia-category-next:active{
  transform:translateY(-50%) scale(.97)!important;
  box-shadow:
    0 6px 15px rgba(15,23,42,.07),
    inset 0 1px 0 #fff!important;
}

/* Compact mobile controls if arrows are enabled by the carousel state. */
@media(max-width:767px){
  .oia-category-v52 .oia-category-prev,
  .oia-category-v52 .oia-category-next{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border-radius:12px!important;
  }

  .oia-category-v52 .oia-category-prev{
    left:9px!important;
  }

  .oia-category-v52 .oia-category-next{
    right:9px!important;
  }

  .oia-category-v52 .oia-category-arrow-icon{
    width:21px;
    height:21px;
  }

  .oia-category-v52 .oia-category-arrow-icon svg{
    width:17px!important;
    height:17px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .oia-category-v52 .oia-category-prev,
  .oia-category-v52 .oia-category-next,
  .oia-category-v52 .oia-category-prev::after,
  .oia-category-v52 .oia-category-next::after,
  .oia-category-v52 .oia-category-arrow-icon{
    transition:none!important;
  }
}


/* =========================================================
   v6.20 — MOBILE FINAL QA ONLY
   Desktop >= 768px is intentionally untouched.
   ========================================================= */
@media(max-width:767px){

  /* -------------------------------------------------------
     1) FIXED PREMIUM MOBILE HEADER
     Logo + cart + menu + always-visible search remain frozen.
     ------------------------------------------------------- */
  body.oia-v5-polished-site{
    padding-top:110px!important;
  }

  html{
    scroll-padding-top:118px!important;
  }

  .oia-v5-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:99990!important;
    transform:none!important;
    background:#fff!important;
    box-shadow:
      0 8px 24px rgba(0,32,64,.10),
      0 1px 0 rgba(226,232,240,.9)!important;
  }

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

  .oia-v5-head-main{
    background:#fff!important;
  }

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

  .oia-v5-brand img{
    max-width:108px!important;
    max-height:42px!important;
    object-fit:contain!important;
  }

  /* Search is already full width below, so remove duplicate search icon. */
  .oia-v5-mobile-actions [data-v5-search-toggle]{
    display:none!important;
  }

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

  .oia-v5-mobile-actions > a,
  .oia-v5-mobile-actions > button{
    width:37px!important;
    height:37px!important;
    min-width:37px!important;
    min-height:37px!important;
    border:1px solid #DFE8EE!important;
    border-radius:11px!important;
    color:#123D5A!important;
    background:#F9FBFC!important;
    box-shadow:inset 0 1px 0 #fff!important;
  }

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

  /* Always-visible premium mobile search bar. */
  .oia-v5-mobile-searchbar,
  .oia-v5-mobile-searchbar[hidden]{
    display:block!important;
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    margin:0!important;
    padding:5px 0 8px!important;
    overflow:visible!important;
    border-top:1px solid #F0F3F6!important;
    background:rgba(255,255,255,.985)!important;
  }

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

  .oia-v5-mobile-searchbar .oia-v5-search{
    height:41px!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    overflow:visible!important;
    border:1px solid #D5E2E9!important;
    border-radius:12px!important;
    background:#F7FAFC!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  }

  .oia-v5-mobile-searchbar .oia-v5-search:focus-within{
    border-color:rgba(48,160,176,.70)!important;
    background:#fff!important;
    box-shadow:0 0 0 3px rgba(48,160,176,.09)!important;
  }

  .oia-v5-mobile-searchbar .oia-v5-search input{
    padding:0 13px!important;
    font-size:12px!important;
    line-height:1!important;
  }

  .oia-v5-mobile-searchbar .oia-v5-search input::placeholder{
    color:#8493A3!important;
    opacity:1!important;
  }

  .oia-v5-mobile-searchbar .oia-v5-search > button{
    width:44px!important;
    border-radius:0 11px 11px 0!important;
    background:linear-gradient(145deg,#155D86,#218EAA)!important;
  }

  .oia-v5-mobile-searchbar .oia-v5-search > button svg{
    width:18px!important;
    height:18px!important;
  }

  .oia-v5-mobile-searchbar .oia-v5-search-results{
    top:calc(100% + 7px)!important;
    max-height:min(390px,58vh)!important;
    border-radius:13px!important;
    box-shadow:0 18px 42px rgba(15,23,42,.16)!important;
  }

  /* -------------------------------------------------------
     2) MOBILE HERO — COMPLETE 1920×650 ARTWORK
     No horizontal product crop. Keep overlay text usable.
     ------------------------------------------------------- */
  .oia-home .oia-smart-hero{
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
    margin:0!important;
    border-radius:0 0 16px 16px!important;
    overflow:hidden!important;
    background:#061B2C!important;
  }

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

  .oia-smart-hero .oia-hero-overlay{
    background:
      linear-gradient(
        90deg,
        rgba(2,19,35,.94) 0%,
        rgba(2,23,42,.80) 38%,
        rgba(2,24,44,.34) 63%,
        rgba(2,24,44,.06) 100%
      )!important;
  }

  .oia-smart-hero .oia-hero-full-content.oia-shell{
    width:calc(100% - 24px)!important;
    height:100%!important;
  }

  .oia-smart-hero .oia-hero-copy-overlay{
    width:57%!important;
    max-width:205px!important;
    padding:2px 0 27px!important;
  }

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

  .oia-smart-hero .oia-hero-copy h1{
    margin:2px 0 6px!important;
    font-size:clamp(22px,6.6vw,26px)!important;
    line-height:.99!important;
    letter-spacing:-.045em!important;
  }

  .oia-smart-hero .oia-primary-btn{
    min-height:30px!important;
    padding:0 10px!important;
    border-radius:8px!important;
    font-size:8.5px!important;
  }

  .oia-smart-hero .oia-hero-arrow{
    display:grid!important;
    place-items:center!important;
    top:auto!important;
    bottom:9px!important;
    width:32px!important;
    height:32px!important;
    border:1px solid rgba(255,255,255,.23)!important;
    border-radius:11px!important;
    color:#E9F9FB!important;
    background:rgba(5,31,49,.66)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(8px)!important;
    transform:none!important;
    z-index:20!important;
  }

  .oia-smart-hero .oia-hero-prev{
    left:9px!important;
  }

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

  .oia-smart-hero .oia-hero-dots{
    bottom:18px!important;
    z-index:21!important;
  }

  /* -------------------------------------------------------
     3) MOBILE SHOP BY CATEGORY — FULL ARTWORK, NO SIDE COVER
     Active image stays clean; side cards only peek outside.
     ------------------------------------------------------- */
  .oia-category-v52{
    padding-top:25px!important;
    padding-bottom:24px!important;
  }

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

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

  .oia-category-v52 .oia-category-track{
    --oia-cat-card-w:88vw!important;
    --oia-cat-card-h:60.5vw!important; /* exact 16:11 */
    --oia-cat-shift:82vw!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:88vw!important;
    height:60.5vw!important;
    min-height:60.5vw!important;
    max-height:60.5vw!important;
    aspect-ratio:16/11!important;
    border-radius:17px!important;
  }

  .oia-category-v52 .oia-category-art,
  .oia-category-v52 .oia-category-art img{
    width:100%!important;
    height:100%!important;
  }

  .oia-category-v52 .oia-category-art img{
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    background:#091722!important;
  }

  .oia-category-v52 .oia-category-slide.is-active{
    opacity:1!important;
    z-index:12!important;
    transform:translate3d(-50%,-50%,0) scale(1)!important;
  }

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

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

  .oia-category-v52 .oia-category-prev,
  .oia-category-v52 .oia-category-next{
    display:grid!important;
    z-index:40!important;
    top:50%!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border-radius:12px!important;
    transform:translateY(-50%)!important;
  }

  .oia-category-v52 .oia-category-prev{
    left:8px!important;
  }

  .oia-category-v52 .oia-category-next{
    right:8px!important;
  }

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

  /* -------------------------------------------------------
     4) PRODUCT SECTIONS — TWO FULL CARDS + ARROWS + 5s LOOP
     Flash Deals, Best Sellers and every parent category.
     ------------------------------------------------------- */
  .oia-product-section .oia-section-heading{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
    margin-bottom:12px!important;
  }

  .oia-product-section .oia-section-heading h2{
    min-width:0!important;
    margin:0!important;
    font-size:20px!important;
    line-height:1.08!important;
    letter-spacing:-.03em!important;
  }

  .oia-product-section .oia-section-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }

  .oia-product-section .oia-view-all{
    font-size:8.5px!important;
    white-space:nowrap!important;
  }

  .oia-product-section .oia-carousel-controls{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    padding:0!important;
  }

  .oia-product-section .oia-carousel-controls button{
    display:grid!important;
    place-items:center!important;
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
    padding:0!important;
    border:1px solid #DCE6ED!important;
    border-radius:10px!important;
    color:#185878!important;
    background:linear-gradient(145deg,#fff,#F2F7F9)!important;
    box-shadow:0 5px 12px rgba(15,23,42,.055)!important;
  }

  .oia-product-section .oia-carousel-controls button svg{
    width:14px!important;
    height:14px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .oia-product-section .oia-carousel{
    width:100%!important;
    overflow:hidden!important;
  }

  .oia-product-section .oia-carousel-track{
    width:100%!important;
    grid-auto-columns:calc((100% - 12px) / 2)!important;
    gap:12px!important;
    padding:4px 0 18px!important;
    overflow-x:auto!important;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    scrollbar-width:none!important;
  }

  .oia-product-section .oia-product-card{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    border-radius:16px!important;
  }

  .oia-product-section .oia-product-image{
    width:100%!important;
    aspect-ratio:1/1!important;
    min-height:0!important;
    padding:10px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#FAFCFD,#FFFFFF)!important;
  }

  .oia-product-section .oia-product-image img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    filter:none!important;
  }

  .oia-product-section .oia-product-content{
    padding:11px 10px 12px!important;
  }

  .oia-product-section .oia-product-title{
    font-size:12px!important;
    line-height:1.38!important;
  }

  .oia-product-section .oia-product-price{
    font-size:11px!important;
  }

  /* Empty sections still keep controls hidden. */
  .oia-product-section.is-empty .oia-carousel-controls{
    display:none!important;
  }
}

@media(max-width:390px){
  body.oia-v5-polished-site{
    padding-top:108px!important;
  }

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

  .oia-v5-mobile-searchbar,
  .oia-v5-mobile-searchbar[hidden]{
    height:53px!important;
    min-height:53px!important;
    max-height:53px!important;
  }

  .oia-home .oia-smart-hero{
    height:182px!important;
    min-height:182px!important;
    max-height:182px!important;
  }

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

  .oia-smart-hero .oia-hero-copy h1{
    font-size:22px!important;
  }

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

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

  .oia-category-v52 .oia-category-track{
    --oia-cat-card-w:90vw!important;
    --oia-cat-card-h:61.875vw!important;
    --oia-cat-shift:84vw!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:90vw!important;
    height:61.875vw!important;
    min-height:61.875vw!important;
    max-height:61.875vw!important;
  }

  .oia-product-section .oia-carousel-track{
    gap:10px!important;
    grid-auto-columns:calc((100% - 10px) / 2)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  @media(max-width:767px){
    .oia-product-section .oia-carousel-track{
      scroll-behavior:auto!important;
    }
  }
}


/* =========================================================
   v6.21 — MOBILE HEADER + CATEGORY ARTWORK FIX
   DESKTOP >= 768px intentionally untouched.
   ========================================================= */
@media(max-width:767px){

  /* -------------------------------------------------------
     A. HEADER — EXACT 108px, NO TOP VOID
     ------------------------------------------------------- */
  body.oia-v5-polished-site{
    padding-top:0!important;
  }

  body.admin-bar .oia-v5-header,
  body.oia-v5-polished-site .oia-v5-header{
    top:0!important;
  }

  body.oia-v621-mobile-fixed .oia-v5-header{
    position:fixed!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
    z-index:99990!important;
    background:#fff!important;
    box-shadow:
      0 8px 24px rgba(0,32,64,.105),
      0 1px 0 rgba(226,232,240,.92)!important;
  }

  .oia-v5-mobile-fixed-spacer{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    pointer-events:none!important;
  }

  .oia-v5-head-main{
    width:100%!important;
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-rows:55px 53px!important;
    align-content:start!important;
    overflow:visible!important;
    background:#fff!important;
  }

  .oia-v5-head-main > .oia-v5-container{
    width:calc(100% - 24px)!important;
    height:55px!important;
    min-height:55px!important;
    max-height:55px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
    align-self:start!important;
  }

  .oia-v5-brand{
    height:55px!important;
    min-height:55px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:0!important;
  }

  .oia-v5-brand img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:104px!important;
    max-height:39px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
  }

  .oia-v5-mobile-actions{
    height:55px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
  }

  .oia-v5-mobile-actions [data-v5-search-toggle]{
    display:none!important;
  }

  .oia-v5-mobile-actions > a,
  .oia-v5-mobile-actions > button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #DFE8EE!important;
    border-radius:11px!important;
    color:#123D5A!important;
    background:#F8FBFC!important;
    box-shadow:inset 0 1px 0 #fff!important;
  }

  /* Search is row 2 of the fixed header. */
  .oia-v5-mobile-searchbar,
  .oia-v5-mobile-searchbar[hidden]{
    grid-row:2!important;
    display:block!important;
    width:100%!important;
    height:53px!important;
    min-height:53px!important;
    max-height:53px!important;
    margin:0!important;
    padding:5px 0 7px!important;
    overflow:visible!important;
    align-self:start!important;
    border-top:1px solid #EEF3F6!important;
    background:#fff!important;
  }

  .oia-v5-mobile-searchbar .oia-v5-container{
    width:calc(100% - 24px)!important;
    height:41px!important;
    margin:0 auto!important;
    padding:0!important;
  }

  .oia-v5-mobile-searchbar .oia-v5-search{
    width:100%!important;
    height:41px!important;
    margin:0!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    border:1px solid #D5E2E9!important;
    border-radius:12px!important;
    overflow:visible!important;
    background:#F7FAFC!important;
    box-shadow:inset 0 1px 0 #fff!important;
  }

  .oia-v5-mobile-searchbar .oia-v5-search input{
    min-width:0!important;
    height:39px!important;
    padding:0 13px!important;
    border:0!important;
    font-size:11.5px!important;
    line-height:39px!important;
  }

  .oia-v5-mobile-searchbar .oia-v5-search > button{
    width:44px!important;
    height:39px!important;
    margin:0!important;
    border-radius:0 11px 11px 0!important;
    background:linear-gradient(145deg,#155D86,#218EAA)!important;
  }

  /* Hide desktop nav with zero geometry. */
  .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;
  }

  /* -------------------------------------------------------
     B. SHOP BY CATEGORY — DEFEAT OLD COVER !IMPORTANT RULES
     ------------------------------------------------------- */
  .oia-home .oia-category-v52 .oia-category-art{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#091722!important;
  }

  .oia-home .oia-category-v52 .oia-category-art img,
  .oia-home .oia-category-v52 .oia-category-slide.is-active .oia-category-art img,
  .oia-home .oia-category-v52 .oia-category-slide.is-prev .oia-category-art img,
  .oia-home .oia-category-v52 .oia-category-slide.is-next .oia-category-art img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    filter:none!important;
    background:#091722!important;
  }

  /* Exact uploaded artwork ratio: 1600x1100 = 16:11. */
  .oia-home .oia-category-v52 .oia-category-track{
    --oia-cat-card-w:min(90vw,370px)!important;
    --oia-cat-card-h:min(61.875vw,254.375px)!important;
    --oia-cat-shift:84vw!important;
  }

  .oia-home .oia-category-v52 .oia-category-slide,
  .oia-home .oia-category-v52 .oia-category-slide.is-active,
  .oia-home .oia-category-v52 .oia-category-slide.is-prev,
  .oia-home .oia-category-v52 .oia-category-slide.is-next,
  .oia-home .oia-category-v52 .oia-category-slide.is-far{
    width:var(--oia-cat-card-w)!important;
    height:var(--oia-cat-card-h)!important;
    min-height:var(--oia-cat-card-h)!important;
    max-height:var(--oia-cat-card-h)!important;
    aspect-ratio:16/11!important;
    border-radius:17px!important;
  }

  .oia-home .oia-category-v52 .oia-category-viewport{
    height:min(66vw,270px)!important;
    min-height:min(66vw,270px)!important;
    overflow:hidden!important;
  }

  .oia-home .oia-category-v52 .oia-category-ref{
    min-height:min(70vw,286px)!important;
  }

  /* Keep title readable without forcing artwork crop. */
  .oia-home .oia-category-v52 .oia-category-art::before{
    background:
      linear-gradient(
        180deg,
        rgba(0,18,36,0) 0%,
        rgba(0,18,36,0) 64%,
        rgba(0,18,36,.17) 80%,
        rgba(0,18,36,.52) 100%
      )!important;
  }

  .oia-home .oia-category-v52 .oia-category-art::after{
    height:35%!important;
    background:
      linear-gradient(
        180deg,
        transparent,
        rgba(0,20,40,.11) 34%,
        rgba(0,20,40,.54) 100%
      )!important;
  }

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

  .oia-home .oia-category-v52 .oia-category-title-overlay strong{
    font-size:13px!important;
    line-height:1.12!important;
    letter-spacing:.02em!important;
  }
}

@media(max-width:390px){
  body.oia-v621-mobile-fixed .oia-v5-header,
  .oia-v5-head-main{
    height:106px!important;
    min-height:106px!important;
    max-height:106px!important;
  }

  .oia-v5-head-main{
    grid-template-rows:54px 52px!important;
  }

  .oia-v5-head-main > .oia-v5-container,
  .oia-v5-brand,
  .oia-v5-mobile-actions{
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
  }

  .oia-v5-mobile-searchbar,
  .oia-v5-mobile-searchbar[hidden]{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
  }

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

  .oia-home .oia-category-v52 .oia-category-track{
    --oia-cat-card-w:90vw!important;
    --oia-cat-card-h:61.875vw!important;
  }
}

@media(prefers-reduced-motion:reduce){
  @media(max-width:767px){
    .oia-v5-header,
    .oia-home .oia-category-v52 .oia-category-art img{
      transition:none!important;
    }
  }
}


/* =========================================================
   v6.22 — MOBILE HEADER FIRST-PAINT FIX ONLY
   No hero/category/product/desktop changes.
   ========================================================= */
@media(max-width:767px){

  /*
   * WordPress mobile admin toolbar is 46px tall on first load.
   * This rule works before footer JS executes, so logo/cart/menu cannot be
   * covered during the first frame. v6.22 JS dynamically overrides the top
   * offset as the admin toolbar scrolls out of the viewport.
   */
  body.admin-bar.oia-v5-polished-site .oia-v5-header{
    top:46px!important;
  }

  /*
   * Once JS has initialized, inline !important top is authoritative.
   * Keep all existing 108px header geometry exactly as v6.21.
   */
  body.oia-v621-mobile-fixed .oia-v5-header{
    visibility:visible!important;
    opacity:1!important;
  }
}


/* =========================================================
   v6.23 — MOBILE HERO LETTERBOX / SHADE FIX ONLY
   Desktop, header, category, products and all other sections untouched.
   ========================================================= */
@media(max-width:767px){

  /*
   * Hero artwork is 1920x650 (2.953846:1).
   * v6.20/v6.22 kept the full image with background-size:100% auto but the
   * container was 190px tall. On a ~400px mobile viewport the full artwork is
   * only ~135px tall, exposing the hero fallback #061B2C above and below.
   *
   * Match the hero itself to the artwork ratio:
   * - no crop
   * - no stretch
   * - no top/bottom fallback shade
   */
  .oia-home .oia-smart-hero{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1920 / 650!important;
    margin:0!important;
    background:transparent!important;
    border-radius:0 0 14px 14px!important;
    overflow:hidden!important;
  }

  .oia-smart-hero .oia-hero-slides,
  .oia-smart-hero .oia-hero-slide,
  .oia-smart-hero .oia-hero-slide.is-active{
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }

  .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;
  }

  /*
   * Keep existing controls but tuck them inside the now-correct artwork ratio.
   * This is only positioning; functionality/loop is unchanged.
   */
  .oia-smart-hero .oia-hero-arrow{
    width:29px!important;
    height:29px!important;
    bottom:6px!important;
    border-radius:10px!important;
  }

  .oia-smart-hero .oia-hero-prev{
    left:8px!important;
  }

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

  .oia-smart-hero .oia-hero-dots{
    bottom:11px!important;
    gap:6px!important;
  }

  .oia-smart-hero .oia-hero-copy-overlay{
    padding:0!important;
  }

  .oia-smart-hero .oia-hero-copy h1{
    margin:1px 0 4px!important;
    font-size:clamp(20px,6.1vw,24px)!important;
  }

  .oia-smart-hero .oia-primary-btn{
    min-height:27px!important;
    padding:0 9px!important;
    font-size:8px!important;
  }
}

@media(max-width:390px){
  .oia-home .oia-smart-hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1920 / 650!important;
  }

  .oia-smart-hero .oia-hero-copy h1{
    font-size:20px!important;
  }
}


/* =========================================================
   v6.24 — LOGO VISIBILITY POLISH ONLY
   Header + footer branding only. No other layout/functionality changes.
   ========================================================= */

/* ---------------- DESKTOP HEADER LOGO ---------------- */
@media(min-width:768px){
  .oia-v5-brand{
    min-width:150px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }

  .oia-v5-brand img{
    width:auto!important;
    height:auto!important;
    max-width:148px!important;
    max-height:54px!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
    opacity:1!important;
    filter:none!important;
  }
}

/* ---------------- MOBILE HEADER LOGO ---------------- */
@media(max-width:767px){
  .oia-v5-brand{
    min-width:118px!important;
    overflow:visible!important;
  }

  .oia-v5-brand img{
    width:auto!important;
    height:auto!important;
    max-width:116px!important;
    max-height:42px!important;
    object-fit:contain!important;
    object-position:left center!important;
    opacity:1!important;
    filter:none!important;
  }
}

/* ---------------- FOOTER LOGO ----------------
   Preserve original navy/cyan brand colors.
   The dark footer previously swallowed the dark wordmark, so the logo now
   sits on a compact premium light brand plate instead of being recolored.
*/
.oia-footer-brand img,
.oia-footer-logo img,
.oia-v5-footer-brand img,
.oia-v5-footer-logo img,
footer .oia-v5-brand img{
  width:auto!important;
  height:auto!important;
  max-width:168px!important;
  max-height:64px!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

.oia-footer-brand,
.oia-footer-logo,
.oia-v5-footer-brand,
.oia-v5-footer-logo,
footer .oia-v5-brand{
  width:max-content!important;
  max-width:190px!important;
  min-height:70px!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}

@media(max-width:767px){
  .oia-footer-brand img,
  .oia-footer-logo img,
  .oia-v5-footer-brand img,
  .oia-v5-footer-logo img,
  footer .oia-v5-brand img{
    max-width:145px!important;
    max-height:56px!important;
  }

  .oia-footer-brand,
  .oia-footer-logo,
  .oia-v5-footer-brand,
  .oia-v5-footer-logo,
  footer .oia-v5-brand{
    max-width:165px!important;
    min-height:62px!important;
    padding:7px 9px!important;
    border-radius:12px!important;
  }
}


/* =========================================================
   v6.25 — LOGO FRAME FIX ONLY
   Fixes internal blank-canvas logo scaling and footer tagline squeeze.
   No other section/layout/functionality changes.
   ========================================================= */

/* ---------------------------------------------------------
   HEADER: crop/zoom the actual artwork inside a fixed frame.
   Existing header 190px brand column remains unchanged.
   --------------------------------------------------------- */
@media(min-width:768px){
  .oia-v5-brand{
    min-width:0!important;
    width:190px!important;
    height:62px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }

  .oia-v5-logo-frame{
    position:relative!important;
    width:178px!important;
    height:58px!important;
    display:block!important;
    overflow:hidden!important;
    border-radius:0!important;
    background:transparent!important;
  }

  .oia-v5-logo-frame img{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    opacity:1!important;
    filter:none!important;
    transform:translate(-50%,-50%) scale(1.42)!important;
    transform-origin:center!important;
  }
}

/* Mobile keeps the same compact header geometry from v6.22/v6.23. */
@media(max-width:767px){
  .oia-v5-logo-frame{
    position:relative!important;
    width:112px!important;
    height:42px!important;
    display:block!important;
    overflow:hidden!important;
    background:transparent!important;
  }

  .oia-v5-logo-frame img{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    opacity:1!important;
    filter:none!important;
    transform:translate(-50%,-50%) scale(1.38)!important;
  }
}

/* ---------------------------------------------------------
   FOOTER: restore a normal column.
   The light plate belongs ONLY to the logo frame.
   --------------------------------------------------------- */
.oia-footer-brand{
  width:auto!important;
  max-width:none!important;
  min-height:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.oia-footer-logo-frame{
  position:relative!important;
  width:220px!important;
  height:88px!important;
  display:block!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.14),
    inset 0 1px 0 #fff!important;
}

.oia-footer-logo-frame img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  transform:translate(-50%,-50%) scale(1.46)!important;
  transform-origin:center!important;
}

.oia-footer-brand > span:not(.oia-footer-logo-frame){
  display:block!important;
  width:auto!important;
  max-width:300px!important;
  margin:10px 0 0!important;
  padding:0!important;
  color:#74DDE5!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:800!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

.oia-footer-brand > p{
  width:auto!important;
  max-width:330px!important;
  margin:10px 0 0!important;
}

/* Keep footer's original grid column width; do not squeeze brand column. */
@media(min-width:768px){
  .oia-footer-top{
    grid-template-columns:minmax(280px,1.5fr) repeat(3,minmax(150px,1fr))!important;
  }
}

@media(max-width:767px){
  .oia-footer-logo-frame{
    width:190px!important;
    height:76px!important;
    border-radius:12px!important;
  }

  .oia-footer-logo-frame img{
    transform:translate(-50%,-50%) scale(1.42)!important;
  }

  .oia-footer-brand > span:not(.oia-footer-logo-frame){
    max-width:260px!important;
    margin-top:9px!important;
    font-size:14px!important;
  }
}


/* =========================================================
   v6.26 — DESKTOP HEADER LOGO SIZE ONLY
   Footer, mobile, search, menu and header mechanics untouched.
   ========================================================= */
@media(min-width:768px){
  .oia-v5-brand{
    width:200px!important;
    height:62px!important;
  }

  .oia-v5-logo-frame{
    width:190px!important;
    height:60px!important;
  }

  .oia-v5-logo-frame img{
    transform:translate(-50%,-50%) scale(1.52)!important;
  }
}


/* =========================================================
   v6.27 — FOOTER BRAND POLISH ONLY
   Footer columns/links and all other site sections untouched.
   ========================================================= */

/* Subtle premium top edge — no layout change. */
.oia-footer{
  position:relative!important;
}

.oia-footer::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(48,160,176,0),
      rgba(48,160,176,.24) 18%,
      rgba(48,197,216,.34) 50%,
      rgba(32,96,144,.22) 82%,
      rgba(32,96,144,0)
    );
}

/* Brand column stays vertical and clean. */
.oia-footer-brand{
  width:auto!important;
  max-width:none!important;
  min-height:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Compact premium logo plate. */
.oia-footer-logo-frame{
  position:relative!important;
  width:190px!important;
  height:72px!important;
  display:block!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(207,221,230,.84)!important;
  border-radius:11px!important;
  background:#F8FAFC!important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}

/* Keep the actual artwork strong despite blank canvas inside uploaded image. */
.oia-footer-logo-frame img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  transform:translate(-50%,-50%) scale(1.52)!important;
  transform-origin:center!important;
}

/* Tagline integrated directly under the logo plate. */
.oia-footer-brand > span:not(.oia-footer-logo-frame){
  display:block!important;
  width:auto!important;
  max-width:290px!important;
  margin:8px 0 0!important;
  padding:0!important;
  color:#6FD7E2!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* Preserve any description copy spacing if present. */
.oia-footer-brand > p{
  width:auto!important;
  max-width:320px!important;
  margin:9px 0 0!important;
}

/* Footer column geometry stays balanced but not redesigned. */
@media(min-width:768px){
  .oia-footer-top{
    grid-template-columns:minmax(260px,1.42fr) repeat(3,minmax(150px,1fr))!important;
  }
}

@media(max-width:767px){
  .oia-footer-logo-frame{
    width:174px!important;
    height:66px!important;
    border-radius:10px!important;
  }

  .oia-footer-logo-frame img{
    transform:translate(-50%,-50%) scale(1.48)!important;
  }

  .oia-footer-brand > span:not(.oia-footer-logo-frame){
    max-width:250px!important;
    margin-top:7px!important;
    font-size:12.5px!important;
  }
}


/* =========================================================
   v6.28 — LIGHT PREMIUM FOOTER + BIGGER MOBILE LOGO
   Scope: footer + mobile header logo only.
   ========================================================= */

/* ---------------------------------------------------------
   MOBILE HEADER LOGO — stronger brand recognition
   --------------------------------------------------------- */
@media(max-width:767px){
  .oia-v5-brand{
    min-width:146px!important;
  }

  .oia-v5-logo-frame{
    width:140px!important;
    height:46px!important;
    max-width:140px!important;
    max-height:46px!important;
    overflow:hidden!important;
  }

  .oia-v5-logo-frame img{
    transform:translate(-50%,-50%) scale(1.58)!important;
  }
}

@media(max-width:360px){
  .oia-v5-brand{
    min-width:132px!important;
  }

  .oia-v5-logo-frame{
    width:128px!important;
    height:44px!important;
  }

  .oia-v5-logo-frame img{
    transform:translate(-50%,-50%) scale(1.54)!important;
  }
}

/* ---------------------------------------------------------
   FOOTER — LIGHT PREMIUM SYSTEM
   White logo canvas now blends naturally instead of looking like a box.
   --------------------------------------------------------- */
.oia-home-footer,
.oia-footer{
  position:relative!important;
  color:#536579!important;
  background:#FFFFFF!important;
  border-top:1px solid #E2EAF0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}

.oia-home-footer::before,
.oia-footer::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:3px!important;
  pointer-events:none!important;
  background:
    linear-gradient(
      90deg,
      #002040 0%,
      #206090 35%,
      #30C5D8 50%,
      #206090 65%,
      #002040 100%
    )!important;
  opacity:.92!important;
}

.oia-home-footer{
  padding-top:42px!important;
  padding-bottom:0!important;
}

/* Brand column — no plate at all. */
.oia-footer-brand{
  width:auto!important;
  max-width:300px!important;
  min-height:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Logo frame blends into white footer, therefore no floating-card effect. */
.oia-footer-logo-frame{
  position:relative!important;
  width:214px!important;
  height:78px!important;
  display:block!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.oia-footer-logo-frame img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  transform:translate(-50%,-50%) scale(1.56)!important;
  transform-origin:center!important;
}

/* Tagline becomes part of the brand lockup. */
.oia-footer-brand > span:not(.oia-footer-logo-frame){
  display:block!important;
  width:auto!important;
  max-width:285px!important;
  margin:7px 0 0!important;
  padding:0!important;
  color:#157E99!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:750!important;
  letter-spacing:.005em!important;
  white-space:normal!important;
  word-break:normal!important;
}

/* Desktop footer headings and links */
.oia-footer-top{
  align-items:start!important;
}

.oia-footer-top > div:not(.oia-footer-brand) > h3{
  margin:0 0 13px!important;
  color:#0F2F49!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
}

.oia-footer-top > div:not(.oia-footer-brand) > a{
  margin:8px 0!important;
  color:#536579!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:500!important;
  text-decoration:none!important;
  transition:color .18s ease,transform .18s ease!important;
}

@media(hover:hover) and (pointer:fine){
  .oia-footer-top > div:not(.oia-footer-brand) > a:hover{
    color:#157E99!important;
    transform:translateX(2px)!important;
  }
}

/* Copyright area */
.oia-footer-bottom{
  margin-top:34px!important;
  padding:16px 0 18px!important;
  border-top:1px solid #E4EBF0!important;
  color:#6A7A8A!important;
  font-size:11px!important;
}

/* ---------------------------------------------------------
   MOBILE / SMALL TABLET FOOTER
   Compact semantic accordion instead of a huge four-column block.
   --------------------------------------------------------- */
@media(max-width:900px){
  .oia-home-footer{
    padding-top:30px!important;
  }

  .oia-footer-top{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  .oia-footer-brand{
    grid-column:auto!important;
    max-width:none!important;
    padding:0 0 22px!important;
    align-items:center!important;
    text-align:center!important;
  }

  .oia-footer-logo-frame{
    width:218px!important;
    height:82px!important;
  }

  .oia-footer-logo-frame img{
    transform:translate(-50%,-50%) scale(1.58)!important;
  }

  .oia-footer-brand > span:not(.oia-footer-logo-frame){
    max-width:290px!important;
    margin-top:6px!important;
    color:#157E99!important;
    font-size:13.5px!important;
    text-align:center!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand){
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border-top:1px solid #E5EBF0!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand):last-child{
    border-bottom:1px solid #E5EBF0!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3{
    min-height:52px!important;
    margin:0!important;
    padding:0 3px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    color:#15364D!important;
    font-size:12px!important;
    cursor:pointer!important;
    user-select:none!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3::after{
    content:"+"!important;
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #DCE7ED!important;
    border-radius:9px!important;
    color:#167E99!important;
    background:#F5FAFC!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:400!important;
  }

  .oia-footer-top > div.is-open > h3::after{
    content:"−"!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > a{
    display:none!important;
    margin:0!important;
    padding:9px 3px!important;
    color:#607284!important;
    font-size:12px!important;
  }

  .oia-footer-top > div.is-open > a{
    display:block!important;
  }

  .oia-footer-top > div.is-open{
    padding-bottom:8px!important;
  }

  .oia-footer-bottom{
    margin-top:22px!important;
    padding:15px 0 17px!important;
    text-align:center!important;
    color:#6B7B8B!important;
  }
}

@media(max-width:480px){
  .oia-footer-logo-frame{
    width:205px!important;
    height:78px!important;
  }

  .oia-footer-logo-frame img{
    transform:translate(-50%,-50%) scale(1.56)!important;
  }

  .oia-footer-brand > span:not(.oia-footer-logo-frame){
    font-size:13px!important;
  }
}


/* =========================================================
   v6.29 — INTEGRATED PREMIUM FOOTER
   Footer only. Header/search/hero/categories/products untouched.
   ========================================================= */

/* OUTER FOOTER = deep premium brand frame */
.oia-home-footer,
.oia-footer{
  position:relative!important;
  isolation:isolate!important;
  color:#D7E3EA!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(48,160,176,.11),transparent 27%),
    linear-gradient(135deg,#041A2C 0%,#06243A 56%,#073B4B 100%)!important;
  border-top:0!important;
  box-shadow:none!important;
}

.oia-home-footer{
  padding:44px 0 0!important;
}

.oia-home-footer::before,
.oia-footer::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:2px!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:.9!important;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(32,96,144,.55) 24%,
      rgba(48,197,216,.95) 50%,
      rgba(32,96,144,.55) 76%,
      transparent 100%
    )!important;
}

/* ONE integrated white shell: logo + all footer columns belong together. */
.oia-footer-top{
  position:relative!important;
  width:100%!important;
  padding:34px 38px!important;
  display:grid!important;
  grid-template-columns:minmax(250px,1.35fr) repeat(3,minmax(150px,1fr))!important;
  gap:38px!important;
  align-items:start!important;
  overflow:hidden!important;
  border:1px solid rgba(216,228,235,.92)!important;
  border-radius:24px!important;
  background:#FFFFFF!important;
  box-shadow:
    0 24px 58px rgba(0,13,25,.20),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}

/* very subtle inner atmosphere, not visible as a gimmick */
.oia-footer-top::after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  left:-170px;
  bottom:-245px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(48,160,176,.08),transparent 67%);
}

/* ---------------------------------------------------------
   BRAND AREA — no individual white box
   --------------------------------------------------------- */
.oia-footer-brand{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  max-width:270px!important;
  min-height:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.oia-footer-logo-frame{
  position:relative!important;
  width:232px!important;
  height:105px!important;
  display:block!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/*
 * Critical logo correction:
 * v6.28 used scale(1.56), clipping / over-zooming the stacked logo.
 * Full logo is now kept visible inside a larger frame.
 */
.oia-footer-logo-frame img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:multiply!important;
  transform:translate(-50%,-50%) scale(1.16)!important;
  transform-origin:center!important;
}

.oia-footer-brand > span:not(.oia-footer-logo-frame){
  display:block!important;
  width:auto!important;
  max-width:255px!important;
  margin:5px 0 0!important;
  padding:0!important;
  color:#147995!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:760!important;
  letter-spacing:.005em!important;
  white-space:normal!important;
  word-break:normal!important;
}

.oia-footer-brand > p{
  width:auto!important;
  max-width:255px!important;
  margin:9px 0 0!important;
  color:#708190!important;
  font-size:10.5px!important;
  line-height:1.55!important;
}

/* ---------------------------------------------------------
   LINK GROUPS
   --------------------------------------------------------- */
.oia-footer-top > div:not(.oia-footer-brand){
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
}

.oia-footer-top > div:not(.oia-footer-brand) > h3{
  position:relative!important;
  margin:2px 0 15px!important;
  padding:0 0 9px!important;
  color:#102E45!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:880!important;
  letter-spacing:.065em!important;
}

.oia-footer-top > div:not(.oia-footer-brand) > h3::before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:28px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#206090,#30C5D8);
}

.oia-footer-top > div:not(.oia-footer-brand) > a{
  position:relative!important;
  width:max-content!important;
  max-width:100%!important;
  margin:8px 0!important;
  padding:0!important;
  display:block!important;
  color:#5D6F7F!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  font-weight:520!important;
  text-decoration:none!important;
  transition:
    color .18s ease,
    transform .18s ease!important;
}

@media(hover:hover) and (pointer:fine){
  .oia-footer-top > div:not(.oia-footer-brand) > a:hover{
    color:#0E7896!important;
    transform:translateX(3px)!important;
  }
}

/* ---------------------------------------------------------
   COPYRIGHT = intentional dark lower strip
   --------------------------------------------------------- */
.oia-footer-bottom{
  margin-top:30px!important;
  padding:16px 2px 18px!important;
  border-top:1px solid rgba(170,204,219,.14)!important;
  color:#A9BBC6!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}

/* ---------------------------------------------------------
   MOBILE / SMALL TABLET
   White integrated shell + semantic accordion.
   --------------------------------------------------------- */
@media(max-width:900px){
  .oia-home-footer{
    padding:28px 0 0!important;
  }

  .oia-footer-top{
    padding:22px 18px 12px!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    border-radius:20px!important;
  }

  .oia-footer-brand{
    max-width:none!important;
    padding:0 0 18px!important;
    align-items:center!important;
    text-align:center!important;
  }

  .oia-footer-logo-frame{
    width:245px!important;
    height:112px!important;
  }

  .oia-footer-logo-frame img{
    mix-blend-mode:multiply!important;
    transform:translate(-50%,-50%) scale(1.15)!important;
  }

  .oia-footer-brand > span:not(.oia-footer-logo-frame){
    max-width:280px!important;
    margin-top:2px!important;
    font-size:13px!important;
    text-align:center!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand){
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border-top:1px solid #E5ECF1!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand):last-child{
    border-bottom:0!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3{
    min-height:52px!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    color:#17384F!important;
    font-size:11.5px!important;
    cursor:pointer!important;
    user-select:none!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3::before{
    display:none!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3::after{
    content:"+"!important;
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #DCE7ED!important;
    border-radius:9px!important;
    color:#167E99!important;
    background:#F4FAFC!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:400!important;
  }

  .oia-footer-top > div.is-open > h3::after{
    content:"−"!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > a{
    display:none!important;
    margin:0!important;
    padding:8px 2px!important;
    color:#607284!important;
    font-size:11.5px!important;
  }

  .oia-footer-top > div.is-open > a{
    display:block!important;
  }

  .oia-footer-top > div.is-open{
    padding-bottom:8px!important;
  }

  .oia-footer-bottom{
    margin-top:20px!important;
    padding:14px 0 16px!important;
    text-align:center!important;
    color:#AFC0CA!important;
  }
}

@media(max-width:480px){
  .oia-footer-top{
    padding:20px 15px 10px!important;
    border-radius:18px!important;
  }

  .oia-footer-logo-frame{
    width:224px!important;
    height:104px!important;
  }

  .oia-footer-logo-frame img{
    transform:translate(-50%,-50%) scale(1.14)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .oia-footer-top > div:not(.oia-footer-brand) > a{
    transition:none!important;
  }
}


/* =========================================================
   v6.30 — PREMIUM FOOTER TYPOGRAPHY + BIGGER LOGO
   Footer only. Links/structure remain unchanged.
   ========================================================= */

@media(min-width:901px){

  /* Slightly denser shell: less empty showroom space. */
  .oia-footer-top{
    padding:30px 38px!important;
    grid-template-columns:minmax(300px,1.42fr) repeat(3,minmax(160px,1fr))!important;
    gap:40px!important;
    border-radius:22px!important;
  }

  /* Brand zone becomes a stronger visual anchor. */
  .oia-footer-brand{
    position:relative!important;
    max-width:300px!important;
    min-height:136px!important;
    display:flex!important;
    justify-content:center!important;
    padding-right:32px!important;
  }

  .oia-footer-brand::after{
    content:"";
    position:absolute;
    top:10px;
    right:0;
    bottom:10px;
    width:1px;
    background:linear-gradient(
      180deg,
      transparent,
      rgba(32,96,144,.14) 18%,
      rgba(48,160,176,.22) 50%,
      rgba(32,96,144,.14) 82%,
      transparent
    );
  }

  /* Bigger, full logo. No aggressive crop. */
  .oia-footer-logo-frame{
    width:286px!important;
    height:132px!important;
  }

  .oia-footer-logo-frame img{
    transform:translate(-50%,-50%) scale(1.12)!important;
  }

  /* If a separate tagline exists, keep it tight and refined. */
  .oia-footer-brand > span:not(.oia-footer-logo-frame){
    max-width:280px!important;
    margin-top:3px!important;
    color:#187E99!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    font-weight:680!important;
    letter-spacing:.008em!important;
  }

  /* Premium hierarchy for footer section headings. */
  .oia-footer-top > div:not(.oia-footer-brand) > h3{
    margin:8px 0 17px!important;
    padding:0 0 11px!important;
    color:#0C2B43!important;
    font-size:12.5px!important;
    line-height:1.1!important;
    font-weight:850!important;
    letter-spacing:.095em!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3::before{
    width:32px!important;
    height:2px!important;
    background:linear-gradient(90deg,#206090,#30C5D8)!important;
  }

  /* Links: clearer size, lighter weight, more breathing room. */
  .oia-footer-top > div:not(.oia-footer-brand) > a{
    margin:9px 0!important;
    color:#4B6072!important;
    font-size:12.5px!important;
    line-height:1.48!important;
    font-weight:520!important;
    letter-spacing:-.005em!important;
  }

  @media(hover:hover) and (pointer:fine){
    .oia-footer-top > div:not(.oia-footer-brand) > a:hover{
      color:#0F7897!important;
      transform:translateX(4px)!important;
    }
  }

  .oia-footer-bottom{
    margin-top:26px!important;
    padding:15px 2px 17px!important;
    font-size:10.5px!important;
  }
}

/* Mobile/tablet footer logo also gets a meaningful size increase,
   but keeps the existing accordion behavior. */
@media(max-width:900px){

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

  .oia-footer-logo-frame{
    width:min(76vw,286px)!important;
    height:min(35vw,132px)!important;
  }

  .oia-footer-logo-frame img{
    transform:translate(-50%,-50%) scale(1.10)!important;
  }

  .oia-footer-brand > span:not(.oia-footer-logo-frame){
    margin-top:3px!important;
    color:#187E99!important;
    font-size:13px!important;
    font-weight:680!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3{
    font-size:12px!important;
    font-weight:830!important;
    letter-spacing:.07em!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > a{
    font-size:12px!important;
    line-height:1.48!important;
    font-weight:520!important;
  }
}

@media(max-width:480px){
  .oia-footer-logo-frame{
    width:min(80vw,260px)!important;
    height:min(37vw,120px)!important;
  }
}


/* =========================================================
   v6.31 — PEARL / ICE BLUE PREMIUM FOOTER
   Footer only. Structure and link destinations unchanged.
   ========================================================= */

/* Deep branded outer frame */
.oia-home-footer,
.oia-footer{
  position:relative!important;
  isolation:isolate!important;
  color:#D7E3EA!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(48,160,176,.10),transparent 28%),
    linear-gradient(135deg,#041A2C 0%,#052B42 58%,#063A49 100%)!important;
  border-top:0!important;
  box-shadow:none!important;
}

.oia-home-footer{
  padding:44px 0 0!important;
}

.oia-home-footer::before,
.oia-footer::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:2px!important;
  z-index:3!important;
  pointer-events:none!important;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(32,96,144,.42) 18%,
      rgba(48,197,216,.92) 50%,
      rgba(32,96,144,.42) 82%,
      transparent 100%
    )!important;
}

/* ---------------------------------------------------------
   PEARL / ICE BLUE INTEGRATED INNER PANEL
   --------------------------------------------------------- */
.oia-footer-top{
  position:relative!important;
  width:100%!important;
  padding:32px 40px!important;
  display:grid!important;
  grid-template-columns:minmax(315px,1.46fr) repeat(3,minmax(160px,1fr))!important;
  gap:42px!important;
  align-items:center!important;
  overflow:hidden!important;
  border:1px solid #D6E5EC!important;
  border-radius:24px!important;
  background:
    linear-gradient(
      115deg,
      #FFFFFF 0%,
      #F8FCFD 27%,
      #F1F8FA 58%,
      #E8F3F7 100%
    )!important;
  box-shadow:
    0 24px 58px rgba(4,26,44,.16),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}

/* Soft cyan atmosphere behind brand zone */
.oia-footer-top::after{
  content:"";
  position:absolute;
  left:-120px;
  top:-110px;
  width:430px;
  height:360px;
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle,rgba(48,197,216,.075),transparent 67%);
}

/* ---------------------------------------------------------
   BRAND LOCKUP
   --------------------------------------------------------- */
.oia-footer-brand{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  max-width:320px!important;
  min-height:150px!important;
  padding:0 34px 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Subtle divider between brand and navigation */
.oia-footer-brand::after{
  content:"";
  position:absolute;
  top:8px;
  right:0;
  bottom:8px;
  width:1px;
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(32,96,144,.12) 20%,
      rgba(48,160,176,.20) 50%,
      rgba(32,96,144,.12) 80%,
      transparent
    );
}

/* Bigger footer logo, full artwork visible */
.oia-footer-logo-frame{
  position:relative!important;
  width:300px!important;
  height:138px!important;
  display:block!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.oia-footer-logo-frame img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:multiply!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
  transform-origin:center!important;
}

/* Tagline */
.oia-footer-brand > span:not(.oia-footer-logo-frame){
  display:block!important;
  width:auto!important;
  max-width:290px!important;
  margin:4px 0 0!important;
  padding:0!important;
  color:#167C98!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:700!important;
  letter-spacing:.006em!important;
  white-space:normal!important;
  word-break:normal!important;
}

/* ---------------------------------------------------------
   PREMIUM TYPOGRAPHY
   --------------------------------------------------------- */
.oia-footer-top > div:not(.oia-footer-brand){
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  align-self:center!important;
}

.oia-footer-top > div:not(.oia-footer-brand) > h3{
  position:relative!important;
  margin:0 0 18px!important;
  padding:0 0 11px!important;
  color:#0B2D46!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:.085em!important;
}

.oia-footer-top > div:not(.oia-footer-brand) > h3::before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:34px!important;
  height:2px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,#206090,#30C5D8)!important;
}

.oia-footer-top > div:not(.oia-footer-brand) > a{
  position:relative!important;
  width:max-content!important;
  max-width:100%!important;
  margin:9px 0!important;
  padding:0!important;
  display:block!important;
  color:#405B70!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:520!important;
  letter-spacing:-.004em!important;
  text-decoration:none!important;
  transition:
    color .18s ease,
    transform .18s ease!important;
}

@media(hover:hover) and (pointer:fine){
  .oia-footer-top > div:not(.oia-footer-brand) > a:hover{
    color:#087C9A!important;
    transform:translateX(4px)!important;
  }
}

/* Copyright strip */
.oia-footer-bottom{
  margin-top:28px!important;
  padding:15px 2px 18px!important;
  border-top:1px solid rgba(170,204,219,.14)!important;
  color:#AFC0CA!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}

/* ---------------------------------------------------------
   MOBILE / SMALL TABLET
   --------------------------------------------------------- */
@media(max-width:900px){
  .oia-home-footer{
    padding:28px 0 0!important;
  }

  .oia-footer-top{
    padding:22px 18px 12px!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    align-items:stretch!important;
    border-radius:20px!important;
    background:
      linear-gradient(
        145deg,
        #FFFFFF 0%,
        #F7FBFC 56%,
        #EAF4F8 100%
      )!important;
  }

  .oia-footer-brand{
    max-width:none!important;
    min-height:0!important;
    padding:0 0 20px!important;
    align-items:center!important;
    text-align:center!important;
  }

  .oia-footer-brand::after{
    display:none!important;
  }

  .oia-footer-logo-frame{
    width:min(82vw,300px)!important;
    height:min(38vw,138px)!important;
  }

  .oia-footer-logo-frame img{
    transform:translate(-50%,-50%) scale(1.06)!important;
  }

  .oia-footer-brand > span:not(.oia-footer-logo-frame){
    max-width:290px!important;
    margin-top:2px!important;
    font-size:13px!important;
    text-align:center!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand){
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border-top:1px solid #DFE9EE!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3{
    min-height:52px!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    color:#15364D!important;
    font-size:12px!important;
    font-weight:830!important;
    letter-spacing:.065em!important;
    cursor:pointer!important;
    user-select:none!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3::before{
    display:none!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3::after{
    content:"+"!important;
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #D5E4EA!important;
    border-radius:9px!important;
    color:#167E99!important;
    background:#F3F9FB!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:400!important;
  }

  .oia-footer-top > div.is-open > h3::after{
    content:"−"!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > a{
    display:none!important;
    margin:0!important;
    padding:8px 2px!important;
    color:#50697C!important;
    font-size:12px!important;
    line-height:1.5!important;
    font-weight:520!important;
  }

  .oia-footer-top > div.is-open > a{
    display:block!important;
  }

  .oia-footer-top > div.is-open{
    padding-bottom:8px!important;
  }

  .oia-footer-bottom{
    margin-top:20px!important;
    padding:14px 0 16px!important;
    text-align:center!important;
  }
}

@media(max-width:480px){
  .oia-footer-top{
    padding:20px 15px 10px!important;
    border-radius:18px!important;
  }

  .oia-footer-logo-frame{
    width:min(84vw,276px)!important;
    height:min(39vw,128px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .oia-footer-top > div:not(.oia-footer-brand) > a{
    transition:none!important;
  }
}


/* =========================================================
   v6.32 — VISIBLE PREMIUM FOOTER REDESIGN
   Footer only. Structure + destinations unchanged.
   ========================================================= */

/* Deep branded outer frame stays. */
.oia-home-footer,
.oia-footer{
  position:relative!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(48,197,216,.12),transparent 28%),
    linear-gradient(135deg,#031827 0%,#05283D 54%,#063E4E 100%)!important;
  border-top:0!important;
  box-shadow:none!important;
}

.oia-home-footer{
  padding:46px 0 0!important;
}

/* Stronger but still refined cyan top accent. */
.oia-home-footer::before,
.oia-footer::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:3px!important;
  z-index:3!important;
  pointer-events:none!important;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(32,96,144,.48) 18%,
      rgba(48,197,216,.98) 50%,
      rgba(32,96,144,.48) 82%,
      transparent 100%
    )!important;
}

/* ---------------------------------------------------------
   INNER PANEL — noticeably darker premium ice-blue
   --------------------------------------------------------- */
.oia-footer-top{
  position:relative!important;
  width:100%!important;
  padding:28px 34px!important;
  display:grid!important;
  grid-template-columns:minmax(350px,1.55fr) repeat(3,minmax(165px,1fr))!important;
  gap:26px!important;
  align-items:stretch!important;
  overflow:hidden!important;
  border:1px solid #C7DDE7!important;
  border-radius:24px!important;
  background:
    linear-gradient(
      118deg,
      #EEF7FA 0%,
      #E4F1F5 30%,
      #DCECF2 62%,
      #D2E6ED 100%
    )!important;
  box-shadow:
    0 28px 66px rgba(0,16,29,.24),
    inset 0 1px 0 rgba(255,255,255,.86)!important;
}

/* Atmospheric cyan/blue depth */
.oia-footer-top::before{
  content:"";
  position:absolute;
  width:520px;
  height:330px;
  left:-150px;
  top:-130px;
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle,rgba(48,197,216,.16),transparent 68%);
}

.oia-footer-top::after{
  content:"";
  position:absolute;
  width:420px;
  height:280px;
  right:-160px;
  bottom:-150px;
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle,rgba(32,96,144,.11),transparent 68%);
}

/* ---------------------------------------------------------
   BRAND COLUMN — larger and more intentional
   --------------------------------------------------------- */
.oia-footer-brand{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  max-width:350px!important;
  min-height:170px!important;
  padding:0 34px 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.oia-footer-brand::after{
  content:"";
  position:absolute;
  top:8px;
  right:0;
  bottom:8px;
  width:1px;
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(32,96,144,.18) 18%,
      rgba(48,160,176,.34) 50%,
      rgba(32,96,144,.18) 82%,
      transparent
    );
}

/* BIGGER logo, still full artwork, no harsh crop */
.oia-footer-logo-frame{
  position:relative!important;
  width:340px!important;
  height:150px!important;
  display:block!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.oia-footer-logo-frame img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:multiply!important;
  transform:translate(-50%,-50%) scale(1.06)!important;
  transform-origin:center!important;
}

.oia-footer-brand > span:not(.oia-footer-logo-frame){
  display:block!important;
  max-width:300px!important;
  margin:2px 0 0!important;
  color:#0E7592!important;
  font-size:13.5px!important;
  line-height:1.35!important;
  font-weight:760!important;
  letter-spacing:.008em!important;
}

/* ---------------------------------------------------------
   LINK COLUMNS — subtle tinted zones
   --------------------------------------------------------- */
.oia-footer-top > div:not(.oia-footer-brand){
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  padding:18px 18px 16px!important;
  border:1px solid rgba(170,202,214,.44)!important;
  border-radius:16px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.24))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.68),
    0 8px 18px rgba(15,45,62,.035)!important;
}

/* Headings stronger and more premium */
.oia-footer-top > div:not(.oia-footer-brand) > h3{
  position:relative!important;
  margin:0 0 17px!important;
  padding:0 0 10px!important;
  color:#082C45!important;
  font-size:13.5px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.085em!important;
}

.oia-footer-top > div:not(.oia-footer-brand) > h3::before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:38px!important;
  height:2px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,#1B6B95,#30C5D8)!important;
}

/* Links clearer, more premium */
.oia-footer-top > div:not(.oia-footer-brand) > a{
  position:relative!important;
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:10px 0!important;
  padding:0!important;
  color:#35566D!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:560!important;
  letter-spacing:-.003em!important;
  text-decoration:none!important;
  transition:
    color .18s ease,
    transform .18s ease!important;
}

@media(hover:hover) and (pointer:fine){
  .oia-footer-top > div:not(.oia-footer-brand):hover{
    border-color:rgba(48,160,176,.34)!important;
    background:
      linear-gradient(145deg,rgba(255,255,255,.72),rgba(241,249,251,.46))!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > a:hover{
    color:#087C9A!important;
    transform:translateX(4px)!important;
  }
}

/* Copyright strip stays on dark background */
.oia-footer-bottom{
  margin-top:28px!important;
  padding:15px 2px 18px!important;
  border-top:1px solid rgba(170,204,219,.15)!important;
  color:#B7C7D0!important;
  font-size:10.8px!important;
  line-height:1.4!important;
}

/* ---------------------------------------------------------
   MOBILE / TABLET
   --------------------------------------------------------- */
@media(max-width:900px){
  .oia-home-footer{
    padding:28px 0 0!important;
  }

  .oia-footer-top{
    padding:20px 16px 10px!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    align-items:stretch!important;
    border-radius:20px!important;
    background:
      linear-gradient(
        145deg,
        #EEF7FA 0%,
        #E4F1F5 58%,
        #D8EBF1 100%
      )!important;
  }

  .oia-footer-brand{
    max-width:none!important;
    min-height:0!important;
    padding:0 0 20px!important;
    align-items:center!important;
    text-align:center!important;
  }

  .oia-footer-brand::after{
    display:none!important;
  }

  .oia-footer-logo-frame{
    width:min(88vw,340px)!important;
    height:min(39vw,150px)!important;
  }

  .oia-footer-logo-frame img{
    transform:translate(-50%,-50%) scale(1.05)!important;
  }

  .oia-footer-brand > span:not(.oia-footer-logo-frame){
    max-width:310px!important;
    margin-top:1px!important;
    font-size:13px!important;
    text-align:center!important;
  }

  /* Accordion rows replace desktop tinted cards */
  .oia-footer-top > div:not(.oia-footer-brand){
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-top:1px solid rgba(69,116,139,.16)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3{
    min-height:52px!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    color:#10344C!important;
    font-size:12.2px!important;
    font-weight:860!important;
    letter-spacing:.065em!important;
    cursor:pointer!important;
    user-select:none!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3::before{
    display:none!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3::after{
    content:"+"!important;
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #C9DEE7!important;
    border-radius:9px!important;
    color:#0C7897!important;
    background:rgba(255,255,255,.55)!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:400!important;
  }

  .oia-footer-top > div.is-open > h3::after{
    content:"−"!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > a{
    display:none!important;
    margin:0!important;
    padding:8px 2px!important;
    color:#416174!important;
    font-size:12px!important;
    line-height:1.5!important;
    font-weight:540!important;
  }

  .oia-footer-top > div.is-open > a{
    display:block!important;
  }

  .oia-footer-top > div.is-open{
    padding-bottom:8px!important;
  }
}

@media(max-width:480px){
  .oia-footer-top{
    padding:18px 14px 9px!important;
    border-radius:18px!important;
  }

  .oia-footer-logo-frame{
    width:min(90vw,310px)!important;
    height:min(41vw,138px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .oia-footer-top > div:not(.oia-footer-brand) > a{
    transition:none!important;
  }
}


/* =========================================================
   v6.33 — OPEN PREMIUM FOOTER
   Removes card-inside-card appearance.
   Footer only. Structure/links unchanged.
   ========================================================= */

@media(min-width:901px){

  /* One integrated panel only */
  .oia-footer-top{
    padding:30px 36px!important;
    grid-template-columns:minmax(360px,1.58fr) repeat(3,minmax(165px,1fr))!important;
    gap:0!important;
    align-items:center!important;
    border:1px solid #C9DFE8!important;
    border-radius:24px!important;
    background:
      linear-gradient(
        118deg,
        #EEF7FA 0%,
        #E5F1F5 34%,
        #DCECF2 68%,
        #D4E8EE 100%
      )!important;
    box-shadow:
      0 28px 64px rgba(0,16,29,.22),
      inset 0 1px 0 rgba(255,255,255,.84)!important;
  }

  /* Brand column */
  .oia-footer-brand{
    max-width:360px!important;
    min-height:170px!important;
    padding:0 34px 0 0!important;
    justify-content:center!important;
  }

  .oia-footer-logo-frame{
    width:350px!important;
    height:155px!important;
  }

  .oia-footer-logo-frame img{
    transform:translate(-50%,-50%) scale(1.05)!important;
  }

  .oia-footer-brand > span:not(.oia-footer-logo-frame){
    max-width:310px!important;
    margin-top:1px!important;
    color:#0E7592!important;
    font-size:13.5px!important;
    font-weight:750!important;
  }

  /* Stronger integrated divider after brand */
  .oia-footer-brand::after{
    top:12px!important;
    bottom:12px!important;
    background:
      linear-gradient(
        180deg,
        transparent,
        rgba(32,96,144,.14) 16%,
        rgba(48,160,176,.28) 50%,
        rgba(32,96,144,.14) 84%,
        transparent
      )!important;
  }

  /* REMOVE individual cards completely */
  .oia-footer-top > div:not(.oia-footer-brand){
    position:relative!important;
    z-index:2!important;
    min-width:0!important;
    min-height:150px!important;
    padding:14px 28px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Subtle separators only between navigation columns */
  .oia-footer-top > div:not(.oia-footer-brand) + div:not(.oia-footer-brand)::before{
    content:"";
    position:absolute;
    left:0;
    top:22px;
    bottom:22px;
    width:1px;
    background:
      linear-gradient(
        180deg,
        transparent,
        rgba(32,96,144,.10) 18%,
        rgba(32,96,144,.18) 50%,
        rgba(32,96,144,.10) 82%,
        transparent
      );
  }

  /* More editorial headings */
  .oia-footer-top > div:not(.oia-footer-brand) > h3{
    margin:0 0 16px!important;
    padding:0 0 10px!important;
    color:#082C45!important;
    font-size:13.5px!important;
    line-height:1.1!important;
    font-weight:880!important;
    letter-spacing:.082em!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > h3::before{
    width:34px!important;
    height:2px!important;
    background:linear-gradient(90deg,#1C6C96,#30C5D8)!important;
  }

  .oia-footer-top > div:not(.oia-footer-brand) > a{
    margin:8px 0!important;
    color:#3D5B70!important;
    font-size:13px!important;
    line-height:1.55!important;
    font-weight:540!important;
  }

  @media(hover:hover) and (pointer:fine){
    .oia-footer-top > div:not(.oia-footer-brand):hover{
      border:0!important;
      background:transparent!important;
      box-shadow:none!important;
    }

    .oia-footer-top > div:not(.oia-footer-brand) > a:hover{
      color:#087C9A!important;
      transform:translateX(3px)!important;
    }
  }
}

/* Mobile/tablet accordion stays exactly in the integrated panel direction. */
@media(max-width:900px){
  .oia-footer-top > div:not(.oia-footer-brand){
    border:0!important;
    border-top:1px solid rgba(69,116,139,.16)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}