/* Valor 2026-09-25: «Пригласи друга» — кабинет (cabinet-referral.html) и страница для друга (invite.html) */
.prf-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:26px 30px;margin-bottom:34px;
  background-image:radial-gradient(ellipse at 10% 0%,rgba(241,194,45,.10),transparent 55%),linear-gradient(180deg,rgba(30,23,21,.94),rgba(14,11,10,.97)),url(tex-panel.png)}
.prf-lead{margin:6px 0 16px;max-width:640px}
.prf-lead b{color:#ffd24a}
.prf-copy code{font-size:16px;color:#ffe9b0}
.prf-copy .wb{margin:0 18px}
.prf-share{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.prf-sh{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font:700 14px 'Roboto Condensed';color:#e9e1d4 !important;background:#15100d;box-shadow:0 0 0 1px #000,0 0 0 2px #3e3934;transition:box-shadow .2s,color .2s}
.prf-sh:hover{box-shadow:0 0 0 1px #000,0 0 0 2px #8a6a3a;color:#ffe08a !important}
.prf-sh--tg{box-shadow:0 0 0 1px #000,0 0 0 2px #2b5278}.prf-sh--tg:hover{box-shadow:0 0 0 1px #000,0 0 0 2px #4aa3df}
.prf-sh--vk{box-shadow:0 0 0 1px #000,0 0 0 2px #3a5a86}.prf-sh--vk:hover{box-shadow:0 0 0 1px #000,0 0 0 2px #5a86c4}
.prf-sh--wa{box-shadow:0 0 0 1px #000,0 0 0 2px #1f6a3a}.prf-sh--wa:hover{box-shadow:0 0 0 1px #000,0 0 0 2px #35b565}
.prf-qr{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.prf-qr img{display:block;width:128px;height:128px;padding:6px;background:#f4ead8;box-shadow:0 0 0 1px #000,0 0 0 3px #8a6a3a,0 0 0 4px #000}
.prf-qr figcaption{font-size:13px;color:var(--muted)}
.prf-gets{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.prf-get{display:flex;gap:14px;align-items:flex-start;padding:16px 18px}
.prf-get img{flex:none;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 2px #8a8279,0 0 0 3px #000}
.prf-get b{display:block;font:700 17px 'Philosopher',serif;color:#f1dfbd}
.prf-get p{margin:4px 0 0;font-size:14.5px;color:var(--muted)}
.prf-get p b{display:inline;font:inherit;color:#ffd24a}
.prf-friends td{vertical-align:middle}
.prf-acc{display:block;font-size:12.5px}
.prf-prog{height:12px;min-width:140px}
.prf-hours{color:#e8b35a;font-weight:700;white-space:nowrap}
.prf-ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.prf-ladder li{position:relative;padding:12px 12px 12px 48px;background:#110d0b;box-shadow:0 0 0 1px #000,0 0 0 2px #3e3934;opacity:.7}
.prf-ladder li b{position:absolute;left:10px;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font:700 14px 'Philosopher';color:#968c80;background:#1a1411;box-shadow:0 0 0 1px #000,0 0 0 2px #4d4742}
.prf-ladder li span{display:block;font:700 14.5px/1.2 'Philosopher',serif;color:#d2c9be}
.prf-ladder li small{display:block;margin-top:3px;font-size:12px;color:var(--muted)}
.prf-ladder li.on{opacity:1;background:linear-gradient(#261b12,#130d09);box-shadow:0 0 0 1px #000,0 0 0 2px #8a6a3a}
.prf-ladder li.on b{color:#1a1208;background:linear-gradient(#ffe07a,#c27d12);box-shadow:0 0 0 1px #000,0 0 8px rgba(255,190,60,.5)}
.prf-ladder li.on span{color:#ffe08a}
.prf-ladder li.next{opacity:1;box-shadow:0 0 0 1px #000,0 0 0 2px #e8b35a,0 0 14px rgba(241,194,45,.25)}
.prf-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.prf-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#110d0b;box-shadow:0 0 0 1px #000,0 0 0 2px #3e3934}
.prf-item img{flex:none;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 2px #8a8279}
.prf-item span{flex:1;min-width:0;font-size:14px;line-height:1.25;color:#d2c9be}
.prf-item b{font:700 16px 'Philosopher';color:#ffd24a;white-space:nowrap}
.prf-item b::after{content:" мон.";font:400 12px 'Roboto Condensed';color:var(--muted)}
@media (max-width:1100px){ .prf-ladder{grid-template-columns:repeat(2,1fr)} }
@media (max-width:760px){
  .prf-hero{grid-template-columns:1fr;padding:20px 16px}
  .prf-qr{display:none}
  .prf-gets,.prf-shop{grid-template-columns:1fr}
  .prf-copy{flex-direction:column;align-items:stretch}
  .prf-copy code{font-size:14px;word-break:break-all}
}

/* ---- invite.html: письмо-приглашение ---- */
.pinv-hero{margin:52px auto 30px;padding:46px 30px 38px;text-align:center;
  background-image:radial-gradient(ellipse at 50% 0%,rgba(241,194,45,.14),transparent 60%),linear-gradient(180deg,rgba(30,23,21,.94),rgba(14,11,10,.97)),url(tex-panel.png)}
.pinv-letter{position:relative;max-width:760px;margin:0 auto}
.pinv-seal{display:block;width:84px;height:84px;margin:0 auto 14px;border-radius:50%;padding:8px;
  background:radial-gradient(circle at 40% 35%,#7a1f16,#3a0b07 75%);box-shadow:0 0 0 1px #000,0 0 0 3px #8a6a3a,0 0 0 4px #000,0 0 26px rgba(217,80,60,.35)}
.pinv-seal img{width:100%;height:100%;object-fit:contain}
.pinv-letter h1{margin:6px 0 14px;font-size:44px}
.pinv-lead{margin:0 auto 24px;max-width:640px;font-size:17px}
.pinv-gift{display:flex;align-items:center;gap:16px;max-width:560px;margin:0 auto 26px;padding:16px 20px;text-align:left;
  background:linear-gradient(90deg,rgba(142,209,79,.12),rgba(142,209,79,.02));box-shadow:0 0 0 1px #000,0 0 0 2px #5f8f2e,0 0 22px rgba(142,209,79,.18)}
.pinv-gift img{flex:none;border-radius:4px;box-shadow:0 0 0 1px #000,0 0 0 2px #b8f06a}
.pinv-gift b{display:block;font:700 22px 'Philosopher',serif;color:#e6ffb8}
.pinv-gift small{display:block;margin-top:3px;font-size:14px;color:var(--text)}
.pinv-cta{display:flex;flex-direction:column;align-items:center;gap:12px}
.pinv-cta--center{margin-top:26px}
.pinv-login{font-size:15px}
.pinv-code{margin:18px 0 0;font-size:13.5px}
.pinv-code code{padding:2px 8px;color:#ffe9b0;background:#070504;box-shadow:0 0 0 1px #3e3934}
.pinv-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pinv-feat{display:flex;gap:14px;align-items:flex-start;padding:16px 18px}
.pinv-feat img{flex:none;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 2px #8a8279,0 0 0 3px #000}
.pinv-feat b{display:block;font:700 17px 'Philosopher',serif;color:#f1dfbd}
.pinv-feat p{margin:4px 0 0;font-size:14.5px;color:var(--muted)}
.pinv-steps{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pinv-steps li{counter-increment:s;position:relative;padding:18px 18px 18px 66px;background:linear-gradient(#1b1411,#100c0a);box-shadow:0 0 0 1px #000,0 0 0 3px #3e3934,0 0 0 4px #000}
.pinv-steps li::before{content:counter(s);position:absolute;left:16px;top:16px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;
  font:700 20px 'Philosopher';color:#ffd24a;background:radial-gradient(circle at 40% 35%,#4a3218,#140d07 75%);box-shadow:0 0 0 1px #000,0 0 0 2px #8a6a3a}
.pinv-steps b{display:block;font:700 18px 'Philosopher',serif;color:#f1dfbd}
.pinv-steps span{display:block;margin-top:4px;color:var(--muted)}
@media (max-width:900px){ .pinv-feats,.pinv-steps{grid-template-columns:1fr} .pinv-letter h1{font-size:32px} .pinv-hero{padding:34px 16px 28px;margin-top:40px} }

/* ---- Valor 2026-10-26: публичная страница «Пригласи друга» (refer.html), блок на главной, приглашение /ref/КОД ---- */
.prr-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;margin:26px 0 34px;padding:38px 40px;
  background-image:radial-gradient(ellipse at 15% 0%,rgba(241,194,45,.14),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(142,209,79,.10),transparent 50%),linear-gradient(180deg,rgba(30,23,21,.94),rgba(14,11,10,.97)),url(tex-panel.png)}
.prr-hero h1{margin:6px 0 14px;font-size:46px}
.prr-lead{margin:0 0 22px;max-width:700px;font-size:17px}
.prr-lead b,.prr-gold{color:#ffd24a}
.prr-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.prr-cta--center{justify-content:center;margin-top:8px}
.prr-note{margin:14px 0 0;font-size:14px}
.prr-hero__gift{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 26px;text-align:center;
  background:linear-gradient(180deg,rgba(142,209,79,.10),rgba(142,209,79,.02));box-shadow:0 0 0 1px #000,0 0 0 2px #5f8f2e,0 0 26px rgba(142,209,79,.16)}
.prr-hero__gift img{border-radius:5px;box-shadow:0 0 0 1px #000,0 0 0 2px #b8f06a,0 0 18px rgba(184,240,106,.35)}
.prr-hero__gift b{display:block;font:700 19px 'Philosopher',serif;color:#e6ffb8}
.prr-hero__gift small{display:block;margin-top:3px;font-size:13.5px;color:var(--muted)}
.prr-steps{grid-template-columns:repeat(5,1fr);gap:18px}
.prr-steps li{padding:62px 16px 18px}
.prr-steps li::before{left:50%;margin-left:-18px}
.prr-steps b,.prr-steps span{text-align:center}
.prr-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}
.prr-two .v2-panel{margin:0}
.prr-side .pinv-feat{padding:12px 0}
.prr-side .pinv-feat + .pinv-feat{border-top:1px solid rgba(138,106,58,.25)}
.prr-side__h{margin:0 0 4px;font:700 24px 'Philosopher',serif;color:#ffd24a}
.prr-sub{margin:-6px 0 20px;max-width:900px}
.prr-feats4{grid-template-columns:repeat(4,1fr)}
.prr-ladder li{opacity:1}
.prr-ladder + .prr-sub{margin:16px 0 0}
.v2-cta .prr-lead{margin:0 auto 18px;text-align:center}
.prr-ladder li:nth-child(n+6) b{color:#ffe08a;box-shadow:0 0 0 1px #000,0 0 0 2px #8a6a3a}
.prr-rules{margin:0;padding:0 0 0 20px}
.prr-rules li{margin:0 0 9px;line-height:1.45}
.prr-rules li::marker{color:#e8b35a}
.prr-vk{background-image:radial-gradient(ellipse at 100% 0%,rgba(217,80,60,.16),transparent 60%),linear-gradient(180deg,rgba(30,23,21,.94),rgba(14,11,10,.97)),url(tex-panel.png)}
.prr-vk p{margin:0 0 18px}
.prr-amb{width:100%;border-collapse:collapse;margin-top:6px}
.prr-amb td{padding:7px 8px;border-top:1px solid rgba(138,106,58,.2)}
.prr-amb td:first-child{width:34px;font:700 16px 'Philosopher';color:#968c80;text-align:center}
.prr-amb tr:first-child td:first-child{color:#ffd24a}
.prr-amb td.num{text-align:right;font-weight:700;color:#ffd24a;white-space:nowrap}
.prr-amb-empty{margin:10px 0 0;color:var(--muted)}
/* блок на главной */
.prr-home{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;padding:28px 34px;
  background-image:radial-gradient(ellipse at 0% 50%,rgba(142,209,79,.12),transparent 55%),linear-gradient(180deg,rgba(30,23,21,.94),rgba(14,11,10,.97)),url(tex-panel.png)}
.prr-home__ic{display:flex;gap:10px}
.prr-home__ic img{border-radius:5px;box-shadow:0 0 0 1px #000,0 0 0 2px #8a8279,0 0 0 3px #000}
.prr-home__ic img:first-child{box-shadow:0 0 0 1px #000,0 0 0 2px #b8f06a,0 0 14px rgba(184,240,106,.3)}
.prr-home h2{margin:4px 0 8px;font-size:30px}
.prr-home p{margin:0;max-width:720px}
.prr-home p b{color:#ffd24a}
.prr-home__cta{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.prr-soon{display:inline-block;margin-left:8px;padding:1px 8px;font-size:12.5px;line-height:1.5;color:#1a1208;background:#e8b35a;border-radius:2px;white-space:nowrap}
/* приглашение /ref/КОД: вторая строка подарка */
.pinv-gift + .pinv-gift{margin-top:-12px}
@media (max-width:1100px){ .prr-steps{grid-template-columns:repeat(2,1fr)} .prr-feats4{grid-template-columns:repeat(2,1fr)} .prr-home{grid-template-columns:minmax(0,1fr) auto} .prr-home__ic{display:none} }
@media (max-width:760px){
  .prr-hero{grid-template-columns:1fr;padding:26px 16px;margin-top:16px}
  .prr-hero h1{font-size:34px}
  .prr-steps,.prr-feats4,.prr-two{grid-template-columns:1fr}
  .prr-home{grid-template-columns:1fr;padding:22px 16px}
  .prr-cta .wb{flex:1 1 100%;text-align:center}
}
