/* Главная (front-page.php, template-parts/home/*). Токены и базовые классы — base.css. */

/* ---- общее ---- */
.pb-h2--xl{font-size:clamp(26px,3vw,36px)}
.pb-h2--md{font-size:26px;letter-spacing:-.01em}
.pb-qlink,.pb-qlink:hover,.pb-dcard,.pb-dcard:hover,.pb-lcard,.pb-lcard:hover,.pb-cat,.pb-cat:hover,.pb-rcat,.pb-rcat:hover,.pb-tile,.pb-tile:hover,.pb-bpost,.pb-bpost:hover{text-decoration:none}
.pb-qlink,.pb-dcard,.pb-cat,.pb-rcat,.pb-tile,.pb-bpost{color:#202020}
.pb-qlink:hover,.pb-dcard:hover,.pb-cat:hover,.pb-rcat:hover,.pb-tile:hover,.pb-bpost:hover{color:#202020}
.pb-lcard,.pb-lcard:hover{color:#fff}

/* ---- 1. главный экран ---- */
.pb-hero{position:relative;border-radius:32px;overflow:hidden;min-height:clamp(560px,78vh,720px);display:flex;flex-direction:column;justify-content:space-between;gap:40px;color:#fff;padding:clamp(24px,4vw,56px);background:#15171A var(--pb-hero-img) right center/auto 100% no-repeat}
@media(max-width:900px){.pb-hero{background-size:cover;background-position:64% center}}
.pb-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,#15171A 0%,#15171A 20%,rgba(21,23,26,.82) 34%,rgba(21,23,26,.42) 52%,rgba(21,23,26,0) 72%)}
.pb-hero__shade2{position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(0deg,rgba(14,24,38,.55),rgba(14,24,38,0))}
.pb-hero__main{position:relative;display:flex;flex-direction:column;gap:24px;margin-top:clamp(0px,3vw,32px)}
.pb-hero__eyebrow{display:flex;align-items:center;gap:14px}
.pb-hero__line{width:36px;height:2px;background:#00A8D0;flex:none}
.pb-hero__eyebrow span:last-child{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.pb-hero__title{margin:0;max-width:680px;color:#fff;font-size:clamp(38px,6vw,76px);line-height:1.02;font-weight:600;letter-spacing:-.03em;text-wrap:balance}
.pb-hero__btns{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.pb-hero .pb-hero__btn{font-size:16px;padding:0 32px;gap:10px;color:#fff}
.pb-hero .pb-hero__btn--glass{padding:0 28px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.5)}
.pb-hero .pb-hero__btn--glass:hover{background:rgba(255,255,255,.28);color:#fff}
.pb-hero__trust{position:relative;display:flex;flex-wrap:wrap;gap:12px;font-size:17px;font-weight:500}
.pb-hero__pill{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 24px 0 8px;white-space:nowrap;background:rgba(14,24,38,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#fff}
.pb-hero__tick{width:40px;height:40px;border-radius:50%;background:#00A8D0;display:flex;align-items:center;justify-content:center;flex:none}
@media(max-width:560px){.pb-hero__pill{white-space:normal}}

/* ---- 2. быстрые ссылки ---- */
.pb-home-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.pb-home-hero+.pb-home-quick{margin-top:calc(16px - clamp(40px,5vw,72px))}
.pb-qlink{min-height:88px;background:#fff;border-radius:28px;padding:16px 20px 16px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:background .15s}
.pb-qlink:hover{background:#E3EFF4}
.pb-qlink__l{display:flex;align-items:center;gap:16px}
.pb-qlink__ic{width:52px;height:52px;border-radius:50%;background:#00A8D0;display:flex;align-items:center;justify-content:center;flex:none}
.pb-qlink__t{display:flex;flex-direction:column;gap:2px}
.pb-qlink__title{font-size:18px;font-weight:600}
.pb-qlink__sub{font-size:14px;color:#5E6468}
.pb-qlink__arr{width:44px;height:44px;border-radius:50%;background:#F3F7F9;display:flex;align-items:center;justify-content:center;flex:none}

/* ---- 3. основа для изготовления ---- */
.pb-dir{display:flex;flex-direction:column;gap:20px}
.pb-dir__head{padding:0 4px}
.pb-dir__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.pb-dir__note{margin:0;padding:0 4px;font-size:15px;color:#4A5054}
.pb-dcard{background:#fff;border-radius:32px;padding:14px 14px 24px;display:flex;flex-direction:column;gap:18px}
.pb-dcard__body{display:flex;flex-direction:column;gap:8px;padding:0 8px;flex:1}
.pb-dcard__title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}
.pb-dcard__text{margin:0;font-size:15px;line-height:1.5;color:#4A5054;text-wrap:pretty}
.pb-dcard__cta{align-self:flex-start;margin:0 8px}
.pb-lcard{position:relative;overflow:hidden;background:#202020;border-radius:32px;padding:clamp(24px,3vw,32px);display:flex;flex-direction:column;justify-content:flex-end;gap:24px;min-height:280px}
.pb-lcard__bg{position:absolute;inset:0;pointer-events:none}
.pb-lcard__bg img,.pb-sl__learn-bg img{display:block;width:100%;height:100%;object-fit:cover}
.pb-lcard__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(14,24,38,.92) 0%,rgba(14,24,38,.78) 50%,rgba(14,24,38,.5) 100%)}
.pb-lcard__eyebrow{position:relative;margin-bottom:auto;display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.pb-lcard__body{position:relative;display:flex;flex-direction:column;gap:10px}
.pb-lcard__title{margin:0;color:#fff;font-size:26px;line-height:1.1;font-weight:600;letter-spacing:-.01em}
.pb-lcard__text{margin:0;font-size:16px;line-height:1.5;color:#E3EAF0;text-wrap:pretty}
.pb-lcard__cta{position:relative;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}
.pb-lcard__arr{width:36px;height:36px;border-radius:50%;background:#00A8D0;display:flex;align-items:center;justify-content:center}

/* ---- 4. категории ---- */
.pb-catgrid{display:flex;gap:16px;flex-wrap:wrap}
.pb-catgrid__panel{flex:1 1 420px;min-width:0;background:#fff;border-radius:32px;padding:24px;display:flex;flex-direction:column;gap:16px}
.pb-catgrid__big{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;flex:1}
.pb-cat{display:flex;flex-direction:column;gap:10px}
.pb-cat__t{display:flex;flex-direction:column;gap:2px}
.pb-cat__name{font-size:16px;font-weight:600;line-height:1.2}
.pb-cat__note{font-size:13px;color:#5E6468;min-height:18px}
.pb-catgrid__round{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:12px 8px}
.pb-rcat{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.pb-rcat__img{display:block;box-sizing:border-box;width:76px;height:76px;border-radius:50%;overflow:hidden;flex:none;border:1px solid #E6EDF0}
.pb-rcat__img img{display:block;width:100%;height:100%;object-fit:cover}
.pb-rcat__name{font-size:13px;font-weight:500;line-height:1.2}
.pb-rcat__note{font-size:12px;color:#5E6468;line-height:1.2;margin-top:-4px}
.pb-catgrid__chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid #E6EDF0;padding-top:16px}
.pb-catgrid__round+.pb-catgrid__chips{margin-top:0}

/* ---- 5. карусель товаров ---- */
.pb-home-pl .pb-car{--pb-car-cols:4;--pb-car-min:240px}
.pb-home-tags{display:flex;flex-wrap:wrap;gap:8px}

/* ---- 6. акции + обучение ---- */
.pb-sl{display:flex;gap:16px;flex-wrap:wrap}
.pb-sl__sale{flex:3 1 520px;min-width:0}
.pb-sl__learn{flex:2 1 340px;min-width:0;position:relative;overflow:hidden;background:#202020;color:#fff;border-radius:32px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-height:380px}
.pb-sl__learn-bg{position:absolute;inset:0}
.pb-sl__learn-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(14,24,38,.92) 0%,rgba(14,24,38,.78) 45%,rgba(14,24,38,.5) 100%)}
.pb-sl__learn-body{position:relative;margin-top:auto;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.pb-sl__learn-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#B8BDC0}
.pb-sl__learn-title{margin:0;color:#fff;font-size:clamp(28px,3.2vw,40px);line-height:1.08;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.pb-sl__learn-text{margin:0;font-size:16px;line-height:1.5;color:#E3EAF0}
.pb-sl .pb-sl__learn-btn{min-height:52px;padding:0 28px;font-size:16px;color:#fff}

/* ---- 7. топ форм ---- */
.pb-tf .pb-head__ctrl{flex-wrap:wrap}
.pb-tf__tabs{display:flex;gap:8px;flex-wrap:wrap}
.pb-tf__tab{min-height:44px;padding:0 20px;border-radius:999px;border:0;background:#F3F7F9;color:#202020;font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}
.pb-tf__tab:hover{background:#E3EFF4}
.pb-tf__tab.is-active,.pb-tf__tab.is-active:hover{background:#202020;color:#fff}
.pb-tf__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:16px}
.pb-tf__grid[hidden]{display:none}
.pb-tile{display:flex;flex-direction:column;gap:12px}
.pb-tile__t{display:flex;flex-direction:column;gap:2px;padding:0 4px}
.pb-tile__name{font-size:18px;font-weight:600}
.pb-tile__note{font-size:13px;color:#5E6468;line-height:1.35}

/* ---- 8. преимущества ---- */
.pb-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.pb-perk{padding:28px;background:#fff;border-radius:32px;display:flex;flex-direction:column;gap:14px}
.pb-perk__ic{width:56px;height:56px;border-radius:50%;background:#E3EFF4;display:flex;align-items:center;justify-content:center}
.pb-perk__title{margin:0;font-size:20px;font-weight:600}
.pb-perk__text{margin:0;font-size:16px;line-height:1.5;color:#4A5054;text-wrap:pretty}

/* ---- 9. бонусы + рассрочка ---- */
.pb-bonus{display:flex;gap:16px;flex-wrap:wrap}
.pb-bonus__main{flex:3 1 560px;min-width:0;background:#fff;border-radius:32px;padding:clamp(20px,3vw,36px);display:flex;flex-direction:column;gap:24px}
.pb-bonus__levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px}
.pb-lvl{border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:10px}
.pb-lvl--light{background:#F3F7F9;color:#202020}
.pb-lvl--pale{background:#E3EFF4;color:#202020}
.pb-lvl--blue{background:#00A8D0;color:#fff}
.pb-lvl__pct{font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1}
.pb-lvl__name{font-size:18px;font-weight:600}
.pb-lvl__range{font-size:14px}
.pb-bonus__inst{flex:2 1 300px;min-width:0;position:relative;overflow:hidden;background:#0E1826 var(--pb-inst-img) center/cover no-repeat;color:#fff;border-radius:32px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:280px}
.pb-bonus__inst-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(0,168,208,.78) 0%,rgba(14,24,38,.82) 62%,rgba(14,24,38,.92) 100%)}
.pb-bonus__inst-eyebrow{position:relative;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.pb-bonus__inst-body{position:relative;display:flex;flex-direction:column;gap:14px}
.pb-bonus__dots{display:flex;gap:6px;align-items:center}
.pb-bonus__dots span{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.6);box-sizing:border-box;flex:none}
.pb-bonus__dots span.is-on{background:#fff;border:0}
.pb-bonus__inst-text{display:flex;flex-direction:column;gap:6px}
.pb-bonus__inst-big{font-size:clamp(44px,5vw,64px);font-weight:600;letter-spacing:-.03em;line-height:1}
.pb-bonus__inst-sub{font-size:20px}

/* ---- 10. блог (над подвалом) ---- */
.pb-blog__row{display:flex;gap:clamp(16px,3vw,40px);flex-wrap:wrap;align-items:flex-start}
.pb-blog__side{flex:1 1 240px;max-width:320px;display:flex;flex-direction:column;gap:16px;padding-top:8px}
.pb-blog__eyebrow{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#4A5054}
.pb-blog__title{margin:0;font-size:clamp(28px,3vw,36px);line-height:1.1;font-weight:600;letter-spacing:-.02em}
.pb-blog__side .pb-btn{align-self:flex-start}
.pb-blog__grid{flex:4 1 560px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.pb-bpost{display:flex;flex-direction:column;gap:14px}
.pb-bpost__title{margin:0;font-size:18px;line-height:1.3;font-weight:600;text-wrap:balance;padding:0 4px}
/* Плитка-ссылка в конце карусели (когда товаров меньше 4) */
.pb-car > .pb-pl-tile{flex:0 0 max(var(--pb-car-min,200px),calc((100% - (var(--pb-car-cols,3) - 1) * 16px) / var(--pb-car-cols,3)));min-height:0;scroll-snap-align:start}
.pb-pl-tile .pb-lcard__title{font-size:24px}
/* Быстрые ссылки: белая иконка, круг-стрелка контрастнее фона; ховер — тёмный круг иконки и синяя стрелка */
.pb-qlink__ic{color:#fff;transition:background .2s,transform .2s}
.pb-qlink__ic svg{stroke:#fff}
.pb-qlink__arr{background:#E3EFF4;color:#202020;transition:background .2s,color .2s,transform .2s}
.pb-qlink:hover .pb-qlink__ic{background:#202020}
.pb-qlink:hover .pb-qlink__arr{background:#00A8D0;color:#fff;transform:translateX(3px)}
.pb-qlink:hover .pb-qlink__arr svg{stroke:#fff}
.pb-qlink:focus-visible{outline:2px solid #00A8D0;outline-offset:2px}
/* Появление блоков при прокрутке (home.js) */
.pb-rv { opacity: 0; transform: translateY(12px); transition: opacity 1s cubic-bezier(.25, .1, .25, 1), transform 1.1s cubic-bezier(.16, 1, .3, 1); }
.pb-rv.is-in { opacity: 1; transform: none; }
.pb-rv .pb-rv-item { opacity: 0; transition: opacity .8s cubic-bezier(.25, .1, .25, 1); transition-delay: calc(var(--pb-i, 0) * 45ms + 100ms); }
.pb-rv.is-in .pb-rv-item { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .pb-rv, .pb-rv .pb-rv-item { opacity: 1 !important; transform: none !important; transition: none !important; } }
/* Счётчики бонусного блока (home.js) */
.pb-count { font-variant-numeric: tabular-nums; }
.pb-bonus__dots span.pb-dot-wait { background: transparent; border: 2px solid rgba(255, 255, 255, .6); }
.pb-bonus__dots span.pb-dot-pop { animation: pb-dot-pop .45s cubic-bezier(.3, 1.6, .5, 1); }
@keyframes pb-dot-pop { 0% { transform: scale(.4); opacity: .3; } 100% { transform: scale(1); opacity: 1; } }

/* =====================================================================
 * Мобильная главная (≤700px), 04.11.2026.
 * Правило: 3–4 элемента — без карусели, все сразу видны (стопкой или сеткой);
 * метки/подборки — переносом строк, все сразу; больше 4 — карусель, но только целые карточки.
 * ================================================================== */
@media (max-width: 700px) {
	.pb-main { gap: 28px; }

	/* 1. hero: верх — фото, текст и кнопки — внизу на затемнении */
	.pb-hero { min-height: min(430px, 56svh); justify-content: flex-end; gap: 14px; padding: 18px 18px 16px; border-radius: 26px; background-size: cover; background-position: 62% 18%; }
	.pb-hero__shade { background: linear-gradient(180deg, rgba(21,23,26,.15) 0%, rgba(21,23,26,.25) 24%, rgba(21,23,26,.78) 46%, rgba(21,23,26,.94) 100%); }
	.pb-hero__shade2 { display: none; }
	.pb-hero__main { gap: 12px; margin-top: auto; }
	.pb-hero__eyebrow { gap: 10px; }
	.pb-hero__line { width: 22px; }
	.pb-hero__eyebrow span:last-child { font-size: 10.5px; letter-spacing: .12em; }
	.pb-hero__title { font-size: clamp(27px, 7.6vw, 32px); line-height: 1.06; letter-spacing: -.025em; }
	.pb-hero__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 4px; }
	.pb-hero .pb-hero__btn, .pb-hero .pb-hero__btn--glass { min-height: 48px; padding: 0 12px; font-size: 15px; gap: 6px; justify-content: center; }
	/* преимущества — все три сразу, переносом */
	.pb-hero__trust { gap: 6px; font-size: 12.5px; }
	.pb-hero__pill { min-height: 34px; gap: 7px; padding: 0 12px 0 4px; white-space: nowrap; }
	.pb-hero__tick { width: 26px; height: 26px; }
	.pb-hero__tick svg { width: 13px; height: 13px; }

	/* 2. быстрые ссылки — три плитки в ряд */
	.pb-home-quick { grid-template-columns: repeat(3, 1fr); gap: 8px; }
	.pb-home-hero + .pb-home-quick { margin-top: -18px; }
	.pb-qlink { min-height: 0; padding: 12px 10px; border-radius: 20px; flex-direction: column; align-items: flex-start; }
	.pb-qlink__l { flex-direction: column; align-items: flex-start; gap: 8px; }
	.pb-qlink__ic { width: 36px; height: 36px; }
	.pb-qlink__ic svg { width: 18px; height: 18px; }
	.pb-qlink__title { font-size: 13px; line-height: 1.2; }
	.pb-qlink__sub, .pb-qlink__arr { display: none; }

	/* 3. «Основа…» — 4 карточки стопкой, компактно: фото слева, текст справа */
	.pb-dir { gap: 14px; }
	.pb-dir__grid { gap: 10px; }
	.pb-dcard { display: grid; grid-template-columns: 118px 1fr; grid-template-rows: 1fr auto; column-gap: 14px; row-gap: 8px; border-radius: 24px; padding: 10px 14px 10px 10px; }
	.pb-dcard__img { grid-row: 1 / span 2; width: 118px; height: 118px; aspect-ratio: auto !important; align-self: start; border-radius: 16px; }
	.pb-dcard__img img { width: 100%; height: 100%; object-fit: cover; }
	.pb-dcard__body { padding: 4px 0 0; gap: 4px; }
	.pb-dcard__title { font-size: 16px; line-height: 1.2; }
	.pb-dcard__text { font-size: 13px; line-height: 1.4; }
	.pb-dcard__cta { margin: 0; min-height: 36px; padding: 0 6px 0 14px; font-size: 13px; }
	.pb-dcard__cta .pb-cta__ic { width: 26px; height: 26px; }
	.pb-lcard { min-height: 0; border-radius: 24px; padding: 20px; gap: 14px; }
	.pb-lcard__title { font-size: 22px; }
	.pb-lcard__text { font-size: 14px; }
	.pb-dir__note { font-size: 13px; }

	/* 4. категории: плитки по 3, круглые по 4, подборки — все сразу */
	.pb-catgrid__panel { padding: 18px; border-radius: 24px; gap: 12px; }
	.pb-catgrid__big { grid-template-columns: repeat(3, 1fr); gap: 8px; }
	.pb-cat { gap: 6px; }
	.pb-cat__name { font-size: 13px; }
	.pb-cat__note { font-size: 11.5px; }
	.pb-catgrid__round { grid-template-columns: repeat(4, 1fr); gap: 12px 4px; }
	.pb-rcat__img { width: 62px; height: 62px; }
	.pb-rcat__name { font-size: 12px; }
	.pb-rcat__note { font-size: 11px; }
	.pb-catgrid__chips { gap: 6px; padding-top: 14px; }
	.pb-catgrid__chips > * { min-height: 38px; padding-left: 14px; padding-right: 14px; font-size: 13.5px; }

	/* 5. карусели товаров: до 4 карточек — сеткой 2×2; больше — лентой по две целые карточки */
	.pb-home .pb-car, .pb-car { --pb-car-min: 0px; --pb-car-cols: 2; gap: 10px; }
	.pb-car > .pb-pcard, .pb-car > .pb-pl-tile { flex: 0 0 calc((100% - 10px) / 2); }
	.pb-car:not(:has(> :nth-child(5))) { display: grid; grid-template-columns: 1fr 1fr; overflow: visible; }
	.pb-panel:has(.pb-car:not(:has(> :nth-child(5)))) :is([data-car-prev], [data-car-next]) { display: none; }
	/* карточка товара в две колонки: короче название, кнопка в одну строку, «глаз» (быстрый просмотр) убираем */
	.pb-car .pb-pcard { gap: 10px; }
	.pb-car .pb-pcard__body { padding: 0 2px; gap: 4px; }
	.pb-car .pb-pcard__title { font-size: 15px; line-height: 1.25; }
	.pb-car .pb-pcard__note { font-size: 11.5px; line-height: 1.3; }
	.pb-car .pb-pcard__price .pb-price { font-size: 17px; }
	.pb-car .pb-pcard__actions { padding: 0; }
	.pb-car .pb-pcard__qv { display: none; }
	.pb-car .pb-pcard__btn { min-height: 42px; padding: 0 8px; font-size: 13px; white-space: nowrap; }
	.pb-pl-tile { min-height: 0; padding: 16px; border-radius: 20px; }
	.pb-pl-tile .pb-lcard__title { font-size: 18px; }
	.pb-home-tags { gap: 6px; }
	.pb-home-tags > * { min-height: 36px; padding-left: 12px; padding-right: 12px; font-size: 13px; }

	/* 6. обучение */
	.pb-sl__learn { min-height: 240px; border-radius: 24px; padding: 22px; gap: 18px; }
	.pb-sl__learn-title { font-size: 24px; }
	.pb-sl__learn-text { font-size: 14px; }
	.pb-sl .pb-sl__learn-btn { min-height: 46px; padding: 0 20px; font-size: 15px; }

	/* 7. топ форм: вкладки — все сразу; плиток во вкладке 5 — лента по две целые, до 4 — сетка 2×2 */
	.pb-tf .pb-head__ctrl { flex: 1 1 100%; min-width: 0; }
	.pb-tf__tabs { gap: 6px; }
	.pb-tf__tab { min-height: 38px; padding: 0 14px; font-size: 13.5px; }
	.pb-tf__grid { display: flex; flex-wrap: nowrap; gap: 10px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.pb-tf__grid::-webkit-scrollbar { display: none; }
	.pb-tf__grid > * { flex: 0 0 calc((100% - 10px) / 2); min-width: 0; scroll-snap-align: start; }
	.pb-tf__grid:not(:has(> :nth-child(5))) { display: grid; grid-template-columns: 1fr 1fr; overflow: visible; }
	.pb-tf__grid[hidden] { display: none; }
	.pb-tile { gap: 6px; }
	.pb-tile__name { font-size: 15px; }
	.pb-tile__note { font-size: 11.5px; }
	.pb-mdots { display: flex; justify-content: center; gap: 6px; margin-top: 12px; }
	.pb-mdots button { position: relative; width: 8px; height: 8px; padding: 0; border: 0; border-radius: 99px; background: #C9D6DC; cursor: pointer; transition: width .25s, background .25s; }
	.pb-mdots button.is-on { width: 22px; background: #00A8D0; }
	.pb-mdots button::before { content: ""; position: absolute; inset: -10px -4px; }
	.pb-mdots button[hidden] { display: none; }

	/* 8. преимущества — компактные строки: значок слева */
	.pb-perks { gap: 8px; }
	.pb-perk { display: grid; grid-template-columns: 44px 1fr; column-gap: 14px; row-gap: 2px; align-items: start; padding: 16px; border-radius: 22px; }
	.pb-perk__ic { grid-row: span 2; width: 44px; height: 44px; }
	.pb-perk__ic svg { width: 20px; height: 20px; }
	.pb-perk__title { font-size: 16px; }
	.pb-perk__text { font-size: 13.5px; line-height: 1.45; }

	/* 9. бонусы — три уровня в ряд; рассрочка ниже */
	.pb-bonus__main { padding: 18px; border-radius: 24px; gap: 14px; }
	.pb-bonus__levels { grid-template-columns: repeat(3, 1fr); gap: 6px; }
	.pb-lvl { padding: 12px 10px; border-radius: 16px; gap: 4px; }
	.pb-lvl__pct { font-size: 28px; }
	.pb-lvl__name { font-size: 13px; line-height: 1.2; }
	.pb-lvl__range { font-size: 11px; line-height: 1.3; }
	.pb-bonus__inst { min-height: 0; border-radius: 24px; padding: 20px; gap: 18px; }
	.pb-bonus__dots span { width: 13px; height: 13px; }
	.pb-bonus__inst-big { font-size: 38px; }
	.pb-bonus__inst-sub { font-size: 15px; }

	/* 10. блог — 3 статьи стопкой: фото слева, заголовок справа */
	.pb-blog__row { gap: 14px; }
	.pb-blog__side { flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 4px 12px; max-width: none; padding-top: 0; }
	.pb-blog__eyebrow { flex-basis: 100%; }
	.pb-blog__title { font-size: 24px; }
	.pb-blog__side .pb-btn { align-self: auto; min-height: 40px; padding: 0 16px; font-size: 14px; }
	.pb-blog__grid { display: flex; flex-direction: column; gap: 10px; }
	.pb-bpost { flex-direction: row; align-items: center; gap: 14px; background: #fff; border-radius: 20px; padding: 8px 14px 8px 8px; }
	.pb-bpost > .pb-img { flex: 0 0 96px; aspect-ratio: 1 / 1 !important; border-radius: 14px; }
	.pb-bpost__title { font-size: 15px; padding: 0; }
}
@media (min-width: 701px) { .pb-mdots { display: none; } }
.pb-tf__grid[hidden] + .pb-mdots { display: none; }