/* كشك التاجر — امتداد التصميم v5: أشكال الأزرار والبطاقات والشعار، أقسام جديدة، تقييمات */

/* ── أشكال الأزرار (body.btn-*) ─────────────────────────────── */
.btn-pill .k-btn,.btn-pill .k-cart,.btn-pill .k-input{border-radius:999px}
.btn-square .k-btn,.btn-square .k-cart,.btn-square .k-input,.btn-square .k-opt label{border-radius:6px}
.btn-square .k-cart b{border-radius:4px}

/* ── شكل بطاقات الأقسام (body.card-*) ────────────────────────── */
.card-square .k-tile .ph{aspect-ratio:1/1}
.card-square.tile-cover .k-tile .ph img{object-fit:contain;padding:12%;background:#fff}
.card-portrait .k-tile .ph{aspect-ratio:3/4}
.card-portrait .k-tile .nm{font-size:14px}

/* ── حجم الشعار (body.logo-*) ────────────────────────────────── */
.logo-sm .k-brand img{width:32px;height:32px;border-radius:9px}
.logo-sm .k-brand{font-size:15px}
.logo-lg .k-brand img{width:52px;height:52px;border-radius:14px}
.logo-lg .k-head .wrap{min-height:76px}
.logo-lg .k-brand{font-size:19px}

/* ── قسم العرض بعدّاد ────────────────────────────────────────── */
.k-offer{margin-top:34px;padding:18px;border-radius:calc(var(--r) + 4px);background:linear-gradient(135deg,color-mix(in srgb,var(--ka) 14%,var(--card)),color-mix(in srgb,var(--kp) 10%,var(--card)));border:1px solid color-mix(in srgb,var(--ka) 35%,var(--line))}
.k-offer-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.k-offer-head h2{margin:0;font-size:22px;line-height:1.3}
.k-offer-head p{margin:4px 0 0;color:var(--muted);font-size:14px}
.k-count{display:flex;gap:6px;direction:ltr}
.k-count>div{display:flex;flex-direction:column;align-items:center;min-width:58px;padding:8px 6px;border-radius:var(--r-sm);background:var(--kd, #111420);color:#fff}
.k-count b{font-size:22px;line-height:1;font-variant-numeric:tabular-nums;font-weight:800}
.k-count span{font-size:11px;opacity:.75;margin-top:4px}
.k-offer-badge{position:absolute;top:10px;inset-inline-start:10px;z-index:1;background:var(--ka);color:var(--ka-on);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}
.mode-dark .k-offer{background:linear-gradient(135deg,color-mix(in srgb,var(--ka) 18%,transparent),color-mix(in srgb,var(--kp) 14%,transparent))}

/* ── أرقامنا ─────────────────────────────────────────────────── */
.k-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:760px){.k-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.k-stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 14px;text-align:center;box-shadow:var(--sh-1)}
.k-stat b{display:block;font-size:30px;line-height:1.1;color:var(--kp-t);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.k-stat span{display:block;color:var(--muted);font-size:13px;margin-top:6px}
.mode-dark .k-stat{background:var(--card)}

/* ── التقييمات ───────────────────────────────────────────────── */
.k-verified{display:inline-block;font-size:11px;font-weight:700;color:#15803d;background:color-mix(in srgb,#15803d 10%,transparent);border-radius:999px;padding:1px 8px;margin-inline-start:4px}
.k-reviews figcaption time{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:2px}
.k-reviews .k-muted{color:var(--muted)}

/* ── شريط الأقسام المتحرّك ───────────────────────────────────── */
.k-marquee{overflow:hidden;margin-inline:-16px;padding:6px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.k-marquee-track{display:flex;gap:10px;width:max-content;animation:k-marquee 40s linear infinite}
.k-marquee.speed-slow .k-marquee-track{animation-duration:70s}
.k-marquee.speed-fast .k-marquee-track{animation-duration:22s}
.k-marquee:hover .k-marquee-track,.k-marquee:focus-within .k-marquee-track{animation-play-state:paused}
.k-marquee a{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink);font-weight:700;font-size:13px;white-space:nowrap}
.k-marquee a img{width:36px;height:36px;border-radius:999px;object-fit:cover}
@keyframes k-marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (prefers-reduced-motion: reduce){.k-marquee-track{animation:none;flex-wrap:wrap;width:auto}}

/* ── فيديو ───────────────────────────────────────────────────── */
.k-video-box{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;box-shadow:var(--sh-2, 0 10px 30px rgba(0,0,0,.15))}
.k-video-box img,.k-video-box iframe,.k-video-blank{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.k-video-blank{background:linear-gradient(135deg,var(--kp),var(--kd, #111420))}
.k-video-play{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:999px;border:0;background:var(--kp);color:var(--kp-on);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .15s}
.k-video-play:hover{transform:scale(1.06)}
.k-video-play svg{width:32px;height:32px;margin-inline-start:4px}
.k-video-cap{margin:10px 0 0;color:var(--muted);font-size:14px;text-align:center}

/* ── فوق: عنوان القسم مع وسم عدّ ──────────────────────────────── */
.k-sec small{white-space:nowrap}

/* شبكتا الترند تحت مدخلي المتجر */
.k-trend{margin-top:26px}
.k-trend .k-sec{margin:0 0 12px}
.k-trend .k-sec h2{display:flex;align-items:center;gap:8px}
.k-fire{font-size:20px;line-height:1;filter:drop-shadow(0 2px 6px rgba(255,120,0,.35))}
.k-trend .k-sec a.more{display:inline-flex;align-items:center;gap:4px}
.k-trend .k-sec a.more svg{width:14px;height:14px}
.k-trend-grid .bd{display:flex;gap:4px;flex-wrap:wrap}
.k-rank{background:linear-gradient(135deg,#ff7a00,#ffb800)!important;color:#1d2030!important;font-weight:800}
@media(min-width:900px){.k-trend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* الترند على الجوّال: 3 أعمدة ببطاقات أصغر */
@media(max-width:619px){.k-trend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.k-trend-grid .k-tile .bd{top:6px;inset-inline-start:6px;gap:3px}.k-trend-grid .k-tile .bd span{padding:2px 6px;font-size:9.5px}.k-trend-grid .k-tile .bd span:not(.k-rank){display:none}.k-trend-grid .k-tile .tx{padding:8px 8px 10px}.k-trend-grid .k-tile .nm{font-size:12.5px;line-height:1.35;min-height:2.7em}}
@media(max-width:619px){.k-trend-grid .k-tile .nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}