/* هوية شركة الوليد التجارية — حزمة luxe · قالب grid */
:root{--paper:#F6F3EC;--surface:#FFFFFF;--img-bg:#FFFFFF;--stripe:#EEE9DF;--text:#121214;--text-2:#46423B;--text-3:#67625A;--edge:#121214;--line:#CCC4B4;--ink:#121214;--on-ink:#F3F0E9;--ink-hover:#2E2E30;--chrome:#0B0B0D;--on-chrome:#EFE9DC;--volt:#A88423;--on-volt:#121214;--deal:#B3321F;--on-deal:#FFFFFF;--ok:#1E7B45;--warn:#B45309;--radius-sm:12px;--radius-lg:20px;--radius-pill:999px;--bw-1:1px;--bw-2:1px;--shadow-1:0 12px 32px rgba(0,0,0,.28);--shadow-2:0 16px 44px rgba(0,0,0,.38);--shadow-3:0 28px 70px rgba(0,0,0,.5);--font-head:'Cairo', 'Alexandria', sans-serif;--font-body:'IBM Plex Sans Arabic', sans-serif;--fw-head:800;--fw-body:400;--scale-head:1;--track-head:0;--lh-body:1.75;--sp:4px;--dens:1.1;--container:1340px;--card-img-pad:22px;--btn-pad:14px 26px;--hdr-h:78px;--grid-gap:20px;--icon-sw:1.6}html[data-mode="dark"]{color-scheme:dark;--paper:#050505;--surface:#0C0C0E;--img-bg:#FFFFFF;--stripe:#121215;--text:#F5F2E9;--text-2:#C2BCB0;--text-3:#A8ADB5;--edge:#6F6656;--line:#3B393E;--ink:#F5F2E9;--on-ink:#050505;--ink-hover:#FFFFFF;--chrome:#050505;--on-chrome:#F5F2E9;--volt:#D4AF37;--on-volt:#050505;--deal:#E8725F;--on-deal:#0B0B0D;--ok:#4ADE80;--warn:#FBBF24;--radius-sm:12px;--radius-lg:20px;--radius-pill:999px;--bw-1:1px;--bw-2:1px;--shadow-1:0 12px 32px rgba(0,0,0,.28);--shadow-2:0 16px 44px rgba(0,0,0,.38);--shadow-3:0 28px 70px rgba(0,0,0,.5);--font-head:'Cairo', 'Alexandria', sans-serif;--font-body:'IBM Plex Sans Arabic', sans-serif;--fw-head:800;--fw-body:400;--scale-head:1;--track-head:0;--lh-body:1.75;--sp:4px;--dens:1.1;--container:1340px;--card-img-pad:22px;--btn-pad:14px 26px;--hdr-h:78px;--grid-gap:20px;--icon-sw:1.6}
/* طريقة العرض: شبكة */
@media (max-width: 560px) {
  :where(body:not(.admin)) .listing .grid4:not(.list) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  :where(body:not(.admin)) .listing .grid4:not(.list) .pcard { display: flex; flex-direction: column; }
  :where(body:not(.admin)) .listing .grid4:not(.list) .pcard .imgw { width: auto; margin: 6px; padding: 10px; aspect-ratio: 1; display: grid; place-items: center; }
  :where(body:not(.admin)) .listing .grid4:not(.list) .pcard a > .body { padding: 6px 10px 0; gap: 2px; }
  :where(body:not(.admin)) .listing .grid4:not(.list) .pcard > .body { padding: 4px 10px 10px; gap: 4px; margin-top: auto; justify-content: flex-start; }
  :where(body:not(.admin)) .listing .grid4:not(.list) .pcard .nm { font-size: 13px; -webkit-line-clamp: 2; min-height: 2.9em; }
  :where(body:not(.admin)) .listing .grid4:not(.list) .pcard .sp { display: none; }
  :where(body:not(.admin)) .listing .grid4:not(.list) .pcard .pr { font-size: 15px; }
  :where(body:not(.admin)) .listing .grid4:not(.list) .pcard .add { min-height: 40px; padding: 6px; font-size: 13px; }
  :where(body:not(.admin)) .listing .grid4:not(.list) .pcard :is(.fav-btn, .cmp-btn) { inset-inline-start: auto; inset-inline-end: 8px; top: 8px; transform: scale(.85); }
  :where(body:not(.admin)) .listing .grid4:not(.list) .pcard .cmp-btn { top: 50px; }
}
@media (max-width: 760px) {
  :where(body:not(.admin)) .listing .grid4.list { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  :where(body:not(.admin)) .listing .grid4.list .pcard { display: grid; grid-template-columns: 38% minmax(0, 1fr); grid-template-areas: "img info" "img buy"; grid-template-rows: auto 1fr; }
  :where(body:not(.admin)) .listing .grid4.list .pcard:hover { transform: none; }
  :where(body:not(.admin)) .listing .grid4.list .pcard .imgw { grid-area: img; width: auto; margin: 8px; padding: 12px; align-self: stretch; display: flex; align-items: center; justify-content: center; aspect-ratio: auto; min-height: 132px; }
  :where(body:not(.admin)) .listing .grid4.list .pcard a > .body { grid-area: info; min-width: 0; padding: 14px 4px 0; padding-inline: 4px 14px; gap: 4px; border-inline-start: 0; }
  :where(body:not(.admin)) .listing .grid4.list .pcard > .body { grid-area: buy; min-width: 0; padding: 6px 4px 12px; padding-inline: 4px 14px; gap: 6px; justify-content: flex-end; margin-top: 0; border-inline-start: 0; }
  :where(body:not(.admin)) .listing .grid4.list .pcard .nm { min-height: 0; -webkit-line-clamp: 3; font-size: 15px; }
  :where(body:not(.admin)) .listing .grid4.list .pcard :is(.sp, .desc) { display: none; }
  :where(body:not(.admin)) .listing .grid4.list .pcard .prw { margin-top: 0; padding-top: 0; }
  :where(body:not(.admin)) .listing .grid4.list .pcard .pr { font-size: 19px; }
  :where(body:not(.admin)) .listing .grid4.list .pcard .add { margin-top: 2px; min-height: 44px; padding: 8px; }
  :where(body:not(.admin)) .listing .grid4.list .pcard :is(.fav-btn, .cmp-btn) { inset-inline-end: auto; inset-inline-start: 14px; transform: scale(.9); }
}
/* طابع الحزمة: فواصل الشبكات مستقلة بدل الفسيفساء */
:where(body:not(.admin)) :is(.grid4, .cats-rail .rail, .best-row) { background: transparent; border: 0; }
:where(body:not(.admin)) :is(.pcard, .cats-rail .rail > a, .best-item) { border: var(--bw-1) solid var(--line); box-shadow: none; }
