/* /clip/: buy a video clip (task 4839) */
.clip-page h1 span{color:var(--gold,#f2c46d)}
.clip-buy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;width:min(1180px,calc(100% - 2*max(4vw,16px)));margin:clamp(24px,5vw,56px) auto}
.clip-card{padding:clamp(24px,4vw,44px);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(247,200,120,.28)}
.clip-price{display:flex;align-items:baseline;gap:8px;margin:6px 0 2px;font-size:clamp(56px,9vw,96px);line-height:1;letter-spacing:-.02em}
.clip-cur{font-size:.45em;color:var(--gold,#f2c46d)}
.clip-terms{margin:0 0 18px;opacity:.8}
.clip-list{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px}
.clip-list li{position:relative;padding-inline-start:28px;line-height:1.55}
.clip-list li:before{content:'';position:absolute;inset-inline-start:0;top:.55em;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe7b0,#c8913a)}
.clip-pay{width:100%;justify-content:center;font-size:18px;min-height:58px}
.clip-secure{font-size:13px;opacity:.7;margin:14px 0 0;line-height:1.5}
.clip-visual{margin:0}.clip-visual img{width:100%;border-radius:26px;display:block}
.clip-steps,.clip-faq{width:min(980px,calc(100% - 2*max(4vw,16px)));margin:clamp(32px,6vw,72px) auto}
.clip-steps ol{list-style:none;counter-reset:s;padding:0;display:grid;gap:14px}
.clip-steps li{counter-increment:s;position:relative;padding:18px 22px;padding-inline-start:64px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);line-height:1.6}
.clip-steps li:before{content:counter(s);position:absolute;inset-inline-start:18px;top:16px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#130d02;background:linear-gradient(135deg,#ffe7b0,#c8913a)}
.clip-faq details{border-bottom:1px solid rgba(255,255,255,.12);padding:16px 4px}
.clip-faq summary{cursor:pointer;font-weight:700;font-size:18px}
.clip-faq details p{margin:10px 0 0;opacity:.85;line-height:1.6}
@media (max-width:860px){.clip-buy{grid-template-columns:1fr}.clip-visual img{max-height:340px;object-fit:cover;object-position:50% 70%}}