/* İZ Parfüm v742 — Browser compatibility layer.
   No Shopier/payment behavior is changed here. */

/* Keep tap feedback visually consistent across Chromium, Samsung Internet,
   Safari/iOS and in-app WebViews. Keyboard focus remains visible. */
a,
button,
summary,
[role="button"],
label[for],
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
.btn-icon,
.product-card a,
.category-card a,
.cart-item-link {
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
  tap-highlight-color: transparent;
  touch-action: manipulation;
}
a img,
button img,
[role="button"] img {
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  appearance: none;
}

/* The old theme rule applied user-select:none to the entire body. That behaves
   differently between WebKit and Chromium. Restore normal document selection;
   drag/carousel areas keep their own stricter rules from the main stylesheet. */
html body {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
input,
textarea,
select,
[contenteditable="true"] {
  -webkit-user-select: text !important;
  user-select: text !important;
}
button,
summary,
[role="button"],
.btn,
.btn-icon,
.mobile-filter-chip,
.category-filter-collapsible > summary {
  -webkit-user-select: none;
  user-select: none;
}

/* Do not leave a browser-specific mouse/touch focus flash. Keyboard focus is
   intentionally preserved with :focus-visible. */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
summary:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible),
input[type="button"]:focus:not(:focus-visible),
input[type="submit"]:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

/* Dynamic viewport fallback for older Samsung/WebView engines. The second
   declaration wins on browsers that support dvh. */
.mobile-menu {
  height: calc(100vh - var(--iz-campaign-height, var(--iz-campaign-offset, 0px))) !important;
  height: calc(100dvh - var(--iz-campaign-height, var(--iz-campaign-offset, 0px))) !important;
}
.mobile-menu-overlay {
  height: calc(100vh - var(--iz-campaign-height, 0px)) !important;
  height: calc(100dvh - var(--iz-campaign-height, 0px)) !important;
}
@media (max-width:1024px) {
  #mobileMenu {
    max-height: calc(100vh - var(--iz-mobile-drawer-top, 30px)) !important;
    max-height: calc(100dvh - var(--iz-mobile-drawer-top, 30px)) !important;
  }
}

/* WebKit-prefixed backdrop filters for older Safari/Samsung builds. */
.cat-banners-grid .cat-banner-see,
.cat-banners-grid .cat-banner-product-btn {
  -webkit-backdrop-filter: blur(6px) !important;
}

/* :has() fallbacks. browser-compat.js maintains these state classes only when
   native selector(:has()) is unavailable. */
  .kokunu-bul-section.iz-kb-empty { padding-bottom:32px; }

  .mobile-filter-chip.is-checked {
    border-color:var(--text) !important;
    background:var(--text) !important;
    color:var(--white) !important;
  }
  body.mobile-inline-filters .filter-sheet .filter-option.is-checked {
    background:var(--text) !important;
    color:var(--white) !important;
    border-color:var(--text) !important;
  }
  .oda-choice-item.is-checked {
    border-color:var(--accent);
    background:rgba(0,0,0,.025);
  }

  .volume-option-wrap.has-gift-label {
    position:relative !important;
    overflow:visible !important;
  }
  .volume-options .volume-option-wrap.has-gift-label .volume-gift-label {
    position:absolute !important;
    left:calc(100% + 8px) !important;
    right:auto !important;
    bottom:10px !important;
    top:auto !important;
    width:max-content !important;
    min-width:max-content !important;
    max-width:none !important;
    transform:none !important;
  }
  body.iz-product-page .volume-option-wrap.has-volume-gift[data-product-id="38267897"] .volume-option-gift {
    display:none !important;
  }

  body.iz-has-category-content .page-header {
    padding:14px 0 10px !important;
    background:transparent !important;
    border-bottom:0 !important;
  }
  body.iz-has-category-content .page-header #catTitle,
  body.iz-has-category-content .page-header #catDesc { display:none !important; }
  body.iz-has-category-content .page-header .breadcrumb { margin-bottom:0 !important; }

  @media (max-width:768px) {
    body.iz-has-category-content .container {
      width:100% !important;
      max-width:none !important;
      box-sizing:border-box !important;
      padding-left:8px !important;
      padding-right:8px !important;
    }
    body.iz-has-category-content .category-layout,
    body.iz-has-category-content .category-content,
    body.iz-has-category-content .content-toolbar,
    body.iz-has-category-content .mobile-filter-bar {
      width:100% !important;
      max-width:none !important;
      box-sizing:border-box !important;
    }
    body.iz-has-category-content .product-grid:not(.homepage-product-track) {
      width:100% !important;
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      gap:9px !important;
    }
    body.iz-has-category-content .iz-mobile-special-category-all-link {
      display:block !important;
      width:max-content !important;
      max-width:100% !important;
      margin:0 auto 10px !important;
      font-size:.72rem !important;
      color:var(--text-sec,#555) !important;
  
    }
  }