/* promo-code.css — блок промокода набора (клик = копирование).
   Цвета наследуются от темы сайта через --pc-accent; фолбэк — зелёный. */
.promo-code{--pc-accent:#e50914;position:relative;display:flex;
 flex-wrap:wrap;align-items:center;gap:18px 24px;max-width:820px;margin:34px auto;padding:22px 24px;
 border:1px solid color-mix(in srgb,var(--pc-accent) 35%,transparent);border-radius:18px;
 background:radial-gradient(120% 140% at 12% 0%,color-mix(in srgb,var(--pc-accent) 16%,transparent),transparent 58%),
 linear-gradient(160deg,rgba(20,28,44,.96),rgba(10,14,24,.98) 70%);
 box-shadow:0 18px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.promo-code::after{content:"";position:absolute;inset:-40% -10% auto auto;width:260px;height:260px;
 background:radial-gradient(circle,color-mix(in srgb,var(--pc-accent) 22%,transparent),transparent 65%);pointer-events:none}
.promo-code__body{flex:1 1 260px;min-width:0;position:relative;z-index:1}
.promo-code__label{display:inline-flex;align-items:center;gap:7px;margin:0 0 6px;font-size:12px;font-weight:800;
 letter-spacing:.12em;text-transform:uppercase;color:var(--pc-accent)}
.promo-code__label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pc-accent);animation:pcPulse 2.4s ease-out infinite}
@keyframes pcPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pc-accent) 55%,transparent)}
 70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
.promo-code__title{margin:0 0 4px;font-size:clamp(18px,2.4vw,22px);font-weight:800;line-height:1.25;color:#fff}
.promo-code__note{margin:0;font-size:14px;line-height:1.5;color:#c1cae9}
.promo-code__copy{position:relative;z-index:1;display:flex;align-items:center;gap:14px;flex:0 1 auto;
 padding:12px 14px 12px 20px;border:2px dashed color-mix(in srgb,var(--pc-accent) 55%,transparent);
 border-radius:14px;background:color-mix(in srgb,var(--pc-accent) 7%,transparent);color:#fff;font:inherit;cursor:pointer;
 transition:border-color .18s ease,background .18s ease,transform .18s ease}
.promo-code__copy:hover,.promo-code__copy:focus-visible{border-color:var(--pc-accent);
 background:color-mix(in srgb,var(--pc-accent) 14%,transparent);transform:translateY(-1px)}
.promo-code__copy:active{transform:translateY(0)}
.promo-code__value{font-family:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;font-size:clamp(20px,3.2vw,27px);
 font-weight:700;letter-spacing:.06em;color:var(--pc-accent);text-shadow:0 0 18px color-mix(in srgb,var(--pc-accent) 45%,transparent);white-space:nowrap}
.promo-code__btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:10px;
 background:var(--pc-accent);color:#fff;font-size:14px;font-weight:800;white-space:nowrap}
.promo-code__btn svg{width:15px;height:15px;flex:none}
.promo-code.is-copied .promo-code__copy{border-style:solid;border-color:var(--pc-accent)}
.promo-code.is-copied .promo-code__btn{background:#fff;color:#0c121e}
.promo-code__cta{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
 padding:13px 22px;border-radius:12px;background:linear-gradient(135deg,var(--pc-accent),color-mix(in srgb,var(--pc-accent) 70%,#000));
 color:#fff;font-weight:800;font-size:15px;text-decoration:none;
 box-shadow:0 10px 24px color-mix(in srgb,var(--pc-accent) 28%,transparent);transition:filter .18s ease,transform .18s ease}
.promo-code__cta:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media (max-width:640px){.promo-code{gap:14px;padding:18px;border-radius:16px}
 .promo-code__copy{width:100%;justify-content:space-between;padding-left:16px}
 .promo-code__cta{width:100%}}