/**
 * Asma storefront — modern visual system.
 *
 * This is the final tenant-only layer.  Every selector is rooted on Asma so
 * shared storefronts keep their own design language.
 */

html[data-storefront-template='asma-shop'] {
  --asma-primary: #3bb77e;
  --asma-primary-strong: #18794e;
  --asma-primary-deep: #105e3c;
  --asma-primary-soft: #eaf8f0;
  --asma-accent: #fdc040;
  --asma-teal: #1f6f78;
  --asma-gold: #c9a962;
  --asma-ink: #253d4e;
  --asma-copy: #425563;
  --asma-muted: #596873;
  --asma-canvas: #f6fbf8;
  --asma-surface: #ffffff;
  --asma-line: rgba(24, 121, 78, 0.13);
  --asma-line-strong: rgba(24, 121, 78, 0.22);
  --asma-radius-sm: 12px;
  --asma-radius-md: 18px;
  --asma-radius-lg: 26px;
  --asma-shadow-sm: 0 8px 24px rgba(24, 72, 51, 0.07);
  --asma-shadow-md: 0 18px 46px rgba(24, 72, 51, 0.1);
  --asma-shadow-lg: 0 28px 70px rgba(24, 72, 51, 0.13);
  color-scheme: light;
  background: var(--asma-canvas);
}

html[data-storefront-template='asma-shop'] body {
  color: var(--asma-copy);
  background:
    radial-gradient(circle at 8% 0%, rgba(59, 183, 126, 0.08), transparent 30rem),
    radial-gradient(circle at 94% 16%, rgba(253, 192, 64, 0.08), transparent 26rem),
    var(--asma-canvas);
  font-family: var(--font-vazir), Tahoma, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[dir='ltr'][data-storefront-template='asma-shop'] body {
  font-family: var(--font-inter), var(--font-quicksand), Arial, sans-serif;
}

html[data-storefront-template='asma-shop'] #main-content {
  position: relative;
  overflow: clip;
  background: transparent;
}

html[data-storefront-template='asma-shop'] h1,
html[data-storefront-template='asma-shop'] h2,
html[data-storefront-template='asma-shop'] h3,
html[data-storefront-template='asma-shop'] h4,
html[data-storefront-template='asma-shop'] h5,
html[data-storefront-template='asma-shop'] h6,
html[data-storefront-template='asma-shop'] .font-heading {
  color: var(--asma-ink);
  font-family: inherit;
  letter-spacing: -0.018em;
}

html[data-storefront-template='asma-shop'] p,
html[data-storefront-template='asma-shop'] .text-muted,
html[data-storefront-template='asma-shop'] .font-small {
  color: var(--asma-muted);
}

html[data-storefront-template='asma-shop'] a,
html[data-storefront-template='asma-shop'] button,
html[data-storefront-template='asma-shop'] input,
html[data-storefront-template='asma-shop'] select,
html[data-storefront-template='asma-shop'] textarea {
  font-family: inherit;
}

/* Cairo belongs only to the Arabic storefront and customer area. */
html[lang='ar'][data-storefront-template='asma-shop'] .asma-arabic-font {
  --font-quicksand: var(--font-cairo);
  --tenant-font-family: var(--font-cairo), Arial, sans-serif;
  --tenant-body-font: var(--font-cairo), Arial, sans-serif;
  --tenant-heading-font: var(--font-cairo), Arial, sans-serif;
  font-family: var(--font-cairo), Arial, sans-serif;
}

/* Override legacy text families without touching icons or monospace content. */
html[lang='ar'][data-storefront-template='asma-shop'] .asma-arabic-font :where(
  h1, h2, h3, h4, h5, h6, .font-heading, p, a, button, input, select, textarea,
  .product-price, .stock-status, .deals-countdown .countdown-amount,
  .hotline span, .page-header.breadcrumb-wrap, .shopping-summery thead th,
  .account .card .table > thead, .pagination-area .page-link,
  .display-1, .display-2, .heading-sm-1, .tooltip, .popover,
  .select2-container, .select2-selection__rendered
) {
  font-family: var(--font-cairo), Arial, sans-serif !important;
}

html[data-storefront-template='asma-shop'] a,
html[data-storefront-template='asma-shop'] button {
  -webkit-tap-highlight-color: transparent;
}

html[data-storefront-template='asma-shop'] :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--asma-primary-strong) !important;
  outline-offset: 3px;
}

html[data-storefront-template='asma-shop'] ::selection {
  color: #fff;
  background: var(--asma-primary-strong);
}

html[data-storefront-template='asma-shop'] .container {
  width: min(100% - 32px, 1320px);
}

html[data-storefront-template='asma-shop'] .btn,
html[data-storefront-template='asma-shop'] button.btn,
html[data-storefront-template='asma-shop'] input[type='submit'] {
  min-height: 46px;
  border-radius: 999px !important;
  font-weight: 700;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

html[data-storefront-template='asma-shop'] .btn:hover,
html[data-storefront-template='asma-shop'] button.btn:hover,
html[data-storefront-template='asma-shop'] input[type='submit']:hover {
  transform: translateY(-2px);
}

html[data-storefront-template='asma-shop'] .btn-primary,
html[data-storefront-template='asma-shop'] .btn-success,
html[data-storefront-template='asma-shop'] .btn.bg-brand,
html[data-storefront-template='asma-shop'] .button.button-add-to-cart {
  color: #fff !important;
  border-color: var(--asma-primary-strong) !important;
  background: linear-gradient(135deg, var(--asma-primary-strong), var(--asma-primary-deep)) !important;
  box-shadow: 0 10px 24px rgba(24, 121, 78, 0.22);
}

/* Header */
html[data-storefront-template='asma-shop'] .mobile-promotion {
  min-height: 34px;
  color: #fff;
  background: linear-gradient(100deg, var(--asma-primary-deep), var(--asma-teal), var(--asma-primary-strong));
  background-size: 180% 180%;
  border: 0;
}

html[data-storefront-template='asma-shop'] .mobile-promotion span {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.01em;
}

html[data-storefront-template='asma-shop'] .header-area {
  position: relative;
  z-index: 90;
}

html[data-storefront-template='asma-shop'] .header-top {
  min-height: 50px;
  color: rgba(255, 255, 255, 0.88);
  border: 0 !important;
  background:
    linear-gradient(100deg, rgba(16, 94, 60, 0.98), rgba(31, 111, 120, 0.98)),
    var(--asma-primary-deep);
}

html[data-storefront-template='asma-shop'] .header-top .container {
  min-height: 50px;
}

html[data-storefront-template='asma-shop'] .header-top :where(a, span, li, strong, i) {
  color: rgba(255, 255, 255, 0.9) !important;
}

html[data-storefront-template='asma-shop'] .header-top a:hover,
html[data-storefront-template='asma-shop'] .header-top a:hover * {
  color: #fff !important;
}

html[data-storefront-template='asma-shop'] .header-top .header-info > ul > li {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
}

html[data-storefront-template='asma-shop'] .header-top .header-info > ul > li > a {
  min-height: 36px;
  padding-inline: 8px;
  border-radius: 999px;
}

html[data-storefront-template='asma-shop'] .header-top .header-info > ul > li > a:hover {
  background: rgba(255, 255, 255, 0.1);
}

html[data-storefront-template='asma-shop'] .header-top .language-dropdown-compact,
html[data-storefront-template='asma-shop'] .header-top .header-info ul ul {
  overflow: hidden;
  border: 1px solid var(--asma-line) !important;
  border-radius: var(--asma-radius-md) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: var(--asma-shadow-md) !important;
}

html[data-storefront-template='asma-shop'] .header-top .language-dropdown-compact *,
html[data-storefront-template='asma-shop'] .header-top .header-info ul ul * {
  color: var(--asma-copy) !important;
}

html[data-storefront-template='asma-shop'] .header-bottom.sticky-bar {
  border: 0 !important;
  border-bottom: 1px solid rgba(24, 121, 78, 0.09) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 8px 32px rgba(24, 72, 51, 0.06);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

html[data-storefront-template='asma-shop'] .header-bottom.sticky-bar.stick {
  box-shadow: 0 12px 36px rgba(24, 72, 51, 0.12) !important;
}

html[data-storefront-template='asma-shop'] .header-bottom .header-wrap {
  min-height: 82px;
}

html[data-storefront-template='asma-shop'] .header-bottom .main-menu > nav > ul {
  gap: clamp(2px, 0.55vw, 10px);
}

html[data-storefront-template='asma-shop'] .header-bottom .main-menu > nav > ul > li > a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0 13px !important;
  color: var(--asma-ink) !important;
  border-radius: 999px;
  font-size: 0.92rem;
  font-weight: 700;
  transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

html[data-storefront-template='asma-shop'] .header-bottom .main-menu > nav > ul > li:hover > a,
html[data-storefront-template='asma-shop'] .header-bottom .main-menu > nav > ul > li > a.active {
  color: var(--asma-primary-strong) !important;
  background: var(--asma-primary-soft);
  transform: translateY(-1px);
}

html[data-storefront-template='asma-shop'] .header-bottom .main-menu ul ul,
html[data-storefront-template='asma-shop'] .header-bottom .glass-dropdown {
  overflow: hidden;
  padding: 10px !important;
  border: 1px solid var(--asma-line) !important;
  border-radius: var(--asma-radius-md) !important;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: var(--asma-shadow-md) !important;
  backdrop-filter: blur(16px);
}

html[data-storefront-template='asma-shop'] .header-bottom .main-menu ul ul a,
html[data-storefront-template='asma-shop'] .header-bottom .glass-dropdown a {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 8px 12px !important;
  color: var(--asma-copy) !important;
  border-radius: 10px;
}

html[data-storefront-template='asma-shop'] .header-bottom .main-menu ul ul a:hover,
html[data-storefront-template='asma-shop'] .header-bottom .glass-dropdown a:hover {
  color: var(--asma-primary-strong) !important;
  background: var(--asma-primary-soft) !important;
}

html[data-storefront-template='asma-shop'] .header-bottom .asma-category-menu {
  width: min(560px, calc(100vw - 32px));
  min-width: 0;
  padding: 12px !important;
}

html[data-storefront-template='asma-shop'] .asma-category-menu .categori-dropdown-inner {
  gap: 10px;
  align-items: flex-start;
}

html[data-storefront-template='asma-shop'] .asma-category-menu .categori-dropdown-inner > ul {
  display: grid;
  flex: 1;
  min-width: 0;
  gap: 5px;
  margin: 0 !important;
  padding: 0;
}

html[data-storefront-template='asma-shop'] .asma-category-menu .cat-item-hover,
html[data-storefront-template='asma-shop'] .asma-category-menu .cat-item-hover:hover {
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: none !important;
}

html[data-storefront-template='asma-shop'] .header-bottom .asma-category-menu .cat-item-hover > a {
  width: 100%;
  min-height: 54px;
  gap: 10px;
  padding: 9px 11px !important;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  font-size: 13px;
  line-height: 1.5;
  text-align: start;
  white-space: normal;
  transform: none;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

html[data-storefront-template='asma-shop'] .header-bottom .asma-category-menu .cat-item-hover > a:hover,
html[data-storefront-template='asma-shop'] .header-bottom .asma-category-menu .cat-item-hover > a:focus-visible {
  color: var(--asma-primary-strong) !important;
  background: var(--asma-primary-soft) !important;
  border-color: var(--asma-line);
}

html[data-storefront-template='asma-shop'] .header-bottom .asma-category-menu .cat-item-hover > a:focus-visible {
  outline: 2px solid var(--asma-primary-strong) !important;
  outline-offset: -2px !important;
}

html[data-storefront-template='asma-shop'] .asma-category-menu .asma-category-menu-icon {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  color: var(--asma-primary-strong);
}

html[data-storefront-template='asma-shop'] .asma-category-menu .asma-category-menu-icon img {
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  object-fit: contain;
  transform: none !important;
}

html[data-storefront-template='asma-shop'] .asma-category-menu .asma-category-menu-icon svg {
  display: block;
  margin: 0 !important;
}

html[data-storefront-template='asma-shop'] .asma-category-menu .asma-category-menu-label {
  flex: 1;
  min-width: 0;
}

html[data-storefront-template='asma-shop'] .header-bottom .premium-cat-btn,
html[data-storefront-template='asma-shop'] .header-bottom .categories-button-active {
  min-height: 48px;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--asma-primary-strong), var(--asma-primary-deep)) !important;
  box-shadow: 0 10px 24px rgba(24, 121, 78, 0.22);
}

html[data-storefront-template='asma-shop'] .header-bottom .header-action-icon-2 > a,
html[data-storefront-template='asma-shop'] .header-bottom .header-action-icon-2 > button,
html[data-storefront-template='asma-shop'] .header-bottom .header-action-icon > a {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 50%;
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

html[data-storefront-template='asma-shop'] .header-bottom .header-action-icon-2 > a:hover,
html[data-storefront-template='asma-shop'] .header-bottom .header-action-icon-2 > button:hover,
html[data-storefront-template='asma-shop'] .header-bottom .header-action-icon > a:hover {
  border-color: var(--asma-line);
  background: var(--asma-primary-soft);
  transform: translateY(-2px);
}

/* Shared section language */
html[data-storefront-template='asma-shop'] #main-content section.section-padding {
  position: relative;
  padding-block: clamp(42px, 5vw, 76px);
}

html[data-storefront-template='asma-shop'] #main-content .section-title {
  margin-bottom: clamp(20px, 2.5vw, 32px);
}

html[data-storefront-template='asma-shop'] #main-content .section-title h2,
html[data-storefront-template='asma-shop'] #main-content .section-title h3 {
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  font-size: clamp(1.45rem, 1.1rem + 1vw, 2.15rem) !important;
  line-height: 1.25;
  font-weight: 800 !important;
}

html[data-storefront-template='asma-shop'] #main-content .section-title h2::after,
html[data-storefront-template='asma-shop'] #main-content .section-title h3::after {
  content: '';
  display: block;
  width: 54px;
  height: 4px;
  margin-top: 10px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--asma-primary-strong), var(--asma-accent));
}

html[data-storefront-template='asma-shop'] #main-content .section-title a {
  color: var(--asma-primary-strong);
  font-weight: 700;
}

/* Hero */
html[data-storefront-template='asma-shop'] section.home-slider .home-slide-cover {
  margin-top: 24px !important;
}

html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode {
  isolation: isolate;
  border: 1px solid rgba(24, 121, 78, 0.12);
  border-radius: var(--asma-radius-lg) !important;
  box-shadow: var(--asma-shadow-lg) !important;
}

html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode::before,
html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode::after {
  content: '';
  position: absolute;
  z-index: 1;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(2px);
}

html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode::before {
  inset: -120px auto auto -90px;
  background: radial-gradient(circle, rgba(253, 192, 64, 0.25), transparent 68%);
}

html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode::after {
  inset: auto -90px -130px auto;
  background: radial-gradient(circle, rgba(59, 183, 126, 0.24), transparent 68%);
}

html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .hero-slide-inner {
  position: relative;
  z-index: 2;
  padding: clamp(28px, 4vw, 58px) clamp(24px, 5vw, 70px) !important;
}

html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .hero-slide-inner .slider-content {
  padding: clamp(22px, 3vw, 38px) !important;
  border: 1px solid rgba(255, 255, 255, 0.82) !important;
  border-radius: var(--asma-radius-lg) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(244, 252, 247, 0.72)) !important;
  box-shadow: 0 20px 55px rgba(24, 72, 51, 0.1) !important;
  backdrop-filter: blur(18px) saturate(140%);
}

/* The shared slider stylesheet limits copy to 52% inside its grid cell. That
   leaves long LTR headlines too narrow and clips the CTA below the hero. Let
   the Asma grid own the width: copy stays left in LTR and right in RTL. */
html[data-storefront-template='asma-shop'] .home-slider .sara-react-hero.asma-hero-mode.hero-slider-1 .hero-slide-inner .slider-content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}

html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .slider-content .display-2 {
  color: var(--asma-ink) !important;
  font-size: clamp(1.7rem, 1.1rem + 2.3vw, 3.5rem) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.035em;
}

html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .slider-content .mb-65 {
  max-width: 54ch;
  color: var(--asma-muted) !important;
  font-size: clamp(0.93rem, 0.86rem + 0.25vw, 1.08rem) !important;
  line-height: 1.85 !important;
}

html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .slider-content .btn {
  min-height: 52px;
  padding-inline: 26px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--asma-primary-strong), var(--asma-primary-deep)) !important;
  box-shadow: 0 12px 28px rgba(24, 121, 78, 0.25) !important;
}

html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .hero-fg-img {
  filter: drop-shadow(0 26px 34px rgba(24, 121, 78, 0.22)) !important;
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode:hover .hero-fg-img {
  transform: translateY(-5px) scale(1.015);
}

html[data-storefront-template='asma-shop'] .home-slide-cover .slider-arrow .slider-btn {
  width: 48px !important;
  height: 48px !important;
  color: var(--asma-primary-strong) !important;
  border: 1px solid var(--asma-line) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: var(--asma-shadow-sm) !important;
  backdrop-filter: blur(10px);
}

/* Promotional banners */
html[data-storefront-template='asma-shop'] section.banners {
  margin-block: 6px clamp(18px, 3vw, 36px) !important;
}

html[data-storefront-template='asma-shop'] section.banners .banner-img {
  isolation: isolate;
  width: 100%;
  box-sizing: border-box;
  aspect-ratio: auto !important;
  min-height: 340px;
  border: 1px solid rgba(24, 121, 78, 0.1);
  border-radius: var(--asma-radius-lg) !important;
  background: var(--asma-surface);
  box-shadow: var(--asma-shadow-md) !important;
}

html[data-storefront-template='asma-shop'] section.banners .banner-img::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(circle at 84% 22%, rgba(59, 183, 126, 0.13), transparent 42%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 253, 250, 0.94) 56%, rgba(255, 255, 255, 0.34) 100%);
  pointer-events: none;
}

html[dir='rtl'][data-storefront-template='asma-shop'] section.banners .banner-img::after {
  background:
    radial-gradient(circle at 16% 22%, rgba(59, 183, 126, 0.13), transparent 42%),
    linear-gradient(270deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 253, 250, 0.94) 56%, rgba(255, 255, 255, 0.34) 100%);
}

html[data-storefront-template='asma-shop'] section.banners .banner-img:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--asma-shadow-lg) !important;
}

html[data-storefront-template='asma-shop'] section.banners .banner-img > img {
  position: absolute;
  z-index: 1;
  inset-block: 0;
  inset-inline-end: 0;
  width: 38% !important;
  height: 100% !important;
  padding: 22px 14px !important;
  object-fit: contain;
  object-position: center;
  transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html[data-storefront-template='asma-shop'] section.banners .banner-img:hover > img {
  transform: scale(1.045) !important;
}

html[data-storefront-template='asma-shop'] section.banners .banner-text {
  z-index: 2;
  inset: 0 auto 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 66% !important;
  height: 100%;
  padding: 26px !important;
  background: none;
  text-align: start;
  transform: none;
}

html[dir='rtl'][data-storefront-template='asma-shop'] section.banners .banner-text {
  inset: 0 0 0 auto;
  align-items: flex-start;
}

html[data-storefront-template='asma-shop'] section.banners .banner-text h4 {
  color: var(--asma-ink) !important;
  font-size: clamp(1.15rem, 1rem + 0.45vw, 1.5rem) !important;
  line-height: 1.45 !important;
  margin-bottom: 10px;
}

html[data-storefront-template='asma-shop'] section.banners .asma-banner-subtitle {
  display: block;
  max-width: 34ch;
  margin-bottom: 18px;
  overflow: visible;
  line-height: 1.65;
  -webkit-line-clamp: unset;
}

html[data-storefront-template='asma-shop'] section.banners .banner-text .btn-xs {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 9px 16px !important;
  color: #fff !important;
  border-radius: 999px !important;
  background: var(--asma-primary-strong) !important;
}

/* Categories */
html[data-storefront-template='asma-shop'] section.popular-categories {
  margin-block: clamp(18px, 2vw, 28px) !important;
  padding-block: 0 !important;
}

html[data-storefront-template='asma-shop'] section.popular-categories .container {
  padding-block: clamp(22px, 2.2vw, 30px) !important;
  border: 1px solid var(--asma-line);
  border-radius: 32px;
  background:
    linear-gradient(135deg, rgba(234, 248, 240, 0.8), rgba(255, 255, 255, 0.94)),
    var(--asma-surface);
  box-shadow: var(--asma-shadow-sm);
}

html[data-storefront-template='asma-shop'] section.popular-categories .sara-popular-cat-card {
  overflow: hidden;
  min-height: 188px;
  padding: 20px 14px !important;
  border: 1px solid rgba(24, 121, 78, 0.11) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 10px 26px rgba(24, 72, 51, 0.07) !important;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease !important;
}

html[data-storefront-template='asma-shop'] section.popular-categories .sara-popular-cat-card:hover {
  transform: translateY(-7px) !important;
  border-color: rgba(24, 121, 78, 0.3) !important;
  box-shadow: 0 18px 38px rgba(24, 121, 78, 0.14) !important;
}

html[data-storefront-template='asma-shop'] section.popular-categories .sara-popular-cat-card img {
  transition: transform 400ms cubic-bezier(0.22, 1, 0.36, 1);
}

html[data-storefront-template='asma-shop'] section.popular-categories .sara-popular-cat-card:hover img {
  transform: scale(1.07) rotate(-1deg);
}

html[data-storefront-template='asma-shop'] section.popular-categories .sara-popular-cat-card h6 a {
  color: var(--asma-ink) !important;
  font-weight: 800;
}

/* Products and carousels */
html[data-storefront-template='asma-shop'] .product-cart-wrap {
  overflow: hidden;
  height: 100%;
  border: 1px solid rgba(24, 121, 78, 0.11) !important;
  border-radius: 22px !important;
  background: var(--asma-surface) !important;
  box-shadow: 0 10px 30px rgba(24, 72, 51, 0.07) !important;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease !important;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap:hover {
  transform: translateY(-7px);
  border-color: rgba(24, 121, 78, 0.25) !important;
  box-shadow: 0 22px 48px rgba(24, 121, 78, 0.14) !important;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-img-action-wrap {
  padding: 14px !important;
  background:
    radial-gradient(circle at 50% 30%, #fff 0%, #f2faf5 72%, #e9f6ef 100%) !important;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-img {
  overflow: hidden;
  border-radius: 16px;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-img img {
  object-fit: contain !important;
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap:hover .product-img img {
  transform: scale(1.055);
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-badges span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-weight: 700;
  box-shadow: 0 6px 16px rgba(24, 72, 51, 0.12);
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-content-wrap {
  padding: 16px 18px 18px !important;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-category a {
  color: var(--asma-muted) !important;
  font-weight: 600;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-content-wrap h2,
html[data-storefront-template='asma-shop'] .product-cart-wrap .deals-content h2 {
  min-height: 2.8em;
  margin-block: 6px 10px;
  font-size: 0.98rem !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-content-wrap h2 a,
html[data-storefront-template='asma-shop'] .product-cart-wrap .deals-content h2 a {
  color: var(--asma-ink) !important;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-content-wrap h2 a:hover,
html[data-storefront-template='asma-shop'] .product-cart-wrap .deals-content h2 a:hover {
  color: var(--asma-primary-strong) !important;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-price > span:first-child,
html[data-storefront-template='asma-shop'] .product-cart-wrap .product-price .new-price {
  color: var(--asma-primary-strong) !important;
  font-size: 1.05rem;
  font-weight: 800 !important;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-content-wrap .product-price > span.asma-product-status:first-child {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  color: var(--asma-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  white-space: nowrap;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .asma-product-status::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #98a59f;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-card-bottom.asma-card-unavailable {
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .asma-card-unavailable .add-cart {
  width: 100%;
  float: none;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-action-1 a,
html[data-storefront-template='asma-shop'] .product-cart-wrap .add-cart .add,
html[data-storefront-template='asma-shop'] .product-cart-wrap .btn {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 999px !important;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .add-cart .add {
  color: #fff !important;
  background: var(--asma-primary-strong) !important;
  box-shadow: 0 8px 18px rgba(24, 121, 78, 0.2);
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .asma-card-unavailable .add-cart .add.asma-product-details-link,
html[data-storefront-template='asma-shop'] .product-cart-wrap .btn.asma-product-details-link {
  width: 100%;
  gap: 8px;
  padding: 10px 12px !important;
  color: var(--asma-primary-strong) !important;
  border: 1px solid var(--asma-line-strong) !important;
  border-radius: 11px !important;
  background: var(--asma-primary-soft) !important;
  box-shadow: none !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  white-space: nowrap;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .asma-product-details-link i {
  margin: 0 !important;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .asma-card-unavailable .add-cart .add.asma-product-details-link:hover,
html[data-storefront-template='asma-shop'] .product-cart-wrap .btn.asma-product-details-link:hover {
  color: #fff !important;
  border-color: var(--asma-primary-strong) !important;
  background: var(--asma-primary-strong) !important;
}

html[data-storefront-template='asma-shop'] .product-cart-wrap .product-action-1 a:hover,
html[data-storefront-template='asma-shop'] .product-cart-wrap .add-cart .add:hover {
  color: #fff !important;
  background: var(--asma-primary-deep) !important;
}

html[data-storefront-template='asma-shop'] section.product-tabs,
html[data-storefront-template='asma-shop'] .asma-daily-best,
html[data-storefront-template='asma-shop'] .asma-deals-section,
html[data-storefront-template='asma-shop'] .asma-product-columns {
  position: relative;
}

html[data-storefront-template='asma-shop'] .asma-daily-best::before,
html[data-storefront-template='asma-shop'] .asma-product-columns::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 2% 0;
  background: linear-gradient(135deg, rgba(234, 248, 240, 0.72), rgba(255, 255, 255, 0.24));
}

html[data-storefront-template='asma-shop'] .nav-tabs.links .nav-link,
html[data-storefront-template='asma-shop'] section.product-tabs .nav-tabs .nav-link {
  min-height: 42px;
  padding: 9px 15px !important;
  color: var(--asma-muted) !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  font-weight: 700;
}

html[data-storefront-template='asma-shop'] .nav-tabs.links .nav-link.active,
html[data-storefront-template='asma-shop'] .nav-tabs.links .nav-link:hover,
html[data-storefront-template='asma-shop'] section.product-tabs .nav-tabs .nav-link.active,
html[data-storefront-template='asma-shop'] section.product-tabs .nav-tabs .nav-link:hover {
  color: var(--asma-primary-strong) !important;
  border-color: var(--asma-line) !important;
  background: var(--asma-primary-soft) !important;
}

html[data-storefront-template='asma-shop'] .asma-featured-slider-wrap .slider-btn,
html[data-storefront-template='asma-shop'] .carausel-4-columns-cover .slider-btn {
  min-width: 44px;
  min-height: 44px;
  color: var(--asma-primary-strong) !important;
  border: 1px solid var(--asma-line) !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: var(--asma-shadow-sm) !important;
}

html[data-storefront-template='asma-shop'] .asma-deals-row .product-cart-wrap.style-2 {
  border-radius: var(--asma-radius-lg) !important;
}

html[data-storefront-template='asma-shop'] .asma-deals-row .deals-countdown .countdown-section {
  min-width: 52px;
  border: 1px solid rgba(24, 121, 78, 0.13);
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: var(--asma-shadow-sm);
}

html[data-storefront-template='asma-shop'] .asma-product-columns .product-list-small .asma-product-list-item {
  padding: 14px !important;
  border: 1px solid transparent;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.78);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

html[data-storefront-template='asma-shop'] .asma-product-columns .product-list-small .asma-product-list-item:hover {
  transform: translateY(-3px);
  border-color: var(--asma-line);
  box-shadow: var(--asma-shadow-sm);
}

/* Shop and archive pages */
html[data-storefront-template='asma-shop'] .asma-shop-page,
html[data-storefront-template='asma-shop'] .asma-catalog-page,
html[data-storefront-template='asma-shop'] .main.sara-pdp,
html[data-storefront-template='asma-shop'] .asma-cart-page,
html[data-storefront-template='asma-shop'] .asma-checkout-page {
  background: transparent !important;
}

html[data-storefront-template='asma-shop'] .main .page-header {
  padding-block: clamp(22px, 3vw, 40px);
}

html[data-storefront-template='asma-shop'] .asma-shop-page .archive-header {
  isolation: isolate;
  padding: clamp(26px, 4vw, 52px) clamp(22px, 4vw, 50px) !important;
  border: 1px solid var(--asma-line) !important;
  border-radius: var(--asma-radius-lg) !important;
  background:
    radial-gradient(circle at 82% 28%, rgba(253, 192, 64, 0.18), transparent 18rem),
    linear-gradient(135deg, rgba(234, 248, 240, 0.98), rgba(255, 255, 255, 0.95)) !important;
  box-shadow: var(--asma-shadow-md) !important;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .archive-header::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: auto -70px -100px auto;
  width: 250px;
  height: 250px;
  border: 38px solid rgba(59, 183, 126, 0.07);
  border-radius: 50%;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .archive-header h1 {
  font-size: clamp(1.75rem, 1.2rem + 1.7vw, 3rem);
}

html[data-storefront-template='asma-shop'] .asma-shop-category-nav {
  margin-top: 24px;
  border-top: 1px solid var(--asma-line);
}

html[data-storefront-template='asma-shop'] .asma-shop-page .archive-header .tags-list.asma-shop-category-tabs {
  display: flex;
  align-items: center;
  gap: 26px;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .archive-header .asma-shop-category-tabs li {
  flex: 0 0 auto;
  margin: 0;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .archive-header .asma-shop-category-tabs li a {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 12px 0;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--asma-muted);
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  transition: color 160ms ease, border-color 160ms ease;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .archive-header .asma-shop-category-tabs li.active a,
html[data-storefront-template='asma-shop'] .asma-shop-page .archive-header .asma-shop-category-tabs li a:hover {
  color: var(--asma-primary-strong) !important;
  background: transparent;
  border-bottom-color: var(--asma-primary-strong);
}

html[data-storefront-template='asma-shop'] .asma-shop-category-tabs a:focus-visible {
  outline: 2px solid var(--asma-primary-strong);
  outline-offset: -2px;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .shop-product-fillter {
  min-height: 70px;
  padding: 12px 18px !important;
  border: 1px solid var(--asma-line) !important;
  border-radius: var(--asma-radius-md) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: var(--asma-shadow-sm) !important;
  backdrop-filter: blur(14px);
}

html[data-storefront-template='asma-shop'] .asma-shop-page .sort-by-product-area,
html[data-storefront-template='asma-shop'] .asma-shop-page .sort-by-cover {
  border-radius: 999px !important;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .primary-sidebar .sidebar-widget,
html[data-storefront-template='asma-shop'] .main.sara-pdp .primary-sidebar .sidebar-widget {
  padding: 22px !important;
  border: 1px solid var(--asma-line) !important;
  border-radius: var(--asma-radius-md) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--asma-shadow-sm) !important;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .primary-sidebar.sticky-sidebar,
html[data-storefront-template='asma-shop'] .main.sara-pdp .primary-sidebar.sticky-sidebar {
  max-height: none !important;
  overflow: visible !important;
  scrollbar-width: auto;
}

html[data-storefront-template='asma-shop'] .widget-category-2.widget-category-2--tree,
html[data-storefront-template='asma-shop'] .primary-sidebar .widget-category-2--tree {
  max-height: none !important;
  overflow: visible !important;
}

html[data-storefront-template='asma-shop'] .primary-sidebar .section-title.style-1 {
  color: var(--asma-ink) !important;
  font-weight: 800 !important;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-widget .section-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding-bottom: 16px;
  margin-bottom: 12px !important;
  border-bottom: 1px solid var(--asma-line);
}

html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-widget .section-title::after {
  content: none;
}

html[data-storefront-template='asma-shop'] .asma-category-heading-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  height: 30px;
  border-radius: 9px;
  background: var(--asma-primary-soft);
  color: var(--asma-primary-strong);
  font-size: 15px;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-list {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-list > li,
html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-list > li:hover {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  line-height: normal;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-list > li > a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 10px;
  border-radius: 10px;
  color: var(--asma-copy);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  transition: color 160ms ease, background-color 160ms ease;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-list .asma-category-label {
  flex: 1;
  min-width: 0;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-list > li > a:hover,
html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-list > li > a.is-active {
  background: var(--asma-primary-soft);
  color: var(--asma-primary-strong);
}

html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-list > li > a.is-active {
  font-weight: 700;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-list > li > a.is-active::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  width: 3px;
  height: 18px;
  border-radius: 3px;
  background: var(--asma-primary-strong);
  transform: translateY(-50%);
}

html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-list .count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 23px;
  width: 23px;
  height: 23px;
  margin: 0;
  border-radius: 7px;
  background: #f0f4f2;
  color: var(--asma-muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-list a.is-active .count {
  background: #d5ebdf;
  color: var(--asma-primary-strong);
}

html[data-storefront-template='asma-shop'] .asma-shop-page .asma-shop-category-list a:focus-visible {
  outline: 2px solid var(--asma-primary-strong);
  outline-offset: 2px;
}

html[data-storefront-template='asma-shop'] .primary-sidebar :where(input, select) {
  min-height: 46px;
  border-color: var(--asma-line-strong) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .pagination .page-link {
  min-width: 44px !important;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--asma-copy) !important;
  border-color: var(--asma-line) !important;
  border-radius: 12px !important;
  background: #fff;
}

html[data-storefront-template='asma-shop'] .asma-shop-page .pagination .page-item.active .page-link,
html[data-storefront-template='asma-shop'] .asma-shop-page .pagination .page-link:hover {
  color: #fff !important;
  border-color: var(--asma-primary-strong) !important;
  background: var(--asma-primary-strong) !important;
}

/* Product detail */
html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-detail {
  padding: clamp(20px, 3vw, 42px) !important;
  border: 1px solid var(--asma-line) !important;
  border-radius: var(--asma-radius-lg) !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: var(--asma-shadow-md) !important;
}

html[data-storefront-template='asma-shop'] .main.sara-pdp .col-xl-11 > .row > .col-xl-9 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

html[data-storefront-template='asma-shop'] .main.sara-pdp .col-xl-11 > .row > .primary-sidebar {
  display: none !important;
}

html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-gallery .sara-pdp-main,
html[data-storefront-template='asma-shop'] .main.sara-pdp .product-image-slider {
  border: 1px solid var(--asma-line) !important;
  border-radius: 22px !important;
  background: radial-gradient(circle at 50% 32%, #fff, #edf8f2) !important;
}

html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-title {
  color: var(--asma-ink) !important;
  font-size: clamp(1.65rem, 1.25rem + 1.1vw, 2.6rem) !important;
  line-height: 1.35;
}

html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-pricebar {
  padding: 16px 18px;
  border: 1px solid var(--asma-line);
  border-radius: 16px;
  background: var(--asma-primary-soft);
}

html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-unavailable {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  padding: 8px 16px;
  color: #875b0b !important;
  border: 1px solid rgba(201, 169, 98, 0.3);
  border-radius: 999px;
  background: rgba(253, 192, 64, 0.13);
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  line-height: 1.2;
}

html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-stock {
  width: fit-content;
  min-height: 38px;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
}

html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-addcart {
  min-height: 52px;
  color: #fff !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--asma-primary-strong), var(--asma-primary-deep)) !important;
  box-shadow: 0 12px 26px rgba(24, 121, 78, 0.24) !important;
}

html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-iconbtn,
html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-qty-btn {
  min-width: 44px;
  min-height: 44px;
  border-color: var(--asma-line-strong) !important;
  background: #fff !important;
}

html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-share-btn,
html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-tab {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-tabs {
  overflow: hidden;
  border: 1px solid var(--asma-line) !important;
  border-radius: var(--asma-radius-lg) !important;
  background: #fff;
  box-shadow: var(--asma-shadow-sm);
}

html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-tabs .nav-link {
  min-height: 46px;
  border-radius: 999px !important;
}

/* About, contact and informational pages */
html[data-storefront-template='asma-shop'] .asma-about-page,
html[data-storefront-template='asma-shop'] .asma-contact-page {
  padding-bottom: clamp(40px, 6vw, 86px);
  background: transparent;
}

html[data-storefront-template='asma-shop'] .asma-about-hero-frame,
html[data-storefront-template='asma-shop'] .asma-about-panel,
html[data-storefront-template='asma-shop'] .asma-contact-form-wrap,
html[data-storefront-template='asma-shop'] .asma-contact-branch-card {
  border: 1px solid var(--asma-line) !important;
  border-radius: var(--asma-radius-lg) !important;
  box-shadow: var(--asma-shadow-md) !important;
}

html[data-storefront-template='asma-shop'] .asma-about-hero-frame {
  background: radial-gradient(circle at 50% 22%, #fff, #eaf7ef) !important;
}

html[data-storefront-template='asma-shop'] .asma-about-panel,
html[data-storefront-template='asma-shop'] .asma-contact-form-wrap {
  background: rgba(255, 255, 255, 0.94) !important;
}

html[data-storefront-template='asma-shop'] .asma-about-feature-card {
  border: 1px solid var(--asma-line) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #fff, #f8fcfa) !important;
  box-shadow: var(--asma-shadow-sm) !important;
}

html[data-storefront-template='asma-shop'] .asma-about-feature-card:hover {
  transform: translateY(-6px);
  border-color: var(--asma-line-strong) !important;
  box-shadow: var(--asma-shadow-md) !important;
}

html[data-storefront-template='asma-shop'] .asma-about-accordion {
  border-color: var(--asma-line) !important;
  border-radius: var(--asma-radius-md) !important;
}

html[data-storefront-template='asma-shop'] .asma-about-accordion-btn {
  min-height: 68px;
}

html[data-storefront-template='asma-shop'] .asma-contact-hero {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px !important;
  box-shadow: var(--asma-shadow-lg) !important;
}

html[data-storefront-template='asma-shop'] .asma-contact-portrait-col {
  min-height: 620px;
}

html[data-storefront-template='asma-shop'] .asma-contact-portrait-frame {
  min-height: 620px !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: var(--asma-radius-lg) !important;
  background: linear-gradient(145deg, var(--asma-primary-soft), #fff);
  box-shadow: var(--asma-shadow-md) !important;
}

html[data-storefront-template='asma-shop'] .asma-contact-map-card {
  padding: 18px;
  border: 1px solid var(--asma-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--asma-shadow-sm);
}

html[data-storefront-template='asma-shop'] .asma-contact-map-frame {
  border-color: var(--asma-line) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 28% 24%, rgba(253, 192, 64, 0.14), transparent 9rem),
    linear-gradient(135deg, var(--asma-primary-soft), #fff);
}

html[data-storefront-template='asma-shop'] .asma-contact-support-card {
  border-radius: 20px !important;
  backdrop-filter: blur(14px) saturate(130%);
}

html[data-storefront-template='asma-shop'] .asma-contact-input,
html[data-storefront-template='asma-shop'] .asma-contact-textarea,
html[data-storefront-template='asma-shop'] .asma-contact-page select {
  min-height: 50px;
  color: var(--asma-ink);
  border: 1px solid var(--asma-line-strong) !important;
  border-radius: 14px !important;
  background: #fbfefc !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

html[data-storefront-template='asma-shop'] .asma-contact-input:focus,
html[data-storefront-template='asma-shop'] .asma-contact-textarea:focus,
html[data-storefront-template='asma-shop'] .asma-contact-page select:focus {
  border-color: var(--asma-primary) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(59, 183, 126, 0.12) !important;
}

/* Blog */
html[data-storefront-template='asma-shop'] .asma-blog-page,
html[data-storefront-template='asma-shop'] .asma-blog-detail-page {
  padding-block: clamp(34px, 5vw, 72px) !important;
  background: transparent;
}

html[data-storefront-template='asma-shop'] .asma-blog-heading {
  position: relative;
  overflow: hidden;
  margin-bottom: clamp(28px, 4vw, 48px) !important;
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid var(--asma-line);
  border-radius: var(--asma-radius-lg);
  background:
    radial-gradient(circle at 84% 20%, rgba(253, 192, 64, 0.2), transparent 14rem),
    linear-gradient(135deg, var(--asma-primary-soft), #fff);
  box-shadow: var(--asma-shadow-md);
}

html[data-storefront-template='asma-shop'] .asma-blog-heading::after {
  content: '';
  display: block;
  width: 58px;
  height: 4px;
  margin: 14px auto 0;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--asma-primary-strong), var(--asma-accent));
}

html[data-storefront-template='asma-shop'] .asma-blog-card {
  overflow: hidden;
  height: 100%;
  border: 1px solid var(--asma-line) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: var(--asma-shadow-sm) !important;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

html[data-storefront-template='asma-shop'] .asma-blog-card:hover {
  transform: translateY(-7px);
  border-color: var(--asma-line-strong) !important;
  box-shadow: var(--asma-shadow-md) !important;
}

html[data-storefront-template='asma-shop'] .asma-blog-card-media {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: var(--asma-primary-soft);
}

html[data-storefront-template='asma-shop'] .asma-blog-card-media img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

html[data-storefront-template='asma-shop'] .asma-blog-card:hover .asma-blog-card-media img {
  transform: scale(1.055);
}

html[data-storefront-template='asma-shop'] .asma-blog-card-content {
  padding: 22px !important;
}

html[data-storefront-template='asma-shop'] .asma-blog-category {
  display: inline-flex !important;
  min-height: 30px;
  align-items: center;
  padding: 4px 11px !important;
  color: var(--asma-primary-strong) !important;
  border-radius: 999px !important;
  background: var(--asma-primary-soft) !important;
  font-weight: 700;
}

html[data-storefront-template='asma-shop'] .asma-blog-card-title a {
  color: var(--asma-ink) !important;
  line-height: 1.5;
}

html[data-storefront-template='asma-shop'] .asma-blog-excerpt {
  color: var(--asma-muted) !important;
  line-height: 1.85 !important;
}

html[data-storefront-template='asma-shop'] .asma-blog-read-more {
  min-height: 42px;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  padding: 8px 16px !important;
  color: #fff !important;
  border-radius: 999px !important;
  background: var(--asma-primary-strong) !important;
}

html[data-storefront-template='asma-shop'] .asma-blog-load-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

html[data-storefront-template='asma-shop'] .asma-blog-load-more {
  min-height: 48px;
  padding: 10px 24px;
  color: #fff;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--asma-primary-strong), var(--asma-primary-deep));
  box-shadow: 0 10px 24px rgba(24, 121, 78, 0.22);
  font-weight: 800;
}

html[data-storefront-template='asma-shop'] .asma-blog-load-more:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(24, 121, 78, 0.28);
}

html[data-storefront-template='asma-shop'] .asma-blog-article {
  overflow: hidden;
  padding: clamp(22px, 4vw, 58px) !important;
  border: 1px solid var(--asma-line) !important;
  border-radius: 30px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: var(--asma-shadow-md) !important;
}

html[data-storefront-template='asma-shop'] .asma-blog-article-header {
  max-width: 900px;
  margin-inline: auto;
}

html[data-storefront-template='asma-shop'] .asma-blog-article-featured {
  overflow: hidden;
  border-radius: 24px;
  box-shadow: var(--asma-shadow-md);
}

html[data-storefront-template='asma-shop'] .asma-blog-article-body {
  max-width: 820px;
  margin-inline: auto;
  color: var(--asma-copy);
  font-size: 1.04rem;
  line-height: 2;
}

/* Cart, checkout and authentication */
html[data-storefront-template='asma-shop'] .asma-cart-page .table-wishlist,
html[data-storefront-template='asma-shop'] .asma-cart-page .shopping-summery,
html[data-storefront-template='asma-shop'] .asma-cart-page .cart-totals,
html[data-storefront-template='asma-shop'] .asma-checkout-page .billing-form,
html[data-storefront-template='asma-shop'] .asma-checkout-page .payment {
  border: 1px solid var(--asma-line) !important;
  border-radius: var(--asma-radius-lg) !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: var(--asma-shadow-md) !important;
}

html[data-storefront-template='asma-shop'] .asma-cart-page .table-wishlist thead {
  background: var(--asma-primary-soft) !important;
}

html[data-storefront-template='asma-shop'] .asma-checkout-page :where(input, select, textarea),
html[data-storefront-template='asma-shop'] .asma-cart-page :where(input, select, textarea) {
  min-height: 48px;
  border-color: var(--asma-line-strong) !important;
  border-radius: 13px !important;
  background: #fbfefc !important;
}

html[data-storefront-template='asma-shop'] .login-container,
html[data-storefront-template='asma-shop'] .register-container,
html[data-storefront-template='asma-shop'] .recovery-container {
  background:
    radial-gradient(circle at 15% 12%, rgba(59, 183, 126, 0.13), transparent 22rem),
    radial-gradient(circle at 88% 84%, rgba(253, 192, 64, 0.13), transparent 20rem),
    var(--asma-canvas) !important;
}

html[data-storefront-template='asma-shop'] .login-card,
html[data-storefront-template='asma-shop'] .register-card,
html[data-storefront-template='asma-shop'] .recovery-card,
html[data-storefront-template='asma-shop'] .card-login,
html[data-storefront-template='asma-shop'] .login_wrap {
  overflow: hidden;
  border: 1px solid var(--asma-line) !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: var(--asma-shadow-lg) !important;
}

html[data-storefront-template='asma-shop'] .login-header,
html[data-storefront-template='asma-shop'] .register-header,
html[data-storefront-template='asma-shop'] .recovery-header {
  background: linear-gradient(135deg, var(--asma-primary-soft), #fff) !important;
}

html[data-storefront-template='asma-shop'] .login-header :where(h1, h2, h3, p, span),
html[data-storefront-template='asma-shop'] .register-header :where(h1, h2, h3, p, span),
html[data-storefront-template='asma-shop'] .recovery-header :where(h1, h2, h3, p, span) {
  color: var(--asma-copy) !important;
}

html[data-storefront-template='asma-shop'] .login-header a,
html[data-storefront-template='asma-shop'] .register-header a,
html[data-storefront-template='asma-shop'] .recovery-header a {
  color: var(--asma-primary-strong) !important;
  font-weight: 800;
}

html[data-storefront-template='asma-shop'] .login-card :where(input, select),
html[data-storefront-template='asma-shop'] .register-card :where(input, select),
html[data-storefront-template='asma-shop'] .recovery-card :where(input, select) {
  min-height: 50px;
  border-color: var(--asma-line-strong) !important;
  border-radius: 14px !important;
  background: #fbfefc !important;
}

html[data-storefront-template='asma-shop'] .method-tab {
  min-height: 44px;
  border-radius: 999px !important;
}

html[data-storefront-template='asma-shop'] .method-tab.active,
html[data-storefront-template='asma-shop'] .btn-login-modern,
html[data-storefront-template='asma-shop'] .btn-register {
  color: #fff !important;
  border-color: var(--asma-primary-strong) !important;
  background: linear-gradient(135deg, var(--asma-primary-strong), var(--asma-primary-deep)) !important;
  box-shadow: 0 10px 24px rgba(24, 121, 78, 0.22) !important;
}

/* Footer */
html[data-storefront-template='asma-shop'] footer.main {
  margin-top: clamp(42px, 6vw, 88px);
  color: rgba(255, 255, 255, 0.78);
  background: linear-gradient(145deg, #143d31, #173f43 56%, #102d27);
}

html[data-storefront-template='asma-shop'] footer.main > section.newsletter {
  margin-top: -28px;
  padding-bottom: 34px !important;
  background: var(--asma-canvas);
}

html[data-storefront-template='asma-shop'] .newsletter-inner.asma-nl-parallax {
  min-height: clamp(300px, 32vw, 430px) !important;
  border: 1px solid rgba(24, 121, 78, 0.16);
  border-radius: 30px !important;
  box-shadow: var(--asma-shadow-lg);
}

html[data-storefront-template='asma-shop'] .newsletter-inner.asma-nl-parallax::before {
  background: linear-gradient(105deg, rgba(255, 255, 255, 0.96), rgba(234, 248, 240, 0.8) 46%, rgba(255, 255, 255, 0.22)) !important;
}

html[dir='rtl'][data-storefront-template='asma-shop'] .newsletter-inner.asma-nl-parallax::before {
  background: linear-gradient(255deg, rgba(255, 255, 255, 0.96), rgba(234, 248, 240, 0.8) 46%, rgba(255, 255, 255, 0.22)) !important;
}

html[data-storefront-template='asma-shop'] footer.main > section.footer-mid {
  margin: 0 !important;
  padding-block: clamp(48px, 6vw, 76px) !important;
  color: rgba(255, 255, 255, 0.78);
  background: transparent !important;
}

html[data-storefront-template='asma-shop'] footer.main .featured {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

html[data-storefront-template='asma-shop'] footer.main :where(h4, h5, h6, .widget-title, strong) {
  color: #fff !important;
}

html[data-storefront-template='asma-shop'] footer.main :where(p, li, span, .text-muted) {
  color: rgba(255, 255, 255, 0.7) !important;
}

html[data-storefront-template='asma-shop'] footer.main a {
  color: rgba(255, 255, 255, 0.8) !important;
  transition: color 180ms ease, transform 180ms ease;
}

html[data-storefront-template='asma-shop'] footer.main a:hover {
  color: #fff !important;
}

html[data-storefront-template='asma-shop'] footer.main .footer-list a:hover {
  transform: translateX(-4px);
}

html[dir='ltr'][data-storefront-template='asma-shop'] footer.main .footer-list a:hover {
  transform: translateX(4px);
}

html[data-storefront-template='asma-shop'] footer.main .widget-title::after {
  content: '';
  display: block;
  width: 38px;
  height: 3px;
  margin-top: 10px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--asma-primary), var(--asma-accent));
}

html[data-storefront-template='asma-shop'] footer.main .footer-bottom,
html[data-storefront-template='asma-shop'] footer.main .footer-bottom-2 {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(7, 30, 24, 0.34) !important;
}

html[data-storefront-template='asma-shop'] footer.main .asma-footer-copyright,
html[data-storefront-template='asma-shop'] footer.main .asma-footer-rights,
html[data-storefront-template='asma-shop'] footer.main .asma-footer-dev-credit {
  color: rgba(255, 255, 255, 0.68) !important;
}

html[data-storefront-template='asma-shop'] footer.main .mobile-social-icon a {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}

/* Floating assistant: useful without obscuring mobile commerce controls. */
html[data-storefront-template='asma-shop'] {
  --asma-sara-panel-bottom: calc(env(safe-area-inset-bottom, 0px) + 84px);
}

html[data-storefront-template='asma-shop'] .sara-chat-panel:not(.sara-keyboard-open) {
  bottom: var(--asma-sara-panel-bottom) !important;
}

html[data-storefront-template='asma-shop'] .sara-floating-btn.sara-chat-toggle-open {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  bottom: calc(var(--asma-sara-panel-bottom) - 72px) !important;
  margin-inline: 16px !important;
  align-items: center !important;
}

html[data-storefront-template='asma-shop'] .sara-floating-btn.sara-chat-toggle-keyboard {
  display: none !important;
}

@media (max-width: 640px) {
  html[data-storefront-template='asma-shop'] .sara-floating-btn {
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
  }

  html[data-storefront-template='asma-shop'] .sara-invite-bubble {
    max-width: min(230px, calc(100vw - 112px)) !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 92px) !important;
    font-size: 0.8rem !important;
  }

  html[data-storefront-template='asma-shop'] .sara-chat-panel:not(.sara-keyboard-open) {
    bottom: var(--asma-sara-panel-bottom) !important;
    max-height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 116px) !important;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
  html[data-storefront-template='asma-shop'] section.banners .row > [class*='col-']:last-child {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  html[data-storefront-template='asma-shop'] section.banners .row > [class*='col-']:last-child .banner-img {
    min-height: 260px;
  }

  html[data-storefront-template='asma-shop'] .asma-about-hero-img {
    max-height: 500px !important;
    object-fit: contain;
  }

  html[data-storefront-template='asma-shop'] .asma-about-hero-section {
    min-height: 0 !important;
    padding-block: 38px !important;
  }
}

/* Mobile navigation and responsive rhythm */
html[data-storefront-template='asma-shop'] .asma-mobile-bottom-nav {
  display: none;
}

@media (max-width: 1199px) {
  html[data-storefront-template='asma-shop'] {
    --asma-mobile-nav-height: 72px;
    --asma-sara-panel-bottom: calc(var(--asma-mobile-nav-height) + env(safe-area-inset-bottom, 0px) + 102px);
  }

  html[data-storefront-template='asma-shop'] body {
    padding-bottom: calc(var(--asma-mobile-nav-height) + env(safe-area-inset-bottom, 0px));
  }

  html[data-storefront-template='asma-shop'] .container {
    width: min(100% - 24px, 960px);
  }

  html[data-storefront-template='asma-shop'] .header-bottom.sticky-bar {
    padding: 5px 0 !important;
  }

  html[data-storefront-template='asma-shop'] .header-bottom .header-wrap {
    display: grid !important;
    grid-template-columns: 120px minmax(0, 1fr) 120px;
    align-items: center;
    gap: 12px;
    padding: 4px 0 !important;
    min-height: 62px !important;
  }

  html[data-storefront-template='asma-shop'] .header-top,
  html[data-storefront-template='asma-shop'] .header-bottom .header-wrap > .d-lg-flex,
  html[data-storefront-template='asma-shop'] .asma-mobile-header-cart {
    display: none !important;
  }

  html[data-storefront-template='asma-shop'] .mobile-promotion {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-inline: 12px;
    text-align: center;
  }

  html[data-storefront-template='asma-shop'] .header-bottom .asma-mobile-menu-toggle {
    display: flex !important;
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    padding: 0 !important;
    margin: 0 !important;
  }

  html[data-storefront-template='asma-shop'] .header-bottom .asma-mobile-header-logo {
    display: flex !important;
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    justify-content: center;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    min-width: 0;
    max-width: 100%;
  }

  html[data-storefront-template='asma-shop'] .asma-mobile-header-logo a {
    display: flex;
    justify-content: center;
    max-width: 100%;
  }

  html[data-storefront-template='asma-shop'] .asma-mobile-header-logo img {
    width: auto !important;
    max-width: min(150px, 100%) !important;
    height: auto !important;
    max-height: 44px;
  }

  html[data-storefront-template='asma-shop'] .header-bottom .asma-mobile-header-actions {
    display: flex !important;
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    min-width: 0;
    margin: 0 !important;
  }

  html[data-storefront-template='asma-shop'] .asma-mobile-header-actions .header-action-2 {
    display: flex !important;
    gap: 0 !important;
  }

  html[data-storefront-template='asma-shop'] .asma-mobile-lang-trigger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px !important;
    min-width: 44px !important;
    max-width: 120px !important;
    height: 44px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border: 1px solid var(--asma-line-strong) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--asma-primary-strong) !important;
    box-shadow: none !important;
  }

  html[data-storefront-template='asma-shop'] .asma-mobile-lang-name {
    flex-shrink: 1 !important;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-storefront-template='asma-shop'] .burger-icon {
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--asma-line) !important;
    border-radius: 12px !important;
    background: var(--asma-primary-soft) !important;
    color: var(--asma-ink) !important;
    transform: none !important;
  }

  html[data-storefront-template='asma-shop'] .burger-icon svg {
    display: block;
    flex: none;
  }

  html[data-storefront-template='asma-shop'] .asma-mobile-bottom-nav {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 9995;
    height: calc(var(--asma-mobile-nav-height) + env(safe-area-inset-bottom, 0px));
    padding: 6px max(6px, env(safe-area-inset-right, 0px)) calc(6px + env(safe-area-inset-bottom, 0px)) max(6px, env(safe-area-inset-left, 0px));
    border-top: 1px solid var(--asma-line);
    border-radius: 18px 18px 0 0;
    background: #fff;
    box-shadow: 0 -5px 24px rgba(24, 72, 51, 0.08);
  }

  html[data-storefront-template='asma-shop'] .asma-mobile-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    min-height: 48px;
    padding: 3px 2px;
    border-radius: 12px;
    color: var(--asma-copy);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }

  html[data-storefront-template='asma-shop'] .asma-mobile-nav-item:is(.is-active, :hover) {
    color: var(--asma-primary-strong);
    background: var(--asma-primary-soft);
  }

  html[data-storefront-template='asma-shop'] :is(.asma-mobile-nav-item, .asma-mobile-lang-trigger, .burger-icon):focus-visible {
    outline: 2px solid var(--asma-primary-strong);
    outline-offset: 2px;
  }

  html[data-storefront-template='asma-shop'] .asma-mobile-nav-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 26px;
  }

  html[data-storefront-template='asma-shop'] .asma-mobile-nav-label {
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
    text-align: center;
    font-size: clamp(10px, 2.8vw, 11px);
    font-weight: 600;
    line-height: 1.2;
  }

  html[data-storefront-template='asma-shop'] .asma-mobile-cart-count {
    position: absolute;
    top: -5px;
    inset-inline-end: -9px;
    min-width: 17px;
    height: 17px;
    padding-inline: 4px;
    border: 2px solid #fff;
    border-radius: 999px;
    color: #fff;
    background: var(--asma-primary-strong);
    font-size: 10px;
    line-height: 13px;
    text-align: center;
  }

  html[data-storefront-template='asma-shop'] .sara-floating-btn {
    bottom: calc(var(--asma-mobile-nav-height) + env(safe-area-inset-bottom, 0px)) !important;
  }

  html[data-storefront-template='asma-shop'] #scrollUp {
    bottom: calc(var(--asma-mobile-nav-height) + env(safe-area-inset-bottom, 0px) + 12px) !important;
  }

  html[data-storefront-template='asma-shop'] .asma-whatsapp-float {
    bottom: calc(var(--asma-mobile-nav-height) + env(safe-area-inset-bottom, 0px) + 164px) !important;
  }

  html[data-storefront-template='asma-shop'] .sara-invite-bubble {
    bottom: calc(var(--asma-mobile-nav-height) + env(safe-area-inset-bottom, 0px) + 140px) !important;
  }

  html[data-storefront-template='asma-shop'] .sara-chat-panel:not(.sara-keyboard-open) {
    bottom: var(--asma-sara-panel-bottom) !important;
    max-height: calc(100dvh - var(--asma-mobile-nav-height) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 118px) !important;
  }

  html[data-storefront-template='asma-shop'] .asma-cookie-consent {
    bottom: calc(var(--asma-mobile-nav-height) + env(safe-area-inset-bottom, 0px)) !important;
  }

  html[data-storefront-template='asma-shop'] .mobile-header-wrapper-style {
    width: min(360px, 92vw) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 18px 0 58px rgba(17, 55, 39, 0.2) !important;
    backdrop-filter: blur(20px);
  }

  html[dir='ltr'][data-storefront-template='asma-shop'] .mobile-header-wrapper-style {
    box-shadow: -18px 0 58px rgba(17, 55, 39, 0.2) !important;
  }

  html[data-storefront-template='asma-shop'] .mobile-header-top {
    min-height: 72px;
    padding: 12px 18px !important;
    border-bottom: 1px solid var(--asma-line) !important;
    background: linear-gradient(135deg, #fff, var(--asma-primary-soft));
  }

  html[data-storefront-template='asma-shop'] .mobile-menu-close button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid var(--asma-line) !important;
    border-radius: 50% !important;
    background: #fff !important;
  }

  html[data-storefront-template='asma-shop'] .mobile-header-content-area {
    padding: 16px 18px 28px !important;
  }

  html[data-storefront-template='asma-shop'] .mobile-search form {
    overflow: hidden;
    border: 1px solid var(--asma-line-strong) !important;
    border-radius: 999px !important;
    background: var(--asma-primary-soft) !important;
  }

  html[data-storefront-template='asma-shop'] .mobile-search input {
    min-height: 48px;
    border: 0 !important;
    background: transparent !important;
  }

  html[data-storefront-template='asma-shop'] .mobile-search button {
    min-width: 48px;
    min-height: 48px;
  }

  html[data-storefront-template='asma-shop'] .mobile-menu.font-heading > li > a,
  html[data-storefront-template='asma-shop'] .mobile-menu.font-heading .dropdown li > a,
  html[data-storefront-template='asma-shop'] .single-mobile-header-info > a {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    padding: 11px 12px !important;
    color: var(--asma-ink) !important;
    border-bottom: 1px solid rgba(24, 121, 78, 0.08) !important;
    border-radius: 10px;
  }

  html[data-storefront-template='asma-shop'] .mobile-menu.font-heading > li > a:hover,
  html[data-storefront-template='asma-shop'] .mobile-menu.font-heading .dropdown li > a:hover,
  html[data-storefront-template='asma-shop'] .single-mobile-header-info > a:hover {
    color: var(--asma-primary-strong) !important;
    background: var(--asma-primary-soft);
  }

  html[data-storefront-template='asma-shop'] .mobile-social-icon a {
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background: var(--asma-primary-strong) !important;
  }

  html[data-storefront-template='asma-shop'] .asma-shop-page .primary-sidebar.sticky-sidebar,
  html[data-storefront-template='asma-shop'] .main.sara-pdp .primary-sidebar.sticky-sidebar {
    position: static !important;
  }
}

@media (max-width: 575px) {
  html[data-storefront-template='asma-shop'] .header-bottom .header-wrap {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 8px;
  }

  html[data-storefront-template='asma-shop'] .asma-mobile-lang-trigger {
    width: 44px !important;
    padding: 0 !important;
  }

  html[data-storefront-template='asma-shop'] .asma-mobile-lang-trigger :is(.asma-mobile-lang-name, i) {
    display: none !important;
  }
}

@media (max-width: 767px) {
  html[data-storefront-template='asma-shop'] .container {
    width: min(100% - 20px, 720px);
  }

  html[data-storefront-template='asma-shop'] #main-content section.section-padding {
    padding-block: 34px !important;
  }

  html[data-storefront-template='asma-shop'] #main-content .section-title {
    gap: 12px;
    margin-bottom: 20px;
  }

  html[data-storefront-template='asma-shop'] #main-content .section-title h2,
  html[data-storefront-template='asma-shop'] #main-content .section-title h3 {
    font-size: 1.35rem !important;
  }

  html[data-storefront-template='asma-shop'] section.home-slider .home-slide-cover {
    margin-top: 12px !important;
  }

  html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode {
    border-radius: 22px !important;
  }

  html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .hero-slide-inner {
    padding: 18px 14px 26px !important;
    gap: 8px !important;
  }

  html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .hero-slide-inner .slider-content {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  html[data-storefront-template='asma-shop'] .home-slider .sara-react-hero.asma-hero-mode.hero-slider-1 .hero-slide-inner .slider-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .slider-content .display-2 {
    font-size: clamp(1.35rem, 6.8vw, 2rem) !important;
  }

  html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .slider-content .btn {
    min-height: 46px;
  }

  html[data-storefront-template='asma-shop'] section.banners .banner-img {
    min-height: 205px;
    border-radius: 20px !important;
  }

  html[data-storefront-template='asma-shop'] section.banners .banner-text {
    width: 68%;
    padding: 20px !important;
  }

  html[data-storefront-template='asma-shop'] section.popular-categories {
    margin-block: 20px 34px;
  }

  html[data-storefront-template='asma-shop'] section.popular-categories .container {
    padding-block: 24px;
    border-radius: 22px;
  }

  html[data-storefront-template='asma-shop'] .asma-featured-grid:not(.slick-initialized) {
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: minmax(78%, 280px);
    grid-template-columns: none !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    min-height: 470px;
    max-height: 520px;
  }

  html[data-storefront-template='asma-shop'] .asma-featured-grid:not(.slick-initialized)::-webkit-scrollbar {
    display: none;
  }

  html[data-storefront-template='asma-shop'] .asma-featured-grid:not(.slick-initialized) > * {
    scroll-snap-align: start;
  }

  html[data-storefront-template='asma-shop'] .product-cart-wrap {
    border-radius: 18px !important;
  }

  html[data-storefront-template='asma-shop'] .product-cart-wrap .product-content-wrap {
    padding: 13px 14px 15px !important;
  }

  html[data-storefront-template='asma-shop'] .product-cart-wrap .product-action-1 a,
  html[data-storefront-template='asma-shop'] .product-cart-wrap .add-cart .add,
  html[data-storefront-template='asma-shop'] .product-cart-wrap .btn {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  html[data-storefront-template='asma-shop'] .asma-shop-page .archive-header {
    padding: 24px 20px !important;
    border-radius: 20px !important;
  }

  html[data-storefront-template='asma-shop'] .asma-shop-page .shop-product-fillter {
    gap: 12px;
    min-height: 0;
    padding: 14px !important;
  }

  html[data-storefront-template='asma-shop'] .main.sara-pdp .sara-pdp-detail,
  html[data-storefront-template='asma-shop'] .asma-about-panel,
  html[data-storefront-template='asma-shop'] .asma-contact-form-wrap,
  html[data-storefront-template='asma-shop'] .asma-blog-article {
    padding: 18px !important;
    border-radius: 20px !important;
  }

  html[data-storefront-template='asma-shop'] .asma-about-hero-img {
    max-height: 440px !important;
  }

  html[data-storefront-template='asma-shop'] .asma-about-page h1 {
    font-size: clamp(1.9rem, 8vw, 2.35rem) !important;
    line-height: 1.35 !important;
  }

  html[data-storefront-template='asma-shop'] .asma-about-page h2 {
    font-size: clamp(1.45rem, 6vw, 1.85rem) !important;
    line-height: 1.4 !important;
  }

  html[data-storefront-template='asma-shop'] .main.sara-pdp .page-header .breadcrumb,
  html[data-storefront-template='asma-shop'] .main.sara-pdp .breadcrumb {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    padding-bottom: 4px;
  }

  html[data-storefront-template='asma-shop'] .main.sara-pdp .page-header .breadcrumb::-webkit-scrollbar,
  html[data-storefront-template='asma-shop'] .main.sara-pdp .breadcrumb::-webkit-scrollbar {
    display: none;
  }

  html[data-storefront-template='asma-shop'] .asma-contact-hero {
    margin-bottom: 28px !important;
    border-radius: 22px !important;
  }

  html[data-storefront-template='asma-shop'] .asma-contact-portrait-col,
  html[data-storefront-template='asma-shop'] .asma-contact-portrait-frame {
    min-height: 440px !important;
  }

  html[data-storefront-template='asma-shop'] .asma-blog-heading {
    padding: 26px 18px;
    border-radius: 20px;
  }

  html[data-storefront-template='asma-shop'] footer.main {
    margin-top: 46px;
  }

  html[data-storefront-template='asma-shop'] .newsletter-inner.asma-nl-parallax {
    min-height: 330px !important;
    border-radius: 22px !important;
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  html[data-storefront-template='asma-shop'] .asma-shop-page .product-grid.asma-shop-grid,
  html[data-storefront-template='asma-shop'] .asma-catalog-page .product-grid.asma-shop-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-inline: 0 !important;
  }

  html[data-storefront-template='asma-shop'] .asma-shop-page .product-grid.asma-shop-grid > *,
  html[data-storefront-template='asma-shop'] .asma-catalog-page .product-grid.asma-shop-grid > * {
    width: auto !important;
    max-width: none !important;
    padding-inline: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  html[data-storefront-template='asma-shop'] .asma-shop-page .product-grid.asma-shop-grid,
  html[data-storefront-template='asma-shop'] .asma-catalog-page .product-grid.asma-shop-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 479px) {
  html[data-storefront-template='asma-shop'] .mobile-promotion {
    min-height: 30px;
    padding-inline: 10px;
    font-size: 0.72rem;
  }

  html[data-storefront-template='asma-shop'] .header-bottom .logo.logo-width-1 img {
    max-width: 102px;
    max-height: 38px;
  }

  html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .hero-slides-stack {
    min-height: 450px !important;
  }

  html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .hero-slide-inner {
    grid-template-columns: 1fr !important;
    grid-template-areas: 'visual' 'copy' !important;
    align-content: center !important;
  }

  html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .hero-fg-wrap {
    max-height: 155px;
  }

  html[data-storefront-template='asma-shop'] .sara-react-hero.asma-hero-mode .hero-fg-img {
    max-height: 170px !important;
  }

  html[data-storefront-template='asma-shop'] section.banners .banner-text {
    position: relative;
    inset: auto;
    width: 72% !important;
    height: auto;
    min-height: 205px;
    padding: 18px !important;
  }

  html[data-storefront-template='asma-shop'] section.banners .banner-text h4 {
    font-size: 1.05rem !important;
  }

  html[data-storefront-template='asma-shop'] .asma-shop-page .product-grid.asma-shop-grid {
    row-gap: 16px;
  }

  html[data-storefront-template='asma-shop'] .asma-shop-page .product-grid.asma-shop-grid .product-img-action-wrap {
    max-height: 280px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-storefront-template='asma-shop'] *,
  html[data-storefront-template='asma-shop'] *::before,
  html[data-storefront-template='asma-shop'] *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}