.btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    min-height: 44px; padding: 8px 14px; border-radius: 12px; border: 1px solid #e7e5e4;
    background: #fff; color: #1c1917; cursor: pointer; text-decoration: none; font-weight: 700; font: inherit;
}
.btn.primary { background: var(--brand, #3b1f3a); color: var(--on-brand, #fff); border-color: transparent; }
.btn.danger { color: #9b1c1c; }
.btn.ghost { background: transparent; }
.btn:disabled { opacity: .45; cursor: not-allowed; }
.field { display: grid; gap: 6px; margin-bottom: 12px; font-weight: 700; }
[hidden] { display: none !important; }
.field input, .field select, .field textarea {
    width: 100%; min-height: 46px; border: 1px solid #e7e5e4; border-radius: 12px; padding: 10px 12px; font: inherit; background: #fff; color: #1c1917;
}
.actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.ph { display: grid; place-items: center; background: #efeae3; color: var(--brand, #3b1f3a); font-weight: 800; font-size: 2rem; }
.ph.big { height: 180px; border-radius: 16px; margin-bottom: 12px; }
.off { color: #9b1c1c; font-style: normal; font-weight: 800; }
.was { color: #78716c; margin-inline-end: 6px; }
.price { color: var(--brand, #3b1f3a); }
.price-note { display: block; color: #57534e; font-weight: 600; }
.product-blurb {
    margin: 0 0 10px;
    font-family: "Tajawal", "IBM Plex Sans Arabic", "Cairo", sans-serif;
    font-size: .92rem;
    font-weight: 500;
    line-height: 1.75;
    color: #6d5c66;
}
.muted { color: #57534e; }
.flash { border-radius: 14px; padding: 12px 14px; margin: 0 0 14px; font-weight: 700; }
.flash.ok { background: #e7f6ee; color: #0f6b3c; }
.flash.bad { background: #fdecec; color: #9b1c1c; }
body.no-scroll { overflow: hidden; }

.modal-back {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: none;
    padding: 16px;
    background: rgba(20, 16, 12, .46);
    overflow: auto;
}
.modal-back.is-open { display: grid; align-items: center; justify-items: center; }
.sheet {
    width: min(560px, 100%);
    max-height: min(92vh, 920px);
    overflow: auto;
    background: #fff;
    color: #1c1917;
    border-radius: 22px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}
.sheet-sm { width: min(420px, 100%); }
.sheet-head, .sheet-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
}
.sheet-head {
    position: sticky;
    top: 0;
    z-index: 2;
    background:
        radial-gradient(circle at 88% 10%, rgba(201,162,39,.38), transparent 38%),
        linear-gradient(135deg, #2b142c, var(--brand, #3b1f3a));
    color: #fff;
    border-radius: 22px 22px 0 0;
}
.sheet-head .kicker { color: #f4d27a; letter-spacing: .14em; }
.sheet-head h3 { margin: 0; font-size: 1.25rem; }
.sheet-body { padding: 16px 18px 8px; }
.sheet-foot { position: sticky; bottom: 0; background: #fff; border-top: 1px solid #eee; }
.kicker { margin: 0 0 2px; font-size: .75rem; font-weight: 800; letter-spacing: .04em; opacity: .8; }
.x {
    width: 44px; height: 44px; border: 0; border-radius: 12px;
    background: rgba(255,255,255,.18); color: inherit; font-size: 28px; line-height: 1; cursor: pointer;
}
.thumbs { display: flex; gap: 8px; overflow: auto; padding: 12px 18px 0; }
.thumbs img, .thumb img { width: 72px; height: 72px; object-fit: cover; border-radius: 12px; }
.thumb { position: relative; }
.thumb button {
    position: absolute; top: -6px; left: -6px; width: 28px; height: 28px;
    border: 0; border-radius: 50%; background: #9b1c1c; color: #fff; cursor: pointer;
}
.sheet.order-sheet { width: min(920px, 100%); }
.order-sheet .sheet-head h3 a { color: #f4d27a; text-decoration: none; }
.order-sheet .sheet-head {
    background:
        radial-gradient(circle at 12% 20%, rgba(244, 210, 122, .45), transparent 32%),
        linear-gradient(120deg, #4a1948 0%, var(--brand, #3b1f3a) 42%, #1f6f5b 100%);
}
.order-sheet .sheet-body { background: linear-gradient(180deg, #fffdf8, #f7f1ea); }
.order-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; }
.order-facts div { border-radius: 14px; padding: 10px 12px; border: 1px solid transparent; }
.order-facts div:nth-child(1) { background: #fff4d6; border-color: #e4c56a; }
.order-facts div:nth-child(2) { background: #f3e7f6; border-color: #d7b6df; }
.order-facts div:nth-child(3) { background: #e5f6ee; border-color: #9ed4bc; }
.order-facts div:nth-child(4) { background: #fde8ef; border-color: #f0b4c4; }
.order-facts div:nth-child(5) { background: #e7f0ff; border-color: #b9d0f5; grid-column: 1 / -1; }
.order-facts div:nth-child(6) { background: #fff4d6; border-color: #e4c56a; grid-column: 1 / -1; }
.order-facts span { display: block; font-size: 12px; font-weight: 800; }
.order-facts div:nth-child(1) span { color: #8a6410; }
.order-facts div:nth-child(2) span { color: #6d3a78; }
.order-facts div:nth-child(3) span { color: #146b48; }
.order-facts div:nth-child(4) span { color: #9b1c45; }
.order-facts div:nth-child(5) span { color: #1d4e89; }
.order-facts div:nth-child(6) span { color: #8a6410; }
.order-facts strong { display: block; margin-top: 2px; font-size: 15px; color: #1c1418; }
.order-facts a { color: inherit; text-decoration: none; }
.order-table { width: 100%; border-collapse: collapse; margin-bottom: 10px; background: #fff; border-radius: 14px; overflow: hidden; }
.order-table th { background: linear-gradient(90deg, var(--brand, #3b1f3a), #6a3558); color: #f4d27a; font-size: 13px; }
.order-table th, .order-table td { padding: 8px 6px; text-align: center; border-bottom: 1px solid #f0e6ee; }
.order-item { display: flex; align-items: center; gap: 10px; width: 100%; text-align: right; font-weight: 800; }
.order-item img, .order-ph { width: 54px; height: 54px; border-radius: 12px; object-fit: cover; flex: none; }
.order-ph { display: grid; place-items: center; background: #f6f3f7; color: var(--brand, #3b1f3a); }
.order-table tbody tr:nth-child(odd) { background: #fbf6f2; }
.order-num {
    display: inline-grid; place-items: center; min-width: 28px; height: 28px; padding: 0 6px;
    border-radius: 999px; background: #c9a227; color: #3b1f3a; font-weight: 800;
}
.order-sum {
    display: flex; justify-content: space-between; align-items: center;
    background: linear-gradient(135deg, #1f6f5b, #3b1f3a 55%, #8a6410); color: #fff;
    border-radius: 14px; padding: 12px 14px; font-weight: 800; margin-bottom: 12px;
}
.order-sum--ship {
    background: #e7f0ff; color: #1d4e89; margin-bottom: 8px;
}
.order-note { background: #fff8e8; border: 1px solid #ead39a; border-radius: 12px; padding: 10px 12px; margin: 0 0 10px; }
.order-note.is-bad { background: #fdecec; border-color: #f0b4b4; }
.order-actions { margin-top: 8px; padding-top: 8px; }
.status-picks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.status-pick { position: relative; margin: 0; }
.status-pick input { position: absolute; opacity: 0; }
.status-pick span {
    display: grid; place-items: center; min-height: 48px; border-radius: 14px; border: 2px solid transparent;
    font-weight: 800; cursor: pointer;
}
.status-pick.is-wait span { background: #fff4d6; color: #8a6410; }
.status-pick.is-done span { background: #e5f6ee; color: #146b48; }
.status-pick.is-bad span { background: #fdecec; color: #9b1c1c; }
.status-pick input:checked + span { box-shadow: 0 0 0 3px currentColor; }
.status-pick input:focus-visible + span { outline: 2px solid #1c1418; }
.lines { list-style: none; margin: 0; padding: 0; }
.lines li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #f1f1f1; }
.total-line { font-weight: 800; }
.gallery { display: grid; gap: 8px; }
.gallery [data-photo], .gallery .ph { width: 100%; height: 220px; object-fit: cover; border-radius: 16px; background: #f3f1ec; }
.thumbs-row { display: flex; gap: 8px; overflow: auto; }
.thumbs-row img { width: 64px; height: 64px; object-fit: cover; border-radius: 10px; cursor: pointer; }

@media (max-width: 640px) {
    .modal-back.is-open { padding: 0; align-items: end; }
    .sheet { width: 100%; max-height: 92dvh; border-radius: 18px 18px 0 0; }
    .sheet-head, .sheet-foot { padding: 10px 12px; }
    .sheet-head { border-radius: 18px 18px 0 0; }
    .sheet-head h3 { font-size: 1rem; overflow-wrap: anywhere; }
    .sheet-body { padding: 10px 10px 4px; }
    .sheet-foot { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .sheet-foot .btn { width: 100%; min-height: 40px; padding: 6px 4px; font-size: 12px; }
    .sheet-sm .sheet-foot { grid-template-columns: 1fr 1fr; }
    .x { width: 36px; height: 36px; font-size: 22px; }
    .field { margin-bottom: 8px; font-size: 13px; }
    .field input, .field select, .field textarea { min-height: 42px; padding: 8px 10px; }
    .order-facts { grid-template-columns: 1fr 1fr; gap: 6px; }
    .order-facts div { padding: 8px; }
    .order-facts strong { font-size: 13px; }
    .status-picks { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .status-pick span { min-height: 40px; font-size: 12px; padding: 4px; text-align: center; }
    .order-table { table-layout: fixed; font-size: 11px; }
    .order-table th, .order-table td { padding: 6px 3px; }
    .order-item { gap: 4px; min-width: 0; font-size: 11px; }
    .order-item img, .order-ph { width: 32px; height: 32px; }
    .order-num { min-width: 22px; height: 22px; font-size: 11px; }

    body.theme-1 .modal-back.is-open:has(.product-sheet) {
        padding: 8px 0 0;
        align-items: end;
    }
    body.theme-1 .product-sheet {
        width: 100%;
        height: calc(100dvh - 8px);
        max-height: calc(100dvh - 8px);
        border-radius: 22px 22px 0 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    body.theme-1 .product-sheet .sheet-head {
        flex: none;
        align-items: flex-start;
        border-radius: 22px 22px 0 0;
        padding: 12px 14px;
    }
    body.theme-1 .product-sheet .sheet-head h3 {
        font-family: "El Messiri", "Tajawal", serif;
        font-size: 1.2rem;
        line-height: 1.35;
    }
    body.theme-1 .product-sheet .product-blurb {
        color: rgba(255,255,255,.84);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 4px 0 0;
    }
    body.theme-1 .product-sheet .x {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #fff;
        color: #3b1f3a;
        flex: none;
    }
    body.theme-1 .product-sheet .sheet-body {
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding: 0;
        gap: 0;
    }
    body.theme-1 .product-sheet .gallery,
    body.theme-1 .product-sheet .ph.big {
        position: relative;
        flex: 1 1 auto;
        min-height: 0;
        margin: 0;
        border-radius: 0;
    }
    body.theme-1 .product-sheet .gallery [data-photo] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0;
    }
    body.theme-1 .product-sheet .thumbs-row {
        position: absolute;
        z-index: 1;
        bottom: 8px;
        inset-inline: 10px;
        padding: 0;
    }
    body.theme-1 .product-sheet .thumbs-row img {
        width: 46px;
        height: 46px;
        border-radius: 10px;
        border: 2px solid #fff;
        box-shadow: 0 4px 12px rgba(0,0,0,.28);
    }
    body.theme-1 .product-sheet .product-meta {
        flex: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 12px 14px 2px;
    }
    body.theme-1 .product-sheet .product-meta .price-row,
    body.theme-1 .product-sheet .product-meta .price,
    body.theme-1 .product-sheet .product-meta .off { margin: 0; }
    body.theme-1 .product-sheet .product-meta .price-row { font-size: 1.15rem; font-weight: 800; }
    body.theme-1 .product-sheet form {
        flex: none;
        position: sticky;
        bottom: 0;
        background: #fff;
        padding: 10px 14px calc(12px + env(safe-area-inset-bottom));
    }
    body.theme-1 .product-sheet form .btn {
        width: 100%;
        min-height: 48px;
        border-radius: 14px;
    }
}
body.theme-1 .product-sheet .product-blurb { color: rgba(255,255,255,.84); }
body.theme-1 main:has(.modal-back.is-open) { z-index: 80; }

/* --- تواصل معنا: أزرار المنصات (مشترك بين القوالب) --- */
.soc-row { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.soc {
    display: inline-flex; align-items: center; gap: 10px;
    padding-block: 6px; padding-inline: 6px 18px;
    border-radius: 999px; text-decoration: none;
    background: #fff; color: #1c1917;
    font-weight: 800; font-size: .95rem;
    border: 1px solid rgba(28, 23, 18, .07);
    box-shadow: 0 8px 20px rgba(28, 23, 18, .12);
    transition: transform .2s ease, box-shadow .2s ease;
}
.soc:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(28, 23, 18, .18); }
.soc__dot {
    width: 40px; height: 40px; border-radius: 50%; flex: none;
    display: grid; place-items: center;
    background: #1c1917; color: #fff; font-size: 1.2rem;
}
.soc--facebook .soc__dot { background: #1877F2; }
.soc--tiktok .soc__dot { background: #010101; }
.soc--instagram .soc__dot { background: linear-gradient(45deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80); }
.soc--twitter .soc__dot { background: #010101; }
.soc--whatsapp .soc__dot { background: #25D366; }

/* --- شارة «جديد» لمنتجات وصل حديثاً --- */
.badge-new {
    position: absolute;
    top: 10px;
    inset-inline-end: 10px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 11px;
    border-radius: 999px;
    background: linear-gradient(135deg, #16a34a, #0d8a4a);
    color: #fff;
    font-size: .74rem;
    font-weight: 800;
    line-height: 1.6;
    box-shadow: 0 4px 12px rgba(13, 138, 74, .4);
    border: 1.5px solid rgba(255, 255, 255, .55);
    pointer-events: none;
}
.badge-new i { font-size: .8rem; }
.badge-new--photo { top: 14px; inset-inline-end: 14px; font-size: .82rem; padding: 5px 14px; }
.gallery, .f2-stage__photo { position: relative; }

/* ============ قناة المتجر: عارض القصص (مشترك بين القوالب) ============ */
.chan-viewer {
    position: fixed; inset: 0; z-index: 120;
    background: rgba(8, 6, 8, .94);
    color: #fff; font-family: "Tajawal", "IBM Plex Sans Arabic", "Cairo", sans-serif;
}
.chan-viewer[hidden] { display: none !important; }
.chan-viewer__back { position: absolute; inset: 0; }
.chan-viewer__stage {
    position: relative; z-index: 2; height: 100%;
    display: grid; place-items: center; padding: 12px;
}
.chan-viewer__frame {
    position: relative;
    aspect-ratio: 9 / 16; max-height: calc(100dvh - 24px); max-width: min(430px, calc(100vw - 96px));
    background: #000; border-radius: 20px; overflow: hidden;
    box-shadow: 0 24px 70px rgba(0,0,0,.6);
    touch-action: none;
}
.chan-viewer__frame video { width: 100%; height: 100%; object-fit: contain; display: block; background: #000; }
.chan-viewer__bars {
    position: absolute; top: calc(12px + env(safe-area-inset-top)); inset-inline: 12px; z-index: 4;
    display: flex; gap: 4px; pointer-events: none;
}
.chan-viewer__bars span { flex: 1; height: 3px; border-radius: 3px; background: rgba(255,255,255,.28); overflow: hidden; }
.chan-viewer__bars span::after { content: ""; display: block; height: 100%; width: 0; background: #fff; }
.chan-viewer__bars span.is-done::after { width: 100%; }
.chan-viewer__bars span.is-live::after { width: var(--p, 0%); }
/* أزرار العارض — متراكبة فوق الفيديو داخل الفريم */
.chan-viewer__x, .chan-viewer__sound {
    position: absolute; top: calc(26px + env(safe-area-inset-top)); z-index: 6;
    width: 42px; height: 42px; border: 0; border-radius: 50%; cursor: pointer;
    display: grid; place-items: center;
    background: rgba(255,255,255,.16); color: #fff; font-size: 18px;
    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
.chan-viewer__x:hover, .chan-viewer__sound:hover { background: rgba(255,255,255,.3); }
.chan-viewer__x { inset-inline-start: 14px; }
.chan-viewer__sound { inset-inline-start: 62px; }
.chan-viewer__arrow {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
    width: 48px; height: 48px; border: 0; border-radius: 50%; cursor: pointer;
    background: rgba(255,255,255,.12); color: #fff; font-size: 22px;
    display: grid; place-items: center;
}
.chan-viewer__arrow:hover { background: rgba(255,255,255,.24); }
.chan-viewer__arrow.is-prev { inset-inline-end: 18px; }
.chan-viewer__arrow.is-next { inset-inline-start: 18px; }
.chan-viewer__arrow:disabled { opacity: .25; cursor: default; }
.chan-viewer__info {
    position: absolute; inset-inline: 0; bottom: 0; z-index: 4;
    padding: 16px 14px calc(14px + env(safe-area-inset-bottom));
    background: linear-gradient(180deg, transparent, rgba(0,0,0,.72));
}
.chan-viewer__caption { margin: 0 0 10px; font-size: 1rem; font-weight: 600; line-height: 1.6; }
.chan-viewer__reacts { display: flex; gap: 8px; margin: 0 0 12px; }
.chan-react {
    display: inline-flex; align-items: center; gap: 6px; min-height: 44px; min-width: 52px;
    padding: 6px 12px; border: 1.5px solid rgba(255,255,255,.22); border-radius: 999px;
    background: rgba(255,255,255,.12); color: #fff; cursor: pointer; font: inherit;
    transition: transform .12s ease, background .2s ease, border-color .2s ease;
    -webkit-tap-highlight-color: transparent;
}
.chan-react:hover { background: rgba(255,255,255,.24); }
.chan-react:active { transform: scale(1.25); }
.chan-react__face { font-size: 1.35rem; line-height: 1; }
.chan-react__num { font-size: .8rem; font-weight: 800; min-width: 1ch; }
.chan-react__num:empty { display: none; }
.chan-react.is-mine { border-color: #f0c14a; background: rgba(240,193,74,.22); }
/* floating animation: يطلع 100px لفوق ويتلاشى خلال 800ms */
.chan-float {
    position: absolute; z-index: 8; font-size: 2.6rem; line-height: 1; pointer-events: none;
    transform: translate(-50%, -50%);
    animation: chan-float-up .8s ease-out forwards;
}
@keyframes chan-float-up {
    0% { opacity: 0; transform: translate(-50%, -30%) scale(.5); }
    15% { opacity: 1; transform: translate(-50%, -50%) scale(1.2); }
    100% { opacity: 0; transform: translate(-50%, calc(-50% - 100px)) scale(1); }
}
.chan-viewer__acts { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; }
.chan-viewer__act {
    display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 6px 14px;
    border: 0; border-radius: 999px; cursor: pointer; font: inherit; font-weight: 800; font-size: .85rem;
    background: rgba(255,255,255,.16); color: #fff; text-decoration: none;
}
.chan-viewer__act:hover { background: rgba(255,255,255,.28); }
.chan-viewer__act--wa { background: #25D366; color: #fff; }
.chan-viewer__act--wa:hover { background: #1ebe5a; }
.chan-viewer__new {
    position: absolute; top: calc(26px + env(safe-area-inset-top)); inset-inline-end: 14px; z-index: 6;
    display: inline-flex; align-items: center; gap: 5px; padding: 5px 12px; border-radius: 999px;
    background: linear-gradient(135deg, #16a34a, #0d8a4a); color: #fff;
    font-size: .78rem; font-weight: 800; box-shadow: 0 4px 14px rgba(13,138,74,.5);
}
.chan-viewer__new[hidden] { display: none !important; }

/* ===== موبايل: الفيديو يملأ الشاشة بالكامل (تجربة ستوريز احترافية) ===== */
@media (max-width: 640px) {
    .chan-viewer__stage { padding: 0; }
    .chan-viewer__frame {
        width: 100vw; height: 100dvh; max-width: none; max-height: none;
        aspect-ratio: auto; border-radius: 0; box-shadow: none;
    }
    .chan-viewer__frame video { object-fit: cover; }
    .chan-viewer__arrow { display: none; }
    .chan-viewer__x, .chan-viewer__sound { width: 40px; height: 40px; top: calc(18px + env(safe-area-inset-top)); }
    .chan-viewer__new { top: calc(18px + env(safe-area-inset-top)); }
    .chan-viewer__info { padding: 16px 16px calc(18px + env(safe-area-inset-bottom)); }
}
.chan-toast {
    position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%) translateY(20px);
    z-index: 200; padding: 12px 22px; border-radius: 999px;
    background: #1c1917; color: #fff; font-weight: 800; font-family: "Tajawal", "IBM Plex Sans Arabic", "Cairo", sans-serif;
    box-shadow: 0 12px 30px rgba(0,0,0,.4); opacity: 0; pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
}
.chan-toast.is-on { opacity: 1; transform: translateX(-50%) translateY(0); }
.chan-toast[hidden] { display: none !important; }
.chan-viewer__product {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 10px 12px; border-radius: 14px; background: rgba(255,255,255,.96); color: #1c1917;
}
.chan-viewer__product[hidden] { display: none !important; }
.chan-viewer__product-copy { display: grid; gap: 2px; min-width: 0; }
.chan-viewer__product-kicker { font-size: .68rem; font-weight: 800; letter-spacing: .08em; color: #8a6a12; }
.chan-viewer__product-copy strong { font-size: .98rem; }
.chan-viewer__product-price { font-size: .9rem; font-weight: 800; color: #1f6f5b; }
.chan-viewer__product-act { display: grid; gap: 4px; justify-items: center; flex: none; }
.chan-viewer__product-note { font-size: .7rem; font-weight: 700; color: #6b6256; }
.chan-viewer__product-add {
    display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 6px 14px;
    border: 0; border-radius: 999px; cursor: pointer; font: inherit; font-weight: 800;
    background: linear-gradient(135deg, #e8c56b, #a67c12); color: #3b1f3a;
}
.chan-viewer__product-add:disabled { opacity: .5; cursor: not-allowed; }
@media (max-width: 620px) {
    .chan-viewer__arrow { display: none; }
    .chan-viewer__frame { max-width: calc(100vw - 24px); }
}

/* لوحة القناة: معاينات داخل نافذة التعديل */
.chan-edit-video { width: 100%; max-height: 220px; border-radius: 12px; background: #000; margin-top: 8px; }
.chan-edit-poster { width: 84px; height: 84px; object-fit: cover; border-radius: 12px; margin-top: 8px; }