/* XTC Production · Ecstasy VS — страницы плагинов и лицензии (поверх site.css) */

.sub-hero{padding-top:128px;padding-bottom:clamp(56px,8vw,110px);position:relative;overflow:hidden}
.sub-hero::before{content:"";position:absolute;right:-12%;top:-10%;width:60vw;height:60vw;max-width:820px;max-height:820px;background:radial-gradient(circle,rgba(255,0,0,.22),transparent 62%);filter:blur(30px);z-index:-1}
.crumbs{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--smoke);margin:0 0 22px}
.crumbs a{color:#D6D6D6}
.crumbs a:hover{color:var(--red)}

/* ---------- каталог ---------- */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.pcard{border:1px solid var(--line);background:var(--void);display:flex;flex-direction:column;transition:border-color .25s,transform .25s;position:relative}
.pcard:hover{border-color:var(--red);transform:translateY(-6px)}
.pcard__img{aspect-ratio:16/9;background:#141414 center/cover no-repeat;border-bottom:1px solid var(--line)}
.pcard__body{padding:28px 28px 30px;display:flex;flex-direction:column;gap:12px;flex:1}
.pcard__tag{align-self:flex-start;background:var(--red);color:#fff;font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;padding:5px 9px}
.pcard__title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1;margin:0}
.pcard p{margin:0;color:var(--smoke);font-size:.95rem}
.pcard__foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between}
.pcard__price{font-family:'Oswald',sans-serif;font-weight:700;font-size:2.2rem;line-height:1}
.pcard--soon{border-style:dashed;justify-content:center;align-items:center;text-align:center;min-height:320px}
.pcard--soon:hover{transform:none;border-color:var(--line)}
.pcard--soon .pcard__title{color:#3A3A3A}

/* ---------- страница плагина ---------- */
.prod{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}
.prod__shot{filter:drop-shadow(0 30px 70px rgba(255,0,0,.25))}
.prod__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);padding:6px 10px;color:#D6D6D6}
.buybox{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.buybox__price{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(2.6rem,4.4vw,3.6rem);line-height:1;margin-right:10px}
[data-price] s{font-size:.5em;color:var(--smoke);text-decoration-color:var(--red);text-decoration-thickness:2px;margin-right:.15em;vertical-align:middle}
.buybox__price small{display:block;font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.14em;color:var(--smoke);font-weight:400;margin-top:6px;text-transform:uppercase}
.fine{margin-top:16px;font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.06em;color:var(--smoke)}
.fine a{color:#fff;border-bottom:1px solid var(--red)}

.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(11,11,11,.16)}
.feats article{background:var(--paper);padding:30px 24px 32px}
.feats .n{font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.2em;color:var(--red);display:block;margin-bottom:14px;text-transform:uppercase}
.feats h3{margin:0 0 8px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em}
.feats p{margin:0;color:#5A5A5A;font-size:.92rem;line-height:1.55}

.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.shot{margin:0}
.shot img{width:100%;height:auto}
.shot figcaption{margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--smoke)}
.shot figcaption b{color:#fff;font-weight:700}

.hint{margin-top:22px;border:1px solid var(--line);border-left:4px solid var(--red);background:var(--void);padding:20px 24px;color:#D2D2D2;font-size:.94rem}
.hint b{color:#fff}

/* ---------- моя лицензия ---------- */
.lic{max-width:760px}
.field{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.field input{flex:1 1 320px;min-width:0;background:#000;color:#fff;border:1px solid var(--line);padding:15px 16px;font-family:'JetBrains Mono',monospace;font-size:1rem;letter-spacing:.06em}
.field input:focus{outline:none;border-color:var(--red)}
.field input.code{flex:0 1 200px;text-align:center;font-size:1.3rem;letter-spacing:.4em}
.msg{scroll-margin:110px 0 40px;margin-top:16px;min-height:1.6em;font-size:.95rem;color:var(--smoke)}
.msg.err{color:#FF5A5A}
.msg.ok{color:#7DDB8A}
.panel{margin-top:30px;border:1px solid var(--line);background:var(--void);padding:26px 28px}
.panel[hidden]{display:none}
.panel__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:6px}
.panel__title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.5rem;letter-spacing:.03em}
.panel__sub{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.1em;color:var(--smoke)}
.pcs{list-style:none;margin:0;padding:0}
.pcs li{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}
.pcs li:last-child{border-bottom:none}
.pcs b{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.04em;font-size:1.1rem}
.pcs small{display:block;font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.08em;color:var(--smoke);margin-top:2px}
.pcs .empty{color:var(--smoke);justify-content:flex-start}
.badge{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;border:1px solid var(--red);color:var(--red)}
.badge--gumroad{background:#ff90e8;border-color:#ff90e8;color:#000}
.badge--xtc{background:var(--red);border-color:var(--red);color:#fff}
.stepcode{margin-top:22px;border-top:1px solid var(--line);padding-top:22px}
.stepcode[hidden]{display:none}

@media(max-width:1080px){.feats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:880px){
  .prod{grid-template-columns:1fr}
  .cards,.shots{grid-template-columns:1fr}
  .sub-hero{padding-top:110px}
}
@media(max-width:620px){
  .feats{grid-template-columns:1fr}
  .buybox .btn{width:100%}
  .field .btn{width:100%}
}