/* Согласованные блоки приложений. Собственные классы не меняют форму оплаты. */
.ad { --ad-bg:var(--bg); --ad-surface:var(--surface); --ad-soft:var(--surface-sunk); --ad-ink:var(--ink); --ad-muted:var(--muted); --ad-line:var(--line); color:var(--ad-ink); font-family:var(--font-ui); }
.ad *, .ad *::before, .ad *::after { box-sizing:border-box; }
.ad svg { width:20px; height:20px; flex:none; }
.ad h2,.ad h3,.ad p { margin:0; }
.ad .ad-kicker { margin-bottom:9px; color:var(--ad-muted); font-size:11px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; }
.ad .ad-heading { margin-bottom:11px; color:var(--ad-ink); font:800 31px/1.15 var(--font-display); letter-spacing:-.035em; }
.ad .ad-intro { margin-bottom:24px; color:var(--ad-muted); }
.ad .ad-device { display:flex; align-items:center; gap:8px; color:var(--ad-ink); font:700 18px/1.3 var(--font-ui); }
.ad-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ad-group { min-width:0; padding:18px 16px; background:var(--ad-surface); border-radius:14px; }
.ad .ad-description { margin:5px 0 14px; color:var(--ad-muted); font-size:13px; }
.ad-links { display:grid; gap:10px; }
.ad .ad-link { display:flex; align-items:center; gap:10px; min-width:0; min-height:56px; padding:10px; background:var(--ad-soft); color:var(--ad-ink); border:1px solid transparent; border-radius:9px; text-decoration:none; }
.ad .ad-link:hover { border-color:var(--ad-line); }
.ad-link img { width:32px; height:32px; border-radius:7px; flex:none; }
.ad-label { display:grid; gap:1px; min-width:0; }
.ad-label b { font-size:14px; font-weight:700; }
.ad-label small { color:var(--ad-muted); font-size:12px; white-space:nowrap; }
.ad-link > svg,.ad-os > svg:last-child { margin-left:auto; width:16px; height:16px; }
.ad-link > .ck-i,.ad-os > .ck-i:last-child { margin-left:auto; }
.ad--table .ad-os { border-radius:4px; }
.ad-computer-label { display:flex; align-items:center; gap:7px; margin-bottom:10px; font-size:14px; }
.ad-computer-label img { width:24px; height:24px; border-radius:5px; flex:none; }
.ad .ad-os { display:flex; align-items:center; gap:8px; min-height:46px; min-width:0; padding:11px 10px; background:var(--ad-soft); color:var(--ad-ink); border:1px solid var(--ad-line); border-radius:8px; font-size:13px; font-weight:700; text-decoration:none; }
.ad .ad-os:hover { background:var(--ad-surface); }
.ad .ad-shared { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:20px; color:var(--ad-muted); font-size:13px; text-align:center; }
.ad-table-head,.ad-table-row { display:grid; grid-template-columns:150px minmax(0,1fr) 270px; gap:16px; align-items:center; }
.ad-table-head { padding-bottom:11px; border-bottom:1px solid var(--ad-line); color:var(--ad-muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.ad-table-row { padding:20px 0; border-bottom:1px solid var(--ad-line); }
.ad-table-row .ad-device { font-size:15px; }
.ad-table-app { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:14px; font-weight:600; }
.ad-table-app img { width:25px; height:25px; border-radius:5px; }
.ad-table-app span { color:var(--ad-muted); font-size:12px; font-weight:400; }
.ad-table-actions { display:grid; gap:7px; }
.ad-table-row .ad-link,.ad-table-row .ad-os { background:var(--ad-surface); border:1px solid var(--ad-line); border-radius:4px; }
.ad-table-row .ad-link img { display:none; }
.ad-table-row .ad-label { display:flex; align-items:center; gap:8px; }
.ad--incy { --ad-bg:#0E2A22; --ad-surface:#17382E; --ad-soft:#0A201A; --ad-ink:#F1EFE6; --ad-muted:#B1C1B8; --ad-line:#355449; background:var(--ad-bg); border-radius:24px; padding:28px 24px; }
.ad--incy .ad-heading { color:var(--ad-ink); }
.ad-ios-section { margin-top:18px; }
.ad-ios-section .ad-device { margin-bottom:8px; color:var(--ad-muted); font-size:13px; font-weight:600; }
.ad-ios-list { padding:0 14px; background:var(--ad-surface); border-radius:17px; }
.ad-ios-list .ad-link { padding:13px 0; background:transparent; border:0; border-bottom:1px solid var(--ad-line); border-radius:0; }
.ad-ios-list .ad-link:last-child { border-bottom:0; }
.ad-ios-list .ad-link img { width:37px; height:37px; border-radius:9px; }
.ad-ios-primary .ad-ios-list { --ad-ink:#0E2A22; --ad-muted:#52675C; --ad-line:#D0D9D2; background:#F1EFE6; }
.ad-ios-computer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:14px; background:var(--ad-surface); border-radius:17px; }
.ad-ios-computer .ad-computer-label { grid-column:1/-1; margin-bottom:2px; }
.ad--incy .ad-os { border-radius:30px; }
.ad-selector { display:flex; gap:5px; padding:4px; margin-bottom:14px; border-radius:10px; background:var(--ad-soft); }
.ad-selector button { display:flex; align-items:center; justify-content:center; gap:6px; flex:1; min-width:0; min-height:44px; padding:8px 4px; border:0; border-radius:7px; background:transparent; color:var(--ad-muted); font:600 13px/1.25 var(--font-ui); cursor:pointer; }
.ad-selector button[aria-pressed="true"] { background:var(--ad-surface); color:var(--ad-ink); box-shadow:0 2px 5px #0000000D; }
.ad-selector .ck-i svg { width:16px; height:16px; }
.ad-picks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.ad-picks.ad-one { grid-template-columns:1fr; }
.ad-picks .ad-link { background:var(--ad-surface); border-color:var(--ad-line); }
.ad-picks .ad-computer-label { grid-column:1/-1; margin:0; }
.ad-note { margin:10px 0 0!important; color:var(--ad-muted); font-size:13px; }
.ck-block.ad--incy { padding:0; border-radius:0; background:transparent; }
.ck-connect:empty { display:none; }
@media(max-width:760px) {
 .ad-grid { grid-template-columns:1fr; gap:10px; }
 .ad-group { padding:15px; }
 .ad-links,.ad-table-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ad-iphone .ad-links,.ad-iphone .ad-table-actions { grid-template-columns:1fr; }
 .ad-table-head { display:none; }
 .ad-table-row { grid-template-columns:1fr; gap:9px; padding:16px 0; }
 .ad-table-app { display:none; }
 .ad-desktop .ad-table-app { display:flex; }
 .ad-table-row .ad-link img { display:block; }
 .ad-table-row .ad-label { display:grid; gap:0; }
 .ad .ad-heading { font-size:27px; }
 .ad--incy { padding:24px 18px; }
}
@media(max-width:480px) { .ad-picks { grid-template-columns:1fr; } .ad-picks.ad-computer { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:360px) {
 .ad .ad-link { gap:6px; padding:9px 7px; }
 .ad-link img { width:27px; height:27px; }
 .ad .ad-os { padding:10px 8px; gap:6px; font-size:12px; }
 .ad-label b { font-size:13px; }
 .ad-label small { font-size:11px; }
 .ad-selector button { font-size:11px; gap:4px; }
 .ad--incy { padding-left:13px; padding-right:13px; }
}