/* Zynto Bazaar — ZINTO-inspired blue / white storefront palette */
:root{
  --zinto-top:#0f172a;--zinto-navy:#14264f;--zinto-navy-deep:#0a1f50;
  --zinto-blue:#1660dd;--zinto-blue-2:#2d78ea;--zinto-ice:#ecf1fa;
  --zinto-soft:#f6f9fe;--zinto-line:#dfe7f3;--zinto-text:#172033;--zinto-muted:#667085;
  --text:#172033!important;--muted:#667085!important;--line:#dfe7f3!important;
  --card:#ffffff!important;--panel:#ffffff!important;--soft:#f6f9fe!important;
  --zbshop-ink:#172033!important;--zbshop-muted:#667085!important;--zbshop-line:#dfe7f3!important;
  --zbshop-soft:#f6f9fe!important;--zbshop-sale:#1660dd!important;--zbshop-white:#ffffff!important;
  --zr-navy:#0f172a!important;--zr-ink:#14264f!important;--zr-blue:#1660dd!important;--zr-blue2:#2d78ea!important;
  --zr-body:#172033!important;--zr-heading:#14264f!important;--zr-page:#ffffff!important;--zr-white:#ffffff!important;
  --zr-soft:#ecf1fa!important;--zr-soft2:#f6f9fe!important;--zr-line:#dfe7f3!important;--zr-muted:#667085!important;
  --zr-metal-dark:#14264f!important;--zr-metal:#1660dd!important;--zr-metal-light:#b3ccf4!important;
  --zr-metal-pale:#ecf1fa!important;--zr-metal-gradient:linear-gradient(180deg,#2d78ea,#1660dd)!important;--zr-red:#1660dd!important;
}
html,body{background:#fff!important}
html[data-theme="dark"] body.zynto-ui,body.zynto-ui{background:#fff!important;color:#172033!important;color-scheme:light!important}
body.zynto-ui main,body.storefront-v3,body.storefront-v3 main{background:#fff!important;color:#172033!important}
body.zynto-ui h1,body.zynto-ui h2,body.zynto-ui h3,body.zynto-ui h4,body.zynto-ui h5,body.zynto-ui h6{color:#14264f!important}
body.zynto-ui p,body.zynto-ui .muted,body.zynto-ui small{color:#667085}

/* Announcement + header */
.zr-announcement,.zr-zinto-announcement{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important}
.zr-announcement *, .zr-zinto-announcement *{color:#fff!important}
.zr-header,.zr-zinto-header{background:#fff!important;color:#172033!important;border-bottom:1px solid #edf1f7!important;box-shadow:none!important}
.zr-zinto-brand .zr-brand-word,.zr-brand-word{color:#14264f!important}
.zr-zinto-brand .zr-brand-word em,.zr-brand-word em{color:#1660dd!important;font-style:normal!important}
.zr-nav a,.zr-zinto-nav a{color:#1d2b48!important}
.zr-nav a:after,.zr-zinto-nav a:after{background:#1660dd!important;height:2px!important}
.zr-icon,.zr-header .zr-icon,.zr-zinto-header .zr-icon{background:transparent!important;color:#14264f!important;border-color:transparent!important}
.zr-icon svg,.zr-header .zr-icon svg,.zr-zinto-header .zr-icon svg{stroke:#14264f!important}
.zr-count,.zr-icon .zr-count,.zr-zinto-header .zr-count{background:#1660dd!important;color:#fff!important;border-color:#fff!important}

/* Search / drawer / cart */
.zr-search-panel,.zr-drawer aside,.zr-cart-drawer aside,.zr-cart-panel{background:#fff!important;color:#172033!important;border-color:#dfe7f3!important}
.zr-search-form,.zb-shop-search{background:#fff!important;border-color:#d8e2f0!important;box-shadow:none!important}
.zr-search-form input,.zb-shop-search input{background:#fff!important;color:#172033!important}
.zr-search-form input::placeholder,.zb-shop-search input::placeholder{color:#8b96aa!important}

/* Buttons */
body.zynto-ui .btn-primary,body.zynto-ui .btn-buy-now,body.zynto-ui .btn-card-buy,
.zr-btn,.zr-primary,.zr-buy-btn,.zr-collection-buy,.zr-cart-checkout,.zr-cart-continue,
.zr-ref-hot-buy,.zr-ref-shop-now,.zr-slide-btn,.product-buy-actions .btn-primary,.product-buy-actions .btn-buy-now,
body.zynto-ui .product .buy,body.zynto-ui .product button[data-buy]{
  background:#1660dd!important;color:#fff!important;border-color:#1660dd!important;
  box-shadow:0 8px 20px rgba(22,96,221,.15)!important
}
body.zynto-ui .btn-primary:hover,body.zynto-ui .btn-buy-now:hover,.zr-ref-hot-buy:hover,.zr-ref-shop-now:hover,.zr-cart-checkout:hover{
  background:#0a1f50!important;border-color:#0a1f50!important
}
body.zynto-ui .btn:not(.btn-primary):not(.btn-buy-now),.zr-ref-add-cart,.zr-cart-view{
  background:#fff!important;color:#14264f!important;border-color:#14264f!important;box-shadow:none!important
}

/* Cards / sections */
.zr-category-section,.zr-features,.zr-feature-strip,.zr-why{background:#fff!important}
.zr-category-circle,.zr-category-circle>span{background:#fff!important;border-color:#dfe7f3!important;box-shadow:0 6px 18px rgba(20,38,79,.06)!important}
.zr-category-name{color:#14264f!important}
.zr-ref-hot-card,.zr-ref-collection-card,.product-v2,.product,.card{background:#fff!important;color:#172033!important;border-color:#dfe7f3!important;box-shadow:0 8px 26px rgba(20,38,79,.055)!important}
.zr-ref-hot-media,.zr-ref-collection-media,.product-media{background:#f6f9fe!important}
.zr-ref-hot-body h3,.zr-ref-hot-body h3 a,.zr-ref-collection-body h3,.zr-ref-collection-body h3 a,.pbody h3{color:#14264f!important}
.zr-ref-hot-price strong,.zr-ref-collection-price strong,.price strong,.zb-detail-price-row h2{color:#14264f!important}
.zr-ref-hot-price del,.zr-ref-collection-price del,.price .old{color:#8a93a5!important}
.zr-ref-rating span{color:#f3ad18!important}
.zr-ref-hot-sale,.zr-ref-collection-sale,.sale-badge,.badge-sale,[class*="sale-badge"]{background:#1660dd!important;color:#fff!important;border-color:#1660dd!important}
.zr-ref-disc,.discount,.discount-percent{color:#1660dd!important}
.zr-ref-heart,.zr-ref-collection-heart,.heart{background:#fff!important;color:#14264f!important;border-color:#dfe7f3!important}
.zr-section,.zr-home main,.zr-ref-collection-page,.detail-media,.detail{background:#fff!important;color:#172033!important}
.zr-section-title,.zb-shop-head h1,.detail h1,.zr-features>h2,.zr-reviews-head h2{color:#14264f!important}
.zr-section-sub,.zb-shop-head p,.zr-reviews-head p,.zb-product-description,.zb-detail-panel{color:#667085!important}
.zr-reviews{background:#f4f8ff!important}
.zr-review-card,.zr-feature,.zr-zinto-trust a{background:#fff!important;color:#172033!important;border-color:#dfe7f3!important;box-shadow:0 7px 22px rgba(20,38,79,.05)!important}
.zr-review-card p,.zr-review-date,.zr-feature p,.zr-zinto-trust a small{color:#667085!important}
.zr-feature-icon svg{stroke:#1660dd!important}

/* Filters / product */
.zb-category-tabs button,.zr-ref-sort select,.zr-ref-filter-pop{background:#fff!important;color:#14264f!important;border-color:#d8e2f0!important;box-shadow:none!important}
.zb-category-tabs button.active,.option-pills button.selected{background:#1660dd!important;color:#fff!important;border-color:#1660dd!important}
.zr-ref-filter-row{border-color:#dfe7f3!important}
.variant-box:not(.variant-manager),.qty,.zb-detail-accordions,.zb-detail-accordions details{background:#fff!important;border-color:#dfe7f3!important;color:#172033!important}
.option-pills button{background:#fff!important;color:#14264f!important;border-color:#bdc9dc!important}
.zb-delivery-grid>div,.zb-delivery-note{background:#f4f8ff!important;border-color:#dfe7f3!important;color:#172033!important}
.zb-delivery-note{border-left-color:#1660dd!important}

/* Forms */
body.zynto-ui input,body.zynto-ui select,body.zynto-ui textarea{background:#fff!important;color:#172033!important;border-color:#d8e2f0!important}
body.zynto-ui input:focus,body.zynto-ui select:focus,body.zynto-ui textarea:focus{border-color:#1660dd!important;box-shadow:0 0 0 3px rgba(22,96,221,.12)!important;outline:none!important}
.checkout-card,.checkout-summary,.payment-stage-v25,.content-page,.zb-policy-page,.page-card{background:#fff!important;color:#172033!important;border-color:#dfe7f3!important;box-shadow:0 8px 26px rgba(20,38,79,.045)!important}
.pagehead,.pagehead-v12{background:#f4f8ff!important;color:#14264f!important;border-color:#dfe7f3!important}

/* Footer */
.zr-footer,.zr-zinto-footer{background:#f4f8ff!important;color:#14264f!important;border-color:#dfe7f3!important}
.zr-footer h3,.zr-footer h4,.zr-footer b,.zr-footer a,.zr-zinto-footer h3,.zr-zinto-footer h4,.zr-zinto-footer b,.zr-zinto-footer a{color:#14264f!important}
.zr-footer p,.zr-footer small,.zr-footer-bottom,.zr-zinto-footer p,.zr-zinto-footer small,.zr-zinto-footer .zr-footer-bottom{color:#667085!important}
.zr-backtop{background:#1660dd!important;color:#fff!important}

/* Hero */
.zr-hero{background:#fff!important}
.zr-slideshow{background:#ecf1fa!important}
.zr-ad-creative{
  background:
    radial-gradient(circle at 72% 45%,rgba(45,120,234,.17) 0 17%,transparent 18%),
    radial-gradient(circle at 72% 45%,rgba(45,120,234,.10) 0 30%,transparent 31%),
    linear-gradient(112deg,#f8fbff 0%,#eef4fd 60%,#dceafb 100%)!important
}
.zr-ad-creative:before{
  width:720px!important;height:720px!important;right:2%!important;top:-245px!important;
  border:84px solid rgba(45,120,234,.11)!important;background:transparent!important
}
.zr-ad-creative:after{
  content:""!important;display:block!important;left:auto!important;top:auto!important;
  right:-10%!important;bottom:-35%!important;width:46%!important;height:55%!important;
  border:0!important;border-radius:0!important;background:#0a1f50!important;
  clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)!important;opacity:1!important
}
.zr-ad-copy{z-index:5!important}
.zr-ad-kicker{color:#172033!important;font-weight:700!important}
.zr-ad-copy>i{background:#1660dd!important}
.zr-ad-copy h1{color:#14264f!important}
.zr-ad-copy h1 strong{color:#14264f!important}
.zr-ad-copy p{color:#626f87!important}
.zr-ad-chip{background:rgba(255,255,255,.88)!important;border-color:#dbe6f6!important;color:#14264f!important;box-shadow:0 8px 22px rgba(20,38,79,.06)!important}
.zr-ad-chip small{color:#667085!important}
.zr-ad-button{background:#1660dd!important;color:#fff!important;border-radius:7px!important}
.zr-ad-button:hover{background:#0a1f50!important}
.zr-ad-dots{background-image:radial-gradient(#2d78ea 3px,transparent 3px)!important;opacity:.78!important}
.zr-ad-orbit{border:2px solid rgba(45,120,234,.18)!important;background:rgba(179,204,244,.25)!important;box-shadow:0 0 0 38px rgba(45,120,234,.06),0 0 0 76px rgba(45,120,234,.035)!important}
.zr-ad-podium{background:linear-gradient(180deg,#ffffff,#e8f0fb)!important;box-shadow:0 -8px 22px rgba(20,38,79,.08),0 9px 0 rgba(22,96,221,.55)!important}
.zr-discount{border-color:#2d78ea!important;background:linear-gradient(160deg,#2d78ea,#1660dd)!important;box-shadow:0 0 0 10px rgba(45,120,234,.12),0 14px 32px rgba(22,96,221,.23)!important}
.zr-discount:before,.zr-discount:after{background:#2d78ea!important}
.zr-art-brand{color:#14264f!important}
.zr-shipping-pill{
  position:absolute;z-index:7;left:4%;top:8%;display:flex;align-items:center;gap:10px;
  min-width:165px;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.92);
  border:1px solid #dbe6f6;box-shadow:0 8px 22px rgba(20,38,79,.08);color:#14264f
}
.zr-shipping-pill>span{font-size:22px}.zr-shipping-pill b{display:block;font-size:10px;letter-spacing:.04em}
.zr-shipping-pill small{display:block;color:#667085!important;font-size:9px;margin-top:2px}
.zr-ad-zinto .zr-product-cluster{inset:16% 3% 12% 4%!important;z-index:4!important}
.zr-ad-zinto .zr-product-art{
  background:#fff!important;border:7px solid rgba(255,255,255,.96)!important;border-radius:22px!important;
  object-fit:cover!important;box-shadow:0 24px 46px rgba(15,39,91,.19)!important
}
.zr-ad-zinto .zr-product-art-1{width:31%!important;height:62%!important;left:5%!important;bottom:10%!important;z-index:2!important}
.zr-ad-zinto .zr-product-art-2{width:37%!important;height:73%!important;left:31%!important;bottom:6%!important;z-index:4!important}
.zr-ad-zinto .zr-product-art-3{width:29%!important;height:58%!important;right:1%!important;bottom:12%!important;z-index:3!important}
.zr-ad-zinto .zr-product-art[src$=".svg"]{object-fit:contain!important;padding:5%!important;background:#f8fbff!important}
.zr-hero-controls{background:#fff!important;border-color:#dfe7f3!important;color:#14264f!important}
.zr-hero-controls>button{color:#14264f!important}
.zr-dots button{border-color:#9cb7df!important;background:#fff!important}
.zr-dots button.active{background:#1660dd!important;border-color:#1660dd!important}
.zr-control-sep{background:#dfe7f3!important}
@media(max-width:820px){
  .zr-ad-copy{background:linear-gradient(0deg,rgba(247,250,255,.99) 0%,rgba(247,250,255,.94) 43%,rgba(247,250,255,0) 68%)!important}
  .zr-shipping-pill{left:14px;top:14px;min-width:145px;padding:8px 10px}
  .zr-ad-zinto .zr-product-cluster{inset:5% 2% 29%!important}
}
@media(max-width:520px){
  .zr-slideshow{height:470px!important}
  .zr-ad-zinto .zr-product-art{border-width:4px!important;border-radius:14px!important}
}

/* ============================================================
   ZYNTO v3.1.6 — MOBILE STOREFRONT CAMPAIGN / ADS FIX
   Desktop campaigns remain unchanged. On phones/tablets the
   split creative becomes a readable stacked card so copy and
   product media never collide, crop, or overflow.
   ============================================================ */
@media (max-width: 820px){
  body.zynto-ui .promo-slot{
    width:100%!important;
    max-width:100%!important;
    margin:18px auto 28px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body.zynto-ui .promo-slot.promo-multi{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  body.zynto-ui .promo-slot .promo-ad,
  body.zynto-ui .promo-slot .promo-split,
  body.zynto-ui .promo-slot .promo-minimal{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    border-radius:18px!important;
    border:1px solid #dbe5f3!important;
    background:#fff!important;
    box-shadow:0 14px 36px rgba(15,39,91,.10)!important;
    color:#172033!important;
    isolation:isolate!important;
  }

  /* Media gets its own full-width stage instead of being squeezed
     into the right half of a desktop banner. */
  body.zynto-ui .promo-slot .promo-ad-image,
  body.zynto-ui .promo-slot .promo-split .promo-ad-image,
  body.zynto-ui .promo-slot .promo-minimal .promo-ad-image{
    position:relative!important;
    inset:auto!important;
    order:1!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
    background:#edf3fc!important;
  }

  body.zynto-ui .promo-slot .promo-ad-image::after,
  body.zynto-ui .promo-slot .promo-split .promo-ad-image::after,
  body.zynto-ui .promo-slot .promo-minimal .promo-ad-image::after{
    display:none!important;
    content:none!important;
  }

  body.zynto-ui .promo-slot .promo-ad-image img,
  body.zynto-ui .promo-slot .promo-ad-image video{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
  }

  /* Copy becomes a dedicated lower panel with sane mobile type. */
  body.zynto-ui .promo-slot .promo-ad-copy,
  body.zynto-ui .promo-slot .promo-split .promo-ad-copy,
  body.zynto-ui .promo-slot .promo-minimal .promo-ad-copy{
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    order:2!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    padding:20px 18px 19px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    text-align:left!important;
    background:#0f172a!important;
    color:#fff!important;
  }

  body.zynto-ui .promo-slot .promo-kicker{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0 0 8px!important;
    padding:5px 8px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.08)!important;
    color:#9fc4ff!important;
    font:800 8px/1.1 Arial,Helvetica,sans-serif!important;
    letter-spacing:.13em!important;
    white-space:normal!important;
  }

  body.zynto-ui .promo-slot .promo-ad-copy h2{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 8px!important;
    color:#fff!important;
    font:500 clamp(27px,8.2vw,39px)/.96 "Times New Roman",Times,serif!important;
    letter-spacing:-.025em!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  body.zynto-ui .promo-slot .promo-ad-copy p{
    display:block!important;
    width:100%!important;
    max-width:520px!important;
    margin:0 0 14px!important;
    color:#d4deed!important;
    font:600 12px/1.5 Arial,Helvetica,sans-serif!important;
    letter-spacing:.015em!important;
  }

  body.zynto-ui .promo-slot .promo-ad-copy .btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:112px!important;
    min-height:38px!important;
    margin-top:1px!important;
    padding:10px 15px!important;
    border-radius:8px!important;
    background:#1660dd!important;
    border-color:#1660dd!important;
    color:#fff!important;
    font:800 10px/1 Arial,Helvetica,sans-serif!important;
    letter-spacing:.04em!important;
    box-shadow:0 8px 20px rgba(22,96,221,.22)!important;
  }

  body.zynto-ui .promo-slot .campaign-countdown{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    gap:6px!important;
    margin:6px 0 14px!important;
  }
  body.zynto-ui .promo-slot .campaign-countdown span{
    min-width:0!important;
    padding:7px 4px!important;
    border-color:rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.08)!important;
  }
  body.zynto-ui .promo-slot .campaign-countdown b{color:#fff!important;font-size:15px!important}
  body.zynto-ui .promo-slot .campaign-countdown small{color:#b9c7db!important;font-size:7px!important}
}

@media (max-width: 480px){
  body.zynto-ui .promo-slot{padding:0 10px!important;margin:14px auto 24px!important}
  body.zynto-ui .promo-slot .promo-ad,
  body.zynto-ui .promo-slot .promo-split,
  body.zynto-ui .promo-slot .promo-minimal{border-radius:14px!important}
  body.zynto-ui .promo-slot .promo-ad-image,
  body.zynto-ui .promo-slot .promo-split .promo-ad-image,
  body.zynto-ui .promo-slot .promo-minimal .promo-ad-image{aspect-ratio:1.72/1!important}
  body.zynto-ui .promo-slot .promo-ad-copy,
  body.zynto-ui .promo-slot .promo-split .promo-ad-copy,
  body.zynto-ui .promo-slot .promo-minimal .promo-ad-copy{padding:17px 15px 16px!important}
  body.zynto-ui .promo-slot .promo-ad-copy h2{font-size:clamp(25px,8.8vw,34px)!important}
  body.zynto-ui .promo-slot .promo-ad-copy p{font-size:11px!important;line-height:1.45!important}
}

/* ============================================================
   ZYNTO v3.1.7 — MOBILE HERO / FRONTEND BANNER FIX
   Root cause: the old 470px phone height overrode the landscape
   slideshow aspect ratio, creating large empty top/bottom areas.
   Keep hero artwork as a true responsive landscape banner.
   ============================================================ */
@media (max-width: 820px){
  body.zynto-ui.zr-home .zr-hero{
    width:100%!important;
    overflow:hidden!important;
    background:#f4f7fc!important;
  }
  body.zynto-ui.zr-home .zr-slideshow{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:2.48 / 1!important;
    overflow:hidden!important;
    background:#f4f7fc!important;
  }
  body.zynto-ui.zr-home .zr-slide,
  body.zynto-ui.zr-home .zr-slide-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  body.zynto-ui.zr-home .zr-photo-slide .zr-slide-media img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }
  body.zynto-ui.zr-home .zr-hero-controls{
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
  }
}
@media (max-width: 520px){
  body.zynto-ui.zr-home .zr-slideshow{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:2.20 / 1!important;
  }
  body.zynto-ui.zr-home .zr-photo-slide .zr-slide-media img{
    object-fit:cover!important;
    object-position:center center!important;
  }
  body.zynto-ui.zr-home .zr-hero-controls{
    height:40px!important;
    min-height:40px!important;
  }
}

/* v3.1.8: remove promotional free-shipping overlay from homepage ads */
.zr-shipping-pill{display:none!important;}