/* ONEINALL.PK v5.0 FINAL POLISH */

/* Hide Blocksy header when premium header is active */
body.oia-v5-polished-site #header,
body.oia-v5-polished-site .ct-header {
  display:none!important;
}

body.oia-v5-polished-site {
  --v5-navy:#002040;
  --v5-navy-2:#102050;
  --v5-blue:#206090;
  --v5-cyan:#30A0B0;
  --v5-accent:#30C5D8;
  --v5-text:#0F172A;
  --v5-muted:#64748B;
  --v5-border:#E2E8F0;
}

body.admin-bar .oia-v5-header { top:32px; }
@media(max-width:782px){ body.admin-bar .oia-v5-header{top:46px} }

.oia-v5-header{
  position:sticky;top:0;z-index:99990;
  background:#fff;
  box-shadow:0 9px 30px rgba(0,32,64,.07);
  font-family:inherit;
}
.oia-v5-container{width:min(1320px,calc(100% - 44px));margin:0 auto}
.oia-v5-head-main{background:#fff}
.oia-v5-head-main>.oia-v5-container{min-height:82px;display:grid;grid-template-columns:190px minmax(320px,1fr) auto;gap:26px;align-items:center}
.oia-v5-brand{display:flex;align-items:center;text-decoration:none!important;min-width:0}
.oia-v5-brand img{display:block;max-width:150px;max-height:62px;object-fit:contain}
.oia-v5-brand strong{color:var(--v5-navy);font-size:22px;letter-spacing:-.04em}

.oia-v5-search{height:48px;display:grid;grid-template-columns:1fr 52px;border:1px solid #D8E3ED;border-radius:14px;overflow:hidden;background:#F8FAFC;transition:.25s ease}
.oia-v5-search:focus-within{background:#fff;border-color:rgba(48,160,176,.72);box-shadow:0 0 0 4px rgba(48,160,176,.10)}
.oia-v5-search input{min-width:0;padding:0 18px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--v5-text);font-size:14px}
.oia-v5-search button{border:0;background:linear-gradient(135deg,var(--v5-blue),var(--v5-cyan));color:#fff;display:grid;place-items:center;cursor:pointer}
.oia-v5-search svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

.oia-v5-desktop-actions{display:flex;align-items:center;gap:8px}
.oia-v5-action{display:flex;align-items:center;gap:10px;min-height:52px;padding:7px 11px;border-radius:12px;text-decoration:none!important;color:var(--v5-text)!important;transition:.2s ease}
.oia-v5-action:hover{background:#F2F7FA}
.oia-v5-action-icon{position:relative;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#EEF6F8;color:var(--v5-blue)}
.oia-v5-action-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.oia-v5-action small,.oia-v5-action b{display:block;line-height:1.12}
.oia-v5-action small{font-size:10px;color:#7C8B9E}
.oia-v5-action b{margin-top:3px;font-size:12px;color:var(--v5-text)}
.oia-v5-cart-count{position:absolute;right:-7px;top:-7px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:var(--v5-accent);color:var(--v5-navy);font-size:9px;font-weight:900}
.oia-v5-cart-count.is-zero{display:none}

.oia-v5-nav-row{background:linear-gradient(90deg,#001C39,#002B53 52%,#002344)}
.oia-v5-nav{min-height:54px;display:flex;align-items:stretch}
.oia-v5-nav>a,.oia-v5-parent-link{position:relative;display:flex;align-items:center;gap:5px;padding:0 22px;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:700;letter-spacing:.015em;white-space:nowrap}
.oia-v5-nav>a::after,.oia-v5-parent-link::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:3px;border-radius:999px 999px 0 0;background:var(--v5-accent);transform:scaleX(0);transition:.22s}
.oia-v5-nav>a:hover::after,.oia-v5-parent-link:hover::after,.oia-v5-mega-item:hover>.oia-v5-parent-link::after{transform:scaleX(1)}
.oia-v5-parent-link span svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;transform:rotate(90deg)}
.oia-v5-mega-item{position:relative;display:flex}
.oia-v5-mega{
  position:absolute;left:0;top:calc(100% + 10px);width:min(880px,82vw);
  padding:24px;border:1px solid rgba(32,96,144,.12);border-radius:20px;
  background:rgba(255,255,255,.98);box-shadow:0 28px 75px rgba(0,32,64,.18);
  opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;
  transition:opacity .18s ease,transform .22s ease,visibility .18s;
}
.oia-v5-mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:16px}
.oia-v5-mega-item:hover>.oia-v5-mega,.oia-v5-mega-item:focus-within>.oia-v5-mega{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.oia-v5-mega-top{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:18px;margin-bottom:13px;border-bottom:1px solid #E7EEF4}
.oia-v5-mega-top small{display:block;color:var(--v5-cyan);font-size:10px;font-weight:900;letter-spacing:.13em}
.oia-v5-mega-top strong{display:block;margin-top:4px;color:var(--v5-navy);font-size:24px;letter-spacing:-.035em}
.oia-v5-mega-top>a{color:var(--v5-blue)!important;text-decoration:none!important;font-size:12px;font-weight:800}
.oia-v5-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 14px}
.oia-v5-mega-grid>a{min-width:0;min-height:42px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:10px;color:#334155!important;text-decoration:none!important;font-size:12px;font-weight:600;transition:.18s}
.oia-v5-mega-grid>a:hover{background:#F0F8FA;color:var(--v5-blue)!important;transform:translateX(2px)}
.oia-v5-mega-grid>a i{font-style:normal;color:var(--v5-cyan);opacity:0;transition:.18s}
.oia-v5-mega-grid>a:hover i{opacity:1}

.oia-v5-mobile-actions,.oia-v5-mobile-searchbar,.oia-v5-drawer,.oia-v5-overlay{display:none}

/* Homepage spacing / polish */
.oia-home{background:#F7F9FC!important}
.oia-home .oia-smart-hero{margin:0!important;border-radius:0 0 30px 30px;box-shadow:0 22px 55px rgba(0,32,64,.09)}
.oia-home .oia-section{padding:72px 0}
.oia-home .oia-section+.oia-section{border-top:1px solid rgba(226,232,240,.45)}
.oia-category-v43{padding-top:78px!important;padding-bottom:74px!important}
.oia-category-only-heading{margin-bottom:28px!important;text-align:center}
.oia-category-only-heading h2{margin:0;color:#0F172A;font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;line-height:1.05}
.oia-category-heading-accent{display:block;width:64px;height:4px;margin:13px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--v5-blue),var(--v5-accent))}
.oia-category-only-heading .oia-pill{display:none!important}

/* Replace old abstract placeholders with category-specific premium line compositions */
.oia-category-placeholder{display:none!important}
.oia-category-image-wrap:has(.oia-category-placeholder)::before{
  content:"";width:82%;height:78%;display:block;border-radius:30px;
  background:
    radial-gradient(circle at 50% 45%,rgba(48,197,216,.16),transparent 43%),
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(225,239,248,.72));
  border:1px solid rgba(32,96,144,.10);
  box-shadow:inset 0 1px 0 #fff,0 24px 48px rgba(0,32,64,.09);
}
.oia-category-image-wrap:has(.oia-category-placeholder)::after{
  content:"";position:absolute;width:52%;height:58%;border:3px solid currentColor;border-radius:24px 24px 14px 14px;color:rgba(32,96,144,.42);
  box-shadow:44px 18px 0 -8px rgba(48,160,176,.22),-46px 34px 0 -14px rgba(16,32,80,.14);
}
.oia-cat-kitchen .oia-category-image-wrap:has(.oia-category-placeholder)::after{border-radius:50% 50% 18px 18px;transform:scale(.85)}
.oia-cat-mobile .oia-category-image-wrap:has(.oia-category-placeholder)::after{width:29%;height:67%;border-radius:22px;box-shadow:64px 15px 0 -15px rgba(48,160,176,.28),-55px 32px 0 -18px rgba(16,32,80,.18)}
.oia-cat-beauty .oia-category-image-wrap:has(.oia-category-placeholder)::after{width:19%;height:62%;border-radius:12px;box-shadow:48px 20px 0 -7px rgba(48,160,176,.22),-42px 28px 0 -5px rgba(16,32,80,.13)}

/* Product sections */
.oia-product-section{background:#fff}
.oia-product-card{border-color:#E5EDF4!important;box-shadow:0 12px 34px rgba(0,32,64,.055)!important}
.oia-product-card:hover{transform:translateY(-6px)!important;box-shadow:0 24px 50px rgba(0,32,64,.11)!important}
.oia-section-heading h2{font-size:clamp(27px,3vw,38px)!important;letter-spacing:-.04em!important}
.oia-view-all{display:inline-flex!important;align-items:center;gap:7px}

/* Why Shop */
.oia-why-shop{padding-top:78px!important;padding-bottom:78px!important}
.oia-why-heading h2{font-size:clamp(42px,5vw,66px)!important}
.oia-why-card{min-height:330px!important}

/* Footer */
.oia-home-footer{padding-top:58px!important}
.oia-footer-brand img{max-width:150px!important}
.oia-footer-top{gap:34px!important}

@media(max-width:1024px){
  .oia-v5-head-main>.oia-v5-container{grid-template-columns:160px minmax(240px,1fr) auto;gap:16px}
  .oia-v5-brand img{max-width:132px}
  .oia-v5-nav>a,.oia-v5-parent-link{padding:0 14px;font-size:12px}
  .oia-v5-mega{width:min(780px,88vw)}
}

@media(max-width:767px){
  body.oia-v5-polished-site{padding-top:0!important}
  .oia-v5-container{width:calc(100% - 28px)}
  .oia-v5-head-main>.oia-v5-container{min-height:68px;grid-template-columns:1fr auto;gap:12px}
  .oia-v5-brand img{max-width:118px;max-height:48px}
  .oia-v5-desktop-search,.oia-v5-desktop-actions,.oia-v5-nav-row{display:none!important}
  .oia-v5-mobile-actions{display:flex;align-items:center;gap:6px}
  .oia-v5-mobile-actions button,.oia-v5-mobile-actions>a,.oia-v5-drawer-head button{
    position:relative;width:43px;height:43px;padding:0;display:grid;place-items:center;border:1px solid #E2EAF1;border-radius:12px;background:#fff;color:var(--v5-navy);cursor:pointer;text-decoration:none!important
  }
  .oia-v5-mobile-actions svg,.oia-v5-drawer-head svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .oia-v5-mobile-searchbar{display:block;padding:0 0 12px;background:#fff}
  .oia-v5-mobile-searchbar[hidden]{display:none!important}
  .oia-v5-search{height:46px}

  .oia-v5-overlay{position:fixed;inset:0;z-index:99995;display:block;background:rgba(0,22,44,.52);backdrop-filter:blur(3px)}
  .oia-v5-overlay[hidden]{display:none!important}
  .oia-v5-drawer{
    position:fixed;z-index:99999;top:0;right:0;width:min(88vw,390px);height:100%;display:flex;flex-direction:column;
    background:#fff;box-shadow:-30px 0 70px rgba(0,32,64,.20);
    transform:translateX(104%);transition:transform .34s cubic-bezier(.2,.75,.2,1)
  }
  .oia-v5-drawer.is-open{transform:none}
  body.admin-bar .oia-v5-drawer{top:46px;height:calc(100% - 46px)}
  .oia-v5-drawer-head{min-height:72px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #E7EEF4}
  .oia-v5-drawer-brand img{max-width:118px;max-height:48px;object-fit:contain}
  .oia-v5-drawer-brand strong{color:var(--v5-navy)}
  .oia-v5-drawer-search{padding:14px 16px;background:#F8FAFC}
  .oia-v5-mobile-nav{padding:8px 14px 18px;overflow:auto}
  .oia-v5-mobile-home,.oia-v5-mobile-cat-row{min-height:52px;border-bottom:1px solid #EDF2F6}
  .oia-v5-mobile-home{display:flex;align-items:center;justify-content:space-between;padding:0 5px;color:var(--v5-navy)!important;text-decoration:none!important;font-size:15px;font-weight:800}
  .oia-v5-mobile-home i{font-style:normal;color:var(--v5-cyan)}
  .oia-v5-mobile-cat-row{display:grid;grid-template-columns:1fr 48px;align-items:center}
  .oia-v5-mobile-cat-row>a{padding:15px 5px;color:var(--v5-navy)!important;text-decoration:none!important;font-size:14px;font-weight:800}
  .oia-v5-mobile-cat-row>button{height:42px;border:0;background:transparent;color:var(--v5-blue);display:grid;place-items:center}
  .oia-v5-mobile-cat-row>button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
  .oia-v5-mobile-cat-row>button[aria-expanded="true"] svg{transform:rotate(90deg)}
  .oia-v5-submenu{padding:6px 0 12px 14px;border-bottom:1px solid #EDF2F6}
  .oia-v5-submenu>a{display:block;padding:9px 8px;color:#53657A!important;text-decoration:none!important;font-size:13px}
  .oia-v5-submenu .oia-v5-viewall{color:var(--v5-blue)!important;font-weight:800}
  .oia-v5-drawer-links{margin-top:auto;padding:13px 16px 18px;border-top:1px solid #E7EEF4;background:#FAFCFD;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .oia-v5-drawer-links>a{min-width:0;padding:10px 6px;display:grid;justify-items:center;gap:6px;border:1px solid #E5EDF4;border-radius:12px;color:var(--v5-navy)!important;text-decoration:none!important;font-size:10px;font-weight:700}
  .oia-v5-drawer-links svg{width:20px;height:20px;fill:none;stroke:var(--v5-blue);stroke-width:1.7}

  .oia-home .oia-smart-hero{height:520px!important;min-height:520px!important;border-radius:0 0 24px 24px}
  .oia-hero-full-content{padding-bottom:68px!important}
  .oia-smart-hero .oia-hero-copy h1{font-size:clamp(40px,12vw,52px)!important;max-width:92%!important}
  .oia-smart-hero .oia-hero-copy p{font-size:14px!important;max-width:92%!important}
  .oia-home .oia-section{padding:54px 0}
  .oia-category-v43{padding-top:54px!important;padding-bottom:54px!important}
  .oia-category-only-heading h2{font-size:30px}
  .oia-category-3d .oia-category-track{padding-top:18px!important}
  .oia-category-3d .oia-category-slide,.oia-category-3d .oia-category-slide.is-active{min-height:360px!important}
  .oia-category-3d .oia-category-copy{padding-top:22px!important}
  .oia-category-3d .oia-category-copy strong{font-size:34px!important}
  .oia-category-3d .oia-category-copy b{margin-top:16px!important}
  .oia-category-3d .oia-category-image-wrap{height:165px!important;order:-1!important}
  .oia-why-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .oia-why-card{min-height:0!important;padding:20px 14px!important;border-radius:18px!important}
  .oia-why-icon{width:70px!important;height:70px!important;margin:8px 0 14px!important}
  .oia-why-icon svg{width:34px!important;height:34px!important}
  .oia-why-card h3{font-size:15px!important}
  .oia-why-card p{font-size:12px!important;line-height:1.5!important}
  .oia-why-number{top:12px!important;left:12px!important}
  .oia-why-mini-strip{grid-template-columns:1fr 1fr!important}
  .oia-why-mini{border-bottom:1px solid #E8EEF4!important}
  .oia-why-cta{grid-template-columns:1fr!important;text-align:center!important}
  .oia-why-cta-icon{margin:auto}
  .oia-why-btn{width:100%}

  .oia-home-footer{padding:38px 0 18px!important}
  .oia-footer-top{grid-template-columns:1fr!important;gap:0!important}
  .oia-footer-brand{grid-column:auto!important;padding-bottom:20px}
  .oia-footer-top>div:not(.oia-footer-brand){border-top:1px solid rgba(255,255,255,.10);padding:4px 0}
  .oia-footer-top>div:not(.oia-footer-brand)>h3{margin:0;padding:15px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between}
  .oia-footer-top>div:not(.oia-footer-brand)>h3::after{content:"+";font-size:20px;font-weight:400;color:#77DEE6}
  .oia-footer-top>div.is-open>h3::after{content:"−"}
  .oia-footer-top>div:not(.oia-footer-brand)>a{display:none!important}
  .oia-footer-top>div.is-open>a{display:block!important}
  .oia-footer-bottom{margin-top:26px!important}
}

@media(max-width:390px){
  .oia-v5-container{width:calc(100% - 22px)}
  .oia-v5-mobile-actions{gap:4px}
  .oia-v5-mobile-actions button,.oia-v5-mobile-actions>a{width:40px;height:40px}
  .oia-v5-brand img{max-width:104px}
  .oia-why-cards{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .oia-v5-mega,.oia-v5-drawer,.oia-product-card{transition:none!important}
}


/* v5.1 — restored full homepage product system empty states */
.oia-empty{
  min-height:170px!important;
  display:grid!important;
  place-items:center!important;
  padding:34px 22px!important;
  border:1px dashed #D5E1EA!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F8FBFD 100%)!important;
  color:#64748B!important;
  text-align:center!important;
  font-size:14px!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
.oia-empty::before{
  content:"";
  width:42px;
  height:4px;
  margin-bottom:14px;
  display:block;
  border-radius:999px;
  background:linear-gradient(90deg,var(--v5-blue),var(--v5-accent));
  opacity:.75;
}
@media(max-width:767px){
  .oia-empty{min-height:130px!important;padding:26px 18px!important}
}


/* =========================================================
   v5.2 FINAL REFERENCE-STYLE SHOP BY CATEGORY
   Clean artwork + separate caption. No counting / no overlay text.
   ========================================================= */

.oia-category-v52{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#FBFDFF 0%,#F7FAFD 100%)!important;
}

.oia-category-v52::before{
  content:"";
  position:absolute;
  left:50%;
  top:44%;
  width:760px;
  height:360px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(48,160,176,.09),transparent 68%);
  pointer-events:none;
}

.oia-category-v52 .oia-category-only-heading{
  position:relative;
  z-index:3;
  margin-bottom:30px!important;
  text-align:center;
}

.oia-category-v52 .oia-category-only-heading h2{
  margin:0;
  color:#0F172A;
  font-size:clamp(30px,3vw,42px);
  line-height:1.05;
  letter-spacing:-.045em;
}

.oia-category-v52 .oia-category-heading-accent{
  display:block;
  width:62px;
  height:4px;
  margin:13px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,var(--v5-blue),var(--v5-accent));
}

.oia-category-v52 .oia-category-ref{
  position:relative;
  z-index:3;
}

.oia-category-v52 .oia-category-viewport{
  overflow:visible;
}

.oia-category-v52 .oia-category-track{
  display:flex;
  align-items:center;
  gap:22px;
  overflow-x:auto;
  padding:28px calc((100% - min(720px,68vw))/2) 36px;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:calc((100% - min(720px,68vw))/2);
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
}

.oia-category-v52 .oia-category-track::-webkit-scrollbar{
  display:none;
}

.oia-category-v52 .oia-category-slide{
  position:relative;
  flex:0 0 min(720px,68vw);
  min-height:520px;
  display:grid;
  grid-template-rows:1fr auto;
  overflow:hidden;
  scroll-snap-align:center;
  scroll-snap-stop:always;
  border:1px solid rgba(32,96,144,.12);
  border-radius:30px;
  background:#fff;
  color:var(--v5-text)!important;
  text-decoration:none!important;
  box-shadow:0 18px 52px rgba(0,32,64,.07);
  opacity:.52;
  transform:scale(.88);
  filter:saturate(.82);
  transition:
    transform .52s cubic-bezier(.18,.78,.2,1),
    opacity .42s ease,
    filter .42s ease,
    box-shadow .42s ease,
    border-color .42s ease;
}

.oia-category-v52 .oia-category-slide.is-active{
  opacity:1;
  transform:scale(1);
  filter:none;
  border-color:rgba(48,160,176,.27);
  box-shadow:
    0 32px 80px rgba(0,32,64,.13),
    0 0 0 1px rgba(48,160,176,.05);
}

.oia-category-v52 .oia-category-art{
  position:relative;
  min-height:430px;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:30px 38px 18px;
}

.oia-category-v52 .oia-category-art::before{
  content:"";
  position:absolute;
  left:50%;
  top:48%;
  width:72%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(48,197,216,.13),rgba(48,160,176,.05) 42%,transparent 70%);
  pointer-events:none;
}

.oia-category-v52 .oia-category-art::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:34px;
  width:48%;
  height:34px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,32,64,.15),transparent 70%);
  filter:blur(7px);
  opacity:.52;
  pointer-events:none;
}

.oia-category-v52 .oia-cat-home .oia-category-art{
  background:linear-gradient(180deg,#F7FCFF 0%,#EDF7FC 100%);
}

.oia-category-v52 .oia-cat-kitchen .oia-category-art{
  background:linear-gradient(180deg,#FAFFFD 0%,#EEF9F5 100%);
}

.oia-category-v52 .oia-cat-mobile .oia-category-art{
  background:linear-gradient(180deg,#FBFAFF 0%,#F0EEFB 100%);
}

.oia-category-v52 .oia-cat-beauty .oia-category-art{
  background:linear-gradient(180deg,#FFF9FC 0%,#FBEFF5 100%);
}

.oia-category-v52 .oia-category-art img{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  max-height:390px;
  object-fit:contain;
  object-position:center center;
  filter:
    drop-shadow(0 28px 30px rgba(0,32,64,.14))
    drop-shadow(0 8px 10px rgba(0,32,64,.06));
  transform:translateY(4px) scale(.96);
  transition:transform .55s cubic-bezier(.18,.78,.2,1),filter .4s ease;
}

.oia-category-v52 .oia-category-slide.is-active .oia-category-art img{
  transform:translateY(-2px) scale(1.02);
}

.oia-category-v52 .oia-category-slide:hover .oia-category-art img{
  transform:translateY(-6px) scale(1.035);
}

.oia-category-v52 .oia-category-caption{
  min-height:88px;
  padding:0 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid #E7EEF4;
  background:rgba(255,255,255,.98);
}

.oia-category-v52 .oia-category-caption strong{
  min-width:0;
  color:var(--v5-navy);
  font-size:24px;
  line-height:1.15;
  letter-spacing:-.03em;
}

.oia-category-v52 .oia-category-caption span{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(32,96,144,.14);
  border-radius:50%;
  color:var(--v5-blue);
  background:#F5F9FC;
  font-size:18px;
  transition:background .22s ease,color .22s ease,transform .22s ease;
}

.oia-category-v52 .oia-category-slide:hover .oia-category-caption span{
  color:#fff;
  background:linear-gradient(135deg,var(--v5-blue),var(--v5-cyan));
  transform:translateX(3px);
}

.oia-category-v52 .oia-category-empty-art{
  position:relative;
  z-index:2;
  width:58%;
  aspect-ratio:1.12;
  border-radius:28px;
  border:1px solid rgba(32,96,144,.10);
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(230,240,247,.76));
  box-shadow:
    inset 0 1px 0 #fff,
    0 24px 40px rgba(0,32,64,.08);
}

.oia-category-v52 .oia-category-empty-art::before,
.oia-category-v52 .oia-category-empty-art::after{
  content:"";
  position:absolute;
  bottom:16%;
  border:2px solid rgba(32,96,144,.28);
  background:rgba(255,255,255,.52);
  box-shadow:0 16px 24px rgba(0,32,64,.08);
}

.oia-category-v52 .oia-category-empty-art::before{
  left:15%;
  width:29%;
  height:55%;
  border-radius:18px 18px 9px 9px;
}

.oia-category-v52 .oia-category-empty-art::after{
  right:14%;
  width:38%;
  height:68%;
  border-radius:22px 22px 10px 10px;
}

.oia-category-v52 .oia-category-prev,
.oia-category-v52 .oia-category-next{
  position:absolute;
  z-index:8;
  top:50%;
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border:1px solid rgba(32,96,144,.16);
  border-radius:50%;
  color:var(--v5-navy);
  background:rgba(255,255,255,.94);
  box-shadow:0 15px 35px rgba(0,32,64,.10);
  backdrop-filter:blur(12px);
  cursor:pointer;
  transform:translateY(-50%);
  transition:.22s ease;
}

.oia-category-v52 .oia-category-prev:hover,
.oia-category-v52 .oia-category-next:hover{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,var(--v5-blue),var(--v5-cyan));
}

.oia-category-v52 .oia-category-prev{left:10px}
.oia-category-v52 .oia-category-next{right:10px}

.oia-category-v52 .oia-category-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:2px;
}

.oia-category-v52 .oia-category-dots button{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#CFDAE4;
  cursor:pointer;
  transition:width .22s ease,background .22s ease;
}

.oia-category-v52 .oia-category-dots button.is-active{
  width:28px;
  background:linear-gradient(90deg,var(--v5-blue),var(--v5-accent));
}

/* kill every older visual overlay element if any cloned old markup survives */
.oia-category-v52 .oia-category-index,
.oia-category-v52 .oia-category-light-ring,
.oia-category-v52 .oia-category-floor-shadow,
.oia-category-v52 .oia-category-copy,
.oia-category-v52 .oia-category-placeholder{
  display:none!important;
}

@media(max-width:1100px){
  .oia-category-v52 .oia-category-track{
    padding-inline:calc((100% - min(660px,74vw))/2);
    scroll-padding-inline:calc((100% - min(660px,74vw))/2);
  }

  .oia-category-v52 .oia-category-slide{
    flex-basis:min(660px,74vw);
    min-height:490px;
  }

  .oia-category-v52 .oia-category-art{
    min-height:405px;
  }
}

@media(max-width:767px){
  .oia-category-v52{
    padding-top:54px!important;
    padding-bottom:54px!important;
  }

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

  .oia-category-v52 .oia-category-only-heading h2{
    font-size:29px;
  }

  .oia-category-v52 .oia-category-track{
    gap:14px;
    padding:18px 6vw 28px;
    scroll-padding-inline:6vw;
  }

  .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{
    flex:0 0 88vw;
    min-height:430px;
    opacity:1;
    transform:none;
    filter:none;
    border-radius:24px;
  }

  .oia-category-v52 .oia-category-art{
    min-height:350px;
    padding:22px 22px 12px;
  }

  .oia-category-v52 .oia-category-art img{
    max-height:315px;
    transform:none!important;
  }

  .oia-category-v52 .oia-category-caption{
    min-height:76px;
    padding:0 20px;
  }

  .oia-category-v52 .oia-category-caption strong{
    font-size:20px;
  }

  .oia-category-v52 .oia-category-caption span{
    width:38px;
    height:38px;
    flex-basis:38px;
  }

  .oia-category-v52 .oia-category-prev,
  .oia-category-v52 .oia-category-next{
    display:none;
  }

  .oia-category-v52::before{
    width:520px;
    height:300px;
  }
}

@media(max-width:390px){
  .oia-category-v52 .oia-category-slide,
  .oia-category-v52 .oia-category-slide.is-active{
    flex-basis:89vw;
    min-height:405px;
  }

  .oia-category-v52 .oia-category-art{
    min-height:328px;
  }

  .oia-category-v52 .oia-category-caption strong{
    font-size:18px;
  }
}

@media(prefers-reduced-motion:reduce){
  .oia-category-v52 .oia-category-slide,
  .oia-category-v52 .oia-category-art img,
  .oia-category-v52 .oia-category-caption span,
  .oia-category-v52 .oia-category-dots button{
    transition:none!important;
  }
}


/* =========================================================
   v5.3 category interaction + animation fixes
   ========================================================= */
.oia-category-v52 .oia-category-slide{
  cursor:pointer!important;
  pointer-events:auto!important;
  -webkit-tap-highlight-color:transparent;
  touch-action:pan-y pinch-zoom;
}

.oia-category-v52 .oia-category-slide.is-clone{
  pointer-events:none!important;
  cursor:default!important;
}

.oia-category-v52 .oia-category-track{
  scroll-behavior:auto;
  -webkit-overflow-scrolling:touch;
}

.oia-category-v52 .oia-category-art,
.oia-category-v52 .oia-category-caption{
  pointer-events:none;
}

.oia-category-v52 .oia-category-slide.is-active{
  z-index:3;
}

.oia-category-v52 .oia-category-slide.is-prev,
.oia-category-v52 .oia-category-slide.is-next{
  z-index:2;
}

@media (hover:hover) and (pointer:fine){
  .oia-category-v52 .oia-category-slide:hover{
    border-color:rgba(48,160,176,.30)!important;
  }
}

@media(max-width:767px){
  .oia-category-v52 .oia-category-track{
    touch-action:pan-x pan-y;
  }
}


/* =========================================================
   v5.4 FINAL FULL-BLEED CATEGORY CARDS
   Full cinematic image edge-to-edge + centered title overlay.
   ========================================================= */

.oia-category-v52 .oia-category-slide{
  display:block!important;
  min-height:0!important;
  height:540px!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:#07192B!important;
}

.oia-category-v52 .oia-category-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#07192B!important;
}

.oia-category-v52 .oia-category-art::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  left:0!important;
  top:0!important;
  transform:none!important;
  border-radius:0!important;
  background:
    linear-gradient(
      180deg,
      rgba(0,18,36,.03) 0%,
      rgba(0,18,36,.02) 50%,
      rgba(0,18,36,.26) 72%,
      rgba(0,18,36,.68) 100%
    )!important;
  z-index:3!important;
  pointer-events:none!important;
}

.oia-category-v52 .oia-category-art::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  width:100%!important;
  height:44%!important;
  left:0!important;
  bottom:0!important;
  transform:none!important;
  border-radius:0!important;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,20,40,.16) 32%,
      rgba(0,20,40,.50) 72%,
      rgba(0,20,40,.78) 100%
    )!important;
  filter:none!important;
  opacity:1!important;
  z-index:3!important;
  pointer-events:none!important;
}

.oia-category-v52 .oia-cat-home .oia-category-art,
.oia-category-v52 .oia-cat-kitchen .oia-category-art,
.oia-category-v52 .oia-cat-mobile .oia-category-art,
.oia-category-v52 .oia-cat-beauty .oia-category-art{
  background:#07192B!important;
}

.oia-category-v52 .oia-category-art img{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
  transform:scale(1.02)!important;
  transition:transform .72s cubic-bezier(.18,.78,.2,1),filter .4s ease!important;
}

.oia-category-v52 .oia-category-slide.is-active .oia-category-art img{
  transform:scale(1.045)!important;
}

@media (hover:hover) and (pointer:fine){
  .oia-category-v52 .oia-category-slide:hover .oia-category-art img{
    transform:scale(1.06)!important;
  }
}

.oia-category-v52 .oia-category-title-overlay{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  bottom:30px!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  pointer-events:none!important;
}

.oia-category-v52 .oia-category-title-overlay strong{
  display:inline-block!important;
  max-width:92%!important;
  margin:0!important;
  color:#F7FCFF!important;
  font-family:inherit!important;
  font-size:clamp(23px,2.2vw,30px)!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  text-shadow:
    0 2px 8px rgba(0,18,36,.52),
    0 8px 24px rgba(0,18,36,.38)!important;
}

.oia-category-v52 .oia-category-caption{
  display:none!important;
}

.oia-category-v52 .oia-category-empty-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 68% 38%,rgba(48,197,216,.18),transparent 26%),
    linear-gradient(145deg,#0B2036,#123B54 58%,#10233A)!important;
  box-shadow:none!important;
}

.oia-category-v52 .oia-category-empty-art::before,
.oia-category-v52 .oia-category-empty-art::after{
  display:none!important;
}

/* Side cards remain visible but still premium and readable */
.oia-category-v52 .oia-category-slide{
  opacity:.58!important;
  transform:scale(.90)!important;
  filter:saturate(.84) brightness(.95)!important;
}

.oia-category-v52 .oia-category-slide.is-active{
  opacity:1!important;
  transform:scale(1)!important;
  filter:none!important;
  box-shadow:
    0 34px 82px rgba(0,32,64,.15),
    0 0 0 1px rgba(48,160,176,.05)!important;
}

.oia-category-v52 .oia-category-slide.is-prev,
.oia-category-v52 .oia-category-slide.is-next{
  opacity:.62!important;
}

/* No lines, no bottom white bar, no arrow/icon */
.oia-category-v52 .oia-category-caption,
.oia-category-v52 .oia-category-caption::before,
.oia-category-v52 .oia-category-caption::after,
.oia-category-v52 .oia-category-slide::after{
  display:none!important;
  content:none!important;
}

@media(max-width:1100px){
  .oia-category-v52 .oia-category-slide{
    height:500px!important;
  }
}

@media(max-width:767px){
  .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{
    height:430px!important;
    min-height:430px!important;
    border-radius:24px!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }

  .oia-category-v52 .oia-category-art img,
  .oia-category-v52 .oia-category-slide.is-active .oia-category-art img{
    transform:scale(1.025)!important;
  }

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

  .oia-category-v52 .oia-category-title-overlay strong{
    font-size:20px!important;
    letter-spacing:.04em!important;
  }
}

@media(max-width:390px){
  .oia-category-v52 .oia-category-slide,
  .oia-category-v52 .oia-category-slide.is-active{
    height:405px!important;
    min-height:405px!important;
  }

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

/* v5.5 cache-busted full-bleed category rules active */


/* =========================================================
   v5.6 BALANCED SHOP BY CATEGORY
   Correct 1600x1100 image ratio, shorter cards, larger side peeks.
   ========================================================= */

.oia-category-v52{
  padding-top:56px!important;
  padding-bottom:52px!important;
}

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

.oia-category-v52 .oia-category-only-heading h2{
  font-size:clamp(30px,3vw,40px)!important;
  line-height:1.08!important;
}

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

.oia-category-v52 .oia-category-track{
  gap:18px!important;
  padding-top:10px!important;
  padding-bottom:24px!important;
  padding-left:calc((100% - min(600px,56vw))/2)!important;
  padding-right:calc((100% - min(600px,56vw))/2)!important;
  scroll-padding-inline:calc((100% - min(600px,56vw))/2)!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{
  flex:0 0 min(600px,56vw)!important;
  width:min(600px,56vw)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16 / 11!important;
  border-radius:26px!important;
}

/* Side cards remain visible instead of looking heavily chopped/shrunken. */
.oia-category-v52 .oia-category-slide{
  opacity:.68!important;
  transform:scale(.95)!important;
  filter:saturate(.90) brightness(.98)!important;
}

.oia-category-v52 .oia-category-slide.is-active{
  opacity:1!important;
  transform:scale(1)!important;
  filter:none!important;
}

.oia-category-v52 .oia-category-slide.is-prev,
.oia-category-v52 .oia-category-slide.is-next{
  opacity:.76!important;
  transform:scale(.96)!important;
}

/* Match uploaded 1600x1100 artwork exactly: almost no composition crop. */
.oia-category-v52 .oia-category-art img{
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.005)!important;
}

.oia-category-v52 .oia-category-slide.is-active .oia-category-art img{
  transform:scale(1.015)!important;
}

@media (hover:hover) and (pointer:fine){
  .oia-category-v52 .oia-category-slide:hover .oia-category-art img{
    transform:scale(1.025)!important;
  }
}

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

.oia-category-v52 .oia-category-title-overlay strong{
  font-size:clamp(21px,1.9vw,27px)!important;
  letter-spacing:.04em!important;
}

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

@media(max-width:1100px){
  .oia-category-v52 .oia-category-track{
    padding-left:calc((100% - min(560px,62vw))/2)!important;
    padding-right:calc((100% - min(560px,62vw))/2)!important;
    scroll-padding-inline:calc((100% - min(560px,62vw))/2)!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{
    flex-basis:min(560px,62vw)!important;
    width:min(560px,62vw)!important;
    aspect-ratio:16 / 11!important;
    height:auto!important;
    min-height:0!important;
  }
}

@media(max-width:767px){
  .oia-category-v52{
    padding-top:40px!important;
    padding-bottom:40px!important;
  }

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

  .oia-category-v52 .oia-category-only-heading h2{
    font-size:28px!important;
  }

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

  .oia-category-v52 .oia-category-track{
    gap:12px!important;
    padding:8px 8vw 20px!important;
    scroll-padding-inline:8vw!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{
    flex:0 0 84vw!important;
    width:84vw!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 11!important;
    border-radius:22px!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }

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

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

@media(max-width:390px){
  .oia-category-v52 .oia-category-slide,
  .oia-category-v52 .oia-category-slide.is-active{
    flex-basis:85vw!important;
    width:85vw!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 11!important;
  }
}


/* =========================================================
   v5.7 PRO CATEGORY SPACING + MOTION SUPPORT
   Target: ~24–30px visual gap from heading accent to card.
   ========================================================= */

.oia-category-v52{
  padding-top:46px!important;
  padding-bottom:44px!important;
}

.oia-category-v52 .oia-category-only-heading{
  margin-bottom:0!important;
  padding-bottom:0!important;
}

.oia-category-v52 .oia-category-only-heading h2{
  margin-bottom:0!important;
}

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

.oia-category-v52 .oia-category-ref{
  margin-top:-52px!important;
}

.oia-category-v52 .oia-category-viewport{
  margin:0!important;
  padding:0!important;
}

.oia-category-v52 .oia-category-track{
  padding-top:0!important;
  padding-bottom:18px!important;
  scroll-behavior:auto!important;
}

/* Keep enough breathing room for centered cards, but remove dead vertical air. */
.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{
  aspect-ratio:16 / 11!important;
  height:auto!important;
  min-height:0!important;
}

/* Smooth visual state changes; actual horizontal movement comes from JS scroll. */
.oia-category-v52 .oia-category-slide{
  transition:
    transform .48s cubic-bezier(.18,.78,.2,1),
    opacity .36s ease,
    filter .36s ease,
    box-shadow .42s ease!important;
  will-change:transform,opacity;
}

.oia-category-v52 .oia-category-track{
  scroll-snap-type:x mandatory!important;
  overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch;
}

.oia-category-v52 .oia-category-slide{
  scroll-snap-align:center!important;
  scroll-snap-stop:always!important;
}

.oia-category-v52 .oia-category-slide.is-clone{
  pointer-events:none!important;
  user-select:none!important;
}

/* Avoid accidental image/text selection while swiping. */
.oia-category-v52 .oia-category-art,
.oia-category-v52 .oia-category-title-overlay{
  user-select:none!important;
  -webkit-user-select:none!important;
}

@media(max-width:1100px){
  .oia-category-v52 .oia-category-ref{
    margin-top:-44px!important;
  }
}

@media(max-width:767px){
  .oia-category-v52{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }

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

  .oia-category-v52 .oia-category-ref{
    margin-top:-24px!important;
  }

  .oia-category-v52 .oia-category-track{
    padding-top:0!important;
    padding-bottom:14px!important;
  }
}

@media(max-width:390px){
  .oia-category-v52 .oia-category-ref{
    margin-top:-18px!important;
  }
}


/* =========================================================
   v5.8 STABLE COMPACT PREMIUM CATEGORY CARDS
   ---------------------------------------------------------
   Key rules:
   - identical geometry for active / side / clone cards
   - no scale-based size changes
   - compact premium landscape proportion
   - invisible clone-edge reset
   ========================================================= */

.oia-category-v52{
  padding-top:42px!important;
  padding-bottom:34px!important;
}

.oia-category-v52 .oia-category-ref{
  margin-top:-48px!important;
}

/* DESKTOP: intentionally shorter than previous 16:11 card. */
.oia-category-v52 .oia-category-track{
  gap:18px!important;
  padding-top:0!important;
  padding-bottom:14px!important;
  padding-left:calc((100% - min(580px,54vw))/2)!important;
  padding-right:calc((100% - min(580px,54vw))/2)!important;
  scroll-padding-inline:calc((100% - min(580px,54vw))/2)!important;
  align-items:center!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-clone{
  flex:0 0 min(580px,54vw)!important;
  width:min(580px,54vw)!important;
  height:335px!important;
  min-height:335px!important;
  max-height:335px!important;
  aspect-ratio:auto!important;
  box-sizing:border-box!important;
  transform:none!important;
  border-radius:25px!important;
}

/* All slides keep the SAME physical size. Active emphasis comes only
   from opacity/filter/shadow, never scale. */
.oia-category-v52 .oia-category-slide{
  opacity:.72!important;
  filter:saturate(.88) brightness(.96)!important;
  box-shadow:0 16px 38px rgba(0,32,64,.06)!important;
  border:1px solid rgba(70,128,165,.13)!important;
}

.oia-category-v52 .oia-category-slide.is-prev,
.oia-category-v52 .oia-category-slide.is-next{
  opacity:.80!important;
  filter:saturate(.92) brightness(.98)!important;
}

.oia-category-v52 .oia-category-slide.is-active{
  opacity:1!important;
  filter:none!important;
  box-shadow:
    0 24px 58px rgba(0,32,64,.15),
    0 0 0 1px rgba(48,197,216,.08)!important;
}

/* Clone has the same dimensions and state treatment as its real card. */
.oia-category-v52 .oia-category-slide.is-clone{
  box-sizing:border-box!important;
}

/* No transition at the invisible clone -> real-card reset. */
.oia-category-v52 .oia-category-carousel.oia-loop-resetting .oia-category-slide,
.oia-category-v52 .oia-category-carousel.oia-loop-resetting .oia-category-art img,
.oia-category-v52 .oia-category-carousel.oia-loop-resetting .oia-category-track{
  transition:none!important;
  scroll-behavior:auto!important;
}

/* Shorter card uses a controlled cinematic crop. */
.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:cover!important;
  object-position:center center!important;
  transform:scale(1.008)!important;
}

.oia-category-v52 .oia-category-slide.is-active .oia-category-art img{
  transform:scale(1.012)!important;
}

@media (hover:hover) and (pointer:fine){
  .oia-category-v52 .oia-category-slide:hover .oia-category-art img{
    transform:scale(1.018)!important;
  }
}

/* More refined title sizing for the shorter premium card. */
.oia-category-v52 .oia-category-title-overlay{
  bottom:22px!important;
  left:20px!important;
  right:20px!important;
}

.oia-category-v52 .oia-category-title-overlay strong{
  font-size:clamp(20px,1.7vw,24px)!important;
  line-height:1.05!important;
  letter-spacing:.038em!important;
  font-weight:800!important;
}

/* Slightly shallower readability gradient for a cleaner image-first look. */
.oia-category-v52 .oia-category-art::after{
  height:36%!important;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,20,40,.10) 28%,
      rgba(0,20,40,.58) 100%
    )!important;
}

/* Tablet */
@media(max-width:1100px){
  .oia-category-v52 .oia-category-ref{
    margin-top:-40px!important;
  }

  .oia-category-v52 .oia-category-track{
    padding-left:calc((100% - min(540px,61vw))/2)!important;
    padding-right:calc((100% - min(540px,61vw))/2)!important;
    scroll-padding-inline:calc((100% - min(540px,61vw))/2)!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-clone{
    flex-basis:min(540px,61vw)!important;
    width:min(540px,61vw)!important;
    height:315px!important;
    min-height:315px!important;
    max-height:315px!important;
  }
}

/* Mobile: compact but still cinematic; next-card peek preserved. */
@media(max-width:767px){
  .oia-category-v52{
    padding-top:32px!important;
    padding-bottom:28px!important;
  }

  .oia-category-v52 .oia-category-ref{
    margin-top:-20px!important;
  }

  .oia-category-v52 .oia-category-track{
    gap:12px!important;
    padding:0 8vw 12px!important;
    scroll-padding-inline:8vw!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-clone{
    flex:0 0 84vw!important;
    width:84vw!important;
    height:235px!important;
    min-height:235px!important;
    max-height:235px!important;
    border-radius:21px!important;
    transform:none!important;
  }

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

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

@media(max-width:390px){
  .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-clone{
    flex-basis:85vw!important;
    width:85vw!important;
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
  }
}


/* =========================================================
   v5.9 HEADER + MEGA MENU GEOMETRY FIX
   ========================================================= */

/* Balanced top navigation: no large dead area on the right. */
.oia-v5-nav{
  position:relative!important;
  width:100%!important;
  min-height:52px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  gap:10px!important;
}

.oia-v5-nav>a,
.oia-v5-parent-link{
  min-height:52px!important;
  padding:0 14px!important;
  justify-content:center!important;
}

/* Make every desktop mega panel relative to the full nav, not to the
   individual menu item. This prevents right-edge clipping. */
.oia-v5-mega-item{
  position:static!important;
  display:flex!important;
  align-items:stretch!important;
}

.oia-v5-mega{
  left:50%!important;
  right:auto!important;
  top:calc(100% + 8px)!important;
  width:min(980px,calc(100vw - 48px))!important;
  max-width:980px!important;
  transform:translate(-50%,8px)!important;
  transform-origin:top center!important;
}

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

.oia-v5-mega-top{
  align-items:center!important;
  padding-bottom:14px!important;
  margin-bottom:10px!important;
}

.oia-v5-mega-top>strong{
  margin:0!important;
  color:var(--v5-navy)!important;
  font-size:22px!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
}

/* v5.9 markup removes this, but hide defensively if an HTML cache is stale. */
.oia-v5-mega-top small{
  display:none!important;
}

@media(max-width:1024px) and (min-width:768px){
  .oia-v5-nav{
    gap:3px!important;
  }
  .oia-v5-nav>a,
  .oia-v5-parent-link{
    padding:0 9px!important;
    font-size:11.5px!important;
  }
  .oia-v5-mega{
    width:min(860px,calc(100vw - 32px))!important;
  }
}

/* =========================================================
   v5.9 BLOCKSY HOMEPAGE TOP-GAP RESET
   The shortcode homepage must begin immediately after our premium nav.
   ========================================================= */
body.oneinall-final-home-active{
  --content-vertical-spacing:0px!important;
  --content-spacing:0px!important;
}

body.oneinall-final-home-active .site-main,
body.oneinall-final-home-active #main,
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-top:0!important;
  padding-top:0!important;
}

body.oneinall-final-home-active .entry-content>.oia-home:first-child,
body.oneinall-final-home-active .oia-home{
  margin-top:0!important;
  padding-top:0!important;
}

/* =========================================================
   v5.9 COMPACT HERO
   ========================================================= */
.oia-home .oia-smart-hero{
  height:var(--oia-hero-height,500px)!important;
  min-height:var(--oia-hero-height,500px)!important;
  max-height:620px!important;
  margin-top:0!important;
  border-radius:0 0 26px 26px!important;
}

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

.oia-smart-hero .oia-hero-copy h1{
  font-size:clamp(48px,5.3vw,72px)!important;
}

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

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

.oia-smart-hero .oia-hero-arrow{
  width:44px!important;
  height:44px!important;
}

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

@media(max-width:767px){
  .oia-home .oia-smart-hero{
    height:440px!important;
    min-height:440px!important;
    border-radius:0 0 22px 22px!important;
  }

  .oia-hero-full-content{
    align-items:flex-end!important;
    padding-bottom:62px!important;
  }

  .oia-smart-hero .oia-hero-copy h1{
    font-size:clamp(36px,11vw,50px)!important;
  }

  .oia-smart-hero .oia-hero-arrow{
    bottom:12px!important;
    width:38px!important;
    height:38px!important;
  }

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

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

  .oia-hero-full-content{
    padding-bottom:58px!important;
  }
}



/* =========================================================
   v5.9 PREMIUM 3D SHOP-BY-CATEGORY STAGE
   Reference direction: center hero card, side cards behind/peeking.
   Fixed stage geometry means no loop-end container resize.
   ========================================================= */

.oia-category-v52{
  padding-top:46px!important;
  padding-bottom:42px!important;
  overflow:visible!important;
}

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

.oia-category-v52 .oia-category-only-heading h2{
  margin:0!important;
  font-size:clamp(30px,3vw,40px)!important;
}

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

.oia-category-v52 .oia-category-ref{
  position:relative!important;
  margin:0!important;
  padding:0!important;
  min-height:354px!important;
}

.oia-category-v52 .oia-category-viewport{
  position:relative!important;
  width:100%!important;
  height:338px!important;
  min-height:338px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  perspective:1500px!important;
}

.oia-category-v52 .oia-category-track{
  --oia-cat-card-w:min(560px,50vw);
  --oia-cat-card-h:310px;
  --oia-cat-shift:clamp(240px,27vw,360px);
  position:relative!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  display:block!important;
  scroll-snap-type:none!important;
  transform-style:preserve-3d!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{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  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;
  flex:none!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:27px!important;
  overflow:hidden!important;
  transform-origin:center center!important;
  transition:
    transform .72s cubic-bezier(.2,.78,.2,1),
    opacity .45s ease,
    filter .45s ease,
    box-shadow .55s ease!important;
  backface-visibility:hidden!important;
  will-change:transform,opacity!important;
}

.oia-category-v52 .oia-category-slide.is-active{
  z-index:40!important;
  opacity:1!important;
  filter:none!important;
  transform:translate3d(-50%,-50%,90px) scale(1)!important;
  box-shadow:
    0 34px 75px rgba(0,25,52,.22),
    0 8px 24px rgba(0,32,64,.10)!important;
  pointer-events:auto!important;
}

.oia-category-v52 .oia-category-slide.is-prev{
  z-index:24!important;
  opacity:.78!important;
  filter:saturate(.86) brightness(.86)!important;
  transform:
    translate3d(calc(-50% - var(--oia-cat-shift)),-50%,0)
    rotateY(7deg)
    scale(.82)!important;
  box-shadow:0 20px 46px rgba(0,25,52,.13)!important;
  pointer-events:auto!important;
}

.oia-category-v52 .oia-category-slide.is-next{
  z-index:24!important;
  opacity:.78!important;
  filter:saturate(.86) brightness(.86)!important;
  transform:
    translate3d(calc(-50% + var(--oia-cat-shift)),-50%,0)
    rotateY(-7deg)
    scale(.82)!important;
  box-shadow:0 20px 46px rgba(0,25,52,.13)!important;
  pointer-events:auto!important;
}

.oia-category-v52 .oia-category-slide.is-far{
  z-index:5!important;
  opacity:0!important;
  filter:saturate(.75) brightness(.72)!important;
  transform:translate3d(-50%,-50%,-120px) scale(.70)!important;
  pointer-events:none!important;
}

.oia-category-v52 .oia-category-art,
.oia-category-v52 .oia-category-art img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}

.oia-category-v52 .oia-category-art{
  overflow:hidden!important;
}

.oia-category-v52 .oia-category-art img{
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.01)!important;
  transition:transform .75s cubic-bezier(.2,.78,.2,1)!important;
}

.oia-category-v52 .oia-category-slide.is-active .oia-category-art img{
  transform:scale(1.025)!important;
}

.oia-category-v52 .oia-category-art::after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  height:37%!important;
  background:linear-gradient(180deg,transparent 0%,rgba(0,18,38,.12) 32%,rgba(0,18,38,.68) 100%)!important;
  pointer-events:none!important;
}

.oia-category-v52 .oia-category-title-overlay{
  position:absolute!important;
  z-index:5!important;
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  pointer-events:none!important;
}

.oia-category-v52 .oia-category-title-overlay strong{
  max-width:92%!important;
  margin:0!important;
  color:#F8FCFF!important;
  font-size:clamp(20px,1.7vw,25px)!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  text-shadow:0 4px 18px rgba(0,18,38,.54)!important;
}

.oia-category-v52 .oia-category-caption{
  display:none!important;
}

.oia-category-v52 .oia-category-prev,
.oia-category-v52 .oia-category-next{
  z-index:60!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:44px!important;
  height:44px!important;
}

.oia-category-v52 .oia-category-prev{left:4px!important}
.oia-category-v52 .oia-category-next{right:4px!important}

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

@media(max-width:1100px){
  .oia-category-v52 .oia-category-track{
    --oia-cat-card-w:min(520px,56vw);
    --oia-cat-card-h:292px;
    --oia-cat-shift:clamp(210px,26vw,300px);
  }

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

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

@media(max-width:767px){
  .oia-category-v52{
    padding-top:34px!important;
    padding-bottom:32px!important;
  }

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

  .oia-category-v52 .oia-category-only-heading h2{
    font-size:28px!important;
  }

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

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

  .oia-category-v52 .oia-category-track{
    --oia-cat-card-w:82vw;
    --oia-cat-card-h:232px;
    --oia-cat-shift:58vw;
  }

  .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:22px!important;
  }

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

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

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

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

  .oia-category-v52 .oia-category-prev,
  .oia-category-v52 .oia-category-next{
    display:none!important;
  }
}

@media(max-width:390px){
  .oia-category-v52 .oia-category-track{
    --oia-cat-card-w:84vw;
    --oia-cat-card-h:220px;
    --oia-cat-shift:59vw;
  }

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

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

@media(prefers-reduced-motion:reduce){
  .oia-category-v52 .oia-category-slide,
  .oia-category-v52 .oia-category-art img{
    transition:none!important;
  }
}


/* =========================================================
   v6.0 PREMIUM MOTION + WHY SHOP POLISH
   ========================================================= */

/* ---------- Full-bleed compact hero ---------- */
body.oneinall-final-home-active,
body.oia-v5-polished-site{
  overflow-x:clip!important;
}

.oia-home .oia-smart-hero{
  width:100vw!important;
  height:400px!important;
  min-height:400px!important;
  max-height:400px!important;
  margin-top:0!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  border-radius:0 0 24px 24px!important;
}

.oia-smart-hero .oia-hero-slide{
  transition:
    opacity .62s ease,
    visibility .62s ease,
    transform 4.8s cubic-bezier(.2,.7,.25,1)!important;
}

.oia-smart-hero .oia-hero-copy-overlay{
  width:min(590px,52%)!important;
  padding:20px 0!important;
}

.oia-smart-hero .oia-hero-copy h1{
  margin:8px 0 16px!important;
  font-size:clamp(40px,4.4vw,62px)!important;
  line-height:.96!important;
}

.oia-smart-hero .oia-hero-copy p{
  font-size:15px!important;
  line-height:1.55!important;
}

.oia-smart-hero .oia-primary-btn,
.oia-smart-hero .oia-ghost-btn{
  min-height:44px!important;
  padding:0 18px!important;
}

.oia-smart-hero .oia-hero-arrow{
  width:42px!important;
  height:42px!important;
}

.oia-smart-hero .oia-hero-prev{left:18px!important}
.oia-smart-hero .oia-hero-next{right:18px!important}
.oia-smart-hero .oia-hero-dots{bottom:15px!important}

/* ---------- Slightly quicker category state transitions ---------- */
.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{
  transition:
    transform .58s cubic-bezier(.2,.78,.2,1),
    opacity .38s ease,
    filter .38s ease,
    box-shadow .45s ease!important;
}

/* ---------- Modern Why Shop background ---------- */
.oia-why-shop{
  position:relative!important;
  overflow:hidden!important;
  padding-top:54px!important;
  padding-bottom:54px!important;
  background:
    radial-gradient(circle at 12% 4%,rgba(48,197,216,.10),transparent 24%),
    radial-gradient(circle at 91% 92%,rgba(32,96,144,.09),transparent 27%),
    linear-gradient(180deg,#FBFDFF 0%,#F5F9FD 100%)!important;
}

.oia-why-bg{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.75!important;
  background-image:
    linear-gradient(rgba(15,50,82,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,50,82,.025) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 82%,transparent 100%)!important;
}

.oia-why-orbit,
.oia-why-dot,
.oia-why-divider,
.oia-why-number,
.oia-card-line{
  display:none!important;
}

/* ---------- Heading ---------- */
.oia-why-heading{
  position:relative!important;
  z-index:2!important;
  max-width:760px!important;
  margin:0 auto 28px!important;
  text-align:center!important;
}

.oia-why-badge{
  min-height:30px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  color:#0B6680!important;
  border:1px solid rgba(48,160,176,.20)!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}

.oia-why-heading h2{
  margin:0!important;
  color:#0F2740!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  font-size:clamp(32px,3.3vw,44px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
}

.oia-why-badge + h2{
  margin-top:12px!important;
}

.oia-why-heading p{
  max-width:650px!important;
  margin:10px auto 0!important;
  color:#5C6B7F!important;
  font-size:14px!important;
  line-height:1.55!important;
}

/* ---------- Premium asymmetric Bento ---------- */
.oia-why-cards.oia-why-bento{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,112px)!important;
  gap:14px!important;
}

.oia-why-card{
  position:relative!important;
  min-height:0!important;
  padding:22px!important;
  align-items:flex-start!important;
  text-align:left!important;
  border:1px solid rgba(23,72,110,.10)!important;
  border-radius:22px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(248,252,255,.90))!important;
  box-shadow:
    0 12px 36px rgba(0,32,64,.055),
    inset 0 1px 0 rgba(255,255,255,.90)!important;
  backdrop-filter:blur(12px)!important;
  overflow:hidden!important;
  transition:
    transform .28s cubic-bezier(.2,.75,.25,1),
    border-color .28s ease,
    box-shadow .28s ease!important;
}

.oia-why-card::before{
  content:""!important;
  position:absolute!important;
  width:150px!important;
  height:150px!important;
  right:-62px!important;
  top:-70px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(48,197,216,.14),transparent 68%)!important;
  pointer-events:none!important;
}

.oia-why-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(48,160,176,.27)!important;
  box-shadow:
    0 20px 48px rgba(0,32,64,.085),
    0 0 0 1px rgba(48,197,216,.035)!important;
}

/* Two larger cards + two compact cards = bento hierarchy */
.oia-why-card:nth-child(1){
  grid-column:span 4!important;
  grid-row:span 2!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(48,197,216,.12),transparent 34%),
    linear-gradient(145deg,#FFFFFF,#F7FCFF)!important;
}
.oia-why-card:nth-child(2){
  grid-column:span 4!important;
  grid-row:span 2!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(32,96,144,.11),transparent 36%),
    linear-gradient(145deg,#FFFFFF,#F7FAFE)!important;
}
.oia-why-card:nth-child(3),
.oia-why-card:nth-child(4){
  grid-column:span 4!important;
  display:grid!important;
  grid-template-columns:48px 1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:14px!important;
  row-gap:3px!important;
  align-content:center!important;
  padding:16px 18px!important;
}
.oia-why-card:nth-child(3){grid-row:1!important}
.oia-why-card:nth-child(4){grid-row:2!important}

.oia-why-icon{
  width:50px!important;
  height:50px!important;
  margin:0 0 20px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  color:#0D6C8A!important;
  background:
    linear-gradient(145deg,rgba(223,250,253,.96),rgba(237,246,255,.92))!important;
  box-shadow:
    inset 0 0 0 1px rgba(48,160,176,.10),
    0 8px 20px rgba(24,99,130,.07)!important;
}

.oia-why-icon svg{
  width:25px!important;
  height:25px!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
}

.oia-why-card:hover .oia-why-icon svg{
  transform:scale(1.05)!important;
  filter:none!important;
}

.oia-why-card h3{
  margin:0 0 8px!important;
  color:#112B43!important;
  font-size:17px!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
}

.oia-why-card p{
  margin:0!important;
  color:#607084!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}

.oia-why-card:nth-child(1) h3,
.oia-why-card:nth-child(2) h3{
  margin-top:auto!important;
  font-size:19px!important;
}

.oia-why-card:nth-child(1) p,
.oia-why-card:nth-child(2) p{
  max-width:300px!important;
}

.oia-why-card:nth-child(3) .oia-why-icon,
.oia-why-card:nth-child(4) .oia-why-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  margin:0!important;
  width:46px!important;
  height:46px!important;
}

.oia-why-card:nth-child(3) h3,
.oia-why-card:nth-child(4) h3{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  font-size:15px!important;
}

.oia-why-card:nth-child(3) p,
.oia-why-card:nth-child(4) p{
  grid-column:2!important;
  grid-row:2!important;
  font-size:11.5px!important;
  line-height:1.38!important;
}

/* ---------- Bottom bento: benefits + CTA side by side ---------- */
.oia-why-bottom{
  position:relative!important;
  z-index:2!important;
  margin-top:14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.6fr) minmax(330px,.8fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}

.oia-why-mini-strip{
  margin:0!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  border:1px solid rgba(23,72,110,.10)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 12px 32px rgba(0,32,64,.045)!important;
  backdrop-filter:blur(10px)!important;
}

.oia-why-mini{
  min-width:0!important;
  min-height:54px!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:0!important;
  border-radius:14px!important;
  background:rgba(247,251,254,.72)!important;
}

.oia-why-mini-icon{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:10px!important;
  color:#0F7791!important;
  background:#EAF8FA!important;
}

.oia-why-mini-icon svg{
  width:19px!important;
  height:19px!important;
}

.oia-why-mini strong{
  font-size:12px!important;
  color:#15324B!important;
}

.oia-why-mini small{
  margin-top:2px!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  color:#718096!important;
}

/* ---------- Premium dark CTA accent ---------- */
.oia-why-cta{
  margin:0!important;
  padding:18px 18px!important;
  min-height:130px!important;
  display:grid!important;
  grid-template-columns:48px 1fr!important;
  grid-template-rows:auto auto!important;
  gap:5px 12px!important;
  align-content:center!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 96% 0%,rgba(48,197,216,.24),transparent 34%),
    linear-gradient(135deg,#06233B 0%,#0A3D56 62%,#0B5366 100%)!important;
  box-shadow:0 18px 42px rgba(0,32,64,.12)!important;
  overflow:hidden!important;
}

.oia-why-cta-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:46px!important;
  height:46px!important;
  margin:0!important;
  border-radius:14px!important;
  color:#8DE7EE!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}

.oia-why-cta-icon svg{
  width:24px!important;
  height:24px!important;
}

.oia-why-cta-copy{
  grid-column:2!important;
  grid-row:1!important;
}

.oia-why-cta-copy small{
  color:rgba(255,255,255,.64)!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}

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

.oia-why-btn{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:start!important;
  min-width:0!important;
  min-height:38px!important;
  margin-top:5px!important;
  padding:0 14px!important;
  gap:9px!important;
  border-radius:11px!important;
  color:#073149!important;
  background:#F4FEFF!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:850!important;
}

.oia-why-btn:hover{
  transform:translateY(-2px)!important;
  background:#FFFFFF!important;
  box-shadow:0 10px 22px rgba(0,0,0,.12)!important;
}

/* ---------- Responsive ---------- */
@media(max-width:1050px){
  .oia-home .oia-smart-hero{
    height:380px!important;
    min-height:380px!important;
    max-height:380px!important;
  }

  .oia-why-cards.oia-why-bento{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
  }

  .oia-why-card:nth-child(1),
  .oia-why-card:nth-child(2),
  .oia-why-card:nth-child(3),
  .oia-why-card:nth-child(4){
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:168px!important;
    display:flex!important;
    flex-direction:column!important;
    padding:20px!important;
  }

  .oia-why-card:nth-child(3) .oia-why-icon,
  .oia-why-card:nth-child(4) .oia-why-icon{
    width:48px!important;
    height:48px!important;
    margin:0 0 15px!important;
  }

  .oia-why-card:nth-child(3) h3,
  .oia-why-card:nth-child(4) h3{
    font-size:16px!important;
    margin:0 0 7px!important;
  }

  .oia-why-card:nth-child(3) p,
  .oia-why-card:nth-child(4) p{
    font-size:12px!important;
    line-height:1.48!important;
  }

  .oia-why-bottom{
    grid-template-columns:1fr!important;
  }

  .oia-why-cta{
    min-height:112px!important;
  }
}

@media(max-width:767px){
  .oia-home .oia-smart-hero{
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
    border-radius:0 0 20px 20px!important;
  }

  .oia-smart-hero .oia-hero-full-content{
    align-items:flex-end!important;
    padding-bottom:54px!important;
  }

  .oia-smart-hero .oia-hero-copy-overlay{
    width:100%!important;
    padding:12px 0!important;
  }

  .oia-smart-hero .oia-hero-copy h1{
    max-width:92%!important;
    margin:5px 0 10px!important;
    font-size:clamp(34px,10.5vw,46px)!important;
  }

  .oia-smart-hero .oia-hero-copy p{
    max-width:88%!important;
    font-size:13px!important;
  }

  .oia-smart-hero .oia-primary-btn,
  .oia-smart-hero .oia-ghost-btn{
    min-height:40px!important;
    padding:0 14px!important;
    font-size:11px!important;
  }

  .oia-smart-hero .oia-hero-arrow{
    width:36px!important;
    height:36px!important;
    bottom:10px!important;
  }

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

  .oia-why-shop{
    padding-top:40px!important;
    padding-bottom:40px!important;
  }

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

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

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

  .oia-why-cards.oia-why-bento{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .oia-why-card:nth-child(1),
  .oia-why-card:nth-child(2),
  .oia-why-card:nth-child(3),
  .oia-why-card:nth-child(4){
    min-height:0!important;
    padding:16px!important;
    display:grid!important;
    grid-template-columns:44px 1fr!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    row-gap:2px!important;
    border-radius:17px!important;
  }

  .oia-why-card .oia-why-icon,
  .oia-why-card:nth-child(3) .oia-why-icon,
  .oia-why-card:nth-child(4) .oia-why-icon{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    border-radius:12px!important;
  }

  .oia-why-card h3,
  .oia-why-card:nth-child(1) h3,
  .oia-why-card:nth-child(2) h3,
  .oia-why-card:nth-child(3) h3,
  .oia-why-card:nth-child(4) h3{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    font-size:14px!important;
  }

  .oia-why-card p,
  .oia-why-card:nth-child(1) p,
  .oia-why-card:nth-child(2) p,
  .oia-why-card:nth-child(3) p,
  .oia-why-card:nth-child(4) p{
    grid-column:2!important;
    grid-row:2!important;
    font-size:10.5px!important;
    line-height:1.4!important;
  }

  .oia-why-bottom{
    gap:10px!important;
    margin-top:10px!important;
  }

  .oia-why-mini-strip{
    grid-template-columns:1fr 1fr!important;
    padding:8px!important;
    border-radius:16px!important;
  }

  .oia-why-mini{
    min-height:48px!important;
    padding:6px 7px!important;
    gap:7px!important;
  }

  .oia-why-mini-icon{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }

  .oia-why-mini-icon svg{
    width:16px!important;
    height:16px!important;
  }

  .oia-why-mini strong{
    font-size:10.5px!important;
  }

  .oia-why-mini small{
    font-size:8.5px!important;
  }

  .oia-why-cta{
    min-height:0!important;
    padding:15px!important;
    border-radius:17px!important;
  }
}

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

@media(prefers-reduced-motion:reduce){
  .oia-smart-hero .oia-hero-slide,
  .oia-category-v52 .oia-category-slide,
  .oia-why-card,
  .oia-why-btn{
    transition:none!important;
  }
}


/* =========================================================
   v6.1 RESPONSIVE QA FIX
   Based on desktop + 400px mobile recordings.
   ========================================================= */

/* ---------------------------------------------------------
   ARCHITECTURE
   Break the WHOLE plugin out of Blocksy's page-width wrapper once.
   v6.0 incorrectly broke only the hero out while .oia-home still had
   overflow:hidden, which clipped hero copy on both desktop and mobile.
   --------------------------------------------------------- */
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-left:-50vw!important;
  margin-right:-50vw!important;
}

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

/* Broad Blocksy spacing reset: remove the 30–35px strip seen below nav. */
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,
body.oneinall-final-home-active .site-main > .ct-container,
body.oneinall-final-home-active .site-main .ct-container,
body.oneinall-final-home-active article.page,
body.oneinall-final-home-active article.page > .entry-content,
body.oneinall-final-home-active .entry-content{
  margin-top:0!important;
  padding-top:0!important;
  padding-block-start:0!important;
}

/* ---------------------------------------------------------
   HERO — no negative-margin full-bleed hack, no clipped copy.
   --------------------------------------------------------- */
.oia-home .oia-smart-hero{
  width:100%!important;
  height:360px!important;
  min-height:360px!important;
  max-height:360px!important;
  margin:0!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0 0 22px 22px!important;
}

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

.oia-smart-hero .oia-hero-copy-overlay{
  width:min(555px,48%)!important;
  max-width:555px!important;
  padding:18px 0!important;
}

.oia-smart-hero .oia-hero-copy h1{
  max-width:100%!important;
  margin:6px 0 12px!important;
  font-size:clamp(38px,4vw,56px)!important;
  line-height:.98!important;
}

.oia-smart-hero .oia-hero-copy p{
  max-width:520px!important;
  font-size:14px!important;
  line-height:1.5!important;
}

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

/* Side arrows stay inside a safe gutter, not on top of copy. */
.oia-smart-hero .oia-hero-prev{left:14px!important}
.oia-smart-hero .oia-hero-next{right:14px!important}

/* ---------------------------------------------------------
   CATEGORY — preserve 3D depth, but make side peeks cleaner.
   Side-card titles caused chopped "FASHION & BE..." text in desktop QA.
   Only active card carries a title.
   --------------------------------------------------------- */
.oia-category-v52 .oia-category-track{
  --oia-cat-card-w:min(520px,47vw)!important;
  --oia-cat-card-h:282px!important;
  --oia-cat-shift:clamp(285px,27vw,340px)!important;
}

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

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

.oia-category-v52 .oia-category-slide.is-prev .oia-category-title-overlay,
.oia-category-v52 .oia-category-slide.is-next .oia-category-title-overlay,
.oia-category-v52 .oia-category-slide.is-far .oia-category-title-overlay{
  opacity:0!important;
  visibility:hidden!important;
}

.oia-category-v52 .oia-category-slide.is-active .oia-category-title-overlay{
  opacity:1!important;
  visibility:visible!important;
}

/* ---------------------------------------------------------
   MOBILE HEADER
   The sticky 68px bar was covering section titles/content while scrolling.
   Keep drawer fixed, but make the normal mobile header flow with page.
   --------------------------------------------------------- */
@media(max-width:767px){
  body.admin-bar .oia-v5-header,
  .oia-v5-header{
    position:relative!important;
    top:auto!important;
  }

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

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

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

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

  /* Hero: compact, safe text zone and purposeful mobile crop. */
  .oia-home .oia-smart-hero{
    height:290px!important;
    min-height:290px!important;
    max-height:290px!important;
    border-radius:0 0 18px 18px!important;
  }

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

  .oia-smart-hero .oia-hero-overlay{
    background:
      linear-gradient(
        90deg,
        rgba(0,18,38,.94) 0%,
        rgba(0,24,48,.84) 44%,
        rgba(0,28,55,.38) 72%,
        rgba(0,28,55,.10) 100%
      )!important;
  }

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

  .oia-smart-hero .oia-hero-copy-overlay{
    width:72%!important;
    max-width:260px!important;
    padding:8px 0 34px!important;
  }

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

  .oia-smart-hero .oia-hero-copy h1{
    max-width:100%!important;
    margin:4px 0 9px!important;
    font-size:clamp(29px,8.6vw,36px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }

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

  .oia-smart-hero .oia-hero-actions{
    margin-top:10px!important;
    gap:7px!important;
  }

  .oia-smart-hero .oia-primary-btn{
    min-height:37px!important;
    padding:0 13px!important;
    border-radius:10px!important;
    font-size:10.5px!important;
  }

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

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

  .oia-smart-hero .oia-hero-prev{left:12px!important}
  .oia-smart-hero .oia-hero-next{right:12px!important}
  .oia-smart-hero .oia-hero-dots{bottom:20px!important}

  /* Category mobile: smaller active card + deliberate side peeks. */
  .oia-category-v52{
    padding-top:30px!important;
    padding-bottom:28px!important;
  }

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

  .oia-category-v52 .oia-category-only-heading h2{
    font-size:25px!important;
  }

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

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

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

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

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

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

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

  /* Product sections: recording showed too much vertical padding. */
  .oia-home .oia-section{
    padding:36px 0!important;
  }

  .oia-product-section .oia-section-heading{
    margin-bottom:15px!important;
    gap:8px!important;
    align-items:center!important;
  }

  .oia-product-section .oia-section-heading h2{
    font-size:23px!important;
    line-height:1.08!important;
  }

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

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

  .oia-empty-state{
    padding:20px!important;
    gap:4px!important;
    border-radius:15px!important;
    font-size:12px!important;
    line-height:1.45!important;
  }

  .oia-empty-state strong{
    font-size:13px!important;
  }

  /* Flash Deals was wrapping "Flash / Deals" and crushing the timer. */
  .oia-flash-section .oia-section-heading{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:10px!important;
  }

  .oia-flash-section .oia-section-heading h2{
    font-size:24px!important;
    white-space:nowrap!important;
  }

  .oia-flash-section .oia-flash-tools{
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
  }

  .oia-flash-section .oia-countdown{
    gap:4px!important;
    flex:0 1 auto!important;
  }

  .oia-flash-section .oia-countdown span{
    min-width:40px!important;
    padding:5px 4px!important;
    border-radius:9px!important;
  }

  .oia-flash-section .oia-countdown b{
    font-size:12px!important;
    line-height:1!important;
  }

  .oia-flash-section .oia-countdown small{
    margin-top:2px!important;
    font-size:7px!important;
  }

  .oia-flash-section .oia-section-actions{
    flex:0 0 auto!important;
  }

  /* Why Shop v6 bento remains, just reduce mobile top/bottom dead space. */
  .oia-why-shop{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }

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

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

  .oia-home-footer{
    padding-top:38px!important;
  }
}

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

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

  .oia-smart-hero .oia-hero-copy-overlay{
    width:76%!important;
  }

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

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

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

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

  .oia-flash-section .oia-countdown span{
    min-width:37px!important;
  }
}


/* v6.2 critical first-paint homepage reset */
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{
  display:none!important;
}
body.oneinall-final-home-active #main > .ct-container-full,
body.oneinall-final-home-active #main > .ct-container,
body.oneinall-final-home-active .site-main{
  padding-block:0!important;
  margin-block:0!important;
  row-gap:0!important;
}