/* sl-web3.css — веб-слой новой главной и внутренних страниц (31.10.2026, владелец: «веб-версия развалилась»).
   Только (min-width:768px) and (min-height:560px): телефон не меняется ни на пиксель.
   Эталон раскладки — веб старого HelloPepti (web.archive 20260922): фон панелей до краёв, содержимое по центру ≤1200,
   заголовки по центру, «текст + визуал» двумя колонками, без вертикальных лент-декора. Тексты и картинки те же, что на телефоне. */
@media (min-width:768px) and (min-height:560px){
:root{--w3:min(1200px,calc(100vw - 96px))}

/* ---------- общее: декоративные ленты на вебе не нужны (наезжают на карточки и тексты) ---------- */
html body .rf-rib,
html body main .pp-ribbon,
html body .pp-panel > svg.pp-ribbon{display:none !important}

/* ---------- внутренние страницы: панели sl-ribbon (.rf-pv) на телефоне навылет (100vw), на вебе — в колонке страницы,
   иначе width:100vw + margin:auto из sl-desktop уводит панель на 100px вправо за край (карточки, how-it-works, FAQ) ---------- */
html body :is(.pp-pdp,.pp-pg,.pp-col,.pp-art) .pp-panel.rf-pv,html body :is(.pp-pdp,.pp-pg,.pp-col,.pp-art) .rf-pv{width:auto !important;max-width:1240px !important;margin-left:auto !important;margin-right:auto !important}

/* ---------- плитки и доверие под героем ---------- */
/* старые иконки sl-desktop (::before) поверх новых точек — убрать */
html body .rf-perks2 .pp-tile::before{content:none !important;display:none !important}
html body .rf-perks2 .pp-tile{padding:22px 14px !important;justify-content:center}
html body .rf-perks2 .pp-tile__t{margin-top:10px !important;font-size:15px !important}
/* бегущая строка «Trusted by 10,000+ smiles» — одна лента, не 4 колонки */
html body .rf-trust{overflow:hidden !important;height:auto !important;max-width:100% !important}
html body .rf-trust .rf-tr__track,html body .rf-trust .rf-tr__dup{flex-wrap:nowrap !important;height:auto !important;align-items:center}
html body .rf-trust .rf-tr__it{flex:0 0 auto !important;width:auto !important;height:auto !important;white-space:nowrap !important;max-width:none !important}


/* кнопки под плитками — одного размера */
html body .pp-tiles__acts{gap:12px !important}
html body .pp-tiles__acts a{min-width:190px !important;height:52px !important;justify-content:center !important;padding:0 24px !important;font-size:16px !important}

/* ---------- «Tap your missing teeth»: челюсть слева, вопрос, выбор и кнопка — справа одной колонкой ---------- */
html body #find-my-fit .sl-qz__card{grid-template-columns:300px minmax(0,520px) !important;column-gap:64px !important;justify-content:center;align-items:start;padding:36px 48px !important}
html body #find-my-fit .sl-qz__stage{grid-column:1 !important;grid-row:1 / span 8 !important;align-self:center}
html body #find-my-fit .sl-qz__card > :not(.sl-qz__stage){grid-column:2 !important}
html body #find-my-fit .sl-qz__chips{grid-row:auto !important;justify-self:start;margin:6px 0 0 !important;width:auto !important}
html body #find-my-fit .sl-qz__rx-go{width:auto !important;min-width:260px;justify-self:start;margin-top:16px !important}
html body #find-my-fit .sl-qz__seg{justify-self:start}
html body #find-my-fit .sl-qz__q{text-align:left !important}

/* ---------- каталог: «Get it free» не баннер на всю ширину ---------- */
html body #all .pp-pill-fig{max-width:980px !important;margin:0 auto !important;grid-template-columns:150px minmax(0,1fr) !important;align-items:center;column-gap:28px}
html body #all .pp-pill-fig > img{width:150px !important;height:auto !important}
html body #all .pp-pill-row{flex-direction:column !important;align-items:flex-start !important;gap:14px}
html body #all .pp-pill-row > a.pp-pill{width:auto !important}
html body #all .pp-pill-row > .pp-pill--gold{flex:0 0 auto !important;width:auto !important;min-width:240px;padding:16px 28px !important}

/* ---------- медали + «Dental appliances» ---------- */
html body #find-my-fit ~ .pp-grade{display:grid !important;grid-template-columns:auto minmax(0,460px);justify-content:center;align-items:center;column-gap:64px;padding:40px 48px !important}
html body .pp-grade .pp-medals{margin:0 !important}
html body .pp-grade .pp-grade__h,html body .pp-grade .pp-grade__s{grid-column:2;margin:0 !important;text-align:left !important;justify-content:flex-start !important}
html body .pp-grade .pp-grade__h{flex-direction:column;align-items:flex-start !important;background:none !important;padding:0 !important}
html body .pp-grade .pp-grade__k1{color:#1c1b19 !important}
html body .pp-grade .pp-grade__k2{color:#123a2d !important;font-size:34px !important;line-height:1.1 !important}
html body .pp-grade .pp-grade__s{color:#5b5a54 !important;font-size:16px !important;line-height:1.5 !important;margin-top:10px !important;max-width:460px}

/* ---------- «Know the price» — таблица в разумную ширину ---------- */
html body #know .dk-ro-row{display:none !important}
html body #know .rf-cmp,html body #know table{max-width:980px !important;margin-left:auto !important;margin-right:auto !important}

/* ---------- No insurance / монеты ---------- */
html body #guarantee .pp-panel{height:640px !important}
html body #guarantee .pp-guar__in{position:absolute !important;left:max(48px,calc((100% - var(--w3))/2)) !important;right:auto !important;top:56px !important;bottom:56px !important;width:min(560px,48%) !important;padding:0 !important;display:flex !important;flex-direction:column;justify-content:flex-start;gap:28px}
html body #guarantee .rf-ni__p{gap:8px !important}
html body #guarantee .rf-ni__p li{font-size:15px !important}
html body #guarantee .rf-nt .pp-guar__title{font-size:44px !important;line-height:1.08 !important}
html body #guarantee .rf-nt .pp-guar__title .pp-guar__l1{font-size:44px !important;line-height:1.08 !important}
html body #guarantee .rf-nt .pp-guar__title .pp-guar__l2{font-size:.5em !important;line-height:1.4 !important}
html body #guarantee .rf-ni__h{font-size:24px !important}
html body #guarantee .pp-guar__sub{width:100% !important;max-width:480px !important;font-size:18px !important;line-height:1.5 !important;margin:0 !important}
html body #guarantee .pp-guar__cta{position:static !important;margin-top:auto !important;align-self:flex-start}
html body #guarantee .rf-coins{left:auto !important;right:max(48px,calc((100% - var(--w3))/2)) !important;width:420px !important;top:40px !important;height:560px !important}
html body #guarantee .rf-coin{width:150px !important;height:150px !important}
html body #guarantee .rf-coin--0{right:20px !important;top:0 !important}
html body #guarantee .rf-coin--1{right:210px !important;top:56px !important}
html body #guarantee .rf-coin--2{right:20px !important;top:190px !important}
html body #guarantee .rf-coin--3{right:210px !important;top:250px !important}
html body #guarantee .rf-coin--4{right:20px !important;top:380px !important}

/* ---------- 3 шага: три карточки по центру в ряд, без стрелок (всё видно) ---------- */
html body #steps .rf-st-car > div:not([class]){justify-content:center !important;gap:28px !important;overflow:visible !important;padding:0 24px !important}
html body #steps .rf-st-car > div:not([class]) > div{flex:0 0 360px !important}
html body #steps .rf-st-car .pp-happy__btn{display:none !important}

/* ---------- шаги и миссия: миссия не заезжает на карточки шагов ---------- */
html body #steps + #story,html body #story.pp-story{margin-top:32px !important}

/* миссия: фото команды — правая половина во всю высоту, текст слева (как у Pepti), без плавающей картинки посередине */
html body #story .pp-story__bg{left:auto !important;right:0 !important;top:0 !important;bottom:0 !important;width:62% !important;height:100% !important;margin:0 !important;translate:none !important;transform:none !important;object-fit:cover !important;object-position:50% 40% !important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%) !important;mask-image:linear-gradient(90deg,transparent 0,#000 34%) !important}
html body #story .pp-story__in{padding-left:max(48px,calc((100vw - 1200px)/2)) !important}

/* ---------- Custom-made for you (техник) ---------- */
html body #familiar.pp-fam{display:grid !important;grid-template-columns:minmax(0,1fr) 560px;column-gap:56px;align-items:center;max-width:var(--w3);margin-left:auto !important;margin-right:auto !important;padding:56px 48px !important;box-sizing:border-box}
html body #familiar .pp-fam__copy{grid-column:1;grid-row:1 / span 2;align-self:center;text-align:left !important;width:auto !important;left:auto !important;margin:0 !important}
html body #familiar .pp-fam__eyebrow{justify-content:flex-start !important}
html body #familiar .pp-fam__h{text-align:left !important}
html body #familiar .pp-fam__h,html body #familiar .pp-fam__h span{white-space:normal !important;max-width:none !important}
html body #familiar .pp-fam__h .pp-guar__l1{font-size:36px !important;line-height:1.12 !important}
html body #familiar .pp-fam__h .pp-guar__l2{font-size:22px !important;line-height:1.3 !important;margin-top:6px}
html body #familiar .rf-fam-side.w3-side{position:static !important;width:auto !important;margin-top:28px;display:flex !important;flex-direction:column;gap:18px !important}
html body #familiar .w3-side .rf-fam-pills{position:static !important;flex-direction:row !important;flex-wrap:wrap;gap:8px !important}
html body #familiar .w3-side .rf-fam-pills li{font-size:14px !important;padding:8px 14px !important}
html body #familiar .w3-side .rf-fam-facts{position:static !important;width:auto !important;display:grid !important;grid-template-columns:1fr 1fr;gap:12px !important}
html body #familiar .w3-side .rf-fam-facts li{padding:14px 16px !important;border-radius:16px !important}
html body #familiar .w3-side .rf-fam-facts b{font-size:16px !important}
html body #familiar .w3-side .rf-fam-facts span{font-size:14px !important;line-height:1.4 !important;margin-top:4px !important}
html body #familiar .pp-fam__stage{grid-column:2;grid-row:1 / span 2;width:390px !important;height:568px !important;margin:0 !important;zoom:1.4;justify-self:end;overflow:hidden !important;border-radius:22px}

/* ---------- One flat price: перчатка не режется краем ---------- */
html body #price .pp-panel__body{max-width:var(--w3);margin:0 auto !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;column-gap:48px}
html body #price .rf-models{overflow:visible !important;width:354px !important;height:330px !important;margin:150px 0 0 0 !important;zoom:1.3;align-self:center;justify-self:start}
html body #price{overflow:hidden !important}
html body #price .pp-panel__body{padding-top:90px !important;padding-bottom:40px !important;align-items:center !important}

/* ---------- Built in a Florida lab ---------- */
html body #builds > div{max-width:var(--w3);margin-left:auto !important;margin-right:auto !important}
html body #builds .pp-dark__nav{position:absolute !important;left:auto !important;right:0 !important;top:-30px !important;width:auto !important;justify-content:flex-end !important;gap:12px;z-index:3}
html body #builds .pp-dark__track{margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;scroll-padding-left:0}
html body #builds .pp-copy{padding-right:120px}

/* ---------- Matched to your shade: фото и текст двумя колонками, по центру ---------- */
html body #shade .pp-panel__body{max-width:var(--w3);margin:0 auto !important;display:block !important}
html body #shade .pp-copy{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,520px);column-gap:56px;align-items:center;width:auto !important;max-width:none !important}
html body #shade .rf-shadefig{grid-column:1;grid-row:1 / span 5;width:100% !important;margin:0 !important;border-radius:24px;overflow:hidden}
html body #shade .rf-shadefig img{width:100% !important;height:auto !important;display:block}
html body #shade .pp-copy > :not(.rf-shadefig){grid-column:2;text-align:left !important;margin-left:0 !important;margin-right:0 !important}
html body #shade .pp-copy > .pp-eyebrow{justify-self:start}

/* ---------- FAQ: не «сосиска» на всю ширину ---------- */
html body #faq .pp-faq__panel > div{max-width:880px;margin-left:auto !important;margin-right:auto !important}
}
@media (min-width:768px) and (min-height:560px){
/* «Related products» на карточке: 4 карточки в ряд без обрезанной четвёртой */
html body .pp-pdp .pp-panel--related .grid__item{width:calc((100% - 36px)/4) !important;max-width:none !important}
}
@media (min-width:768px) and (min-height:560px){
/* шапка внутренних страниц: тема Shopify даёт body letter-spacing .6px — пункты меню расползаются и «Prices» залезает под поиск */
html body .dk-nav, html body .dk-nav *{letter-spacing:normal !important}
}
@media (min-width:768px) and (min-height:560px){
/* «How it happens» на карточке: заголовок и строка про проверку фото — одна колонка без наложения, шаги и иконки — вторая */
html body .slpdp--steps .slpdp__h{grid-row:1 !important;align-self:end !important;margin-bottom:12px !important}
html body .slpdp--steps .slpdp__dentist{grid-row:2 !important;align-self:start !important}
html body .slpdp--steps .slpdp__steps{grid-row:1 !important}
html body .slpdp--steps .slplus-why{grid-row:2 !important}
}
@media (min-width:768px) and (min-height:560px){
html body .slpdp--steps .slpdp__h{text-align:left !important}
/* шаги: три карточки помещаются и на 1024 */
html body #steps .rf-st-car > div:not([class]) > div{flex:0 1 360px !important;min-width:0 !important}
}
@media (min-width:768px) and (max-width:1199px) and (min-height:560px){
/* медали и «Dental appliances» на узком вебе — друг под другом по центру */
html body #find-my-fit ~ .pp-grade{grid-template-columns:minmax(0,1fr) !important;justify-items:center;row-gap:18px}
html body .pp-grade .pp-grade__h,html body .pp-grade .pp-grade__s{grid-column:1 !important;text-align:center !important;align-items:center !important}
html body .pp-grade .pp-medals{gap:24px !important}
}
@media (min-width:768px) and (max-width:1199px) and (min-height:560px){
html body .pp-grade .pp-medals{grid-row:1 !important}
html body .pp-grade .pp-grade__h{grid-row:2 !important}
html body .pp-grade .pp-grade__s{grid-row:3 !important;margin-top:0 !important}
}
@media (min-width:1200px) and (min-height:560px){
html body .pp-grade .pp-medals{grid-row:1 / span 2 !important}
html body .pp-grade .pp-grade__h{grid-row:1 !important;align-self:end}
html body .pp-grade .pp-grade__s{grid-row:2 !important;align-self:start}
}
@media (min-width:768px) and (min-height:560px){
/* «Choose what fits you»: лента навылет до краёв окна, как «Explore treatments» у Pepti, без жёсткого обреза карточек по колонке */
html body #explore-cases{padding-left:0 !important;padding-right:0 !important;overflow:hidden}
html body #explore-cases .ex-wrap,html body #explore-cases .ex-scroll{width:100% !important}
html body #explore-cases .ex-arr--l{left:max(24px,calc((100vw - 1240px)/2)) !important}
html body #explore-cases .ex-arr--r{right:max(24px,calc((100vw - 1240px)/2)) !important;left:auto !important}
html body #explore-cases .ex-arr{width:48px !important;height:48px !important}
}
@media (min-width:768px) and (min-height:560px){
/* тёмные панели: заголовок «Not sure which one you need» был тёмно-зелёным на чёрном */
html body .pp-panel--night h3.slb__heading,html body .pp-panel--night h2.slb__heading{color:#fff !important;-webkit-text-fill-color:#fff !important}
}
@media (min-width:768px) and (min-height:560px){
/* статья блога: обложка не на весь первый экран */
html body .pp-art .article-template__hero-container{max-width:560px !important;margin-left:auto !important;margin-right:auto !important}
}

@media (min-width:768px) and (max-width:1023px) and (min-height:560px){
/* шапка на планшете 768–1023: sl-desktop.js вставляет веб-меню и бегущую ленту с 768, а их стили в sl-desktop.css только с 1024 — на iPad меню вставало огромными стрелками, лента столбиком. Тот же блок шапки, что с 1024 (лишние пункты прячет sl-web3.js) */

  html body .pp-top .pp-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 var(--gut, 40px); height: 36px; font-size: 13px; }
  html body .pp-top .pp-bar .dk-bar__l, html body .pp-top .pp-bar .dk-bar__r { flex: 1 1 0; font-weight: 600; color: #3b2d0a; white-space: nowrap; }
  html body .pp-top .pp-bar .dk-bar__r { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; text-decoration: none; color: #1d1d1f; font-weight: 700; }
  html body .pp-top .pp-bar .dk-bar__r .ic { width: 16px; height: 16px; }
  /* 25.10 верхняя полоса по макету Revived Smiles на нашем оранжевом: лента 5 с → промокод 5 с → фраза на консультацию 5 с */
  html body .pp-top .pp-bar, html body .pp-top.is-scrolled .pp-bar { position: relative; display: block; height: 34px; padding: 0; margin: 0 !important; border-radius: 0 !important; background: var(--accent); color: #1d1d1f; overflow: hidden; }
  html body .pp-top .pp-bar .pp-bar__ear { display: none; }
  html body .pp-top .pp-bar .dk-tick { width: 100%; height: 34px; overflow: hidden; transition: opacity .4s; }
  html body .pp-top .pp-bar .dk-tick__in { display: flex; width: max-content; height: 34px; animation: ppMarqL 130s linear infinite; }
  html body .pp-top .pp-bar .dk-tick__in > div { display: flex; }
  html body .pp-top .pp-bar .dk-tick__it { display: flex; align-items: center; gap: 20px; margin-right: 20px; height: 34px; white-space: nowrap; }
  html body .pp-top .pp-bar .dk-tick__ico { flex: none; width: 20px; height: 20px; border-radius: 50%; display: block; }
  html body .pp-top .pp-bar .dk-tick span, html body .pp-top .pp-bar .dk-bar__c span { font: 600 14px/21px 'Inter', system-ui, sans-serif; letter-spacing: -.3px; color: #1d1d1f; white-space: nowrap; }
  html body .pp-top .pp-bar .dk-bar__c { position: absolute; left: 0; right: 0; top: 0; height: 34px; display: flex; align-items: center; justify-content: center; gap: 12px; opacity: 0; pointer-events: none; transition: opacity .4s; }
  html body .pp-top .pp-bar .dk-bar__c .pp-bar__copy { margin-left: 0; }
  html body .pp-top .pp-bar.is-promo .dk-tick, html body .pp-top .pp-bar.is-cta .dk-tick { opacity: 0; }
  html body .pp-top .pp-bar.is-promo .dk-bar__promo, html body .pp-top .pp-bar.is-cta .dk-bar__cta { opacity: 1; pointer-events: auto; }
  @media (prefers-reduced-motion: reduce) { html body .pp-top .pp-bar .dk-tick__in { animation: none; } }
  /* 25.10 (владелец, по замеру Revived Smiles): контейнер шапки с воздухом — отступ 20px от полосы, 32px по краям, скругление 15; пункты компактнее, поиск значком */
  html body .pp-top .pp-nav__in, html body .pp-top.is-scrolled .pp-nav__in, html body .pp-top--light:not(.is-scrolled) .pp-nav__in { height: 72px; width: calc(100% - 64px) !important; margin: 20px 32px 0 !important; padding: 0 14px 0 24px !important; border-radius: 15px !important; background: #fff !important; box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 12px 32px -8px rgba(0,0,0,.12) !important; border: 1px solid rgba(0,0,0,.06); }
  html body .pp-top .dk-search span { display: none; } html body .pp-top .dk-search { padding: 0 11px; }
  /* светлая подложка под полосой, как у образца: контейнер плавает на фоне страницы, а не упирается в край */
  html body .pp-top, html body .pp-top.is-scrolled { background: #fefcf7; padding-bottom: 16px; }
  html body .pp-top .pp-nav__side:not(.pp-nav__side--r) { display: none; }
  .dk-nav { gap: 2px; margin-left: 18px; overflow: visible; }
  .dk-nav a, .dk-nav button, .dk-nav .dk-item > a { display: inline-flex; align-items: center; gap: 4px; height: 40px; padding: 0 10px; border-radius: 999px; font: 500 14.5px/1 'Inter', system-ui, sans-serif !important; color: #3f3f46 !important; opacity: 1 !important; text-decoration: none; background: none; border: 0; cursor: pointer; white-space: nowrap; transition: background .2s, color .2s; }
  .dk-nav a:hover, .dk-nav button:hover, .dk-nav .dk-item.is-open > a, .dk-nav .dk-nav__shop[aria-expanded="true"] { background: #f4f4f5 !important; color: #18181b !important; }
  .dk-nav .ic { width: 15px; height: 15px; opacity: .55; transition: transform .3s; }
  .dk-nav .dk-item.is-open > a .ic, .dk-nav .dk-nav__shop[aria-expanded="true"] .ic { transform: rotate(180deg); }
  .dk-item { position: relative; }
  .dkd { position: absolute; left: -12px; top: calc(100% + 10px); z-index: 80; min-width: 560px; padding-top: 6px; }
  .dkd[hidden] { display: none; }
  .dkd__in { display: grid; grid-template-columns: 1fr 240px; gap: 8px; padding: 10px; border-radius: 22px; background: #fff; border: 1px solid rgba(0,0,0,.06); box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 24px 48px -16px rgba(0,0,0,.22); animation: dkdIn .22s ease both; }
  .dkd__in--one { grid-template-columns: 1fr; min-width: 320px; }
  @keyframes dkdIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
  .dkd__list { display: flex; flex-direction: column; gap: 2px; min-width: 300px; }
  .dkd__it { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 14px; text-decoration: none; color: #18181b; transition: background .18s; }
  .dkd__it:hover { background: #f4f4f5; }
  .dkd__pic { flex: 0 0 52px; width: 52px; height: 52px; border-radius: 12px; background: #faf7f2; display: flex; align-items: center; justify-content: center; }
  .dkd__pic img { max-width: 44px; max-height: 44px; object-fit: contain; }
  .dkd__pic--ico { color: #a66f12; } .dkd__pic--ico .ic { width: 22px; height: 22px; }
  .dkd__it b { display: block; font: 600 14px/1.25 'Inter', system-ui, sans-serif; } .dkd__it small { display: block; margin-top: 2px; font-size: 12.5px; color: #71717a; }
  .dkd__feat { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 100%; padding: 14px; border-radius: 16px; background: linear-gradient(160deg, #fff6dc, #f3dc9d); text-decoration: none; color: #18181b; overflow: hidden; }
  .dkd__feat img { position: absolute; right: -8px; top: 8px; width: 150px; height: 120px; object-fit: contain; filter: drop-shadow(0 10px 14px rgba(80,50,0,.25)); transition: transform .3s; }
  .dkd__feat:hover img { transform: translateY(-4px) rotate(-3deg); }
  .dkd__feat-t { position: relative; margin-top: 110px; }
  .dkd__feat-t em { display: block; font: 700 10.5px/1 'Inter', system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #8a5a0b; font-style: normal; margin-bottom: 6px; }
  .dkd__feat-t b { display: block; font: 800 18px/1.1 'Unbounded', 'Inter', sans-serif; letter-spacing: -.02em; color: #14322b; }
  .dkd__feat-t small { display: block; margin-top: 4px; font-size: 13px; color: #5b4a1e; }
  /* правая группа: поиск строкой, корзина, кнопка */
  html body .pp-nav__side--r { gap: 6px; }
  .dk-search { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px 0 12px; border-radius: 999px; border: 1px solid rgba(0,0,0,.08); background: #fafafa; color: #52525b; font: 500 14px/1 'Inter', system-ui, sans-serif; cursor: pointer; transition: background .2s, border-color .2s; }
  .dk-search:hover { background: #f4f4f5; border-color: rgba(0,0,0,.14); color: #18181b; }
  .dk-search .ic { width: 18px; height: 18px; }
  html body .pp-nav__side--r [data-pp="search"] { display: none !important; }
  html body .pp-nav__side--r .dk-cart { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 999px; color: #18181b !important; background: none; }
  html body .pp-nav__side--r .dk-cart:hover { background: #f4f4f5; }
  html body .pp-nav__side--r .dk-cart .ic { width: 23px; height: 23px; }
  html body .pp-nav__side--r .dk-cart .pp-cart-n { position: absolute; top: 2px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #d8a548; color: #0b0b0c; font: 800 11px/18px 'Inter', system-ui, sans-serif; text-align: center; box-shadow: 0 0 0 2px #fff; }
  html body .pp-nav__side--r .dk-cart .pp-cart-n[hidden] { display: none; }
  html body .pp-nav__side--r .dk-lang { display: inline-flex; align-items: center; height: 36px; padding: 0 10px; margin: 0 4px; border-radius: 999px; border: 1px solid rgba(0,0,0,.12); font: 700 12.5px/1 'Inter', system-ui, sans-serif; letter-spacing: .04em; color: #3f3f46; text-decoration: none; }
  html body .pp-nav__side--r .dk-lang:hover { background: #f4f4f5; color: #18181b; }
  /* испанские подписи длиннее: пункты компактнее, чтобы меню не наезжало на значки */
  html[lang="es"] body .pp-top .dk-nav a, html[lang="es"] body .pp-top .dk-nav button, html[lang="es"] body .pp-top .dk-nav .dk-item > a { padding: 0 7px; font-size: 14px !important; }
  html[lang="es"] body .pp-top .dk-cta { padding: 0 14px !important; }
  html[lang="es"] body .pp-nav__side--r .dk-lang { padding: 0 8px; margin: 0 2px; }
  html[lang="es"] body .pp-top .dk-nav .dk-nav__x { display: none; }
  @media (min-width: 1024px) and (max-width: 1359px) { html[lang="es"] body .pp-top .dk-nav a, html[lang="es"] body .pp-top .dk-nav button, html[lang="es"] body .pp-top .dk-nav .dk-item > a { padding: 0 6px; font-size: 13.5px !important; } html[lang="es"] body .pp-top .dk-cta { padding: 0 12px !important; font-size: 13.5px; } }
  .dk-cta { height: 42px; padding: 0 20px; border-radius: 999px; font: 700 14px/1 'Inter', system-ui, sans-serif; background: linear-gradient(135deg, #f9d978, #eaa830 48%, #cf8a1e) !important; color: #0b0b0c !important; box-shadow: 0 8px 20px -10px rgba(207,138,30,.7); margin-left: 4px; }
  .dk-cta:hover { filter: brightness(1.04); transform: translateY(-1px); }
  /* мега-меню Shop под пилюлей */
  .dkm { left: var(--gut, 40px); right: var(--gut, 40px); top: calc(100% + 10px); border-radius: 24px; border: 1px solid rgba(0,0,0,.06); box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 30px 60px -20px rgba(0,0,0,.28); overflow: hidden; animation: dkdIn .22s ease both; }

}

@media (min-width:768px) and (max-width:1099px) and (min-height:560px){
/* «Custom-made for you» на планшете: текст и фото техника друг под другом, без сжатой колонки текста */
html body #familiar.pp-fam,html body .pp-fam{grid-template-columns:minmax(0,1fr) !important;justify-items:center}
html body #familiar .pp-fam__copy,html body .pp-fam .pp-fam__copy{grid-column:1 !important;grid-row:auto !important;width:100% !important;max-width:640px}
html body #familiar .pp-fam__stage{grid-column:1 !important;grid-row:auto !important;justify-self:center;margin-top:28px !important;zoom:1.2}
}