/*! iStage · Zákaznický servis – kontakty, reklamace, vrácení zboží, výdejní POINT, časté dotazy a podmínky · v1.0.0
 *  Styly platí v české i slovenské verzi (html.lng) jen na stránkách servisu (seznam v sekci 1 – stejný jako CFG.pages v podpora.js).
 *  Rozvržení (bez levého sloupce kategorií, místo pro navigaci servisu) platí hned od načtení stránky, takže nic neposkočí.
 *  Formulář Napište nám i formulář reklamace a vrácení (Retino) dál obsluhuje Shoptet a Retino – mění se jen vzhled.
 *  ?pp=0 na konci adresy ukáže původní stránku.
 */

/* ---------- Písmo Poppins – stejné soubory jako bannery (složka homepage/fonts, licence OFL) ---------- */
@font-face{font-family:'HP Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/user/documents/homepage/fonts/poppins-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'HP Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/user/documents/homepage/fonts/poppins-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'HP Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/user/documents/homepage/fonts/poppins-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'HP Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/user/documents/homepage/fonts/poppins-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root { --pp-api: 1; }                               /* skript podpora.js se připojí, jen když jsou načtené tyto styly */

/* ---------- 0) Barvy a písmo – na jednom místě (stejné jako kategorie a košík) ---------- */
html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) {
  --pp-font: 'HP Poppins', 'Poppins', 'Nunito Sans', Arial, sans-serif;
  --pp-text: 'Nunito Sans', Arial, sans-serif;
  --pp-ink: #0b0d10; --pp-2: #55595f; --pp-3: #666b73; --pp-line: #e2e2df; --pp-line-2: #cdcdc9;
  --pp-sunk: #f0f0ee; --pp-soft: #f7f7f5;
  --pp-red: #fb2a2d; --pp-ok: #15803d; --pp-ok-bg: #e9f6ee; --pp-focus: #0063c7;
  --pp-hero: radial-gradient(60% 90% at 100% 0%, rgba(251, 42, 45, .10), rgba(251, 42, 45, 0) 62%), radial-gradient(55% 80% at 78% 100%, rgba(0, 118, 225, .06), rgba(0, 118, 225, 0) 60%), linear-gradient(180deg, #f8f8f6, #f0f0ed);
  --pp-col: 248px; --pp-gap: 32px;                   /* levý sloupec s navigací a mezera k obsahu (počítač) */
  --pp-cw: 100vw;                                    /* šířka kontejneru šablony (pro záložku Heureky) */
  --pp-dot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='3' cy='3' r='3' fill='%23fb2a2d'/%3E%3C/svg%3E");
}
@media (min-width: 1200px) { html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) { --pp-col: 264px; --pp-gap: 40px; } }
@media (min-width: 1440px) { html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) { --pp-col: 272px; --pp-gap: 48px; } }

/* ---------- 1) Rozvržení: bez levého sloupce kategorií (kategorie jsou v hlavičce), obsah na celou šířku.
   Počítač: vlevo sloupec pro navigaci servisu (je připravený předem – skript ho jen vyplní).
   Mobil a tablet: nahoře místo pro řadu tlačítek s navigací. ---------- */
html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) .content-wrapper-in > aside.sidebar { display: none !important; }
html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) .content-wrapper-in > main#content {
  flex: 1 1 100%; width: 100% !important; max-width: 100% !important; float: none; margin-left: 0; margin-right: 0;
  min-height: 100vh;                                 /* patička je při načtení vždy pod okrajem okna (nic neposkočí) */
  color: var(--pp-2); -webkit-font-smoothing: antialiased;
}
html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) main#content > .content-inner { max-width: none !important; width: auto !important; min-width: 0; }
@media (min-width: 992px) {
  html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) .content-wrapper-in > main#content {
    display: grid !important; grid-template-columns: var(--pp-col) minmax(0, 1fr); column-gap: var(--pp-gap); align-items: start;
  }
  html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) main#content > .content-inner { grid-column: 2; grid-row: 1; }
  html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) main#content > .pp-side { grid-column: 1; grid-row: 1; align-self: stretch; }
}
@media (max-width: 991px) {
  html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) .content-wrapper-in > main#content {
    position: relative; padding-top: 58px !important;  /* místo pro řadu tlačítek s navigací (vkládá ji skript) */
  }
}
/* záložka Heureky „Ověřeno zákazníky“ visí přes levých 36 px okna – kde kontejner začíná blíž k okraji,
   odsadí se obsah jen o tolik, aby nic nezakrývala (šířky kontejneru šablony: 742 / 972 / 1178 / 1394 px) */
@media (min-width: 768px) {
  html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) { --pp-cw: 742px; }
  html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) .content-wrapper-in > main#content { padding-left: max(0px, calc(52px - (100vw - var(--pp-cw)) / 2)) !important; }
}
@media (min-width: 992px) { html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) { --pp-cw: 972px; } }
@media (min-width: 1200px) { html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) { --pp-cw: 1178px; } }
@media (min-width: 1440px) { html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) { --pp-cw: 1394px; } }

/* ---------- 2) Nové stránky (Kontakty, Reklamace, Vrácení zboží, Výdejní POINT, Časté dotazy): původní text
   z administrace se neukáže – místo něj skript vloží novou stránku. Kdyby se skript do 4 s nenačetl,
   původní text se zobrazí (pojistka). ---------- */
html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10) main#content > .content-inner > article,
html.lng:not(.pp-off) body.in-pomoc main#content > .content-inner > :is(.sectionDescription, p) {
  max-height: 0; overflow: hidden; visibility: hidden; margin: 0; padding: 0;
  animation: pp-orig 0s linear 4s forwards;
}
@keyframes pp-orig { to { max-height: none; overflow: visible; visibility: visible; } }
html.lng.pp-on:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10) main#content > .content-inner > article,
html.lng.pp-on:not(.pp-off) body.in-pomoc main#content > .content-inner > :is(.sectionDescription, p) { display: none !important; animation: none; }

/* ---------- 3) Základ vložených částí (navigace, nové stránky, kontakt na konci) ---------- */
.pp-side, .pp-root, .pp-help, .pp-aside, .pp-mtoc { font: 400 15px/1.6 var(--pp-text); color: var(--pp-2); text-align: left; }
.pp-side *, .pp-root *, .pp-help *, .pp-aside *, .pp-mtoc * { box-sizing: border-box; }
/* základ s nízkou vahou (jen #content), aby ho třídy níže vždy přebily; šablona na tyto prvky v obsahu vlastní pravidla nemá */
#content :where(.pp-side, .pp-root, .pp-help, .pp-aside, .pp-mtoc) :where(h1, h2, h3, p, ul, ol, li, dl, dt, dd, figure) { margin: 0; padding: 0; }
#content :where(.pp-side, .pp-root, .pp-help, .pp-aside, .pp-mtoc) :where(ul, ol) { list-style: none; }
#content :where(.pp-side, .pp-root, .pp-help, .pp-aside, .pp-mtoc) li::before { content: none; }
/* šablona podtrhává všechny odkazy v obsahu (.content-wrapper #content a:not(.btn)…) – v našich částech jen tam, kde to dává smysl */
#content :is(.pp-side, .pp-root, .pp-help, .pp-aside, .pp-mtoc) a { text-decoration: none !important; }
#content :where(.pp-side, .pp-root, .pp-help, .pp-aside, .pp-mtoc) button { font-family: inherit; }
#content :where(.pp-side, .pp-root, .pp-help, .pp-aside, .pp-mtoc) img { max-width: 100%; height: auto; }
.pp-ico { display: inline-block; flex: none; width: 20px; height: 20px; vertical-align: middle; }
.pp-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
:is(.pp-side, .pp-root, .pp-help, .pp-aside, .pp-mtoc) :is(a, button, summary, input):focus-visible { outline: 3px solid var(--pp-focus); outline-offset: 2px; }

#content :is(.pp-root, .pp-help, .pp-aside) .pp-h1 {
  margin: 14px 0 0; max-width: 20em; font-family: var(--pp-font) !important; font-size: clamp(30px, .9rem + 1.8vw, 44px) !important; font-weight: 600 !important;
  line-height: 1.08 !important; letter-spacing: -.03em; text-align: left; text-transform: none; color: var(--pp-ink) !important; text-wrap: balance;
}
#content :is(.pp-root, .pp-help, .pp-aside) .pp-h2 {
  font-family: var(--pp-font) !important; font-size: 24px !important; font-weight: 600 !important; line-height: 1.2 !important;
  letter-spacing: -.02em; text-align: left; text-transform: none; color: var(--pp-ink) !important;
}
#content :is(.pp-root, .pp-help, .pp-aside) .pp-h3 {
  font-family: var(--pp-text) !important; font-size: 16.5px !important; font-weight: 800 !important; line-height: 1.3 !important;
  letter-spacing: 0; text-align: left; text-transform: none; color: var(--pp-ink) !important;
}

/* tlačítka */
#content :is(.pp-side, .pp-root, .pp-help, .pp-aside) .pp-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px;
  border: 1px solid var(--pp-ink); border-radius: 12px; background: var(--pp-ink); color: #fff;
  font: 700 14px/1.2 var(--pp-text); text-align: center; text-decoration: none; cursor: pointer; white-space: nowrap;
  transition: background-color .15s, border-color .15s, color .15s, box-shadow .15s;
}
#content :is(.pp-side, .pp-root, .pp-help, .pp-aside) .pp-btn:hover { background: #2b2e33; border-color: #2b2e33; color: #fff; }
#content :is(.pp-side, .pp-root, .pp-help, .pp-aside) .pp-btn .pp-ico { width: 18px; height: 18px; }
#content :is(.pp-side, .pp-root, .pp-help, .pp-aside) .pp-btn--line { background: #fff; border-color: var(--pp-line-2); color: var(--pp-ink); }
#content :is(.pp-side, .pp-root, .pp-help, .pp-aside) .pp-btn--line:hover { background: #fff; border-color: var(--pp-ink); color: var(--pp-ink); box-shadow: 0 6px 14px -10px rgba(11, 13, 16, .45); }
#content :is(.pp-side, .pp-root, .pp-help, .pp-aside) .pp-btn--light { background: #fff; border-color: #fff; color: var(--pp-ink); }
#content :is(.pp-side, .pp-root, .pp-help, .pp-aside) .pp-btn--light:hover { background: #f0f0ee; border-color: #f0f0ee; color: var(--pp-ink); }
#content :is(.pp-side, .pp-root, .pp-help, .pp-aside) .pp-btn--sm { min-height: 38px; padding: 0 14px; border-radius: 10px; font-size: 13.5px; }
#content :is(.pp-side, .pp-root, .pp-help, .pp-aside) .pp-btn--lg { min-height: 52px; padding: 0 22px; border-radius: 14px; font-size: 15px; }
#content :is(.pp-side, .pp-root, .pp-help, .pp-aside) .pp-btn--full { width: 100%; }

/* velký odkaz na telefon / e-mail */
#content :is(.pp-root, .pp-help, .pp-aside) .pp-big {
  display: inline-flex; align-items: center; gap: 12px; min-width: 0; min-height: 60px; padding: 9px 18px 9px 9px;
  border: 1px solid var(--pp-line); border-radius: 18px; background: #fff; color: var(--pp-ink); text-decoration: none;
  transition: border-color .15s, box-shadow .15s;
}
#content :is(.pp-root, .pp-help, .pp-aside) .pp-big:hover { border-color: var(--pp-ink); box-shadow: 0 10px 24px -16px rgba(11, 13, 16, .5); }
.pp-big-i { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 13px; background: var(--pp-ink); color: #fff; }
.pp-big-b { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pp-big-b b { overflow: hidden; font: 800 16px/1.25 var(--pp-text); color: var(--pp-ink); white-space: nowrap; text-overflow: ellipsis; }
.pp-big-b small { font: 600 12.5px/1.3 var(--pp-text); color: var(--pp-3); }

/* kopírovat do schránky */
#content .pp-copy {
  display: inline-flex; align-items: center; gap: 6px; flex: none; height: 30px; margin: 0; padding: 0 10px;
  border: 1px solid var(--pp-line); border-radius: 8px; background: #fff; color: var(--pp-2);
  font: 700 12px/1 var(--pp-text); cursor: pointer; transition: border-color .15s, color .15s, background-color .15s;
}
#content .pp-copy:hover { border-color: var(--pp-ink); color: var(--pp-ink); }
#content .pp-copy .pp-ico { width: 15px; height: 15px; }
#content .pp-copy .pp-ico-ok, #content .pp-copy.is-done .pp-ico:not(.pp-ico-ok) { display: none; }
#content .pp-copy.is-done { border-color: #9ad2ae; background: var(--pp-ok-bg); color: var(--pp-ok); }
#content .pp-copy.is-done .pp-ico-ok { display: inline-block; }
#content .pp-copy--btn { height: 38px; padding: 0 14px; border-color: var(--pp-line-2); border-radius: 10px; font-size: 13.5px; color: var(--pp-ink); }

/* ---------- 4) Navigace servisu – vlevo (počítač), řada tlačítek (mobil a tablet) ---------- */
.pp-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.pp-nav { padding: 14px; border: 1px solid var(--pp-line); border-radius: 22px; background: #fff; }
#content .pp-nav-brand { display: flex; align-items: center; gap: 8px; margin: 2px 6px 12px; font: 600 16px/1.2 var(--pp-font); letter-spacing: -.01em; color: var(--pp-ink); }
.pp-nav-brand .pp-ico { color: var(--pp-red); }
.pp-nav-g + .pp-nav-g { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--pp-line); }
#content .pp-nav-t { margin: 4px 10px 6px; font: 700 11px/1.2 var(--pp-text); letter-spacing: .1em; text-transform: uppercase; color: var(--pp-3); }
#content .pp-nav-a {
  display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 8px 10px; border-radius: 12px;
  font: 700 14px/1.25 var(--pp-text); color: var(--pp-ink); text-decoration: none; transition: background-color .15s;
}
.pp-nav-a .pp-ico { width: 18px; height: 18px; color: var(--pp-3); }
#content .pp-nav-a:hover { background: var(--pp-soft); color: var(--pp-ink); }
#content .pp-nav-a.is-cur { background: var(--pp-ink); color: #fff; }
.pp-nav-a.is-cur .pp-ico { color: #fff; }

.pp-sidecard { padding: 18px; border-radius: 22px; background: var(--pp-ink); background-image: radial-gradient(80% 90% at 100% 0%, rgba(251, 42, 45, .30), rgba(251, 42, 45, 0) 62%); color: rgba(255, 255, 255, .8); }
#content .pp-sidecard-t { margin: 0 0 10px; font: 600 15px/1.2 var(--pp-font); color: #fff; }
#content .pp-sidecard-tel { display: flex; align-items: center; gap: 8px; font: 600 19px/1.2 var(--pp-font); letter-spacing: -.01em; color: #fff; text-decoration: none; white-space: nowrap; }
#content .pp-sidecard-tel:hover span { text-decoration: underline; }
#content :is(.pp-sidecard-h, .pp-sidecard-mail) { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; font: 600 13.5px/1.3 var(--pp-text); color: rgba(255, 255, 255, .78); text-decoration: none; }
#content .pp-sidecard-mail:hover { color: #fff; text-decoration: underline !important; }
.pp-sidecard .pp-ico { width: 18px; height: 18px; }
#content .pp-sidecard .pp-btn { margin-top: 14px; background: transparent; border-color: rgba(255, 255, 255, .32); color: #fff; }
#content .pp-sidecard .pp-btn:hover { background: #fff; border-color: #fff; color: var(--pp-ink); }

/* obsah stránky (dokumenty) – drží se nahoře při posouvání */
.pp-toc { position: sticky; top: 24px; max-height: calc(100vh - 48px); overflow: auto; overscroll-behavior: contain; padding: 14px; border: 1px solid var(--pp-line); border-radius: 22px; background: #fff; }
#content .pp-toc-t { display: flex; align-items: center; gap: 8px; margin: 2px 8px 8px; font: 700 11px/1.2 var(--pp-text); letter-spacing: .1em; text-transform: uppercase; color: var(--pp-3); }
.pp-toc-t .pp-ico { width: 16px; height: 16px; }
#content .pp-toc a { display: block; padding: 7px 10px; border-radius: 10px; font: 600 13.5px/1.35 var(--pp-text); color: var(--pp-2); text-decoration: none; }
#content .pp-toc a:hover { background: var(--pp-soft); color: var(--pp-ink); }
#content .pp-toc a.is-cur { background: var(--pp-soft); color: var(--pp-ink); font-weight: 800; box-shadow: inset 3px 0 0 var(--pp-red); }

.pp-chips { display: none; }
@media (min-width: 768px) and (max-width: 991px) {   /* tablet: stejné odsazení zleva jako obsah (záložka Heureky), viz sekce 1 */
  html.lng:not(.pp-off) body:is(.in-kontakty, .in-reklamace, .in-jak-vratit-zbozi, .in-vydejni-point-praha-10, .in-pomoc, .in-napiste-nam, .in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) main#content > .pp-side { left: max(0px, calc(52px - (100vw - var(--pp-cw)) / 2)); }
}
@media (max-width: 991px) {
  #content .pp-side { position: absolute; top: 0; left: 0; right: 0; z-index: 3; display: block; }

  .pp-nav, .pp-sidecard, .pp-toc { display: none; }
  .pp-chips { display: block; }
  #content .pp-chips ul {
    display: flex; gap: 8px; margin: 0; padding: 2px 0 10px; overflow-x: auto; overscroll-behavior-x: contain;
    scrollbar-width: none; -webkit-overflow-scrolling: touch;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
  }
  .pp-chips ul::-webkit-scrollbar { display: none; }
  .pp-chips li { flex: none; }
  #content .pp-chip {
    display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border: 1px solid var(--pp-line); border-radius: 999px;
    background: #fff; font: 700 13.5px/1 var(--pp-text); color: var(--pp-ink); white-space: nowrap; text-decoration: none;
  }
  .pp-chip .pp-ico { width: 16px; height: 16px; color: var(--pp-3); }
  #content .pp-chip.is-cur { background: var(--pp-ink); border-color: var(--pp-ink); color: #fff; }
  .pp-chip.is-cur .pp-ico { color: #fff; }
}

/* ---------- 5) Hlavička nové stránky ---------- */
.pp-hero { position: relative; isolation: isolate; margin: 0 0 32px; padding: 36px 44px 40px; border: 1px solid rgba(11, 13, 16, .06); border-radius: 28px; background: var(--pp-hero); }
#content .pp-eyebrow {
  display: inline-flex; align-items: center; gap: 8px; max-width: 100%; height: 28px; padding: 0 12px 0 10px;
  border: 1px solid rgba(11, 13, 16, .08); border-radius: 999px; background: rgba(255, 255, 255, .85);
  font: 700 11px/1 var(--pp-text); letter-spacing: .1em; text-transform: uppercase; color: var(--pp-2);
}
.pp-eyebrow::before { content: ''; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--pp-red); }
#content .pp-lead { margin: 14px 0 0; max-width: 64ch; font-size: 16.5px; line-height: 1.6; color: var(--pp-2); }
.pp-hero-act { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
#content .pp-flow { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; }
#content .pp-flow a {
  display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 16px 0 6px; border: 1px solid rgba(11, 13, 16, .1); border-radius: 999px;
  background: rgba(255, 255, 255, .92); font: 700 14px/1 var(--pp-text); color: var(--pp-ink); text-decoration: none; transition: border-color .15s;
}
#content .pp-flow a:hover { border-color: var(--pp-ink); }
.pp-flow-n { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--pp-ink); color: #fff; font: 600 13px/1 var(--pp-font); }
#content .pp-facts { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 0; }
#content .pp-facts li {
  display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 8px 14px; border: 1px solid rgba(11, 13, 16, .08); border-radius: 999px;
  background: rgba(255, 255, 255, .92); font: 700 13.5px/1.3 var(--pp-text); color: var(--pp-ink);
}
.pp-facts .pp-ico { width: 18px; height: 18px; color: var(--pp-3); }
#content .pp-facts--point li { align-items: flex-start; padding: 12px 16px; border-radius: 16px; }
.pp-facts--point b { display: block; font-size: 15px; }
.pp-facts--point span { font-weight: 600; color: var(--pp-2); }
.pp-maps { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }

/* ---------- 6) Sekce, dlaždice, karty ---------- */
.pp-sec { margin: 0 0 44px; }
.pp-sec-head { margin: 0 0 16px; }
#content .pp-sub { margin: 6px 0 0; max-width: 72ch; line-height: 1.6; color: var(--pp-2); }

#content .pp-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
#content .pp-tiles--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 0 44px; }
#content .pp-tile {
  position: relative; display: flex; align-items: center; gap: 14px; height: 100%; min-height: 84px; padding: 16px 44px 16px 16px;
  border: 1px solid var(--pp-line); border-radius: 18px; background: #fff; color: var(--pp-ink); text-decoration: none;
  transition: border-color .15s, box-shadow .15s, transform .15s;
}
#content .pp-tile:hover { border-color: var(--pp-ink); color: var(--pp-ink); box-shadow: 0 12px 26px -18px rgba(11, 13, 16, .5); transform: translateY(-1px); }
.pp-tile-i { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 1px solid var(--pp-line); border-radius: 14px; background: var(--pp-soft); color: var(--pp-ink); transition: background-color .15s, color .15s, border-color .15s; }
.pp-tile:hover .pp-tile-i { background: var(--pp-ink); border-color: var(--pp-ink); color: #fff; }
.pp-tile-b { min-width: 0; }
.pp-tile-b b { display: block; font: 800 15px/1.25 var(--pp-text); color: var(--pp-ink); }
.pp-tile-b small { display: block; margin-top: 3px; font: 600 13px/1.35 var(--pp-text); color: var(--pp-3); }
.pp-tile-go { position: absolute; top: 50%; right: 16px; width: 18px; height: 18px; margin-top: -9px; color: var(--pp-3); transition: transform .15s, color .15s; }
.pp-tile:hover .pp-tile-go { color: var(--pp-ink); transform: translateX(3px); }
#content .pp-tiles--s .pp-tile { min-height: 64px; padding: 12px 40px 12px 12px; }
.pp-tiles--s .pp-tile-i { width: 38px; height: 38px; border-radius: 12px; }

#content .pp-cards { display: grid; gap: 12px; }
#content .pp-cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#content .pp-card { position: relative; min-width: 0; padding: 22px; border: 1px solid var(--pp-line); border-radius: 20px; background: #fff; }
#content .pp-card > p { margin-top: 8px; line-height: 1.6; }
.pp-card-i { display: grid; place-items: center; width: 40px; height: 40px; margin: 0 0 14px; border: 1px solid var(--pp-line); border-radius: 12px; background: var(--pp-soft); color: var(--pp-ink); }
#content .pp-card--c { display: flex; flex-direction: column; }
.pp-card-act { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 16px; }
#content .pp-card-big { margin-top: 6px; font: 600 20px/1.25 var(--pp-font); letter-spacing: -.01em; color: var(--pp-ink); overflow-wrap: anywhere; }
#content .pp-card-big a { color: inherit; text-decoration: none; }
#content .pp-card-big a:hover { text-decoration: underline !important; }
#content .pp-card-big--s { font: 800 16px/1.4 var(--pp-text); letter-spacing: 0; }
#content .pp-card-meta { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 13.5px; font-weight: 700; color: var(--pp-2); }
.pp-card-meta .pp-ico { width: 16px; height: 16px; color: var(--pp-3); }
#content .pp-card--flat { background: var(--pp-soft); }
.pp-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pp-root > .pp-grid2 { margin: 0 0 44px; }
.pp-grid2--top { align-items: start; }
.pp-grid2 + .pp-grid2 { margin-top: 12px; }
#content .pp-addr { margin-top: 8px; line-height: 1.6; color: var(--pp-ink); }
#content .pp-addr b { font-weight: 800; }
#content .pp-fine { margin-top: 12px; font-size: 13px; line-height: 1.5; color: var(--pp-3); }
#content .pp-fine--warn { display: flex; align-items: flex-start; gap: 6px; font-weight: 700; color: var(--pp-2); }
.pp-fine--warn .pp-ico { width: 16px; height: 16px; margin-top: 1px; }

/* údaj · hodnota · kopírovat (IČ, účty) */
#content .pp-kv { display: grid; gap: 8px; margin-top: 14px; }
#content .pp-kv > div { display: flex; align-items: center; justify-content: space-between; gap: 8px 12px; padding: 9px 10px 9px 14px; border-radius: 12px; background: var(--pp-soft); }
#content .pp-kv dt { flex: none; min-width: 64px; font: 700 11.5px/1.2 var(--pp-text); letter-spacing: .06em; text-transform: uppercase; color: var(--pp-3); }
#content .pp-kv dd { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px 10px; min-width: 0; }
.pp-kv-v { font: 800 14.5px/1.3 var(--pp-text); color: var(--pp-ink); font-variant-numeric: tabular-nums; text-align: right; overflow-wrap: anywhere; }
#content .pp-bank-cur { display: flex; align-items: center; gap: 10px; font-weight: 700; color: var(--pp-2); }
.pp-bank-code { display: grid; place-items: center; min-width: 48px; height: 30px; padding: 0 10px; border-radius: 9px; background: var(--pp-ink); color: #fff; font: 600 13px/1 var(--pp-font); letter-spacing: .04em; }

/* upozornění */
#content .pp-alert { display: flex; gap: 14px; margin: 0 0 44px; padding: 18px 20px; border: 1px solid #f1d49a; border-radius: 18px; background: #fff8e6; color: #5c4300; }
.pp-alert > .pp-ico { width: 24px; height: 24px; margin-top: 1px; color: #a86f00; }
#content .pp-alert p + p { margin-top: 6px; }
#content .pp-alert b { color: #3b2b00; }
#content .pp-alert a { font-weight: 800; color: #3b2b00; text-decoration: underline !important; }
#content .pp-alert--info { border-color: #cfe2f7; background: #f1f7fe; color: #173b63; }
.pp-alert--info > .pp-ico { color: var(--pp-focus); }
#content .pp-alert--info b { color: #0b2848; }

/* tmavý panel s hlavním tlačítkem */
#content .pp-cta {
  display: flex; align-items: center; justify-content: space-between; gap: 20px 28px; margin: 0 0 44px; padding: 28px 32px; border-radius: 24px;
  background: var(--pp-ink); background-image: radial-gradient(60% 120% at 100% 0%, rgba(251, 42, 45, .30), rgba(251, 42, 45, 0) 60%); color: rgba(255, 255, 255, .8);
}
#content .pp-cta .pp-h2 { color: #fff !important; }
#content .pp-cta p { margin-top: 8px; }
#content .pp-cta-note { display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; color: rgba(255, 255, 255, .72); }
.pp-cta-note .pp-ico { width: 16px; height: 16px; margin-top: 2px; }
.pp-cta .pp-btn { flex: none; }

/* seznamy s ikonami (vrácení zboží), řádky (POINT), kroky */
.pp-sec--box { margin: 0; padding: 22px; border: 1px solid var(--pp-line); border-radius: 20px; background: #fff; }
#content :is(.pp-root, .pp-help, .pp-aside) .pp-sec--box .pp-h2 { font-size: 20px !important; }
#content .pp-list { display: grid; gap: 12px; }
#content .pp-list li { display: flex; align-items: flex-start; gap: 12px; }
.pp-list-i { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 10px; }
.pp-list-i .pp-ico { width: 18px; height: 18px; }
.pp-list--no .pp-list-i { background: #fdeae7; color: #b42318; }
.pp-list--cost .pp-list-i { background: #fff3d6; color: #8f6000; }
#content .pp-list p { padding-top: 5px; line-height: 1.55; color: var(--pp-ink); }
#content .pp-quote { display: flex; gap: 16px; margin: 0 0 44px; padding: 22px 24px; border: 1px solid var(--pp-line); border-radius: 20px; background: var(--pp-soft); }
.pp-quote-i { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 14px; background: #fff; border: 1px solid var(--pp-line); color: var(--pp-ink); }
#content .pp-quote p { margin-top: 6px; font-size: 16px; line-height: 1.6; color: var(--pp-ink); }

#content .pp-rows { display: grid; gap: 8px; }
#content .pp-rows li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: var(--pp-soft); }
.pp-rows-i { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border: 1px solid var(--pp-line); border-radius: 10px; background: #fff; color: var(--pp-ink); }
.pp-rows-i .pp-ico { width: 18px; height: 18px; }
.pp-rows li > div { flex: 1 1 auto; min-width: 0; }
.pp-rows b { display: block; font: 800 14.5px/1.3 var(--pp-text); color: var(--pp-ink); }
#content .pp-rows p { margin-top: 2px; font-size: 13.5px; line-height: 1.45; color: var(--pp-2); }
.pp-price { flex: none; font: 600 16px/1 var(--pp-font); color: var(--pp-ink); white-space: nowrap; }
.pp-walk { display: inline-flex; align-items: center; gap: 4px; flex: none; font: 700 13px/1 var(--pp-text); color: var(--pp-2); white-space: nowrap; }
.pp-walk .pp-ico { width: 16px; height: 16px; }
#content .pp-card--flat .pp-rows li { background: #fff; }

#content .pp-how { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
#content .pp-how li { position: relative; padding: 22px; border: 1px solid var(--pp-line); border-radius: 20px; background: #fff; }
.pp-how-n { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 14px; border-radius: 50%; background: var(--pp-ink); color: #fff; font: 600 15px/1 var(--pp-font); }
#content .pp-how p { margin-top: 6px; line-height: 1.6; }

/* odškrtávání kroků (reklamace) */
#content .pp-check { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#content .pp-check label {
  position: relative; display: flex; align-items: flex-start; gap: 12px; height: 100%; margin: 0; padding: 14px 16px;
  border: 1px solid var(--pp-line); border-radius: 16px; background: #fff; font-weight: 400; cursor: pointer; transition: border-color .15s, background-color .15s;
}
#content .pp-check label:hover { border-color: var(--pp-line-2); }
#content .pp-check input { position: absolute; top: 18px; left: 20px; width: 1px; height: 1px; margin: 0; opacity: 0; }
.pp-check-n { position: relative; display: grid; place-items: center; flex: none; width: 30px; height: 30px; border: 1.5px solid var(--pp-line-2); border-radius: 50%; background: #fff; color: var(--pp-ink); font: 600 13px/1 var(--pp-font); transition: background-color .15s, border-color .15s; }
.pp-check-n .pp-ico { display: none; width: 16px; height: 16px; stroke-width: 2.4; }
.pp-check input:checked + .pp-check-n { border-color: var(--pp-ok); background: var(--pp-ok); color: #fff; }
.pp-check input:checked + .pp-check-n b { display: none; }
.pp-check input:checked + .pp-check-n .pp-ico { display: block; }
.pp-check input:focus-visible + .pp-check-n { outline: 3px solid var(--pp-focus); outline-offset: 2px; }
#content .pp-check label:has(input:checked) { border-color: #bfe3cb; background: #f6fbf7; }
.pp-check-t { padding-top: 4px; font-weight: 600; line-height: 1.5; color: var(--pp-ink); }
#content .pp-check-t a { font-weight: 800; color: var(--pp-ink); text-decoration: underline !important; }
#content .pp-check-sum { display: flex; align-items: center; gap: 12px; margin-top: 14px; font-weight: 700; color: var(--pp-2); }
.pp-check-bar { position: relative; flex: 0 0 160px; height: 8px; overflow: hidden; border-radius: 99px; background: var(--pp-sunk); }
.pp-check-bar i { position: absolute; top: 0; bottom: 0; left: 0; width: 0; border-radius: inherit; background: var(--pp-ok); transition: width .25s; }
#content .pp-check-sum.is-done { color: var(--pp-ok); }

/* servisy Apple */
#content .pp-svc { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
#content .pp-svc a {
  display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 6px 12px; border: 1px solid var(--pp-line); border-radius: 999px;
  background: #fff; font: 700 13px/1.2 var(--pp-text); color: var(--pp-ink); text-decoration: none;
}
#content .pp-svc a:hover { border-color: var(--pp-ink); }
.pp-ico-s { width: 14px; height: 14px; color: var(--pp-3); }
#content .pp-row-act { margin-top: 14px; }

/* zastávky, mapa a fotky (POINT) – fotka vchodu a plánek mají stejnou výšku */
@media (min-width: 768px) { #content .pp-rows--mhd { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pp-map { position: relative; overflow: hidden; aspect-ratio: 16 / 7; margin-top: 12px; border: 1px solid var(--pp-line); border-radius: 20px; background: var(--pp-sunk); }
.pp-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.pp-grid2--pics { margin-top: 12px; }
#content .pp-photo { position: relative; overflow: hidden; border: 1px solid var(--pp-line); border-radius: 20px; background: var(--pp-sunk); }
#content .pp-photo a { display: block; }
#content .pp-photo img { display: block; width: 100%; height: auto; aspect-ratio: 750 / 826; object-fit: cover; }
.pp-photo figcaption {
  position: absolute; left: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 999px;
  background: rgba(255, 255, 255, .94); font: 700 12.5px/1 var(--pp-text); color: var(--pp-ink); pointer-events: none;
}
.pp-photo figcaption .pp-ico { width: 16px; height: 16px; }

/* časté dotazy */
.pp-search { position: relative; max-width: 560px; margin-top: 24px; }
.pp-search > .pp-ico { position: absolute; top: 50%; left: 16px; width: 20px; height: 20px; margin-top: -10px; color: var(--pp-3); pointer-events: none; }
#content .pp-search input {                          /* border-box: normalize šablony dává vyhledávacímu poli content-box (přetékalo by) */
  box-sizing: border-box; width: 100%; height: 54px; margin: 0; padding: 0 18px 0 46px; border: 1px solid var(--pp-line-2); border-radius: 16px; background: #fff;
  font: 600 16px/1.2 var(--pp-text); color: var(--pp-ink); box-shadow: 0 8px 24px -18px rgba(11, 13, 16, .4); -webkit-appearance: none; appearance: none;
}
#content .pp-search input::placeholder { color: #8a8e94; opacity: 1; }
#content .pp-search input:focus { border-color: var(--pp-ink); outline: 0; box-shadow: 0 0 0 3px rgba(0, 99, 199, .22); }
.pp-topics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
#content .pp-topic {
  display: inline-flex; align-items: center; gap: 6px; height: 36px; margin: 0; padding: 0 14px; border: 1px solid rgba(11, 13, 16, .1); border-radius: 999px;
  background: rgba(255, 255, 255, .92); font: 700 13px/1 var(--pp-text); color: var(--pp-ink); cursor: pointer; transition: background-color .15s, border-color .15s, color .15s;
}
#content .pp-topic:hover { border-color: var(--pp-ink); }
.pp-topic .pp-ico { width: 16px; height: 16px; color: var(--pp-3); }
#content .pp-topic.is-on { border-color: var(--pp-ink); background: var(--pp-ink); color: #fff; }
.pp-topic.is-on .pp-ico { color: #fff; }
.pp-faq { margin: 0 0 44px; }
.pp-faq-g { margin: 0 0 28px; }
.pp-faq-g[hidden], .pp-q[hidden], .pp-empty[hidden] { display: none !important; }
#content .pp-faq-t { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
.pp-faq-t .pp-ico { color: var(--pp-3); }
.pp-q { margin: 0 0 8px; border: 1px solid var(--pp-line); border-radius: 16px; background: #fff; transition: border-color .15s, box-shadow .15s; }
.pp-q[open] { border-color: var(--pp-line-2); box-shadow: 0 12px 28px -22px rgba(11, 13, 16, .5); }
#content .pp-q summary {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border-radius: 16px;
  font: 800 15.5px/1.35 var(--pp-text); color: var(--pp-ink); list-style: none; cursor: pointer;
}
.pp-q summary::-webkit-details-marker { display: none; }
.pp-q summary::marker { content: ''; }
.pp-q-chev { color: var(--pp-3); transition: transform .2s; }
.pp-q[open] .pp-q-chev { transform: rotate(180deg); }
.pp-a { padding: 0 18px 18px; line-height: 1.65; color: var(--pp-2); }
#content .pp-a ul { margin: 8px 0; padding-left: 20px; list-style: disc; }
#content .pp-a li { margin: 4px 0; padding: 0; }
#content .pp-a li::marker { color: var(--pp-3); }
#content .pp-a b { color: var(--pp-ink); }
#content .pp-a a:not(.pp-more) { font-weight: 700; color: var(--pp-ink); text-decoration: underline !important; }
#content .pp-a-more { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; }
#content .pp-more { display: inline-flex; align-items: center; gap: 6px; font: 800 14px/1.2 var(--pp-text); color: var(--pp-ink); text-decoration: none; }
.pp-more .pp-ico { width: 16px; height: 16px; transition: transform .15s; }
#content .pp-more:hover span { text-decoration: underline; }
.pp-more:hover .pp-ico { transform: translateX(3px); }
.pp-empty { padding: 18px; border: 1px dashed var(--pp-line-2); border-radius: 16px; text-align: center; }

/* „Nenašli jste, co hledáte?“ na konci stránky */
#content .pp-help {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px 28px; margin: 48px 0 8px; padding: 24px 28px;
  border: 1px solid var(--pp-line); border-radius: 24px; background: var(--pp-soft);
}
.pp-help-txt { flex: 1 1 260px; }
#content .pp-help-txt p { margin-top: 6px; color: var(--pp-2); }
.pp-help-act { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }

/* ---------- 7) Napište nám – formulář Shoptetu na svém místě, vedle něj kontakty ---------- */
html.lng:not(.pp-off) body.in-napiste-nam main#content > .content-inner { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 32px; align-items: start; }
html.lng:not(.pp-off) body.in-napiste-nam main#content > .content-inner > * { grid-column: 1 / -1; min-width: 0; }
@media (min-width: 1200px) {
  html.lng:not(.pp-off) body.in-napiste-nam main#content > .content-inner { grid-template-columns: minmax(0, 1fr) 320px; }
  html.lng:not(.pp-off) body.in-napiste-nam main#content > .content-inner > #formContact { grid-column: 1; }
  html.lng:not(.pp-off) body.in-napiste-nam main#content > .content-inner > .pp-aside { grid-column: 2; }
}
/* nadpis a úvod jako hlavička stránky (nadtitulek je v ::before) */
html.lng:not(.pp-off) body.in-napiste-nam main#content > .content-inner > h1 {
  margin: 0 !important; padding: 36px 44px 0; border: 1px solid rgba(11, 13, 16, .06); border-bottom: 0; border-radius: 28px 28px 0 0;
  background: radial-gradient(60% 140% at 100% 0%, rgba(251, 42, 45, .10), rgba(251, 42, 45, 0) 62%), linear-gradient(180deg, #f8f8f6, #f3f3f0);
  font-family: var(--pp-font) !important; font-size: clamp(30px, .9rem + 1.8vw, 44px) !important; font-weight: 600 !important; line-height: 1.08 !important;
  letter-spacing: -.03em; text-align: left; text-transform: none; color: var(--pp-ink) !important;
}
html.lng:not(.pp-off) body:is(.in-napiste-nam) main#content > .content-inner > h1::before,
html.lng:not(.pp-off) body:is(.in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) main#content > .content-inner > article > header::before {
  content: 'Zákaznický servis'; display: flex; align-items: center; width: max-content; max-width: 100%; height: 28px; margin: 0 0 14px; padding: 0 12px 0 24px;
  border: 1px solid rgba(11, 13, 16, .08); border-radius: 999px; background: var(--pp-dot) 10px 50% / 6px 6px no-repeat, rgba(255, 255, 255, .85);
  font: 700 11px/1 var(--pp-text); letter-spacing: .1em; text-transform: uppercase; color: var(--pp-2);
}
html.lng-sk:not(.pp-off) body:is(.in-napiste-nam) main#content > .content-inner > h1::before,
html.lng-sk:not(.pp-off) body:is(.in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) main#content > .content-inner > article > header::before { content: 'Zákaznícky servis'; }
html.lng:not(.pp-off) body.in-napiste-nam main#content > .content-inner > h1 + p {
  margin: 0 0 28px !important; padding: 14px 44px 36px; border: 1px solid rgba(11, 13, 16, .06); border-top: 0; border-radius: 0 0 28px 28px;
  background: #f3f3f0; font-size: 16.5px; line-height: 1.6; color: var(--pp-2);
}
html.lng:not(.pp-off) body.in-napiste-nam #formContact { margin: 0 0 24px; padding: 28px; border: 1px solid var(--pp-line); border-radius: 24px; background: #fff; }
html.lng:not(.pp-off) body.in-napiste-nam #formContact fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
html.lng:not(.pp-off) body.in-napiste-nam #formContact .form-group { margin: 0 0 16px; }
html.lng:not(.pp-off) body.in-napiste-nam #formContact .form-control { border-color: var(--pp-line-2); border-radius: 14px; font-size: 16px; color: var(--pp-ink); box-shadow: none; }
html.lng:not(.pp-off) body.in-napiste-nam #formContact .form-control:focus { border-color: var(--pp-ink); box-shadow: 0 0 0 3px rgba(0, 99, 199, .18); }
/* chybové hlášky Shoptetu: šablona je staví absolutně vpravo vedle pole (left: 340px) – ve formuláři vedle kontaktů by
   přesahovaly do boční karty, proto jsou pod polem */
html.lng:not(.pp-off) body.in-napiste-nam #formContact :is(.validator-msg, .js-validator-msg) {
  position: static; top: auto; left: auto; width: auto; height: auto; display: block; margin: 6px 0 0; padding: 7px 12px;
  border: 0; border-radius: 10px; background: #fdeae7; font: 700 13px/1.4 var(--pp-text); color: #b42318;
}
html.lng:not(.pp-off) body.in-napiste-nam #formContact :is(.error-field, .js-error-field) { border-color: #d0341f; }
html.lng:not(.pp-off) body.in-napiste-nam #formContact .consents label { line-height: 1.5; color: var(--pp-2); }
html.lng:not(.pp-off) body.in-napiste-nam #formContact .consents a { color: var(--pp-ink); font-weight: 700; text-decoration: underline; }
html.lng:not(.pp-off) body.in-napiste-nam #formContact .submit-wrapper { margin: 20px 0 0; }
html.lng:not(.pp-off) body.in-napiste-nam #formContact .btn-primary {
  min-height: 52px; padding: 0 32px; border: 1px solid var(--pp-ink); border-radius: 14px !important; background: var(--pp-ink); color: #fff;
  font: 700 15px/1.2 var(--pp-text); text-transform: none; letter-spacing: 0; box-shadow: none;
}
html.lng:not(.pp-off) body.in-napiste-nam #formContact .btn-primary:hover { background: #2b2e33; border-color: #2b2e33; }
.pp-aside { display: grid; gap: 12px; margin: 0 0 24px; }
#content .pp-aside .pp-card { padding: 20px; }
#content .pp-aside-t { margin: 0 0 12px; font: 600 16px/1.25 var(--pp-font); color: var(--pp-ink); }
#content .pp-aside .pp-big { display: flex; }
#content .pp-aside .pp-big + .pp-big { margin-top: 8px; }
#content .pp-aside p:not(.pp-aside-t) { line-height: 1.55; }
#content .pp-links { display: grid; gap: 6px; margin-top: 12px; }
#content .pp-links a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 12px; border-radius: 12px; background: var(--pp-soft); font: 700 14px/1.25 var(--pp-text); color: var(--pp-ink); text-decoration: none; }
#content .pp-links a:hover { background: var(--pp-sunk); }
.pp-links .pp-ico { width: 18px; height: 18px; color: var(--pp-3); }
.pp-links span { flex: 1 1 auto; }
.pp-links .pp-ico-go { width: 16px; height: 16px; }

/* ---------- 8) Formulář reklamace a vrácení (Retino) – formulář zůstává na svém místě (iframe se nesmí přesouvat),
   jen pořadí textů kolem se mění vzhledem: úvod → co budete potřebovat → formulář → kde najdete číslo objednávky ---------- */
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace main#content > .content-inner > article > header {
  margin: 0; padding: 36px 44px 0; border: 1px solid rgba(11, 13, 16, .06); border-bottom: 0; border-radius: 28px 28px 0 0;
  background: radial-gradient(60% 140% at 100% 0%, rgba(251, 42, 45, .10), rgba(251, 42, 45, 0) 62%), linear-gradient(180deg, #f8f8f6, #f3f3f0);
}
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] { display: flex; flex-direction: column; }
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > * { order: 3; }
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > p:first-child {
  order: 0; margin: 0 0 20px !important; padding: 14px 44px 36px; border: 1px solid rgba(11, 13, 16, .06); border-top: 0; border-radius: 0 0 28px 28px;
  background: #f3f3f0; font-size: 16.5px; line-height: 1.6; color: var(--pp-2);
}
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > :is(h3, h3 + p) { order: 1; }
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > h3 {
  margin: 0 !important; padding: 16px 20px 0 54px; border: 1px solid #cfe2f7; border-bottom: 0; border-radius: 18px 18px 0 0;
  background: #f1f7fe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230063c7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E") 20px 16px / 22px 22px no-repeat;
  font: 800 16px/1.4 var(--pp-text) !important; color: #0b2848 !important; text-transform: none;
}
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > h3 + p {
  margin: 0 0 20px !important; padding: 4px 20px 16px 54px; border: 1px solid #cfe2f7; border-top: 0; border-radius: 0 0 18px 18px; background: #f1f7fe; color: #173b63;
}
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > [id^="retino-"] { order: 2; }
/* místo pro formulář Retino, než se načte – o něco méně než jeho výška, aby pod formulářem nikdy nezůstalo prázdné místo
   (text pod ním pak poskočí jen o zbytek). Výšky 29. 9. 2026: česká verze (#retino-portal-…) 342 px od 1200 px okna,
   519 px tablet, 595 px mobil; slovenská verze má starší vložení (#retino-widget-root) 497 / 649 / 749 px. */
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > [id^="retino-portal-"] { min-height: 460px; }
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > #retino-widget-root { min-height: 600px; }
@media (min-width: 1200px) {
  html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > [id^="retino-portal-"] { min-height: 300px; }
  html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > #retino-widget-root { min-height: 460px; }
}
@media (max-width: 767px) {
  html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > [id^="retino-portal-"] { min-height: 520px; }
  html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > #retino-widget-root { min-height: 680px; }
}
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > h3 + p ~ p {
  margin: 0 !important; padding: 0 24px 10px; border: 1px solid var(--pp-line); border-top: 0; border-bottom: 0; background: var(--pp-soft); color: var(--pp-2);
}
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > h3 + p + p { margin-top: 28px !important; padding-top: 22px; border-top: 1px solid var(--pp-line); border-radius: 20px 20px 0 0; }
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > h3 + p + p::before {
  content: 'Kde najdu číslo objednávky?'; display: block; margin: 0 0 8px; font: 800 16.5px/1.3 var(--pp-text); color: var(--pp-ink);
}
html.lng-sk:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > h3 + p + p::before { content: 'Kde nájdem číslo objednávky?'; }
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > p:last-child { padding-bottom: 22px; border-bottom: 1px solid var(--pp-line); border-radius: 0 0 20px 20px; }
html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > p img { display: block; width: 100%; max-width: 620px; height: auto; margin: 6px 0 0; border: 1px solid var(--pp-line); border-radius: 14px; background: #fff; }

/* ---------- 9) Texty z administrace (doprava a platba, obchodní podmínky, ochrana osobních údajů, pojištění, záruka Apple):
   čitelnější písmo a odstavce; nadpis stránky jako hlavička. ---------- */
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) main#content > .content-inner > article > header {
  position: relative; z-index: 4; margin: 0 0 28px; padding: 36px 44px 40px; border: 1px solid rgba(11, 13, 16, .06); border-radius: 28px; background: var(--pp-hero);
}
html.lng:not(.pp-off) body:is(.in-vraceni-zbozi-a-reklamace, .in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) main#content > .content-inner > article > header h1 {
  margin: 0 !important; font-family: var(--pp-font) !important; font-size: clamp(30px, .9rem + 1.8vw, 44px) !important; font-weight: 600 !important;
  line-height: 1.08 !important; letter-spacing: -.03em; text-align: left; text-transform: none; color: var(--pp-ink) !important; text-wrap: balance;
}
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] {
  max-width: 820px; font-size: 15.5px; line-height: 1.7; color: #3d4148; overflow-wrap: break-word;
}
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] :is(p, li) { font-size: inherit; line-height: inherit; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] p { margin: 0 0 12px !important; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] [style*="font-size"] { font-size: inherit !important; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] [style*="font-family"] { font-family: inherit !important; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] :is(strong, b) { font-weight: 800; color: var(--pp-ink); }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] a { font-weight: 700; color: var(--pp-ink); text-decoration: underline; text-underline-offset: 2px; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] :is(h1, h2, h3, h4) {
  margin: 36px 0 10px !important; font-family: var(--pp-font) !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: -.015em;
  text-align: left; text-transform: none; color: var(--pp-ink) !important;
}
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] :is(h1, h2) { font-size: 24px !important; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] h3 { font-size: 20px !important; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] h4 { font-size: 17px !important; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] > :is(h1, h2, h3, h4):first-child { margin-top: 0 !important; }
/* text zarovnaný vlevo (v administraci je část na střed) a bez velké dekorativní ikony nad textem (nadpis je v hlavičce) */
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] [style*="text-align"] { text-align: left !important; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] img[src*="/upload/Icon_"] { display: none !important; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] > p:has(> strong > img[src*="/upload/Icon_"]),
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] > p:has(> strong > img[src*="/upload/Icon_"]) + p:has(> strong:first-child > br:only-child) { display: none !important; }   /* ikona a prázdné řádky pod ní */
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] :is(ul, ol) { margin: 0 0 14px !important; padding-left: 22px !important; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] li { margin: 0 0 6px; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] hr { margin: 28px 0; border: 0; border-top: 1px solid var(--pp-line); }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] img { max-width: 100%; height: auto; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] table { width: 100%; max-width: 100%; border-collapse: collapse; margin: 0 0 16px; }
html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) article [itemprop="about"] :is(td, th) { padding: 8px 10px; border: 1px solid var(--pp-line); vertical-align: top; }
.pp-anchor, .pp-q, .pp-sec, .pp-cta { scroll-margin-top: 24px; }
@media (max-width: 767px) { .pp-anchor, .pp-q, .pp-sec, .pp-cta { scroll-margin-top: 124px; } }   /* pod přilepenou hlavičkou na mobilu (54 + 52 px) */

/* obsah stránky na mobilu – tlačítko ve spodní části hlavičky (místo je připravené předem) */
.pp-mtoc { display: none; }
@media (max-width: 991px) {
  html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka) main#content > .content-inner > article > header { padding-bottom: 92px; }
  .pp-mtoc { position: absolute; left: 20px; right: 20px; bottom: 20px; z-index: 5; display: block; }
  #content .pp-mtoc-b {
    display: flex; align-items: center; gap: 10px; width: 100%; height: 50px; margin: 0; padding: 0 14px; border: 1px solid var(--pp-line-2); border-radius: 14px;
    background: #fff; font: 700 14.5px/1 var(--pp-text); color: var(--pp-ink); cursor: pointer;
  }
  .pp-mtoc-b > span { flex: 1 1 auto; text-align: left; }
  .pp-mtoc-b small { display: grid; place-items: center; min-width: 26px; height: 24px; padding: 0 7px; border-radius: 99px; background: var(--pp-sunk); font: 800 12px/1 var(--pp-text); color: var(--pp-2); }
  .pp-mtoc-chev { color: var(--pp-3); transition: transform .2s; }
  .pp-mtoc.is-open .pp-mtoc-chev { transform: rotate(180deg); }
  #content .pp-mtoc-l {
    position: absolute; top: calc(100% + 6px); left: 0; right: 0; max-height: 60vh; overflow: auto; overscroll-behavior: contain; padding: 8px;
    border: 1px solid var(--pp-line-2); border-radius: 16px; background: #fff; box-shadow: 0 24px 48px -20px rgba(11, 13, 16, .45);
  }
  .pp-mtoc-l[hidden] { display: none !important; }
  #content .pp-mtoc-l a { display: block; padding: 11px 12px; border-radius: 10px; font: 600 14.5px/1.35 var(--pp-text); color: var(--pp-ink); text-decoration: none; }
  #content .pp-mtoc-l a:active, #content .pp-mtoc-l a:hover { background: var(--pp-soft); }
}

/* ---------- 10) Užší obrazovky ---------- */
@media (max-width: 1199px) {
  #content .pp-tiles, #content .pp-cards--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #content .pp-how { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  .pp-hero, html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka, .in-apple-warranty) main#content > .content-inner > article > header { padding: 26px 20px 28px; border-radius: 22px; }
  html.lng:not(.pp-off) body:is(.in-dodaci-podminky, .in-obchodni-podminky, .in-ochrana-osobnich-udaju, .in-pojisteni-a-prodlouzena-zaruka) main#content > .content-inner > article > header { padding-bottom: 90px; }
  .pp-mtoc { left: 16px; right: 16px; bottom: 18px; }
  html.lng:not(.pp-off) body.in-napiste-nam main#content > .content-inner > h1,
  html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace main#content > .content-inner > article > header { padding: 26px 20px 0; border-radius: 22px 22px 0 0; }
  html.lng:not(.pp-off) body.in-napiste-nam main#content > .content-inner > h1 + p,
  html.lng:not(.pp-off) body.in-vraceni-zbozi-a-reklamace article [itemprop="about"] > p:first-child { padding: 12px 20px 28px; border-radius: 0 0 22px 22px; }
  html.lng:not(.pp-off) body.in-napiste-nam #formContact { padding: 20px; border-radius: 20px; }
  #content .pp-lead { font-size: 15.5px; }
  .pp-hero-act { flex-direction: column; }
  #content .pp-hero-act .pp-big, #content .pp-help-act .pp-big { display: flex; width: 100%; }
  #content .pp-tiles, #content .pp-tiles--2, #content .pp-cards--3, .pp-grid2, #content .pp-check { grid-template-columns: minmax(0, 1fr); }
  #content .pp-tile { min-height: 72px; }
  #content :is(.pp-root, .pp-help, .pp-aside) .pp-h2 { font-size: 21px !important; }
  .pp-sec { margin-bottom: 36px; }
  #content .pp-alert, #content .pp-cta, #content .pp-quote, .pp-root > .pp-grid2, #content .pp-tiles--2 { margin-bottom: 36px; }
  #content .pp-card, .pp-sec--box { padding: 18px; }
  #content .pp-cta { flex-direction: column; align-items: stretch; padding: 24px 20px; }
  #content .pp-cta .pp-btn { width: 100%; }
  #content .pp-help { margin-top: 36px; padding: 20px; }
  .pp-help-act { flex-direction: column; align-items: stretch; width: 100%; }
  .pp-help-act .pp-btn { width: 100%; }
  #content .pp-kv > div { flex-wrap: wrap; }
  #content .pp-kv dd { justify-content: flex-start; }
  .pp-kv-v { text-align: left; }
  #content .pp-rows li { flex-wrap: wrap; }
  .pp-map { aspect-ratio: 4 / 3; }
  .pp-check-bar { flex-basis: 110px; }
  #content .pp-q summary { padding: 14px 16px; font-size: 15px; }
  .pp-a { padding: 0 16px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .pp-side *, .pp-root *, .pp-help *, .pp-aside *, .pp-mtoc * { transition: none !important; }
  #content .pp-tile:hover { transform: none; }
}