/*! iStage · Zákonná záruka (oznámení EU) · v1.0.1
 *  Styly jsou uzavřené pod třídami zz- (banner v patičce, řádek v košíku, okno s oznámením) – nic jiného neovlivní.
 *  Samotné oznámení je oficiální obrázek Evropské komise: neořezávat, nedeformovat, nepřebarvovat, nic do něj nekreslit.
 */

/* ---------- Písmo Poppins – stejné soubory jako patička a 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:italic;font-weight:500;font-display:swap;src:url(/user/documents/homepage/fonts/poppins-500i-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:italic;font-weight:500;font-display:swap;src:url(/user/documents/homepage/fonts/poppins-500i-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:italic;font-weight:700;font-display:swap;src:url(/user/documents/homepage/fonts/poppins-700i-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:italic;font-weight:700;font-display:swap;src:url(/user/documents/homepage/fonts/poppins-700i-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}

/* ---------- 0) Horní menu: skript mění odkaz KONTAKTY na „Zákonná záruka“ – do té doby menu v horní liště neukazovat,
   aby se lišta neposunula (skryté prvky se do posunu obsahu nepočítají). Pojistka: kdyby skript nedorazil,
   menu se po 3 s ukáže v původní podobě. ---------- */
html[lang|="cs"]:not(.zz-on):not(.zz-off) .top-navigation-bar .top-navigation-menu { animation: zz-failsafe 0s linear 3s both; }
@keyframes zz-failsafe { from { visibility: hidden; } to { visibility: visible; } }
/* na počítači s novou hlavičkou (hlavicka.css) ikonka štítu jako u ostatních odkazů v horním pruhu */
@media (min-width: 992px) {
  html[lang="cs"]:not(.hd-off) body:is(:not(.ordering-process), .id--9) .top-navigation-bar .top-navigation-bar-menu a.zz-open {
    display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
  }
  html[lang="cs"]:not(.hd-off) body:is(:not(.ordering-process), .id--9) .top-navigation-bar .top-navigation-bar-menu a.zz-open::before {
    content: ""; flex: 0 0 auto; width: 14px; height: 14px; background: #ff5a5c;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2 19.5 6v5.6c0 4.4-3.1 8.2-7.5 9.2-4.4-1-7.5-4.8-7.5-9.2V6L12 3.2Z'/%3E%3Cpath d='m8.8 12.1 2.2 2.2 4.3-4.4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2 19.5 6v5.6c0 4.4-3.1 8.2-7.5 9.2-4.4-1-7.5-4.8-7.5-9.2V6L12 3.2Z'/%3E%3Cpath d='m8.8 12.1 2.2 2.2 4.3-4.4'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}

.zz-ico { width: 20px; height: 20px; display: inline-block; vertical-align: middle; flex: 0 0 auto; }

/* ---------- 1) Banner v patičce – stejný tvar jako „Potřebujete poradit?“, modrá z oznámení EU ---------- */
#footer .zz-wrap { margin-top: 20px; }
#footer .zz-banner {
  --zz-font: 'HP Poppins', 'Poppins', 'Roboto', Arial, sans-serif;
  --zz-acc: #034ea2; --zz-ink: #034998; --zz-btn: #034ea2; --zz-btn2: #03438b; --zz-line: #e1e4ea;
  position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 38%);
  align-items: center; min-height: 206px; margin: 0; border-radius: 16px; background: #fff;
  box-shadow: 0 20px 40px -30px rgba(17, 20, 24, .45), 0 0 0 1px rgba(17, 20, 24, .06);
  font-size: 14px; line-height: 1.5; color: #3d434c; -webkit-font-smoothing: antialiased;
}
#footer .zz-banner *, #footer .zz-banner *::before, #footer .zz-banner *::after { box-sizing: border-box; }
#footer .zz-banner :where(p) { margin: 0; }
#footer .zz-swoosh { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
#footer .zz-copy { position: relative; z-index: 1; padding: 28px 32px; text-align: center; }
#footer .zz-brand {
  margin: 0 0 8px; font: 600 12px/1.2 var(--zz-font); letter-spacing: .16em; text-transform: uppercase; color: var(--zz-ink);
}
/* nadpis h3: vlastní CSS e-shopu a šablona nastavují všem h3 velikost i písmo s !important → tady je přebijeme */
#footer .zz-banner .zz-title {
  margin: 0; font-family: var(--zz-font) !important; font-size: 30px !important; font-weight: 600; line-height: 1.08;
  color: #111418; text-transform: none; letter-spacing: .005em;
}
#footer .zz-sub { margin: 4px 0 0; font: 600 24px/1.1 var(--zz-font); color: var(--zz-ink); }
#footer .zz-text { max-width: 640px; margin: 8px auto 0; font: italic 500 15px/1.4 var(--zz-font); color: #2f343a; }
#footer .zz-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 12px; margin-top: 18px; }
#footer .zz-fine { margin: 10px 0 0; padding: 0 16px; font-size: 12.5px; line-height: 1.45; color: #5b626d; text-align: center; }
#footer .zz-banner .zz-btn {
  -webkit-appearance: none; appearance: none; margin: 0; border: 0; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 46px; padding: 0 22px;
  border-radius: 12px; background: var(--zz-btn); background: linear-gradient(180deg, var(--zz-btn), var(--zz-btn2));
  color: #fff; font: italic 700 15px/1 var(--zz-font); letter-spacing: .02em; text-decoration: none; text-transform: none;
  white-space: nowrap; box-shadow: 0 12px 24px -14px var(--zz-btn); transition: transform .15s, filter .15s, box-shadow .15s;
}
#footer .zz-banner .zz-btn:hover { transform: translateY(-1px); filter: brightness(1.07); color: #fff; text-decoration: none; }
#footer .zz-banner .zz-btn .zz-ico { width: 19px; height: 19px; }
#footer .zz-banner .zz-btn--ghost {
  background: #fff; color: #111418; box-shadow: inset 0 0 0 1.5px var(--zz-line), 0 10px 22px -16px rgba(17, 20, 24, .45);
}
#footer .zz-banner .zz-btn--ghost:hover { color: #111418; box-shadow: inset 0 0 0 1.5px var(--zz-ink), 0 10px 22px -16px rgba(17, 20, 24, .45); }
#footer .zz-banner .zz-btn--ghost .zz-ico { color: var(--zz-ink); }
#footer .zz-banner .zz-btn:focus-visible { outline: 3px solid #0063c7; outline-offset: 2px; }
/* náhled celého oznámení na modré vlně */
#footer .zz-media { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; height: 100%; padding: 18px 0; }
/* bílý okraj kolem náhledu – rohy oznámení se nesmí zakulatit ani oříznout */
#footer .zz-banner .zz-paper {
  -webkit-appearance: none; appearance: none; display: block; width: 122px; margin: 0; padding: 4px; border: 0; border-radius: 6px;
  background: #fff; cursor: zoom-in; box-shadow: 0 22px 40px -20px rgba(0, 0, 0, .6), 0 0 0 6px rgba(255, 255, 255, .22);
  transition: transform .2s;
}
#footer .zz-banner .zz-paper:hover { transform: translateY(-3px); }
#footer .zz-banner .zz-paper img { display: block; width: 100%; max-width: none; height: auto; border-radius: 0; }

@media (max-width: 1199px) {
  #footer .zz-banner .zz-title { font-size: 26px !important; }
  #footer .zz-sub { font-size: 21px; }
}
@media (max-width: 991px) {
  #footer .zz-banner { grid-template-columns: minmax(0, 1fr) minmax(0, 32%); }
}
@media (min-width: 768px) and (max-width: 991px) {   /* tablet: text a tlačítka nesmí zasahovat do vlny, náhled do bílého výkusu */
  #footer .zz-text { max-width: 330px; }
  #footer .zz-cta { gap: 10px; }
  #footer .zz-banner .zz-btn { height: 44px; padding: 0 17px; gap: 8px; font-size: 14px; }
  #footer .zz-media { padding-right: 20px; }
  #footer .zz-banner .zz-paper { width: 108px; }
}
@media (max-width: 767px) {
  #footer .zz-wrap { margin-top: 14px; padding-left: 12px; padding-right: 12px; }   /* šablona tu nemá boční odsazení */
  /* text vlevo, místo vlny modrý kruh v rohu – stejně jako banner „Potřebujete poradit?“ na mobilu */
  #footer .zz-banner {
    display: block; min-height: 0; border-radius: 14px;
    background: radial-gradient(circle at 112% -18%, var(--zz-acc) 0 31%, rgba(255, 255, 255, 0) 31.4%), #fff;
  }
  #footer .zz-swoosh { display: none; }
  #footer .zz-copy { padding: 24px 18px 20px; text-align: left; }
  #footer .zz-brand, #footer .zz-banner .zz-title, #footer .zz-sub { padding-right: 72px; }   /* místo pro náhled v rohu */
  #footer .zz-banner .zz-title { font-size: 23px !important; }
  #footer .zz-sub { font-size: 17px; }
  #footer .zz-text { margin-left: 0; font-size: 14px; }
  #footer .zz-cta { flex-direction: column; align-items: stretch; }
  #footer .zz-banner .zz-btn { height: 48px; }
  #footer .zz-media { position: absolute; top: 12px; right: 12px; height: auto; padding: 0; }
  #footer .zz-banner .zz-paper { width: 58px; padding: 3px; border-radius: 4px; box-shadow: 0 10px 18px -10px rgba(0, 0, 0, .6), 0 0 0 3px rgba(255, 255, 255, .35); }
  #footer .zz-fine { padding: 0 4px; text-align: left; }
}

/* ---------- 2) Řádek v košíku a v krocích objednávky (pod tlačítkem Pokračovat) ---------- */
.zz-note {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 2px 7px;
  margin: 14px 0 0; padding: 0; font-size: 13px; line-height: 1.45; color: #4b5260; text-align: center;
}
.zz-note .zz-ico { width: 18px; height: 18px; color: #034ea2; }
.zz-note .zz-link {
  -webkit-appearance: none; appearance: none; margin: 0; padding: 0; border: 0; background: none; cursor: pointer;
  font: inherit; font-weight: 700; color: #034ea2; text-decoration: underline; text-underline-offset: 2px; text-transform: none;
}
.zz-note .zz-link:hover { color: #03438b; }
.zz-note .zz-link:focus-visible { outline: 3px solid #0063c7; outline-offset: 2px; border-radius: 3px; }

/* ---------- 3) Okno s oznámením ---------- */
html.zz-lock { overflow: hidden !important; scrollbar-gutter: stable; }
.zz-modal {
  position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center;
  padding: 16px; opacity: 0; transition: opacity .18s ease;
  font: 600 14px/1.4 'HP Poppins', 'Poppins', 'Roboto', Arial, sans-serif; color: #111418; text-align: left;
}
.zz-modal[hidden] { display: none !important; }
.zz-modal.is-open { opacity: 1; }
.zz-modal *, .zz-modal *::before, .zz-modal *::after { box-sizing: border-box; }
.zz-back { position: absolute; inset: 0; background: rgba(12, 15, 20, .76); }
/* nahoře místo pro zavírací tlačítko – nesmí ležet přes oznámení */
.zz-dialog { position: relative; display: flex; flex-direction: column; width: min(760px, 100%); max-height: 100%; padding-top: 54px; }
.zz-modal .zz-x {
  -webkit-appearance: none; appearance: none; position: absolute; top: 0; right: 0; width: 44px; height: 44px; margin: 0; padding: 0;
  border: 0; border-radius: 50%; background: #fff; color: #111418; cursor: pointer;
  display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px -10px rgba(0, 0, 0, .6);
}
.zz-modal .zz-x:hover { background: #f1f3f6; }
.zz-modal .zz-x .zz-ico { width: 22px; height: 22px; stroke-width: 2.2; }
/* horní rohy rovné: oznámení začíná přímo nahoře a zakulacený roh by ho ořízl (to pokyny Komise zakazují) */
.zz-card {
  display: flex; flex-direction: column; min-height: 0; overflow: hidden; border-radius: 0 0 14px 14px; background: #fff;
  box-shadow: 0 30px 60px -24px rgba(0, 0, 0, .6);
}
.zz-body { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; outline: 0; }
.zz-body:focus-visible { box-shadow: inset 0 0 0 3px #0063c7; }
.zz-modal .zz-img { display: block; width: 100%; max-width: none; height: auto; margin: 0; }
.zz-foot {
  flex: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 18px;
  padding: 11px 16px; border-top: 1px solid #e1e4ea; background: #fff;
}
.zz-foot-r { display: inline-flex; align-items: center; gap: 18px; margin-left: auto; }
.zz-modal .zz-foot a, .zz-modal .zz-zoom {
  -webkit-appearance: none; appearance: none; display: inline-flex; align-items: center; gap: 7px; margin: 0; padding: 4px 0;
  border: 0; background: none; cursor: pointer; font: inherit; color: #034ea2; text-decoration: none; text-transform: none;
}
.zz-modal .zz-foot a:hover span, .zz-modal .zz-zoom:hover span { text-decoration: underline; text-underline-offset: 3px; }
.zz-modal .zz-foot .zz-ico { width: 18px; height: 18px; }
.zz-modal .zz-foot a:focus-visible, .zz-modal .zz-zoom:focus-visible { outline: 3px solid #0063c7; outline-offset: 2px; border-radius: 6px; }
.zz-modal .zz-x:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.zz-eu span { overflow-wrap: anywhere; }
.zz-modal .zz-zoom { display: none; }
.zz-sr {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap;
}
/* malý displej: text oznámení je drobný → tlačítko Zvětšit / klepnutí do obrázku (šířka 720 px ≈ písmo 15 px) */
@media (max-width: 679px) {
  .zz-modal { padding: 10px; }
  .zz-dialog { padding-top: 52px; }
  .zz-modal .zz-zoom { display: inline-flex; }
  .zz-modal .zz-img { cursor: zoom-in; }
  .zz-modal.is-zoom .zz-img { width: 720px; cursor: zoom-out; }
  .zz-foot { padding: 10px 14px; }
}

@media (prefers-reduced-motion: reduce) {
  #footer .zz-banner .zz-btn, #footer .zz-banner .zz-paper, .zz-modal { transition: none; }
}
@media print {
  .zz-modal, .zz-note { display: none !important; }
}