:root{
  --brand:#b3261e;
  --brand2:#e0661b;
  --dark:#4a0d09;
  --soft:#fbf5f2;
  --tabbar-h:68px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
body{font-family:'Cairo',sans-serif;background:#fff;color:#222}
.fw-black{font-weight:900}

/* splash */
#splash{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at center,#fff 0%,#f6e9e4 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s,visibility .8s}
#splash.hide{opacity:0;visibility:hidden;pointer-events:none}
html.splash-skip #splash{display:none!important}
.splash-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(224,102,27,.35),transparent 70%);animation:pulse 2s infinite}
.splash-logo{width:min(380px,75vw);position:relative;animation:logoIn 1.4s cubic-bezier(.2,.9,.3,1.3) both;filter:drop-shadow(0 20px 30px rgba(179,38,30,.35))}
.splash-text{margin-top:10px;font-weight:700;color:var(--dark);font-size:1.25rem;opacity:0;animation:fadeUp .8s 1s forwards;text-align:center;padding:0 1rem}
.splash-bar{width:200px;height:4px;background:#eedad3;border-radius:4px;margin-top:22px;overflow:hidden}
.splash-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--brand2));animation:load 2.6s ease forwards}
@keyframes logoIn{0%{transform:scale(.3) rotate(-10deg);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes fadeUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes load{to{width:100%}}
@keyframes pulse{50%{transform:scale(1.15)}}

/* topbar */
.topbar{
  background:linear-gradient(90deg,#ffd34d 0%,#f7c21a 45%,#f0a800 100%);
  color:#4a0d09;
  border-bottom:1px solid rgba(138,28,18,.12);
}
.topbar-inner{
  display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;
  gap:.55rem;padding:.42rem 0;min-height:40px;
}
.topbar a{color:inherit;text-decoration:none}
.topbar-chip{
  display:inline-flex;align-items:center;gap:.45rem;
  white-space:nowrap;font-weight:700;font-size:.82rem;line-height:1;
  padding:.28rem .55rem .28rem .3rem;border-radius:999px;
  background:rgba(74,13,9,.06);transition:background .2s,transform .15s;
}
.topbar-phone:hover,.topbar-phone:active{background:rgba(74,13,9,.12)}
.topbar-ico{
  width:22px;height:22px;border-radius:50%;flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  background:#8a1c12;color:#ffd34d;font-size:.72rem;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset;
}
.topbar-chip-text{letter-spacing:.01em}
.topbar-sep{
  width:4px;height:4px;border-radius:50%;flex:0 0 auto;
  background:rgba(74,13,9,.35);
}

/* main nav */
.main-nav{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:.55rem 0}
.main-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.main-nav .navbar-brand{padding:0;margin:0;line-height:1}
.main-nav .navbar-brand img{height:54px;width:auto;display:block}
.main-nav .nav-link{color:#333;padding:.45rem .7rem;border-radius:10px}
.main-nav .nav-link:hover,.main-nav .nav-link.active{color:var(--brand)}
.main-nav #search{min-width:180px;max-width:220px;border-radius:10px;border-color:#e7cfc6}
.main-nav #search:focus{border-color:var(--brand2);box-shadow:0 0 0 .2rem rgba(224,102,27,.18)}
.btn-brand{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border:0}
.btn-brand:hover{color:#fff;filter:brightness(1.1)}
.btn-brand:disabled{opacity:.55}
.btn-cart{min-width:42px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}
.btn-cart-sm{min-width:40px;height:40px;padding:0;border-radius:12px}
.btn-nav-icon{width:40px;height:40px;padding:0;border-radius:12px;border:1px solid #f0dcd5;background:#fff;color:var(--dark);display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem}
.btn-nav-icon:hover,.btn-nav-icon[aria-expanded="true"]{background:var(--soft);color:var(--brand);border-color:#e7c0b4}
.bg-brand{background:var(--brand)!important}
#cartCount,.cart-count-mobile,.tab-cart-badge{font-size:.68rem;min-width:18px}

/* mobile search panel */
.mobile-search-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #f0dcd5;box-shadow:0 12px 24px rgba(0,0,0,.08);padding:.75rem 0;z-index:1040}
.mobile-search-box{display:flex;align-items:center;gap:.5rem;background:var(--soft);border:1px solid #f0dcd5;border-radius:14px;padding:.35rem .75rem}
.mobile-search-box i{color:var(--brand2)}
.mobile-search-box .form-control{border:0;background:transparent;box-shadow:none;padding:.45rem 0}
.mobile-search-box .btn-link{color:var(--brand);font-weight:700;text-decoration:none;white-space:nowrap}

/* mobile menu offcanvas */
.mobile-menu{width:min(86vw,320px)!important}
.mobile-menu-logo{height:42px;width:auto}
.mobile-menu-links{display:flex;flex-direction:column;gap:.35rem}
.mobile-menu-links a{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:14px;color:#222;text-decoration:none;font-weight:700;background:#fff;border:1px solid #f3e4de}
.mobile-menu-links a i{color:var(--brand);font-size:1.15rem}
.mobile-menu-links a:active,.mobile-menu-links a:hover{background:var(--soft);border-color:#e8cfc5;color:var(--brand)}

/* hero / content */
.hero{min-height:82vh;background-size:cover;background-position:center;display:flex;align-items:center;color:#fff;position:relative}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(270deg,rgba(74,13,9,.92) 0%,rgba(74,13,9,.55) 55%,rgba(0,0,0,.2))}
.badge-since{background:var(--brand2);padding:6px 16px;border-radius:30px;font-weight:700;display:inline-block}
.features{background:var(--brand);color:#fff}
.features i{font-size:2rem}.features h6{margin-top:6px;font-weight:700}
.section-title{text-align:center;font-weight:900;margin-bottom:2.2rem;position:relative}
.section-title:after{content:"";display:block;width:70px;height:4px;margin:12px auto 0;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:3px}
.section-title.light{color:#fff}.section-title.light:after{background:#fff}
.bg-soft{background:var(--soft)}
.cat-card{border-radius:18px;padding:24px 10px;text-align:center;background:#fff;border:1px solid #f0dcd5;cursor:pointer;transition:.3s;height:100%}
.cat-card:hover,.cat-card.active{transform:translateY(-6px);box-shadow:0 15px 30px rgba(179,38,30,.15);border-color:var(--brand)}
.cat-card i{font-size:2.4rem;color:var(--brand)}.cat-card h6{margin-top:10px;font-weight:700;color:#222}
.filter-btn{border:1px solid var(--brand);color:var(--brand);background:#fff;border-radius:30px;padding:6px 18px;font-weight:600}
.filter-btn.active,.filter-btn:hover{background:var(--brand);color:#fff}
.p-card{border:0;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.06);transition:.3s;height:100%;display:flex;flex-direction:column}
.p-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px rgba(0,0,0,.12)}
.p-card-link{color:inherit;text-decoration:none;display:block;flex:1 1 auto}
.p-card-link:hover{color:inherit}
.p-card .img-wrap{background:#fff;aspect-ratio:1;overflow:hidden;position:relative}
.p-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.p-card:hover img{transform:scale(1.07)}
.p-card .tag{position:absolute;top:12px;right:12px;background:var(--brand2);color:#fff;padding:2px 12px;border-radius:20px;font-size:.8rem}
.p-card-buy{padding:0 1rem 1rem!important}
.price{color:var(--brand);font-weight:900;font-size:1.3rem}
.old{color:#999;text-decoration:line-through;font-size:.9rem}
.stat{background:var(--soft);border-radius:14px;padding:16px}.stat b{display:block;font-size:1.6rem;color:var(--brand)}.stat span{color:#666;font-size:.9rem}
.bg-brand-dark{background:linear-gradient(135deg,var(--dark),var(--brand));color:#fff}
.bg-brand-dark .form-control{border:0;border-radius:12px;padding:.75rem 1rem}

/* footer — compact */
.site-footer{background:#1d0503;color:#d9b8ad;padding:1.1rem 0}
.site-footer-inner{display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center}
.footer-social{display:flex;gap:.65rem;align-items:center}
.footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.05rem;transition:.2s}
.footer-social a:hover{background:var(--brand2);color:#fff}
.footer-copy{font-size:.82rem;opacity:.9;margin:0}

.wa-float{position:fixed;bottom:22px;right:22px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;align-items:center;justify-content:center;font-size:1.8rem;z-index:1000;box-shadow:0 8px 20px rgba(0,0,0,.25);text-decoration:none}
.wa-float:hover{color:#fff;transform:scale(1.06)}
.cart-item img{width:60px;height:60px;object-fit:cover;border-radius:10px}
.cart-variant{font-size:.78rem;line-height:1.3;margin:.15rem 0}
.cart-drawer-footer.is-empty .btn,
.cart-drawer-footer.is-empty .cart-ship-hint,
.cart-drawer-footer.is-empty > .d-flex{display:none!important}
.cart-ship-hint{line-height:1.4}
.reveal{opacity:0;transform:translateY(30px);transition:.7s}.reveal.show{opacity:1;transform:none}

/* Cart / Checkout / Success */
.page-title{font-weight:900;color:var(--dark);font-size:clamp(1.45rem,2.5vw,2rem);margin:0}
.sheeb-empty-card,.sheeb-success-card{
  background:#fff;border:1px solid #f0dcd5;border-radius:18px;
  box-shadow:0 8px 24px rgba(0,0,0,.05);max-width:560px;margin-inline:auto;padding:2.2rem 1.4rem
}
.sheeb-success-card{max-width:520px}
.success-icon{font-size:3.4rem;color:#2e7d32;line-height:1;margin-bottom:.5rem}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr minmax(280px,380px);gap:1.5rem;align-items:start}
.cart-line{
  display:grid;grid-template-columns:88px 1fr auto;gap:1rem;align-items:start;
  background:#fff;border:1px solid #f0dcd5;border-radius:16px;padding:1rem;margin-bottom:.85rem
}
.cart-line-img img{width:88px;height:88px;object-fit:cover;border-radius:12px;background:#faf6f4}
.cart-line-name{font-weight:700;color:#222;text-decoration:none}
.cart-line-name:hover{color:var(--brand)}
.cart-line-variant{color:#777;font-size:.85rem;margin:.2rem 0}
.cart-line-price{font-weight:700;color:var(--brand);margin-top:.25rem}
.cart-line-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.65rem}
.cart-line-total{font-weight:900;min-width:5.5rem;text-align:start}
.cart-qty-ctrl.pd-qty{display:inline-flex;align-items:center;border:1px solid #e7d0c8;border-radius:10px;overflow:hidden}
.cart-qty-ctrl button{border:0;background:#faf6f4;width:34px;height:34px;font-weight:700}
.cart-qty-ctrl .cart-qty-val{min-width:36px;text-align:center;font-weight:700}
.summary-card{
  background:#fff;border:1px solid #f0dcd5;border-radius:18px;padding:1.25rem 1.35rem;
  position:sticky;top:88px;box-shadow:0 8px 24px rgba(0,0,0,.05)
}
.summary-card h3{font-size:1.15rem;font-weight:900;margin:0 0 1rem;color:var(--dark)}
.summary-line{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.55rem 0;border-bottom:1px solid #f3e6e1;font-size:.95rem}
.summary-line.total{border:0;font-weight:900;font-size:1.1rem;color:var(--dark);padding-top:.85rem}
.summary-line small{color:#777}
.field-hint{color:#888;font-size:.82rem;margin:0}
.coupon-row{display:flex;gap:.5rem;margin:1rem 0}
.coupon-row input{flex:1;border:1px solid #e7d0c8;border-radius:12px;padding:.7rem .9rem;background:#fff}
.checkout-fulfillment label,.payment-options label{
  display:flex;gap:.75rem;align-items:flex-start;border:1px solid #e7d0c8;border-radius:14px;
  padding:1rem;margin-bottom:.65rem;background:#fff;cursor:pointer;transition:.2s
}
.checkout-fulfillment label:has(input:checked),
.payment-options label:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 2px rgba(179,38,30,.12)}
.checkout-fulfillment strong,.payment-options strong{display:block;font-weight:800}
.checkout-fulfillment small,.payment-options small{display:block;color:#777;margin-top:.2rem}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.form-grid .field.full{grid-column:1/-1}
.field{display:grid;gap:.4rem}
.field label{font-size:.86rem;font-weight:700;color:#333}
.field input,.field select,.field textarea{
  border:1px solid #e7d0c8;border-radius:12px;padding:.75rem .9rem;background:#fff;width:100%
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(179,38,30,.12)
}
.checkout-page h2{font-size:1.1rem;font-weight:900;margin:0 0 .85rem;color:var(--dark)}
.flash{border-radius:12px;padding:.85rem 1rem;margin-bottom:1rem}
.flash.error{background:#fdecea;color:#8a1f16;border:1px solid #f5c6c0}
.flash.warning{background:#fff8e6;color:#7a5a00;border:1px solid #f0dfb0}
.flash.success{background:#eaf7ee;color:#1d6b36;border:1px solid #c7e6d0}
.checkout-delivery[hidden]{display:none!important}

@media (max-width:991.98px){
  .cart-layout,.checkout-layout{grid-template-columns:1fr}
  .summary-card{position:static;margin-bottom:calc(var(--tabbar-h) + .75rem)}
  .cart-line{grid-template-columns:72px 1fr;grid-template-areas:"img info" "img total"}
  .cart-line-img{grid-area:img}
  .cart-line-info{grid-area:info}
  .cart-line-total{grid-area:total;margin-top:.35rem}
  .cart-line-img img{width:72px;height:72px}
}
@media (max-width:575.98px){
  .form-grid{grid-template-columns:1fr}
  .coupon-row{flex-direction:column}
}

/* slider */
.hero-slider,.hero-slider .carousel-item{height:85vh;min-height:520px;color:#fff;overflow:hidden}
.hero-slider .carousel-item{position:relative}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1)}
.carousel-item.active .slide-bg{animation:kenburns 7s ease-out forwards}
.slide-content{position:relative;z-index:2;padding-top:18vh;padding-bottom:4rem}
.slide-content>*{opacity:0}
.carousel-item.active .slide-content>*{animation:slideIn .8s ease forwards}
.carousel-item.active .slide-content>*:nth-child(2){animation-delay:.25s}
.carousel-item.active .slide-content>*:nth-child(3){animation-delay:.45s}
.carousel-item.active .slide-content>*:nth-child(n+4){animation-delay:.65s}
.slide-content .btn{display:inline-block}
.slide-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.12)}}
@keyframes slideIn{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
.hero-slider .carousel-indicators{z-index:3;margin-bottom:1.2rem}
.hero-slider .carousel-indicators button{width:34px;height:5px;border-radius:4px;border:0;background:#fff;opacity:.5}
.hero-slider .carousel-indicators .active{background:var(--brand2);opacity:1;width:50px}
.hero-slider .carousel-control-prev,.hero-slider .carousel-control-next{z-index:3;width:8%;opacity:1}
.hero-slider .ctrl{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:.3s}
.hero-slider .ctrl:hover{background:var(--brand)}

/* mobile bottom tab bar */
.mobile-tabbar{
  position:fixed;left:0;right:0;bottom:0;z-index:1030;
  height:calc(var(--tabbar-h) + var(--safe-bottom));
  padding:0 .35rem var(--safe-bottom);
  display:flex;align-items:stretch;justify-content:space-around;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  border-top:1px solid #f0dcd5;
  box-shadow:0 -8px 28px rgba(74,13,9,.08);
}
.mobile-tabbar .tab-item{
  flex:1;min-width:0;border:0;background:transparent;color:#8a6a63;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;
  text-decoration:none;font-size:.68rem;font-weight:700;padding:.45rem .15rem .35rem;
  -webkit-tap-highlight-color:transparent;
}
.mobile-tabbar .tab-item i{font-size:1.28rem;line-height:1}
.mobile-tabbar .tab-item.active,.mobile-tabbar .tab-item:active{color:var(--brand)}
.tab-search-orb{
  width:46px;height:46px;margin-top:-22px;border-radius:50%;
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 18px rgba(179,38,30,.35);font-size:1.2rem;
}
.tab-item.tab-search{color:var(--brand)}
.tab-item.tab-search span:last-child{margin-top:.1rem}
.tab-cart-wrap{position:relative;display:inline-flex}
.tab-cart-badge{
  position:absolute;top:-6px;left:-8px;background:#222;color:#fff;
  border-radius:999px;padding:0 5px;line-height:16px;min-width:16px;text-align:center;
  font-size:.62rem;font-weight:700;
}
.tab-cart-badge:empty,.tab-cart-badge[data-empty="1"]{display:none}

.toast-above-tabbar{margin-bottom:calc(var(--tabbar-h) + .5rem)!important}
.form-control:focus,.form-select:focus{border-color:var(--brand2);box-shadow:0 0 0 .2rem rgba(224,102,27,.2)}
.rt-page-hero{background:linear-gradient(135deg,var(--dark),var(--brand));color:#fff;padding:2.2rem 0}
.rt-page-hero h1{font-weight:900;margin:0;font-size:clamp(1.4rem,4vw,2.1rem)}
.filter-box{background:#fff;border:1px solid #f0dcd5;border-radius:18px;padding:1.2rem}
.btn-rt{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border:0;border-radius:12px;padding:.6rem 1.4rem;font-weight:700}
.btn-rt:hover{color:#fff;filter:brightness(1.08)}
.card-soft{background:#fff;border:1px solid #f0dcd5;border-radius:18px;height:100%}

/* ========== صفحة المنتج ========== */
.pd-page{padding:1.1rem 0 2rem;background:#fff}
.pd-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-size:.82rem;color:#8a6a63;margin-bottom:1rem}
.pd-crumbs a{color:var(--brand);text-decoration:none;font-weight:700}
.pd-crumbs i{font-size:.7rem;opacity:.7}
.pd-crumbs span{color:#666;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.pd-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2.2rem;align-items:start}
.pd-gallery{position:sticky;top:88px}
.pd-main-img{position:relative;background:var(--soft);border-radius:20px;overflow:hidden;border:1px solid #f0dcd5}
.pd-main-img img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.pd-badge{position:absolute;top:14px;right:14px;background:var(--brand2);color:#fff;font-size:.78rem;font-weight:800;padding:.28rem .7rem;border-radius:999px}
.pd-thumbs{display:flex;gap:.55rem;margin-top:.75rem;overflow-x:auto;padding-bottom:.2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pd-thumbs::-webkit-scrollbar{display:none}
.pd-thumb{flex:0 0 68px;width:68px;height:68px;padding:0;border-radius:14px;border:2px solid #f0dcd5;background:#fff;overflow:hidden}
.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pd-thumb.active{border-color:var(--brand);box-shadow:0 0 0 2px rgba(179,38,30,.15)}

.pd-cat{display:inline-block;font-size:.78rem;font-weight:800;color:var(--brand2);background:rgba(224,102,27,.1);padding:.28rem .7rem;border-radius:999px;margin-bottom:.65rem}
.pd-title{font-weight:900;font-size:clamp(1.35rem,2.6vw,1.95rem);line-height:1.35;color:var(--dark);margin:0 0 1rem}
.pd-price-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.pd-price{display:flex;align-items:baseline;gap:.65rem}
.pd-price span{color:var(--brand);font-weight:900;font-size:1.65rem}
.pd-price del{color:#999;font-size:1rem}
.pd-stock{font-size:.8rem;font-weight:800;padding:.3rem .7rem;border-radius:999px}
.pd-stock.is-in{background:#e8f7ee;color:#1b7a3d}
.pd-stock.is-out{background:#fdecea;color:#b3261e}
.pd-desc{color:#666;line-height:1.75;font-size:.95rem;margin:0 0 1.15rem}

.pd-options{margin-bottom:1.15rem}
.pd-options.is-hidden{display:none}
.pd-label,.pd-opt-title{font-size:.88rem;font-weight:700;margin-bottom:.55rem;color:#444}
.pd-selected-line{margin-bottom:.85rem}
.pd-opt-group{margin-bottom:.95rem}
.pd-opt-title{margin-bottom:.45rem;font-size:.82rem;color:#666}
.pd-color-list,.pd-size-list,.pd-variant-list{display:flex;flex-wrap:wrap;gap:.55rem}
.pd-color-btn{
  display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem .3rem .3rem;
  border:1px solid #f0dcd5;border-radius:999px;background:#fff;min-height:42px;
}
.pd-color-btn.active{border-color:var(--brand);background:var(--soft);box-shadow:0 0 0 2px rgba(179,38,30,.12)}
.pd-color-btn.is-disabled{opacity:.38;position:relative}
.pd-color-btn.is-disabled::after{content:"";position:absolute;inset:50% 8px auto 8px;height:1px;background:#b3261e;transform:rotate(-25deg)}
.pd-color-dot{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.12);overflow:hidden;flex:0 0 auto;background:#eee}
.pd-color-dot img{width:100%;height:100%;object-fit:cover;display:block}
.pd-color-label{font-size:.8rem;font-weight:800;color:#333}
.pd-size-btn{
  min-width:52px;height:42px;padding:0 .9rem;border:1px solid #f0dcd5;border-radius:12px;
  background:#fff;font-weight:800;font-size:.86rem;color:#333;
}
.pd-size-btn.active{border-color:var(--brand);background:var(--brand);color:#fff}
.pd-size-btn.is-disabled{opacity:.35;text-decoration:line-through;pointer-events:none}
.pd-variant{display:inline-flex;align-items:center;gap:.45rem;max-width:100%;padding:.35rem .7rem .35rem .35rem;border:1px solid #f0dcd5;border-radius:14px;background:#fff;text-align:right}
.pd-variant img,.pd-swatch{width:36px;height:36px;border-radius:10px;object-fit:cover;flex:0 0 auto}
.pd-swatch{display:block;border:1px solid rgba(0,0,0,.08)}
.pd-variant-name{font-size:.8rem;font-weight:700;color:#333;line-height:1.2}
.pd-variant.active{border-color:var(--brand);background:var(--soft);box-shadow:0 0 0 2px rgba(179,38,30,.12)}
.pd-variant.sold-out{opacity:.4}

.pd-buy{margin-bottom:1.15rem}
.pd-buy-row{display:flex;gap:.65rem;align-items:stretch}
.pd-qty{display:inline-flex;align-items:center;border:1px solid #f0dcd5;border-radius:14px;overflow:hidden;background:#fff;flex:0 0 auto}
.pd-qty button{width:42px;height:48px;border:0;background:var(--soft);font-size:1.2rem;font-weight:900;color:var(--dark)}
.pd-qty input{width:48px;height:48px;border:0;text-align:center;font-weight:800;font-size:1rem}
.pd-add{flex:1;height:48px;border-radius:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}
.pd-wa{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.65rem;height:46px;border-radius:14px;border:1px solid #25d366;color:#128c7e;text-decoration:none;font-weight:800;background:#f3fff7}
.pd-wa:hover{background:#25d366;color:#fff}

.pd-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:1rem}
.pd-perk{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;background:var(--soft);border-radius:14px;padding:.75rem .4rem;font-size:.75rem;font-weight:700;color:#5a3a34}
.pd-perk i{color:var(--brand);font-size:1.15rem}
.pd-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.82rem;color:#8a6a63}
.pd-meta b{color:#333}

.pd-details{margin-top:1.75rem;padding:1.25rem 1.35rem;background:var(--soft);border-radius:18px;border:1px solid #f0dcd5}
.pd-details-title{font-size:1.1rem;font-weight:900;margin:0 0 .75rem;color:var(--dark)}
.pd-details p{margin:0;color:#555;line-height:1.8}

.pd-related{padding:2rem 0 2.5rem;background:var(--soft)}
.pd-sticky-buy{
  position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-bottom));
  z-index:1025;display:flex;align-items:center;gap:.55rem;
  padding:.55rem .75rem;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);
  border-top:1px solid #f0dcd5;box-shadow:0 -8px 24px rgba(74,13,9,.08);
}
.pd-sticky-price{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.pd-sticky-price small{font-size:.65rem;color:#8a6a63;font-weight:700}
.pd-sticky-price strong{color:var(--brand);font-size:1rem;font-weight:900;white-space:nowrap}
.pd-sticky-qty{display:inline-flex;align-items:center;border:1px solid #f0dcd5;border-radius:12px;overflow:hidden;background:#fff;flex:0 0 auto}
.pd-sticky-qty button{width:34px;height:40px;border:0;background:var(--soft);font-weight:900;color:var(--dark)}
.pd-sticky-qty span{min-width:28px;text-align:center;font-weight:800;font-size:.95rem}
.pd-sticky-buy .btn{flex:1;height:40px;border-radius:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;font-size:.9rem;padding:0 .6rem}
body:has(.pd-page){padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 72px)}

@media(max-width:991.98px){
  .pd-page{padding:.65rem 0 1.1rem}
  .pd-crumbs{margin-bottom:.7rem;font-size:.75rem}
  .pd-layout{grid-template-columns:1fr;gap:.9rem}
  .pd-gallery{position:static}
  .pd-main-img{border-radius:16px}
  .pd-main-img img{aspect-ratio:4/3;max-height:46vh;width:100%;object-fit:cover}
  .pd-thumbs{margin-top:.55rem}
  .pd-thumb{flex:0 0 56px;width:56px;height:56px;border-radius:12px}
  .pd-title{font-size:1.28rem;margin-bottom:.55rem}
  .pd-price-row{margin-bottom:.75rem}
  .pd-price span{font-size:1.35rem}
  .pd-desc{font-size:.9rem;margin-bottom:.9rem;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .pd-perks{gap:.4rem}
  .pd-perk{padding:.55rem .2rem;font-size:.68rem;border-radius:12px}
  .pd-buy-row{display:none} /* الكمية والإضافة عبر الشريط الثابت */
  .pd-wa{margin-top:.35rem;margin-bottom:1rem}
  .pd-details{padding:1rem;border-radius:14px;margin-top:1rem}
  .pd-related{padding:1.35rem 0 1.75rem}
  .pd-sticky-buy{
    padding:.55rem .75rem;
    bottom:calc(var(--tabbar-h) + var(--safe-bottom));
  }
}

@media(min-width:992px){
  .pd-sticky-buy{display:none!important}
  body:has(.pd-page){padding-bottom:0}
}

/* ========== Mobile ========== */
@media (max-width:991.98px){
  body{padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 8px)}
  .main-nav{padding:.4rem 0}
  .main-nav .navbar-brand img{height:42px}
  .topbar-inner{justify-content:center;gap:.4rem;padding:.38rem 0;min-height:38px}
  .topbar-chip{font-size:.75rem;padding:.22rem .48rem .22rem .22rem;gap:.35rem;background:rgba(74,13,9,.07)}
  .topbar-ico{width:20px;height:20px;font-size:.68rem}
  .topbar-sep{width:3px;height:3px}
  .site-footer{padding:.85rem 0 1rem}
  .footer-copy{font-size:.75rem;line-height:1.45;max-width:22rem}
  .wa-float{display:none!important}

  .hero-slider,.hero-slider .carousel-item{
    height:min(62vh,520px);
    min-height:420px;
    max-height:none;
    aspect-ratio:auto;
  }
  .hero-overlay{background:linear-gradient(180deg,rgba(74,13,9,.25) 0%,rgba(74,13,9,.55) 38%,rgba(29,5,3,.92) 100%)}
  .slide-bg{background-position:center center}
  .slide-content{
    position:absolute;inset:0;z-index:2;
    padding:1.1rem 0 2.8rem;
    display:flex;flex-direction:column;justify-content:flex-end;
    box-sizing:border-box;
  }
  .slide-content .container{width:100%}
  .slide-content .badge-since{font-size:.75rem;padding:5px 12px;align-self:flex-start}
  .slide-content h1{
    font-size:clamp(1.35rem,6vw,1.75rem)!important;
    line-height:1.32;
    margin-top:.55rem!important;
    margin-bottom:0!important;
  }
  .slide-content .lead{
    font-size:.88rem;
    line-height:1.5;
    margin:.55rem 0 .85rem!important;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    opacity:.95;
  }
  .slide-actions{gap:.5rem}
  .slide-content .btn{
    font-size:.86rem;
    padding:.62rem 1.05rem!important;
    border-radius:12px;
  }
  .slide-content .btn-lg{font-size:.86rem}
  .slide-content .btn-outline-light{padding:.62rem .95rem!important}
  .hero-slider .carousel-indicators{margin-bottom:.55rem}
  .hero-slider .carousel-indicators button{width:22px;height:4px}
  .hero-slider .carousel-indicators .active{width:34px}
  .hero-slider .ctrl{display:none}

  .features{padding:.9rem 0!important}
  .features i{font-size:1.45rem}
  .features h6{font-size:.82rem;margin-top:4px}
  .section-title{font-size:1.35rem;margin-bottom:1.4rem}
  .cat-card{padding:16px 8px;border-radius:14px}
  .cat-card i{font-size:1.85rem}
  .cat-card h6{font-size:.86rem;margin-top:8px}
  #filters{gap:.4rem!important;justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:.35rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #filters::-webkit-scrollbar{display:none}
  .filter-btn{flex:0 0 auto;font-size:.82rem;padding:5px 14px}
  .p-card .tag{font-size:.72rem;top:8px;right:8px;padding:2px 9px}
  .price{font-size:1.05rem}
  .stat{padding:12px 8px}.stat b{font-size:1.2rem}.stat span{font-size:.75rem}
  .splash-logo{width:min(260px,68vw)}
  .splash-text{font-size:1rem}
  .splash-glow{width:280px;height:280px}
}

@media (max-width:575.98px){
  .hero-slider,.hero-slider .carousel-item{height:min(58vh,480px);min-height:390px}
  .slide-content{padding:1rem .15rem 2.55rem}
  .slide-content h1{font-size:1.32rem!important}
  .slide-content .lead{-webkit-line-clamp:2}
  .slide-actions .btn-outline-light{display:none}
}

@media (min-width:992px){
  .mobile-tabbar,.mobile-search-panel{display:none!important}
  body{padding-bottom:0}
}