/* === SND REVIEWS :: start === */
/*
 * «وش قالوا عن سند؟» — page-content section, scoped to .snd-reviews.
 * The loop lives in assets/js/theme.js (clones the group once, auto-moves, drag).
 */
.snd-reviews{--snd-bg:#090806;--snd-card:#11100d;--snd-card2:#17140f;--snd-gold:#d5a147;--snd-gold2:#e6b85f;--snd-white:#f7f5f0;--snd-muted:#b8b3aa;--snd-line:rgba(213,161,71,.24);--snd-gap:20px;position:relative;overflow:hidden;padding:clamp(56px,7vw,96px) 0;background:var(--snd-bg);color:var(--snd-white);direction:rtl}
.snd-reviews *,.snd-reviews *::before,.snd-reviews *::after{box-sizing:border-box}
.snd-reviews__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;max-width:1180px;margin:0 auto clamp(28px,4vw,44px);padding-inline:24px}
.snd-reviews__copy h2{margin:0;color:var(--snd-white);font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.3}
.snd-reviews__copy p{margin:8px 0 0;color:var(--snd-muted);font-size:clamp(14px,1.3vw,16px);line-height:1.7}
.snd-reviews__proof{display:flex;flex-direction:column;gap:2px;flex-shrink:0;padding-inline-start:28px;border-inline-start:1px solid var(--snd-line)}
.snd-reviews__proof strong{color:var(--snd-gold);font-size:clamp(34px,3.6vw,48px);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.snd-reviews__proof span{color:var(--snd-muted);font-size:14px}
.snd-reviews__marquee{position:relative;overflow:hidden;touch-action:pan-y;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.snd-reviews__marquee.is-dragging{cursor:grabbing}
.snd-reviews__track{display:flex;gap:var(--snd-gap);width:max-content;padding-block:6px 10px;will-change:transform}
.snd-reviews__group{display:flex;gap:var(--snd-gap);margin:0;padding:0;list-style:none}
.snd-review{flex:0 0 clamp(260px,23.5vw,340px);display:flex;flex-direction:column;gap:14px;min-height:168px;margin:0;padding:22px 22px 24px;border:1px solid var(--snd-line);border-radius:16px;background:linear-gradient(160deg,var(--snd-card2),var(--snd-card) 62%);user-select:none;transition:transform .35s ease,border-color .35s ease}
.snd-review__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.snd-review__name{color:var(--snd-white);font-size:16px;font-weight:700}
.snd-review__stars{color:var(--snd-gold);font-size:14px;line-height:1;letter-spacing:2px}
.snd-review__text{display:-webkit-box;margin:0;overflow:hidden;color:var(--snd-muted);font-size:15px;line-height:1.75;-webkit-line-clamp:5;-webkit-box-orient:vertical}
@media (hover:hover){.snd-review:hover{transform:translateY(-4px);border-color:rgba(213,161,71,.38)}}
@media (max-width:900px){.snd-review{flex-basis:clamp(260px,40vw,320px)}}
@media (max-width:600px){
.snd-reviews{--snd-gap:14px;padding:48px 0}
.snd-reviews__header{flex-direction:column;align-items:stretch;gap:18px;padding-inline:18px}
.snd-reviews__proof{flex-direction:row;align-items:baseline;gap:10px;padding:14px 0 0;border-inline-start:0;border-top:1px solid var(--snd-line)}
.snd-reviews__proof strong{font-size:32px}
.snd-reviews__marquee{-webkit-mask-image:none;mask-image:none}
.snd-reviews__track{padding-inline-start:18px}
.snd-review{flex-basis:78vw;min-height:150px;padding:18px 18px 20px}
.snd-review__text{font-size:14px;-webkit-line-clamp:6}
}
@media (prefers-reduced-motion:reduce){.snd-review{transition:none}}
.snd-review__stars .is-empty{opacity:.28}
/* SND CARD V2 */
/* كارت هندسي بزوايا مقصوصة: الخلفية الخارجية هي الإطار، والنيون حتة منورة بتلف عليه */
@property --snd-spin{syntax:"<angle>";inherits:true;initial-value:0deg}
@keyframes sndSpin{to{--snd-spin:360deg}}
.snd-reviews{--snd-cut:18px;animation:sndSpin 7s linear infinite}
.snd-reviews__copy h2 em{font-style:normal;color:var(--snd-gold2)}
.snd-review{flex:0 0 clamp(240px,21vw,300px);display:flex;gap:0;min-height:0;padding:0;border:0;border-radius:0;background:none}
.snd-review__card{--o:0deg;position:relative;display:flex;flex:1 1 auto;flex-direction:column;gap:12px;width:100%;padding:18px 20px 16px;clip-path:polygon(var(--snd-cut) 0,calc(100% - var(--snd-cut)) 0,100% var(--snd-cut),100% calc(100% - var(--snd-cut)),calc(100% - var(--snd-cut)) 100%,var(--snd-cut) 100%,0 calc(100% - var(--snd-cut)),0 var(--snd-cut));background:conic-gradient(from calc(var(--snd-spin) + var(--o)),rgba(213,161,71,.22) 0deg,rgba(213,161,71,.22) 210deg,#d5a147 255deg,#fff1c9 282deg,#e6b85f 305deg,rgba(213,161,71,.22) 350deg)}
.snd-review__card::before{content:"";position:absolute;inset:1.5px;z-index:0;clip-path:polygon(calc(var(--snd-cut) - .62px) 0,calc(100% - var(--snd-cut) + .62px) 0,100% calc(var(--snd-cut) - .62px),100% calc(100% - var(--snd-cut) + .62px),calc(100% - var(--snd-cut) + .62px) 100%,calc(var(--snd-cut) - .62px) 100%,0 calc(100% - var(--snd-cut) + .62px),0 calc(var(--snd-cut) - .62px));background:radial-gradient(120% 90% at 100% 0,rgba(213,161,71,.08),transparent 55%),linear-gradient(160deg,#17140f,#0c0b08 70%)}
.snd-review__card > *{position:relative;z-index:1}
.snd-review:nth-child(3n+2) .snd-review__card{--o:120deg}
.snd-review:nth-child(3n) .snd-review__card{--o:240deg}
.snd-review__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.snd-review__stars{font-size:15px;letter-spacing:2px}
.snd-review__quote{display:inline-flex;width:22px;color:rgba(213,161,71,.3)}
.snd-review__quote svg{display:block;width:100%;height:auto;fill:currentColor}
.snd-review__text{color:var(--snd-white);opacity:.92;font-size:14px;line-height:1.7;-webkit-line-clamp:5}
.snd-review__foot{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(213,161,71,.14)}
.snd-review__avatar{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(160deg,var(--snd-gold2),var(--snd-gold));color:#1a1405;font-size:15px;font-weight:800;line-height:1}
.snd-review__who{display:flex;flex-direction:column;gap:2px;min-width:0}
.snd-review__name{font-size:14.5px;font-weight:800}
.snd-review__verified{display:inline-flex;align-items:center;gap:5px;color:#5fc88a;font-size:12px;font-weight:700}
.snd-review__verified svg{flex:0 0 auto;width:13px;height:13px;fill:#5fc88a;color:#0c0b08}
@media (max-width:600px){
.snd-reviews{--snd-cut:14px}
.snd-review{flex-basis:74vw}
.snd-review__card{padding:16px 16px 14px;gap:10px}
.snd-review__text{font-size:13.5px;-webkit-line-clamp:6}
}
@media (prefers-reduced-motion:reduce){.snd-reviews{animation:none}}
/* === SND REVIEWS :: end === */