/* Проект игрока: слайды / сайт / посты. Всё внутри .pz, цвета из --p* переменных. */
.pz{font-family:'Inter',system-ui,sans-serif;color:var(--pfg);-webkit-font-smoothing:antialiased}
.pz h1,.pz h2,.pz h3{font-family:'Montserrat','Inter',sans-serif;margin:0;line-height:1.12;letter-spacing:-.01em}
.pz p{margin:0}
.pz-err{padding:24px;text-align:center;color:#999}

/* ---- слайды ---- */
.pz-slides{display:flex;flex-direction:column;gap:14px}
.pz-slide{container-type:inline-size;aspect-ratio:16/9;background:var(--pbg);border-radius:10px;overflow:hidden;position:relative;display:flex;box-shadow:0 10px 30px rgba(0,0,0,.18);background-size:cover;background-position:center}
.pz-slide .pz-in{flex:1;padding:6.5cqw 7cqw;display:flex;flex-direction:column;justify-content:center;gap:2.2cqw;min-width:0}
.pz-slide h2{font-size:4.6cqw;font-weight:800}
.pz-slide .pz-no{font:700 1.6cqw 'Montserrat',sans-serif;color:var(--pacc);letter-spacing:.1em}
.pz-slide .pz-lead{font-size:2.5cqw;line-height:1.45;color:var(--pmute);max-width:62cqw}
.pz-slide .pz-sm{font-size:1.8cqw;color:var(--pmute);line-height:1.4}
.pz-slide ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1.4cqw}
.pz-slide li{font-size:2.3cqw;line-height:1.35;padding-left:3.2cqw;position:relative}
.pz-slide li:before{content:'';position:absolute;left:0;top:.9cqw;width:1.5cqw;height:1.5cqw;border-radius:50%;background:var(--pacc)}
.pz-slide.pz-split .pz-in{flex:0 0 58%}
.pz-side{flex:1;background-size:cover;background-position:center}
.pz-cover{color:#fff}
.pz-cover .pz-in{max-width:70%}
.pz-cover h1{font-size:6.2cqw;font-weight:800;color:#fff}
.pz-cover p{font-size:2.3cqw;color:rgba(255,255,255,.85);line-height:1.4}
.pz-cover .pz-kick{display:inline-block;align-self:flex-start;padding:.8cqw 1.8cqw;border-radius:99px;background:var(--pacc);color:#fff;font:700 1.5cqw 'Montserrat',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.pz-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(18cqw,1fr));gap:2cqw}
.pz-nums div{background:var(--pbg2);border-radius:1.6cqw;padding:2.4cqw;display:flex;flex-direction:column;gap:.8cqw;border-top:.5cqw solid var(--pacc)}
.pz-nums b{font:800 3.8cqw 'Montserrat',sans-serif;color:var(--pacc);line-height:1}
.pz-nums span{font-size:1.7cqw;color:var(--pmute);line-height:1.3}
.pz-ask{background:var(--pacc);color:#fff}
.pz-ask .pz-no,.pz-ask .pz-lead,.pz-ask .pz-sm{color:rgba(255,255,255,.88)}
.pz-ask li:before{background:#fff}

/* ---- сайт ---- */
.pz-land{background:var(--pbg);border-radius:12px;overflow:hidden;container-type:inline-size}
.pz-hero{background-size:cover;background-position:center;color:#fff;padding:0 6cqw 9cqw}
.pz-nav{display:flex;justify-content:space-between;align-items:center;padding:3.5cqw 0}
.pz-nav b{font:800 clamp(13px,2.4cqw,20px) 'Montserrat',sans-serif}
.pz-hin{max-width:640px;display:flex;flex-direction:column;gap:14px;padding-top:6cqw}
.pz-hin h1{font-size:clamp(26px,6cqw,54px);font-weight:800;color:#fff}
.pz-hin p{font-size:clamp(14px,2.4cqw,19px);opacity:.88;line-height:1.5}
.pz-btn{display:inline-block;align-self:flex-start;background:var(--pacc);color:#111;font:700 clamp(13px,2cqw,16px) 'Montserrat',sans-serif;padding:14px 26px;border-radius:99px;box-shadow:0 8px 24px color-mix(in srgb,var(--pacc) 45%,transparent)}
.pz-btn-s{padding:8px 16px;font-size:13px}
.pz-dark .pz-btn,.pz-land .pz-final .pz-btn{color:#111}
.pz-sec{padding:6cqw}
.pz-sec h2{font-size:clamp(20px,4cqw,34px);font-weight:800;margin-bottom:18px}
.pz-c{text-align:center}
.pz-ben{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.pz-card{background:var(--pbg2);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}
.pz-ico{font-size:26px}
.pz-card h3{font-size:17px;font-weight:700}
.pz-card p{font-size:14px;color:var(--pmute);line-height:1.5}
.pz-about{display:grid;grid-template-columns:1fr 1.2fr;gap:5cqw;align-items:center}
.pz-aimg{aspect-ratio:4/3;border-radius:16px;background-size:cover;background-position:center}
.pz-about p{color:var(--pmute);line-height:1.6;font-size:15px}
.pz-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.pz-price{border:1.5px solid rgba(128,128,128,.25);border:1.5px solid color-mix(in srgb,var(--pfg) 14%,transparent);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px}
.pz-price h3{font-size:16px}
.pz-price b{font:800 26px 'Montserrat',sans-serif;color:var(--pacc)}
.pz-price p{font-size:13.5px;color:var(--pmute);line-height:1.5}
.pz-hot{border-color:var(--pacc);box-shadow:0 12px 32px color-mix(in srgb,var(--pacc) 25%,transparent)}
.pz-faq{background:var(--pbg2);border-radius:14px;padding:14px 18px;margin-bottom:10px}
.pz-faq summary{font-weight:700;cursor:pointer}
.pz-faq p{margin-top:8px;color:var(--pmute);line-height:1.5;font-size:14px}
.pz-final{text-align:center;background:var(--pbg2);display:flex;flex-direction:column;align-items:center;gap:12px}
.pz-final .pz-btn{align-self:center}
.pz-final p{color:var(--pmute);max-width:520px;line-height:1.5}
@container (max-width:560px){.pz-about{grid-template-columns:1fr}}

/* ---- посты ---- */
.pz-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.pz-post{background:var(--pbg);border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.14);display:flex;flex-direction:column}
.pz-pimg{aspect-ratio:1/1;background-size:cover;background-position:center;position:relative}
.pz-pimg span{position:absolute;left:12px;top:12px;background:var(--pacc);color:#fff;font:700 11px 'Montserrat',sans-serif;padding:6px 10px;border-radius:99px;letter-spacing:.04em;text-transform:uppercase}
.pz-pbody{padding:14px 16px 18px;display:flex;flex-direction:column;gap:8px}
.pz-phead{display:flex;align-items:center;gap:8px;font-size:13px}
.pz-phead i{width:22px;height:22px;border-radius:50%;background:var(--pacc)}
.pz-post h3{font-size:16px;font-weight:800}
.pz-post p{font-size:13.5px;line-height:1.55;color:var(--pmute)}
.pz-pcta{font-size:13px;font-weight:700;color:var(--pacc)}
.pz-pricecard{background:var(--pacc);color:#fff;justify-content:center}
.pz-pricecard .pz-pbody{padding:24px 20px;gap:12px}
.pz-pricecard .pz-kick{font:700 11px 'Montserrat',sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.pz-pricecard h3{font-size:22px;color:#fff}
.pz-pricecard table{width:100%;border-collapse:collapse;font-size:14px}
.pz-pricecard td{padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.4)}
.pz-pricecard td:last-child{text-align:right;font-weight:700;white-space:nowrap;padding-left:10px}
.pz-pricecard .pz-sm{color:rgba(255,255,255,.9);font-size:13px}

/* ---- каркас структуры ---- */
.pz-skel{display:flex;flex-direction:column;gap:8px}
.pz-sk{background:var(--pbg);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:34px 1fr;gap:2px 10px;border-left:4px solid var(--pacc);animation:pzIn .45s both}
.pz-sk span{grid-row:span 2;font:800 15px 'Montserrat',sans-serif;color:var(--pacc)}
.pz-sk b{font:700 14.5px 'Montserrat',sans-serif}
.pz-sk small{color:var(--pmute);font-size:12.5px;line-height:1.4}
.pz-sk:nth-child(2){animation-delay:.08s}.pz-sk:nth-child(3){animation-delay:.16s}.pz-sk:nth-child(4){animation-delay:.24s}.pz-sk:nth-child(5){animation-delay:.32s}.pz-sk:nth-child(6){animation-delay:.4s}
@keyframes pzIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---- телефон: слайды читаемые, без мелкого шрифта ---- */
.pz-slides{container-type:inline-size}
@container (max-width:560px){
  .pz-slide{aspect-ratio:auto;min-height:56.25cqw}
  .pz-slide .pz-in{padding:18px;gap:8px}
  .pz-slide h2{font-size:18px}
  .pz-slide .pz-no{font-size:10px}
  .pz-slide .pz-lead{font-size:13px}
  .pz-slide .pz-sm{font-size:11.5px}
  .pz-slide ul{gap:6px}
  .pz-slide li{font-size:12.5px;padding-left:16px}
  .pz-slide li:before{top:5px;width:7px;height:7px}
  .pz-slide.pz-split .pz-in{flex-basis:64%}
  .pz-cover .pz-in{max-width:88%}
  .pz-cover h1{font-size:24px}
  .pz-cover p{font-size:12.5px}
  .pz-cover .pz-kick{font-size:9px;padding:4px 9px}
  .pz-nums{gap:8px;grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}
  .pz-nums div{padding:10px;border-radius:10px;border-top-width:3px}
  .pz-nums b{font-size:17px}
  .pz-nums span{font-size:10.5px}
}

/* старые Safari (iOS 15) и WebView: нет cqw – считаем от ширины экрана */
@supports not (width:1cqw){
.pz-slide .pz-in{flex:1;padding:5.72vw 6.16vw;display:flex;flex-direction:column;justify-content:center;gap:1.94vw;min-width:0}
.pz-slide h2{font-size:4.05vw;font-weight:800}
.pz-slide .pz-no{font:700 1.41vw 'Montserrat',sans-serif;color:var(--pacc);letter-spacing:.1em}
.pz-slide .pz-lead{font-size:2.20vw;line-height:1.45;color:var(--pmute);max-width:54.56vw}
.pz-slide .pz-sm{font-size:1.58vw;color:var(--pmute);line-height:1.4}
.pz-slide ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1.23vw}
.pz-slide li{font-size:2.02vw;line-height:1.35;padding-left:2.82vw;position:relative}
.pz-slide li:before{content:'';position:absolute;left:0;top:0.79vw;width:1.32vw;height:1.32vw;border-radius:50%;background:var(--pacc)}
.pz-cover h1{font-size:5.46vw;font-weight:800;color:#fff}
.pz-cover p{font-size:2.02vw;color:rgba(255,255,255,.85);line-height:1.4}
.pz-cover .pz-kick{display:inline-block;align-self:flex-start;padding:0.70vw 1.58vw;border-radius:99px;background:var(--pacc);color:#fff;font:700 1.32vw 'Montserrat',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.pz-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.84vw,1fr));gap:1.76vw}
.pz-nums div{background:var(--pbg2);border-radius:1.41vw;padding:2.11vw;display:flex;flex-direction:column;gap:0.70vw;border-top:0.44vw solid var(--pacc)}
.pz-nums b{font:800 3.34vw 'Montserrat',sans-serif;color:var(--pacc);line-height:1}
.pz-nums span{font-size:1.50vw;color:var(--pmute);line-height:1.3}
.pz-hero{background-size:cover;background-position:center;color:#fff;padding:0 5.28vw 7.92vw}
.pz-nav{display:flex;justify-content:space-between;align-items:center;padding:3.08vw 0}
.pz-nav b{font:800 clamp(13px,2.11vw,20px) 'Montserrat',sans-serif}
.pz-hin{max-width:640px;display:flex;flex-direction:column;gap:14px;padding-top:5.28vw}
.pz-hin h1{font-size:clamp(26px,5.28vw,54px);font-weight:800;color:#fff}
.pz-hin p{font-size:clamp(14px,2.11vw,19px);opacity:.88;line-height:1.5}
.pz-btn{display:inline-block;align-self:flex-start;background:var(--pacc);color:#111;font:700 clamp(13px,1.76vw,16px) 'Montserrat',sans-serif;padding:14px 26px;border-radius:99px;box-shadow:0 8px 24px color-mix(in srgb,var(--pacc) 45%,transparent)}
.pz-sec{padding:5.28vw}
.pz-sec h2{font-size:clamp(20px,3.52vw,34px);font-weight:800;margin-bottom:18px}
.pz-about{display:grid;grid-template-columns:1fr 1.2fr;gap:4.40vw;align-items:center}
.pz-slide{aspect-ratio:auto;min-height:49.50vw}
}