html {
    scroll-behavior: smooth;
}
body {
    font-family: "IBM Plex Sans Arabic", sans-serif;
}
.font-display {
    font-family: "Alexandria", sans-serif;
}

/* ===== غرزة التطريز: خط متقطع يميز فواصل الأقسام ===== */
.stitch {
    background-image: repeating-linear-gradient(
        to left,
        #c3d600 0 14px,
        transparent 14px 26px
    );
    height: 3px;
    border-radius: 3px;
}
.stitch-dark {
    background-image: repeating-linear-gradient(
        to left,
        #4a5626 0 14px,
        transparent 14px 26px
    );
    height: 3px;
    border-radius: 3px;
}

/* ===== السلايدر ===== */
#hero {
    position: relative;
    overflow: hidden;
    background: #14190b;
}
.slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.9s var(--ease, cubic-bezier(0.16, 1, 0.3, 1)),
        visibility 0.9s;
    z-index: 1;
}
.slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}
.slide .slide-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.1);
    transition: transform 8.5s cubic-bezier(0.16, 1, 0.3, 1);
    filter: saturate(1.05) contrast(1.04);
}
.slide.active .slide-bg {
    transform: scale(1);
}
.slide::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 80% 70% at 85% 40%, rgba(195, 214, 0, 0.12), transparent 55%),
        linear-gradient(
            to left,
            rgba(20, 25, 11, 0.96) 0%,
            rgba(20, 25, 11, 0.82) 38%,
            rgba(20, 25, 11, 0.35) 72%,
            rgba(20, 25, 11, 0.18) 100%
        );
}
.slide-veil {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    background:
        linear-gradient(to top, rgba(20, 25, 11, 0.72) 0%, transparent 42%),
        linear-gradient(to bottom, rgba(20, 25, 11, 0.28) 0%, transparent 22%);
}
.slide-content {
    position: relative;
    z-index: 3;
}
.hero-copy {
    position: relative;
}
.hero-copy::before {
    content: "";
    position: absolute;
    inset-inline-start: -1.15rem;
    top: 0.35rem;
    bottom: 0.35rem;
    width: 3px;
    border-radius: 9999px;
    background: linear-gradient(
        to bottom,
        transparent,
        #c3d600 18%,
        #c3d600 82%,
        transparent
    );
    opacity: 0.85;
}
@media (max-width: 640px) {
    .hero-copy::before {
        display: none;
    }
}
.hero-title {
    text-wrap: balance;
    text-shadow: 0 10px 36px rgba(0, 0, 0, 0.35);
}
.hero-title .text-leem {
    position: relative;
    display: inline;
    text-shadow: none;
}
.hero-text {
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
}
.hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Alexandria", sans-serif;
    font-weight: 700;
    padding: 0.85rem 1.75rem;
    border-radius: 9999px;
    transition:
        transform 0.35s var(--ease, cubic-bezier(0.16, 1, 0.3, 1)),
        background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        box-shadow 0.35s ease;
}
.hero-btn--primary {
    background: #c3d600;
    color: #20260f;
    box-shadow: 0 10px 28px rgba(195, 214, 0, 0.28);
}
.hero-btn--primary:hover {
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
}
.hero-btn--ghost {
    border: 1px solid rgba(255, 255, 255, 0.42);
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(8px);
}
.hero-btn--ghost:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.7);
    transform: translateY(-2px);
}
.slide .reveal {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity 0.75s var(--ease, cubic-bezier(0.16, 1, 0.3, 1)),
        transform 0.75s var(--ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.slide.active .reveal {
    opacity: 1;
    transform: translateY(0);
}
.slide.active .reveal:nth-child(1) {
    transition-delay: 0.18s;
}
.slide.active .reveal:nth-child(2) {
    transition-delay: 0.32s;
}
.slide.active .reveal:nth-child(3) {
    transition-delay: 0.46s;
}
.slide.active .reveal:nth-child(4) {
    transition-delay: 0.6s;
}

.hero-watermark {
    opacity: 0.1;
    mix-blend-mode: soft-light;
    filter: grayscale(0.2);
}
.hero-controls {
    background: linear-gradient(to top, rgba(20, 25, 11, 0.55), transparent);
}
.hero-nav-btn {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 9999px;
    border: 1px solid rgba(255, 255, 255, 0.32);
    color: #fff;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(10px);
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}
.hero-nav-btn:hover {
    background: #c3d600;
    border-color: #c3d600;
    color: #20260f;
    transform: scale(1.04);
}
.hero-progress-track {
    height: 3px;
    background: rgba(255, 255, 255, 0.12);
}
.hero-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #a8b900, #c3d600 55%, #e4f06a);
    box-shadow: 0 0 12px rgba(195, 214, 0, 0.45);
    transition: width 0.05s linear;
}
#hero-progress {
    transition: width 0.05s linear;
}
.hero-dot {
    width: 9px;
    height: 9px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.32);
    border: 0;
    padding: 0;
    transition: all 0.4s var(--ease, cubic-bezier(0.16, 1, 0.3, 1));
    cursor: pointer;
}
.hero-dot:hover {
    background: rgba(255, 255, 255, 0.55);
}
.hero-dot.active {
    width: 2.15rem;
    background: #c3d600;
    box-shadow: 0 0 14px rgba(195, 214, 0, 0.55);
}

@media (prefers-reduced-motion: reduce) {
    .slide .slide-bg,
    .slide.active .slide-bg {
        transform: none;
        transition: none;
    }
    .slide .reveal,
    .slide.active .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* ===== الشريط المتحرك ===== */
.marquee {
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    background:
        linear-gradient(180deg, rgba(32, 38, 15, 0.06), transparent 40%),
        linear-gradient(0deg, rgba(32, 38, 15, 0.05), transparent 35%),
        #c3d600;
    border-block: 1px solid rgba(32, 38, 15, 0.1);
    padding-block: 0.95rem;
}
.marquee::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.18;
    background-image: repeating-linear-gradient(
        -28deg,
        transparent 0 10px,
        rgba(32, 38, 15, 0.07) 10px 11px
    );
}
.marquee-fade {
    position: absolute;
    top: 0;
    bottom: 0;
    width: clamp(2.5rem, 8vw, 5.5rem);
    z-index: 2;
    pointer-events: none;
}
.marquee-fade--start {
    inset-inline-start: 0;
    background: linear-gradient(90deg, #c3d600, transparent);
}
.marquee-fade--end {
    inset-inline-end: 0;
    background: linear-gradient(270deg, #c3d600, transparent);
}
[dir="rtl"] .marquee-fade--start {
    background: linear-gradient(270deg, #c3d600, transparent);
}
[dir="rtl"] .marquee-fade--end {
    background: linear-gradient(90deg, #c3d600, transparent);
}
.marquee-track {
    display: flex;
    width: max-content;
    animation: marquee 42s linear infinite;
    will-change: transform;
}
.marquee-group {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}
.marquee-item {
    white-space: nowrap;
    padding-inline: 1.35rem;
    opacity: 0.92;
    transition: opacity 0.25s ease, transform 0.25s ease;
}
.marquee-item:nth-child(4n + 1) {
    opacity: 1;
}
.marquee-sep {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(32, 38, 15, 0.45);
    flex-shrink: 0;
}
.marquee:hover .marquee-track {
    animation-play-state: paused;
}
.marquee:hover .marquee-item {
    opacity: 1;
}
@keyframes marquee {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(50%, 0, 0);
    }
}
@media (prefers-reduced-motion: reduce) {
    .marquee {
        padding-inline: 1rem;
    }
    .marquee-track {
        animation: none;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 0.4rem;
    }
    .marquee-group:last-child {
        display: none;
    }
    .marquee-fade {
        display: none;
    }
}

/* ===== ظهور عند التمرير ===== */
.fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}
.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ===== بطاقات ===== */
.card-img {
    transition: transform 0.6s ease;
}
.group:hover .card-img {
    transform: scale(1.06);
}

/* تبويبات منصة الإبداع — !important لتفادي تعارض Tailwind .grid */
.tab-btn {
    transition: all 0.3s;
}
.tab-btn.active {
    background: #20260f;
    color: #c3d600;
    border-color: #20260f;
}
.tab-panel {
    display: none !important;
}
.tab-panel.active {
    display: grid !important;
    animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* تمرير أفقي للمتحدثين */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* ====== مكونات مزروعة من التصميم الثاني ====== */
:root {
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
}
.canvas-grid-dark {
    background-image:
        linear-gradient(
            to left,
            rgba(241, 242, 230, 0.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            to bottom,
            rgba(241, 242, 230, 0.055) 1px,
            transparent 1px
        );
    background-size: 14px 14px;
}
.eyebrow {
    font-size: 0.72rem;
    letter-spacing: 0.2em;
    font-weight: 600;
}
.num {
    font-variant-numeric: tabular-nums;
}

/* شريط التطريز المولّد */
.stitch-band {
    display: block;
    width: 100%;
    overflow: visible;
}
.stitch-band path {
    stroke-width: 2.1;
    stroke-linecap: square;
    fill: none;
    stroke-dasharray: 22;
    stroke-dashoffset: 22;
}
.stitch-band.is-in path {
    animation: stitchdraw 0.5s var(--ease) forwards;
    animation-delay: var(--d, 0ms);
}
@keyframes stitchdraw {
    to {
        stroke-dashoffset: 0;
    }
}

/* بطاقات المتحدثين — سكة قابلة للسحب */
.card-media {
    position: relative;
    overflow: hidden;
    background: #20260f;
    border-radius: 14px;
}
.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.05s var(--ease);
}
.card:hover .card-media img {
    transform: scale(1.06);
}
.corner-stitch {
    position: absolute;
    inset-block-start: 12px;
    inset-inline-end: 12px;
    width: 16px;
    height: 16px;
    opacity: 0;
    transform: scale(0.6);
    transition: 0.4s var(--ease);
    z-index: 2;
}
.card:hover .corner-stitch {
    opacity: 1;
    transform: none;
}
.rail {
    display: flex;
    gap: 1.25rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 1.5rem;
    scrollbar-width: none;
    cursor: grab;
}
.rail::-webkit-scrollbar {
    display: none;
}
.rail.dragging {
    cursor: grabbing;
    scroll-snap-type: none;
}
.rail.dragging * {
    pointer-events: none;
}
.rail > * {
    scroll-snap-align: start;
    flex: 0 0 auto;
}
.speaker-bio {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition:
        max-height 0.55s var(--ease),
        opacity 0.4s var(--ease);
}
.speaker:hover .speaker-bio,
.speaker:focus-within .speaker-bio {
    max-height: 200px;
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* ====== مكونات الصفحات الداخلية ====== */
.page-hero {
    padding-top: 4.5rem;
}
.max-w-shell {
    max-width: 1320px;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    font-weight: 600;
    padding: 0.95rem 1.9rem;
    border-radius: 999px;
    transition: 0.35s var(--ease);
}
.btn-brand {
    background: #c3d600;
    color: #20260f;
}
.btn-brand:hover {
    background: #f1f2e6;
    transform: translateY(-2px);
}
.btn-ghost {
    border: 1px solid currentColor;
}
.btn-ghost:hover {
    transform: translateY(-2px);
}
.btn-ghost-light:hover {
    background: rgba(241, 242, 230, 0.12);
}
.btn-ghost-dark:hover {
    background: #20260f;
    color: #c3d600;
    border-color: #20260f;
}
.card-title {
    background-image: linear-gradient(#a8b900, #a8b900);
    background-size: 0% 2px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition: background-size 0.5s var(--ease);
}
.card:hover .card-title {
    background-size: 100% 2px;
}
[data-reveal] {
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.85s var(--ease),
        transform 0.85s var(--ease);
    transition-delay: var(--d, 0ms);
}
[data-reveal].is-in {
    opacity: 1;
    transform: none;
}
.chip {
    padding: 0.55rem 1.25rem;
    border: 1px solid rgba(32, 38, 15, 0.22);
    border-radius: 999px;
    font-weight: 500;
    transition: 0.3s var(--ease);
    white-space: nowrap;
    display: inline-block;
}
.chip:hover {
    border-color: #20260f;
}
.chip.active {
    background: #20260f;
    color: #c3d600;
    border-color: #20260f;
}
.grid-item {
    transition:
        opacity 0.45s var(--ease),
        transform 0.45s var(--ease);
}
.grid-item.hidden-item {
    display: none;
}
.grid-item.fading {
    opacity: 0;
    transform: translateY(12px);
}
.play-badge {
    width: 62px;
    height: 62px;
    border: 1px solid rgba(241, 242, 230, 0.55);
    border-radius: 50%;
    display: grid;
    place-items: center;
    transition: 0.45s var(--ease);
}
.talk:hover .play-badge {
    background: #c3d600;
    border-color: #c3d600;
    transform: scale(1.08);
}
.talk:hover .play-badge svg path {
    fill: #20260f;
}
#player {
    opacity: 0;
    visibility: hidden;
    transition: 0.4s var(--ease);
}
#player.open {
    opacity: 1;
    visibility: visible;
}

/* ── Lightbox الصور ── */
.lb {
    position: fixed;
    inset: 0;
    z-index: 85;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.35s var(--ease),
        visibility 0.35s;
}
.lb.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.lb__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(20, 25, 11, 0.88);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.lb__stage {
    position: relative;
    z-index: 1;
    width: min(1100px, 100%);
    max-height: min(88vh, 900px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    transform: translateY(16px) scale(0.97);
    transition: transform 0.4s var(--ease);
}
.lb.is-open .lb__stage {
    transform: translateY(0) scale(1);
}
.lb__img {
    display: block;
    max-width: 100%;
    max-height: min(78vh, 820px);
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 18px;
    box-shadow: 0 40px 80px -24px rgba(0, 0, 0, 0.55);
    background: #14190b;
}
.lb__meta {
    text-align: center;
    color: #f1f2e6;
    max-width: 36rem;
}
.lb__caption {
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: 1.05rem;
    line-height: 1.4;
}
.lb__caption:empty {
    display: none;
}
.lb__counter {
    margin-top: 0.35rem;
    font-size: 0.8rem;
    color: rgba(241, 242, 230, 0.55);
    font-variant-numeric: tabular-nums;
}
.lb__counter:empty {
    display: none;
}
.lb__close,
.lb__nav {
    position: absolute;
    z-index: 2;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(241, 242, 230, 0.1);
    color: #f1f2e6;
    border: 1px solid rgba(241, 242, 230, 0.12);
    transition:
        background 0.2s,
        color 0.2s,
        transform 0.2s;
}
.lb__close:hover,
.lb__nav:hover {
    background: #c3d600;
    color: #20260f;
    border-color: #c3d600;
}
.lb__close {
    top: 1.25rem;
    inset-inline-end: 1.25rem;
}
.lb__close:hover {
    transform: rotate(90deg);
}
.lb__nav--prev {
    inset-inline-start: 1rem;
    top: 50%;
    transform: translateY(-50%);
}
.lb__nav--next {
    inset-inline-end: 1rem;
    top: 50%;
    transform: translateY(-50%);
}
.lb__nav.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.lb__nav--prev:hover,
.lb__nav--next:hover {
    transform: translateY(-50%) scale(1.06);
}
a[data-lightbox],
button[data-lightbox] {
    cursor: zoom-in;
}
@media (prefers-reduced-motion: reduce) {
    .lb,
    .lb__stage,
    .lb__close,
    .lb__nav {
        transition: none;
    }
}
.rule {
    height: 1px;
    background: rgba(32, 38, 15, 0.14);
}
.input {
    width: 100%;
    background: #fafaf2;
    border: 1px solid rgba(32, 38, 15, 0.18);
    border-radius: 16px;
    padding: 0.95rem 1.25rem;
    font-size: 0.95rem;
    transition: 0.3s var(--ease);
    outline: none;
}
.input:focus {
    border-color: #a8b900;
    box-shadow: 0 0 0 3px rgba(195, 214, 0, 0.25);
}
textarea.input {
    min-height: 150px;
    resize: vertical;
}
.lbl {
    display: block;
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}
.toast {
    position: fixed;
    bottom: 24px;
    inset-inline-start: 24px;
    z-index: 80;
    background: #20260f;
    color: #c3d600;
    padding: 1rem 1.5rem;
    border-radius: 999px;
    font-weight: 600;
    box-shadow: 0 10px 30px rgba(20, 25, 11, 0.35);
    opacity: 0;
    transform: translateY(16px);
    transition: 0.45s var(--ease);
    pointer-events: none;
}
.toast.show {
    opacity: 1;
    transform: none;
}
.faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s var(--ease);
}
.faq.open .faq-a {
    max-height: 300px;
}
.faq.open .faq-x {
    transform: rotate(45deg);
}
.faq-x {
    transition: transform 0.35s var(--ease);
    display: inline-block;
}
.tabbtn {
    padding: 0.6rem 1.4rem;
    border-radius: 999px;
    font-weight: 600;
    transition: 0.3s var(--ease);
    border: 1px solid rgba(32, 38, 15, 0.2);
}
.tabbtn.active {
    background: #20260f;
    color: #c3d600;
    border-color: #20260f;
}
.tabpane {
    display: none;
}
.tabpane.active {
    display: block;
    animation: fadein 0.5s var(--ease);
}
@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* ── ستارة البحث ── */
.search-curtain {
    position: fixed;
    inset: 0;
    z-index: 90;
    pointer-events: none;
    visibility: hidden;
}
.search-curtain.is-open {
    pointer-events: auto;
    visibility: visible;
}
.search-curtain__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(20, 25, 11, 0.55);
    opacity: 0;
    transition: opacity 0.35s var(--ease);
}
.search-curtain.is-open .search-curtain__backdrop {
    opacity: 1;
}
.search-curtain__panel {
    position: absolute;
    inset-inline: 0;
    top: 0;
    max-height: min(92vh, 900px);
    display: flex;
    flex-direction: column;
    background: linear-gradient(165deg, #14190b 0%, #20260f 55%, #2a3318 100%);
    color: #f1f2e6;
    border-radius: 0 0 28px 28px;
    box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.55);
    transform: translateY(-104%);
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
}
.search-curtain.is-open .search-curtain__panel {
    transform: translateY(0);
}
.search-curtain__top {
    border-bottom: 1px solid rgba(241, 242, 230, 0.08);
}
.search-curtain__body {
    overflow: auto;
    flex: 1;
    padding-top: 1.25rem;
}
.search-curtain__close {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(241, 242, 230, 0.08);
    color: #f1f2e6;
    border: 1px solid rgba(241, 242, 230, 0.12);
    transition:
        background 0.2s,
        color 0.2s,
        transform 0.2s;
}
.search-curtain__close:hover {
    background: #c3d600;
    color: #20260f;
    transform: rotate(90deg);
}
.search-curtain__field {
    position: relative;
}
.search-curtain__field-icon {
    position: absolute;
    top: 50%;
    inset-inline-start: 1.15rem;
    transform: translateY(-50%);
    color: #c3d600;
    pointer-events: none;
}
.search-curtain__input {
    width: 100%;
    background: rgba(241, 242, 230, 0.06);
    border: 1.5px solid rgba(241, 242, 230, 0.16);
    border-radius: 18px;
    padding-block: 1.05rem;
    padding-inline-start: 3.25rem;
    padding-inline-end: 4rem;
    color: #fff;
    font-size: 1.05rem;
    outline: none;
    transition:
        border-color 0.2s,
        background 0.2s,
        box-shadow 0.2s;
}
.search-curtain__input::placeholder {
    color: rgba(241, 242, 230, 0.4);
}
.search-curtain__input:focus {
    border-color: #c3d600;
    background: rgba(241, 242, 230, 0.09);
    box-shadow: 0 0 0 3px rgba(195, 214, 0, 0.2);
}
.search-curtain__kbd {
    position: absolute;
    top: 50%;
    inset-inline-end: 1rem;
    transform: translateY(-50%);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(241, 242, 230, 0.45);
    border: 1px solid rgba(241, 242, 230, 0.18);
    border-radius: 8px;
    padding: 0.2rem 0.45rem;
}
.search-curtain__chip {
    display: block;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(241, 242, 230, 0.06);
    border: 1px solid rgba(241, 242, 230, 0.1);
    color: #f1f2e6;
    font-weight: 600;
    font-size: 0.92rem;
    transition:
        background 0.2s,
        border-color 0.2s,
        color 0.2s;
}
.search-curtain__chip:hover {
    background: rgba(195, 214, 0, 0.15);
    border-color: rgba(195, 214, 0, 0.45);
    color: #c3d600;
}
.search-curtain__recent-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: rgba(241, 242, 230, 0.08);
    border: 1px solid rgba(241, 242, 230, 0.12);
    color: rgba(241, 242, 230, 0.85);
    font-size: 0.85rem;
    transition:
        background 0.2s,
        color 0.2s;
}
.search-curtain__recent-btn:hover {
    background: #c3d600;
    color: #20260f;
    border-color: #c3d600;
}
.search-curtain__result {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.85rem 1rem;
    border-radius: 16px;
    background: rgba(241, 242, 230, 0.05);
    border: 1px solid rgba(241, 242, 230, 0.08);
    text-align: start;
    transition:
        background 0.2s,
        border-color 0.2s,
        transform 0.2s;
}
.search-curtain__result:hover,
.search-curtain__result.is-active {
    background: rgba(195, 214, 0, 0.12);
    border-color: rgba(195, 214, 0, 0.35);
    transform: translateY(-1px);
}
.search-curtain__result-img {
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 12px;
    object-fit: cover;
    object-position: top center;
    background: #4a5626;
    flex-shrink: 0;
}
.search-curtain__result-img--placeholder {
    display: grid;
    place-items: center;
    color: #c3d600;
    font-size: 0.75rem;
    font-weight: 800;
}
.search-curtain__result-type {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    color: #c3d600;
    margin-bottom: 0.15rem;
}
.search-curtain__result-title {
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: 0.98rem;
    color: #fff;
    line-height: 1.35;
}
.search-curtain__result-sub {
    font-size: 0.8rem;
    color: rgba(241, 242, 230, 0.5);
    margin-top: 0.15rem;
    line-height: 1.4;
}
.nav-search-btn {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: #20260f;
    transition:
        background 0.2s,
        color 0.2s;
}
.nav-search-btn:hover {
    background: #edf2cf;
    color: #4a5626;
}
@media (prefers-reduced-motion: reduce) {
    .search-curtain__backdrop,
    .search-curtain__panel,
    .search-curtain__close {
        transition: none;
    }
}

/* ── زر نسخ الرابط ── */
.copy-link-btn.is-copied .copy-link-btn__icon,
.copy-link-btn.group:hover .copy-link-btn__icon {
    background: #20260f;
    color: #c3d600;
    border-color: #20260f;
}
.copy-link-btn.is-copied {
    color: #4a5626;
}

/* ── أرشيف اللمّات (الرئيسية) ── */
.past-lammat-card {
    display: block;
    text-align: start;
    border-radius: 22px;
    overflow: hidden;
    isolation: isolate;
    background: #20260f;
    box-shadow: 0 18px 40px -28px rgba(32, 38, 15, 0.55);
    transition:
        transform 0.45s var(--ease),
        box-shadow 0.45s var(--ease);
}
.past-lammat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 28px 50px -24px rgba(32, 38, 15, 0.5);
}
.past-lammat-card__frame {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #20260f;
}
.past-lammat-card__frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    transition:
        transform 0.85s var(--ease),
        filter 0.45s;
}
.past-lammat-card:hover .past-lammat-card__frame img {
    transform: scale(1.06);
    filter: saturate(1.08);
}
.past-lammat-card__veil {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            160deg,
            rgba(20, 25, 11, 0.15) 0%,
            transparent 40%
        ),
        linear-gradient(
            to top,
            rgba(20, 25, 11, 0.92) 0%,
            rgba(20, 25, 11, 0.35) 42%,
            transparent 70%
        );
}
.past-lammat-card__glow {
    position: absolute;
    inset: auto -20% -40% auto;
    width: 70%;
    height: 70%;
    background: radial-gradient(circle, rgba(195, 214, 0, 0.28), transparent 68%);
    opacity: 0;
    transition: opacity 0.45s var(--ease);
    pointer-events: none;
}
.past-lammat-card:hover .past-lammat-card__glow {
    opacity: 1;
}
.past-lammat-card__stitch {
    position: absolute;
    top: 0.9rem;
    inset-inline-start: 0.9rem;
    width: 1rem;
    height: 1rem;
    color: #c3d600;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
    transition: transform 0.45s var(--ease);
    z-index: 2;
}
.past-lammat-card:hover .past-lammat-card__stitch {
    transform: rotate(90deg);
}
.past-lammat-card__badge {
    position: absolute;
    top: 0.85rem;
    inset-inline-end: 0.85rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    background: rgba(195, 214, 0, 0.92);
    color: #20260f;
    font-family: Alexandria, sans-serif;
    font-weight: 800;
    font-size: 0.8rem;
    letter-spacing: 0.02em;
    box-shadow: 0 8px 18px -10px rgba(0, 0, 0, 0.45);
    transition: transform 0.3s var(--ease);
}
.past-lammat-card:hover .past-lammat-card__badge {
    transform: scale(1.05);
}
.past-lammat-card__content {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 2;
    padding: 1.15rem 1.1rem 1.2rem;
}
.past-lammat-card__name {
    display: block;
    font-family: Alexandria, sans-serif;
    font-weight: 800;
    font-size: 1.15rem;
    color: #fafaf2;
    line-height: 1.3;
}
.past-lammat-card__sub {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.4rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: rgba(241, 242, 230, 0.72);
}
.past-lammat-card__dot {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 999px;
    background: #c3d600;
    box-shadow: 0 0 0 3px rgba(195, 214, 0, 0.2);
}
.past-lammat-more {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem 1.4rem;
    border-radius: 999px;
    background: #20260f;
    color: #c3d600;
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    transition:
        background 0.25s,
        color 0.25s,
        transform 0.25s;
}
.past-lammat-more:hover {
    background: #c3d600;
    color: #20260f;
    transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
    .past-lammat-card,
    .past-lammat-card__frame img,
    .past-lammat-card__stitch,
    .past-lammat-card__badge,
    .past-lammat-card__glow {
        transition: none;
    }
}

/* ── العودة للأعلى ── */
.back-to-top {
    position: fixed;
    inset-inline-end: 1.25rem;
    bottom: 1.25rem;
    z-index: 60;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: #20260f;
    color: #c3d600;
    border: 1px solid rgba(195, 214, 0, 0.25);
    box-shadow: 0 14px 30px -16px rgba(20, 25, 11, 0.7);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px) scale(0.92);
    pointer-events: none;
    transition:
        opacity 0.3s var(--ease),
        visibility 0.3s,
        transform 0.3s var(--ease),
        background 0.2s,
        color 0.2s;
}
.back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}
.back-to-top:hover {
    background: #c3d600;
    color: #20260f;
}
@media (prefers-reduced-motion: reduce) {
    .back-to-top {
        transition: none;
    }
}

/* ====================================================================
   مكوّنات صفحات الجائزة / جفرا / لمات / عن لمّه
   ==================================================================== */

/* ── ترويسة صفحة بصورة خلفية ── */
.page-hero--media::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--hero-img);
    background-size: cover;
    background-position: center;
    opacity: 0.3;
    filter: grayscale(0.3);
}
.page-hero--media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(32, 38, 15, 0.55) 0%,
        rgba(32, 38, 15, 0.82) 55%,
        rgba(32, 38, 15, 0.97) 100%
    );
}

/* ── شريط إحصاءات داخل الترويسة ── */
.hero-stats {
    display: grid;
    gap: 1px;
    background: rgba(241, 242, 230, 0.16);
    border: 1px solid rgba(241, 242, 230, 0.16);
    border-radius: 18px;
    overflow: hidden;
}
@media (min-width: 640px) {
    .hero-stats {
        grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr));
    }
}
.hero-stats > * {
    background: rgba(20, 25, 11, 0.72);
    padding: 1.35rem 1.5rem;
}
.hero-stat__num {
    font-family: Alexandria, sans-serif;
    font-weight: 800;
    font-size: 1.75rem;
    line-height: 1.1;
    color: #c3d600;
    font-variant-numeric: tabular-nums;
}
.hero-stat__label {
    font-size: 0.8rem;
    color: rgba(241, 242, 230, 0.6);
    margin-top: 0.35rem;
}

/* ── سطر معيار مرقّم ── */
.crit {
    display: flex;
    gap: 1.1rem;
    align-items: flex-start;
    padding: 1.15rem 0;
    border-bottom: 1px solid rgba(32, 38, 15, 0.1);
    transition: 0.35s var(--ease);
}
.crit:last-child {
    border-bottom: 0;
}
.crit:hover {
    padding-inline-start: 0.5rem;
}
.crit__n {
    flex: 0 0 auto;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    color: #4a5626;
    background: #edf2cf;
    transition: 0.35s var(--ease);
}
.crit:hover .crit__n {
    background: #20260f;
    color: #c3d600;
}

/* ── بطاقة معيار مع علامة صح ── */
.tick {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
}
.tick__mark {
    flex: 0 0 auto;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.15rem;
    border-radius: 50%;
    background: #c3d600;
    color: #20260f;
    display: grid;
    place-items: center;
}

/* ── الخط الزمني ── */
.tl {
    position: relative;
    padding-inline-start: 1.9rem;
}
.tl::before {
    content: "";
    position: absolute;
    inset-block: 0.55rem 0.55rem;
    inset-inline-start: 0.44rem;
    width: 2px;
    background: linear-gradient(
        to bottom,
        #c3d600,
        rgba(32, 38, 15, 0.18)
    );
}
.tl__item {
    position: relative;
    padding-bottom: 2rem;
}
.tl__item:last-child {
    padding-bottom: 0;
}
.tl__item::before {
    content: "";
    position: absolute;
    inset-block-start: 0.45rem;
    inset-inline-start: -1.9rem;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background: #f8f9f1;
    border: 2px solid #a8b900;
    transition: 0.35s var(--ease);
}
.tl__item:hover::before {
    background: #c3d600;
    transform: scale(1.25);
}
.tl--dark::before {
    background: linear-gradient(
        to bottom,
        #c3d600,
        rgba(241, 242, 230, 0.15)
    );
}
.tl--dark .tl__item::before {
    background: #14190b;
}

/* ── خطوات أفقية مرقّمة ── */
.steps {
    counter-reset: step;
    display: grid;
    gap: 1px;
    background: rgba(32, 38, 15, 0.14);
    border-radius: 18px;
    overflow: hidden;
}
@media (min-width: 768px) {
    .steps {
        grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr));
    }
}
.steps__item {
    counter-increment: step;
    background: #fafaf2;
    padding: 2rem 1.65rem;
    position: relative;
    transition: 0.4s var(--ease);
}
.steps__item::before {
    content: "\0660" counter(step, arabic-indic);
    font-family: Alexandria, sans-serif;
    font-weight: 800;
    font-size: 2.6rem;
    line-height: 1;
    color: rgba(32, 38, 15, 0.1);
    display: block;
    margin-bottom: 0.9rem;
    transition: 0.4s var(--ease);
}
.steps__item:hover {
    background: #fff;
}
.steps__item:hover::before {
    color: #c3d600;
}

/* ── حلقة نسبة مئوية ── */
.ring {
    position: relative;
    width: 118px;
    height: 118px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: conic-gradient(
        #c3d600 calc(var(--p) * 1%),
        rgba(241, 242, 230, 0.14) 0
    );
    flex: 0 0 auto;
}
.ring::before {
    content: "";
    position: absolute;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: #20260f;
}
.ring__val {
    position: relative;
    font-family: Alexandria, sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    color: #f1f2e6;
    font-variant-numeric: tabular-nums;
}
.ring-wrap {
    position: relative;
    display: grid;
    place-items: center;
}

/* ── منصّة الجوائز ── */
.podium {
    display: grid;
    gap: 1.25rem;
}
@media (min-width: 768px) {
    .podium {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: end;
    }
}
.prize {
    border-radius: 20px;
    padding: 2rem 1.75rem;
    border: 1px solid rgba(241, 242, 230, 0.16);
    background: rgba(241, 242, 230, 0.05);
    text-align: center;
    transition: 0.45s var(--ease);
}
.prize:hover {
    transform: translateY(-6px);
    border-color: rgba(195, 214, 0, 0.5);
}
.prize--first {
    background: #c3d600;
    border-color: #c3d600;
    color: #20260f;
    padding-block: 3rem;
}
.prize--wide {
    text-align: start;
}
.mailbox .copy-link-btn__icon {
    border-color: rgba(241, 242, 230, 0.35);
}
.mailbox .copy-link-btn__icon:hover {
    background: #c3d600;
    color: #20260f;
    border-color: #c3d600;
}
.prize__rank {
    font-size: 0.72rem;
    letter-spacing: 0.2em;
    font-weight: 600;
    opacity: 0.7;
    margin-bottom: 0.9rem;
}
.prize__amount {
    font-family: Alexandria, sans-serif;
    font-weight: 800;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

/* ── موجة صوتية ── */
.wave {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 44px;
}
.wave span {
    display: block;
    width: 4px;
    border-radius: 999px;
    background: #c3d600;
    height: 22%;
    animation: waveBeat 1.15s var(--ease) infinite alternate;
    animation-delay: var(--wd, 0ms);
    transform-origin: bottom;
}
.wave span:nth-child(3n) {
    background: rgba(241, 242, 230, 0.55);
}
.wave span:nth-child(4n) {
    background: rgba(168, 53, 43, 0.75);
}
@keyframes waveBeat {
    from {
        height: 18%;
    }
    to {
        height: 100%;
    }
}
@media (prefers-reduced-motion: reduce) {
    .wave span {
        animation: none;
        height: 60%;
    }
}

/* ── بطاقة تحويل كبيرة ── */
.jump {
    position: relative;
    display: block;
    border-radius: 22px;
    overflow: hidden;
    background: #20260f;
    color: #f1f2e6;
    isolation: isolate;
}
.jump__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.3;
    transition: transform 1.1s var(--ease), opacity 0.6s var(--ease);
    z-index: -2;
}
.jump:hover .jump__img {
    transform: scale(1.06);
    opacity: 0.42;
}
.jump__veil {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        to bottom,
        rgba(20, 25, 11, 0.55),
        rgba(20, 25, 11, 0.93)
    );
}

/* ── بطاقة بريد قابلة للنسخ ── */
.mailbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    border: 1px dashed rgba(241, 242, 230, 0.35);
    border-radius: 18px;
    padding: 1.5rem 1.75rem;
    background: rgba(241, 242, 230, 0.05);
    transition: 0.4s var(--ease);
}
.mailbox:hover {
    border-color: #c3d600;
}
.mailbox__addr {
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: clamp(1.05rem, 2.6vw, 1.5rem);
    color: #c3d600;
    letter-spacing: 0.01em;
}

/* ── وسم نوع غنائي ── */
.genre {
    position: relative;
    border: 1px solid rgba(32, 38, 15, 0.16);
    border-radius: 16px;
    padding: 1.4rem 1.25rem;
    text-align: center;
    background: #fafaf2;
    transition: 0.4s var(--ease);
    overflow: hidden;
}
.genre::after {
    content: "";
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
    height: 3px;
    background: #c3d600;
    transform: scaleX(0);
    transform-origin: inline-end;
    transition: transform 0.45s var(--ease);
}
.genre:hover {
    transform: translateY(-4px);
    border-color: rgba(32, 38, 15, 0.3);
}
.genre:hover::after {
    transform: scaleX(1);
}
.genre__name {
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: 1.05rem;
}

/* ── شريط مواصفات ── */
.specs {
    display: grid;
    gap: 1px;
    background: rgba(32, 38, 15, 0.14);
    border-radius: 18px;
    overflow: hidden;
}
@media (min-width: 640px) {
    .specs {
        grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr));
    }
}
.specs > * {
    background: #f8f9f1;
    padding: 1.4rem 1.35rem;
}

/* ── مرساة أقسام تحت النافبار اللاصق ── */
.anchor {
    scroll-margin-top: 132px;
}

/* ── تنقّل داخلي لاصق ── */
.subnav {
    position: sticky;
    top: 74px;
    z-index: 30;
    background: rgba(248, 249, 241, 0.92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(32, 38, 15, 0.08);
}
.subnav__link {
    padding: 1rem 0.25rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: rgba(32, 38, 15, 0.6);
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    transition: 0.3s var(--ease);
}
.subnav__link:hover {
    color: #20260f;
}
.subnav__link.is-active {
    color: #20260f;
    border-bottom-color: #c3d600;
}

/* ── لوح اقتباس ── */
.quote {
    position: relative;
    padding-inline-start: 2.5rem;
}
.quote::before {
    content: "”";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: -0.75rem;
    font-family: Alexandria, sans-serif;
    font-weight: 800;
    font-size: 4rem;
    line-height: 1;
    color: #c3d600;
}

/* ====================================================================
   صفحات برنامج لمات — الدليل والنموذج
   ==================================================================== */

/* ── فهرس جانبي لاصق ── */
.toc {
    border-inline-start: 2px solid rgba(32, 38, 15, 0.1);
}
.toc__link {
    display: block;
    padding: 0.6rem 0 0.6rem 0;
    padding-inline-start: 1.1rem;
    margin-inline-start: -2px;
    border-inline-start: 2px solid transparent;
    font-size: 0.9rem;
    line-height: 1.5;
    color: rgba(32, 38, 15, 0.55);
    transition: 0.3s var(--ease);
}
.toc__link:hover {
    color: #20260f;
    border-inline-start-color: rgba(32, 38, 15, 0.25);
}
.toc__link.is-active {
    color: #20260f;
    font-weight: 600;
    border-inline-start-color: #c3d600;
}

/* ── قسم موثّق برقم كبير ── */
.doc {
    position: relative;
    padding-top: 2.75rem;
    border-top: 1px solid rgba(32, 38, 15, 0.12);
}
.doc:first-child {
    border-top: 0;
    padding-top: 0;
}
.doc__n {
    font-family: Alexandria, sans-serif;
    font-weight: 800;
    font-size: 0.78rem;
    letter-spacing: 0.16em;
    color: #a8b900;
    display: block;
    margin-bottom: 0.85rem;
    font-variant-numeric: tabular-nums;
}

/* ── بطاقة لجنة ── */
.cttee {
    background: #fafaf2;
    border: 1px solid rgba(32, 38, 15, 0.1);
    border-radius: 18px;
    padding: 1.75rem;
    transition: 0.4s var(--ease);
}
.cttee:hover {
    border-color: rgba(32, 38, 15, 0.28);
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(32, 38, 15, 0.07);
}
.cttee__n {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: #edf2cf;
    color: #4a5626;
    display: grid;
    place-items: center;
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    margin-bottom: 1.1rem;
    transition: 0.4s var(--ease);
}
.cttee:hover .cttee__n {
    background: #20260f;
    color: #c3d600;
}

/* ── بطاقة رقم/مواصفة ── */
.figure-card {
    background: #f8f9f1;
    padding: 1.6rem 1.4rem;
}
.figure-card__num {
    font-family: Alexandria, sans-serif;
    font-weight: 800;
    font-size: 1.9rem;
    line-height: 1.1;
    color: #20260f;
    font-variant-numeric: tabular-nums;
    margin-bottom: 0.4rem;
}

/* ── بند مرقّم خفيف ── */
.rule-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 0.9rem 0;
}
.rule-item + .rule-item {
    border-top: 1px dashed rgba(32, 38, 15, 0.14);
}
.rule-item__n {
    flex: 0 0 auto;
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    color: #a8b900;
    min-width: 1.5rem;
    padding-top: 0.15rem;
    font-variant-numeric: tabular-nums;
}

/* ── حقول النموذج المجمّعة ── */
.fieldset {
    background: #fafaf2;
    border: 1px solid rgba(32, 38, 15, 0.1);
    border-radius: 22px;
    padding: 2rem;
}
@media (min-width: 1024px) {
    .fieldset {
        padding: 2.5rem;
    }
}
.fieldset__head {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.75rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(32, 38, 15, 0.1);
}
.fieldset__n {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 50%;
    background: #20260f;
    color: #c3d600;
    display: grid;
    place-items: center;
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    flex: 0 0 auto;
}

/* ── خانة اختيار على شكل بطاقة ── */
.check-card {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    border: 1px solid rgba(32, 38, 15, 0.16);
    border-radius: 14px;
    padding: 1rem 1.1rem;
    cursor: pointer;
    transition: 0.3s var(--ease);
    background: #fff;
}
.check-card:hover {
    border-color: rgba(32, 38, 15, 0.4);
}
.check-card:has(:checked) {
    border-color: #a8b900;
    background: #f7fadf;
}
.check-card input {
    margin-top: 0.2rem;
    width: 1rem;
    height: 1rem;
    accent-color: #9dad00;
    flex: 0 0 auto;
}

/* ── تنبيه ── */
.notice {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    border-radius: 16px;
    padding: 1.35rem 1.5rem;
    background: rgba(168, 53, 43, 0.07);
    border: 1px solid rgba(168, 53, 43, 0.22);
}
.notice__icon {
    flex: 0 0 auto;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: #a8352b;
    color: #fff;
    display: grid;
    place-items: center;
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
}

/* ── بطاقة تحويل بين صفحات البرنامج ── */
.next-card {
    display: block;
    border: 1px solid rgba(32, 38, 15, 0.14);
    border-radius: 22px;
    padding: 2rem;
    background: #fff;
    transition: 0.4s var(--ease);
}
.next-card:hover {
    border-color: #20260f;
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(32, 38, 15, 0.08);
}
.next-card__arrow {
    display: inline-block;
    transition: transform 0.4s var(--ease);
}
.next-card:hover .next-card__arrow {
    transform: translateX(-6px);
}

/* ====================================================================
   نافذة الملف الشخصي — مشتركة بين المتحدثين وفريق العمل
   ==================================================================== */
.profile-modal {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.35s var(--ease),
        visibility 0.35s;
}
.profile-modal.is-open {
    opacity: 1;
    visibility: visible;
}
.profile-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(20, 25, 11, 0.78);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.profile-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(940px, 100%);
    max-height: min(88vh, 820px);
    overflow: auto;
    background: #fafaf2;
    border-radius: 28px;
    box-shadow: 0 40px 90px -24px rgba(0, 0, 0, 0.5);
    transform: translateY(18px) scale(0.97);
    transition: transform 0.45s var(--ease);
}
.profile-modal.is-open .profile-modal__dialog {
    transform: translateY(0) scale(1);
}
.profile-modal__close {
    position: absolute;
    top: 1rem;
    inset-inline-end: 1rem;
    z-index: 5;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(250, 250, 242, 0.85);
    color: #20260f;
    transition:
        background 0.25s,
        color 0.25s,
        transform 0.35s var(--ease);
}
.profile-modal__close:hover {
    background: #20260f;
    color: #c3d600;
    transform: rotate(90deg);
}
.profile-modal__grid {
    display: grid;
}
@media (min-width: 768px) {
    .profile-modal__grid {
        grid-template-columns: minmax(280px, 40%) 1fr;
        min-height: 460px;
    }
    .profile-modal__dialog {
        overflow: hidden;
    }
    .profile-modal__body {
        overflow: auto;
        max-height: min(88vh, 820px);
    }
}
.profile-modal__media {
    position: relative;
    min-height: 300px;
    background: #edf2cf;
}
@media (min-width: 768px) {
    .profile-modal__media {
        min-height: 100%;
    }
}
.profile-modal__photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.profile-modal__fade {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(20, 25, 11, 0.88), transparent 55%);
}
@media (min-width: 768px) {
    .profile-modal__fade {
        background: linear-gradient(
            to top,
            rgba(20, 25, 11, 0.5),
            transparent 45%
        );
    }
}
.profile-modal__media-meta {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    padding: 1.35rem 1.5rem;
}
@media (min-width: 768px) {
    .profile-modal__media-meta {
        display: none;
    }
}
.profile-modal__meta-mobile {
    color: #c3d600;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 0.4rem;
}
.profile-modal__kicker-mobile {
    color: #fff;
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5;
}
.profile-modal__body {
    display: flex;
    flex-direction: column;
    padding: 2rem 1.6rem 2.25rem;
}
@media (min-width: 768px) {
    .profile-modal__body {
        padding: 2.75rem 2.5rem;
    }
}
.profile-modal__chip {
    display: inline-block;
    align-self: flex-start;
    font-size: 0.7rem;
    letter-spacing: 0.14em;
    font-weight: 700;
    color: #4a5626;
    background: #edf2cf;
    border-radius: 999px;
    padding: 0.4rem 1rem;
    margin-bottom: 1.35rem;
}
.profile-modal__chip:empty {
    display: none;
}
.profile-modal__kicker {
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: clamp(1rem, 2vw, 1.15rem);
    line-height: 1.6;
    color: #a8b900;
    margin-bottom: 0.6rem;
}
.profile-modal__kicker:empty {
    display: none;
}
.profile-modal__name {
    font-family: Alexandria, sans-serif;
    font-weight: 800;
    font-size: clamp(1.5rem, 3vw, 2rem);
    line-height: 1.45;
    color: #20260f;
}
.profile-modal__rule {
    flex: 0 0 auto;
    height: 2px;
    width: 3.5rem;
    background: #c3d600;
    border-radius: 999px;
    margin: 1.5rem 0;
}
.profile-modal__bio {
    font-size: 0.98rem;
    line-height: 2.05;
    color: rgba(32, 38, 15, 0.78);
    /* السير الذاتية القديمة تُسطّح من HTML إلى نص بأسطر — أبقِ فواصل الأسطر */
    white-space: pre-line;
}
.profile-modal__watch {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 0.5rem;
    margin-top: 2rem;
    background: #20260f;
    color: #c3d600;
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.75rem 1.25rem;
    border-radius: 999px;
    transition:
        background 0.3s,
        color 0.3s;
}
.profile-modal__watch:hover {
    background: #c3d600;
    color: #20260f;
}
[data-profile] {
    cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
    .profile-modal,
    .profile-modal__dialog,
    .profile-modal__close {
        transition: none;
    }
}


/* ── شريط التطريز في تذييل النوافذ ── */
.dialog-stitch {
    flex: 0 0 auto;
    margin-top: auto;
    padding-top: 1.75rem;
    overflow: hidden;
}
.dialog-stitch--dark {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(241, 242, 230, 0.14);
}
.dialog-stitch [data-stitch] {
    width: 100%;
    opacity: 0.9;
}

/* ====================================================================
   الميديا — بطاقات الألبومات ومعرض الألبوم
   ==================================================================== */
.alb {
    display: block;
}
.alb__media {
    position: relative;
    aspect-ratio: 16 / 11;
    border-radius: 20px;
    overflow: hidden;
    background: #20260f;
    isolation: isolate;
    transition:
        transform 0.5s var(--ease),
        box-shadow 0.5s var(--ease);
}
.alb__media--portrait {
    aspect-ratio: 3 / 4;
}
.alb:hover .alb__media {
    transform: translateY(-5px);
    box-shadow: 0 24px 46px -22px rgba(32, 38, 15, 0.55);
}
.alb__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    filter: saturate(0.92);
    transition:
        transform 1.1s var(--ease),
        filter 0.6s var(--ease);
}
.alb:hover .alb__img {
    transform: scale(1.06);
    filter: saturate(1.05);
}
.alb__veil {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        to top,
        rgba(20, 25, 11, 0.72) 0%,
        rgba(20, 25, 11, 0.15) 45%,
        transparent 100%
    );
}
.alb__count {
    position: absolute;
    inset-block-end: 0.9rem;
    inset-inline-start: 1rem;
    font-size: 0.72rem;
    font-weight: 700;
    color: #20260f;
    background: #c3d600;
    border-radius: 999px;
    padding: 0.25rem 0.75rem;
}
.alb__stitch {
    position: absolute;
    inset-block-start: 0.9rem;
    inset-inline-end: 0.9rem;
    width: 1rem;
    height: 1rem;
    opacity: 0;
    transform: scale(0.6);
    transition: 0.45s var(--ease);
}
.alb:hover .alb__stitch {
    opacity: 1;
    transform: none;
}
.alb__title {
    font-family: Alexandria, sans-serif;
    font-weight: 700;
    font-size: 1.02rem;
    line-height: 1.55;
    margin-top: 0.9rem;
    transition: color 0.3s var(--ease);
}
.alb:hover .alb__title {
    color: #a8b900;
}
.alb__meta {
    font-size: 0.78rem;
    color: #6e6f62;
    margin-top: 0.2rem;
}

/* لقطة داخل الألبوم */
.alb-shot {
    position: relative;
    display: block;
    aspect-ratio: 1;
    border-radius: 16px;
    overflow: hidden;
    background: #edf2cf;
}
.alb-shot__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.9s var(--ease);
}
.alb-shot:hover .alb-shot__img {
    transform: scale(1.07);
}
.alb-shot__glow {
    position: absolute;
    inset: 0;
    background: rgba(20, 25, 11, 0.35);
    opacity: 0;
    transition: opacity 0.4s var(--ease);
}
.alb-shot:hover .alb-shot__glow {
    opacity: 1;
}

/* تضمين SoundCloud وغيره */
.media-embed iframe {
    width: 100%;
    border: 0;
    border-radius: 12px;
    display: block;
}
.media-bio p {
    margin-bottom: 0.75rem;
}
.media-bio p:last-child {
    margin-bottom: 0;
}

/* ============ شريط اللمّة القائمة ============ */
.lamma-banner{
  position:relative;
  background:linear-gradient(100deg,#20260F 0%,#2F3A17 55%,#4A5626 100%);
  color:#F1F2E6;
  border-bottom:1px solid rgba(195,214,0,.35);
  overflow:hidden;
}
.lamma-banner::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 200% at 100% 0%,rgba(195,214,0,.22),transparent 60%);
}
.lamma-banner__inner{
  position:relative;z-index:1;
  max-width:80rem;margin:0 auto;padding:.7rem 1rem;
  display:flex;align-items:center;flex-wrap:wrap;gap:.55rem .9rem;
}
.lamma-banner__flag{
  display:inline-flex;align-items:center;gap:.45rem;flex:none;
  background:#C3D600;color:#20260F;
  font-weight:700;font-size:.72rem;letter-spacing:.01em;
  padding:.26rem .62rem;border-radius:999px;white-space:nowrap;
}
.lamma-banner__pulse{
  width:.42rem;height:.42rem;border-radius:999px;background:#20260F;
  animation:lammaPulse 1.8s ease-in-out infinite;
}
@keyframes lammaPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.lamma-banner__title{
  font-family:Alexandria,sans-serif;font-weight:600;
  font-size:.95rem;line-height:1.5;margin:0;
  flex:1 1 14rem;min-width:0;
}
.lamma-banner__meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .9rem;
  list-style:none;margin:0;padding:0;
  font-size:.78rem;color:rgba(241,242,230,.78);
}
.lamma-banner__meta li{display:inline-flex;align-items:center;gap:.3rem}
.lamma-banner__meta svg{width:.9rem;height:.9rem;flex:none;opacity:.75}
.lamma-banner__cta{
  display:inline-flex;align-items:center;gap:.3rem;flex:none;
  background:#C3D600;color:#20260F;
  font-weight:700;font-size:.8rem;
  padding:.4rem .9rem;border-radius:999px;
  transition:background .18s ease,transform .18s ease;
}
.lamma-banner__cta:hover{background:#D6E82B;transform:translateY(-1px)}
.lamma-banner__cta svg{width:.85rem;height:.85rem}
.lamma-banner__closed{
  flex:none;font-size:.76rem;font-weight:600;
  color:rgba(241,242,230,.7);
  border:1px dashed rgba(241,242,230,.35);
  padding:.32rem .7rem;border-radius:999px;white-space:nowrap;
}
@media (max-width:640px){
  .lamma-banner__inner{padding:.6rem .9rem;gap:.45rem .7rem}
  .lamma-banner__title{flex-basis:100%;font-size:.88rem}
  .lamma-banner__meta{font-size:.72rem;gap:.2rem .7rem}
}

/* ============ اللمّة القائمة — بطاقة الصفحة الرئيسية ============ */
.lm-spot{position:relative;padding:5rem 0;overflow:hidden;background:#14190B;color:#F1F2E6}
.lm-spot__bg{position:absolute;inset:0;
  background:radial-gradient(90% 120% at 85% 0%,rgba(195,214,0,.20),transparent 62%),
             radial-gradient(70% 100% at 0% 100%,rgba(74,86,38,.55),transparent 60%)}
.lm-spot__inner{position:relative;z-index:1;max-width:80rem;margin:0 auto;padding:0 1rem;
  display:grid;gap:2.5rem;align-items:center;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.lm-spot__inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3.5rem}}
.lm-spot__flag{display:inline-flex;align-items:center;gap:.5rem;
  background:#C3D600;color:#20260F;font-weight:700;font-size:.74rem;
  padding:.3rem .75rem;border-radius:999px;margin-bottom:1.25rem}
.lm-spot__pulse{width:.45rem;height:.45rem;border-radius:999px;background:#20260F;
  animation:lammaPulse 1.8s ease-in-out infinite}
.lm-spot__title{font-family:Alexandria,sans-serif;font-weight:800;
  font-size:clamp(1.7rem,4vw,2.75rem);line-height:1.4;margin:0 0 1.5rem;text-wrap:balance}
.lm-spot__facts{list-style:none;margin:0 0 1.5rem;padding:0;
  display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.9rem;color:rgba(241,242,230,.78)}
.lm-spot__facts li{display:inline-flex;align-items:center;gap:.45rem}
.lm-spot__facts svg{width:1.05rem;height:1.05rem;flex:none;color:#C3D600;opacity:.85}
.lm-spot__stats{display:flex;flex-wrap:wrap;gap:.4rem 1.75rem;margin-bottom:2rem;
  font-size:.84rem;color:rgba(241,242,230,.6)}
.lm-spot__stats strong{color:#C3D600;font-size:1.05rem;margin-inline-end:.2rem}
.lm-spot__cta{display:inline-flex;align-items:center;gap:.45rem;
  background:#C3D600;color:#20260F;font-weight:700;font-size:.92rem;
  padding:.7rem 1.5rem;border-radius:999px;transition:background .18s ease,transform .18s ease}
.lm-spot__cta:hover{background:#D6E82B;transform:translateY(-2px)}
.lm-spot__cta svg{width:1rem;height:1rem}
.lm-spot__media{position:relative;border-radius:1.25rem;overflow:hidden;
  aspect-ratio:4/3;background:rgba(241,242,230,.06);border:1px solid rgba(195,214,0,.25)}
.lm-spot__media img{width:100%;height:100%;object-fit:cover}
.lm-spot__stitch{position:absolute;inset-inline:0;bottom:0;height:1.5rem;opacity:.85}

/* ============ صفحة اللمّة ============ */
.lm-side{position:sticky;top:7.5rem;display:grid;gap:1.25rem}
.lm-facts{list-style:none;margin:0;padding:1.25rem;display:grid;gap:.9rem;
  background:#F1F2E6;border:1px solid rgba(74,86,38,.14);border-radius:1rem}
.lm-facts li{display:grid;gap:.15rem}
.lm-facts__key{font-size:.72rem;font-weight:600;color:#6E6F62;letter-spacing:.02em}
.lm-facts__val{font-size:.95rem;font-weight:600;color:#20260F;line-height:1.5}
.lm-share{padding:1.25rem;text-align:center;
  background:#20260F;color:#F1F2E6;border-radius:1rem}
.lm-share__title{font-family:Alexandria,sans-serif;font-weight:700;font-size:.95rem;margin:0}
.lm-share__hint{font-size:.74rem;color:rgba(241,242,230,.55);margin:.25rem 0 .9rem}
.lm-share__qr{width:9.5rem;height:9.5rem;margin:0 auto;border-radius:.6rem;background:#fff;padding:.35rem}
.lm-share__copy{margin-top:.9rem;width:100%;cursor:pointer;
  border:1px solid rgba(195,214,0,.45);background:transparent;color:#C3D600;
  font-weight:600;font-size:.82rem;padding:.5rem;border-radius:999px;
  transition:background .18s ease,color .18s ease}
.lm-share__copy:hover{background:#C3D600;color:#20260F}
.lm-share__copy.is-done{background:#C3D600;color:#20260F}

.tl__time{display:inline-block;font-weight:700;font-size:.82rem;color:#4A5626;
  background:#EDF2CF;padding:.15rem .55rem;border-radius:999px;margin-bottom:.35rem}
.tl__title{font-family:Alexandria,sans-serif;font-weight:600;font-size:1rem;color:#20260F;margin:0;line-height:1.6}

.lm-guest{cursor:pointer;text-align:center;transition:transform .2s ease}
.lm-guest:hover{transform:translateY(-3px)}
.lm-guest:focus-visible{outline:2px solid #C3D600;outline-offset:4px;border-radius:1rem}
.lm-guest__img{aspect-ratio:1;border-radius:1rem;overflow:hidden;background:#EDF2CF;margin-bottom:.75rem}
.lm-guest__img img{width:100%;height:100%;object-fit:cover}
.lm-guest__name{font-family:Alexandria,sans-serif;font-weight:700;font-size:.92rem;color:#20260F;margin:0;line-height:1.5}
.lm-guest__role{font-size:.76rem;color:#6E6F62;margin:.15rem 0 0;line-height:1.5}

/* ============ نموذج التسجيل ============ */
.lm-form{display:grid;gap:1.15rem}
.lm-field{display:grid;gap:.45rem}
.lm-field label{font-size:.84rem;font-weight:600;color:rgba(241,242,230,.85)}
.lm-field label span{color:#C3D600}
.lm-field input,.lm-select{
  width:100%;background:rgba(241,242,230,.06);color:#F1F2E6;
  border:1px solid rgba(241,242,230,.18);border-radius:.7rem;
  padding:.7rem .9rem;font-size:.92rem;font-family:inherit;
  transition:border-color .18s ease,background .18s ease}
.lm-field input::placeholder{color:rgba(241,242,230,.35)}
.lm-field input:focus,.lm-select:focus{outline:none;border-color:#C3D600;background:rgba(241,242,230,.1)}
.lm-select{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C3D600' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:1.1rem;background-position:left .9rem center}
[dir="ltr"] .lm-select{background-position:right .9rem center}
.lm-select option{background:#20260F;color:#F1F2E6}
/* A phone number reads left to right in any language: the country code sits on
   the left and the digits follow it, even on the RTL page. */
.lm-phone{direction:ltr;display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:.6rem}
@media (max-width:480px){.lm-phone{grid-template-columns:7.5rem minmax(0,1fr)}}
.lm-phone input{direction:ltr;text-align:left}
.lm-phone .nice-select__btn{direction:ltr;text-align:left}
/* The country list itself keeps the page direction so Arabic names read right. */
[dir="rtl"] .lm-phone .nice-select__panel{direction:rtl}
.lm-submit{justify-self:start;margin-top:.5rem;cursor:pointer;border:0;
  background:#C3D600;color:#20260F;font-family:Alexandria,sans-serif;font-weight:700;
  font-size:.95rem;padding:.8rem 2.25rem;border-radius:999px;
  transition:background .18s ease,transform .18s ease}
.lm-submit:hover{background:#D6E82B;transform:translateY(-2px)}
.lm-submit[disabled]{opacity:.6;cursor:progress;transform:none}
.lm-alert{background:rgba(168,53,43,.15);border:1px solid rgba(168,53,43,.5);
  border-radius:.8rem;padding:.9rem 1.1rem;margin-bottom:1.5rem}
.lm-alert ul{margin:0;padding-inline-start:1.1rem;display:grid;gap:.3rem;font-size:.86rem;color:#F4C9C5}
.lm-closed{text-align:center;padding:3rem 1.5rem;
  border:1px dashed rgba(241,242,230,.25);border-radius:1.25rem}
.lm-closed__title{font-family:Alexandria,sans-serif;font-weight:700;font-size:1.2rem;margin:0 0 .5rem}
.lm-closed__text{color:rgba(241,242,230,.6);font-size:.9rem;margin:0}

/* ============ القائمة المنسدلة الجميلة ============ */
.nice-select{position:relative}
.nice-select__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  cursor:pointer;background:rgba(241,242,230,.06);color:#F1F2E6;
  border:1px solid rgba(241,242,230,.18);border-radius:.7rem;
  padding:.7rem .9rem;font-size:.92rem;font-family:inherit;text-align:start;
  transition:border-color .18s ease,background .18s ease}
.nice-select__btn:hover{background:rgba(241,242,230,.1)}
.nice-select__btn[aria-expanded="true"]{border-color:#C3D600;background:rgba(241,242,230,.1)}
.nice-select__btn svg{width:1.05rem;height:1.05rem;flex:none;color:#C3D600;transition:transform .2s ease}
.nice-select__btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.nice-select__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nice-select__label--empty{color:rgba(241,242,230,.35)}
.nice-select__panel{position:absolute;z-index:40;inset-inline:0;top:calc(100% + .35rem);
  background:#20260F;border:1px solid rgba(195,214,0,.35);border-radius:.8rem;
  box-shadow:0 18px 40px rgba(0,0,0,.45);overflow:hidden}
.nice-select__search{width:100%;background:rgba(241,242,230,.06);color:#F1F2E6;
  border:0;border-bottom:1px solid rgba(241,242,230,.12);
  padding:.65rem .9rem;font-size:.86rem;font-family:inherit}
.nice-select__search:focus{outline:none;background:rgba(241,242,230,.1)}
.nice-select__search::placeholder{color:rgba(241,242,230,.35)}
.nice-select__list{list-style:none;margin:0;padding:.3rem;max-height:15rem;overflow-y:auto}
.nice-select__list li{display:flex;align-items:center;gap:.6rem;cursor:pointer;
  padding:.5rem .65rem;border-radius:.5rem;font-size:.88rem;color:rgba(241,242,230,.85);
  transition:background .12s ease}
.nice-select__list li:hover,.nice-select__list li.is-cursor{background:rgba(195,214,0,.16);color:#F1F2E6}
.nice-select__list li[aria-selected="true"]{background:#C3D600;color:#20260F;font-weight:600}
.nice-select__list li[hidden]{display:none}
.nice-select__flag{flex:none;font-size:.64rem;font-weight:700;letter-spacing:.04em;
  background:rgba(241,242,230,.1);padding:.12rem .3rem;border-radius:.25rem}
.nice-select__list li[aria-selected="true"] .nice-select__flag{background:rgba(32,38,15,.15)}
.nice-select__dial{margin-inline-start:auto;font-size:.78rem;opacity:.7}
.nice-select__empty{margin:0;padding:.9rem;text-align:center;font-size:.82rem;color:rgba(241,242,230,.45)}
.nice-select--dial .nice-select__panel{min-width:17rem}

/* ============ بطاقة الدخول ============ */
.ticket-page{background:#14190B;color:#F1F2E6;min-height:70vh;padding:4.5rem 0 5rem;position:relative}
.ticket-page::before{content:"";position:absolute;inset:0;
  background:radial-gradient(80% 100% at 50% 0%,rgba(195,214,0,.16),transparent 60%)}
.ticket-page__inner{position:relative;z-index:1;max-width:34rem;margin:0 auto;padding:0 1rem;text-align:center}
.ticket-flash{background:rgba(195,214,0,.16);border:1px solid rgba(195,214,0,.5);
  color:#DCEB55;border-radius:.8rem;padding:.7rem 1rem;font-size:.88rem;margin:0 0 1.75rem}
.ticket{position:relative;background:#F8F9F1;color:#20260F;border-radius:1.35rem;
  overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.4);text-align:start}
.ticket__qr{padding:2rem 1.5rem 1.25rem;display:grid;place-items:center;background:#fff}
.ticket__qr img{width:13.5rem;height:13.5rem}
.ticket__body{padding:1.25rem 1.5rem 2.25rem;border-top:2px dashed rgba(74,86,38,.28)}
.ticket__rows{margin:0;display:grid;gap:.85rem}
.ticket__rows>div{display:grid;gap:.1rem}
.ticket__rows dt{font-size:.72rem;font-weight:600;color:#6E6F62;margin:0}
.ticket__rows dd{margin:0;font-size:1rem;font-weight:600;color:#20260F;line-height:1.5}
.ticket__state{margin:1.1rem 0 0;font-size:.82rem;font-weight:600;
  padding:.4rem .8rem;border-radius:999px;display:inline-block}
.ticket__state--in{background:#EDF2CF;color:#4A5626}
.ticket__stitch{position:absolute;inset-inline:0;bottom:0;height:1.15rem;opacity:.5}
.ticket-actions{margin-top:1.75rem}
.ticket-actions__save{display:inline-flex;align-items:center;gap:.5rem;
  background:#C3D600;color:#20260F;font-weight:700;font-size:.92rem;
  padding:.8rem 1.75rem;border-radius:999px;transition:background .18s ease,transform .18s ease}
.ticket-actions__save:hover{background:#D6E82B;transform:translateY(-2px)}
.ticket-actions__save svg{width:1.05rem;height:1.05rem}
.ticket-actions__note{margin:.75rem 0 0;font-size:.78rem;color:rgba(241,242,230,.45)}
.ticket-mail{margin:1.75rem 0 0;font-size:.82rem;color:rgba(241,242,230,.6);line-height:1.8}
.ticket-mail__ok{color:#C3D600;font-weight:600}
.ticket-mail__warn{display:block;margin-top:.3rem;color:#E8C86A}
.ticket-back{display:inline-block;margin-top:2rem;font-size:.84rem;
  color:rgba(241,242,230,.55);border-bottom:1px solid rgba(241,242,230,.25);
  padding-bottom:.1rem;transition:color .18s ease,border-color .18s ease}
.ticket-back:hover{color:#C3D600;border-color:#C3D600}

/* ============================================================
   صفحة اللمّة  —  نظام lx-
   ============================================================ */
.lx-sec{position:relative}
.lx-eyebrow{display:flex;align-items:center;gap:.7rem;margin:0 0 .9rem;
  font-family:Alexandria,sans-serif;font-weight:600;font-size:.76rem;
  letter-spacing:.16em;color:#4A5626;text-transform:uppercase}
.lx-eyebrow__n{display:grid;place-items:center;width:1.75rem;height:1.75rem;
  border-radius:.5rem;background:#EDF2CF;color:#4A5626;
  font-size:.7rem;font-weight:800;letter-spacing:0}
.lx-eyebrow--light{color:#C3D600}
.lx-eyebrow--light .lx-eyebrow__n{background:rgba(195,214,0,.16);color:#C3D600}
.lx-h2{font-family:Alexandria,sans-serif;font-weight:800;margin:0 0 1.75rem;
  font-size:clamp(1.5rem,3.2vw,2.25rem);line-height:1.4;color:#20260F;text-wrap:balance}

/* ---------- الهيرو ---------- */
.lx-hero{position:relative;isolation:isolate;overflow:hidden;
  background:#11150A;color:#F1F2E6;padding:7rem 0 6.5rem;text-align:center}
.lx-hero--media::before{content:"";position:absolute;inset:0;z-index:-3;
  background-image:var(--lx-img);background-size:cover;background-position:center;
  transform:scale(1.06);animation:lxDrift 26s ease-in-out infinite alternate}
@keyframes lxDrift{from{transform:scale(1.06) translateY(0)}to{transform:scale(1.15) translateY(-16px)}}
.lx-hero__veil{position:absolute;inset:0;z-index:-2;
  background:linear-gradient(180deg,rgba(17,21,10,.72),rgba(17,21,10,.95))}
.lx-hero:not(.lx-hero--media) .lx-hero__veil{background:none}

/* شبكة ضوء متحركة */
.lx-mesh{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.lx-mesh span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}
.lx-mesh span:nth-child(1){width:34rem;height:34rem;top:-14rem;left:50%;margin-left:-17rem;
  background:rgba(195,214,0,.34);animation:lxFloat1 18s ease-in-out infinite alternate}
.lx-mesh span:nth-child(2){width:26rem;height:26rem;bottom:-12rem;inset-inline-start:-8rem;
  background:rgba(74,86,38,.75);animation:lxFloat2 22s ease-in-out infinite alternate}
.lx-mesh span:nth-child(3){width:20rem;height:20rem;top:20%;inset-inline-end:-6rem;
  background:rgba(168,53,43,.28);animation:lxFloat3 26s ease-in-out infinite alternate}
@keyframes lxFloat1{to{transform:translate(-3rem,4rem) scale(1.15)}}
@keyframes lxFloat2{to{transform:translate(4rem,-3rem) scale(1.2)}}
@keyframes lxFloat3{to{transform:translate(-3rem,-4rem) scale(1.1)}}

.lx-hero__inner{position:relative;max-width:54rem;margin:0 auto;padding:0 1.25rem}
.lx-crumb{font-size:.74rem;color:rgba(241,242,230,.42);margin:0 0 1.75rem;
  display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.lx-crumb a{transition:color .2s ease}
.lx-crumb a:hover{color:#C3D600}
.lx-status{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1.6rem;
  background:rgba(195,214,0,.12);border:1px solid rgba(195,214,0,.4);color:#C3D600;
  font-weight:600;font-size:.77rem;padding:.4rem 1rem;border-radius:999px;
  backdrop-filter:blur(8px)}
.lx-status--closed{background:rgba(241,242,230,.06);border-color:rgba(241,242,230,.22);color:rgba(241,242,230,.6)}
.lx-status__dot{width:.42rem;height:.42rem;border-radius:999px;background:currentColor;
  box-shadow:0 0 0 0 currentColor;animation:lxPing 2s cubic-bezier(.4,0,.6,1) infinite}
@keyframes lxPing{0%{box-shadow:0 0 0 0 rgba(195,214,0,.6)}70%{box-shadow:0 0 0 .5rem rgba(195,214,0,0)}100%{box-shadow:0 0 0 0 rgba(195,214,0,0)}}
.lx-title{font-family:Alexandria,sans-serif;font-weight:800;margin:0;
  font-size:clamp(2.1rem,6vw,4rem);line-height:1.28;letter-spacing:-.01em;text-wrap:balance}
.lx-rule{display:flex;justify-content:center;margin:1.6rem 0 0}
.lx-rule span{display:block;width:4.5rem;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,#C3D600,transparent)}
.lx-year{font-family:Alexandria,sans-serif;font-weight:700;margin:1.1rem 0 0;
  font-size:.95rem;letter-spacing:.35em;color:rgba(195,214,0,.7)}

.lx-count{position:relative;margin:2.75rem auto 0;display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap}
.lx-count__cell{min-width:5rem;padding:.95rem .55rem;border-radius:1rem;
  background:rgba(241,242,230,.05);border:1px solid rgba(241,242,230,.12);
  backdrop-filter:blur(10px);transition:border-color .3s ease,transform .3s var(--ease)}
.lx-count__cell:hover{border-color:rgba(195,214,0,.5);transform:translateY(-3px)}
.lx-count__num{display:block;font-family:Alexandria,sans-serif;font-weight:800;
  font-size:1.8rem;line-height:1.05;color:#C3D600;font-variant-numeric:tabular-nums}
.lx-count__lbl{display:block;margin-top:.25rem;font-size:.66rem;letter-spacing:.06em;color:rgba(241,242,230,.45)}
.lx-count.is-done .lx-count__cell{display:none}
.lx-count__done{margin:0;font-family:Alexandria,sans-serif;font-weight:700;color:#C3D600}

.lx-hero__cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:2.75rem}
.lx-btn{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;border:0;
  font-family:Alexandria,sans-serif;font-weight:700;font-size:.92rem;
  padding:.85rem 1.9rem;border-radius:999px;
  transition:transform .25s var(--ease),background .25s ease,box-shadow .25s ease,color .25s ease}
.lx-btn svg{width:1rem;height:1rem}
.lx-btn--solid{background:#C3D600;color:#20260F;box-shadow:0 12px 34px rgba(195,214,0,.25)}
.lx-btn--solid:hover{background:#D6E82B;transform:translateY(-3px);box-shadow:0 20px 46px rgba(195,214,0,.36)}
.lx-btn--ghost{background:rgba(241,242,230,.05);color:#F1F2E6;border:1px solid rgba(241,242,230,.25);backdrop-filter:blur(8px)}
.lx-btn--ghost:hover{border-color:#C3D600;color:#C3D600;transform:translateY(-3px)}
.lx-btn--ghost.is-done{background:#C3D600;color:#20260F;border-color:#C3D600}
.lx-hero__stitch{position:absolute;inset-inline:0;bottom:0;height:1.4rem;opacity:.55}

/* ---------- شريط التفاصيل ---------- */
.lx-facts{max-width:76rem;margin:-3.25rem auto 0;padding:0 1.25rem;position:relative;z-index:5}
.lx-facts__card{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));
  background:#FAFAF2;border:1px solid rgba(74,86,38,.13);border-radius:1.4rem;
  box-shadow:0 26px 60px rgba(17,21,10,.14);overflow:hidden}
.lx-fact{display:flex;gap:.9rem;align-items:flex-start;padding:1.6rem 1.4rem;
  position:relative;transition:background .3s ease}
.lx-fact:hover{background:#F1F2E6}
.lx-fact+.lx-fact::before{content:"";position:absolute;inset-block:1.4rem;inset-inline-start:0;
  width:1px;background:repeating-linear-gradient(180deg,rgba(74,86,38,.28) 0 4px,transparent 4px 9px)}
@media (max-width:900px){.lx-fact+.lx-fact::before{inset-inline:1.4rem;inset-block-start:0;
  width:auto;height:1px;background:repeating-linear-gradient(90deg,rgba(74,86,38,.28) 0 4px,transparent 4px 9px)}}
.lx-fact__icon{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:.8rem;
  background:#EDF2CF;color:#4A5626;transition:transform .3s var(--ease),background .3s ease}
.lx-fact:hover .lx-fact__icon{transform:scale(1.08) rotate(-4deg);background:#C3D600;color:#20260F}
.lx-fact__icon svg{width:1.25rem;height:1.25rem}
.lx-fact__key{margin:0;font-size:.7rem;font-weight:600;color:#6E6F62;letter-spacing:.06em;text-transform:uppercase}
.lx-fact__val{margin:.3rem 0 0;font-family:Alexandria,sans-serif;font-weight:700;
  font-size:1rem;line-height:1.45;color:#20260F}
.lx-fact__sub{margin:.2rem 0 0;font-size:.82rem;color:#6E6F62;min-height:1.2em}
.lx-fact--tba .lx-fact__val{color:#9A9B8E;font-weight:600}
.lx-fact--tba .lx-fact__icon{background:#F1F2E6;color:#9A9B8E}

/* ---------- عن اللمّة ---------- */
.lx-about{padding:5.5rem 0 4.5rem}
.lx-about__inner{max-width:76rem;margin:0 auto;padding:0 1.25rem;
  display:grid;gap:2.75rem;align-items:start}
@media (min-width:1024px){.lx-about__inner{grid-template-columns:minmax(0,1fr) 19.5rem;gap:4.5rem}}
.lx-prose{line-height:2.05;color:rgba(32,38,15,.75);font-size:1.02rem}
.lx-prose p{margin-bottom:1.1rem}
.lx-prose--empty{color:rgba(32,38,15,.5)}
.lx-mini{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-top:2rem;
  padding-top:1.5rem;border-top:1px solid rgba(74,86,38,.12);
  font-size:.86rem;color:#6E6F62}
.lx-mini strong{color:#4A5626;font-family:Alexandria,sans-serif;font-size:1.25rem;margin-inline-end:.3rem}
.lx-share{position:relative;overflow:hidden;text-align:center;
  background:linear-gradient(160deg,#20260F,#2C3617);color:#F1F2E6;
  border-radius:1.4rem;padding:1.6rem 1.4rem 2.4rem;
  box-shadow:0 20px 46px rgba(17,21,10,.2)}
.lx-share__title{font-family:Alexandria,sans-serif;font-weight:700;font-size:1.02rem;margin:0}
.lx-share__hint{font-size:.74rem;color:rgba(241,242,230,.45);margin:.3rem 0 1.1rem}
.lx-share__qr{width:10.5rem;height:10.5rem;margin:0 auto;border-radius:.8rem;background:#fff;padding:.45rem;
  transition:transform .35s var(--ease)}
.lx-share:hover .lx-share__qr{transform:scale(1.04)}
.lx-share__copy{margin-top:1.1rem;width:100%;cursor:pointer;
  border:1px solid rgba(195,214,0,.42);background:transparent;color:#C3D600;
  font-weight:600;font-size:.84rem;padding:.6rem;border-radius:999px;
  transition:background .2s ease,color .2s ease}
.lx-share__copy:hover,.lx-share__copy.is-done{background:#C3D600;color:#20260F}
.lx-share__stitch{position:absolute;inset-inline:0;bottom:0;height:.9rem;opacity:.4}

/* ---------- البرنامج ---------- */
.lx-agenda{padding:4.5rem 0;background:linear-gradient(180deg,#F1F2E6,#FAFAF2)}
.lx-agenda__inner{max-width:64rem;margin:0 auto;padding:0 1.25rem}

.lx-prog{position:relative;display:grid;margin:2.75rem 0 0;padding:0}
@media (min-width:768px){
  .lx-prog{grid-template-columns:12.5rem minmax(0,1fr);column-gap:2.5rem}
}

/* اللوح الأخضر خلف عمود الأوقات — يمتد بطول الشبكة كاملة */
.lx-prog__panel{display:none}
@media (min-width:768px){
  .lx-prog__panel{display:block;position:absolute;inset-block:0;
    inset-inline-start:0;width:12.5rem;background:#4A5626;border-radius:.4rem;
    /* الحزّ العلوي والسفلي كما في التصميم */
    clip-path:polygon(0 0,50% 5%,100% 0,100% 100%,50% 95%,0 100%);
    box-shadow:0 14px 34px rgba(74,86,38,.22)}
}

.lx-prog__slot{display:none}
@media (min-width:768px){
  .lx-prog__slot{position:relative;display:grid;place-items:center;
    margin:0;padding:1.55rem 1rem;color:#fff;
    font-family:Alexandria,sans-serif;font-weight:600;font-size:.95rem;
    font-variant-numeric:tabular-nums}
  .lx-prog__slot+.lx-prog__slot,
  .lx-prog__item+.lx-prog__slot{border-top:1px solid rgba(255,255,255,.28)}
  .lx-prog__slot:first-of-type{border-top:0;padding-top:2.6rem}
  .lx-prog__slot:last-of-type{padding-bottom:2.6rem}
}

.lx-prog__item{margin:0;border-top:1px solid rgba(74,86,38,.18)}
.lx-prog__item:last-of-type{border-bottom:1px solid rgba(74,86,38,.18)}
.lx-prog__head{display:flex;align-items:center;gap:1rem;width:100%;
  padding:1.55rem 0;background:none;border:0;text-align:start;cursor:pointer;
  font-family:Alexandria,sans-serif}
.lx-prog__head[disabled]{cursor:default}
.lx-prog__time{display:inline-block;flex:none;font-weight:600;font-size:.85rem;
  color:#4A5626;font-variant-numeric:tabular-nums}
@media (min-width:768px){.lx-prog__time{display:none}}
.lx-prog__title{flex:1 1 auto;min-width:0;font-weight:600;
  font-size:clamp(1.05rem,2.2vw,1.35rem);line-height:1.55;color:#20260F;
  transition:color .25s ease}
.lx-prog__head:hover .lx-prog__title{color:#4A5626}
.lx-prog__item.is-open .lx-prog__title{color:#5BA85C}

/* علامة + / − مرسومة بالـCSS فتتحوّل بنعومة */
.lx-prog__sign{position:relative;flex:none;width:1.15rem;height:1.15rem}
.lx-prog__sign::before,.lx-prog__sign::after{content:"";position:absolute;
  inset-inline-start:0;top:50%;width:100%;height:1.5px;background:#20260F;
  transition:transform .3s var(--ease),background-color .25s ease}
.lx-prog__sign::after{transform:rotate(90deg)}
.lx-prog__item.is-open .lx-prog__sign::before,
.lx-prog__item.is-open .lx-prog__sign::after{background:#5BA85C}
.lx-prog__item.is-open .lx-prog__sign::after{transform:rotate(0)}

/* الوصف — ارتفاع محسوب بالجافاسكربت فتكون الحركة ناعمة */
.lx-prog__body{overflow:hidden;height:0;transition:height .32s var(--ease)}
.lx-prog__body p{margin:0;padding:0 0 1.6rem;line-height:1.9;
  font-size:1rem;color:rgba(32,38,15,.6)}

@media (prefers-reduced-motion:reduce){
  .lx-prog__body,.lx-prog__sign::before,.lx-prog__sign::after{transition:none}
}

/* ---------- الضيوف ---------- */
.lx-guests{padding:4.5rem 0 5.5rem}
.lx-guests__inner{max-width:76rem;margin:0 auto;padding:0 1.25rem}
.lx-guests__grid{display:grid;gap:1.6rem;margin-top:2.75rem;
  grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}
.lx-guest{cursor:pointer;text-align:center}
.lx-guest:focus-visible{outline:2px solid #C3D600;outline-offset:5px;border-radius:1.2rem}
.lx-guest__img{position:relative;aspect-ratio:1;border-radius:1.2rem;overflow:hidden;
  background:#EDF2CF;margin-bottom:.9rem;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.lx-guest:hover .lx-guest__img{transform:translateY(-6px);box-shadow:0 22px 46px rgba(17,21,10,.2)}
.lx-guest__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.lx-guest:hover .lx-guest__img img{transform:scale(1.08)}
.lx-guest__shade{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;
  background:linear-gradient(180deg,transparent 45%,rgba(17,21,10,.45))}
.lx-guest:hover .lx-guest__shade{opacity:1}
.lx-guest__more{position:absolute;inset-inline-end:.65rem;bottom:.65rem;
  display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;
  background:#C3D600;color:#20260F;opacity:0;transform:scale(.5) rotate(-90deg);
  transition:opacity .3s ease,transform .35s var(--ease)}
.lx-guest:hover .lx-guest__more{opacity:1;transform:scale(1) rotate(0)}
.lx-guest__more svg{width:1rem;height:1rem}
.lx-guest__name{margin:0;font-family:Alexandria,sans-serif;font-weight:700;
  font-size:.96rem;line-height:1.5;color:#20260F}
.lx-guest__role{margin:.18rem 0 0;font-size:.78rem;color:#6E6F62;line-height:1.5}

/* ---------- الحالة الفارغة ---------- */
.lx-empty{margin-top:2.5rem;text-align:center;padding:3.25rem 1.5rem;
  border:1.5px dashed rgba(74,86,38,.26);border-radius:1.4rem;background:rgba(237,242,207,.28)}
.lx-empty__icon{display:grid;place-items:center;width:3.4rem;height:3.4rem;margin:0 auto 1.1rem;
  border-radius:1rem;background:#EDF2CF;color:#4A5626}
.lx-empty__icon svg{width:1.6rem;height:1.6rem}
.lx-empty__title{margin:0;font-family:Alexandria,sans-serif;font-weight:700;
  font-size:1.05rem;color:#20260F}
.lx-empty__hint{margin:.45rem 0 0;font-size:.88rem;color:#6E6F62}

@media (prefers-reduced-motion:reduce){
  .lx-hero--media::before,.lx-mesh span,.lx-status__dot{animation:none}
}

/* ---------- أخطاء نموذج التسجيل ---------- */
.lm-error{margin:.15rem 0 0;font-size:.8rem;line-height:1.6;color:#F4A8A1}
.lm-field.is-invalid input,
.lm-field.is-invalid .lm-select,
.lm-field.is-invalid .nice-select__btn{border-color:#C9564B;background:rgba(168,53,43,.1)}
.lm-alert{background:rgba(168,53,43,.16);border:1px solid rgba(168,53,43,.5);
  border-radius:.8rem;padding:.85rem 1.1rem;font-size:.86rem;color:#F4C9C5}
.lm-alert[hidden]{display:none}

/* ---------- قائمة بلا بحث (كيف عرفت باللمّة) ---------- */
.nice-select--plain .nice-select__panel{padding:.3rem}
.nice-select--plain .nice-select__list{max-height:17rem;padding:0}
.nice-select__mark{display:grid;place-items:center;flex:none;
  width:1.15rem;height:1.15rem;border-radius:.35rem;
  border:1.5px solid rgba(241,242,230,.28);color:transparent;
  transition:background .18s ease,border-color .18s ease,color .18s ease}
.nice-select__mark svg{width:.7rem;height:.7rem}
.nice-select__list li:hover .nice-select__mark,
.nice-select__list li.is-cursor .nice-select__mark{border-color:rgba(195,214,0,.6)}
.nice-select__list li[aria-selected="true"] .nice-select__mark{
  background:#20260F;border-color:#20260F;color:#C3D600}

/* ---------- أخطاء نموذج «شاركنا قصتك» ---------- */
.sh-error{margin:.4rem 0 0;font-size:.82rem;line-height:1.6;color:#A8352B}
.sh-error[hidden]{display:none}
.sh-alert{background:rgba(168,53,43,.08);border:1px solid rgba(168,53,43,.35);
  border-radius:.8rem;padding:.85rem 1.1rem;font-size:.88rem;color:#A8352B}
.sh-alert[hidden]{display:none}
/* .sh-field is a hook for error painting only: it must not carry layout or
   colour, or it would drag the dark .lm-* registration styling onto this
   light page — and .lm-field input{width:100%} beat .sr-only, which blew
   the document 874px past the viewport. */
.lm-field.is-invalid .input,
.sh-field.is-invalid .input,
.sh-field.is-invalid textarea{border-color:#A8352B;background:rgba(168,53,43,.04)}