/* صفحة القسم زي إيكيا (archive-product.php) */
:root,:root[data-skin=shop]{--c-bg:#fff;--c-soft:#f3f2ef;--c-ink:#1c1b19;--c-mute:#6b665c;--c-line:#e4e1da;--c-on:#6a4327}
:root[data-skin=night]{--c-bg:#16151b;--c-soft:#1e1d24;--c-ink:#f2efe8;--c-mute:#8e8898;--c-line:#26252c;--c-on:#e2be74}
.cp{--gut:16px;padding:10px var(--gut) 40px;color:var(--c-ink)}
.cp svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cp__crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font:500 13px/1.6 var(--fb);color:var(--c-mute)}
.cp__crumbs a{color:var(--c-mute);text-decoration:none}
.cp__crumbs a:hover{color:var(--c-ink);text-decoration:underline}
.cp__crumbs [aria-current]{color:var(--c-ink)}
.cp__h{display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap;margin:6px 0 4px}
/* العدد يفضل جنب العنوان: كان بينزل سطر بالخط الاحتياطي ويطلع لما الخط يحمّل، فالمنتجات كلها بتتنطّ (البحث، 8 أكتوبر) */
.cp__h h1{min-width:0}
.cp__h p{flex:none;white-space:nowrap}
.cp__h h1{margin:0;font:800 26px/1.2 var(--fd)}
.cp__h p{margin:0;color:var(--c-mute);font:500 14px/1 var(--fb)}

/* الأقسام الفرعية */
.cs{margin:0 calc(-1 * var(--gut))}
.cs__t{display:flex;gap:10px;overflow-x:auto;padding:10px var(--gut) 8px;scroll-padding-inline:var(--gut);scrollbar-width:none}
.cs__t::-webkit-scrollbar{display:none}
.cs__i{flex:0 0 96px;display:grid;gap:6px;text-decoration:none;color:var(--c-ink)}
.cs__img{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--c-soft);border:2px solid transparent;font:700 14px/1 var(--fb);color:var(--c-mute)}
.cs__img img{width:100%;height:100%;object-fit:cover}
.cs__n{font:600 13px/1.3 var(--fb);text-align:center}
.cs__i.is-on .cs__img{border-color:var(--c-ink)}
.cs__i.is-on .cs__n{font-weight:800}

/* صورة الغرفة بنقاط الشراء */
.crm{position:relative;margin:14px 0 4px;border-radius:14px;overflow:hidden;background:var(--c-soft)}
.crm>img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover}
.crm__s{position:absolute;inset-inline-start:var(--x);top:var(--y)}
.crm__dot{width:28px;height:28px;margin:-14px;border:0;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 0 0 6px rgba(255,255,255,.35),0 2px 8px rgba(0,0,0,.3);cursor:pointer;position:relative}
.crm__dot::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--c-ink)}
.crm__card{position:absolute;top:22px;inset-inline-start:-20px;z-index:2;display:grid;gap:2px;min-width:170px;padding:10px 12px;border-radius:10px;background:var(--c-bg);color:var(--c-ink);text-decoration:none;box-shadow:0 10px 26px -10px rgba(0,0,0,.45);font:500 13px/1.4 var(--fb)}
.crm__card b{font-weight:700}

/* الفلاتر */
.cf{position:sticky;top:var(--hdr-h,56px);z-index:30;margin:12px calc(-1 * var(--gut)) 0;padding:8px var(--gut);background:var(--bg)}
.cf__bar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.cf__bar::-webkit-scrollbar{display:none}
.cf__all,.cf__chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-bg);color:var(--c-ink);font:600 14px/1 var(--fb);cursor:pointer;text-decoration:none;list-style:none;white-space:nowrap}
.cf__chip::-webkit-details-marker{display:none}
.cf__all svg{width:18px;height:18px}
.cf__chip svg{width:14px;height:14px;transition:transform .2s}
.cf__d[open] .cf__chip svg{transform:rotate(180deg)}
.cf__all b,.cf__chip b{min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--c-ink);color:var(--c-bg);font:700 11px/20px var(--fb);text-align:center}
.cf__chip.is-on,.cf__d[open] .cf__chip{border-color:var(--c-ink)}
.cf__all{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}
.cf__all b{background:var(--c-bg);color:var(--c-ink)}
.cf__d{position:static}
.cf__p{position:fixed;inset:auto 0 0 0;z-index:70;max-height:70vh;overflow:auto;padding:14px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--c-bg);box-shadow:0 -12px 40px rgba(0,0,0,.25);display:grid;gap:2px}
.cf__d[open]::before{content:"";position:fixed;inset:0;z-index:69;background:rgba(0,0,0,.35)}
.cf__o{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 6px;border-radius:8px;color:var(--c-ink);text-decoration:none;font:500 15px/1.3 var(--fb)}
.cf__o:hover{background:var(--c-soft)}
.cf__o span{flex:1}
.cf__o small{color:var(--c-mute);font:500 13px/1 var(--fb)}
.cf__ck{flex:none;width:20px;height:20px;border:1.5px solid var(--c-mute);border-radius:4px;position:relative}
.cf__o--r .cf__ck{border-radius:50%}
.cf__o.is-on .cf__ck{background:var(--c-ink);border-color:var(--c-ink)}
.cf__o.is-on .cf__ck::after{content:"";position:absolute;inset:3px 6px 6px;border:solid var(--c-bg);border-width:0 2px 2px 0;transform:rotate(45deg)}
.cf__o--r.is-on .cf__ck::after{inset:5px;border:0;border-radius:50%;background:var(--c-bg);transform:none}
.cf__ck--sw{border-radius:50%;background:var(--sw);border-color:rgba(0,0,0,.15)}
.cf__o.is-on .cf__ck--sw{background:var(--sw);box-shadow:0 0 0 2px var(--c-bg),0 0 0 3.5px var(--c-ink)}
.cf__o.is-on .cf__ck--sw::after{display:none}
.cf__on{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cf__on a{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--c-soft);color:var(--c-ink);text-decoration:none;font:600 13px/1 var(--fb)}
.cf__on a svg{width:14px;height:14px}
.cf__on .cf__clear{background:none;text-decoration:underline}

/* الشبكة */
.cg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.cmore{display:grid;justify-items:center;gap:10px;margin:28px 0 8px}
.cmore p{margin:0;color:var(--c-mute);font:500 14px/1 var(--fb)}
.cmore__bar{width:200px;height:3px;border-radius:3px;background:var(--c-line);overflow:hidden}
.cmore__bar i{display:block;height:100%;background:var(--c-ink)}
.cmore__b{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 28px;border-radius:999px;border:1.5px solid var(--c-ink);color:var(--c-ink);text-decoration:none;font:700 15px/1 var(--fb)}
.cmore__b:hover{background:var(--c-ink);color:var(--c-bg)}
.cmore__b.is-busy{opacity:.5;pointer-events:none}
.cempty{display:grid;justify-items:center;gap:12px;padding:36px 16px 44px;text-align:center;color:var(--c-mute);border:1px dashed var(--c-line,var(--line));border-radius:16px;margin:12px 0}
.cempty p{margin:0;font:700 18px/1.5 var(--fb);color:var(--c-ink)}
.cempty__s{font:500 14px/1.6 var(--fb);color:var(--c-mute)}
.cempty__c{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}
.cempty__c a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1.5px solid var(--c-line,var(--line));border-radius:999px;font:600 13.5px var(--fb)!important;color:var(--c-ink)}
.cempty a{color:var(--c-ink);font:700 14.5px var(--fb)}

/* النصيحة */
.ctip{margin-top:34px;padding:18px;border-radius:14px;background:var(--c-soft)}
.ctip h2{margin:0 0 6px;font:800 18px/1.3 var(--fd)}
.ctip p{margin:0;max-width:75ch;color:var(--c-mute);font:500 14.5px/1.8 var(--fb)}

/* اللوحة الجانبية */
.cdr{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.4)}
.cdr[hidden]{display:none}
.cdr__in{position:absolute;inset:0 0 0 auto;width:min(420px,100%);display:flex;flex-direction:column;background:var(--c-bg);color:var(--c-ink);animation:cdrIn .28s var(--ease)}
[dir=rtl] .cdr__in{inset:0 auto 0 0}
@keyframes cdrIn{from{transform:translateX(-30px);opacity:0}}
.cdr__h{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 18px 12px;border-bottom:1px solid var(--c-line)}
.cdr__h h2{margin:0;font:800 19px/1.2 var(--fd)}
.cdr__x{width:40px;height:40px;border:0;border-radius:50%;background:var(--c-soft);display:grid;place-items:center;color:var(--c-ink);cursor:pointer}
.cdr__x svg{width:18px;height:18px}
.cdr__b{flex:1;overflow:auto;padding:4px 18px 18px}
.cdr__g{padding:14px 0;border-bottom:1px solid var(--c-line)}
.cdr__g h3{margin:0 0 6px;font:700 15px/1.2 var(--fb)}
.cdr__f{display:flex;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--c-line)}
.cdr__clr{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1.5px solid var(--c-ink);color:var(--c-ink);text-decoration:none;font:700 14.5px var(--fb)}
.cdr__go{flex:1;min-height:46px;border:0;border-radius:999px;background:var(--c-ink);color:var(--c-bg);font:700 15px var(--fb);cursor:pointer}
body.cdr-open{overflow:hidden}

@media (min-width:900px){
 .cp{--gut:var(--wrap-pad);max-width:var(--wrap-max);margin:0 auto;padding-top:18px}
 .cp__h h1{font-size:34px}
 .cs__i{flex-basis:120px}
 .cf__d{position:relative}
 .cf__p{position:absolute;inset:calc(100% + 8px) auto auto 0;min-width:260px;max-height:420px;padding:8px;border-radius:14px;border:1px solid var(--c-line);box-shadow:0 18px 40px -16px rgba(0,0,0,.35)}
 [dir=rtl] .cf__p{inset:calc(100% + 8px) 0 auto auto}
 .cf__d[open]::before{background:transparent}
 .cf__bar{overflow:visible;flex-wrap:wrap}
 .cg{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
 .ctip{padding:24px 28px}
}
@media (min-width:600px) and (max-width:899px){.cg{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cf:has(.cf__d[open]){z-index:90}
body:has(.cf__d[open]) .wa,body.cdr-open .wa{visibility:hidden}
/* عرض الشاشة كامل: أعمدة أكتر على الشاشات الكبيرة */
@media (min-width:1600px){.cg{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:2000px){.cg{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* نتايج البحث: انتقل إلى الفئة، الأكثر بحثًا (30 سبتمبر) */
.sx{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 14px}
.sx b{font:700 13px/1.4 var(--fb);color:var(--c-mute)}
.sx a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--c-line);border-radius:999px;color:var(--c-ink);font:600 13.5px/1 var(--fb);text-decoration:none;background:var(--c-bg)}
.sx a small{color:var(--c-mute);font-size:12px}
.sx a:hover{border-color:var(--c-ink)}
.sxp{margin:26px 0 10px}.sxp h2{margin:0 0 10px;font:800 17px/1.4 var(--fd)}
.sxp__l{display:flex;flex-wrap:wrap;gap:8px}
.sxp__l a{min-height:38px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--c-line);border-radius:999px;color:var(--c-ink);font:600 13.5px/1 var(--fb);text-decoration:none}
.sxi{margin-top:26px}
/* نص القسم للسيو (14 أكتوبر): تحت المنتجات، نفس شكل النصيحة */
.cseo{margin-top:34px;padding:18px;border-radius:14px;border:1px solid var(--c-line,rgba(0,0,0,.08))}
.cseo h2{margin:0 0 8px;font:800 18px/1.3 var(--fd)}
.cseo p{margin:0 0 8px;max-width:75ch;color:var(--c-mute);font:500 14.5px/1.8 var(--fb)}
.cseo p:last-child{margin-bottom:0}