/* تنسيقات صفحة products الخاصة. رتّبي قواعد التخصيص هنا بعد المكونات المشتركة. */
:root{--brand-pink:#e5a1b2;--brand-pink-deep:#bd758c;--brand-ink:#171316;--brand-blush:#fbf0f3;--brand-border:#eedde3}
/* Center the store name in the top bar and give search its own calm row. */
.site-header .header-main{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(6px,1.2vw,14px);box-sizing:border-box;height:auto!important;min-height:128px;padding:9px 0 54px}
.site-header .logo__lockup{display:inline-flex;align-items:center;gap:0;padding:0;margin:0;border:0;z-index:2}
.site-header .logo__lockup .logo__image{width:88px;height:58px;object-fit:contain}
.site-header .brand-title{position:relative;z-index:2;left:auto;top:auto;transform:none;flex:1 1 auto;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-ar);font-size:clamp(1.1rem,2vw,1.65rem);font-weight:900;line-height:1.35;white-space:nowrap;letter-spacing:-.035em;color:var(--brand-pink-deep);text-shadow:0 2px 0 #fff,0 7px 22px #e5a1b233}
.site-header .header-search{position:absolute;display:block;left:0;right:0;bottom:7px;width:100%;max-width:none;margin:0}
.site-header .header-search__input{height:42px;border-color:var(--brand-border);background:linear-gradient(90deg,#fff,#fff9fb)}
.site-header .header-search__input:focus{box-shadow:0 0 0 4px #e5a1b222}
.site-header .header-actions{margin-inline-start:0;padding-top:2px;position:relative;z-index:2;flex:0 0 auto}
@media(max-width:1023px){.site-header .header-main{min-height:126px;padding-bottom:52px}.site-header .header-search{display:block}.site-header .logo__lockup .logo__image{width:78px;height:52px}}
@media(max-width:600px){.site-header .header-main{min-height:74px;padding:8px 0;align-items:center;flex-wrap:nowrap;gap:5px}.site-header .brand-title{font-size:clamp(.78rem,3.5vw,1rem);line-height:1.35;letter-spacing:-.04em;white-space:nowrap}.site-header .header-search{display:none}.site-header .logo__lockup .logo__image{width:64px;height:46px}.site-header .header-actions{padding-top:0;gap:2px}.site-header .header-actions .header-icon{width:38px;height:38px}.site-header .header-menu-btn{width:38px;height:38px}}
/* More legible, polished product cards with a restrained 3D hover. */
.product-grid{gap:clamp(12px,2vw,22px)}
.product-card{border:1px solid var(--brand-border);border-radius:20px;box-shadow:0 5px 18px #2e202608;transform-style:preserve-3d;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s}
.product-card:hover{border-color:#e6b8c5;box-shadow:0 18px 42px #49333d18;transform:translateY(-6px)}
.product-card.is-tilting:hover{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-6px)}
.product-card__media{background:linear-gradient(145deg,#fff,#fbf3f6)}
.product-card__media img{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s}
.product-card:hover .product-card__media img{transform:scale(1.065);filter:saturate(1.04)}
.product-card__body{padding:clamp(12px,1.5vw,18px);gap:9px}
.product-card__meta{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0}.product-card__type{display:inline-flex;align-items:center;gap:4px;max-width:72%;padding:4px 8px;border-radius:999px;background:var(--brand-blush);color:var(--brand-pink-deep);font-family:var(--font-ar);font-size:.68rem;font-weight:750;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card__type small{font-size:.58rem;font-weight:600;color:#8c6673}.product-card__brand{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#887982;font-family:var(--font-ar);font-size:.64rem;font-weight:550;letter-spacing:0;text-transform:none}
.product-card__title{font-size:clamp(.9rem,1vw,1rem);font-weight:700;line-height:1.75;min-height:3.5em;color:#292329}
.product-card__title:hover{color:var(--brand-pink-deep)}
.product-card__price{padding-top:8px;border-top:1px solid #f2e8ec}
.product-card .price-current{font-weight:800;color:#754457}
.product-card__wishlist{border:1px solid #f0dfe5;box-shadow:0 5px 16px #38252d18;transition:transform .25s,background .25s,color .25s}
.product-card__wishlist:hover,.product-card__wishlist.is-active{color:var(--brand-pink-deep)}
.product-card__wishlist:active{transform:scale(.88)}
.product-card__add{background:linear-gradient(110deg,#33262d,#513642);box-shadow:0 5px 13px #3f283418;min-height:42px;font-weight:700}
.product-card__add:hover{background:linear-gradient(110deg,#a9667c,#d48da2);box-shadow:0 8px 18px #b86e8535;transform:translateY(-1px)}
/* Product detail: clearer information panel, lively image and tactile controls. */
.pdp{gap:clamp(24px,4vw,58px);align-items:start}
.pinfo{position:relative;isolation:isolate;overflow:hidden;padding:clamp(19px,3vw,34px);border:1px solid var(--brand-border);border-radius:24px;background:linear-gradient(145deg,#fff 35%,#fff9fb);box-shadow:0 18px 50px #3a26300d;gap:18px}
.pinfo:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#e5a1b2,#b66f86,#171316)}
.pinfo__brand{align-self:flex-start;padding:6px 12px;border:1px solid #f0dfe5;border-radius:999px;background:var(--brand-blush);color:var(--brand-pink-deep);letter-spacing:0;font-family:var(--font-ar);font-size:.78rem}
.pinfo__title{font-size:clamp(1.45rem,2.7vw,2.05rem);font-weight:800;line-height:1.65;color:#241c21}
.pinfo__price{padding:15px 0;border-block:1px solid #f1e4e9}
.pinfo__price .price-current{font-size:1.9rem;color:#784a5b}
.pinfo__save{background:#f9e9ee;color:#a95772}
.variant-opt{transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}
.variant-opt:hover{transform:translateY(-2px);border-color:var(--brand-pink);box-shadow:0 6px 14px #bd758c22}
.variant-opt.is-active{border-color:var(--brand-pink-deep);background:var(--brand-blush);color:#774658}
.qty{border-color:#e8d8df}
.gallery__main{perspective:950px;border-color:var(--brand-border);box-shadow:0 18px 40px #49333d10;transition:box-shadow .35s,transform .35s}
.gallery__main img{transform-style:preserve-3d;will-change:transform}
.gallery__main.is-3d img{transform:scale(1.035) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.gallery__main:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),#ffffff6e,transparent 38%);transition:opacity .3s}
.gallery__main.is-3d:after{opacity:.7}
.gallery__thumb{transition:transform .22s,border-color .22s,box-shadow .22s}
.gallery__thumb:hover{transform:translateY(-3px);box-shadow:0 7px 16px #3e29331c}
.gallery__thumb.is-active{border-color:var(--brand-pink-deep);box-shadow:0 0 0 3px #e5a1b226}
/* Brand palette notifications and subtle on-scroll entrance. */
.toast{border-color:#f0dfe5;border-inline-start-color:var(--brand-pink-deep);background:rgba(255,255,255,.98);color:#34272e}
.toast svg{background:#f9e9ee;color:#a95772}
.toast--error{border-inline-start-color:#8d3e5a}
.toast--error svg{background:#f7e5ec;color:#8d3e5a}
.g-reveal{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.g-reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}
.gazelle-scroll-progress{position:fixed;inset:0 0 auto;width:100%;height:3px;z-index:1200;pointer-events:none;transform:scaleX(0);transform-origin:right center;background:linear-gradient(90deg,#171316,#bd758c,#e5a1b2);box-shadow:0 1px 8px #bd758c55;transition:transform .12s linear}
.gazelle-back-top{position:fixed;z-index:120;inset-inline-start:22px;bottom:24px;width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:linear-gradient(145deg,#bd758c,#754457);color:#fff;box-shadow:0 10px 26px #75445740;opacity:0;visibility:hidden;transform:translateY(12px) scale(.92);transition:opacity .25s,transform .25s,visibility .25s,box-shadow .25s;cursor:pointer}
.gazelle-back-top.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.gazelle-back-top:hover{box-shadow:0 14px 32px #75445755;transform:translateY(-3px) scale(1.04)}.gazelle-back-top:focus-visible{outline:3px solid #e5a1b2;outline-offset:3px}
@media(max-width:700px){.gazelle-back-top{bottom:calc(82px + env(safe-area-inset-bottom,0px));inset-inline-start:16px;width:44px;height:44px}}

@media(max-width:700px){.product-card{border-radius:16px}.product-card__body{padding:12px}.product-card__title{font-size:.88rem}.pinfo{border-radius:18px;padding:18px}.pdp{gap:24px}}
@media(prefers-reduced-motion:reduce){.product-card,.product-card *, .gallery__main,.gallery__main img,.gallery__thumb,.pinfo,.toast,.g-reveal{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}.product-card:hover{transform:none}}
@media(max-width:600px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{border-radius:15px}.product-card__media{aspect-ratio:.92}.product-card__body{padding:10px;gap:7px}.product-card__type{font-size:.61rem;padding:4px 6px}.product-card__type small{font-size:.53rem}.product-card__brand{font-size:.58rem}.product-card__title{font-size:.82rem;line-height:1.65;min-height:2.7em}.product-card__price{gap:6px;padding-top:7px}.price-current{font-size:.9rem}.price-compare{font-size:.68rem}.product-card__actions button{min-height:38px;font-size:.73rem;padding:.45rem .4rem}}@media(max-width:360px){.product-grid{gap:8px}.product-card__body{padding:8px}.product-card__title{font-size:.77rem}}

.mobile-bottom-nav{display:none}
@media(max-width:600px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.mobile-bottom-nav{position:fixed;z-index:650;inset-inline:10px;bottom:calc(9px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;min-height:64px;padding:6px 8px;border:1px solid #f0dfe5;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 12px 38px rgba(72,39,54,.18),inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-bottom-nav__item{position:relative;display:flex;min-width:0;min-height:50px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:16px;background:transparent;color:#887982;text-decoration:none;font:650 .62rem/1.2 var(--font-ar);transition:color .2s,background .2s,transform .2s;cursor:pointer}.mobile-bottom-nav__item svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.mobile-bottom-nav__item:active{transform:scale(.92)}.mobile-bottom-nav__item.is-active{color:var(--brand-pink-deep);background:linear-gradient(140deg,#fff5f8,#fbecf1)}.mobile-bottom-nav__item.is-active svg{transform:translateY(-1px);stroke-width:2}.mobile-bottom-nav__badge{position:absolute;top:2px;inset-inline-start:calc(50% + 7px);display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:var(--brand-pink-deep);color:#fff;font:700 .55rem/1 var(--font-en)}.mobile-bottom-nav__badge[hidden]{display:none}}

/* Responsive sizing for carts, notifications and dialogs */
.cart-drawer{width:min(420px,100vw);max-width:100vw;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}
.cart-drawer__head,.cart-drawer__body,.cart-drawer__foot{padding-inline:clamp(12px,4vw,22px);min-width:0}
.cart-item{grid-template-columns:64px minmax(0,1fr) auto;gap:clamp(8px,2.5vw,12px)}
.cart-item>div{min-width:0}
.cart-item__title,.cart-item__brand{overflow-wrap:anywhere}
.cart-item__price{max-width:100%;font-size:clamp(.68rem,2.8vw,.82rem);overflow-wrap:anywhere}
.toast-container{width:min(420px,calc(100vw - 24px));max-width:calc(100vw - 24px);inset-inline-start:50%;inset-inline-end:auto;transform:translateX(50%);bottom:calc(20px + env(safe-area-inset-bottom));align-items:stretch}
.toast{width:100%;min-width:0;max-width:100%;line-height:1.55;overflow-wrap:anywhere;padding:12px 15px}
.mp-dialog{padding:clamp(8px,3vw,20px);padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}
.mp-dialog__panel{width:min(760px,calc(100vw - 16px));max-width:100%;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain}
.mp-dialog__head{position:sticky;top:0;z-index:2}
.mp-dialog__body{min-width:0}
.mp-fav-row{grid-template-columns:56px minmax(0,1fr) auto}
.mp-fav-row>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:480px){
 .cart-drawer__head{padding-block:12px}
 .cart-drawer__body{padding:10px 12px}
 .cart-drawer__foot{padding:12px}
 .cart-item{grid-template-columns:50px minmax(0,1fr) auto;gap:8px;padding-block:10px}
 .cart-item__img{width:50px;height:50px}
 .cart-item__price{max-width:78px;font-size:.68rem}
 .cart-item__remove{min-width:40px;min-height:36px;padding:6px}
 .cart-item__qty button{width:25px;height:28px}
 .cart-item__qty span{min-width:22px}
 .toast-container{width:calc(100vw - 20px);max-width:390px;bottom:calc(82px + env(safe-area-inset-bottom))}
 .toast{padding:11px 13px;font-size:.82rem}
 .mp-fav-row{grid-template-columns:48px minmax(0,1fr)!important;gap:8px;padding:9px}
 .mp-fav-row img{width:48px;height:48px}
 .mp-fav-row__actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;justify-content:stretch}
 .mp-fav-row__actions a,.mp-fav-row__actions button{flex:1 1 84px;min-width:0;padding:8px 6px;white-space:normal}
 .mp-dialog__head,.mp-dialog__body{padding:14px}
 .mp-dialog__head h2{font-size:1.05rem}
 .mp-dialog__actions button,.mp-dialog__actions a{flex:1 1 120px;min-width:0}
}
@media(max-width:350px){
 .cart-drawer__title{font-size:.95rem}
 .cart-item{grid-template-columns:44px minmax(0,1fr) auto;gap:6px}
 .cart-item__img{width:44px;height:44px}
 .cart-item__price{max-width:68px;font-size:.64rem}
 .toast-container{width:calc(100vw - 16px)}
}

/* Full-screen brand intro and compact mobile cart */
.store-intro{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;overflow:hidden;padding:24px;background:radial-gradient(ellipse at 50% 42%,#fff9fb 0%,#f9edf2 45%,#2e242a 100%);color:#362a32;opacity:1;transition:opacity .42s ease,visibility .42s ease;visibility:visible}
html.gazelle-intro-pending .store-intro{display:flex}
.store-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}html.gazelle-intro-pending,html.gazelle-intro-pending body{overflow:hidden}
.store-intro__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;animation:introContent .8s cubic-bezier(.2,.8,.2,1) both}
.store-intro__halo{position:absolute;width:min(66vw,310px);aspect-ratio:1;border:1px solid #a86b8640;border-radius:50%;box-shadow:0 0 0 16px #a86b8610,0 0 0 34px #a86b8608;animation:introHalo 2.4s ease-in-out infinite}
.store-intro__logo{position:relative;display:grid;place-items:center;width:clamp(104px,25vw,156px);aspect-ratio:1;padding:14px;border:1px solid #a86b863d;border-radius:38px;background:rgba(255,255,255,.91);box-shadow:0 20px 60px #593c4c24;animation:introLogo 1.5s ease-in-out infinite}
.store-intro__logo img{display:block;width:100%;height:100%;object-fit:contain}
.store-intro__name{margin:0;color:#a86b86;font-family:var(--font-ar,'Alexandria',sans-serif);font-size:clamp(1.25rem,5vw,2rem);font-weight:800;letter-spacing:.02em}
.store-intro__tagline{margin:-9px 0 0;color:#766873;font-family:var(--font-ar,'Alexandria',sans-serif);font-size:clamp(.72rem,2.7vw,.9rem);letter-spacing:.08em}
@keyframes introContent{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes introLogo{0%,100%{transform:translateY(0) rotateY(-7deg);box-shadow:0 20px 60px #593c4c24}50%{transform:translateY(-9px) rotateY(7deg);box-shadow:0 28px 68px #593c4c30}}
@keyframes introHalo{0%,100%{transform:scale(.94);opacity:.5}50%{transform:scale(1.04);opacity:1}}
@media(max-width:600px){
 .cart-drawer{right:0;left:0;width:100vw;max-width:100vw;height:100vh;height:100dvh;border-radius:0}
 .cart-drawer__head{padding:12px 16px}
 .cart-drawer__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 14px}
 .cart-drawer__foot{padding:12px 14px calc(12px + env(safe-area-inset-bottom))}
 .cart-item{grid-template-columns:54px minmax(0,1fr);gap:8px 10px;align-items:center;padding-block:12px}
 .cart-item__img{grid-row:span 2;width:54px;height:54px}
 .cart-item>div{min-width:0}
 .cart-item>div:last-child{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:8px}
 .cart-item__title{font-size:.82rem;line-height:1.45;overflow-wrap:anywhere}
 .cart-item__price{max-width:none;text-align:start;overflow-wrap:anywhere}
 .cart-item__remove{min-height:36px;padding:6px 9px;white-space:nowrap}
 .cart-item__qty button{width:30px;height:30px}
 .cart-item__qty{height:32px}
}
@media(max-width:360px){
 .cart-drawer__body{padding-inline:10px}
 .cart-item{grid-template-columns:48px minmax(0,1fr);gap:7px}
 .cart-item__img{width:48px;height:48px}
 .cart-drawer__foot{padding-inline:10px}
 .store-intro__logo{border-radius:30px}
}
@media(prefers-reduced-motion:reduce){
 .store-intro__content,.store-intro__logo,.store-intro__halo{animation:none!important}
 .store-intro{transition:opacity .2s ease,visibility .2s ease}
}

/* Keep the mobile cart visually consistent with the centered wishlist dialog */
@media(max-width:600px){
 [dir="rtl"] .cart-drawer,.cart-drawer{
   top:50%;left:12px;right:auto;inset-inline-start:auto;
   width:min(460px,calc(100vw - 24px));max-width:calc(100vw - 24px);
   height:min(82vh,680px);height:min(82dvh,680px);min-height:min(280px,calc(100dvh - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);
   border:1px solid #eee3e8;border-radius:20px;
   transform:translate3d(calc(-100% - 16px),-50%,0) scale(.94);transform-origin:center;opacity:0;visibility:hidden;pointer-events:none;
   box-shadow:0 24px 80px rgba(35,24,31,.28);
   transition:transform .38s cubic-bezier(.2,.75,.25,1),opacity .24s ease,visibility 0s linear .38s;
   padding-bottom:env(safe-area-inset-bottom)
 }
 [dir="rtl"] .cart-drawer.is-open,.cart-drawer.is-open{
   transform:translate3d(0,-50%,0) scale(1);opacity:1;visibility:visible;pointer-events:auto;transition:transform .38s cubic-bezier(.2,.75,.25,1),opacity .24s ease,visibility 0s
 }
 .cart-drawer__head{padding:16px 18px;border-radius:20px 20px 0 0}
 .cart-drawer__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 16px}
 .cart-drawer__foot{padding:13px 16px calc(13px + env(safe-area-inset-bottom));border-radius:0 0 20px 20px}
 .cart-item{grid-template-columns:52px minmax(0,1fr);gap:8px 10px;align-items:center;padding-block:11px}
 .cart-item__img{grid-row:span 2;width:52px;height:52px}
 .cart-item>div{min-width:0}
 .cart-item>div:last-child{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:8px}
 .cart-item__price{max-width:none;text-align:start;overflow-wrap:anywhere}
 .cart-item__remove{min-height:36px;padding:6px 9px;white-space:nowrap}
 .cart-item__qty button{width:29px;height:29px}
}
@media(max-width:360px){
 [dir="rtl"] .cart-drawer,.cart-drawer{width:calc(100vw - 16px);max-width:calc(100vw - 16px);min-height:min(300px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)}
 .cart-drawer__head{padding:13px 14px}
 .cart-drawer__body{padding:8px 12px}
 .cart-drawer__foot{padding-inline:12px}
}

/* تخصيص شريط التنقل السفلي من إعدادات الموقع. */
.mobile-bottom-nav[hidden]{display:none!important}.mobile-bottom-nav{grid-template-columns:repeat(var(--mobile-nav-count,5),minmax(0,1fr))}.mobile-bottom-nav__item[hidden]{display:none!important}.mobile-bottom-nav.mobile-nav-labels-hidden .mobile-bottom-nav__item>span{display:none}.mobile-bottom-nav[data-size="compact"]{min-height:52px;padding:4px 6px}.mobile-bottom-nav[data-size="compact"] .mobile-bottom-nav__item{min-height:40px;font-size:.55rem}.mobile-bottom-nav[data-size="compact"] .mobile-bottom-nav__item svg{width:17px;height:17px}.mobile-bottom-nav[data-size="large"]{min-height:72px;padding:8px 10px}.mobile-bottom-nav[data-size="large"] .mobile-bottom-nav__item{min-height:56px;font-size:.68rem}.mobile-bottom-nav[data-size="large"] .mobile-bottom-nav__item svg{width:23px;height:23px}
@media(max-width:600px){body.mobile-bottom-nav-disabled{padding-bottom:0}}