/* NAGI reference shell. Loaded after the shared Asmaa design, for this tenant only. */
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] {
  --nagi-gold:#c9a96e;
  --am-font:AsmaaAfacad,system-ui,sans-serif;
}

/* Desktop header and its restrained movement on scroll. */
@media (min-width:769px) {
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-navbar > .am-brand {
    transition:inset-inline-start .55s cubic-bezier(.22,1,.36,1),
      top .55s cubic-bezier(.22,1,.36,1), width .55s cubic-bezier(.22,1,.36,1),
      height .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1);
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-header.is-scrolled .am-navbar > .am-brand {
    inset-inline-start:30px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-actions > .am-cart-trigger {
    position:relative; display:inline-flex; align-items:center; justify-content:center;
    flex:0 0 42px; width:42px; min-width:42px; height:42px; min-height:42px;
    padding:0; border:0; border-radius:50%; background:transparent; color:#111;
    cursor:pointer; transition:color .2s ease,background .2s ease;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-actions > .am-cart-trigger > svg { display:none; }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-actions > .am-cart-trigger::before {
    content:""; display:block; width:20px; height:20px; background:currentColor;
    -webkit-mask:url("/design-profiles/asmaa/assets/nagi-header-cart.svg") center/contain no-repeat;
    mask:url("/design-profiles/asmaa/assets/nagi-header-cart.svg") center/contain no-repeat;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-actions > .am-cart-trigger:is(:hover,[aria-expanded="true"]) {
    color:var(--nagi-gold); background:rgba(201,169,110,.1);
  }
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-topbar-inner > span:first-child a::before {
  transform-origin:center; animation:nagi-phone-wiggle 3.6s ease-in-out infinite;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-topbar-inner > span:last-child a::before {
  animation:nagi-mail-float 2.8s ease-in-out infinite;
}
@keyframes nagi-phone-wiggle { 0%,88%,100% { transform:rotate(0); } 91% { transform:rotate(-13deg); } 95% { transform:rotate(10deg); } }
@keyframes nagi-mail-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-2px); } }
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-search-modal {
  animation:nagi-search-in .22s cubic-bezier(.22,1,.36,1) both;
}
@keyframes nagi-search-in { from { opacity:0; translate:0 -7px; } to { opacity:1; translate:0 0; } }
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-cart-drawer {
  animation:nagi-cart-in .28s cubic-bezier(.22,1,.36,1) both;
}
@keyframes nagi-cart-in { from { opacity:.65; translate:var(--nagi-cart-enter,100%) 0; } to { opacity:1; translate:0 0; } }
html[dir="rtl"][data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-cart-drawer { --nagi-cart-enter:-100%; }

/* The same three-language display face is used for hero titles in the reference. */
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-hero-content h1 {
  font-family:AsmaaAfacad,system-ui,sans-serif !important;
}

/* The lower homepage uses the reference card sizes and spacing. */
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-banner {
  min-height:231.8px; border-radius:12px; padding:40px 32px; gap:12px;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-banner h3,
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-banner p { margin:0; }
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-brand-chip,
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-brands a {
  min-height:47px; display:inline-flex; align-items:center; justify-content:center;
  padding:8px 20px; border:1px solid #e8e8e8; border-radius:999px;
  transition:border-color .2s ease,background .2s ease;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-brands a:hover {
  border-color:var(--nagi-gold); background:#faf7f1;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-trust {
  gap:20px;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-trust-card {
  min-height:156px; border-radius:12px; padding:24px 16px;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-community {
  display:flex; align-items:center; min-height:178.6px; padding:40px 0;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-newsletter-form > label:not(.am-newsletter-consent) {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* Boutique footer: accent, crest, framed columns and copyright. */
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer {
  margin-top:clamp(40px,5vw,64px); border:0; overflow:hidden;
  background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(201,169,110,.08),transparent 55%),
    linear-gradient(180deg,#0a0a0a,#111 42%,#080808);
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer::before {
  content:""; display:block; height:3px;
  background:linear-gradient(90deg,transparent,rgba(201,169,110,.35) 15%,#c9a96e 50%,rgba(201,169,110,.35) 85%,transparent);
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-crest {
  display:flex; align-items:center; justify-content:center; gap:16px;
  box-sizing:border-box; height:49px; padding:36px 0 0;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-crest span {
  width:min(140px,22vw); background:linear-gradient(90deg,transparent,rgba(201,169,110,.55),transparent);
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-crest b {
  color:#c9a96e; font-size:11px; text-shadow:0 0 12px rgba(201,169,110,.45);
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-grid {
  grid-template-columns:minmax(0,1.58fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.24fr);
  gap:20.48px; min-height:373px; margin-top:57.6px; padding:30.72px;
  border:1px solid rgba(201,169,110,.2); border-radius:22px;
  background:radial-gradient(ellipse 85% 75% at 0 0,rgba(201,169,110,.11),transparent 58%),
    radial-gradient(ellipse 70% 55% at 100% 100%,rgba(201,169,110,.07),transparent 52%),
    linear-gradient(165deg,rgba(255,255,255,.035),rgba(0,0,0,.32));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 28px 56px rgba(0,0,0,.38);
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-grid > .am-footer-brand {
  padding-block:15.36px; padding-inline:15.36px 25.6px;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-grid > .am-footer-group {
  min-height:0; padding:16px 14.08px; border:1px solid rgba(201,169,110,.14);
  border-radius:16px; background:rgba(0,0,0,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-group h3 { display:none; }
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-trigger {
  display:flex; align-items:center; justify-content:flex-start; width:100%;
  margin:0 0 18px; padding:0 0 10px; border:0; border-bottom:1px solid rgba(201,169,110,.22);
  background:transparent; color:#fff; text-align:start;
  font:600 16.8px/1.25 AsmaaAfacad,system-ui,sans-serif;
  letter-spacing:.12em; cursor:pointer;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-trigger > span:last-child { display:none; }
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-group .am-footer-panel { display:block; }
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-bottom {
  box-sizing:border-box; min-height:125.7px; margin-top:44.8px; padding:21.6px 0 24px;
  background:rgba(0,0,0,.25);
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-bottom > .am-container {
  min-height:0; padding:0 16px; border:0; border-radius:0;
}

@media (max-width:768px) {
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] { padding-bottom:calc(68px + env(safe-area-inset-bottom)); }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-navbar,
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-header.is-scrolled .am-navbar {
    height:48px; min-height:48px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-menu-trigger,
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-language .current-language-btn {
    width:45.6px; min-width:45.6px; height:45.6px; min-height:45.6px;
    border:1px solid rgba(201,169,110,.42); border-radius:14px;
    background:linear-gradient(165deg,rgba(255,255,255,.95),rgba(250,247,241,.9) 48%,rgba(201,169,110,.14));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 4px 14px rgba(17,17,17,.07),0 0 0 1px rgba(201,169,110,.05);
    transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-menu-trigger:hover,
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-language .current-language-btn:hover {
    border-color:rgba(201,169,110,.72);
    background:linear-gradient(165deg,#fff,#faf7f1 42%,rgba(201,169,110,.22));
    box-shadow:inset 0 1px 0 #fff,0 6px 18px rgba(201,169,110,.16),0 0 0 1px rgba(201,169,110,.12);
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-menu-trigger:active,
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-language .current-language-btn:active { transform:scale(.96); }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer {
    margin-top:40px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-crest {
    height:33px; padding-top:20px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-grid {
    display:grid; grid-template-columns:minmax(0,1fr); gap:10px;
    min-height:0; margin-top:24px; padding:0; border:0; border-radius:0; background:transparent;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-grid > .am-footer-brand {
    box-sizing:border-box; min-height:184px; padding:18.4px 15.2px;
    border:1px solid rgba(201,169,110,.22); border-radius:18px;
    background:radial-gradient(ellipse 90% 70% at 50% 0,rgba(201,169,110,.14),transparent 62%),
      linear-gradient(165deg,rgba(255,255,255,.04),rgba(0,0,0,.18));
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-brand .am-brand-img {
    max-width:min(280px,72vw); max-height:96px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-grid > .am-footer-group {
    min-height:50px; padding:0; border:1px solid rgba(201,169,110,.16);
    border-radius:16px; overflow:hidden;
    background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(0,0,0,.22));
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-trigger {
    display:flex; align-items:center; justify-content:space-between; min-height:49px;
    margin:0; padding:0 16px; border-bottom:1px solid transparent;
    font-size:14px; letter-spacing:.08em;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-trigger > span:last-child {
    display:grid; place-items:center;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-group[data-open="false"] .am-footer-panel {
    display:none;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-group[data-open="true"] .am-footer-panel {
    display:block;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-bottom {
    min-height:80.7px; margin-top:28px; padding:16px 0 20px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-bottom > .am-container {
    padding:0 16px; font-size:12px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-banner {
    min-height:0; padding:32px 24px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-trust {
    grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-trust-card {
    min-height:138px; padding:20px 12px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-community {
    min-height:0; padding:32px 0;
  }
}
@media (max-width:599px) {
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-bottom { min-height:97.8px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-navbar > .am-brand,
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-topbar-inner a::before,
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-search-modal,
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-cart-drawer {
    animation:none; transition:none;
  }
}

/* About and contact use the same compact page shell as the reference. */
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-page {
  min-height:0; padding:32px 0 48px; background:#fff;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-page .am-breadcrumb {
  align-items:center; gap:5.6px; margin-bottom:12px; color:#666;
  font:400 14px/29px AsmaaAfacad,system-ui,sans-serif;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-page h1 {
  margin:0 0 12px; color:#111;
  font:800 36px/76px AsmaaAfacad,system-ui,sans-serif !important;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-page .am-page-lead {
  margin:0 0 16px; color:#666;
  font:400 16.8px/35px AsmaaAfacad,system-ui,sans-serif;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-about-body {
  max-width:720px; color:#666; font-size:16px; line-height:1.7;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-about-body p { margin:0; }
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-about-features {
  grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:32px;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-about-features a {
  min-height:140px; padding:20px; border:1px solid #e8e8e8; border-radius:12px;
  background:#fafafa; box-shadow:none; color:#222;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-about-features h3 {
  margin:0 0 5.6px; font-size:15px;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-contact-grid {
  grid-template-columns:320px minmax(0,1fr); gap:32px; margin-top:24px;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-contact-card {
  padding:20px; border:1px solid #e8e8e8; border-radius:12px;
  background:#fafafa; box-shadow:none;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-contact-form {
  grid-template-columns:minmax(0,1fr); gap:20px; padding:24px;
  border:1px solid #e8e8e8; border-radius:12px; background:#fff; box-shadow:none;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-contact-form label {
  gap:8px; font-size:14px; line-height:22px; font-weight:600;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-contact-form label:nth-child(5) { grid-column:auto; }
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-contact-form input {
  height:44px; padding:12px 16px; border:1px solid #e8e8e8; border-radius:6px;
  font:400 16px/1.25 Arial,sans-serif;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-contact-form textarea {
  min-height:131px; padding:12px 16px; border:1px solid #e8e8e8; border-radius:6px;
  font:400 16px/1.5 AsmaaAfacad,system-ui,sans-serif;
}
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-contact-form button {
  min-height:55.8px; border:2px solid #111; border-radius:6px;
  font:600 14.4px/1.2 Arial,sans-serif;
}
@media (max-width:768px) {
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-about-features { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-contact-grid { grid-template-columns:minmax(0,1fr); }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-trigger > span:last-child {
    position:relative; flex:0 0 28px; width:28px; height:28px;
    border:1px solid rgba(201,169,110,.35); border-radius:50%;
    color:transparent; font-size:0; background:rgba(201,169,110,.08);
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-trigger > span:last-child::after {
    content:""; width:7px; height:7px; border-inline-end:1.5px solid #c9a96e;
    border-block-end:1.5px solid #c9a96e; transform:translateY(-2px) rotate(45deg);
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-group[data-open="true"] .am-footer-trigger > span:last-child::after {
    transform:translateY(2px) rotate(225deg);
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-group[data-open="true"] .am-footer-trigger {
    border-bottom-color:rgba(201,169,110,.18); background:rgba(201,169,110,.06);
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-footer-group .am-footer-panel {
    padding:8px 14px 14px;
  }
}
@media (max-width:520px) {
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-about-features { grid-template-columns:minmax(0,1fr); }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-contact-form { padding:20px; }
}

/* The compact category carousel keeps the reference's single row and measured rhythm. */
html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-card[data-carousel-clone="true"] { display:none; }
@media (max-width:1100px) {
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-categories {
    --nagi-category-width:clamp(162px,18vw,194px);
    --nagi-category-step:calc(-1 * (var(--nagi-category-width) + 14px));
  }
  html[dir="rtl"][data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-categories {
    --nagi-category-step:calc(var(--nagi-category-width) + 14px);
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-carousel {
    overflow:hidden; padding-block:16px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-grid {
    display:flex; width:max-content; gap:14px;
    animation:nagi-category-loop 24s cubic-bezier(.22,1,.36,1) infinite;
    will-change:transform;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-card,
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-card[data-carousel-clone="true"] {
    display:flex; flex:0 0 var(--nagi-category-width); width:var(--nagi-category-width);
    height:165.3px; min-height:165.3px; padding:16px 12px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-glyph {
    width:52px; height:52px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-glyph svg {
    width:24px; height:24px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-grid:is(:hover,:focus-within,:active) {
    animation-play-state:paused;
  }
}
@media (max-width:768px) {
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-categories {
    padding:44px 0;
    --nagi-category-width:162px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-categories > .am-container {
    box-sizing:border-box; width:100%; max-width:none; padding-inline:clamp(10.4px,2vw,15px);
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-categories .am-section-head {
    min-height:0; margin-bottom:24px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-categories .am-section-head > div {
    display:flex; align-items:baseline; justify-content:space-between; gap:16px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-categories .am-section-head h2 {
    margin:0; font-size:24px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-carousel {
    overflow:hidden; padding:16px 0; scrollbar-width:none;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-grid {
    gap:14px;
  }
}
@media (max-width:480px) {
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-categories {
    --nagi-category-width:98px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-categories .am-section-head h2 {
    font-size:21.6px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-card,
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-card[data-carousel-clone="true"] {
    height:196.3px; min-height:196.3px; padding:16px 12px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-card strong {
    font-size:15px; line-height:1.3;
  }
}
@keyframes nagi-category-loop {
  0%,14% { transform:translateX(0); }
  16.667%,30.667% { transform:translateX(var(--nagi-category-step)); }
  33.333%,47.333% { transform:translateX(calc(2 * var(--nagi-category-step))); }
  50%,64% { transform:translateX(calc(3 * var(--nagi-category-step))); }
  66.667%,80.667% { transform:translateX(calc(4 * var(--nagi-category-step))); }
  83.333%,97.333% { transform:translateX(calc(5 * var(--nagi-category-step))); }
  100% { transform:translateX(calc(6 * var(--nagi-category-step))); }
}
@media (prefers-reduced-motion:reduce) {
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-grid {
    animation:none; will-change:auto;
  }
}

@media (max-width:768px) {
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-search-modal {
    top:97px; padding-bottom:14.6px;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-search-submit {
    height:53px;
  }
}

@media (max-width:1100px) {
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-carousel:is(.is-manual,:focus-within) {
    overflow-x:auto; scroll-snap-type:x proximity; overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-carousel:is(.is-manual,:focus-within) .am-category-grid {
    animation:none; transform:none; will-change:auto;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-carousel:is(.is-manual,:focus-within) .am-category-card {
    scroll-snap-align:start;
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-home .am-category-carousel::-webkit-scrollbar {
    display:none;
  }
}
@media (max-width:768px) {
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-mobile-bottom-item::before {
    content:""; position:absolute; top:50%; left:50%; width:44px; height:44px;
    box-sizing:border-box; transform:translate(-50%,-50%);
    border:1px solid rgba(201,169,110,.22); border-radius:14px;
    background:rgba(201,169,110,.07);
  }
  html[data-tenant-slug="nagi"] .asmaa-shell[data-design-profile="asmaa"] .am-mobile-bottom-item svg {
    position:relative; z-index:1;
  }
}