/* ==========================================================
   AH REFERENCE UI — Ahmed Hosny Store
   Visual target: supplied AH beauty storefront reference.
   This file intentionally sits last in the cascade.
   ========================================================== */
:root{
  --ref-pink:#d92f62;
  --ref-pink-dark:#bd2450;
  --ref-pink-soft:#fff0f3;
  --ref-pink-strip:#fcecef;
  --ref-ink:#242124;
  --ref-muted:#777178;
  --ref-line:#ece7e9;
  --ref-bg:#fff;
  --ref-card:#fff;
  --ref-shadow:0 5px 20px rgba(48,27,35,.07);
  --ref-radius:12px;
}
html{scroll-behavior:smooth}
body{background:#fff!important;color:var(--ref-ink)!important;font-family:'Cairo','Tajawal',sans-serif!important}
.ah-wrap,.ah-container{width:min(1400px,calc(100% - 64px))!important;margin-inline:auto}

/* ---------- slim service strip ---------- */
.topbar{height:36px!important;background:var(--ref-pink-strip)!important;border:0!important;color:#5f3b46!important;font-size:12px!important}
.topbar-content{height:36px!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;align-items:center!important;text-align:center!important}
.topbar-contact,.topbar-socials{display:flex!important;align-items:center!important;gap:7px!important}
.topbar-contact{justify-content:flex-start!important}.topbar-socials{justify-content:flex-end!important}
.topbar-contact>span:first-child{display:none!important}
.topbar-contact:after{content:'شحن سريع لجميع المحافظات';font-weight:700}
.topbar-socials:before{content:'دفع آمن عند الاستلام';font-weight:700}
.topbar-socials>a[href*="track-order"]{display:none!important}
.topbar-socials>a:not([href*="track-order"]){display:none!important}
.topbar-content:before{content:'منتجات أصلية 100%';grid-column:2;grid-row:1;font-weight:700}
.topbar-content .topbar-contact{grid-column:1;grid-row:1}.topbar-content .topbar-socials{grid-column:3;grid-row:1}
.topbar-contact:before{content:'\f0d1';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--ref-pink);margin-inline-end:4px}
.topbar-socials:after{content:'\f3ed';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--ref-pink);margin-inline-start:5px}

/* ---------- main navigation ---------- */
.ah-navbar{height:104px!important;background:#fff!important;border-bottom:1px solid var(--ref-line)!important;box-shadow:none!important;position:relative;z-index:50}
.ah-navbar .ah-container{height:100%}
.nav-container{height:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;gap:18px!important}
.nav-brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:3!important}
.nav-logo-img{height:72px!important;width:auto!important;object-fit:contain!important}
.nav-logo-img.ah-logo-mark{display:none!important}
.nav-links{display:flex!important;align-items:center!important;gap:28px!important;margin:0!important;padding:0!important;list-style:none!important;order:1!important}
.nav-link{font-size:14px!important;font-weight:700!important;color:#3f393d!important;padding:39px 0 28px!important;position:relative!important;white-space:nowrap!important}
.nav-link:hover,.nav-link.active{color:var(--ref-pink)!important}
.nav-link.active:after{content:'';position:absolute;bottom:17px;left:50%;width:40px;height:2px;background:var(--ref-pink);transform:translateX(-50%);border-radius:3px}
.nav-actions{display:flex!important;align-items:center!important;gap:12px!important;order:2!important;margin-inline-start:auto!important;padding-inline-start:10px!important}
.btn-nav-action{width:38px!important;height:38px!important;border:0!important;background:transparent!important;color:#262126!important;display:grid!important;place-items:center!important;font-size:18px!important;position:relative!important}
.btn-nav-action:hover{color:var(--ref-pink)!important}
.btn-search-trigger{order:0!important;width:auto!important;min-width:270px!important;height:42px!important;border-radius:22px!important;background:#f8f6f7!important;border:1px solid #ece7e9!important;padding:0 18px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#8b858a!important}
.btn-search-trigger:after{content:'ابحث عن منتجك المفضل...';font-family:inherit;font-size:12px;color:#aaa}
.btn-search-trigger i{font-size:16px}
.cart-counter-badge{background:var(--ref-pink)!important;color:#fff!important;width:18px!important;height:18px!important;min-width:18px!important;font-size:10px!important;position:absolute!important;top:1px!important;right:0!important;border-radius:50%!important;display:grid!important;place-items:center!important}
.mobile-menu-btn{display:none!important}

/* ---------- homepage hero ---------- */
.ah-hero{padding:0!important;background:#f7dfe3!important;border:0!important;min-height:315px!important;overflow:hidden!important}
.ah-hero:before,.ah-hero:after{display:none!important}
.ah-hero__grid{width:100%!important;max-width:none!important;min-height:315px!important;display:grid!important;grid-template-columns:46% 54%!important;direction:ltr!important;gap:0!important}
.ah-hero__grid>div{direction:rtl}
.ah-hero__grid>div:first-child{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-inline:clamp(32px,8vw,130px)!important;padding-block:35px!important}
.ah-hero__visual{grid-column:2;max-width:none!important;width:100%!important;height:315px!important;position:relative!important;overflow:hidden!important}
.ah-hero__visual:before,.ah-hero__visual:after{display:none!important}
.ah-hero__visual img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;border-radius:0!important;transform:none!important;filter:none!important;background:#f7dfe3!important}
.ah-hero__eyebrow{background:transparent!important;color:var(--ref-pink)!important;padding:0!important;margin:0 0 6px!important;border:0!important;font-size:12px!important;letter-spacing:.04em!important;font-weight:800!important}
.ah-hero__eyebrow img{display:none!important}
.ah-hero h1{font-size:clamp(34px,3.5vw,58px)!important;line-height:1.25!important;letter-spacing:-.04em!important;font-weight:900!important;color:#24191d!important;margin:0 0 6px!important}
.ah-hero p{font-size:17px!important;line-height:1.7!important;color:#42383c!important;max-width:540px!important;margin:0!important}
.ah-hero__cta{margin-top:18px!important;display:flex!important;gap:10px!important}
.ah-hero__cta .btn-ah{min-height:46px!important;border-radius:24px!important;padding:0 27px!important;font-size:14px!important;font-weight:800!important}
.ah-hero__cta .btn-ah-gold{background:var(--ref-pink)!important;border-color:var(--ref-pink)!important;color:#fff!important}
.ah-hero__cta .btn-ah-outline{background:#fff!important;color:var(--ref-pink)!important;border:1px solid #f0c5d0!important}
.ah-hero__trust{display:none!important}

/* carousel-like controls */
.ah-hero:after{content:'‹     • • •     ›';display:block!important;position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:18px;color:#fff;letter-spacing:5px;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.15)}

/* ---------- category rail ---------- */
.ah-section{padding:25px 0!important;background:#fff!important}
.ah-section--alt{background:#fff!important;border:0!important}
.ah-head{margin-bottom:17px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.ah-head h2{font-size:24px!important;font-weight:900!important;margin:0!important;color:#2a2327!important;position:relative!important;padding-inline-end:22px!important}
.ah-head h2:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--ref-pink);border-radius:4px}
.ah-head p{display:none!important}.ah-link{font-size:13px!important;color:var(--ref-pink)!important;font-weight:800!important}
.ah-cats{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:14px!important}
.ah-cat{min-height:110px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#30282c!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:9px!important;text-decoration:none!important;font-weight:800!important;font-size:13px!important;transition:.2s ease!important}
.ah-cat i{width:66px!important;height:66px!important;border-radius:50%!important;background:#fdecef!important;color:var(--ref-pink)!important;display:grid!important;place-items:center!important;font-size:25px!important}
.ah-cat:hover{transform:translateY(-3px)!important;color:var(--ref-pink)!important}

/* ---------- product rows ---------- */
.ah-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}.ah-section .ah-wrap>.ah-grid{direction:rtl}
.ah-card{background:#fff!important;border:1px solid #eee8ea!important;border-radius:10px!important;overflow:hidden!important;box-shadow:0 2px 9px rgba(44,26,34,.035)!important;transition:transform .2s,box-shadow .2s!important}
.ah-card:hover{transform:translateY(-4px)!important;box-shadow:var(--ref-shadow)!important;border-color:#eadce0!important}
.ah-card__media{background:#fff!important;border:0!important;border-radius:0!important;aspect-ratio:1/1!important;overflow:hidden!important}
.ah-card__img{object-fit:contain!important;padding:12px!important;transition:transform .25s ease!important}
.ah-card:hover .ah-card__img{transform:scale(1.04)!important}
.ah-card__badges{top:10px!important;left:10px!important}
.ah-badge{border-radius:12px!important;font-size:10px!important;padding:4px 7px!important}
.ah-card__wish{top:9px!important;right:9px!important;width:32px!important;height:32px!important;background:#fff!important;border:1px solid #eee!important;box-shadow:none!important}
.ah-card__body{padding:9px 11px 12px!important;gap:4px!important}
.ah-card__brand{font-size:10px!important;color:#7d7379!important;font-weight:600!important}
.ah-card__title{font-size:13px!important;line-height:1.55!important;min-height:40px!important;font-weight:800!important}
.ah-card__title a{color:#2a2528!important}
.ah-card__rating{font-size:10px!important;color:#777!important}
.ah-card__rating i{color:#f5b400!important}
.ah-card__price{margin-top:2px!important;gap:5px!important}
.ah-price{font-size:14px!important;font-weight:900!important;color:var(--ref-pink)!important}
.ah-price-old{font-size:10px!important;color:#aaa!important}
.ah-card__cta{min-height:36px!important;border-radius:7px!important;background:var(--ref-pink)!important;border-color:var(--ref-pink)!important;color:#fff!important;font-size:11px!important;margin-top:5px!important}
.ah-card__cta:hover{background:var(--ref-pink-dark)!important}

/* ---------- trust strip ---------- */
.ah-why{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;background:#fff6f7!important;border:1px solid #fae2e7!important;border-radius:9px!important;overflow:hidden!important}
.ah-why__item{padding:17px 22px!important;display:flex!important;align-items:center!important;gap:13px!important;border-left:1px solid #f2dfe3!important}
.ah-why__item:last-child{border-left:0!important}
.ah-why__item>i{font-size:25px!important;color:var(--ref-pink)!important;width:38px!important;text-align:center!important}
.ah-why__item h3{font-size:12px!important;font-weight:900!important;margin:0 0 3px!important}.ah-why__item p{font-size:10px!important;color:#80767a!important;margin:0!important}

/* ---------- reviews / brands / CTA ---------- */
.ah-reviews{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
.ah-review{background:#fff7f8!important;border:1px solid #f1dfe4!important;border-radius:10px!important;padding:20px!important}
.ah-review__stars{color:#f4b400!important}.ah-review p{font-size:13px!important;line-height:1.8!important}.ah-brands{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.ah-brand{border:1px solid #eee5e8!important;border-radius:7px!important;padding:10px 18px!important;background:#fff!important;color:#5e555a!important;font-weight:800!important;text-decoration:none!important}
.ah-cta{margin:25px auto!important;width:min(1400px,calc(100% - 64px))!important;border-radius:12px!important;background:#f9dfe4!important;color:#301f25!important;padding:42px!important;text-align:center!important}.ah-cta h2{font-size:30px!important}.ah-cta p{color:#5f4d53!important}.ah-cta .btn-ah-gold{background:var(--ref-pink)!important;border-color:var(--ref-pink)!important}

/* promo tiles injected by homepage */
.ah-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:4px}.ah-promo{min-height:150px;border-radius:10px;overflow:hidden;position:relative;padding:25px 35px;display:flex;align-items:center;justify-content:flex-start;background:#fbe3e7}.ah-promo--cream{background:#f5eee5}.ah-promo h3{font-size:24px;font-weight:900;margin:0 0 5px}.ah-promo p{font-size:12px;margin:0 0 12px;color:#6c5d61}.ah-promo a{display:inline-flex;padding:8px 20px;border-radius:18px;background:var(--ref-pink);color:#fff;text-decoration:none;font-size:11px;font-weight:800}.ah-promo:after{content:'AH';position:absolute;left:25px;bottom:-30px;font-size:110px;font-weight:900;color:rgba(217,47,98,.07)}

/* ---------- footer ---------- */
.ah-footer{background:#fff!important;color:#5d555a!important;border-top:1px solid #eee5e8!important;padding:38px 0 15px!important}.ah-footer a{color:#655c61!important}.ah-footer h4{color:#2b2528!important}.ah-footer__logo img{filter:none!important}.ah-footer__social a{border-color:#eadfe2!important;color:var(--ref-pink)!important}.ah-footer__info{border-top-color:#eee5e8!important}.ah-footer__bottom{color:#94898e!important}

/* ---------- search ---------- */
.ah-search{background:rgba(37,27,31,.34)!important;backdrop-filter:blur(3px)}.ah-search__box{border-radius:14px!important;border:1px solid #f0dfe4!important;box-shadow:0 20px 50px rgba(42,20,29,.16)!important}.ah-search__box .form-control-ah{border-radius:10px!important}

/* ---------- preloader ---------- */
.ah-preloader{background:#fff8f9!important;color:#30272b!important}.ah-preloader__mark{filter:none!important}.ah-preloader__brand{color:var(--ref-pink)!important;font-family:'Cairo',sans-serif!important;font-size:34px!important;letter-spacing:.05em!important}.ah-preloader__caption{color:#8b747c!important;letter-spacing:.12em!important}.ah-preloader__track{background:#f0dfe3!important}.ah-preloader__bar{background:var(--ref-pink)!important}

/* ---------- responsive ---------- */
@media(max-width:1199px){.ah-cats{grid-template-columns:repeat(6,1fr)!important}.ah-grid{grid-template-columns:repeat(4,1fr)!important}.btn-search-trigger{min-width:220px!important}.nav-links{gap:17px!important}}
@media(max-width:991px){.ah-wrap,.ah-container{width:min(100% - 32px,760px)!important}.topbar{display:none!important}.ah-navbar{height:76px!important}.nav-brand{position:static!important;transform:none!important;margin:auto!important}.nav-logo-img{height:56px!important}.nav-links{display:none!important}.nav-actions{position:absolute!important;left:0!important;right:auto!important;margin:0!important}.btn-search-trigger{min-width:42px!important;width:42px!important;padding:0!important;border-radius:50%!important}.btn-search-trigger:after{display:none!important}.mobile-menu-btn{display:grid!important;place-items:center!important;width:38px;height:38px;border:0;background:none;color:#222}.ah-hero__grid{grid-template-columns:1fr!important;direction:rtl!important}.ah-hero__grid>div:first-child{grid-column:1;grid-row:1;text-align:center;align-items:center;padding:28px 24px 24px!important;background:#f9e5e8}.ah-hero__visual{grid-column:1;grid-row:2;height:260px!important}.ah-hero__cta{justify-content:center}.ah-cats{grid-template-columns:repeat(4,1fr)!important}.ah-grid{grid-template-columns:repeat(3,1fr)!important}.ah-why{grid-template-columns:repeat(2,1fr)}.ah-why__item:nth-child(2){border-left:0}.ah-reviews{grid-template-columns:1fr}.ah-promo-grid{grid-template-columns:1fr}}
@media(max-width:640px){.ah-wrap,.ah-container{width:calc(100% - 24px)!important}.ah-head h2{font-size:19px!important}.ah-cats{grid-template-columns:repeat(4,1fr)!important;gap:4px!important}.ah-cat{font-size:10px!important;min-height:88px!important}.ah-cat i{width:48px!important;height:48px!important;font-size:19px!important}.ah-grid{grid-template-columns:repeat(2,1fr)!important;gap:9px!important}.ah-card__body{padding:8px!important}.ah-card__title{font-size:12px!important}.ah-price{font-size:13px!important}.ah-hero h1{font-size:34px!important}.ah-hero p{font-size:13px!important}.ah-hero__visual{height:210px!important}.ah-why{grid-template-columns:1fr 1fr}.ah-why__item{padding:12px 9px!important;gap:7px!important}.ah-why__item>i{font-size:19px!important;width:26px!important}.ah-why__item h3{font-size:10px!important}.ah-why__item p{font-size:8px!important}.ah-cta{width:calc(100% - 24px)!important;padding:30px 16px!important}.ah-promo{min-height:130px;padding:20px}.ah-promo h3{font-size:18px!important}}