:root{ --zsu-purchase-css-ready: 1; }
/*
 * ZavařovacíSklo – jednotný nákupní design 4.0.3
 * JEDINÝ vizuální vlastník nákupního konfigurátoru pro všechny produktové typy.
 * Nahrazuje zs-lids-inline-v2-5.css i zs-other-products-v1.css.
 * Nevlastní hlavičku, Heureku, galerii, recenze, B2B ani produkční layout v1.
 */
/* ZS INLINE 2.5.0 — jen nákupní blok. Produkční layout, hlavička, galerie, Heureka ani recenze se nestylují. */
body.zs-pdp-conversion-v1 .zsli-original-hidden{ display: none !important; }
body.zs-pdp-conversion-v1 .zsli-root{
  --zsli-ready: 1;
  container-type: inline-size;
  container-name: zsli;
  --zsli-ink: #253d31;
  --zsli-muted: #52645b;
  --zsli-green: #237b4a;
  --zsli-line: #d8e4dd;
  --zsli-soft: #f3f8f4;
  display: block;
  margin: 10px 0 0;
  color: var(--zsli-ink);
  font-family: var(--template-font, Arial), sans-serif;
  font-size: 16px;
  line-height: 1.4;
}
body.zs-pdp-conversion-v1 .zsli-root *,body.zs-pdp-conversion-v1 .zsli-root *::before,body.zs-pdp-conversion-v1 .zsli-root *::after{ box-sizing: border-box; }
body.zs-pdp-conversion-v1 .zsli-root [hidden]{ display: none !important; }
body.zs-pdp-conversion-v1 .zsli-root button,body.zs-pdp-conversion-v1 .zsli-root input,body.zs-pdp-conversion-v1 .zsli-root label,body.zs-pdp-conversion-v1 .zsli-root span,body.zs-pdp-conversion-v1 .zsli-root p,body.zs-pdp-conversion-v1 .zsli-root a,body.zs-pdp-conversion-v1 .zsli-root strong,body.zs-pdp-conversion-v1 .zsli-root summary{ font-family: inherit; font-size: 16px; line-height: 1.35; }
body.zs-pdp-conversion-v1 .zsli-root button{ cursor: pointer; margin: 0; text-transform: none; letter-spacing: normal; }
body.zs-pdp-conversion-v1 .zsli-root button:disabled{ cursor: default; }
body.zs-pdp-conversion-v1 .zsli-root button:focus-visible,body.zs-pdp-conversion-v1 .zsli-root input:focus-visible,body.zs-pdp-conversion-v1 .zsli-root summary:focus-visible,body.zs-pdp-conversion-v1 .zsli-root a:focus-visible{ outline: 3px solid #a56d00; outline-offset: 3px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-heading{ margin: 0 0 8px; padding: 0; color: var(--zsli-ink); font-size: 19px; font-weight: 700; line-height: 1.25; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-jar-list{ display: grid; gap: 6px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-jar-choice{ display: grid; grid-template-columns: 20px minmax(100px, 1.1fr) minmax(84px, .8fr) minmax(96px, 1fr); gap: 8px; align-items: center; min-width: 0; margin: 0; padding: 9px 10px; border: 1px solid var(--zsli-line); border-radius: 11px; background: #fff; cursor: pointer; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-jar-choice:hover{ border-color: #8eae9a; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-jar-choice.is-selected{ border-color: var(--zsli-green); box-shadow: inset 3px 0 0 var(--zsli-green); background: #f0f8f2; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-jar-choice input{ appearance: auto; -webkit-appearance: radio; position: static; opacity: 1; display: block; width: 18px; height: 18px; margin: 0; accent-color: var(--zsli-green); }
body.zs-pdp-conversion-v1 .zsli-root .zsli-jar-name{ font-weight: 600; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-jar-price{ color: var(--zsli-muted); text-align: right; font-weight: 700; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-jar-sale{ color: var(--zsli-ink); font-weight: 600; text-align: right; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-quantity-line{ display: flex; flex-wrap: wrap; align-items: center; gap: 9px 12px; margin: 10px 0 12px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-qty-label{ margin: 0; font-weight: 600; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-qty-control{ display: grid; grid-template-columns: 38px minmax(56px, 70px) 38px; height: 44px; border: 1px solid #cddfd3; border-radius: 9px; overflow: hidden; background: #fff; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-qty-control button{ border: 0; padding: 0; height: 42px; background: #f1f6f2; color: var(--zsli-ink); font-size: 22px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-amount{ appearance: textfield; -moz-appearance: textfield; width: 100%; height: 42px; margin: 0; padding: 0 3px; border: 0; border-radius: 0; text-align: center; font-weight: 750; background: #fff; color: var(--zsli-ink); }
body.zs-pdp-conversion-v1 .zsli-root .zsli-amount::-webkit-inner-spin-button,body.zs-pdp-conversion-v1 .zsli-root .zsli-amount::-webkit-outer-spin-button{ -webkit-appearance: none; margin: 0; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-piece-count{ margin-left: auto; color: var(--zsli-green); }
body.zs-pdp-conversion-v1 .zsli-root .zsli-lids{ position: relative; border: 1px solid #d7e4dd; border-radius: 13px; background: #f6faf7; padding: 11px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-lid-heading{ display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 12px; margin-bottom: 11px; padding-right: 88px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-lid-heading .zsli-heading{ margin: 0; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-optional{ position: absolute; top: 10px; right: 10px; display: inline-flex; align-items: center; color: #b0b1b0; font-size: 15px !important; line-height: 1; font-weight: 550; white-space: nowrap; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-teaser{ display: grid; grid-template-columns: 98px minmax(0, 1fr) auto; align-items: center; gap: 12px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-preview-images{ display: flex; align-items: center; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-preview-images img{ width: 36px; height: 40px; object-fit: contain; padding: 2px; margin-left: -8px; border: 1px solid #dce6df; border-radius: 50%; background: #fff; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-preview-images img:first-child{ margin-left: 0; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-teaser-copy{ min-width: 0; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-teaser-copy strong,body.zs-pdp-conversion-v1 .zsli-root .zsli-teaser-copy span{ display: block; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-teaser-copy span{ margin-top: 3px; color: var(--zsli-muted); }
body.zs-pdp-conversion-v1 .zsli-root .zsli-open{ min-height: 44px; padding: 9px 12px; border: 1px solid #a4c4af; border-radius: 9px; background: #fff; color: #236940; font-weight: 700; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-open:hover:hover{ background: #edf6ef; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-selected{ display: grid; grid-template-columns: 50px minmax(0, 1fr) auto; align-items: start; gap: 10px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-selected > img{ display: block; width: 50px; height: 50px; object-fit: contain; border-radius: 9px; background: #fff; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-selected-copy{ min-width: 0; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-selected-copy > strong,body.zs-pdp-conversion-v1 .zsli-root .zsli-selected-copy > span{ display: block; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-lid-unit{ color: var(--zsli-green); margin-top: 4px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-lid-discount{ display: inline-flex; align-items: center; margin-left: 7px; padding: 2px 6px; border-radius: 999px; background: #e7f4ea; color: #1f7042; font-size: 15px; line-height: 1.2; font-style: normal; font-weight: 750; white-space: nowrap; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-selected-tools{ display: flex; flex-direction: column; gap: 3px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-selected-tools button,body.zs-pdp-conversion-v1 .zsli-root .zsli-without{ min-height: 40px; padding: 5px; border: 0; border-radius: 5px; background: transparent; color: var(--zsli-muted); text-decoration: underline; text-underline-offset: 3px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-change{ color: #236940; font-weight: 650; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-lid-details{ margin-top: 6px; color: var(--zsli-muted); }
body.zs-pdp-conversion-v1 .zsli-root .zsli-lid-details summary{ cursor: pointer; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-lid-details p{ margin: 6px 0 0; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-chooser{ padding-top: 5px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-selected:not([hidden]) + .zsli-chooser .zsli-without{ display: none; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-picker-head{ display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 6px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-loading{ color: var(--zsli-muted); margin: 0 0 8px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-rail{ position: relative; display: block; min-width: 0; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-rail.is-static{ display: block; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-rail.is-static .zsli-rail-prev,body.zs-pdp-conversion-v1 .zsli-root .zsli-rail.is-static .zsli-rail-next{ display: none !important; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-swatches{ display: flex; gap: 7px; min-width: 0; padding: 3px 2px 4px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scroll-padding-inline: 2px; scrollbar-width: none; -ms-overflow-style: none; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-swatches::-webkit-scrollbar{ display: none; width: 0; height: 0; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-swatch{ position: relative; flex: 0 0 70px; width: 70px; height: 64px; display: grid; place-items: center; min-width: 0; padding: 4px; border: 1px solid #d6e3d9; border-radius: 10px; background: #fff; color: var(--zsli-ink); scroll-snap-align: start; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-swatch:hover,body.zs-pdp-conversion-v1 .zsli-root .zsli-swatch[aria-pressed="true"]{ border-color: var(--zsli-green); box-shadow: inset 0 0 0 1px var(--zsli-green), 0 4px 12px rgba(35,123,74,.08); }
body.zs-pdp-conversion-v1 .zsli-root .zsli-swatch img{ display: block; width: 60px; max-width: 100%; height: 52px; object-fit: contain; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-swatch-check{ position: absolute; right: 3px; top: 3px; display: none; width: 20px; height: 20px; border-radius: 50%; place-items: center; background: var(--zsli-green); color: #fff; font-size: 15px !important; line-height: 1; font-weight: 800; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-swatch[aria-pressed="true"] .zsli-swatch-check{ display: grid; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-prev,body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-next{ position: absolute; top: 50%; z-index: 3; width: 27px; height: 38px; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.94); color: #236940; font-size: 28px !important; line-height: 1; box-shadow: 0 3px 12px rgba(31,75,48,.14); transform: translateY(-50%); }
body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-prev{ left: -4px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-next{ right: -4px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-prev:hover,body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-next:hover{ background: #fff; color: #174e30; box-shadow: 0 4px 14px rgba(31,75,48,.20); }
body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-prev:disabled,body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-next:disabled{ opacity: .36; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-purchase{ margin-top: 12px; border-top: 1px solid var(--zsli-line); padding-top: 12px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-recap{ margin-bottom: 11px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-line{ display: flex; justify-content: space-between; flex-wrap: wrap; gap: 3px 12px; margin: 2px 0; color: var(--zsli-muted); }
body.zs-pdp-conversion-v1 .zsli-root .zsli-line span:last-child{ white-space: nowrap; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-total{ display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-top: 8px; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-total strong{ color: var(--zsli-green); font-size: 25px; font-weight: 800; }

body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-badge{
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  grid-template-areas: "icon copy value" ". next next";
  align-items: center;
  gap: 3px 8px;
  margin: 7px 0 9px;
  padding: 8px 10px;
  border: 1px solid #dfca82;
  border-radius: 11px;
  background: linear-gradient(135deg, #fff9e8 0%, #fffdf7 58%, #f5f9f6 100%);
  color: #4a4d40;
  box-shadow: 0 4px 14px rgba(105,82,20,.07);
}
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-badge.is-opportunity{
  border-color: #e1c66d;
  background: linear-gradient(135deg, #fff8de 0%, #fffdf5 70%, #f7faf7 100%);
}
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-badge.is-earned{
  border-color: #e0c46b;
  background: linear-gradient(135deg, #fff9e8 0%, #fffdf7 68%, #fff7df 100%);
  color: #3f463f;
}
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-icon{
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f3d56f;
  color: #654c00;
  font-size: 17px !important;
  line-height: 1;
  font-weight: 850;
}
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-copy{ grid-area: copy; min-width: 0; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-copy strong,body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-copy span{ display: block; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-label{ color: #4c4b38; font-weight: 800; line-height: 1.15; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-sub{ margin-top: 1px; color: #6f7367; font-size: 15px !important; line-height: 1.2; }
/* U již získané úspory druhý vysvětlující řádek zbytečně zvětšoval box. */
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-badge.is-earned .zsli-saving-sub{ display: none; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-value{
  grid-area: value;
  min-width: max-content;
  padding: 4px 8px;
  border: 1px solid #dfc45f;
  border-radius: 999px;
  background: #f5dc82;
  color: #5b4300;
  font-size: 19px !important;
  line-height: 1.1;
  font-weight: 850;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  box-shadow: none;
}
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-badge.is-opportunity .zsli-saving-icon{ background: #f7df8e; color: #775900; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-badge.is-opportunity .zsli-saving-value{ border-color: #e6cf7f; background: #fff2bd; color: #765900; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-badge.is-earned .zsli-saving-icon{ background: #efcb54; color: #594300; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-next{
  grid-area: next;
  justify-self: start;
  min-height: 28px;
  margin: 1px 0 0;
  padding: 3px 7px;
  border: 0;
  border-radius: 7px;
  background: rgba(255,255,255,.72);
  color: #526052;
  font-size: 15px !important;
  line-height: 1.2;
  font-weight: 750;
  text-align: left;
  text-decoration: none;
}
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-next:hover{ background: #fff; color: #1f6038; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-submit{ display: block; width: 100%; min-height: 50px; padding: 12px 15px; border: 0; border-radius: 11px; background: var(--zsli-green); color: #fff; font-size: 18px; font-weight: 750; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-submit:hover{ background: #1c633c; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-submit:disabled{ background: #e8efea; color: #53685a; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-price-note{ margin: 8px 0 0; color: var(--zsli-muted); text-align: center; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-status{ margin-top: 10px; padding: 10px; border: 1px solid #d8e3db; border-radius: 9px; background: #f4f9f5; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-status[data-kind="error"],body.zs-pdp-conversion-v1 .zsli-root .zsli-status[data-kind="review"]{ border-color: #dfbe8a; background: #fff8eb; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-status span,body.zs-pdp-conversion-v1 .zsli-root .zsli-status a{ display: block; }
body.zs-pdp-conversion-v1 .zsli-root .zsli-status a{ width: fit-content; padding: 5px 0; margin-top: 5px; color: #205c38; font-weight: 650; text-decoration: underline; }
@container zsli (max-width: 480px) {
  body.zs-pdp-conversion-v1 .zsli-root .zsli-heading{ font-size: 18px; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-jar-choice{ grid-template-columns: 18px minmax(0, 1fr) auto; gap: 4px 8px; padding: 10px 9px; min-height: 48px; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-jar-choice input{ grid-row: 1; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-jar-name{ grid-column: 2; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-jar-price{ grid-column: 3; }
  /* Na mobilu je cena balení redundantní: finální částka je hned v rekapitulaci níže.
     Řádek díky tomu nikdy nemění výšku po výběru varianty. */
  body.zs-pdp-conversion-v1 .zsli-root .zsli-jar-sale{ display: none !important; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-quantity-line{ gap: 8px; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-qty-label{ flex: 0 0 100%; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-lids{ padding: 10px; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-lid-heading{ padding-right: 78px; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-optional{ top: 9px; right: 9px; min-height: 26px; padding: 3px 8px; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-teaser{ grid-template-columns: 98px minmax(0, 1fr); gap: 12px; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-preview-images{ grid-row: 1 / 3; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-open{ grid-column: 2; justify-self: stretch; width: 100%; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-selected{ grid-template-columns: 45px minmax(0, 1fr); }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-selected > img{ width: 45px; height: 45px; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-selected-tools{ grid-column: 2; flex-direction: row; gap: 12px; }
  /* Mobilní carousel: další položka je záměrně vidět jen částečně a zároveň je
     na aktivní straně jednoduchá šipka bez rámečku. Starší uživatel tak dostane
     jasný signál, že řada pokračuje. railState() šipku na začátku/konci schová. */
  body.zs-pdp-conversion-v1 .zsli-root .zsli-rail{ display: block; position: relative; overflow: visible; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-swatches{
    padding: 3px 0 4px;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    -webkit-overflow-scrolling: touch;
  }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-swatch{ flex: 0 0 72px; width: 72px; height: 60px; padding: 3px; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-swatch img{ height: 50px; width: 62px; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-prev,body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-next{
    display: grid;
    place-items: center;
    top: 50%;
    z-index: 4;
    width: 22px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #236940;
    font-size: 30px !important;
    line-height: 1;
    box-shadow: none;
    transform: translateY(-50%);
    opacity: .96;
  }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-prev{
    left: -2px;
    background: linear-gradient(90deg, #f6faf7 45%, rgba(246,250,247,0));
  }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-next{
    right: -2px;
    background: linear-gradient(270deg, #f6faf7 45%, rgba(246,250,247,0));
  }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-prev:hover,body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-next:hover{
    background-color: transparent;
    color: #174e30;
    box-shadow: none;
  }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-prev[hidden],body.zs-pdp-conversion-v1 .zsli-root .zsli-rail-next[hidden],body.zs-pdp-conversion-v1 .zsli-root .zsli-rail.is-static .zsli-rail-prev,body.zs-pdp-conversion-v1 .zsli-root .zsli-rail.is-static .zsli-rail-next{ display: none !important; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-badge{ grid-template-columns: 26px minmax(0, 1fr) auto; gap: 3px 6px; padding: 7px 8px; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-icon{ width: 26px; height: 26px; font-size: 16px !important; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-label{ font-size: 15px !important; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-sub{ font-size: 15px !important; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-value{ padding: 4px 7px; font-size: 18px !important; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-next{ min-height: 30px; font-size: 15px !important; }
  body.zs-pdp-conversion-v1 .zsli-root .zsli-total strong{ font-size: 24px; }
}

/* Reward hierarchy: subtotal stays green; savings are intentionally gold. */
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-badge.is-earned .zsli-saving-label{
  color: #413f32;
  font-weight: 800;
}
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-badge.is-earned .zsli-saving-sub{
  color: #727064;
}
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-badge.is-earned .zsli-saving-next{
  border: 1px solid #eadba5;
  background: rgba(255,255,255,.72);
  color: #69571a;
}
body.zs-pdp-conversion-v1 .zsli-root .zsli-saving-badge.is-earned .zsli-saving-next:hover{
  border-color: #dcc26c;
  background: #fff;
  color: #4f410f;
}
@container zsli (max-width: 480px) {
}


/* ---- sjednocené profily z původního other-products ---- */
/* ZavařovacíSklo – ostatní produktové nákupní profily 1.2.0
 * Doplňuje současný zs-lids-inline-v2-5.css.
 * Produkční layout, hlavička, galerie, Heureka ani hotový profil zavařovacích sklenic se nestylují.
 */
/*
 * Silnější než v26 pravidla typu:
 * body.zs-pdp-conversion-v1 .zs-native-cart-visible { display:grid!important }
 * JS navíc používá inline display:none!important jako definitivní pojistku.
 */
body.zs-pdp-conversion-v1 .zspx-original-hidden,body.zs-pdp-conversion-v1 #variant-buttons.zspx-original-hidden,body.zs-pdp-conversion-v1 .zs-native-cart-visible.zspx-original-hidden,body.zs-pdp-conversion-v1 .zs-native-cart-fallback.zspx-original-hidden,body.zs-pdp-conversion-v1 .add-to-cart.zspx-original-hidden,body.zs-pdp-conversion-v1 .quantity-discounts.zspx-original-hidden,body.zs-pdp-conversion-v1 .zspx-original-hidden{ display:none !important; }
body.zs-pdp-conversion-v1 .zspx-root{ --zspx-gold:#e7c858; --zspx-gold-soft:#fff8df; }

/* ================================================================
   JEDINÁ VARIANTA OBALU – stejná vizuální řeč jako zavařovací sklenice
   ================================================================ */
body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack,body.zs-pdp-conversion-v1 .zsli-root .zspx-single-price-row{
  display:grid;
  grid-template-columns:20px minmax(120px,1.15fr) minmax(95px,.8fr) minmax(120px,1fr);
  gap:8px;
  align-items:center;
  min-width:0;
  margin:0 0 10px;
  padding:9px 10px;
  border:1px solid var(--zsli-green);
  border-radius:11px;
  background:#f0f8f2;
  box-shadow:inset 3px 0 0 var(--zsli-green);
}
body.zs-pdp-conversion-v1 .zsli-root .zspx-single-radio,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-radio{
  position:relative;
  width:18px;
  height:18px;
  border:1.5px solid #8aa397;
  border-radius:50%;
  background:#fff;
}
body.zs-pdp-conversion-v1 .zsli-root .zspx-single-radio::after,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-row.is-active .zspx-tier-radio::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:var(--zsli-green);
}
body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-main,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-main,body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-unit,body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-total,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-price-col,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-benefit{ min-width:0; }
body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-main strong,body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-main small,body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-unit strong,body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-unit small,body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-total strong,body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-total small,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-main strong,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-main small,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-price-col strong,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-price-col small{ display:block; }
body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-title,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-main strong{ color:var(--zsli-ink); font-weight:650; }
body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-sub,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-main small,body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-unit small,body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-total small,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-price-col small{ color:var(--zsli-muted); font-size:15px !important; }
body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-unit,body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-total,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-price-col{ text-align:right; }
body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-price,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-price{ color:var(--zsli-ink); font-weight:700; white-space:nowrap; }
body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-total strong{ color:var(--zsli-ink); font-weight:650; white-space:nowrap; }

/* Generic accessory používá stejný design jako víčka u zavařovacích sklenic. */
body.zs-pdp-conversion-v1 .zsli-root .zspx-accessory .zsli-open{ min-width:96px; }

/* ================================================================
   PROFIL: víčka / uzávěry – množství, ale stejný řádkový design jako varianty sklenic
   ================================================================ */
body.zs-pdp-conversion-v1 .zspx-quantity-root{ margin-top:8px; }
body.zs-pdp-conversion-v1 .zspx-quantity-root > .zsli-heading{ margin-bottom:9px; }

body.zs-pdp-conversion-v1 .zspx-tier-list-stacked{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  margin:0;
}
body.zs-pdp-conversion-v1 .zspx-tier-row{
  display:grid;
  grid-template-columns:20px minmax(130px,1.15fr) minmax(96px,.8fr) minmax(78px,.55fr);
  gap:8px;
  align-items:center;
  width:100%;
  min-height:56px;
  margin:0;
  padding:8px 10px;
  border:1px solid var(--zsli-line);
  border-radius:11px;
  background:#fff;
  color:var(--zsli-ink);
  text-align:left;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
body.zs-pdp-conversion-v1 .zspx-tier-row:hover{ border-color:#8eae9a; background:#fafcfa; }
body.zs-pdp-conversion-v1 .zspx-tier-row.is-active{
  border-color:var(--zsli-green);
  box-shadow:inset 3px 0 0 var(--zsli-green);
  background:#f0f8f2;
}
body.zs-pdp-conversion-v1 .zspx-tier-row.is-active .zspx-tier-radio{ border-color:var(--zsli-green); }
body.zs-pdp-conversion-v1 .zspx-tier-main strong{ line-height:1.2; }
body.zs-pdp-conversion-v1 .zspx-tier-main small{ margin-top:2px; line-height:1.2; }
body.zs-pdp-conversion-v1 .zspx-tier-price-col strong{ margin-top:2px; line-height:1.2; }
body.zs-pdp-conversion-v1 .zspx-tier-benefit{ display:flex; justify-content:flex-end; align-items:center; min-height:30px; }
body.zs-pdp-conversion-v1 .zspx-tier-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:27px;
  padding:3px 7px;
  border-radius:999px;
  background:#fff1bd;
  color:#705600;
  font-size:15px !important;
  line-height:1.1;
  font-style:normal;
  font-weight:700;
  white-space:nowrap;
}
body.zs-pdp-conversion-v1 .zspx-tier-row[data-source="pack"] .zspx-tier-badge{ background:#edf5f0; color:#246642; }

body.zs-pdp-conversion-v1 .zspx-quantity-line{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  margin:10px 0 12px !important;
}
body.zs-pdp-conversion-v1 .zspx-quantity-line .zspx-qty-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  min-width:0;
}
body.zs-pdp-conversion-v1 .zspx-quantity-line .zspx-qty-row .zsli-qty-label{ margin:0; font-weight:600; }
body.zs-pdp-conversion-v1 .zspx-quantity-line .zspx-qty-row .zsli-qty-control{ width:150px; }
body.zs-pdp-conversion-v1 .zspx-current-piece-count{ margin-left:auto; color:var(--zsli-green); white-space:nowrap; }

body.zs-pdp-conversion-v1 .zspx-quantity-recap{ margin-top:2px; }
body.zs-pdp-conversion-v1 .zspx-unavailable{ margin:0; padding:8px 10px; border-radius:9px; background:#fff7e9; color:#6c5736; }
body.zs-pdp-conversion-v1 .zspx-purchase{ margin-top:10px !important; }
body.zs-pdp-conversion-v1 .zspx-root .zsli-saving-badge{ margin-top:7px; }

/* Quantity Discounts nativního Shoptetu jsou u podporovaného profilu jen zdroj dat. */
body.zs-pdp-conversion-v1 .zspx-original-hidden.quantity-discounts{ display:none !important; }

/* ================================================================
   MOBILE / ÚZKÝ NÁKUPNÍ SLOUPEC
   ================================================================ */
@container zsli (max-width:520px) {
  body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack,body.zs-pdp-conversion-v1 .zsli-root .zspx-single-price-row{
    grid-template-columns:18px minmax(0,1fr) auto;
    gap:4px 8px;
    min-height:48px;
    padding:9px 9px;
  }
  body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-total{ display:none; }
  body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-sub{ display:none; }
  body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-unit,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-price-col{ text-align:right; }
  body.zs-pdp-conversion-v1 .zsli-root .zspx-single-pack-unit small,body.zs-pdp-conversion-v1 .zsli-root .zspx-tier-price-col small{ display:none; }

  body.zs-pdp-conversion-v1 .zspx-tier-row{
    grid-template-columns:18px minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    gap:2px 8px;
    min-height:50px;
    padding:7px 9px;
  }
  body.zs-pdp-conversion-v1 .zspx-tier-radio{ grid-row:1 / 3; align-self:center; }
  body.zs-pdp-conversion-v1 .zspx-tier-main{ grid-column:2; grid-row:1 / 3; }
  body.zs-pdp-conversion-v1 .zspx-tier-main small{ display:none !important; }
  body.zs-pdp-conversion-v1 .zspx-tier-price-col{ grid-column:3; grid-row:1; }
  body.zs-pdp-conversion-v1 .zspx-tier-benefit{ grid-column:3; grid-row:2; min-height:0; justify-content:flex-end; }
  body.zs-pdp-conversion-v1 .zspx-tier-badge{ min-height:22px; padding:2px 6px; }

  body.zs-pdp-conversion-v1 .zspx-quantity-line{ gap:8px !important; }
  body.zs-pdp-conversion-v1 .zspx-quantity-line .zspx-qty-row{ flex:1 1 auto; }
  body.zs-pdp-conversion-v1 .zspx-quantity-line .zspx-qty-row .zsli-qty-label{ flex:0 0 100%; }
  body.zs-pdp-conversion-v1 .zspx-current-piece-count{ align-self:flex-end; padding-bottom:10px; }
}

@container zsli (max-width:360px) {
  body.zs-pdp-conversion-v1 .zspx-tier-row{ grid-template-columns:18px minmax(0,1fr) auto; }
  body.zs-pdp-conversion-v1 .zspx-tier-price{ font-size:15px !important; }
}


/* ================================================================
   3.0.0 – JEDNOTNÁ VIZUÁLNÍ GRAMATIKA VŠECH NÁKUPNÍCH PROFILŮ
   ================================================================ */
body.zs-pdp-conversion-v1 .zsu-purchase-root{
  --zsu-row-h: 52px;
  --zsu-radius: 11px;
  --zsu-row-bg: #fff;
  --zsu-active-bg: #f0f8f2;
  --zsu-reward-bg: linear-gradient(135deg,#fff9e8 0%,#fffdf7 68%,#fff7df 100%);
}

/* Všechny volby – sklenice, lahve, balení, cenové hladiny – stejný rytmus. */
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-choice,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-tier-row,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-single-pack,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-single-price-row{
  min-height: var(--zsu-row-h);
  border-radius: var(--zsu-radius);
  border-color: var(--zsli-line);
  background: var(--zsu-row-bg);
  box-shadow: none;
  font-weight: 400;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-choice.is-selected,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-tier-row.is-active,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-single-pack,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-single-price-row{
  border-color: var(--zsli-green);
  background: var(--zsu-active-bg);
  box-shadow: inset 3px 0 0 var(--zsli-green);
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-choice.is-unavailable{
  opacity: .55;
  background: #f6f7f6;
  cursor: default;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-name,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-tier-main strong,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-single-pack-title{
  color: var(--zsli-ink) !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-price,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-tier-price,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-single-pack-price{
  color: var(--zsli-muted) !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-sale,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-single-pack-total strong{
  color: var(--zsli-ink) !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-tier-main small,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-tier-price-col small,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-single-pack-sub,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-single-pack-unit small,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-single-pack-total small{
  color: var(--zsli-muted) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

/* Množství má vždy stejný ovladač bez ohledu na profil. */
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-quantity-line,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-quantity-line{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 9px 12px !important;
  margin: 10px 0 12px !important;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-qty-label{ color: var(--zsli-ink); font-size: 16px !important; font-weight: 600 !important; }
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-piece-count{ color: var(--zsli-green); font-size: 16px !important; font-weight: 700 !important; }
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-qty-control{ height: 42px; }
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-qty-control button,body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-amount{ height: 40px; }

/* Rekapitulace a CTA – jedna typografie a jedna barva na celém webu. */
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-purchase{ margin-top: 11px; padding-top: 11px; border-top: 1px solid var(--zsli-line); }
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-line{ color: var(--zsli-muted); font-size: 16px !important; }
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-total{ margin-top: 7px; }
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-total > span{ color: var(--zsli-ink); font-size: 16px !important; }
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-total strong{ color: var(--zsli-green) !important; font-size: 25px !important; font-weight: 800 !important; }
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-submit{ min-height: 50px; border-radius: 11px; background: var(--zsli-green); font-size: 18px !important; font-weight: 750 !important; }
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-submit:hover{ background: #1c633c; }

/* Úspora je vždy stejný zlatý reward – žádné profilové barevné varianty. */
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-saving-badge,body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-saving-badge.is-earned,body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-saving-badge.is-opportunity{
  border-color: #e0c46b;
  background: var(--zsu-reward-bg);
  color: #3f463f;
  box-shadow: 0 4px 14px rgba(105,82,20,.07);
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-saving-label{ color: #413f32 !important; }
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-saving-value{
  border-color: #dfc45f !important;
  background: #f5dc82 !important;
  color: #5b4300 !important;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-saving-icon{ background: #efcb54 !important; color: #594300 !important; }

/* Surcharge/příplatek: používáme SKUTEČNÝ Shoptet control, jen jednotně obalený. */
body.zs-pdp-conversion-v1 .zsu-surcharge-wrap{
  margin: 10px 0 12px;
  padding: 10px;
  border: 1px solid var(--zsli-line);
  border-radius: 11px;
  background: #f7faf8;
}
body.zs-pdp-conversion-v1 .zsu-surcharge-title{ display: block; margin-bottom: 7px; color: var(--zsli-ink); font-size: 16px !important; font-weight: 700 !important; }
body.zs-pdp-conversion-v1 .zsu-surcharge-slot{ display: grid; gap: 7px; }
body.zs-pdp-conversion-v1 .zsu-surcharge-slot .zsu-native-surcharge,body.zs-pdp-conversion-v1 .zsu-surcharge-slot .zsu-native-surcharge *{ box-sizing: border-box; }
body.zs-pdp-conversion-v1 .zsu-surcharge-slot .zsu-native-surcharge{ display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.zs-pdp-conversion-v1 .zsu-surcharge-slot label,body.zs-pdp-conversion-v1 .zsu-surcharge-slot .surcharge-list__label{ color: var(--zsli-ink) !important; font-size: 16px !important; font-weight: 600 !important; }
/* Shoptet příplatky mohou být tabulka (th + td). Starý Kunerts CSS zde měl odsazení;
   po jeho vypnutí se label nalepil na select. Tohle upravuje jen geometrii, ne hodnoty ani logiku příplatků. */
body.zs-pdp-conversion-v1 .zsu-surcharge-slot th{ padding-right: 16px !important; }
body.zs-pdp-conversion-v1 .zsu-surcharge-slot select,body.zs-pdp-conversion-v1 .zsu-surcharge-slot input:not([type="checkbox"]):not([type="radio"]){
  width: 100% !important;
  min-height: 44px !important;
  margin: 4px 0 0 !important;
  padding: 8px 36px 8px 10px !important;
  border: 1px solid #cddfd3 !important;
  border-radius: 9px !important;
  background-color: #fff !important;
  color: var(--zsli-ink) !important;
  font-size: 16px !important;
}

/* Nedostupnost: redesign se NEVYPÍNÁ, pouze se změní nákupní stav. */
body.zs-pdp-conversion-v1 .zsu-unavailable-root{ margin-top: 10px; }
body.zs-pdp-conversion-v1 .zsu-unavailable{
  display: grid;
  gap: 4px;
  margin: 2px 0 10px;
  padding: 13px 14px;
  border: 1px solid #e3c98b;
  border-radius: 11px;
  background: #fff8e8;
  color: #5d4b25;
}
body.zs-pdp-conversion-v1 .zsu-unavailable strong{ color: #493d24; font-size: 17px !important; font-weight: 750 !important; }
body.zs-pdp-conversion-v1 .zsu-unavailable span{ font-size: 16px !important; line-height: 1.4 !important; }
body.zs-pdp-conversion-v1 .zsu-unavailable-actions{ display: flex; }
body.zs-pdp-conversion-v1 .zsu-contact-link{
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 46px; padding: 10px 14px; border: 1px solid #a4c4af; border-radius: 9px;
  background: #fff; color: #236940; font-size: 16px !important; font-weight: 700 !important; text-decoration: none;
}
body.zs-pdp-conversion-v1 .zsu-contact-link:hover{ background: #edf6ef; color: #174e30; }

/* Native zdroje jsou po převzetí enginem pouze data/fallback, ne vizuální UI. */
body.zs-pdp-conversion-v1 [data-zs-unified-purchase] .zspx-original-hidden{ display: none !important; }

@container zsli (max-width: 480px) {
  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-choice,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-tier-row{ min-height: 48px; }
  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-name,body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-price,body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-sale,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-tier-main strong,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-tier-price{ font-size: 15px !important; }
  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-sale{ display: none !important; }
  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-total strong{ font-size: 24px !important; }
  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-saving-value{ font-size: 18px !important; }
  body.zs-pdp-conversion-v1 .zsu-surcharge-wrap{ padding: 9px; }
}


/* ================================================================
   UNIFIED PURCHASE 3.1.0 — finální nákupní hierarchie
   - viditelné CTA je všude stejné: Přidat do košíku
   - množství je vlevo vedle CTA
   - cena celého balení se ve variantních řádcích nezobrazuje ani na desktopu
   ================================================================ */

body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-sale,body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-single-pack-total{
  display: none !important;
}

body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row{
  display: grid;
  grid-template-columns: minmax(132px, 168px) minmax(0, 1fr);
  gap: 10px;
  align-items: end;
  margin-top: 10px;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsu-buy-quantity{
  display: grid !important;
  
  
  gap: 4px 8px !important;
  align-items: center !important;
  margin: 0 !important;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zspx-qty-row{
  display: contents !important;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-qty-label{
  grid-area: label;
  min-width: 0;
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-piece-count{
  grid-area: pieces;
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  text-align: right;
  white-space: nowrap;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-qty-control{
  grid-area: control;
  
  
  height: 44px !important;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-qty-control button,body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-amount{
  height: 42px !important;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-submit{
  width: 100%;
  min-height: 44px !important;
  margin: 0;
  align-self: end;
}

/* Action-oriented accessory heading; connector/type stays in product data and selection detail. */
body.zs-pdp-conversion-v1 .zsu-purchase-root .zspx-accessory .zsli-lid-heading .zsli-heading{
  font-weight: 700 !important;
}

@container zsli (max-width: 480px) {
  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-choice{
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
  }

  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-qty-label,body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-piece-count{
    font-size: 15px !important;
  }
  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-submit{
    font-size: 16px !important;
    padding-left: 9px;
    padding-right: 9px;
  }
}

@container zsli (max-width: 340px) {

  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-piece-count{
    display: none;
  }
  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsu-buy-quantity{
    grid-template-columns: 1fr;
    grid-template-areas: "label" "control";
  }
}

/* 3.1.0 detail: fyzický počet je už vidět v rekapitulaci nad CTA, proto se
   vedle kompaktního ovladače množství znovu neopakuje. Tím se štítek
   „Počet balení / Počet kusů / Počet palet“ nikdy netlačí s číslem kusů. */
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsu-buy-quantity{
  grid-template-columns: 1fr !important;
  grid-template-areas: "label" "control" !important;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-piece-count{
  display: none !important;
}


/* ================================================================
   3.1.2 — drobné geometrické doladění konfigurátoru
   - větší odstup mezi variantami a příslušenstvím
   - cena za kus je skutečně u pravého okraje řádku
   - +/- ovladač vyplní celou šířku bez volného místa za plusem
   ================================================================ */
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-lids{
  margin-top: 12px;
}

body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-choice{
  grid-template-columns: 20px minmax(0, 1fr) auto !important;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-price{
  justify-self: end;
  min-width: max-content;
  text-align: right !important;
}

body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-qty-control{
  grid-template-columns: 38px minmax(0, 1fr) 38px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-qty-control button{
  display: grid;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center;
}
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-amount{
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

@container zsli (max-width: 480px) {
  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-jar-choice{
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
  }
  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsli-lids{
    margin-top: 10px;
  }
}


/* ================================================================
   3.1.4 — širší množství na mobilu
   - pole bezpečně zobrazí i 4–5 číslic
   - +/- jsou o něco užší, aby zbylo více místa pro číslo
   - CTA zůstává vedle množství
   ================================================================ */
@container zsli (max-width: 480px) {
  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row{
    grid-template-columns: minmax(150px, 164px) minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-qty-control{
    grid-template-columns: 32px minmax(78px, 1fr) 32px !important;
  }

  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-amount{
    min-width: 78px !important;
    padding: 0 6px !important;
    font-variant-numeric: tabular-nums;
    font-size: 16px !important;
  }
}

@container zsli (max-width: 340px) {
  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row{
    grid-template-columns: 142px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-qty-control{
    grid-template-columns: 30px minmax(76px, 1fr) 30px !important;
  }

  body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-buy-row .zsli-amount{
    min-width: 76px !important;
  }
}


/* 4.0.3 – příplatek je součástí živé rekapitulace. */
body.zs-pdp-conversion-v1 .zsu-purchase-root .zsu-surcharge-recap span:last-child{
  color: var(--zsli-ink);
  font-weight: 700;
  white-space: nowrap;
}
