
/* ===== SOURCE: assets/css/mobile-tablet-rescue-5317.css ===== */
/* =============================================================
   VZAY 5.3.18 — Mobile + iPad visibility hardening
   Desktop layout (>1180px with a fine pointer) is untouched.

   Root cause fixed:
   two IntersectionObserver reveal systems could leave whole home
   sections at opacity:0 on iOS/iPadOS. Those invisible sections
   still occupied page height, producing the large blank area.
   On touch/tablet layouts reveal effects are intentionally disabled.
   ============================================================= */

@media (max-width:1180px), (hover:none) and (pointer:coarse) {
  /* Never allow reveal state classes to hide content on phone/tablet. */
  .vzay-premium-reveal,
  .vzay-premium-reveal.is-visible,
  .vzay-reveal-pending,
  .vzay-reveal-visible {
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    transition:none!important;
  }

  /* Home sections must remain renderable even if an old cached JS class exists. */
  .vzay-section,
  .vzay-section-heading,
  .vzay-demo-product,
  .vzay-collection,
  .vzay-personalize__visual,
  .vzay-personalize__copy,
  .vzay-discovery-home,
  .vzay-editorial-seo,
  .vzay-experience,
  .vzay-gift-finder,
  .vzay-club,
  .vzay-instagram-section,
  .vzay-faq {
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  /* The main home product block is explicitly kept in normal document flow. */
  #urunler.vzay-scroll-anchor {
    display:block!important;
    height:1px!important;
    min-height:1px!important;
  }

  #yeni,
  #yeni.vzay-section,
  #yeni.vzay-premium-reveal,
  #yeni.vzay-premium-reveal.is-visible {
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  #yeni .vzay-home-product-grid,
  #yeni .vzay-demo-products,
  #yeni .vzay-real-catalog {
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  #yeni .vzay-demo-product,
  #yeni .vzay-card-media-wrap,
  #yeni .vzay-demo-product__image,
  #yeni .vzay-card-media-wrap > a[data-images],
  #yeni .vzay-card-image-primary {
    visibility:visible!important;
    opacity:1!important;
  }

  #yeni .vzay-demo-product {
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    pointer-events:auto!important;
  }

  #yeni .vzay-card-media-wrap,
  #yeni .vzay-demo-product__image,
  #yeni .vzay-card-media-wrap > a[data-images] {
    display:block!important;
    min-width:0!important;
  }
}

/* ===== SOURCE: assets/css/search-live-5320.css ===== */
/* VZAY v5.3.20 — live-search safety layer.
 * Search is suggestion-only: there is no submit button or archive form route. */
.vzay-search,
.vzay-mobile-search{
  grid-template-columns:minmax(0,1fr)!important;
}
.vzay-search input,
.vzay-mobile-search input{
  width:100%!important;
  min-width:0!important;
}
.vzay-search button,
.vzay-mobile-search button{display:none!important;}
.vzay-search-empty{display:grid;gap:6px;padding:20px!important;}
.vzay-search-empty strong{color:var(--vzay-ink);font-size:.84rem;}
.vzay-search-empty span{color:var(--vzay-muted);font-size:.75rem;line-height:1.55;}

/* ===== SOURCE: assets/css/final-polish-5323.css ===== */
/* ==========================================================
   VZAY 5.3.23 — final targeted polish
   Scope: commerce header language stability + Tasarla CTA.
   No catalog, sitemap, account, checkout or pricing rules here.
   ========================================================== */

/* Keep the language control reachable on every WooCommerce screen. */
.vzay-header,
.vzay-header__main,
.vzay-header__right,
.vzay-language {
  overflow: visible !important;
}
.vzay-header__right {
  min-width: 0 !important;
}
.vzay-language {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 100030 !important;
}
.vzay-language__toggle {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
}
.vzay-language__menu.is-vzay-language-portal {
  z-index: 2147483000 !important;
}

/* At narrower desktop widths, preserve commerce controls first instead of
   allowing the language selector to be pushed outside the viewport. */
@media (min-width: 981px) and (max-width: 1480px) {
  .woocommerce-cart .vzay-header-pinterest,
  .woocommerce-checkout .vzay-header-pinterest,
  .woocommerce-account .vzay-header-pinterest {
    display: none !important;
  }
  .woocommerce-cart .vzay-v5-marketplace,
  .woocommerce-checkout .vzay-v5-marketplace,
  .woocommerce-account .vzay-v5-marketplace {
    display: none !important;
  }
  .woocommerce-cart .vzay-header__right,
  .woocommerce-checkout .vzay-header__right,
  .woocommerce-account .vzay-header__right {
    gap: 7px !important;
  }
  .woocommerce-cart .vzay-search-wrap,
  .woocommerce-checkout .vzay-search-wrap,
  .woocommerce-account .vzay-search-wrap {
    min-width: 180px !important;
    width: min(270px, 22vw) !important;
  }
}

/* Tasarla: CTA must never escape its card at desktop/tablet/mobile widths. */
.vzay-instagram-cta {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.vzay-instagram-cta > * {
  min-width: 0 !important;
}
.vzay-instagram-cta .vzay-button {
  width: auto !important;
  max-width: min(100%, 280px) !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.25 !important;
  padding: 13px 18px !important;
}

@media (max-width: 820px) {
  .vzay-instagram-cta {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }
  .vzay-instagram-cta .vzay-button {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 600px) {
  .vzay-instagram-cta {
    padding: 18px !important;
    gap: 15px !important;
  }
  .vzay-instagram-cta .vzay-button {
    min-height: 48px !important;
    font-size: .9rem !important;
    padding-inline: 14px !important;
  }
}

/* ===== SOURCE: assets/css/mobile-studio-polish-5325.css ===== */
/* ==========================================================
   VZAY 5.3.25 — mobile/tablet access + compact home products
   + Tasarla estimator polish.
   Desktop catalog/commerce layout intentionally untouched.
   ========================================================== */

/* Social shortcuts live beside the VZAY logo only on tablet/mobile. */
.vzay-brand-socials{display:none;align-items:center;gap:6px;margin-left:9px;flex:0 0 auto}
.vzay-brand-socials a{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(32,60,53,.13);border-radius:999px;background:rgba(255,250,242,.88);color:var(--vzay-forest,#203c35);box-shadow:0 5px 15px rgba(45,35,28,.05)}
.vzay-brand-socials svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vzay-brand-socials a:last-child svg{fill:currentColor;stroke:none;width:15px;height:15px}
.vzay-brand-socials a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.vzay-menu-toggle__label{display:none}

@media(max-width:1250px){
  .vzay-brand{min-width:0!important;gap:0!important}
  .vzay-brand-socials{display:flex!important}
  .vzay-brand .custom-logo,.vzay-brand__fallback img{max-width:50px!important;max-height:50px!important}
  .vzay-menu-toggle{display:inline-grid!important;grid-template-columns:18px auto!important;grid-template-rows:1fr 1fr!important;column-gap:7px!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:76px!important;height:44px!important;min-height:44px!important;padding:0 11px!important;border-radius:999px!important}
  .vzay-menu-toggle>span[aria-hidden="true"]{grid-column:1!important;width:17px!important;margin:0!important;justify-self:center!important}
  .vzay-menu-toggle>span[aria-hidden="true"]:first-child{grid-row:1!important;align-self:end!important;margin-bottom:2px!important}
  .vzay-menu-toggle>span[aria-hidden="true"]:nth-child(2){grid-row:2!important;align-self:start!important;margin-top:2px!important}
  .vzay-menu-toggle__label{display:block!important;grid-column:2!important;grid-row:1/3!important;font:800 .64rem/1 Manrope,system-ui,sans-serif!important;letter-spacing:.08em!important;color:var(--vzay-forest,#203c35)!important}

  /* Home products become one swipeable shelf instead of a very long wall. */
  #yeni{padding-top:64px!important;padding-bottom:60px!important}
  #yeni .vzay-section-heading{margin-bottom:18px!important}
  #yeni .vzay-section-heading::after{content:'Ürünleri yana kaydır →';display:block;flex:0 0 100%;margin-top:-16px;color:#75685f;font-size:.75rem;font-weight:700;letter-spacing:.02em}
  #yeni .vzay-home-product-grid{display:flex!important;align-items:stretch!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:2px!important;padding:4px 2px 15px!important;margin-inline:0!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important}
  #yeni .vzay-home-product-grid::-webkit-scrollbar{display:none!important}
  #yeni .vzay-home-product-grid .vzay-demo-product{flex:0 0 clamp(218px,30vw,270px)!important;width:clamp(218px,30vw,270px)!important;min-width:0!important;scroll-snap-align:start!important;height:auto!important}
  #yeni .vzay-home-product-grid .vzay-card-media-wrap{aspect-ratio:1/1!important;min-height:0!important}
  #yeni .vzay-home-product-grid .vzay-card-story,
  #yeni .vzay-home-product-grid .vzay-card-passport{display:none!important}
  #yeni .vzay-home-product-grid .vzay-demo-product__actions{margin-top:auto!important}
}

@media(max-width:720px){
  .vzay-header__main{grid-template-columns:minmax(0,1fr) auto!important}
  .vzay-brand-socials{margin-left:5px!important;gap:4px!important}
  .vzay-brand-socials a{width:28px!important;height:28px!important}
  .vzay-brand-socials svg{width:14px!important;height:14px!important}
  .vzay-brand .custom-logo,.vzay-brand__fallback img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important}
  .vzay-menu-toggle{min-width:70px!important;width:auto!important;height:42px!important;min-height:42px!important;padding-inline:9px!important}
  .vzay-menu-toggle__label{font-size:.59rem!important}

  #yeni{padding-top:48px!important;padding-bottom:48px!important}
  #yeni .vzay-section-heading{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:10px!important;margin-bottom:16px!important}
  #yeni .vzay-section-heading>div{width:100%!important}
  #yeni .vzay-section-heading .vzay-text-link{font-size:.78rem!important}
  #yeni .vzay-section-heading::after{margin:0!important;flex:1 1 auto!important;text-align:right!important;font-size:.7rem!important}
  #yeni .vzay-home-product-grid{gap:10px!important;padding-bottom:12px!important}
  #yeni .vzay-home-product-grid .vzay-demo-product{flex-basis:min(72vw,252px)!important;width:min(72vw,252px)!important;border-radius:16px!important;padding:6px!important}
  #yeni .vzay-home-product-grid .vzay-demo-product__content{padding:9px 6px 5px!important}
  #yeni .vzay-home-product-grid .vzay-demo-product__content h3{font-size:.9rem!important;line-height:1.25!important}
  #yeni .vzay-home-product-grid .vzay-card-price-row strong{font-size:.95rem!important}
  #yeni .vzay-home-product-grid .vzay-price-inclusions{font-size:.58rem!important}
  #yeni .vzay-home-product-grid .vzay-demo-cart{min-height:34px!important;font-size:.62rem!important}
  #yeni .vzay-home-product-grid .vzay-demo-detail{min-height:25px!important;font-size:.65rem!important}
  #yeni .vzay-home-product-grid .vzay-card-category{font-size:.56rem!important;padding-top:6px!important}
}

/* Tasarla: compact estimator controls after removing the redundant delivery field. */
.vzay-design__calculator select option[hidden]{display:none}
.vzay-design__estimate small{line-height:1.55}

/* ===== SOURCE: assets/css/mobile-header-5327.css ===== */
/* VZAY 5.3.27 — mobile/tablet header micro-fix only.
   Keep the language selector at the far right and restore the menu to a clean icon button. */
@media (max-width:1250px){
  .vzay-header__main{column-gap:8px!important}
  .vzay-menu-toggle{
    order:80!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    grid-template-columns:1fr!important;
    grid-template-rows:1fr!important;
    border-radius:999px!important;
  }
  .vzay-menu-toggle>span[aria-hidden="true"]{
    grid-column:1!important;
    width:18px!important;
    height:1.5px!important;
    margin:0!important;
    justify-self:center!important;
    background:currentColor!important;
  }
  .vzay-menu-toggle>span[aria-hidden="true"]:first-child{grid-row:1!important;transform:translateY(-3px)!important;align-self:center!important}
  .vzay-menu-toggle>span[aria-hidden="true"]:nth-child(2){grid-row:1!important;transform:translateY(3px)!important;align-self:center!important}
  .vzay-menu-toggle[aria-expanded="true"]>span[aria-hidden="true"]:first-child{transform:rotate(45deg)!important}
  .vzay-menu-toggle[aria-expanded="true"]>span[aria-hidden="true"]:nth-child(2){transform:rotate(-45deg)!important}
  .vzay-menu-toggle__label{display:none!important}

  .vzay-language{
    order:90!important;
    margin-left:0!important;
    flex:0 0 auto!important;
  }
  .vzay-language__toggle{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    gap:0!important;
    border-radius:999px!important;
  }
  .vzay-language__flag{font-size:16px!important}
  .vzay-language__code,
  .vzay-language__toggle>span[aria-hidden="true"]:last-of-type{display:none!important}
}
@media (max-width:720px){
  .vzay-menu-toggle{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  .vzay-language__toggle{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
  .vzay-language__flag{font-size:15px!important}
}
