/* =========================================================
   ZYNTO BAZAAR v28.8.0 — CLIENT-READY FINISHING PASS
   Storefront-only polish. No commerce/data behavior changes.
   ========================================================= */
:root{
  --zf-navy:#0e1b4d;
  --zf-blue:#2f6fed;
  --zf-blue-hover:#245fd9;
  --zf-text:#1f2937;
  --zf-muted:#667085;
  --zf-line:#e6eaf0;
  --zf-soft:#f7f9fc;
  --zf-card:#ffffff;
  --zf-shadow:0 12px 32px rgba(14,27,77,.08);
  --zf-shadow-hover:0 18px 42px rgba(14,27,77,.13);
}

html{scroll-behavior:smooth;background:#fff}
body.z35-source{
  overflow-x:clip;
  background:#fff;
  color:var(--zf-text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body.z35-source *,body.z35-source *::before,body.z35-source *::after{box-sizing:border-box}
body.z35-source img{max-width:100%}
body.z35-source button,body.z35-source a{-webkit-tap-highlight-color:transparent}
body.z35-source button:focus-visible,
body.z35-source a:focus-visible,
body.z35-source input:focus-visible,
body.z35-source select:focus-visible,
body.z35-source textarea:focus-visible{
  outline:3px solid rgba(47,111,237,.25)!important;
  outline-offset:3px!important;
}

/* Header / navigation finishing */
body.z35-source .z35-header-wrap{
  border-bottom:1px solid rgba(14,27,77,.09)!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02)!important;
  background:rgba(255,255,255,.985)!important;
}
body.z35-source .z35-header{
  width:min(100%,1440px)!important;
  min-height:64px!important;
  padding-left:24px!important;
  padding-right:24px!important;
}
body.z35-source .z35-logo img{display:block!important}
body.z35-source .z35-nav{gap:2px!important}
body.z35-source .z35-nav a{
  border-radius:7px!important;
  transition:color .18s ease,background .18s ease!important;
}
body.z35-source .z35-nav a:hover{background:#f6f8fc!important}
body.z35-source .z35-icon-btn,
body.z35-source .z35-menu-btn{
  border-radius:999px!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
@media(hover:hover) and (pointer:fine){
  body.z35-source .z35-icon-btn:hover,
  body.z35-source .z35-menu-btn:hover{background:#f4f6fb!important;color:var(--zf-navy)!important}
}
body.z35-source .z35-cart-count{box-shadow:0 0 0 2px #fff!important}

/* Hero: cleaner visual boundary and controls */
body.z35-source .z35-slideshow{
  background:#f5f7fb!important;
  border-bottom:1px solid rgba(14,27,77,.07)!important;
}
body.z35-source .z35-slide{will-change:opacity}
body.z35-source .z35-slider-controls{
  background:#fff!important;
  border-top:1px solid rgba(14,27,77,.07)!important;
  box-shadow:0 -1px 0 rgba(15,23,42,.015)!important;
}
body.z35-source .z35-slider-arrow,
body.z35-source .z35-slider-autoplay{
  border-radius:8px!important;
  transition:background .18s ease,color .18s ease!important;
}
@media(hover:hover) and (pointer:fine){
  body.z35-source .z35-slider-arrow:hover,
  body.z35-source .z35-slider-autoplay:hover{background:#f3f6fc!important;color:var(--zf-blue)!important}
}
body.z35-source .z35-hero-cta{
  border-radius:10px!important;
  box-shadow:0 8px 22px rgba(47,111,237,.18)!important;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
@media(hover:hover) and (pointer:fine){
  body.z35-source .z35-hero-cta:hover{transform:translateY(-1px)!important;box-shadow:0 12px 28px rgba(47,111,237,.25)!important}
}

/* Categories */
body.z35-source .z35-category-slider{padding-top:30px!important;padding-bottom:24px!important;background:#fff!important}
body.z35-source .z35-category-item{gap:11px!important}
body.z35-source .z35-category-circle{
  border-color:rgba(47,111,237,.72)!important;
  box-shadow:0 8px 22px rgba(14,27,77,.07)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
body.z35-source .z35-category-name{letter-spacing:.01em!important}
@media(hover:hover) and (pointer:fine){
  body.z35-source .z35-category-item:hover .z35-category-circle{transform:translateY(-3px)!important;box-shadow:0 13px 28px rgba(14,27,77,.11)!important;border-color:var(--zf-blue)!important}
}

/* Homepage section rhythm */
body.z35-source .z35-hot{padding:44px 0 72px!important}
body.z35-source .z35-hot-container{max-width:1240px!important}
body.z35-source .z35-hot-title{
  margin-bottom:30px!important;
  font-size:clamp(25px,2.3vw,32px)!important;
  letter-spacing:-.02em!important;
}
body.z35-source .z35-hot-grid{gap:22px!important}

/* Product cards — soften hard borders, preserve existing layout */
body.z35-source .z35-product-card,
body.z35-source.z35-home .z35-hot-card.z35-home-product-card{
  border:1px solid rgba(14,27,77,.14)!important;
  box-shadow:0 5px 16px rgba(14,27,77,.055)!important;
  background:var(--zf-card)!important;
}
body.z35-source .z35-product-media,
body.z35-source.z35-home .z35-hot-card.z35-home-product-card .z35-hot-media{
  background:#f3f6fa!important;
}
body.z35-source .z35-product-media img,
body.z35-source .z35-product-media video{
  backface-visibility:hidden!important;
}
@media(hover:hover) and (pointer:fine){
  body.z35-source .z35-product-card:hover,
  body.z35-source.z35-home .z35-hot-card.z35-home-product-card:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(47,111,237,.28)!important;
    box-shadow:var(--zf-shadow-hover)!important;
  }
}
body.z35-source.z35-home .z35-hot-heart{
  border:1px solid rgba(14,27,77,.08)!important;
  box-shadow:0 5px 14px rgba(15,23,42,.08)!important;
  transition:transform .18s ease,color .18s ease,background .18s ease!important;
}
@media(hover:hover) and (pointer:fine){body.z35-source.z35-home .z35-hot-heart:hover{transform:scale(1.05)!important;color:#e11d48!important;background:#fff!important}}

/* Kill the old attention-shake: finishing should feel stable, not gimmicky */
body.z35-source .z35-home-buy,
body.z35-source .z35-product-shop,
body.z35-source .z35-featured .z35-buy,
body.z35-source .zr-ref-shop-now,
body.z35-source .zpk-shop,
body.z35-source .btn-card-buy{
  animation:none!important;
  will-change:auto!important;
}
body.z35-source .z35-home-buy,
body.z35-source .z35-product-shop,
body.z35-source .z35-product-add,
body.z35-source .z35-featured .z35-buy,
body.z35-source .z35-checkout,
body.z35-source .btn-primary,
body.z35-source .btn-buy-now{
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
@media(hover:hover) and (pointer:fine){
  body.z35-source .z35-home-buy:hover,
  body.z35-source .z35-featured .z35-buy:hover,
  body.z35-source .z35-checkout:hover,
  body.z35-source .btn-primary:hover,
  body.z35-source .btn-buy-now:hover{
    background:var(--zf-blue-hover)!important;
    transform:translateY(-1px)!important;
    box-shadow:0 8px 18px rgba(47,111,237,.22)!important;
  }
}

/* Featured product becomes a deliberate premium section */
body.z35-source .z35-featured{
  padding:72px 24px!important;
  background:linear-gradient(180deg,#f8fafc 0%,#f5f7fb 100%)!important;
  border-top:1px solid var(--zf-line)!important;
  border-bottom:1px solid var(--zf-line)!important;
}
body.z35-source .z35-featured-container{
  max-width:1040px!important;
  gap:64px!important;
}
body.z35-source .z35-featured-media{
  border:1px solid rgba(14,27,77,.08)!important;
  border-radius:20px!important;
  box-shadow:0 18px 44px rgba(14,27,77,.10)!important;
}
body.z35-source .z35-featured-label{font-weight:800!important;color:var(--zf-blue)!important}
body.z35-source .z35-featured-copy p{font-weight:500!important;color:var(--zf-muted)!important}

/* Reviews */
body.z35-source .z35-reviews{
  padding:68px 0!important;
  background:#fff!important;
}
body.z35-source .z35-reviews h2{letter-spacing:-.02em!important}
body.z35-source .z35-reviews-subtitle{color:var(--zf-muted)!important}
body.z35-source .z35-review-card{
  border:1px solid var(--zf-line)!important;
  border-radius:16px!important;
  box-shadow:0 8px 22px rgba(14,27,77,.06)!important;
}
body.z35-source .z35-review-avatar{box-shadow:0 0 0 3px rgba(47,111,237,.10)!important}

/* Trust strip */
body.z35-source .z35-features{
  padding:66px 0!important;
  border-top:1px solid var(--zf-line)!important;
  background:var(--zf-soft)!important;
}
body.z35-source .z35-features h2{letter-spacing:-.02em!important;color:var(--zf-navy)!important}
body.z35-source .z35-feature-item:not(:last-child){border-right-color:#dfe5ee!important}
body.z35-source .z35-feature-icon{color:var(--zf-blue)!important}
body.z35-source .z35-feature-item small{color:var(--zf-muted)!important}

/* Collection page polish */
body.z35-source .z35-collection{max-width:1240px!important;padding-top:44px!important;padding-bottom:80px!important}
body.z35-source .z35-collection-title{letter-spacing:-.025em!important;margin-bottom:28px!important}
body.z35-source .z35-toolbar{
  border-top:1px solid var(--zf-line)!important;
  border-bottom:1px solid var(--zf-line)!important;
  margin-bottom:26px!important;
  padding:14px 0!important;
}
body.z35-source .z35-filter-pop{
  border:1px solid var(--zf-line)!important;
  border-radius:12px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.12)!important;
}
body.z35-source .z35-sort{
  border:1px solid #d9e0ea!important;
  border-radius:10px!important;
  padding:10px 34px 10px 12px!important;
}
body.z35-source .z35-collection-grid{gap:24px!important}

/* Drawers / search / cart */
body.z35-source .z35-drawer,
body.z35-source .z35-cart-drawer,
body.z35-source .z35-search-shell{
  box-shadow:0 24px 70px rgba(15,23,42,.18)!important;
}
body.z35-source .z35-drawer-close{border-radius:999px!important}
body.z35-source .z35-search-box{border-color:#dbe2ec!important;box-shadow:0 3px 12px rgba(14,27,77,.04)!important}
body.z35-source .z35-search-result{border-radius:12px!important;transition:background .16s ease!important}
body.z35-source .z35-search-result:hover{background:#f6f8fc!important}

/* Product detail */
body.z35-source.product-detail-page .detail-grid{
  max-width:1240px!important;
  padding-top:52px!important;
  padding-bottom:82px!important;
}
body.z35-source.product-detail-page .zn-detail-stage{
  border:1px solid rgba(14,27,77,.08)!important;
  background:#f6f8fb!important;
  box-shadow:0 14px 36px rgba(14,27,77,.07)!important;
}
body.z35-source.product-detail-page .detail h1{letter-spacing:-.025em!important}
body.z35-source.product-detail-page .product-buy-actions .btn,
body.z35-source.product-detail-page .btn-buy-now{border-radius:10px!important}

/* Forms / checkout / account consistency */
body.z35-source input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body.z35-source select,
body.z35-source textarea{
  border-color:#d9e0ea!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
body.z35-source input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
body.z35-source select:focus,
body.z35-source textarea:focus{
  border-color:var(--zf-blue)!important;
  box-shadow:0 0 0 3px rgba(47,111,237,.11)!important;
}

/* Footer */
body.z35-source .z35-desktop-footer{
  min-height:0!important;
  padding-top:42px!important;
  padding-bottom:28px!important;
  background:#2865df!important;
  border-top:1px solid rgba(14,27,77,.06)!important;
}
body.z35-source .z35-desktop-footer-grid{max-width:1320px!important;gap:56px!important}
body.z35-source .z35-desktop-footer h3{margin-bottom:18px!important}
body.z35-source .z35-desktop-footer a{margin-bottom:13px!important;opacity:.94!important}
body.z35-source .z35-desktop-socials{max-width:1320px!important;margin-top:30px!important;padding-top:24px!important;border-top:1px solid rgba(255,255,255,.17)!important}
body.z35-source .z35-mobile-footer{background:#2865df!important}
body.z35-source .z35-back-top{background:var(--zf-navy)!important;box-shadow:0 8px 24px rgba(14,27,77,.22)!important}

/* WhatsApp finishing: preserve v28.7.6 asset/viewport behavior, just refine interaction */
#zynto-wa-widget-v2874{transition:transform .18s ease,filter .18s ease!important}
@media(hover:hover) and (pointer:fine){#zynto-wa-widget-v2874:hover{transform:translateY(-2px) scale(1.035)!important;filter:saturate(1.04)!important}}

/* Mobile finishing */
@media(max-width:989px){
  body.z35-source .z35-header{padding-left:12px!important;padding-right:12px!important}
}
@media(max-width:749px){
  body.z35-source{font-size:15px!important}
  body.z35-source .z35-header{min-height:60px!important}
  body.z35-source .z35-menu-btn,
  body.z35-source .z35-icon-btn{min-width:42px!important;min-height:42px!important}
  body.z35-source .z35-category-slider{padding-top:22px!important;padding-bottom:18px!important}
  body.z35-source .z35-hot{padding:34px 0 54px!important}
  body.z35-source .z35-hot-grid{gap:12px!important}
  body.z35-source.z35-home .z35-hot-card.z35-home-product-card{border-radius:13px!important;box-shadow:0 3px 12px rgba(14,27,77,.055)!important}
  body.z35-source.z35-home .z35-hot-card.z35-home-product-card .z35-hot-name{font-size:13px!important}
  body.z35-source.z35-home .z35-home-price strong{font-size:15px!important}
  body.z35-source.z35-home .z35-home-buy{min-height:42px!important;font-size:12px!important}
  body.z35-source .z35-featured{padding:48px 16px!important}
  body.z35-source .z35-featured-container{gap:30px!important}
  body.z35-source .z35-reviews{padding:48px 0!important}
  body.z35-source .z35-reviews h2{font-size:23px!important;padding:0 16px!important}
  body.z35-source .z35-reviews-subtitle{padding:0 18px!important;line-height:1.45!important}
  body.z35-source .z35-review-card{width:250px!important;padding:17px!important}
  body.z35-source .z35-features{padding:48px 0!important}
  body.z35-source .z35-collection{padding:30px 14px 64px!important}
  body.z35-source .z35-toolbar{margin-bottom:18px!important}
  body.z35-source .z35-collection-grid{gap:12px!important}
  body.z35-source .z35-product-card{border-color:rgba(14,27,77,.14)!important;box-shadow:0 3px 11px rgba(14,27,77,.045)!important}
  body.z35-source .z35-product-card .z35-c-title{font-size:12.5px!important}
  body.z35-source .z35-product-card .z35-c-add{min-height:41px!important;font-size:12px!important}
  body.z35-source.product-detail-page .detail-grid{padding-top:30px!important;padding-bottom:64px!important}
  body.z35-source .z35-mobile-footer{padding-top:38px!important}
}

@media(prefers-reduced-motion:reduce){
  body.z35-source *,body.z35-source *::before,body.z35-source *::after{scroll-behavior:auto!important}
}

/* =========================================================
   ZYNTO BAZAAR v28.8.2 — PDP VARIANT SELECTOR FINISHING
   Visual-only refinement; variant selection logic unchanged.
   ========================================================= */
body.z35-source.product-detail-page .variant-box:not(.variant-manager){
  display:grid!important;
  gap:0!important;
  margin:22px 0 18px!important;
  padding:20px 22px!important;
  border:1px solid #e2e7ef!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;
  box-shadow:0 8px 24px rgba(14,27,77,.045)!important;
}
body.z35-source.product-detail-page .variant-box:not(.variant-manager)>b,
body.z35-source.product-detail-page .variant-box:not(.variant-manager) .color-heading b{
  display:block!important;
  margin:0!important;
  color:#101828!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
body.z35-source.product-detail-page .variant-box:not(.variant-manager)>b::after{
  content:"Choose an option";
  margin-left:9px;
  color:#98a2b3;
  font-size:10px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
}
body.z35-source.product-detail-page .variant-box:not(.variant-manager) .option-pills{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px!important;
  margin:11px 0 20px!important;
}
body.z35-source.product-detail-page .variant-box:not(.variant-manager) .option-pills button{
  min-width:62px!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:9px 14px!important;
  border:1px solid #d4dbe6!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#344054!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:750!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease!important;
}
body.z35-source.product-detail-page .variant-box:not(.variant-manager) .option-pills button.selected{
  border-color:#101828!important;
  background:#101828!important;
  color:#fff!important;
  box-shadow:0 6px 15px rgba(16,24,40,.15)!important;
}
@media(hover:hover) and (pointer:fine){
  body.z35-source.product-detail-page .variant-box:not(.variant-manager) .option-pills button:not(.selected):hover{
    transform:translateY(-1px)!important;
    border-color:#98a2b3!important;
    box-shadow:0 5px 12px rgba(16,24,40,.07)!important;
  }
}
body.z35-source.product-detail-page .variant-box:not(.variant-manager) .color-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  margin:0 0 11px!important;
  padding-top:17px!important;
  border-top:1px solid #edf0f5!important;
}
body.z35-source.product-detail-page .variant-box:not(.variant-manager) .color-heading span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  margin:0!important;
  padding:4px 9px!important;
  border:1px solid #e3e7ee!important;
  border-radius:999px!important;
  background:#f5f7fa!important;
  color:#475467!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:700!important;
}
body.z35-source.product-detail-page .variant-box:not(.variant-manager) .color-swatches{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 18px!important;
}
body.z35-source.product-detail-page .variant-box:not(.variant-manager) .color-swatch{
  position:relative!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  flex:0 0 40px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:4px!important;
  border:1px solid #d0d5dd!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(16,24,40,.06)!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body.z35-source.product-detail-page .variant-box:not(.variant-manager) .color-swatch>span{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  display:block!important;
  border-radius:50%!important;
  background:var(--shade)!important;
  box-shadow:inset 0 0 0 1px rgba(16,24,40,.12),inset 0 5px 8px rgba(255,255,255,.18)!important;
}
body.z35-source.product-detail-page .variant-box:not(.variant-manager) .color-swatch.selected{
  border-color:#101828!important;
  box-shadow:0 0 0 2px #fff,0 0 0 4px #101828,0 6px 14px rgba(16,24,40,.12)!important;
}
@media(hover:hover) and (pointer:fine){
  body.z35-source.product-detail-page .variant-box:not(.variant-manager) .color-swatch:hover{
    transform:translateY(-2px)!important;
    border-color:#667085!important;
  }
}
body.z35-source.product-detail-page .variant-box:not(.variant-manager) #variantStock{
  width:max-content!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:7px 11px!important;
  border:1px solid #b7e4c7!important;
  border-radius:999px!important;
  background:#effaf3!important;
  color:#18794e!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:750!important;
}
body.z35-source.product-detail-page .variant-box:not(.variant-manager) #variantStock::before{
  content:"";
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:#22a06b!important;
  box-shadow:0 0 0 3px rgba(34,160,107,.12)!important;
}

@media(max-width:749px){
  body.z35-source.product-detail-page .variant-box:not(.variant-manager){
    margin:18px 0 16px!important;
    padding:17px 16px!important;
    border-radius:14px!important;
  }
  body.z35-source.product-detail-page .variant-box:not(.variant-manager)>b::after{display:none!important}
  body.z35-source.product-detail-page .variant-box:not(.variant-manager) .option-pills{margin-bottom:17px!important}
  body.z35-source.product-detail-page .variant-box:not(.variant-manager) .option-pills button{
    min-width:58px!important;
    min-height:42px!important;
    padding:10px 13px!important;
    font-size:11px!important;
  }
  body.z35-source.product-detail-page .variant-box:not(.variant-manager) .color-heading{padding-top:15px!important}
  body.z35-source.product-detail-page .variant-box:not(.variant-manager) .color-swatches{gap:11px!important}
  body.z35-source.product-detail-page .variant-box:not(.variant-manager) .color-swatch{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex-basis:42px!important;
  }
  body.z35-source.product-detail-page .variant-box:not(.variant-manager) .color-swatch>span{
    width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;
  }
}