/* VZAY 5.3.40 — fluid mobile stabilization */
html{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
body,html{overflow-x:hidden!important;max-width:100%!important}
img,svg{max-width:100%;height:auto}
.vzay-shell,.vzay-header,.vzay-header__main,.vzay-brand,.vzay-header__right,.vzay-product-page,.vzay-product-layout,.vzay-editor-picks,.vzay-full-catalog,.vzay-home-product-grid{max-width:100%!important;min-width:0!important}
.vzay-announcement,.vzay-announcement__track{overflow:hidden}

/* Product cards: kill empty white/beige blocks caused by hidden rows keeping reserved space. */
@media (max-width: 820px){
  .vzay-home-product-grid,
  .vzay-full-catalog,
  .vzay-editor-picks__grid,
  .woocommerce ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 10px!important;
    align-items:stretch!important;
  }
  .vzay-home-product-grid .vzay-demo-product,
  .vzay-full-catalog .vzay-catalog-card,
  .vzay-editor-picks__grid .vzay-demo-product,
  .woocommerce ul.products li.product{
    width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;
  }
  .vzay-catalog-card,
  .vzay-demo-product{display:flex!important;flex-direction:column!important}
  .vzay-catalog-card__body,
  .vzay-demo-product__content{display:block!important;padding-bottom:6px!important}
  .vzay-catalog-card__body h2,
  .vzay-demo-product__content h3{line-height:1.18!important;margin:0 0 8px!important;font-size:clamp(.96rem,3.6vw,1.28rem)!important;overflow-wrap:anywhere}
  .vzay-card-price-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;margin:0 0 6px!important}
  .vzay-card-price-row strong{font-size:clamp(1rem,4.4vw,1.45rem)!important;line-height:.95!important}
  .vzay-card-stock{margin-top:0!important;align-self:flex-start!important;white-space:nowrap!important;font-size:clamp(.58rem,2.3vw,.74rem)!important;padding:6px 9px!important}
  .vzay-price-inclusions{display:block!important;min-height:0!important;line-height:1.42!important;font-size:clamp(.68rem,2.55vw,.8rem)!important;color:rgba(66,48,39,.72)!important}

  .vzay-card-actions,
  .vzay-demo-product__actions{display:grid!important;grid-template-rows:auto auto auto!important;gap:8px!important;align-content:start!important;margin-top:auto!important;padding-top:4px!important}
  .vzay-card-cart,
  .vzay-demo-cart{min-height:44px!important;padding:10px 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:clamp(.66rem,2.7vw,.85rem)!important;line-height:1.2!important}
  .vzay-card-detail,
  .vzay-demo-detail{min-height:0!important;padding:0!important;line-height:1.3!important;font-size:clamp(.72rem,2.8vw,.9rem)!important;text-align:center!important}
  .vzay-card-category{min-height:0!important;padding-top:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.28!important;font-size:clamp(.58rem,2.4vw,.72rem)!important;letter-spacing:.12em!important}
  .vzay-card-story,
  .vzay-card-passport{display:none!important}

  /* Editor pick cards must not keep the category/story area at all. */
  .vzay-editor-picks{padding:18px 14px!important;gap:16px!important;border-radius:22px!important}
  .vzay-editor-picks__intro{padding:0!important}
  .vzay-editor-picks__intro h3{font-size:clamp(1.9rem,10vw,3rem)!important;line-height:.92!important}
  .vzay-editor-picks__grid .vzay-demo-product__actions{grid-template-rows:auto auto!important}
  .vzay-editor-picks__grid .vzay-card-category,
  .vzay-editor-picks__grid .vzay-card-story,
  .vzay-editor-picks__grid .vzay-card-passport{display:none!important}
}

@media (max-width: 389px){
  .vzay-home-product-grid,
  .vzay-full-catalog,
  .vzay-editor-picks__grid,
  .woocommerce ul.products{gap:10px 8px!important}
  .vzay-card-cart,.vzay-demo-cart{min-height:42px!important;font-size:.64rem!important}
}

/* If a phone is extremely narrow or user uses larger text, fail safely to one card per row. */
@media (max-width: 340px){
  .vzay-home-product-grid,
  .vzay-full-catalog,
  .vzay-editor-picks__grid,
  .woocommerce ul.products{grid-template-columns:1fr!important}
}

/* Mobile header: keep brand + socials on one aligned row, with Trendyol pill properly centered. */
@media (max-width: 820px){
  .vzay-header__main{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;column-gap:10px!important;row-gap:8px!important}
  .vzay-brand{display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important;min-width:0!important}
  .vzay-brand__fallback--image{min-width:0!important;display:inline-flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important}
  .vzay-brand__fallback--image span{white-space:nowrap!important}
  .vzay-brand-socials{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;min-width:0!important;overflow:hidden!important;margin-left:0!important}
  .vzay-brand-socials a{flex:0 0 auto!important}
  .vzay-brand-socials__instagram,
  .vzay-brand-socials__pinterest{width:32px!important;height:32px!important}
  .vzay-brand-socials__trendyol{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    height:32px!important;min-width:0!important;padding:0 12px!important;border-radius:999px!important;
    line-height:1!important;font-size:0!important;white-space:nowrap!important;transform:none!important
  }
  .vzay-brand-socials__trendyol-wordmark{
    display:block!important;line-height:1!important;font-size:clamp(9px,2.8vw,11px)!important;
    font-weight:800!important;letter-spacing:0!important;transform:none!important;position:relative!important;top:0!important
  }
  .vzay-menu-toggle,.vzay-language__toggle{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
}

@media (max-width: 560px){
  .vzay-header__main{padding-inline:12px!important}
  .vzay-brand{gap:6px!important}
  .vzay-brand-socials{gap:5px!important}
  .vzay-brand-socials__instagram,
  .vzay-brand-socials__pinterest{width:30px!important;height:30px!important}
  .vzay-brand-socials__trendyol{height:30px!important;padding:0 10px!important}
  .vzay-brand-socials__trendyol-wordmark{font-size:10px!important}
}

@media (max-width: 430px){
  .vzay-brand__fallback--image span{font-size:clamp(16px,5vw,20px)!important}
  .vzay-brand-socials__instagram,
  .vzay-brand-socials__pinterest{width:28px!important;height:28px!important}
  .vzay-brand-socials__trendyol{height:28px!important;padding:0 9px!important}
  .vzay-brand-socials__trendyol-wordmark{font-size:9px!important}
}

/* Product page overflow and breadcrumb issues across phones. */
@media (max-width: 820px){
  .vzay-product-page,
  .vzay-product-layout,
  .vzay-product-gallery,
  .vzay-product-summary{overflow-x:hidden!important;min-width:0!important}
  .vzay-product-layout{grid-template-columns:1fr!important;gap:18px!important}
  .vzay-breadcrumb{font-size:.78rem!important;line-height:1.45!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .vzay-product-main-image{min-height:min(78vw,360px)!important}
}

/* =========================================================
   VZAY 5.3.41 — FINAL MOBILE CARD + HEADER OVERRIDE
   ========================================================= */

@media (max-width: 820px){
  .vzay-header__main{
    width:100%!important;
    padding-inline:clamp(10px,3vw,16px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;
    column-gap:clamp(6px,2vw,10px)!important;
  }
  .vzay-brand{
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:clamp(5px,1.8vw,8px)!important;
    overflow:hidden!important;
  }
  .vzay-brand__fallback--image{flex:0 1 auto!important;min-width:0!important}
  .vzay-brand__fallback--image img{
    width:clamp(34px,9vw,42px)!important;
    height:clamp(34px,9vw,42px)!important;
    flex:0 0 auto!important;
  }
  .vzay-brand__fallback--image span{
    font-size:clamp(15px,4.8vw,20px)!important;
    white-space:nowrap!important;
  }
  .vzay-brand-socials{
    display:flex!important;
    flex:0 0 auto!important;
    min-width:0!important;
    gap:clamp(4px,1.4vw,6px)!important;
    margin-left:0!important;
  }
  .vzay-brand-socials__instagram,
  .vzay-brand-socials__pinterest,
  .vzay-brand-socials__trendyol{
    width:clamp(27px,7.5vw,31px)!important;
    min-width:clamp(27px,7.5vw,31px)!important;
    height:clamp(27px,7.5vw,31px)!important;
    min-height:clamp(27px,7.5vw,31px)!important;
    padding:0!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  .vzay-brand-socials__trendyol{
    background:#fff7f2!important;
    color:#f46a25!important;
    border-color:rgba(244,106,37,.34)!important;
  }
  .vzay-brand-socials__trendyol-mark{
    display:block!important;
    font:800 clamp(8px,2.4vw,10px)/1 Manrope,system-ui,sans-serif!important;
    letter-spacing:-.02em!important;
    transform:none!important;
  }
  .vzay-menu-toggle,.vzay-language__toggle{
    width:clamp(38px,10vw,44px)!important;
    min-width:clamp(38px,10vw,44px)!important;
    height:clamp(38px,10vw,44px)!important;
    min-height:clamp(38px,10vw,44px)!important;
    padding:0!important;
  }
}
@media (max-width:390px){.vzay-brand__fallback--image span{font-size:15px!important}.vzay-header__main{column-gap:6px!important}}
@media (max-width:350px){.vzay-brand__fallback--image span{display:none!important}}

@media (max-width:820px){
  .vzay-catalog-card,
  .vzay-demo-product,
  .woocommerce ul.products li.product{
    min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;
  }
  .vzay-card-media-wrap,
  .vzay-catalog-card__body,
  .vzay-demo-product__content,
  .vzay-card-actions,
  .vzay-demo-product__actions{min-width:0!important;max-width:100%!important}

  .vzay-catalog-card__body h2,
  .vzay-demo-product__content h3{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    min-height:2.38em!important;
    max-height:2.38em!important;
    line-height:1.19!important;
    margin:0 0 9px!important;
    overflow-wrap:anywhere!important;
  }

  .vzay-card-price-row{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 8px!important;
  }
  .vzay-card-price-row strong{
    display:block!important;width:100%!important;
    font-size:clamp(1.04rem,4.5vw,1.42rem)!important;line-height:1!important;
  }
  .vzay-card-stock{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:flex-start!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
    line-height:1.16!important;
    padding:7px 10px!important;
    font-size:clamp(.59rem,2.35vw,.72rem)!important;
  }
  .vzay-price-inclusions{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    line-height:1.42!important;
    font-size:clamp(.69rem,2.5vw,.8rem)!important;
  }
  .vzay-card-actions,.vzay-demo-product__actions{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    margin-top:auto!important;
    padding-top:10px!important;
  }
  .vzay-card-cart,.vzay-demo-cart{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:9px 8px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
    line-height:1.18!important;
    font-size:clamp(.64rem,2.65vw,.82rem)!important;
  }
  .vzay-card-detail,.vzay-demo-detail{
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;
    padding:1px 0!important;white-space:normal!important;text-align:center!important;line-height:1.3!important;
  }
  .vzay-card-category{
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;
    padding:9px 4px 0!important;white-space:normal!important;overflow-wrap:anywhere!important;
    text-align:center!important;line-height:1.28!important;
  }
  .vzay-card-story,.vzay-card-passport{display:none!important}
  .vzay-editor-picks__grid .vzay-demo-product__actions{display:flex!important;flex-direction:column!important;gap:8px!important}
  .vzay-editor-picks__grid .vzay-card-category,
  .vzay-editor-picks__grid .vzay-card-story,
  .vzay-editor-picks__grid .vzay-card-passport{display:none!important}
}

@media (max-width:820px){
  .vzay-full-catalog,.vzay-editor-picks__grid,.woocommerce ul.products{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 10px!important;
  }
}
@media (max-width:330px){
  .vzay-full-catalog,.vzay-editor-picks__grid,.woocommerce ul.products{grid-template-columns:1fr!important}
}

@media (max-width:820px){
  .vzay-product-page,.vzay-product-layout,.vzay-product-gallery,.vzay-product-summary,
  .vzay-product-description,.vzay-product-image-wall,.vzay-related{
    width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;
  }
  .vzay-breadcrumb{
    display:flex!important;flex-wrap:wrap!important;gap:5px 7px!important;
    width:100%!important;max-width:100%!important;overflow-wrap:anywhere!important;white-space:normal!important;
  }
}