/* BigStore mobile UX refinements: bubble logo sizing + elegant mobile drawer */
@media (max-width: 991px) {
  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu {
    width: min(88vw, 372px) !important;
    max-width: min(88vw, 372px) !important;
    border-radius: 26px 0 0 26px !important;
    background: linear-gradient(180deg, #fffdfa 0%, #ffffff 100%) !important;
    box-shadow: -24px 0 62px rgba(23, 17, 12, 0.28) !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .mobile-menu-header {
    min-height: 84px !important;
    padding: 16px 16px 16px 14px !important;
    display: grid !important;
    grid-template-columns: 44px 1fr auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    background: linear-gradient(135deg, #1e1610 0%, #2a1f16 62%, #3a2a1c 100%) !important;
    border-bottom: 1px solid rgba(197, 154, 94, 0.34) !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .mobile-menu-header::before {
    grid-column: 2 !important;
    justify-self: end !important;
    content: "القائمة" !important;
    color: #f6f0e7 !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.24) !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .mobile-menu-logo {
    grid-column: 3 !important;
    justify-self: end !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
    background: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.18) !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .mobile-menu-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: none !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .close-sidebar {
    grid-column: 1 !important;
    justify-self: start !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.13) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .close-sidebar::before {
    font-size: 27px !important;
    color: #f6f0e7 !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .mobile-search-wrapper {
    padding: 16px 16px 10px !important;
    background: #fffdfa !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .mobile-search-form {
    height: 52px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(161, 118, 67, 0.22) !important;
    background: #fff !important;
    box-shadow: 0 10px 20px rgba(30, 22, 16, 0.08) !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .mobile-search-form input {
    color: #2b2118 !important;
    font-weight: 700 !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .mobile-account-section {
    padding: 8px 16px 16px !important;
    border-bottom: 1px solid rgba(43, 33, 24, 0.08) !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu a.luxe-mobile-auth {
    min-height: 50px !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #251b13 0%, #3a2a1c 100%) !important;
    color: #fff7ef !important;
    border: 1px solid rgba(197, 154, 94, 0.24) !important;
    box-shadow: 0 14px 28px rgba(37, 27, 19, 0.2) !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .luxe-tabs {
    padding: 10px 12px !important;
    border-bottom: 1px solid rgba(43, 33, 24, 0.08) !important;
    background: #fffdfa !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .luxe-tabs ul {
    padding: 5px !important;
    border-radius: 15px !important;
    background: #f4eee5 !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .luxe-tabs li {
    border-radius: 12px !important;
    color: #73563c !important;
    font-weight: 800 !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .luxe-tabs li.active {
    background: #fff !important;
    color: #2a2018 !important;
    box-shadow: 0 8px 18px rgba(52, 38, 26, 0.12) !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu .mobile-menu-content-scroll {
    padding: 8px 16px 30px !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu ul.mobile-main-menu li a {
    min-height: 52px !important;
    padding: 14px 0 !important;
    color: #2a2018 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    border-bottom: 1px solid rgba(43, 33, 24, 0.08) !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu ul.mobile-main-menu li a:hover {
    color: #7d5936 !important;
    transform: translateX(-2px) !important;
  }

  html body.bigstore-luxe-ui .kapee-mobile-menu.luxe-mobile-menu ul.mobile-main-menu li .toggle-sub-menu {
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    background: #f3ebdf !important;
    color: #2d2219 !important;
    border: 1px solid rgba(165, 122, 71, 0.2) !important;
  }

  html body.bigstore-luxe-ui .luxe-arc-dock {
    right: 16px !important;
    bottom: 18px !important;
  }

  html body.bigstore-luxe-ui .luxe-arc-dock__trigger {
    width: 62px !important;
    height: 62px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(169, 126, 70, 0.26) !important;
    background: linear-gradient(145deg, #fff 0%, #f6f0e7 100%) !important;
    box-shadow: 0 18px 38px rgba(28, 24, 20, 0.16) !important;
  }

  html body.bigstore-luxe-ui .luxe-arc-dock__trigger img.icon-open {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transform: scale(2.8) !important;
    transform-origin: center center !important;
    filter: sepia(100%) saturate(210%) hue-rotate(350deg) brightness(82%) contrast(108%) !important;
  }

  html body.bigstore-luxe-ui .luxe-arc-dock__item {
    width: 44px !important;
    height: 44px !important;
    margin-right: -22px !important;
  }
}

/* Homepage category spotlight refresh: centered Arabic heading, black labels above sharp cards. */
body.bigstore-luxe-ui .bigstore-home-spotlight {
  padding-block: clamp(34px, 5vw, 58px) !important;
}

body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight__header {
  display: grid !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
  align-items: center !important;
  justify-items: center !important;
  text-align: center !important;
}

body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight__intro {
  display: grid !important;
  gap: 10px !important;
  justify-items: center !important;
  text-align: center !important;
}

body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-section-heading__eyebrow {
  color: #78614b !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-section-heading__title {
  color: #1f1915 !important;
  font-size: clamp(28px, 3.5vw, 66px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight-card {
  display: flex !important;
  flex-direction: column-reverse !important;
  gap: 10px !important;
  padding: 10px !important;
  border-radius: 18px !important;
  overflow: visible !important;
  background: #fff !important;
  box-shadow: 0 12px 24px rgba(23, 17, 12, 0.1) !important;
  border: 1px solid rgba(165, 133, 102, 0.16) !important;
}

body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight-card__media {
  aspect-ratio: 1 / 1 !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: #ece4d8 !important;
}

body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight-card__media img,
body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight-card__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
  transition: none !important;
  image-rendering: auto !important;
}

body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight-card__veil {
  display: none !important;
}

body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight-card__panel {
  position: relative !important;
  inset: auto !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  justify-content: center !important;
  padding: 4px 8px 2px !important;
  background: transparent !important;
}

body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight-card__panel h3 {
  margin: 0 !important;
  max-width: 100% !important;
}

body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight-card__panel h3 a {
  color: #17120f !important;
  font-size: clamp(15px, 1.22vw, 20px) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight-card__eyebrow {
  color: #7b634d !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
}

body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight-card__links,
body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight-card__cta {
  display: none !important;
}

@media (max-width: 767px) {
  body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-section-heading__title {
    font-size: clamp(34px, 9vw, 46px) !important;
    line-height: 1.1 !important;
  }

  body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight-card {
    border-radius: 14px !important;
    padding: 8px !important;
  }

  body.bigstore-luxe-ui .bigstore-home-spotlight .bigstore-spotlight-card__panel h3 a {
    font-size: 14px !important;
  }
}