/* =========================================================
   1MARKA mobile nav + MORIS image fix + cache version
   ========================================================= */

@media (max-width: 768px) {
  header,
  .header,
  .site-header,
  nav,
  .navbar {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  header .container,
  .header .container,
  .site-header .container,
  nav .container,
  .navbar .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px 12px !important;
  }

  .logo,
  .brand,
  .site-logo {
    flex: 0 0 100% !important;
    max-width: 220px !important;
  }

  .logo img,
  .brand img,
  .site-logo img {
    max-width: 220px !important;
    height: auto !important;
  }

  .nav,
  .menu,
  .navbar-nav,
  .main-nav {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px 12px !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  .nav a,
  .menu a,
  .navbar-nav a,
  .main-nav a,
  header a,
  .header a {
    white-space: normal !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
  }

  .nav-separator,
  .separator,
  .dot,
  .menu-dot,
  .nav-dot {
    display: none !important;
  }

  .lang-switch,
  .language-switcher,
  .header-actions,
  .nav-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    max-width: 100% !important;
  }

  .uzum-btn,
  [href*="uzum"] {
    max-width: 100% !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 768px) {
  a[href*="/catalog/bathtubs"],
  a[href*="/vanny"],
  a[href*="/vannalar"],
  a[href*="/katalog"],
  a[href*="/catalog"] {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

img[src*="moris"],
img[alt*="MORIS"],
img[alt*="Moris"],
img[alt*="Морис"],
.moris img,
.moris-card img,
.moris-hero img,
.card-moris img,
.product-moris img {
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  background: #ffffff !important;
}

.moris,
.moris-card,
.moris-hero,
.card-moris,
.product-moris {
  overflow: visible !important;
}

@media (max-width: 768px) {
  img[src*="moris"],
  img[alt*="MORIS"],
  img[alt*="Moris"],
  img[alt*="Морис"],
  .moris img,
  .moris-card img,
  .moris-hero img,
  .card-moris img,
  .product-moris img {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }

  .featured-product img,
  .new-product img,
  .product-card img {
    max-width: 100% !important;
  }
}

html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

* {
  box-sizing: border-box !important;
}