/* Прототип сайта по протоколу v3: только новые элементы и технические правки. Существующие стили не переопределяются,
   кроме точек каруселей (аудит P1: зона нажатия 24px, вид точки прежний). Токены — переменные живого сайта. */
:root{--pp-ink:var(--ink);--pp-muted:var(--ink-muted,var(--muted,#6E5E7A));--pp-surface:var(--surface,#fff);--pp-sunk:var(--surface-sunk,var(--sunk,#FBE3D8));--pp-coral:#FF5E5B;--pp-mint:#3DDBB0;
  --silBg:#E9DCE6;--silFg:#B7A3BD;--silHair:#8E7896}
html[data-theme=dark]{--silBg:#2C2D31;--silFg:#5E6068;--silHair:#45474E}
@media (prefers-color-scheme:dark){html:not([data-theme=light]){--silBg:#2C2D31;--silFg:#5E6068;--silHair:#45474E}}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 2.8 skip-link */
.skip-link{position:absolute;left:12px;top:-60px;z-index:1000;background:var(--pp-ink);color:var(--bg);padding:10px 16px;border-radius:12px;font-weight:600;text-decoration:none;transition:top .15s}
.skip-link:focus{top:12px;outline:3px solid var(--pp-coral);outline-offset:2px}

/* 2.8 точки каруселей: зона 24px, вид как был */
#cuarto .shot-dots button,#chats .shot-dots button{width:24px!important;height:24px!important;background:transparent!important;position:relative;border-radius:999px}
#cuarto .shot-dots button::before,#chats .shot-dots button::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:999px;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--pp-ink) 28%,transparent)}
#cuarto .shot-dots button.on::before,#chats .shot-dots button.on::before{width:22px;background:var(--pp-ink)}
#cuarto .shot-dots,#chats .shot-dots{gap:0!important}

/* Решение 10: Google Play «скоро» — рядом с App Store, не кнопка, не ссылка */
.hero-play.is-soon{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;padding:8px 26px;border-radius:999px;
  color:var(--pp-ink);background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pp-ink) 30%,transparent);font-weight:500;font-size:17px;letter-spacing:-.012em;line-height:1.15;cursor:default;opacity:.78;max-width:100%;text-align:center;vertical-align:middle}
.hero-play.is-soon .hero-note{font-size:12px;font-weight:400;letter-spacing:0;opacity:.8}
.hero-play.is-soon:hover{filter:none;transform:none}
@media (max-width:699px){.hero-play.is-soon{font-size:16px;padding:8px 18px}}
.store-badge.is-soon{position:relative;cursor:default}
.store-badge.is-soon img{filter:grayscale(1);opacity:.55}
.pp-soon-tag{position:absolute;right:-6px;top:-4px;background:var(--pp-ink);color:var(--bg);font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px}

/* 2.3 категории */
.pp-cats{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:10px 0 14px}
.pp-cats li{font-size:14px;font-weight:600;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--pp-ink) 8%,transparent);color:var(--pp-ink)}

/* 2.1 блок Plus и Max */
.pp-plus{display:block}
.pp-plus .copy{max-width:720px;margin-left:auto;margin-right:auto;text-align:center}
.pp-plus-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;max-width:1040px;margin:36px auto 0;padding:0 20px}
.pp-card{background:var(--pp-surface);border-radius:28px;padding:26px 26px 22px;color:var(--pp-ink);text-align:left}
.pp-card h3,.pp-gift h3{font-size:19px;letter-spacing:-.015em;margin:0 0 14px;line-height:1.2}
.pp-list{list-style:none;padding:0;margin:0}
.pp-list li{padding:9px 0 9px 30px;position:relative;border-top:1px solid color-mix(in srgb,var(--pp-ink) 9%,transparent);font-size:16px}
.pp-list li:first-child{border-top:0}
.pp-list li::before{content:"";position:absolute;left:4px;top:15px;width:12px;height:7px;border-left:2.4px solid var(--pp-mint);border-bottom:2.4px solid var(--pp-mint);transform:rotate(-45deg)}
.pp-table{width:100%;border-collapse:collapse;font-size:15px}
.pp-table th,.pp-table td{padding:11px 6px;border-top:1px solid color-mix(in srgb,var(--pp-ink) 9%,transparent);text-align:center;vertical-align:middle}
.pp-table thead th{border-top:0;font-size:14px;font-weight:700;color:var(--pp-ink)}
.pp-table thead th:last-child{color:var(--pp-coral)}
.pp-table tbody th{text-align:left;font-weight:500;width:52%}
.pp-table tbody th small{display:block;font-size:13px;color:var(--pp-muted);font-weight:400;margin-top:2px}
.pp-table td{font-weight:600;font-variant-numeric:tabular-nums}
.pp-yes{color:var(--pp-mint);display:inline-flex}
html[data-theme=light] .pp-yes{color:#1E9F7C}
@media (prefers-color-scheme:light){html:not([data-theme=dark]) .pp-yes{color:#1E9F7C}}
.pp-no{color:var(--pp-muted)}
.pp-gifts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1040px;margin:20px auto 0;padding:0 20px}
.pp-gift{background:var(--pp-sunk);border-radius:24px;padding:22px 22px 20px;color:var(--pp-ink);text-align:left}
.pp-gift h3{margin-bottom:8px}.pp-gift p{margin:0;font-size:15px;line-height:1.45;color:var(--pp-muted)}
.pp-fine{margin-top:22px}.pp-fine .note{margin:0 0 10px}
@media (max-width:899px){.pp-plus-grid,.pp-gifts{grid-template-columns:1fr;gap:14px}.pp-card{padding:22px 18px 18px;border-radius:24px}.pp-table{font-size:14px}.pp-table th,.pp-table td{padding:10px 4px}}

/* 2.4 таблицы Torneo Padelada */
.pp-tp-block{margin:28px 0 8px}
.pp-tp-state{display:flex;gap:10px;align-items:flex-start;background:var(--pp-sunk);border-radius:16px;padding:14px 16px;margin:0 0 16px;font-size:15px;line-height:1.45}
.pp-dot{width:10px;height:10px;border-radius:50%;background:var(--pp-coral);flex:none;margin-top:6px}
.pp-demo-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;background:#FFA62B;color:#24123A;border-radius:999px;padding:3px 10px;margin:0 0 12px}
.pp-tp-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 10px}
.pp-tp-head h3{margin:0;font-size:20px}
.pp-filter{display:inline-flex;background:color-mix(in srgb,var(--pp-ink) 8%,transparent);border-radius:999px;padding:3px}
.pp-filter button{font:inherit;font-size:14px;font-weight:600;border:0;background:transparent;color:var(--pp-ink);min-height:36px;padding:0 14px;border-radius:999px;cursor:pointer}
.pp-filter button[aria-pressed=true]{background:var(--pp-ink);color:var(--bg)}
.pp-filter button:focus-visible{outline:3px solid var(--pp-coral);outline-offset:1px}
.pp-tp-wrap{background:var(--pp-surface);border-radius:20px;overflow:hidden}
.pp-tp{width:100%;border-collapse:collapse;font-size:15px}
.pp-tp th,.pp-tp td{padding:10px 12px;text-align:left;border-top:1px solid color-mix(in srgb,var(--pp-ink) 8%,transparent)}
.pp-tp thead th{border-top:0;font-size:13px;font-weight:600;color:var(--pp-muted)}
.pp-tp .pp-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pp-pos{width:28px;font-weight:700;color:var(--pp-muted);font-variant-numeric:tabular-nums}
.pp-who{display:flex;align-items:center;gap:10px}
.pp-who b{display:block;font-weight:600}.pp-who small{display:block;font-size:12.5px;color:var(--pp-muted)}
.pp-ava{width:36px;height:36px;border-radius:50%;overflow:hidden;flex:none;display:block}
.pp-ava img,.pp-sil{width:100%;height:100%;display:block;object-fit:cover}
.pp-empty{display:none;padding:28px 16px;text-align:center;color:var(--pp-muted);margin:0}
.pp-tp-foot{font-size:13.5px;color:var(--pp-muted);margin:12px 0 0}
.pp-tp-block[data-tp-state=prestart] tbody,.pp-tp-block[data-tp-state=prestart] [data-proto-demo]{display:none}
.pp-tp-block[data-tp-state=prestart] [data-pp-empty]{display:block}
.pp-tp-block[data-tp-state=demo] [data-tp-prestart]{display:none}
.pp-tp-block[data-tp-state=prestart] .pp-filter{opacity:.5;pointer-events:none}
@media (max-width:520px){.pp-tp th,.pp-tp td{padding:9px 8px}.pp-tp{font-size:14px}.pp-tp-head{align-items:flex-start;flex-direction:column}}

/* Центр помощи: метка новой статьи */
.pp-new{font-size:11px;font-weight:700;background:#3DDBB0;color:#24123A;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:2px}

/* Прототип: ленточка, панель, флаги, тост (в прод не идёт) */
.proto-flag{margin:16px 0;padding:12px 14px;border-radius:12px;border:1.5px dashed #FFA62B;background:color-mix(in srgb,#FFA62B 10%,transparent);font-size:14px;line-height:1.45;color:var(--pp-ink)}
html.pp-noflags .proto-flag{display:none}
.pp-ribbon{position:fixed;left:12px;bottom:12px;z-index:9990;display:flex;gap:6px;align-items:center;font:600 12px/1 system-ui,sans-serif}
.pp-ribbon>span,.pp-ribbon>button,.pp-ribbon>a{background:#24123A;color:#FFF1EA;border:0;border-radius:999px;padding:8px 12px;text-decoration:none;cursor:pointer;font:inherit;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.pp-panel{position:fixed;left:12px;bottom:52px;z-index:9991;background:#fff;color:#24123A;border-radius:16px;padding:14px;width:250px;box-shadow:0 10px 40px rgba(0,0,0,.3);font:14px/1.4 system-ui,sans-serif}
.pp-panel[hidden]{display:none}
.pp-panel h4{margin:0 0 8px;font-size:13px;color:#6E5E7A;text-transform:uppercase;letter-spacing:.04em}
.pp-panel .row{display:flex;gap:6px;margin:0 0 12px;flex-wrap:wrap}
.pp-panel button{font:inherit;border:1.5px solid #24123A;background:#fff;color:#24123A;border-radius:999px;padding:5px 10px;cursor:pointer}
.pp-panel button[aria-pressed=true]{background:#24123A;color:#fff}
.pp-toast{position:fixed;left:50%;bottom:64px;transform:translateX(-50%);z-index:9992;background:#24123A;color:#FFF1EA;border-radius:14px;padding:10px 16px;font:14px/1.4 system-ui,sans-serif;max-width:90vw;box-shadow:0 8px 28px rgba(0,0,0,.3)}
html.pp-shot .pp-ribbon,html.pp-shot .pp-panel,html.pp-shot .pp-toast{display:none!important}

/* Код таблиц main.js: без фото — силуэт по полу вместо инициалов */
.ini.pp-ini-sil{border-radius:50%;overflow:hidden;background:center/cover no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23E9DCE6'/%3E%3Cpath d='M17 100C17 77 32 67 50 67C68 67 83 77 83 100Z' fill='%23B7A3BD'/%3E%3Ccircle cx='50' cy='42' r='16.5' fill='%23B7A3BD'/%3E%3Cpath d='M33.2 40C32 27 40 21.5 50.5 21.5C61 21.5 68.6 27.5 66.8 40C63 33.5 57 31 50 31C43 31 37 33.5 33.2 40Z' fill='%238E7896'/%3E%3C/svg%3E")}
.ini.pp-ini-sil.is-f{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23E9DCE6'/%3E%3Cpath d='M29 46C27 27 37 19 50 19C63 19 73 27 71 46L73 70C66 75 58 73 55 66H45C42 73 34 75 27 70Z' fill='%238E7896'/%3E%3Cpath d='M24 100C24 79 35 69 50 69C65 69 76 79 76 100Z' fill='%23B7A3BD'/%3E%3Ccircle cx='50' cy='44' r='15.5' fill='%23B7A3BD'/%3E%3Cpath d='M34.6 42C35 32 41 27.5 50 27.5C59 27.5 65 32 65.4 42C60 36 55 34.5 50 34.5C45 34.5 40 36 34.6 42Z' fill='%238E7896'/%3E%3C/svg%3E")}
/* Часы — только в Plus и Max (решение 02.11 23:57) */
.tier-tag{display:inline-block;font:700 10px/1.2 Montserrat,system-ui,sans-serif;letter-spacing:.02em;padding:2px 6px;border-radius:999px;background:var(--pp-tag-bg,#ffe3dc);color:var(--pp-tag-ink,#b4302c);vertical-align:middle;white-space:nowrap}
.tier-nav{margin-left:5px;font-size:9px;padding:1px 5px}
.device.watch{position:relative}
.tier-on-watch{position:absolute;left:50%;top:-4px;transform:translateX(-50%);z-index:3;font-size:11px;padding:3px 8px;box-shadow:0 2px 6px rgba(0,0,0,.12)}
html[data-theme="dark"] .tier-tag{--pp-tag-bg:#5a2630;--pp-tag-ink:#ffc9be}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .tier-tag{--pp-tag-bg:#5a2630;--pp-tag-ink:#ffc9be}}

/* раунд 3 (В6): «Apple Watch · Plus и Max» в шапке длиннее — на 880–960 px чуть уже промежутки, чтобы шапка не вылезала */
@media (min-width:880px) and (max-width:960px){.launch-nav{column-gap:10px!important}}
@media (min-width:880px) and (max-width:920px){.launch-nav{column-gap:6px!important}}
/* раунд 4 (С2 вариант A): на кадрах часов под «Plus и Max» — «Wear OS — скоро» */
.tier-on-watch{display:flex;flex-direction:column;align-items:center;line-height:1.15;white-space:nowrap;text-align:center}
.tier-on-watch .tier-sub{font-size:9.5px;font-weight:600;opacity:.85}
/* раунд 4 (С2 вариант A): в шапке «Apple Watch» и под ним мелко «(Wear OS — скоро) · Plus и Max» — формула целиком, шапка не шире прежней */
a.nav-watch{display:inline-flex;flex-direction:column;justify-content:center;line-height:1.1;white-space:nowrap}
a.nav-watch small{font-size:10.5px;font-weight:600;opacity:.8;letter-spacing:0}
