/* صفحة تفاصيل المنتج — إيزيليا */
[hidden]{display:none!important}
body.pdp .bottom-nav,body.pdp .sticky-bar{display:none!important}
body.pdp .lulu-btn{bottom:92px}
@media(min-width:900px){body.pdp .lulu-btn{bottom:24px}}
.pd,.pd-bar,.pd-guide,.pd-chat,.pd-modal,.pd-drawer,.pd-zoomm,.pd-dback{--pk:#d4247a;--pu:#9a4dff;--ink:#2b0a1f;--mu:#8a6a7e;--bd:rgba(212,36,122,.14);--gr:linear-gradient(120deg,#d4247a 0%,#e0359b 45%,#9a4dff 100%)}
.pd{position:relative;max-width:1840px;margin:0 auto;padding:0 12px 120px;color:var(--ink);font-family:inherit}
@media(min-width:900px){.pd{padding:0 20px 60px}}
.pd svg{width:1em;height:1em;flex-shrink:0}
.pd .grad,.pd-guide .grad,.pd-drawer .grad{background:linear-gradient(100deg,#a8185f,#d4247a 40%,#c93ea3 70%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
:where(.pd button,.pd-bar button,.pd-guide button,.pd-chat button,.pd-modal button,.pd-drawer button,.pd-zoomm button){font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
.pd-bar svg,.pd-guide svg,.pd-chat svg,.pd-modal svg,.pd-drawer svg,.pd-zoomm svg{width:1em;height:1em;flex-shrink:0}

/* شريط الخصوصية */
.pd-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;margin:0 -12px 10px;padding:8px 14px;background:linear-gradient(90deg,#fff0f7,#f3e8ff);border-bottom:1px solid var(--bd);font-size:11.5px;font-weight:700;color:#5d3150;text-align:center}
.pd-strip-a{display:inline-flex;align-items:center;gap:6px;color:var(--pk);font-weight:900}
.pd-strip-a svg{font-size:14px}
.pd-strip-c{color:var(--mu);font-weight:600}
@media(min-width:900px){.pd-strip{margin:0 0 12px;border-radius:0 0 16px 16px}}

/* الشريط العلوي */
.pd-top{display:flex;align-items:center;gap:10px;padding:8px 0 12px}
.pd-ib{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.85);border:1px solid var(--bd)!important;box-shadow:0 4px 12px rgba(168,24,95,.1);font-size:19px;color:var(--ink);position:relative;transition:transform .2s,box-shadow .2s;flex-shrink:0}
.pd-ib:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(168,24,95,.2)}
.pd-ib:active{transform:scale(.94)}
.pd-fav.on,.pd-fav.active,.pd-fav[aria-pressed=true]{color:var(--pk)}
.pd-fav.on svg,.pd-fav.active svg,.pd-fav[aria-pressed=true] svg{fill:var(--pk)}
.pd-crumb{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--mu);white-space:nowrap;overflow:hidden}
.pd-crumb a{color:var(--mu);transition:color .2s}
.pd-crumb a:hover{color:var(--pk)}
.pd-crumb i{font-style:normal;opacity:.5}
.pd-crumb span{color:var(--ink);overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){.pd-crumb a:first-child,.pd-crumb a:first-child+i{display:none}}
.pd-top-act{display:flex;gap:8px;margin-inline-start:auto}
.pd-cbadge{position:absolute;top:-4px;inset-inline-start:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--gr);color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid #fff;font-style:normal}
.pd-cbadge.bounce{animation:pdBounce .32s}
@keyframes pdBounce{50%{transform:scale(1.4)}}

/* البطاقة */
.pd-card{background:rgba(255,255,255,.82);border:1px solid var(--bd);border-radius:28px;box-shadow:0 14px 38px rgba(168,24,95,.12);overflow:clip;display:grid;grid-template-columns:minmax(0,1fr);backdrop-filter:blur(14px)}
@media(min-width:900px){.pd-card{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;border-radius:34px}}
.pd-gal{padding:12px;display:flex;flex-direction:column;gap:12px;min-width:0}
@media(min-width:900px){.pd-gal{padding:20px;position:sticky;top:110px;align-self:start}}
.pd-g{position:relative;aspect-ratio:1/1;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#ffe4f0,#f3e8ff);touch-action:pan-y}
.pd-track{display:flex;height:100%;width:100%;transition:transform .45s cubic-bezier(.23,1,.32,1)}
.pd-slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.pd-slide img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.pd-slide .img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(212,36,122,.4)}
.pd-slide .img-ph svg{width:64px;height:64px}
.pd-gb{position:absolute;top:12px;inset-inline-start:12px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
.pd-gbadge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:900;color:#fff;box-shadow:0 6px 14px rgba(0,0,0,.18);backdrop-filter:blur(6px)}
.pd-gbadge svg{font-size:12px}
.pd-gbadge.brand{background:var(--gr)}
.pd-gbadge.green{background:linear-gradient(135deg,#10b981,#059669)}
.pd-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 6px 16px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink);transition:transform .2s,background .2s}
.pd-arr:hover{background:#fff;transform:translateY(-50%) scale(1.08)}
.pd-arr.next{left:10px}
.pd-arr.prev{right:10px}
.pd-count{position:absolute;bottom:12px;left:12px;z-index:3;padding:4px 11px;border-radius:999px;background:rgba(43,10,31,.62);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(6px);direction:ltr}
.pd-zoom{position:absolute;top:12px;left:12px;z-index:3;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.pd-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:6px}
.pd-dots span{width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.7);transition:all .3s;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.pd-dots span.on{width:22px;background:#fff}
.pd-thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.pd-thumbs::-webkit-scrollbar{display:none}
.pd-th{flex:0 0 62px;width:62px;height:62px;border-radius:14px;overflow:hidden;border:2px solid transparent!important;opacity:.7;transition:all .25s;background:#fff;padding:0}
.pd-th img{width:100%;height:100%;object-fit:cover}
.pd-th.on{border-color:var(--pk)!important;opacity:1;box-shadow:0 6px 14px rgba(212,36,122,.3)}
.pd-unbox{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#fff0f7,#f3e8ff);border:1px dashed rgba(212,36,122,.4)!important;text-align:start;transition:transform .2s,box-shadow .2s}
.pd-unbox:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(168,24,95,.16)}
.pd-unbox-ic{width:42px;height:42px;border-radius:14px;background:var(--gr);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.pd-unbox-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pd-unbox-tx b{font-size:13px;font-weight:900}
.pd-unbox-tx small{font-size:11px;color:var(--mu);font-weight:600}
.pd-unbox-go{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:900;color:var(--pk);white-space:nowrap}

/* التفاصيل */
.pd-info{padding:16px 16px 20px;display:flex;flex-direction:column;gap:14px;min-width:0}
@media(min-width:900px){.pd-info{padding:26px 26px 26px 20px}}
.pd-prow{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pd-pl{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pd-price{font-size:30px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(100deg,#a8185f,#d4247a 45%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;line-height:1.1}
.pd-old{font-size:15px;color:var(--mu);text-decoration:line-through;font-weight:700}
.pd-disc{padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,#ff4d94,#d4247a);color:#fff;font-size:11px;font-weight:900}
.pd-avail{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#059669}
.pd-avail i{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:pdPulse 2s infinite}
.pd-avail.out{color:#b91c1c}.pd-avail.out i{background:#ef4444;animation:none}
@keyframes pdPulse{70%{box-shadow:0 0 0 7px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
.pd-lowbox{padding:11px 13px;border-radius:16px;background:linear-gradient(135deg,#fff7ed,#ffe4e6);border:1px solid rgba(244,63,94,.25)}
.pd-lowtop{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;color:#9f1239}
.pd-lowtop span{display:inline-flex;align-items:center;gap:5px}
.pd-lowtop svg{color:#f97316;font-size:15px}
.pd-lowbar{height:7px;border-radius:999px;background:rgba(244,63,94,.15);margin-top:8px;overflow:hidden}
.pd-lowbar div{height:100%;border-radius:999px;background:linear-gradient(90deg,#f97316,#e11d48);transition:width .5s}
.pd-chip{align-self:flex-start;padding:4px 12px;border-radius:999px;background:rgba(154,77,255,.12);color:#7c3aed;font-size:11px;font-weight:900}
.pd-title{font-size:21px;line-height:1.45;font-weight:900;margin:0;color:var(--ink);text-wrap:balance}
@media(min-width:900px){.pd-title{font-size:27px}}
.pd-short{margin:0;font-size:13.5px;line-height:1.9;color:#5d3150;font-weight:600}
.pd-rrow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pd-rate{display:inline-flex;align-items:center;gap:7px;font-size:13px}
.pd-rate b{font-weight:900}
.pd-rate u{color:var(--mu);text-decoration:none;font-size:12px;font-weight:700}
.pd-cod{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(16,185,129,.12);color:#047857;font-size:11.5px;font-weight:800}
.pd-cod svg{font-size:14px}
.pd-stars{display:inline-flex;gap:1px;direction:ltr}
.pd-stars .st{width:15px;height:15px;stroke:none}
.pd-stars.sm .st{width:12px;height:12px}
.pd-stars.lg .st{width:20px;height:20px}
.pd-stars .st.full{fill:#fbbf24}
.pd-stars .st.half{fill:url(#pdHalf)}
.pd-stars .st.off{fill:#e5dde2}

/* الأبعاد */
.pd-dims{padding:14px;border-radius:22px;background:linear-gradient(160deg,#fff,#fff6fb);border:1px solid var(--bd);box-shadow:0 8px 22px rgba(168,24,95,.08);display:flex;flex-direction:column;gap:12px;position:relative}
.pd-dh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pd-dt{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:900}
.pd-ic{width:30px;height:30px;border-radius:10px;background:var(--gr);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.pd-ic.sm{width:24px;height:24px;border-radius:8px;font-size:13px}
.pd-link{font-size:12px;font-weight:800;color:var(--pk);text-decoration:underline;text-underline-offset:4px}
.pd-sb-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
.pd-sb{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:16px;background:#fff;border:1px solid var(--bd);text-align:center;min-width:0}
.pd-sb.feat{background:linear-gradient(135deg,#fff0f7,#f3e8ff);border-color:rgba(212,36,122,.35)}
.pd-sb-ic{color:var(--pk);font-size:18px;display:flex}
.pd-sb-l{font-size:10.5px;font-weight:700;color:var(--mu)}
.pd-sb-v{font-size:19px;font-weight:900;line-height:1.1}
.pd-sb-u{font-size:10px;color:var(--mu);font-weight:700}
.pd-pickh{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:900}
.pd-pickh span{display:inline-flex;align-items:center;gap:6px}
.pd-pickh svg{color:var(--pk);font-size:15px}
.pd-pickh small{font-size:11px;color:var(--mu);font-weight:700}
.pd-sizes{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.pd-sizes.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pd-sizes.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:420px){.pd-sizes.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pd-dim{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:86px;padding:16px 6px 10px;border-radius:18px;background:#fff;border:2px solid rgba(212,36,122,.16)!important;transition:all .25s;text-align:center}
.pd-dim:hover{border-color:rgba(212,36,122,.5)!important;transform:translateY(-2px)}
.pd-dim.active{border-color:var(--pk)!important;background:linear-gradient(160deg,#fff0f7,#f6ebff);box-shadow:0 10px 24px rgba(212,36,122,.28)}
.pd-dim.soldout{opacity:.5;cursor:not-allowed;background:#f6f1f4}
.pd-dim.soldout .pd-dim-n{text-decoration:line-through}
.pd-dim-b{position:absolute;top:-9px;left:50%;transform:translateX(-50%);padding:2px 9px;border-radius:999px;color:#fff;font-size:9.5px;font-weight:900;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.pd-dim-n{font-size:14px;font-weight:900}
.pd-dim-s{display:flex;align-items:baseline;gap:3px;direction:rtl}
.pd-dim-s b{font-size:18px;font-weight:900;color:var(--pk)}
.pd-dim-s i{font-style:normal;font-size:10px;color:var(--mu);font-weight:700}
.pd-dim-sub{font-size:10.5px;color:var(--mu);font-weight:700}
.pd-ask{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:48px;border-radius:16px;background:linear-gradient(120deg,#2b0a1f,#5d1a47 55%,#7c3aed);color:#fff!important;font-size:13px;font-weight:900;box-shadow:0 10px 24px rgba(93,26,71,.4)}
.pd-ask svg{font-size:18px}
.pd-ask em{font-style:normal;display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.18);font-size:10px;font-weight:900}
.pd-ask em i{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}
.pd-ask-sh{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translateX(120%);animation:pdSh 3.4s infinite}
@keyframes pdSh{60%,100%{transform:translateX(-120%)}}

/* خيارات أخرى + ألوان */
.pd-opt,.pd-col{display:flex;flex-direction:column;gap:10px}
.pd-opt-h,.pd-colh{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:900}
.pd-opt-h{justify-content:flex-start;gap:8px}
.pd-colt{display:inline-flex;align-items:center;gap:7px}
.pd-colh small{font-size:11px;color:var(--mu);font-weight:700}
.pd-pills{display:flex;flex-wrap:wrap;gap:8px}
.pd-pill{padding:9px 16px;border-radius:999px;background:#fff;border:2px solid rgba(212,36,122,.18)!important;font-size:12.5px;font-weight:800;transition:all .2s}
.pd-pill:hover{border-color:rgba(212,36,122,.5)!important}
.pd-pill.active{background:var(--gr);color:#fff;border-color:transparent!important;box-shadow:0 8px 18px rgba(212,36,122,.35)}
.pd-colors{display:flex;flex-wrap:wrap;gap:12px}
.pd-ci{display:flex;flex-direction:column;align-items:center;gap:5px;width:58px}
.pd-cc{position:relative;width:46px;height:46px;border-radius:50%;padding:3px;border:2px solid rgba(212,36,122,.18);background:#fff;transition:all .25s;display:block}
.pd-cin{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);background-size:cover;background-position:center}
.pd-ci:hover .pd-cc{transform:scale(1.08)}
.pd-ci.active .pd-cc{border-color:var(--pk);box-shadow:0 8px 18px rgba(212,36,122,.4)}
.pd-ci.active .pd-cc:after{content:"";position:absolute;bottom:-3px;inset-inline-end:-3px;width:18px;height:18px;border-radius:50%;background:var(--gr) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat;border:2px solid #fff}
.pd-cl{font-size:10.5px;font-weight:700;color:var(--mu);text-align:center;line-height:1.3}
.pd-ci.active .pd-cl{color:var(--pk);font-weight:900}

/* الأزرار */
.pd-act{display:none;gap:10px;margin-top:4px}
@media(min-width:900px){.pd-act{display:flex}}
.pd-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:54px;border-radius:999px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s;text-decoration:none}
.pd-btn svg{font-size:19px}
.pd-btn.add{background:#fff;color:var(--pk);border:2px solid var(--pk)!important}
.pd-btn.add:hover{background:#fff0f7}
.pd-btn.buy{background:var(--gr);color:#fff;box-shadow:0 12px 28px rgba(212,36,122,.45)}
.pd-btn:hover{transform:translateY(-2px)}
.pd-btn:active{transform:scale(.97)}
.pd-btn.busy,.pd-bar button.busy{opacity:.6;pointer-events:none}

/* الأقسام */
.pd-accs{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.pd-acc{background:rgba(255,255,255,.88);border:1px solid var(--bd);border-radius:22px;box-shadow:0 6px 18px rgba(168,24,95,.07);overflow:hidden;scroll-margin-top:110px}
.pd-ah{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;text-align:start}
.pd-aic{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#ffe4f0,#f3e8ff);color:var(--pk);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.pd-acc.open .pd-aic{background:var(--gr);color:#fff}
.pd-at{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.pd-at span{font-size:14.5px;font-weight:900}
.pd-at small{font-size:11px;color:var(--mu);font-weight:700}
.pd-aar{font-size:20px;color:var(--mu);transition:transform .35s;display:flex}
.pd-acc.open .pd-aar{transform:rotate(180deg);color:var(--pk)}
.pd-ab{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.23,1,.32,1)}
.pd-acc.open .pd-ab{grid-template-rows:1fr}
.pd-ac{overflow:hidden;min-height:0;padding:0 16px;transition:padding .4s}
.pd-acc.open .pd-ac{padding:2px 16px 18px}
.pd-desc{margin:0;font-size:13.5px;line-height:2.05;color:#4a2840;font-weight:600}
.pd-desc p{margin:0 0 12px}
.pd-desc h4{margin:16px 0 6px;font-size:14.5px;font-weight:900;color:#2a1120;line-height:1.6}
.pd-desc h4:first-child{margin-top:0}
.pd-desc ul,.pd-desc ol{margin:0 0 12px;padding:0 20px 0 0;display:grid;gap:5px}
.pd-desc ul{list-style:none;padding-right:0}
.pd-desc ul li{position:relative;padding-right:20px}
.pd-desc ul li::before{content:"";position:absolute;right:2px;top:.9em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#ff4fa0,#a855f7)}
.pd-desc li b{color:#2a1120;font-weight:900}
.pd-desc>*:last-child{margin-bottom:0}
.pd-spec{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px dashed rgba(212,36,122,.18);font-size:13px}
.pd-spec:last-child{border:0}
.pd-spec .k{color:var(--mu);font-weight:700;flex-shrink:0}
.pd-spec .v{font-weight:900;text-align:end}
.pd-feats,.pd-ships,.pd-steps,.pd-faq{display:flex;flex-direction:column;gap:10px}
.pd-feat{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.85;font-weight:600;color:#4a2840}
.pd-feat b{color:var(--ink);font-weight:900}
.pd-feat .ck{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:2px}
.pd-step{padding:12px 13px;border-radius:16px;background:linear-gradient(135deg,#fff7fb,#f8f1ff);border:1px solid var(--bd)}
.pd-step-h{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:900}
.pd-step-h .n{width:26px;height:26px;border-radius:50%;background:var(--gr);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.pd-step p{margin:6px 0 0;padding-inline-start:36px;font-size:12.5px;line-height:1.85;color:#5d3150;font-weight:600}
.pd-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:16px;font-size:12.5px;line-height:1.85;font-weight:700}
.pd-note svg{font-size:18px;margin-top:2px}
.pd-note.warn{background:#fff7ed;border:1px solid rgba(249,115,22,.3);color:#9a3412}
.pd-note.ok{background:#ecfdf5;border:1px solid rgba(16,185,129,.3);color:#065f46}
.pd-ship{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.85;font-weight:600;color:#4a2840}
.pd-ship b{color:var(--ink);font-weight:900}
.si{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#ffe4f0,#f3e8ff);color:var(--pk);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.si.g{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}

/* التقييمات */
.pd-sum{display:flex;gap:18px;align-items:center;padding:14px;border-radius:18px;background:linear-gradient(135deg,#fff7fb,#f8f1ff);border:1px solid var(--bd);margin-bottom:14px;flex-wrap:wrap}
.pd-sum-n{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:92px}
.pd-sum-n .big{font-size:40px;font-weight:900;line-height:1}
.pd-sum-n small{font-size:11px;color:var(--mu);font-weight:700}
.pd-bars{flex:1;min-width:170px;display:flex;flex-direction:column;gap:5px}
.pd-bar{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:var(--mu)}
.pd-bar .n{width:10px;text-align:center}
.pd-bar .t{flex:1;height:7px;border-radius:999px;background:rgba(212,36,122,.12);overflow:hidden}
.pd-bar .f{height:100%;border-radius:999px;background:linear-gradient(90deg,#fbbf24,#f59e0b)}
.pd-bar .pc{width:32px;text-align:end}
.pd-rform{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;border:1px dashed rgba(212,36,122,.35);margin-bottom:14px;background:#fff}
.pd-rform>b{font-size:13.5px;font-weight:900}
.pd-rstars{display:flex;gap:4px;direction:ltr;justify-content:flex-end}
.pd-rstars button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0}
.pd-rstars svg{width:28px;height:28px;fill:#e5dde2;stroke:none;transition:transform .15s,fill .15s}
.pd-rstars button.on svg{fill:#fbbf24}
.pd-rstars button:hover svg{transform:scale(1.15)}
.pd-rf-row{display:flex;gap:8px}
.pd-rf-row input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(212,36,122,.25);background:#fffafd;font-family:inherit;font-size:13px;color:var(--ink);outline:none}
.pd-rf-row input:focus{border-color:var(--pk);box-shadow:0 0 0 3px rgba(212,36,122,.12)}
.pd-rf-row input.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.pd-rsend{height:44px;padding:0 20px;border-radius:14px;background:var(--gr)!important;color:#fff!important;font-size:12.5px;font-weight:900;white-space:nowrap;flex-shrink:0}
.pd-rsend:disabled{opacity:.6}
.pd-rlist{display:flex;flex-direction:column;gap:10px}
.pd-rv{padding:13px 14px;border-radius:16px;background:#fff;border:1px solid var(--bd)}
.pd-rv .h{display:flex;align-items:center;gap:9px}
.pd-rv .h b{font-size:13px;font-weight:900;flex:1;min-width:0}
.pd-rv .av{width:32px;height:32px;border-radius:50%;background:var(--gr);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;flex-shrink:0}
.pd-rv p{margin:8px 0 4px;font-size:13px;line-height:1.85;font-weight:600;color:#4a2840}
.pd-rv small{font-size:11px;color:var(--mu);font-weight:700}
.pd-empty{margin:0;text-align:center;font-size:12.5px;color:var(--mu);font-weight:700;padding:8px}
.pd-qa{padding:13px 14px;border-radius:16px;background:#fff;border:1px solid var(--bd);display:flex;flex-direction:column;gap:10px}
.pd-qa .q,.pd-qa .a{display:flex;gap:10px;align-items:flex-start}
.pd-qa p{margin:0;font-size:13px;line-height:1.85;font-weight:700;flex:1;min-width:0}
.pd-qa .a p{font-weight:600;color:#4a2840}
.pd-qa .b{width:26px;height:26px;border-radius:9px;background:var(--gr);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0}
.pd-qa .b.g{background:linear-gradient(135deg,#10b981,#059669)}
.pd-help{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#fff0f7;font-size:11.5px;font-weight:800;color:var(--pk);transition:all .2s}
.pd-help svg{font-size:14px}
.pd-help.on{background:var(--gr);color:#fff}

/* ذات صلة */
.pd-rel{margin-top:22px}
.pd-relh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.pd-relh h3{margin:0;display:flex;align-items:center;gap:8px;font-size:17px;font-weight:900}
.pd-all{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:800;color:var(--pk)}
.pd-relscroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;scrollbar-width:none}
.pd-relscroll::-webkit-scrollbar{display:none}
.pd-rc{position:relative;flex:0 0 158px;scroll-snap-align:start;background:#fff;border-radius:22px;border:1px solid var(--bd);box-shadow:0 8px 20px rgba(168,24,95,.1);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s}
@media(min-width:700px){.pd-rc{flex-basis:210px}}
.pd-rc:hover{transform:translateY(-4px)}
.pd-rc-hit{position:absolute;inset:0;z-index:1}
.pd-rc-img{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,#ffe4f0,#f3e8ff);overflow:hidden}
.pd-rc-img img{width:100%;height:100%;object-fit:cover}
.pd-rc-img .img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(212,36,122,.4)}
.pd-rc-b{position:absolute;top:8px;inset-inline-start:8px;z-index:2;padding:3px 9px;border-radius:999px;font-size:9.5px;font-weight:900;color:#fff;background:var(--gr)}
.pd-rc-b.new{background:linear-gradient(135deg,#06b6d4,#0891b2)}
.pd-rc-b.sale{background:linear-gradient(135deg,#ff4d94,#d4247a)}
.pd-rc-b.hot{background:linear-gradient(135deg,#f97316,#e11d48)}
.pd-rc-fav{position:absolute;top:8px;inset-inline-end:8px;z-index:3;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink)}
.pd-rc-fav.on svg,.pd-rc-fav.active svg,.pd-rc-fav[aria-pressed=true] svg{fill:var(--pk);color:var(--pk)}
.pd-rc-info{padding:10px 11px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.pd-rc-info h4{margin:0;font-size:12.5px;font-weight:800;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.pd-rc-r{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800}
.pd-rc-r span{color:var(--mu);font-weight:700}
.pd-rc-p{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pd-rc-p span{font-size:15px;font-weight:900;color:var(--pk)}
.pd-rc-p small{font-size:10px;margin-inline-start:3px;color:var(--mu);font-weight:700}
.pd-rc-p s{font-size:11px;color:var(--mu);font-weight:700}
.pd-rc-add{position:relative;z-index:3;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:999px;background:var(--gr)!important;color:#fff!important;font-size:12px;font-weight:900;text-decoration:none}
.pd-rc-add svg{font-size:15px}
.pd-rc-add.added{background:linear-gradient(135deg,#10b981,#059669)!important}
.pd-rc-add.off{background:#f3e8ee!important;color:var(--mu)!important}
.pd-hint{display:flex;justify-content:center;gap:6px;margin-top:6px}
.pd-hint span{width:6px;height:6px;border-radius:999px;background:rgba(212,36,122,.25);transition:all .3s}
.pd-hint span.on{width:20px;background:var(--pk)}

/* بار الجوال */
.pd-bar{position:fixed;inset-inline:0;bottom:0;z-index:8600;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border-top:1px solid var(--bd);box-shadow:0 -10px 30px rgba(168,24,95,.16)}
@media(min-width:900px){.pd-bar{display:none}}
.pd-bar button{height:50px;border-radius:999px;font-size:13.5px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.pd-bar-cart{position:relative;width:50px;flex-shrink:0;background:#fff0f7!important;color:var(--pk)!important;font-size:22px}
.pd-bar-add{flex:1;background:#fff!important;color:var(--pk)!important;border:2px solid var(--pk)!important}
.pd-bar-buy{flex:1.2;background:var(--gr)!important;color:#fff!important;box-shadow:0 8px 20px rgba(212,36,122,.4)}
.pd-bar svg{font-size:18px}

/* نوافذ عامة */
.pd-guide,.pd-chat,.pd-modal,.pd-zoomm{position:fixed;inset:0;z-index:9500;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.pd-guide.open,.pd-chat.open,.pd-modal.open,.pd-zoomm.open{opacity:1;visibility:visible}

/* دليل المقاسات */
.pd-guide{background:linear-gradient(160deg,#fff5fa,#f4e9ff);overflow-y:auto;transform:translateY(24px);transition:opacity .3s,visibility .3s,transform .35s}
.pd-guide.open{transform:none}
.pd-guide-in{max-width:760px;margin:0 auto;padding:0 14px 40px;color:#2b0a1f}
.pd-guide-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 0;background:linear-gradient(#fff5fa 70%,rgba(255,245,250,0))}
.pd-guide-tt{flex:1;display:flex;flex-direction:column;text-align:center}
.pd-guide-tt b{font-size:16px;font-weight:900}
.pd-guide-tt small{font-size:11px;color:#8a6a7e;font-weight:700}
.pd-guide-hero{position:relative;overflow:hidden;display:flex;gap:14px;align-items:center;padding:18px;border-radius:24px;background:linear-gradient(135deg,#4d0a2c,#7d1146 45%,#9a4dff);color:#fff;margin-bottom:18px}
.pd-guide-hero .glow{position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(255,120,190,.45);filter:blur(60px);top:-60px;left:-40px}
.pd-guide-hero .gi{position:relative;width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}
.pd-guide-hero>div{position:relative;min-width:0}
.pd-guide-hero small{font-size:11px;font-weight:800;opacity:.85;letter-spacing:.05em}
.pd-guide-hero h2{margin:3px 0 6px;font-size:19px;line-height:1.4;font-weight:900}
.pd-guide-hero h2 span{color:#ffc4de}
.pd-guide-hero p{margin:0;font-size:12.5px;line-height:1.85;opacity:.92;font-weight:600}
.pd-guide-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:900;margin:0 0 10px}
.pd-tblw{overflow-x:auto;border-radius:20px;border:1px solid var(--bd);background:#fff;box-shadow:0 8px 22px rgba(168,24,95,.1)}
.pd-tbl{width:100%;border-collapse:collapse;font-size:13px;text-align:center}
.pd-tbl th{padding:12px 8px;background:linear-gradient(135deg,#ffe4f0,#f3e8ff);font-size:11.5px;font-weight:900;white-space:nowrap}
.pd-tbl td{padding:12px 8px;border-top:1px solid rgba(212,36,122,.1);font-weight:700}
.pd-tbl td:first-child{font-weight:900}
.pd-tbl td.hi{color:var(--pk,#d4247a);font-weight:900}
.pd-tbl tr.on td{background:#fff0f7}
.pd-guide-cta{margin-top:18px}
.pd-guide-cta button{width:100%;height:52px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(120deg,#d4247a,#9a4dff);color:#fff;font-size:14px;font-weight:900;box-shadow:0 12px 26px rgba(212,36,122,.4)}
.pd-guide-cta svg{font-size:19px}

/* شات المقاس */
.pd-chat{background:rgba(43,10,31,.5);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;z-index:9600}
@media(min-width:700px){.pd-chat{align-items:center}}
.pd-chat-p{width:100%;max-width:440px;height:min(640px,88vh);display:flex;flex-direction:column;background:#fff8fc;border-radius:28px 28px 0 0;overflow:hidden;box-shadow:0 -20px 60px rgba(0,0,0,.3);transform:translateY(40px);transition:transform .4s cubic-bezier(.23,1,.32,1)}
@media(min-width:700px){.pd-chat-p{border-radius:28px}}
.pd-chat.open .pd-chat-p{transform:none}
.pd-chat-h{display:flex;align-items:center;gap:11px;padding:14px 16px;background:linear-gradient(120deg,#4d0a2c,#b3236f 60%,#9a4dff);color:#fff}
.pd-chat-h .av{position:relative;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}
.pd-chat-h .av i{position:absolute;bottom:0;inset-inline-end:0;width:11px;height:11px;border-radius:50%;background:#4ade80;border:2px solid #7d1146}
.pd-chat-h .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.pd-chat-h .tx b{font-size:15px;font-weight:900}
.pd-chat-h .tx em{font-style:normal;font-size:9.5px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.2);margin-inline-start:6px}
.pd-chat-h .tx small{display:flex;align-items:center;gap:5px;font-size:11px;opacity:.9}
.pd-chat-h .tx small i{width:6px;height:6px;border-radius:50%;background:#4ade80}
.pd-chat-h .x{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:18px}
.pd-chat-b{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.cm{max-width:86%;padding:10px 14px;border-radius:18px;font-size:13px;line-height:1.8;font-weight:700;animation:pdIn .3s}
@keyframes pdIn{from{opacity:0;transform:translateY(8px)}}
.cm.bot{align-self:flex-start;background:#fff;border:1px solid var(--bd,rgba(212,36,122,.14));border-end-start-radius:6px;color:#2b0a1f}
.cm.user{align-self:flex-end;background:linear-gradient(120deg,#d4247a,#9a4dff);color:#fff;border-end-end-radius:6px}
.cm .tdots{display:inline-flex;gap:4px;padding:4px 0}
.cm .tdots span{width:7px;height:7px;border-radius:50%;background:#d4247a;opacity:.5;animation:pdDot 1s infinite}
.cm .tdots span:nth-child(2){animation-delay:.15s}.cm .tdots span:nth-child(3){animation-delay:.3s}
@keyframes pdDot{50%{opacity:1;transform:translateY(-4px)}}
.cm.rec{max-width:94%;width:94%;background:linear-gradient(135deg,#fff0f7,#f3e8ff);border:1px solid rgba(212,36,122,.35);display:flex;flex-direction:column;gap:8px}
.cm.rec .rt{font-size:12px;font-weight:900;color:#d4247a}
.cm.rec .ri{padding:10px 12px;border-radius:14px;background:#fff}
.cm.rec .ri b{font-size:18px;font-weight:900}
.cm.rec .rr{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:6px;font-size:11.5px;color:#5d3150}
.cm.rec .ra{font-size:12.5px;font-weight:700;color:#5d3150}
.pd-chat-o{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px;min-height:8px}
.co{padding:11px 16px;border-radius:999px;background:#fff;border:2px solid rgba(212,36,122,.3)!important;color:#d4247a;font-size:13px;font-weight:900;text-align:center;transition:all .2s;font-family:inherit;cursor:pointer}
.co:hover{background:#fff0f7}
.co.ap{background:linear-gradient(120deg,#d4247a,#9a4dff);color:#fff;border-color:transparent!important;box-shadow:0 10px 22px rgba(212,36,122,.4)}
.co.rs{border-color:rgba(138,106,126,.35)!important;color:#8a6a7e}

/* نافذة التغليف */
.pd-modal{background:rgba(43,10,31,.55);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:16px}
.pd-modal-box{position:relative;width:100%;max-width:440px;max-height:88vh;overflow-y:auto;background:#fff;border-radius:26px;padding:22px 18px 20px;box-shadow:0 30px 70px rgba(0,0,0,.35);transform:scale(.94);transition:transform .3s;color:#2b0a1f}
.pd-modal.open .pd-modal-box{transform:none}
.pd-modal-box h3{margin:0 0 6px;display:flex;align-items:center;gap:9px;font-size:17px;font-weight:900;padding-inline-end:40px}
.pd-modal-box h3 svg{color:#d4247a;font-size:22px}
.pd-modal-box>p{margin:0 0 14px;font-size:12.5px;line-height:1.85;color:#8a6a7e;font-weight:600}
.pd-modal-x{position:absolute;top:14px;inset-inline-end:14px;width:36px;height:36px;border-radius:50%;background:#fff0f7!important;color:#d4247a!important;display:flex;align-items:center;justify-content:center;font-size:18px}
.pd-usteps{display:flex;flex-direction:column;gap:10px}
.pd-ust{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:16px;background:linear-gradient(135deg,#fff7fb,#f8f1ff);border:1px solid rgba(212,36,122,.14)}
.pd-ust>span{width:28px;height:28px;border-radius:50%;background:linear-gradient(120deg,#d4247a,#9a4dff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0}
.pd-ust b{display:block;font-size:13px;font-weight:900}
.pd-ust small{display:block;font-size:11.5px;line-height:1.7;color:#8a6a7e;font-weight:600;margin-top:2px}

/* السلة الجانبية */
.pd-dback{position:fixed;inset:0;z-index:9700;background:rgba(43,10,31,.5);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.pd-dback.open{opacity:1;visibility:visible}
.pd-drawer{position:fixed;top:0;bottom:0;left:0;z-index:9800;width:min(420px,100%);display:flex;flex-direction:column;background:#fff8fc;box-shadow:20px 0 60px rgba(0,0,0,.3);transform:translateX(-102%);visibility:hidden;transition:transform .4s cubic-bezier(.23,1,.32,1),visibility .4s;color:#2b0a1f}
.pd-drawer.open{transform:none;visibility:visible}
.pd-dh2{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(212,36,122,.14);background:#fff}
.pd-dh2 b{font-size:17px;font-weight:900}
.pd-ditems{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.pd-dempty{margin:auto;text-align:center;display:flex;flex-direction:column;gap:6px;padding:30px 10px}
.pd-dempty b{font-size:15px;font-weight:900}
.pd-dempty small{color:#8a6a7e;font-size:12px;font-weight:700}
.pd-di{display:flex;gap:11px;padding:10px;border-radius:18px;background:#fff;border:1px solid rgba(212,36,122,.14);box-shadow:0 4px 12px rgba(168,24,95,.06)}
.pd-di.bad{border-color:#f87171;background:#fff5f5}
.pd-di-img{width:70px;height:70px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#ffe4f0,#f3e8ff);flex-shrink:0;display:block}
.pd-di-img img{width:100%;height:100%;object-fit:cover}
.pd-di-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.pd-di-t{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.pd-di-t .n{font-size:12.5px;font-weight:800;line-height:1.5;color:#2b0a1f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pd-di-t .rm{color:#8a6a7e;font-size:17px;display:flex;padding:2px;cursor:pointer;background:none;border:0}
.pd-di-t .rm:hover{color:#e11d48}
.pd-di .o{font-size:11px;color:#8a6a7e;font-weight:700}
.pd-di-bt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.pd-di-bt>b{font-size:14px;font-weight:900}
.pd-di .q{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:999px;background:#fff0f7}
.pd-di .q button{width:28px;height:28px;border-radius:50%;background:#fff;color:#d4247a;font-size:16px;font-weight:900;box-shadow:0 2px 6px rgba(168,24,95,.15);border:0;cursor:pointer;font-family:inherit}
.pd-di .q span{min-width:24px;text-align:center;font-size:13px;font-weight:900}
.pd-dfoot{padding:14px;background:#fff;border-top:1px solid rgba(212,36,122,.14);display:flex;flex-direction:column;gap:9px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
.pd-coupon{display:flex;gap:8px}
.pd-coupon input{flex:1;min-width:0;height:42px;padding:0 14px;border-radius:12px;border:1px dashed rgba(212,36,122,.4);background:#fffafd;font-family:inherit;font-size:13px;outline:none;text-align:start}
.pd-coupon input:focus{border-color:#d4247a}
.pd-coupon button{height:42px;padding:0 16px;border-radius:12px;background:#2b0a1f;color:#fff;font-size:12.5px;font-weight:900;border:0;cursor:pointer;font-family:inherit}
.pd-trow{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:#5d3150}
.pd-trow b{font-weight:900;color:#2b0a1f}
.pd-trow b.g{color:#059669}
.pd-trow em{font-style:normal;font-size:11px;color:#8a6a7e}
.pd-trow.tot{padding-top:9px;border-top:1px dashed rgba(212,36,122,.3);font-size:15px}
.pd-trow.tot b{font-size:20px}
.pd-codn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ecfdf5;border:1px solid rgba(16,185,129,.3)}
.pd-codn>div{flex:1;min-width:0;display:flex;flex-direction:column}
.pd-codn b{font-size:12.5px;font-weight:900;color:#065f46}
.pd-codn small{font-size:11px;color:#047857;font-weight:600}
.pd-codn>svg{color:#10b981;font-size:20px}
.pd-go{display:flex;align-items:center;justify-content:center;height:52px;border-radius:999px;background:linear-gradient(120deg,#d4247a,#e0359b 45%,#9a4dff);color:#fff;font-size:14.5px;font-weight:900;box-shadow:0 12px 26px rgba(212,36,122,.45);text-decoration:none}
.pd-go.off{opacity:.45;box-shadow:none;cursor:not-allowed}

/* التكبير */
.pd-zoomm{background:rgba(20,5,14,.94);display:flex;align-items:center;justify-content:center;z-index:9900}
.pd-zoomm img{max-width:96vw;max-height:90vh;object-fit:contain;border-radius:12px}
.pd-zoomm .x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));inset-inline-end:14px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.16)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:20px;border:0}
.pd-zoomm .x svg,.pd-guide svg,.pd-chat svg,.pd-modal svg,.pd-drawer svg,.pd-dempty svg{width:1em;height:1em}

@media(prefers-reduced-motion:reduce){.pd *,.pd-drawer,.pd-chat-p,.pd-guide,.pd-modal-box{animation:none!important;transition:none!important}}

/* الجوال: حواف داخلية رفيعة جداً */
@media(max-width:899px){
  .pd-gal{padding:4px;gap:8px}
  .pd-info{padding:12px 9px 16px}
  .pd-ah{padding:12px 10px}
  .pd-ac{padding:0 10px}
  .pd-acc.open .pd-ac{padding:2px 10px 16px}
  .pd-card,.pd-acc{border-radius:20px}
  .pd-relh{padding-inline:6px}
}

/* مزايا الشراء تحت الأزرار (للشاشات الكبيرة، تملأ فراغ عمود التفاصيل) */
.pd-trust{display:none}
@media(min-width:900px){
  .pd-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
  .pd-tr{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#fff,#fff0f7);border:1px solid var(--bd)}
  .pd-tr .si{flex:none;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#ffe4f0,#f3e8ff);color:var(--pk);display:grid;place-items:center;font-size:19px}
  .pd-tr b{display:block;font-size:13.5px;font-weight:900;color:var(--ink)}
  .pd-tr small{display:block;font-size:11.5px;font-weight:700;color:var(--mu);line-height:1.6}
}
/* منتجات قد تعجبك: نفس كرت المتجر؛ شبكة على الشاشات الكبيرة وتمرير على الجوال */
@media(min-width:900px){
  .pd-relrow{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;overflow:visible;padding:8px 2px}
  .pd-relrow .prod-card{width:auto!important}
  #pdHint{display:none}
}
@media(min-width:900px){.pd-g{aspect-ratio:5/4}}
@media(min-width:1500px){.pd-card{grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr)}}

/* شريط علوي بسيط: رجوع ◂ ... ♡ مشاركة */
.pd-top{justify-content:space-between;padding:6px 0 10px}
.pd-top-act{margin-inline-start:0}
@media(max-width:899px){
  .pd-thumbs{display:none!important}
  .pd-top{padding:6px 4px 8px}
  /* السلة: ورقة سفلية بنصف الشاشة بدل تغطية الشاشة كاملة */
  .pd-drawer{top:auto;right:0;left:0;bottom:0;width:100%;height:min(56vh,520px);border-radius:26px 26px 0 0;box-shadow:0 -16px 50px rgba(43,10,31,.35);transform:translateY(104%)}
  .pd-drawer.open{transform:none}
  .pd-drawer::before{content:"";flex:none;width:44px;height:5px;border-radius:5px;background:rgba(43,10,31,.18);margin:8px auto 0}
}
@media(max-width:899px){
  body.pdp .site-header,body.pdp .announce,body.pdp .announce-bar{display:none!important}
  body.pdp{padding-top:0!important}
  .pd-top{position:sticky;top:0;z-index:50;background:linear-gradient(#fff8fc,rgba(255,248,252,.92));backdrop-filter:blur(8px);padding:8px 6px}
}

/* ═══ تبويبات المنتج (بدل الأكورديون): صفّان أو ثلاثة بحسب العرض ═══ */
.pd-tabbar{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding:6px;background:rgba(255,255,255,.7);border:1px solid var(--bd);border-radius:18px;scroll-margin-top:90px}
.pd-tab{flex:1 1 auto;min-width:0;padding:8px 10px;border-radius:12px;font-size:12px;font-weight:700;line-height:1.3;text-align:center;white-space:nowrap;color:var(--tx2,#6b4a5c);background:transparent;transition:background .2s,color .2s,box-shadow .2s}
.pd-tab:hover{background:rgba(236,72,153,.08)}
.pd-tab.on{background:var(--gr);color:#fff;box-shadow:0 4px 12px rgba(168,24,95,.25)}
.pd-tab:focus-visible{outline:2px solid var(--pk);outline-offset:1px}
.pd-tabs-on{gap:0;margin-top:8px}
.pd-tabs-on .pd-acc{display:none;margin-top:0;border-top-left-radius:0}
.pd-tabs-on .pd-acc.open{display:block}
.pd-tabs-on .pd-ah{display:none}
.pd-tabs-on .pd-ab{grid-template-rows:1fr}
.pd-tabs-on .pd-acc.open .pd-ac{padding:16px}
@media(max-width:480px){.pd-tab{font-size:11.5px;padding:7px 8px}.pd-tabs-on .pd-acc.open .pd-ac{padding:14px 12px}}
.pd-help .h0{display:none}.pd-help.zero .hn,.pd-help.zero .hl{display:none}.pd-help.zero .h0{display:inline}