/* PRAVE BIO RC4.4 — maintained RC4.2 candidate; unrelated assets remain external. */

/* === SOURCE: prb-w-style-BRAND-RC4_1.css === */
/* PRAVEBIO | GLOBALNI DESIGN TOKENY | SAGE + WHITE V10
   Jeden barevny system pro existujici CSS, bez dalsiho stylesheetu.
   Nativni funkcni komponenty/validace Shoptetu jsou zachovany. */
:root {
  --prb-ui-content-width: 1200px;
  --prb-shell-gutter: 0px;
  --prb-ui-ink: #1B312B;
  --prb-ui-border: #D6DAD9;
  --prb-ui-radius: 8px;
  --prb-ui-card-border: var(--prb-ui-surface-sage);
  --prb-ui-card-outline: 2px solid var(--prb-ui-card-border);
  --prb-ui-radius-panel: 12px;
  --prb-ui-warning-surface: #FFF2EC;
  --prb-ui-warning-border: #EFD9CF;
  --prb-ui-action-pressed: #A43A21;
  --prb-ui-border-focus: var(--prb-ui-ink);
  --prb-ui-divider: var(--prb-ui-border);
  --prb-ui-surface: #FFFFFF;
  --prb-ui-surface-soft: #F6F8F6;
  --prb-ui-navigation-surface: var(--prb-ui-surface-soft);
  --prb-ui-body-font: "Plus Jakarta Sans", Arial, sans-serif;
  --prb-ui-body-size: 15.5px;
  --prb-ui-copy-size: 15.5px;
  --prb-ui-body-leading: 1.65;
  --prb-ui-copy-weight: 400;
  --prb-ui-label-weight: 600;
  --prb-ui-nav-weight: 500;
  --prb-ui-active-weight: 600;
  --prb-ui-surface-sage: #E4ECE7;
  --prb-ui-surface-sage-light: #EEF3F0;
  --prb-ui-coral: #DB4D2C;
  --prb-ui-list-marker: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2065.2%2065.2%22%20fill%3D%22%23DB4D2C%22%3E%3Cpath%20d%3D%22M21.07%2C47.79c4.43-2.19%2C8.03-2.21%2C10.49-2.11.27.01.53.02.77.03%2C5.96.16%2C8.89-2.27%2C10.3-4.34%2C2.21-3.24%2C2.85-8.34-.21-11.82-1.28-1.46-3.03-2.47-5.06-2.93-1.1-5.05-5.27-7.32-8.99-7.32-4.6%2C0-9.25%2C3.4-9.25%2C9.89%2C0%2C.07%2C0%2C.15%2C0%2C.22l.53%2C6.75c.06.76.41%2C1.45.99%2C1.94.58.5%2C1.32.73%2C2.08.67%2C1.57-.12%2C2.74-1.5%2C2.62-3.07l-.52-6.61c.03-3.03%2C1.85-4.11%2C3.55-4.11s3.55%2C1.1%2C3.55%2C4.19c0%2C.76.3%2C1.48.84%2C2.02s1.25.83%2C2.02.83c1.47%2C0%2C2.63.44%2C3.36%2C1.27%2C1.09%2C1.24.75%2C3.43-.21%2C4.84-.89%2C1.31-2.71%2C1.93-5.43%2C1.86-.22%2C0-.45-.02-.74-.03-2.76-.12-7.47-.14-13.21%2C2.7-7.93%2C3.93-10.77%2C10.62-11.69%2C13.29-.09.25-.16.47-.21.6-.28.71-.26%2C1.48.04%2C2.18.31.7.86%2C1.24%2C1.57%2C1.51.33.13.68.2%2C1.04.2%2C1.18%2C0%2C2.22-.71%2C2.66-1.81.09-.23.19-.51.3-.83.78-2.26%2C3-7.14%2C8.83-10.03Z%22%2F%3E%3Cpath%20d%3D%22M59.55%2C6.9c-.07-.65-.36-1.26-.82-1.72-.46-.46-1.07-.75-1.72-.82-11.95-1.24-22.41-.36-31.08%2C2.63-7.87%2C2.72-14.02%2C7.16-17.8%2C12.83-2.52%2C3.78-3.92%2C8.1-4.08%2C12.47-.15%2C4.32.75%2C8.55%2C2.94%2C12.54.37.67.97%2C1.15%2C1.7%2C1.37.73.21%2C1.5.13%2C2.17-.24.67-.37%2C1.15-.97%2C1.37-1.7.21-.73.13-1.5-.24-2.17-3.48-6.34-3.05-13.2.88-19.11%2C3.08-4.63%2C8.23-8.3%2C14.91-10.6%2C7.31-2.52%2C16.16-3.39%2C26.3-2.57.82%2C10.14-.04%2C18.99-2.57%2C26.3-2.31%2C6.68-5.97%2C11.83-10.6%2C14.91-5.25%2C3.49-11.16%2C4.27-16.96%2C1.91-.74-.3-1.95-.9-2.63-1.27-.67-.37-1.44-.45-2.17-.24-.73.21-1.34.7-1.7%2C1.37-.37.67-.45%2C1.44-.24%2C2.17.21.73.7%2C1.34%2C1.37%2C1.7.71.39%2C1.98%2C1.03%2C2.8%2C1.37%2C3.11%2C1.33%2C6.17%2C1.84%2C9.43%2C1.84.27%2C0%2C.53%2C0%2C.8-.01%2C4.37-.15%2C8.69-1.56%2C12.47-4.08%2C5.68-3.77%2C10.12-9.93%2C12.84-17.8%2C2.99-8.67%2C3.88-19.12%2C2.63-31.08Z%22%2F%3E%3C%2Fsvg%3E");
  --prb-ui-coral-hover: #BA4125;
  --prb-ui-action-primary: #1B312B;
  --prb-ui-action-hover: #BA4125;
  --prb-ui-coral-text: #BA4125;
  --prb-ui-cream: #FAF9F4;
  --prb-ui-text: #3D504B;
  --prb-ui-muted: #5F6F6B;
  --prb-ui-focus-ring: 0 0 0 3px rgba(27, 49, 43, .16);
  --prb-ui-card-shadow: none;
  --prb-ui-table-shadow: none;
  --prb-ui-table-radius: var(--prb-ui-radius-panel);
  --prb-ui-table-header: var(--prb-ui-ink);
  --prb-ui-table-zebra: var(--prb-ui-surface-soft);
  --prb-ui-table-row-divider: var(--prb-ui-border);
  --prb-ui-header-shadow: 0 2px 16px rgba(27, 49, 43, .075);
}


/* Responsive reading copy only: UI/control typography retains its own tokens. */
@media (max-width: 1199px) {
  :root {
    --prb-ui-copy-size: 15px;
  }
}

/* Native controls: shared geometry; error and selected states stay native. */
html body :is(input.form-control,textarea.form-control,select.form-control) {
  border-radius: var(--prb-ui-radius);
}
html body :is(input.form-control,textarea.form-control,select.form-control):not(:focus):not(.error):not(.invalid):not([aria-invalid="true"]):not(.has-error *) {
  border-color: var(--prb-ui-border);
}

/* Content tables: one discreet elevation system; never touch order/cart,
   shipping parameters, structural tables or embedded third-party layouts. */
:where(body:not(.ordering-process):not(.type-cart):not(.in-kosik) #content .content-inner
  table:not(.cart-table):not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"])) {
  border-radius: var(--prb-ui-table-radius);
  box-shadow: var(--prb-ui-table-shadow);
}
/* Only direct, plain HTML content tables get a default data-table layout.
   Native table classes retain their layout and Shoptet behavior. */
:where(body:not(.ordering-process):not(.type-cart):not(.in-kosik) #content .content-inner
  > table:not(.cart-table):not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"])) {
  width: 100%;
  border: 1px solid var(--prb-ui-divider);
  border-collapse: separate;
  border-spacing: 0;
  background: var(--prb-ui-surface);
}
:where(body:not(.ordering-process):not(.type-cart):not(.in-kosik) #content .content-inner
  > table:not(.table):not(.detail-parameters):not([role="presentation"])) :is(th,td) {
  padding: 12px 16px;
  border-bottom: 1px solid var(--prb-ui-divider);
  text-align: left;
}
/* A table already enclosed in a visual card must not cast a second shadow. */
:where(body:not(.ordering-process):not(.type-cart):not(.in-kosik) #content .content-inner
  :is(.card,.box,.mehub-bonus-profile-container) table) {
  box-shadow: none;
}


body {
  /* RC3: approved Colour System v1.5 — cream canvas, sage decorative leaves. */
  background-color: #FAF9F4 !important;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20113.39%20113.39%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23E4ECE7%3B%7D.cls-3%7Bclip-path%3Aurl%28%23clippath%29%3B%7D.cls-4%7Bopacity%3A1%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clippath%22%3E%3Crect%20class%3D%22cls-1%22%20width%3D%22113.39%22%20height%3D%22113.39%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20class%3D%22cls-3%22%3E%3Cg%20class%3D%22cls-4%22%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M85.71%2C121.98c.1%2C0%2C.19%2C0%2C.27.01%2C2.12.06%2C3.15-.81%2C3.66-1.54.78-1.15%2C1.01-2.96-.08-4.2-.46-.52-1.08-.88-1.8-1.04-.39-1.79-1.87-2.6-3.19-2.6-1.63%2C0-3.29%2C1.21-3.29%2C3.51%2C0%2C.03%2C0%2C.05%2C0%2C.08l.19%2C2.4c.02.27.15.51.35.69.21.18.47.26.74.24.56-.04.97-.53.93-1.09l-.19-2.35c.01-1.07.66-1.46%2C1.26-1.46s1.26.39%2C1.26%2C1.49c0%2C.27.11.52.3.72.19.19.45.3.72.3.52%2C0%2C.93.16%2C1.19.45.39.44.27%2C1.22-.08%2C1.72-.32.46-.96.69-1.93.66-.08%2C0-.16%2C0-.26%2C0-.98-.04-2.65-.05-4.69.96-2.81%2C1.39-3.83%2C3.77-4.15%2C4.72-.03.09-.06.17-.07.21-.1.25-.09.53.02.77s.31.44.56.54c.12.05.24.07.37.07.42%2C0%2C.79-.25.94-.64.03-.08.07-.18.1-.29.28-.8%2C1.07-2.54%2C3.13-3.56%2C1.57-.78%2C2.85-.78%2C3.72-.75Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M95.36%2C107.6c-.16-.16-.38-.27-.61-.29-4.24-.44-7.96-.13-11.03.93-2.79.97-4.98%2C2.54-6.32%2C4.56-.89%2C1.34-1.39%2C2.87-1.45%2C4.43-.05%2C1.54.27%2C3.04%2C1.04%2C4.45.13.24.34.41.6.49.26.08.53.05.77-.08s.41-.34.49-.6c.08-.26.05-.53-.08-.77-1.23-2.25-1.08-4.69.31-6.78%2C1.09-1.64%2C2.92-2.95%2C5.29-3.76%2C2.6-.9%2C5.74-1.2%2C9.34-.91.29%2C3.6-.01%2C6.74-.91%2C9.34-.82%2C2.37-2.12%2C4.2-3.76%2C5.29-1.86%2C1.24-3.96%2C1.52-6.02.68-.26-.11-.69-.32-.93-.45-.24-.13-.51-.16-.77-.08-.26.08-.47.25-.6.49-.13.24-.16.51-.08.77.08.26.25.47.49.6.25.14.7.36.99.49%2C1.1.47%2C2.19.65%2C3.35.65.09%2C0%2C.19%2C0%2C.28%2C0%2C1.55-.05%2C3.08-.55%2C4.43-1.45%2C2.02-1.34%2C3.59-3.53%2C4.56-6.32%2C1.06-3.08%2C1.38-6.79.94-11.03-.02-.23-.13-.45-.29-.61Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M29.02%2C121.98c.1%2C0%2C.19%2C0%2C.27.01%2C2.12.06%2C3.15-.81%2C3.66-1.54.78-1.15%2C1.01-2.96-.08-4.2-.46-.52-1.08-.88-1.8-1.04-.39-1.79-1.87-2.6-3.19-2.6-1.63%2C0-3.29%2C1.21-3.29%2C3.51%2C0%2C.03%2C0%2C.05%2C0%2C.08l.19%2C2.4c.02.27.15.51.35.69.21.18.47.26.74.24.56-.04.97-.53.93-1.09l-.19-2.35c.01-1.07.66-1.46%2C1.26-1.46s1.26.39%2C1.26%2C1.49c0%2C.27.11.52.3.72.19.19.45.3.72.3.52%2C0%2C.93.16%2C1.19.45.39.44.27%2C1.22-.08%2C1.72-.32.46-.96.69-1.93.66-.08%2C0-.16%2C0-.26%2C0-.98-.04-2.65-.05-4.69.96-2.82%2C1.39-3.83%2C3.77-4.15%2C4.72-.03.09-.06.17-.07.21-.1.25-.09.53.01.77.11.25.31.44.56.54.12.05.24.07.37.07.42%2C0%2C.79-.25.94-.64.03-.08.07-.18.1-.29.28-.8%2C1.07-2.54%2C3.13-3.56%2C1.57-.78%2C2.85-.78%2C3.72-.75Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M38.67%2C107.6c-.16-.16-.38-.27-.61-.29-4.24-.44-7.96-.13-11.03.93-2.79.97-4.98%2C2.54-6.32%2C4.56-.89%2C1.34-1.39%2C2.87-1.45%2C4.43-.05%2C1.54.27%2C3.04%2C1.04%2C4.45.13.24.34.41.6.49.26.08.53.05.77-.08s.41-.34.49-.6c.08-.26.05-.53-.08-.77-1.23-2.25-1.08-4.69.31-6.78%2C1.09-1.64%2C2.92-2.95%2C5.29-3.76%2C2.6-.9%2C5.74-1.2%2C9.34-.91.29%2C3.6-.01%2C6.74-.91%2C9.34-.82%2C2.37-2.12%2C4.2-3.76%2C5.29-1.86%2C1.24-3.96%2C1.52-6.02.68-.26-.11-.69-.32-.93-.45-.24-.13-.51-.16-.77-.08-.26.08-.47.25-.6.49-.13.24-.16.51-.08.77.08.26.25.47.48.6.25.14.7.36.99.49%2C1.1.47%2C2.19.65%2C3.35.65.09%2C0%2C.19%2C0%2C.28%2C0%2C1.55-.05%2C3.08-.55%2C4.43-1.45%2C2.02-1.34%2C3.59-3.53%2C4.56-6.32%2C1.06-3.08%2C1.38-6.79.93-11.03-.02-.23-.13-.45-.29-.61Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M114.06%2C65.28c.1%2C0%2C.19%2C0%2C.27.01%2C2.12.06%2C3.15-.81%2C3.66-1.54.78-1.15%2C1.01-2.96-.08-4.2-.46-.52-1.08-.88-1.8-1.04-.39-1.79-1.87-2.6-3.19-2.6-1.63%2C0-3.29%2C1.21-3.29%2C3.51%2C0%2C.03%2C0%2C.05%2C0%2C.08l.19%2C2.4c.02.27.15.52.35.69.21.18.47.26.74.24.56-.04.97-.53.93-1.09l-.19-2.35c.01-1.07.66-1.46%2C1.26-1.46s1.26.39%2C1.26%2C1.49c0%2C.27.1.52.3.72.19.19.45.3.72.3.52%2C0%2C.93.16%2C1.19.45.39.44.27%2C1.22-.08%2C1.72-.32.46-.96.69-1.93.66-.08%2C0-.16%2C0-.26-.01-.98-.04-2.65-.05-4.69.96-2.81%2C1.39-3.82%2C3.77-4.15%2C4.72-.03.09-.06.17-.08.21-.1.25-.09.53.02.77.11.25.31.44.56.54.12.05.24.07.37.07.42%2C0%2C.79-.25.94-.64.03-.08.07-.18.1-.29.27-.8%2C1.06-2.54%2C3.13-3.56%2C1.57-.78%2C2.85-.78%2C3.72-.75Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M124%2C51.51c-.02-.23-.13-.45-.29-.61-.16-.16-.38-.27-.61-.29-4.24-.44-7.96-.13-11.03.93-2.79.97-4.98%2C2.54-6.32%2C4.56-.89%2C1.34-1.39%2C2.87-1.45%2C4.43-.05%2C1.54.27%2C3.04%2C1.04%2C4.45.13.24.34.41.6.49.26.08.53.05.77-.08s.41-.34.49-.6c.08-.26.05-.53-.08-.77-1.23-2.25-1.08-4.69.31-6.78%2C1.09-1.64%2C2.92-2.95%2C5.29-3.76%2C2.6-.9%2C5.74-1.2%2C9.34-.91.29%2C3.6-.01%2C6.74-.91%2C9.34-.82%2C2.37-2.12%2C4.2-3.76%2C5.29-1.86%2C1.24-3.96%2C1.52-6.02.68-.26-.11-.69-.32-.93-.45-.24-.13-.51-.16-.77-.08-.26.08-.47.25-.6.49-.13.24-.16.51-.08.77.08.26.25.47.48.6.25.14.7.36.99.49%2C1.1.47%2C2.19.65%2C3.35.65.09%2C0%2C.19%2C0%2C.28%2C0%2C1.55-.05%2C3.08-.55%2C4.43-1.45%2C2.02-1.34%2C3.59-3.53%2C4.56-6.32%2C1.06-3.08%2C1.38-6.79.94-11.03Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M57.37%2C65.28c.1%2C0%2C.19%2C0%2C.27.01%2C2.12.06%2C3.15-.81%2C3.66-1.54.78-1.15%2C1.01-2.96-.08-4.2-.46-.52-1.08-.88-1.8-1.04-.39-1.79-1.87-2.6-3.19-2.6-1.63%2C0-3.29%2C1.21-3.29%2C3.51%2C0%2C.03%2C0%2C.05%2C0%2C.08l.19%2C2.4c.02.27.15.52.35.69.21.18.47.26.74.24.56-.04.97-.53.93-1.09l-.19-2.35c.01-1.07.66-1.46%2C1.26-1.46s1.26.39%2C1.26%2C1.49c0%2C.27.11.52.3.72.19.19.45.3.72.3.52%2C0%2C.94.16%2C1.19.45.39.44.27%2C1.22-.08%2C1.72-.32.46-.96.69-1.93.66-.08%2C0-.16%2C0-.26-.01-.98-.04-2.65-.05-4.69.96-2.81%2C1.39-3.82%2C3.77-4.15%2C4.72-.03.09-.06.17-.08.21-.1.25-.09.53.02.77.11.25.31.44.56.54.12.05.24.07.37.07.42%2C0%2C.79-.25.94-.64.03-.08.07-.18.1-.29.27-.8%2C1.06-2.54%2C3.13-3.56%2C1.57-.78%2C2.85-.78%2C3.72-.75Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M67.01%2C50.9c-.16-.16-.38-.27-.61-.29-4.24-.44-7.96-.13-11.03.93-2.79.97-4.98%2C2.54-6.32%2C4.56-.89%2C1.34-1.39%2C2.87-1.45%2C4.43-.05%2C1.54.27%2C3.04%2C1.04%2C4.45.13.24.34.41.6.49.26.08.53.05.77-.08.24-.13.41-.34.49-.6.08-.26.05-.53-.08-.77-1.23-2.25-1.08-4.69.31-6.78%2C1.09-1.64%2C2.92-2.95%2C5.29-3.76%2C2.6-.9%2C5.74-1.2%2C9.34-.91.29%2C3.6-.01%2C6.74-.91%2C9.34-.82%2C2.37-2.12%2C4.2-3.76%2C5.29-1.86%2C1.24-3.96%2C1.52-6.02.68-.26-.11-.69-.32-.93-.45-.24-.13-.51-.16-.77-.08-.26.08-.47.25-.6.49-.13.24-.16.51-.08.77.08.26.25.47.49.6.25.14.7.36.99.49%2C1.11.47%2C2.19.65%2C3.35.65.09%2C0%2C.19%2C0%2C.28%2C0%2C1.55-.05%2C3.08-.55%2C4.43-1.45%2C2.02-1.34%2C3.59-3.53%2C4.56-6.32%2C1.06-3.08%2C1.38-6.79.94-11.03-.02-.23-.13-.45-.29-.61Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M85.04%2C82.52c-.61%2C0-1.1.49-1.1%2C1.1v.32h-.32c-.61%2C0-1.1.49-1.1%2C1.1%2C0%2C.61.49%2C1.1%2C1.1%2C1.1h.32v.32c0%2C.61.49%2C1.1%2C1.1%2C1.1s1.1-.49%2C1.1-1.1v-.32h.32c.61%2C0%2C1.1-.49%2C1.1-1.1s-.49-1.1-1.1-1.1h-.32v-.32c0-.61-.49-1.1-1.1-1.1Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M.67%2C65.28c.1%2C0%2C.19%2C0%2C.27.01%2C2.12.06%2C3.15-.81%2C3.66-1.54.78-1.15%2C1.01-2.96-.08-4.2-.46-.52-1.08-.88-1.8-1.04-.39-1.79-1.87-2.6-3.19-2.6-1.63%2C0-3.29%2C1.21-3.29%2C3.51%2C0%2C.03%2C0%2C.05%2C0%2C.08l.19%2C2.4c.02.27.15.52.35.69.21.18.47.26.74.24.56-.04.97-.53.93-1.09l-.19-2.35c.01-1.07.66-1.46%2C1.26-1.46s1.26.39%2C1.26%2C1.49c0%2C.27.11.52.3.72.19.19.45.3.72.3.52%2C0%2C.94.16%2C1.19.45.39.44.26%2C1.22-.08%2C1.72-.32.46-.96.69-1.93.66-.08%2C0-.16%2C0-.26-.01-.98-.04-2.65-.05-4.69.96-2.81%2C1.39-3.83%2C3.77-4.15%2C4.72-.03.09-.06.17-.08.21-.1.25-.09.53.02.77.11.25.31.44.56.54.12.05.24.07.37.07.42%2C0%2C.79-.25.94-.64.03-.08.07-.18.1-.29.27-.8%2C1.06-2.54%2C3.13-3.56%2C1.57-.78%2C2.85-.78%2C3.72-.75Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M10.32%2C50.9c-.16-.16-.38-.27-.61-.29-4.24-.44-7.96-.13-11.03.93-2.79.97-4.98%2C2.54-6.32%2C4.56-.89%2C1.34-1.39%2C2.87-1.45%2C4.43-.05%2C1.54.27%2C3.04%2C1.04%2C4.45.13.24.34.41.6.49.26.08.53.05.77-.08.24-.13.41-.34.49-.6.08-.26.05-.53-.08-.77-1.23-2.25-1.08-4.69.31-6.78%2C1.09-1.64%2C2.92-2.95%2C5.29-3.76%2C2.6-.9%2C5.74-1.2%2C9.34-.91.29%2C3.6-.01%2C6.74-.91%2C9.34-.82%2C2.37-2.12%2C4.2-3.76%2C5.29-1.86%2C1.24-3.96%2C1.52-6.02.68-.26-.11-.69-.32-.93-.45-.24-.13-.51-.16-.77-.08-.26.08-.47.25-.6.49s-.16.51-.08.77c.08.26.25.47.49.6.25.14.7.36.99.49%2C1.1.47%2C2.19.65%2C3.35.65.09%2C0%2C.19%2C0%2C.28%2C0%2C1.55-.05%2C3.08-.55%2C4.43-1.45%2C2.02-1.34%2C3.59-3.53%2C4.56-6.32%2C1.06-3.08%2C1.38-6.79.94-11.03-.02-.23-.13-.45-.29-.61Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M28.35%2C82.52c-.61%2C0-1.1.49-1.1%2C1.1v.32h-.32c-.61%2C0-1.1.49-1.1%2C1.1s.49%2C1.1%2C1.1%2C1.1h.32v.32c0%2C.61.49%2C1.1%2C1.1%2C1.1s1.1-.49%2C1.1-1.1v-.32h.32c.61%2C0%2C1.1-.49%2C1.1-1.1%2C0-.61-.49-1.1-1.1-1.1h-.32v-.32c0-.61-.49-1.1-1.1-1.1Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M86.04%2C6.58c-.08%2C0-.16%2C0-.26-.01-.98-.04-2.65-.05-4.69.96-2.81%2C1.39-3.83%2C3.77-4.15%2C4.72-.03.09-.06.17-.07.21-.1.25-.09.53.02.77.11.25.31.44.56.54.12.05.24.07.37.07.42%2C0%2C.79-.25.94-.64.03-.08.07-.18.1-.29.28-.8%2C1.07-2.54%2C3.13-3.56%2C1.57-.78%2C2.85-.78%2C3.72-.75.1%2C0%2C.19%2C0%2C.27.01%2C2.12.06%2C3.15-.81%2C3.66-1.54.78-1.15%2C1.01-2.96-.08-4.2-.46-.52-1.08-.88-1.8-1.04-.39-1.79-1.87-2.6-3.19-2.6-1.63%2C0-3.29%2C1.21-3.29%2C3.51%2C0%2C.03%2C0%2C.05%2C0%2C.08l.19%2C2.4c.02.27.15.52.35.69.21.18.47.26.74.24.56-.04.97-.53.93-1.09l-.19-2.35c.01-1.07.66-1.46%2C1.26-1.46s1.26.39%2C1.26%2C1.49c0%2C.27.11.52.3.72.19.19.45.3.72.3.52%2C0%2C.93.16%2C1.19.45.39.44.27%2C1.22-.08%2C1.72-.32.46-.96.69-1.93.66Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M95.36-5.79c-.16-.16-.38-.27-.61-.29-4.24-.44-7.96-.13-11.03.93-2.79.97-4.98%2C2.54-6.32%2C4.56-.89%2C1.34-1.39%2C2.87-1.45%2C4.43-.05%2C1.54.27%2C3.04%2C1.04%2C4.45.13.24.34.41.6.49.26.08.53.05.77-.08.24-.13.41-.34.49-.6s.05-.53-.08-.77c-1.23-2.25-1.08-4.69.31-6.78%2C1.09-1.64%2C2.92-2.95%2C5.29-3.76%2C2.6-.9%2C5.74-1.2%2C9.34-.91.29%2C3.6-.01%2C6.74-.91%2C9.34-.82%2C2.37-2.12%2C4.2-3.76%2C5.29-1.86%2C1.24-3.96%2C1.52-6.02.68-.26-.11-.69-.32-.93-.45-.24-.13-.51-.16-.77-.08-.26.08-.47.25-.6.48-.13.24-.16.51-.08.77s.25.47.49.6c.25.14.7.36.99.49%2C1.1.47%2C2.19.65%2C3.35.65.09%2C0%2C.19%2C0%2C.28%2C0%2C1.55-.05%2C3.08-.55%2C4.43-1.45%2C2.02-1.34%2C3.59-3.53%2C4.56-6.32%2C1.06-3.08%2C1.38-6.79.94-11.03-.02-.23-.13-.45-.29-.61Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M111.97%2C29.45h.32v.32c0%2C.61.49%2C1.1%2C1.1%2C1.1s1.1-.49%2C1.1-1.1v-.32h.32c.61%2C0%2C1.1-.49%2C1.1-1.1s-.49-1.1-1.1-1.1h-.32v-.32c0-.61-.49-1.1-1.1-1.1s-1.1.49-1.1%2C1.1v.32h-.32c-.61%2C0-1.1.49-1.1%2C1.1s.49%2C1.1%2C1.1%2C1.1Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M29.35%2C6.58c-.08%2C0-.16%2C0-.26-.01-.98-.04-2.65-.05-4.69.96-2.82%2C1.39-3.83%2C3.77-4.15%2C4.72-.03.09-.06.17-.07.21-.1.25-.09.53.01.77.11.25.31.44.56.54.12.05.24.07.37.07.42%2C0%2C.79-.25.94-.64.03-.08.07-.18.1-.29.28-.8%2C1.07-2.54%2C3.13-3.56%2C1.57-.78%2C2.85-.78%2C3.72-.75.1%2C0%2C.19%2C0%2C.27.01%2C2.12.06%2C3.15-.81%2C3.66-1.54.78-1.15%2C1.01-2.96-.08-4.2-.46-.52-1.08-.88-1.8-1.04-.39-1.79-1.87-2.6-3.19-2.6-1.63%2C0-3.29%2C1.21-3.29%2C3.51%2C0%2C.03%2C0%2C.05%2C0%2C.08l.19%2C2.4c.02.27.15.52.35.69.21.18.47.26.74.24.56-.04.97-.53.93-1.09l-.19-2.35c.01-1.07.66-1.46%2C1.26-1.46s1.26.39%2C1.26%2C1.49c0%2C.27.11.52.3.72.19.19.45.3.72.3.52%2C0%2C.93.16%2C1.19.45.39.44.27%2C1.22-.08%2C1.72-.32.46-.96.69-1.93.66Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M38.67-5.79c-.16-.16-.38-.27-.61-.29-4.24-.44-7.96-.13-11.03.93-2.79.97-4.98%2C2.54-6.32%2C4.56-.89%2C1.34-1.39%2C2.87-1.45%2C4.43-.05%2C1.54.27%2C3.04%2C1.04%2C4.45.13.24.34.41.6.49.26.08.53.05.77-.08.24-.13.41-.34.49-.6s.05-.53-.08-.77c-1.23-2.25-1.08-4.69.31-6.78%2C1.09-1.64%2C2.92-2.95%2C5.29-3.76%2C2.6-.9%2C5.74-1.2%2C9.34-.91.29%2C3.6-.01%2C6.74-.91%2C9.34-.82%2C2.37-2.12%2C4.2-3.76%2C5.29-1.86%2C1.24-3.96%2C1.52-6.02.68-.26-.11-.69-.32-.93-.45-.24-.13-.51-.16-.77-.08-.26.08-.47.25-.6.48-.13.24-.16.51-.08.77s.25.47.48.6c.25.14.7.36.99.49%2C1.1.47%2C2.19.65%2C3.35.65.09%2C0%2C.19%2C0%2C.28%2C0%2C1.55-.05%2C3.08-.55%2C4.43-1.45%2C2.02-1.34%2C3.59-3.53%2C4.56-6.32%2C1.06-3.08%2C1.38-6.79.93-11.03-.02-.23-.13-.45-.29-.61Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M55.28%2C29.45h.32v.32c0%2C.61.49%2C1.1%2C1.1%2C1.1s1.1-.49%2C1.1-1.1v-.32h.32c.61%2C0%2C1.1-.49%2C1.1-1.1s-.49-1.1-1.1-1.1h-.32v-.32c0-.61-.49-1.1-1.1-1.1s-1.1.49-1.1%2C1.1v.32h-.32c-.61%2C0-1.1.49-1.1%2C1.1s.49%2C1.1%2C1.1%2C1.1Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M-1.42%2C29.45h.32v.32C-1.1%2C30.37-.61%2C30.86%2C0%2C30.86s1.1-.49%2C1.1-1.1v-.32h.32c.61%2C0%2C1.1-.49%2C1.1-1.1s-.49-1.1-1.1-1.1h-.32v-.32C1.1%2C26.32.61%2C25.83%2C0%2C25.83s-1.1.49-1.1%2C1.1v.32h-.32c-.61%2C0-1.1.49-1.1%2C1.1s.49%2C1.1%2C1.1%2C1.1Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  background-size: 160px 160px !important;
  font-family: var(--prb-ui-body-font) !important;
  font-size: var(--prb-ui-body-size);
  line-height: var(--prb-ui-body-leading);
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: var(--prb-ui-copy-weight);
  color: var(--prb-ui-ink);
}

b, strong {
  font-weight: 800;
}

.h1, .h2, .h3, .h4, .h5, .h6, body, h1, h2, h3, h4, h5, h6 {
    color: var(--prb-ui-ink);
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

.btn.btn-default, a.btn.btn-default {
    border-radius: var(--prb-ui-radius);
}


/* Boxed desktop shell: backgrounds span its width; sections own their gutters. */
@media (min-width: 1441px) {
  .overall-wrapper { max-width: 1440px; margin: 0 auto; }
}
@media (max-width: 767px) {
  .overall-wrapper { padding-top: 70px; }
}
.overall-wrapper { background: #ffffff; }
@media (max-width: 991px) {
  .overall-wrapper { overflow: hidden; }
}
@media (min-width: 768px) {
  .overall-wrapper { --prb-shell-gutter: 10px; padding: 10px 0; }
}
.overall-wrapper > #content-wrapper {
  margin-inline: calc(20px + var(--prb-shell-gutter));
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
  box-sizing: border-box;
}

.popup-container {
  background: #fff;
  position: relative;
  max-width: 600px;
  width: 100%;
  border-radius: var(--prb-ui-radius);
  overflow: hidden;
  padding: 40px 20px;
  box-sizing: border-box;
  text-align: center;
}

.popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 30px;
  line-height: 30px;
  cursor: pointer;
  color: #333;
}

.popup-text {
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}

.content-wrapper-in a:not(:where(.category-perex a,.category__secondDescription a,:where(body.type-page #content article.pageArticleDetail > [itemprop="about"],body.type-post #content .news-item-detail,body.type-detail #content :is(.p-short-description,#description .basic-description)) :is(p,li,blockquote,dd,td) a:not(:where(.btn,.btn *,button,button *,[role="button"],[role="button"] *,nav,nav *,.article-toc,.article-toc *,.products,.products *,.product,.product *,.news-item,.news-item *,.subcategories,.subcategories *,.card,.card *,.menu-container,.menu-container *,.prb-nav,.prb-nav *,.prb-v10-rail,.prb-v10-rail *)))) {
  font-weight: 900;
  color: var(--prb-ui-coral);
}

.content-wrapper-in a:not(.more-products-btn):not(:where(.menu-container a,.sticky-mobile-menu a,.category-perex a,.category__secondDescription a,:where(body.type-page #content article.pageArticleDetail > [itemprop="about"],body.type-post #content .news-item-detail,body.type-detail #content :is(.p-short-description,#description .basic-description)) :is(p,li,blockquote,dd,td) a:not(:where(.btn,.btn *,button,button *,[role="button"],[role="button"] *,nav,nav *,.article-toc,.article-toc *,.products,.products *,.product,.product *,.news-item,.news-item *,.subcategories,.subcategories *,.card,.card *,.menu-container,.menu-container *,.prb-nav,.prb-nav *,.prb-v10-rail,.prb-v10-rail *)))):hover {
  font-weight: 900;
  color: var(--prb-ui-ink) !important;
}

.underline {
  border-bottom: 1px solid;
  padding-bottom: 10px;
}


h2 {
  clear: both;
}

input[type=checkbox]:checked+label::before {
  content: "" !important;
}

#navigation .menu-level-3 {
  display: none;
}
.menu-item-682 .menu-level-2 li:nth-child(n+9) {
  display: none;
}

.navigation-buttons #dkLabFavHeaderWrapper {
  display: none
}

html {
  scroll-behavior: smooth;
}

span:not(:where(.top-navigation-bar *, #navigation *, .more-products-btn *)),
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
.benefitBanner__title,
.homepage-group-title {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  color: var(--prb-ui-ink);
}

a strong {
  color: var(--prb-ui-coral);
}

iframe {
  border-radius: var(--prb-ui-radius);
}

.flex-404 {
    text-align: center;
    margin-bottom: 100px;
}

.appended-category.menu-item-2181.ext {
  display: block;
}

.shp-tabs-holder ul.shp-tabs a.shp-tab-link {
  font-size: 20px;
  padding: 0 10px;
}

.shp-tabs-holder ul.shp-tabs {
  margin-top: 20px;
  text-align: start;
}

.rate-wrapper.unveil-wrapper .rate-wrap {
  display: none
}
#ratingWrapper #rate-form{
  max-height: none;
  max-width: none;
  position: inherit;
  transform: scaleY(1) scaleX(1);
  visibility: visible;
}

/* Desktop: retain the native header in normal flow, then stick it to the viewport.
   overflow:hidden creates a non-scrolling sticky ancestor; clip preserves horizontal
   clipping without creating that scroll container. Mobile/tablet ownership is native. */
@media (min-width: 992px) {
  html { scroll-padding-top: var(--prb-sticky-header-height, 0px); }
  .overall-wrapper { overflow: clip; }
  #header {
    position: sticky;
    top: 0;
    /* Native body hover backdrop is z-index:1002. The sticky header is a
       stacking context: its navigation must remain above that backdrop. */
    z-index: 1003;
    box-shadow: var(--prb-ui-header-shadow);
  }
}

@media (min-width: 768px) {
  #header .header-top {
    padding: 10px 0 20px;
    margin: 0 calc(20px + var(--prb-shell-gutter));
  }
}

#header .header-bottom {
  border-width: 1px 0 0px;
  margin: 0;
  padding-inline: calc(20px + var(--prb-shell-gutter));
  background-color: var(--prb-ui-surface-sage);
  border-color: var(--prb-ui-divider);
  color: var(--prb-ui-ink);
}

/* Shoptet hides categories in checkout steps 2/3: no empty rail or divider. */
:is(.id--16,.id--17) #header .header-bottom {
  border-width: 0;
}
:is(.id--16,.id--17) #header .header-bottom-wrapper {
  border-bottom: 0;
}

@media (max-width: 767px) {
  #header .header-bottom {
  border-width: 0;
  margin: 0;
  padding-inline: 0;
  color: var(--prb-ui-ink);
  }
}

.site-name > a > img {
  width: 200px;
  max-height: 80px !important;
  margin-left: -7px;
}

.heureka-top > a > img {
  width: 100px;
  height: auto;
}

#header .container {
  justify-content: space-between;
  padding: 3px 0;
  margin: 0px;
}

@media (max-width: 767px) {
    #navigation {
        border-top-style: none;
        border-top-width: 0px;
        top: 80px;
    }

    #header .container {
        justify-content: space-between;
        padding: 0;
        margin: 0;
    }
}

#header .container.navigation-wrapper {
  min-height: 0;
  padding: 0;
}

.header-bottom-wrapper {
  background-color: var(--prb-ui-surface-sage);
  border-bottom: 1px solid var(--prb-ui-divider);
}

@media (max-width: 767px) {
  .header-bottom-wrapper {
    border-bottom: 0;
  }
}

#navigation { background-color: var(--prb-ui-surface-sage); }
#navigation .has-more-items .more-items-trigger::after {
  background-image: linear-gradient(90deg, rgba(228,236,231,0), var(--prb-ui-surface-sage));
}

#navigation,
.navigation-in ul.menu-level-2 {
  border-top-color: transparent;
}

/*
.navigation-buttons a[data-target=cart]:before {
  content: '';
  display: inline-block;
  background-image: url('https://pravebio.cz/user/documents/upload/kosik-image.png');
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
}
*/

@media (max-width: 480px) {
    #header .navigation-buttons a {
        height: 40px;
        width: 40px;
    }
}

.navigation-buttons>a[data-target=cart] i {
    font-size: 11px;
    height: 15px;
    left: 15px !important;
    bottom: 7px;
    line-height: 11px;
    padding: 3px;
    position: absolute;
    width: 15px;
}

@media (max-width: 480px) {
    #header .navigation-buttons a:before {
        line-height: 40px;
    }
}

@media (max-width: 767px) {
    #header .header-top a.cart-count i {
        bottom: 7px;
        left: auto;
        right: 7px;
    }
}

.navigation-in .has-third-level div>ul a {
  color: var(--prb-ui-ink);
  font-weight: var(--prb-ui-nav-weight);
  line-height: 1.5;
}

.languagesMenu .caret {
    color: inherit;
    pointer-events: none;
}

.languagesMenu .languagesMenu__header {
  position: relative;
  padding-right: 28px;
  font-weight: 700;
  width: max-content;
  background-color: var(--prb-ui-surface-sage);
  color: var(--prb-ui-ink);
}

.languagesMenu__box.toggle-window[data-target="language"] .languagesMenu__header--actual
{
  width: 60px;
}
/* Catalogue links below product carousels: one explicit state family. */
a.more-products-btn {
  background-color: var(--prb-ui-ink);
  color: var(--prb-ui-surface);
  margin: 20px auto;
  padding: 16px 32px;
  border: 0;
  display: flex;
  width: fit-content;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: var(--prb-ui-radius);
}

a.more-products-btn:is(:hover,:focus-visible):not(:disabled):not(.disabled):not([aria-disabled="true"]) {
  background-color: var(--prb-ui-action-hover);
  color: var(--prb-ui-surface);
}

a.more-products-btn:focus-visible {
  outline: 2px solid var(--prb-ui-coral-text);
  outline-offset: 3px;
}

.type-page article {
  max-width: var(--prb-ui-content-width);
  margin: 0 auto;
  font-size: var(--prb-ui-copy-size);
  line-height: var(--prb-ui-body-leading);
}




#soubory li {
  background-color: #f9f9f9;
  padding: 5px;
  margin-left: 0;
  margin-bottom: 8px;
}

#soubory li {
  display: block;
  margin-right: 15px
}

@media (min-width: 768px) and (max-width: 1280px) {
  .navigation-in>ul>li a {
    padding-left: 10px;
    padding-right: 10px;
  }
}

:is(.languagesMenu, .navigationActions) .shp-flag {
  width: 24px;
  height: 18px;
  min-height: 0;
  flex: 0 0 24px;
  margin: 0;
  object-fit: contain;
}
.navigationActions .navigationActions__submenu__item > a:has(> .shp-flag) {
  display: flex;
  align-items: center;
  gap: 10px;
}
.navigationActions .navigationActions__flagWrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.languagesMenu__list__name {
  display: inline;
}

.languagesMenu .languagesMenu__list {
  min-width: 180px;
  border-radius: var(--prb-ui-radius);
}

.languagesMenu .languagesMenu__list__link {
  gap: 10px;
  min-height: 44px;
  padding: 6px 12px;
}

.languagesMenu .languagesMenu__list__link--actual {
  font-weight: 700;
}

.languagesMenu ul li a.languagesMenu__list__link--currency::before {
  content: none;
}
:is(.languagesMenu .languagesMenu__list__link--currency,.navigationActions__submenu__item > a)[href*="currencyCode=EUR"]::after {
  content: "(€)";
  margin-inline-start: 4px;
}

@media (min-width: 768px) {
  .languagesMenu__box .languagesMenu__list {
    left: auto;
    right: 0;
  }
}

.p-tools .btn-primary {
  margin-top: 20px !important;
}

.searchWhisperer.active {
  display: flex;
  margin-top: 50px;
}

.promo-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--prb-ui-surface-soft);
  padding: 10px 20px;
  color: var(--prb-ui-ink) !important;
  border-radius: var(--prb-ui-radius);
  margin: 20px;
}

.promo-content {
  display: flex;
  flex-direction: column;
}

.promo-title {
  font-size: 16px;
  font-weight: bold;
  /*color: white;*/
}

.promo-description {
  font-size: 15px;
  font-weight: 600;
  /*color: white;*/
}

.promo-button {
  background-color: var(--prb-ui-action-primary);
  color: var(--prb-ui-ink) !important;
  padding: 7px 20px;
  text-decoration: none;
  border-radius: var(--prb-ui-radius);
  font-weight: bold;
  font-size: 14px;
}
.promo-button::after {
    content: '\e910';
    font-family: shoptet;
    margin-left: 5px;
    font-size: 11px;
    position: relative;
    /* line-height: 1; */
    color: #fff;
    bottom: 0.5px;
    transition: transform 0.2s ease-in-out;
}

a.promo-button:hover {
  background-color: var(--prb-ui-ink);
  color: var(--prb-ui-action-primary) !important;
}

.promo-button img {
  margin-top: -3px;
  margin-left: 3px;
}

.site-name {
  display: flex;
}

.header-top .search-form {
  color: #D8D8D8 !important;
  width: -webkit-fill-available;
  border-radius: var(--prb-ui-radius);
}

.query-input.form-control.search-input.js-search-input::placeholder {
  color: #7E7E7E !important;
}

.search-input-icon {
  left: inherit;
  right: -24px !important;
  color: #7E7E7E !important;
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  width: 48px;
  height: 48px;
  cursor: pointer;
}

.pG4ck .t5GpI img {
  max-height: 42px;
}

#header .search-input {
  color: #4F4F4F !important;
  padding-left: 10px;
  border-radius: var(--prb-ui-radius);
}

.contact-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  gap: 35px;
  margin-right: 32px;
}

/* 2025 - SCHOVÁNÍ CONTACT TABLET IKON */
.contact-container-tablet {
  display:  none;
}

#header .contact-container-tablet a {
  margin-left: 0px !important;
  margin-right: 12px;
  width: 40px;
}

.contact-item {
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-bottom: 10px;
}

.contact-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.contact-info {
  text-align: left;
}

.contact-time {
  font-size: 12px;
  color: #b0b0b0;
  margin: 0;
}

.contact-detail {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  margin-top: -5px !important;
}

.contact-detail a {
  color: 13322b;
  font-size: 15px;
  height: initial !important;
  line-height: initial !important;
  margin-left: 0px !important;
  width: 100% !important;
  min-width: max-content;
}

.heureka-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-right: 30px;
  margin-top: auto;
  margin-bottom: auto;
}

.compact-form .btn {
  border-radius: var(--prb-ui-radius);
}

.rating-top-title {
  font-size: 14px;
  color: #b0b0b0;
  margin: 0;
}

.rating-top-value {
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.rating-score-top {
  font-size: 24px;
  font-weight: bold;
  margin-right: 5px;
}

.type-category .stars-placeholder {
  /*display: block !important;*/
}

@media (max-width: 768px) {
  .type-category .stars-placeholder {
  display: inherit;
  }
}

.rating-stars-top {
  color: var(--prb-ui-coral);
  font-size: 24px;
  display: flex;
}

.rating-stars-top span {
  margin-right: 2px;
}

.cart-price,
.navigation-buttons .login span {
  display: none !important;
}

/*.cart-price,
.navigation-buttons .login span,
.top-navigation-tools {
  display: none !important;
}
*/

.social-login-buttons .login-btn.google strong
{
  color: black !important
}
.social-login-buttons .login-btn.facebook strong
{
  color: white !important
}
.popup-widget.login-widget .password-helper a {
  color: black !important;
}

.top-navigation-bar {
  padding-inline: var(--prb-shell-gutter);
  background-color: var(--prb-ui-ink);
  color: var(--prb-ui-cream);
  border: 0;
  height: 40px;
  margin: 0;
}
.top-navigation-bar .container { height: 40px; margin-inline: auto; }

/* Single-row utility menu uses remaining space and compact native link spacing. */
@media (min-width: 768px) {
  .top-navigation-bar .container > .top-navigation-menu {
    flex: 1 1 0;
    min-width: 0;
  }
  .top-navigation-bar .container > .top-navigation-tools {
    flex: 0 0 auto;
  }
  .top-navigation-bar .top-navigation-bar-menu > li > a {
    padding-inline: 12px;
    font-size: 14px;
  }
}

/* Decorative gift shares the native link colour and preserves its name. */
.top-navigation-bar a:is([href="/vernostni-klub-pravebio/"], [href="/en/loyalty-programme-pravebio/"], [href="/sk/vernostny-program-pravebio/"])::before {
  content: "";
  display: inline-block;
  position: static;
  width: 18px;
  height: 18px;
  margin: 0 8px 0 0;
  vertical-align: -3px;
  border: 0;
  border-radius: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h18v4H3zM5%2012v9h14v-9M12%208v13%22%2F%3E%3Cpath%20d%3D%22M12%208H8a3%203%200%201%201%203-3l1%203Zm0%200h4a3%203%200%201%200-3-3l-1%203Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h18v4H3zM5%2012v9h14v-9M12%208v13%22%2F%3E%3Cpath%20d%3D%22M12%208H8a3%203%200%201%201%203-3l1%203Zm0%200h4a3%203%200%201%200-3-3l-1%203Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}
.top-navigation-bar a:is([href="/vernostni-klub-pravebio/"], [href="/en/loyalty-programme-pravebio/"], [href="/sk/vernostny-program-pravebio/"]):is(:hover,:focus-visible)::before {
  background-color: var(--prb-ui-coral);
}

/* Account icon supplements the native visible login/account text. */
.top-navigation-bar :is(.top-nav-button-login,.top-nav-button-account)::before {
  content: "";
  display: inline-block;
  position: static;
  width: 18px;
  height: 18px;
  margin: 0 8px 0 0;
  vertical-align: -3px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}
.top-navigation-bar :is(.top-nav-button-login,.top-nav-button-account):is(:hover,:focus-visible)::before {
  background-color: var(--prb-ui-coral);
}

.top-navigation-bar [data-testid="headerSignup"] { display: none; }
.top-navigation-bar :is(a,.top-nav-button) { color: var(--prb-ui-cream); font-weight: 600; }
.top-navigation-bar :is(.top-navigation-menu-trigger,.top-nav-button,.languagesMenu__flags,.languagesMenu__box,.languagesMenu__header--actual) { color: var(--prb-ui-cream); background: transparent; }
.top-navigation-bar :is(a,.top-nav-button,.top-navigation-menu-trigger):is(:hover,:focus-visible) {
  color: var(--prb-ui-surface);
  text-decoration: underline;
  text-decoration-color: var(--prb-ui-coral);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.top-navigation-bar :is(.top-navigation-bar-menu-helper,.languagesMenu__list) { background: var(--prb-ui-surface-sage); }
.top-navigation-bar :is(.top-navigation-bar-menu-helper,.languagesMenu__list) a { color: var(--prb-ui-ink); }
.top-navigation-bar :is(.top-navigation-bar-menu-helper,.languagesMenu__list) a:is(:hover,:focus-visible) { color: var(--prb-ui-coral-text); }

.languagesMenu__header {
    line-height: 40px;
}

.navigation-buttons a[data-target=login]:before {
  content: "";
  display: inline-block;
  background: url(https://pravebio.cz/user/documents/upload/login-icon.png) no-repeat center center;
  width: 28px;
  height: 28px;
  background-size: cover;
  margin-top: -5px
}

@media (min-width: 992px) {
  #header .navigation-buttons a[data-target=login] {
    display: inline !important;
  }

  #header .header-top-wrapper .site-name {
    flex: 0 1 25%;
    justify-content: space-between;
  }

  #header .header-top-wrapper>div:nth-child(2) {
    flex: 0 1 40%;
    justify-content: center;
    display: flex;
  }

  #header .header-top-wrapper>div:nth-child(3) {
    flex: 0 1 30%;
  }

  #carousel.item.active img {
    object-fit: none;
  }
}

.container {
  max-width: -webkit-fill-available;
  width: auto;
  margin: 0 20px;
}

.welcome-wrapper.container-narrow {
  max-width: -webkit-fill-available;
  width: auto;
}

.welcome-wrapper {
  padding-bottom: 0;
}

.welcome h1 {
  display: none;
}

.homepage-group-title {
  font-size: 34px;
  text-transform: inherit;
  margin-bottom: 0px;
  line-height: 1.2;
  font-weight: 800;
}

.moved-span span,
.products-block>div:not(:where(.prb-retail-card)) .p .availability-amount {
  display: none;

  background: var(--prb-ui-surface);
}

.position--benefitHomepage {
  z-index: 9;
  position: relative;
  margin: 30px auto 0;
}

.position--benefitHomepage .benefitBanner__item {
  flex-wrap: wrap;
  padding: 20px;
  background-color: #fff;
  border-radius: var(--prb-ui-radius);
}

.position--benefitHomepage .benefitBanner__picture {
  text-align: center;
  justify-content: center;
  margin: auto;
  max-width: 30px;
}

.position--benefitHomepage .benefitBanner__content {
  padding-right: 0px;
  text-align: center;
  margin-top: 8px;
}

.position--benefitHomepage .benefitBanner__picture img {
  margin: auto;
}

.position--benefitHomepage .benefitBanner__link {
  display: grid;
}

.benefitBanner__title {
  font-size: 18px;
  text-transform: inherit;
  font-weight: 800;
  color: var(--prb-ui-ink);
}

.benefitBanner__data {
    line-height: 1.2;
    padding-top: 4px;
}

.benefitBanner__item {
  transition: transform 0.3s ease-in-out;
}

@media (max-width: 992px) {
  .benefitBanner__item .benefitBanner__title {
    font-size: 14px;
  }

  .promo-button {
    display: block;
    margin-left: 24px;
  }
}

@media (min-width: 767px) {
  .benefitBanner__item {
    display: grid;
    justify-content: center;
    flex: 1 1 calc(20% - 20px);
  }

  .position--benefitHomepage {
    max-width: 100%;
    gap: 20px;
  }

  .position--benefitHomepage .benefitBanner__item {
    margin-top: 0px;
  }
}

@media (min-width: 767px) {
  .type-page article h1 {
    text-align: center;
    margin-bottom: 50px;
  }
}


.product {
  margin: 10px;
  box-shadow: none;
}

.product.active {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lbxslick-slide, .lbxsplide__slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Native product cards: stable outline in both states; interactive coral feedback. */
.products-block:not(:where([class*="dfd-"] *,[class*="doofinder"] *)) > div.product {
  border: var(--prb-ui-card-outline);
  box-shadow: none;
  background: var(--prb-ui-surface);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.products-block:not(:where([class*="dfd-"] *,[class*="doofinder"] *)) > div.product:focus-within {
  border-color: var(--prb-ui-coral);
}
@media (hover:hover) and (pointer:fine) {
  .products-block:not(.products-inline):not(:where([class*="dfd-"] *,[class*="doofinder"] *)) > div.product:hover {
    border-color: var(--prb-ui-coral);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(27,49,43,.09);
  }
}
@media (prefers-reduced-motion:reduce) {
  .products-block:not(:where([class*="dfd-"] *,[class*="doofinder"] *)) > div.product { transition:none; }
  .products-block:not(.products-inline):not(:where([class*="dfd-"] *,[class*="doofinder"] *)) > div.product:hover { transform:none; }
}

.product .quantity {
  display: none;
}

.products-block>div:not(:where(.prb-retail-card)) .p .p-in {
  text-align: left;

  background: var(--prb-ui-surface);
}

.products-block>div:not(:where(.prb-retail-card)) .p {
    height: auto;
    flex: 1 1 auto;

  background: var(--prb-ui-surface);
}

.products-block>div:not(:where(.prb-retail-card)) .p .stars-wrapper {
  justify-content: start;

  background: var(--prb-ui-surface);
}

.products-block .p-bottom>div .p-tools form {
  display: flex;
  justify-content: center;
}

.products-block>div:not(:where(.prb-retail-card)) .p .p-bottom>div .p-tools,
.products-block>div:not(:where(.prb-retail-card)) .p .p-in {
  padding-top: 10px;
}

.product p:not(.p-desc) {
  margin: 10px 0 0 !important;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  min-height: 50px;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  color: #57726c;
}

.type-manufacturer-detail .products-page .product p:not(.p-desc), .products-additional .product p:not(.p-desc){
  font-size: 15px;
  min-height: 70px;
}


@media only screen and (max-width: 480px) {
  .product p:not(.p-desc) {
    min-height: initial;
  }
  /*.user-action-in .popup-widget.cart-widget {
    top: 150px;
  }*/
}

/* Existing non-retail dependencies, separated from the retail owner. */
.products-block > .product:not(.prb-retail-card) .ratings-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-height: 44px;
  margin-bottom: 8px;
}
.products-block>div:not(.prb-retail-card) .p .p-bottom>div .prices {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: baseline;
  justify-content: flex-start;
  gap: 3px 8px;
  min-height: 90px;
  margin: 0;
  text-align: left;
  background: var(--prb-ui-surface);
}
.products-block>div:not(.prb-retail-card) .p .p-bottom>div .prices .price-final {
  order: 1;
  font: 750 22px/1.3 var(--prb-ui-body-font);
  color: var(--prb-ui-ink);
  text-align: left;
  background: var(--prb-ui-surface);
}
.products-block>div:not(.prb-retail-card) .p .p-bottom>div .prices .price-final strong {font: inherit; color: inherit;}
.products-block>div:not(.prb-retail-card) .p .p-bottom>div .prices:has(> .price-save) .price-final {color: var(--prb-ui-coral-text);}
.products-block>div:not(.prb-retail-card) .p .p-bottom>div .prices > .price-standard {
  order: 2;
  font: 400 14px/1.3 var(--prb-ui-body-font);
  color: var(--prb-ui-muted);
  text-decoration: line-through;
}
.products-block>div:not(.prb-retail-card) .p .p-bottom>div .prices > :is(.price-additional,.price-save,.price-measure) {
  flex-basis: 100%;
  order: 3;
  font: 400 11px/1.35 var(--prb-ui-body-font);
  color: var(--prb-ui-muted);
}

/* Retail card: one layout owner; native DOM order, prices and forms retained.
   Opt-in class is never assigned to wholesale rows or third-party results. */
.products-block > .product.prb-retail-card {
  padding: 16px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.products-block > .product.prb-retail-card > .p {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  height: auto;
}
.products-block:not(.products-inline) > .product:not(:where(#cboxLoadedContent *,.cart-widget *,[class*="dfd-"] *,[class*="doofinder"] *)) > .p > .image {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr);
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 4 / 3;
  margin: 0 0 10px;
  overflow: hidden;
}
.products-block:not(.products-inline) > .product:not(:where(#cboxLoadedContent *,.cart-widget *,[class*="dfd-"] *,[class*="doofinder"] *)) > .p > .image img {
  display: block;
  grid-area: 1 / 1 / 4 / 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.products-block > .product.prb-retail-card > .p > .p-in {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 8px;
  padding: 0;
  text-align: left;
}
.products-block > .product.prb-retail-card .p-in > .p-in-in {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
}
.products-block > .product.prb-retail-card .p-in-in > a.name {
  display: block;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
  -webkit-line-clamp: unset;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.products-block > .product.prb-retail-card .prb-card-title {
  display: block;
  min-height: 2.7em;
  font: 650 17px/1.35 var(--prb-ui-body-font);
  color: var(--prb-ui-ink);
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
}
.products-block > .product.prb-retail-card .name .product-appendix {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 2.8em;
  max-height: 2.8em;
  margin: 4px 0 0;
  font: 400 13px/1.4 var(--prb-ui-body-font);
  color: var(--prb-ui-muted) !important;
  letter-spacing: 0;
}
.products-block > .product.prb-retail-card :is(.prb-card-brand,.p-manufacturer,.p-brand,[data-micro="manufacturer"],[data-micro="brand"],[itemprop="brand"]) {
  font: 500 12px/1.4 var(--prb-ui-body-font);
  color: var(--prb-ui-coral-text);
  margin: 0;
}
.products-block > .product.prb-retail-card .p-in .ratings-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-height: 40px;
  gap: 4px;
  margin: 0;
}
.products-block > .product.prb-retail-card .ratings-wrapper .stars-wrapper {
  display: flex;
  min-height:20px;
  margin:0;
  padding:0;
  align-items: center;
  gap: 5px;
}
/* The custom unrated row replaces Shoptet's native empty slot, not its reviews. */
.product .ratings-wrapper.prb-rating-ready .stars-wrapper[data-micro-rating-count="0"],
.product .ratings-wrapper.prb-rating-ready > .stars-placeholder {display:none;}
/* Empty reviews: genuine zero count only; never add rating values or structured data. */
.product .ratings-wrapper.prb-rating-ready .prb-unrated-stars .star,
.product .ratings-wrapper.prb-rating-ready .prb-unrated-stars .star::before,
.product .ratings-wrapper.prb-rating-ready .prb-unrated-stars .star::after {color:#89958F!important;}

/* Summary links only: input stars and shop/Heureka ratings are separate systems. */
.product .ratings-wrapper.prb-rating-ready .prb-product-rating-link {display:inline-flex;align-items:center;min-height:24px;max-width:100%;color:inherit!important;font-weight:inherit!important;text-decoration:none!important;}
.product .ratings-wrapper.prb-rating-ready .prb-product-rating-link .stars-wrapper {display:inline-flex;align-items:center;gap:5px;margin:0;}
.product .ratings-wrapper.prb-rating-ready .prb-product-rating-link:focus-visible {outline:2px solid var(--prb-ui-coral-text);outline-offset:3px;border-radius:2px;}
.product .ratings-wrapper.prb-rating-ready .prb-card-rating-count {font:400 12px/1.4 var(--prb-ui-body-font);color:var(--prb-ui-muted);}
.products-block > .product.prb-retail-card .ratings-wrapper .availability {margin:0;text-align:left;font-size:13px;}
.products-block > .product.prb-retail-card .p-desc {display:none;}
.products-block > .product.prb-retail-card .p-in .p-bottom {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  margin-top: auto;
  padding: 0;
}
.products-block > .product.prb-retail-card .p-bottom > [data-micro="offer"] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.products-block > .product.prb-retail-card .p .p-bottom > [data-micro="offer"] > .p-tools {
  display: flex;
  align-items: flex-end;
  justify-content: stretch;
  padding: 0;
  margin: 0;
}
.products-block > .product.prb-retail-card .p-bottom .p-tools form {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
}
.products-block > .product.prb-retail-card .p-bottom .p-tools :is(.btn,.btn.btn-cart) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 44px;
  height: auto;
  margin: 0 !important;
  padding: 10px 12px;
  border-radius: var(--prb-ui-radius);
  text-transform: none;
  white-space: normal;
  font: 700 14px/1.35 var(--prb-ui-body-font);
  text-decoration: none;
}
/* Native flag content and percentage remain untouched; colours express distinct roles. */
.products-block:not(.products-inline) > .product:not(:where(#cboxLoadedContent *,.cart-widget *,[class*="dfd-"] *,[class*="doofinder"] *)) .image .flags {
  position: relative;
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
  justify-self: start;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  width: auto;
  max-width: calc(100% - 52px);
  margin: 6px 6px 0;
  padding: 0;
  z-index: 2;
}
.products-block:not(.products-inline) > .product:not(:where(#cboxLoadedContent *,.cart-widget *,[class*="dfd-"] *,[class*="doofinder"] *)) .image .flags-extra {grid-row:2; margin-top:3px;}
.products-block:not(.products-inline) > .product:not(:where(#cboxLoadedContent *,.cart-widget *,[class*="dfd-"] *,[class*="doofinder"] *)) .image .flags:not(:has(> .flag:not(.no-display))) {display:none;}
.products-block:not(.products-inline) > .product:not(:where(#cboxLoadedContent *,.cart-widget *,[class*="dfd-"] *,[class*="doofinder"] *)) .image .flags-default:not(:has(> .flag:not(.no-display))) + .flags-extra {margin-top:6px;}
.products-block:not(.products-inline) > .product:not(:where(#cboxLoadedContent *,.cart-widget *,[class*="dfd-"] *,[class*="doofinder"] *)) .image .flags .flag {
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 2px 5px;
  border: 1px solid var(--prb-ui-divider);
  border-radius: 6px;
  font: 700 10px/1.25 var(--prb-ui-body-font);
  background: #F6F8F6 !important;
  color: #1B312B !important;
  max-width: 11em;
}
.products-block:not(.products-inline) > .product:not(:where(#cboxLoadedContent *,.cart-widget *,[class*="dfd-"] *,[class*="doofinder"] *)) .image .flag:is(.flag-action,.flag-discount) {background:#BA4125!important;border-color:#BA4125;color:#FFFFFF!important;}
/* One visible offer label. Native flags stay assigned for filters and validity.
   A native empty/hidden percentage must not suppress the action label. */
.products-block:not(.products-inline) > .product:not(:where(#cboxLoadedContent *,.cart-widget *,[class*="dfd-"] *,[class*="doofinder"] *)) .image:has(.flag-discount:not(:empty)):not(
  :has(.flag-discount .parameter-dependent.empty:not(.no-display))
) .flag-action {display:none;}

.products-block:not(.products-inline) > .product:not(:where(#cboxLoadedContent *,.cart-widget *,[class*="dfd-"] *,[class*="doofinder"] *)) .image .flag.flag-custom1 {background:#FFF2EC!important;border-color:#BA4125;color:#BA4125!important;}
.products-block:not(.products-inline) > .product:not(:where(#cboxLoadedContent *,.cart-widget *,[class*="dfd-"] *,[class*="doofinder"] *)) .image .flag:is(.flag-custom2,.flag-bioproduct) {background:#E4ECE7!important;border-color:#E4ECE7;color:#1B312B!important;}
.products-block:not(.products-inline) > .product:not(:where(#cboxLoadedContent *,.cart-widget *,[class*="dfd-"] *,[class*="doofinder"] *)) .image .flag.flag-new {background:#1B312B!important;border-color:#1B312B;color:#FFFFFF!important;}
@media (max-width: 767px) {
  .products-block > .product.prb-retail-card {padding:12px;}
  .products-block > .product.prb-retail-card .prb-card-title {font-size:15px;}
  .products-block > .product.prb-retail-card .name .product-appendix {font-size:13px;}
  .products-block:not(.products-inline) > .product:not(:where(#cboxLoadedContent *,.cart-widget *,[class*="dfd-"] *,[class*="doofinder"] *)) .image .flags .flag {font-size:9px;}
}

.product-appendix {
  font-size: 18px;
  line-height: 1.2;
  text-transform: none;
  display: block;
  margin-top: 5px;
  color: #485c57 !important;
  font-weight: 600;
}

.in-kosik .product-appendix {
  font-size: 16px;
}

@media (max-width: 768px) {
    .in-kosik .product-appendix {
        font-size: 12px;
    }
}


.product:not(:where(.prb-retail-card)) .btn-cart {
  margin: inherit !important;
}

.products-block > div:not(:where(.prb-retail-card)) .p .p-bottom > div .p-tools {
  padding: 15px 0 10px;
}

.products-block > div:not(:where(.prb-retail-card)) .p .p-bottom {
  padding: 0;
}

.flag,
.flags .flag.flag-discount,
.flags .flag.flag-freeshipping {
  padding: 4px 8px;
  border-radius: var(--prb-ui-radius);
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  max-width: 9em;
  }
/* Native extra labels are pills from first paint, including .default-variant.
   Product flags retain native visibility classes and parameter dependencies. */
.flags .flag.flag-discount,
.flags .flag.flag-freeshipping {
  display: inline-block;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin-left: 0;
}

/* Shipping is informational; the same quiet surface is used in cards and PDP.
   This owns the blue .default-variant and green native shipping backgrounds. */
.flags .flag.flag-freeshipping {
  background: var(--prb-ui-surface-soft) !important;
  color: var(--prb-ui-ink) !important;
  border: 1px solid var(--prb-ui-divider);
  font-family: var(--prb-ui-body-font);
  line-height: 1.25;
}
.flag-freeshipping .flag-text {font:inherit;color:inherit;line-height:inherit;}
.flag-freeshipping .icon-van {display:none;}

.flag.flag-new {
    background-color: var(--prb-ui-surface-sage);
}

.p:hover .flag {
  filter: alpha(opacity=0);
  opacity: 1;
}

.product .image img {
  order: 1;
}

.widget-parameter-wrapper.justified,
.products-block>div:not(:where(.prb-retail-card)) .p .stars-placeholder {
  display: none;

  background: var(--prb-ui-surface);
}


.availability {
  font-weight: 700;
  max-width: 140px;
  line-height: 1.2;
}

#cboxContent .availability {
  font-weight: 700;
  margin-right: 10px;
}

.product-slider-pagination .pagination-button {
  min-height: 20px;
  width: 20px !important;
  border-radius: 50px;
}

.product-slider-holder .product-slider-pagination .pagination-button.active {
  background-color: var(--prb-ui-surface-sage);
}

.product-slider-holder .product-slider-pagination .pagination-button:hover {
  background-color: var(--prb-ui-surface-sage);
}

.product-slider-holder .product-slider-pagination .pagination-button {
  background-color: var(--prb-ui-surface-soft);
}

.products-block > .product.prb-retail-card .p-bottom > [data-micro="offer"] > .prices {
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: baseline;
  justify-content: flex-end;
  gap: 4px 12px;
  min-height: 60px;
  margin: 0;
  text-align: right;
}
.products-block > .product.prb-retail-card .p-bottom .prices .price-final {
  order: 2;
  flex-basis: auto;
  width: auto;
  margin: 0;
  font: 750 22px/1.3 var(--prb-ui-body-font);
  color: var(--prb-ui-ink);
  text-align: right;
}
.products-block > .product.prb-retail-card .p-bottom .prices .price-final strong {font:inherit;color:inherit;}
.products-block > .product.prb-retail-card .p-bottom .prices:has(> .price-save) .price-final {color:var(--prb-ui-coral-text);}
.products-block > .product.prb-retail-card .p-bottom .prices > :is(.price-standard,.price-standard-wrapper) {
  order: 1;
  flex-basis: auto;
  width: auto;
  margin: 0;
  font: 400 14px/1.3 var(--prb-ui-body-font);
  color: var(--prb-ui-muted);
  text-decoration: line-through;
  white-space:nowrap;
}
.products-block > .product.prb-retail-card .p-bottom .prices > :is(.price-additional,.price-save,.price-measure) {
  flex-basis: 100%;
  order: 3;
  font: 400 11px/1.35 var(--prb-ui-body-font);
  color: var(--prb-ui-muted);
}

.price-standard {
  margin-left: 0;
}

.price-standard strong {
  color: #9F9F9F;
  font-weight: 400;
}

.languagesMenu__content {
  flex-direction: row-reverse;
}

/* Two deliberate navigation accents; the remaining categories stay light. */
:is(#navigation, .navigationActions) :is(.menu-item-1467,.menu-item-3338) > a {
  color: var(--prb-ui-surface);
  font-size: 17px;
  font-weight: 600;
  border-radius: var(--prb-ui-radius);
  padding: 6px 20px 7px;
  border: 1px solid transparent;
  display: inline;
  line-height: 2;
}
:is(#navigation, .navigationActions) .menu-item-1467 > a { background-color: var(--prb-ui-coral-text); }
:is(#navigation, .navigationActions) .menu-item-3338 > a { background-color: var(--prb-ui-ink); margin-right: 20px; }
:is(#navigation, .navigationActions) .menu-item-1467 > a:is(:hover,:focus-visible) { background-color: #A43A21; }
:is(#navigation, .navigationActions) .menu-item-3338 > a:is(:hover,:focus-visible) { background-color: var(--prb-ui-coral-text); }
:is(#navigation, .navigationActions) :is(.menu-item-1467,.menu-item-3338) > a:focus-visible { outline: 2px solid var(--prb-ui-ink); outline-offset: 3px; }

/*
.menu-item-682>a {
  border-left: 1px solid #e7e0c7;
  margin-left: 30px;
}
.menu-item-682>a:hover {
  border-left: 0px;
  margin-left: 30px !important;
}
*/

.navigation-in>ul>li>a,
.navigation-in ul.menu-level-2 a {
  color: var(--prb-ui-ink);
}

.navigation-in ul.menu-level-2 a:is(:hover,:focus-visible),
.navigation-in .has-third-level div>ul a:is(:hover,:focus-visible) {
  color: var(--prb-ui-coral-text);
}

.navigation-in>ul>li>a:is(:hover,:focus-visible) {
  color: var(--prb-ui-coral-text);
  margin-left: 0px;
  margin-right: 0px;
}

@media only screen and (min-width: 1200px) {
  .menu-item-3338>a::before {
    position: relative;
    top: 5px;
    margin-right: 9px;
    content: url(https://pravebio.cz/user/documents/upload/megaphone2.png);
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 768px) {
  .menu-item-3338 {
    margin-left: 20px;
  }
}

@media (max-width: 767px) {
  .menu-item-3338 {
    margin: 10px 0 3px 15px;
    width: fit-content;
  }

  ul.navigationActions .submenu-arrow:after {
    content: "\e90e";
  }

  .submenu-arrow:after {
    content: "\e90e";
    padding-top: 10px;
    opacity: 0.7;
  }

  .products-block>div:not(:where(.prb-retail-card)) .p .availability,
  .product p:not(.p-desc) {
    text-align: center;
  
  background: var(--prb-ui-surface);
}

  .product p:not(.p-desc) {
    margin: 10px;
  }

  .p-desc {
    margin: 10px 10px 10px 0 !important;
    text-align: left !important;
  }

}

@media (min-width: 1724px) {
  .navigation-in>ul>li>a {
    min-width: 175px;
  }
}

@media (min-width: 1440px) {
  .navigation-in>ul>li>a {
    min-width: 140px;
  }
}

.navigation-in ul li a b {
  text-transform: none;
}

.languagesMenu__header--actual .shp-flag {
  margin-top: 10px;
}

.languagesMenu__content {
  align-items: center;
}

.menu-helper ul li.appended-category {
  display: block;
}

@media only screen and (min-width: 1200px) {
  .menu-item-1467>a::before {
    position: relative;
    top: 5px;
    margin-right: 9px;
    content: url(https://pravebio.cz/user/documents/upload/sleva.png);
  }
}


#cboxLoadedContent .product-appendix,#cboxLoadedContent  .widget-parameter-wrapper
{
  display: none !important;
}

#cboxLoadedContent .btn-conversion
{
  color: white;
  gap: 10px;
  display: flex;
}


.product:not(:where(.prb-retail-card)) .p-in-in {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

@media (max-width: 768px) {
  .product:not(:where(.prb-retail-card)) .p-in-in {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      flex-wrap: nowrap;
  }
}

.product .widget-parameter-list .widget-parameter-value
{
  display: none;
}
.product:not(:where(.prb-retail-card)) .add-to-cart-button {
  color: white !important;
  line-height: initial;
  padding: 14px 16px;
}
@media (min-width: 768px) {
  .navigation-in>ul>li>a {
    text-align: center;
  }
}

/* HP - O NAS - FEATURES - DISPLAY NONE */
.features-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;

}

.feature-box {
  flex: 1 1 calc(25% - 20px);
  box-sizing: border-box;
  text-align: left;
  padding: 10px;
}

.feature-box img {
  width: 50px;
  height: auto;
}

.feature-title {
  font-weight: bold;
  margin: 10px 0 5px;
  font-size: 17px;
  line-height: 1.2;
}

.feature-description {
  color: #828282;
  font-size: 14px;
  line-height: 1.4;
}

.basic-description h6 {
  font-weight: 400;
  line-height: 1.5;
  text-align: start;
}

.middle-headline .flex {
  gap: 20px
}

@media (max-width: 767px) {
  .menu-item-1467 {
    width: fit-content;
    margin-left: 15px;
    margin-top: 20px;
  }
    .menu-item-1467 .submenu-arrow:after {
    content: "";
  }

  .davkovani {
    margin-top: 0px;
  }

  .nutricni-hodnoty {
    margin-bottom: 20px;
  }

  .feature-box {
    flex: 1 1 calc(50% - 20px);
  }

  .o-nas .col-md-6.text {
    padding: 10px !important
  }

  .custom-footer>div {
    padding: 0;
  }

  .category-title {
    margin-bottom: 30px !important;
    margin-top: 20px;
    font-size: 34px !important;
    text-align: left !important;
  }

  .container.navigation-wrapper .site-name {
    flex-basis: 150px;
  }

  .type-detail #content-wrapper {
    margin-top: 20px;
  }

  #header .header-top {
    box-shadow: none;
    padding: 15px 0;
  }
}

@media (min-width: 768px) {
  .o-nas .col-md-6.text {
    padding: 32px 60px !important;
  }

}

@media (max-width: 480px) {
  .site-name {
    max-width: 115px;
  }

  .feature-box {
    flex: 1 1 100%;
  }

  .o-nas .col-md-6.text a {
    width: 100%;
  }

  .breadcrumbs {
    margin-top: 100px;
  }

  .subcategories li a {
    padding: 0 5px 0 5px;
  }

  .subcategories.with-image li a .text {
    max-width: 100%;
    font-size: 15px;
  }

  .suitable-for {
    padding: 0px !important
  }

  .add-to-cart-button {
    padding: 10px;
  }
}

.product-slider-holder.has-navigation {
    z-index: 1;
}

/*/////////////////*/
.o-nas {
  position: relative;
  display: flex;
  gap: 50px;
  padding: 0 60px;
  display: none;
}
/*////////////////*/
.o-nas:before {
    content: '';
    display: block;
    position: absolute;
    top: -460px;
    right: -170px;
    width: 100%;
    height: 160%;
    background-image: url(/user/documents/upload/pb_ico.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
    opacity: 4%;
    transform: rotate(30deg);
    filter: hue-rotate(45deg);
}

.o-nas .col-md-4 {
  padding: 0px !important;
}

.o-nas .col-md-4 img {
  border-radius: var(--prb-ui-radius);
}


.o-nas .col-md-8.text {
  z-index: 9;
}

.o-nas .col-md-8.text p {
  max-width: 800px;
  line-height: 1.5;
  font-size: 17px;
}

.o-nas h2 {
  font-size: 40px;
  text-transform: inherit;
  font-weight: 800;
  max-width: 900px;
  line-height: 1.2;
  margin-top: 10px;
}

.o-nas p {
  line-height: 1.4;
}

.o-nas .col-md-8.text a {
  margin-top: 20px;
  margin-right: 10px;
  display: inline-block;
  border-width: 2px;
}

.o-nas .col-md-8.text a img {
  margin-left: 15px;
  margin-top: -3px;
  transition: transform 0.5s, margin-left 0.5s;
}

.o-nas .col-md-8.text a:hover img {
  margin-left: 20px;
  transform: translateX(5px);
  /* Moves the image to the right */
}

.o-nas .col-md-8.text a:hover {
  color: #30881D
}

.o-nas .col-md-8.text a img {
  transform: translateX(0);
  /* Ensure initial position */
}

.inverz-btn {
  background-color: var(--prb-ui-surface-soft);
  color: var(--prb-ui-ink) !important;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  padding: 16px 32px !important;
  border: 0px solid var(--prb-ui-coral) !important;
  font-weight: 700;
  font-size: 17px;
  border-radius: var(--prb-ui-radius) !important;
}

.inverz-btn:hover {
  background-color: var(--prb-ui-action-primary);
  color: var(--prb-ui-ink);
  border: 0px;
}




.instagram-widget {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    border-radius: var(--prb-ui-radius);
    overflow: hidden;    
}

.instagram-widget.columns-3>a {
    width: 16.666%;
    padding-bottom: 20%;
}
.instagram-widget.columns-3>a:hover img {
    opacity: 0.85;
}

/* PDP Instagram title: same visual H2 scale and native section spacing. */





@media(max-width:1199px){


}
@media(max-width:767px){


}

.custom-footer__instagram h4 {
    display: none;
}

.instagram-follow-btn {
    margin-bottom: 22px;
    text-align: center;
    margin-top: 10px;
}

.instagram-follow-btn a {
    color: #e95321;
}


#dklab_instagram_widget_in {
    border-radius: var(--prb-ui-radius);
    overflow: hidden;
}

@media (max-width: 768px) {
.instagram-widget {
    margin: 15px;
  }
  .instagram-widget.columns-3>a {
    padding-bottom: 50%;
    width: 50%;
  }
}












.consents.consents-first {
  margin-top: 10px;
}




.subscribe-form input[type="email"]::placeholder {
  color: #aaa;
  font-size: 15px;
}

/* Newsletter email input is now controlled exclusively under #formNewsletterWidget. */

.subscribe-form button {
  background-color: var(--prb-ui-action-primary) !important;
  color: var(--prb-ui-ink) !important;
  font-size: 14px !important;
  border: none;
  border-radius: var(--prb-ui-radius) !important;
  cursor: pointer;
  width: 230px;
  position: relative !important;
}

.subscribe-form button:hover {
  background-color: #d9733e;
  color: white;
}

.form-group a {
  color: white;
  text-decoration: underline;
}
.ordering-process .form-group a {
  color: var(--prb-ui-coral);
}
/* Footer banners: content and asset URLs belong exclusively to Shoptet CMS. */
#footer {
  box-sizing: border-box;
  padding-inline: var(--prb-shell-gutter);
  background-color: var(--prb-ui-surface-sage);
  color: var(--prb-ui-text);
  box-shadow: inset 0 1px 0 var(--prb-ui-divider);
  display: block;
  width: 100%;
}
#footer .row.custom-footer {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 32px 24px;
  width: 100%;
  margin: 0;
}
#footer .row.custom-footer::before,
#footer .row.custom-footer::after { display: none; }
#footer .row.custom-footer > [class*="custom-footer__banner"] {
  box-sizing: border-box;
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}
#footer .row.custom-footer > :is(.custom-footer__newsletter,.custom-footer__instagram) {
  grid-column: 1 / -1;
  width: auto;
}
#footer .banner-wrapper { margin: 0; }
#footer .banner-footer {
  text-align: start;
  margin: 0;
  padding: 0;
  font-family: var(--prb-ui-body-font);
  font-size: 15px;
  line-height: 1.6;
}
#footer .banner-footer h3 {
  font-family: var(--prb-ui-body-font);
  font-size: 25px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--prb-ui-ink);
  text-transform: none;
  text-align: start;
  margin: 0 0 18px;
  padding: 0;
}
#footer .logo_footer { width: 190px; max-width: 100%; margin: 0 0 20px; }
#footer .logo_footer a { display: block; }
#footer .logo_footer img { display: block; width: 100%; height: auto; }
#footer .first-banner .footer-claim {
  margin: 0 0 10px;
  color: var(--prb-ui-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}
#footer .first-banner .footer-claim strong { font-weight: inherit; }
#footer .first-banner .footer-description { margin: 0 0 18px; color: #5F6F6B; }
#footer .footer-shipping-logos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 16px;
}
#footer .footer-shipping-logos img {
  display: block;
  flex: 0 0 auto;
  width: 72px;
  max-width: 100%;
  height: auto;
  margin: 0;
}
#footer .footer-shipping-logos img[alt="One by Allegro"] { width: 50px; }
#footer .soc-links { display: flex; align-items: center; gap: 12px; margin: 0; }
#footer .soc-links a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0; }
#footer .soc-links img { display: block; width: 28px; height: 28px; margin: 0; }
#footer .second-banner ul { margin: 0; padding: 0 0 0 16px; list-style: disc outside; }
#footer .second-banner li {
  display: list-item;
  list-style-type: disc;
  margin: 0 0 10px;
  padding: 0 0 0 2px;
  color: var(--prb-ui-ink);
  font-weight: 400;
  line-height: 1.6;
}
#footer .second-banner li:last-child { margin-bottom: 0; }
#footer .second-banner li a { display: inline; }
#footer a { color: #3D504B; }
#footer a:hover,
#footer a:focus-visible { color: #BA4125; text-decoration: none; }
#footer a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
#footer .radce { display: flex; align-items: center; gap: 12px; padding: 0; margin: 0 0 14px; }
#footer .radce img { flex: 0 0 auto; width: 64px; max-width: 30%; height: auto; margin: 0; border-radius: 50%; }
#footer .radce .info { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--prb-ui-ink); }
#footer .radce .info span { display: block; margin: 4px 0 0; font-size: 13px; font-weight: 400; color: #5F6F6B; }
#footer .contact-intro { margin: 0 0 16px; color: #5F6F6B; }
#footer .contact-intro strong { display: block; font-weight: 600; color: var(--prb-ui-ink); }
#footer .banner-footer .contact-item { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 14px; }
#footer .banner-footer .contact-item:last-child { margin-bottom: 0; }
#footer .banner-footer .contact-icon { flex: 0 0 22px; width: 22px; height: 22px; margin: 0; }
#footer .banner-footer .contact-info { min-width: 0; }
#footer .banner-footer .contact-detail { margin: 0 0 4px; font-size: 16px; line-height: 1.4; }
#footer .banner-footer .contact-detail a { overflow-wrap: anywhere; }
#footer .banner-footer .contact-time { margin: 0; font-size: 13px; line-height: 1.5; color: #5F6F6B; }
@media (max-width: 1199px) {
  #footer .row.custom-footer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  #footer .row.custom-footer { grid-template-columns: minmax(0, 1fr); }
  #footer .banner-footer h3 { font-size: 22px; }
}


/* BRANDS HOMEPAGE LOGO STRIPE ANIMACE */

.brands-container {
  text-align: center;
  margin: 90px 20px 0;
}

.brands-title {
  font-size: 34px;
  font-weight: 800;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .brands-title{
    font-size: 24px;   
  }
}

.brand-carousel {
  overflow: hidden;
  position: relative;
  padding: 20px 0;
}

.brand-carousel::before,
.brand-carousel::after {
  content: "";
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.brand-carousel::before {
  left: 0;
  background: linear-gradient(to right, white 0%, transparent 100%);
}

.brand-carousel::after {
  right: 0;
  background: linear-gradient(to left, white 0%, transparent 100%);
}

.brands {
  display: flex;
  width: max-content;
  animation: scroll 60s linear infinite;
  align-items: center;
}

.brand-carousel:hover .brands {
  animation-play-state: paused;
}

.brand {
  flex: 0 0 auto;
  width: 140px;
  margin: 0 15px;
  box-sizing: border-box;
}

.brand img {
  max-width: 100%;
  height: auto;
  max-height: 60px;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}



.rating-stars-top img {
  max-width: 115px
}

.review-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  gap: 30px;
}


.heureka-title-box {
    text-align: center;
}
.container-customer-reviews h2{
    text-align: center;
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 20px;    
}

@media (max-width: 767px) {
  .container-customer-reviews h2{
    font-size: 25px;   
  }
}

.heureka {
    display: flex;
    flex-direction: column;
    align-items: center;
width: 30%;
    margin: auto;
    height: 100%;
    box-sizing: border-box;
    padding-right: 50px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-top: 30px;
}

@media (max-width: 767px) {
  .heureka {
    padding-right: 0;
  }
}

.heureka-logo {
  max-width: 200px;
  height: auto;
}

.heureka-rating p {
    font-size: 26px;
    font-weight: 800;
    line-height: 1.2;
    max-width: 310px;
    text-align: center;
}

.heureka-rating {
  text-align: center;
}

.rating-stars {
  color: var(--prb-ui-coral);
  font-size: 35px;
  margin-bottom: 10px;
}

.heureka-button {
    display: inline-block;
    padding: 12px 15px;
    border: 2px solid var(--prb-ui-coral);
    border-radius: var(--prb-ui-radius);
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    transition: transform 0.3s ease-in-out;
}

.heureka-rating .rating-stars img {
  max-width: 175px;
}

.heureka-button img {
  margin-left: 10px;
  margin-top: -3px;
  transition: transform 0.3s ease-in-out;
}

.heureka-button:hover img {
  margin-left: 20px;
  transform: translateX(5px);
  transition: transform 0.3s ease-in-out;
}

.customer-reviews {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width: 70%;
    padding-top: 20px;
}

.container-customer-reviews {
  position: relative;
  margin-top: 80px;
}

@media (min-width: 1200px) {
  .container-customer-reviews .col-lg-4 {
    width: 25% !important;
  }
}

.container-customer-reviews:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: -webkit-fill-available;
  background-image: url('https://pravebio.cz/user/documents/upload/before-image.png');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

.reviews-stars img {
  margin-bottom: 10px;
  max-width: 100px;
}

.review {
  margin-bottom: 20px;
}

.review h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

.review p {
  font-size: 15px;
  color: #57726c;
  line-height: 1.3;
}

.reviews-stars {
  color: var(--prb-ui-coral);
  margin: 0px;
  font-size: 32px;
  padding: 0px;
}

@media (max-width: 767px) {
  .languagesMenu {
    position: relative;
    width: 70px;
  }

  .languagesMenu.open .languagesMenu__content {
    display: block;
    margin-left: -30px;
    background-color: var(--prb-ui-surface-sage);
    color: var(--prb-ui-ink);
  }
  .top-navigation-bar .languagesMenu.open :is(.languagesMenu__box,.languagesMenu__header--actual) {
    color: var(--prb-ui-ink);
  }

  .dropdown-menu,
  .languagesMenu ul,
  .top-navigation-bar-menu-helper {
    background: #fff;
    border-color: transparent;
  }

  .languagesMenu .languagesMenu__list__link {
    color: var(--prb-ui-ink);
    font-weight: 700;
  }

  .p-variants-block {
    margin: 20px 0;
  }

  .contact-container-mob {
    margin: 15px 20px;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 999999;
  }

  .right .submenu-arrow {
    font-size: 18px;
    line-height: 18px;
    padding-left: 2em;
    padding-right: 0;
  }

  .menu-item-903 a {
    padding: 0px 24px !important;
    margin-top: 20px;
    max-height: 44px;
  }

  .navigation-in>ul:last-child {
    margin-bottom: 50px;
  }

  .right.navigationActions {
    max-width: 200px;
  }

  .right.navigationActions .ext.exp .navigationActions__submenu {
    display: block;
  }

  .right.navigationActions .ext .navigationActions__submenu {
    display: none;
  }

  .right.navigationActions .navigationActions__submenu__item--active:before {
    display: none;
  }

  .right.navigationActions .ext .navigationActions__submenu {
    list-style-type: none;
  }

  .right.navigationActions .ext a {
    color: 13322b;
  }

  .right.navigationActions .ext>a {
    display: block;
    width: max-content;
    justify-content: end;
    position: relative;
    text-align: end;
    margin-left: auto;
  }

  .right.navigationActions .ext.exp .navigationActions__submenu ul {
    margin-bottom: 20px;
    color: 13322b;
  }
}

@media (max-width: 345px) {
  .navigation-buttons {
    max-width: 190px;
  }
}

li.ext {
  list-style-type: none;
}

@media (max-width: 768px) {
  .review-container {
    flex-direction: column;
    align-items: center;
  }

  .customer-reviews {
    max-width: 100%;
  }

  .heureka,
  .customer-reviews {
    width: 100%;
  }

  .heureka-logo {
    max-width: 150px;
  }

  .heureka-rating p {
    font-size: 24px;
  }

  .benefitBanner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2%;
    align-items: flex-start;
  }

  .benefitBanner__item {
    flex: 0 0 48%;
    width: 48%;
    margin: 7px 0 !important;
    justify-content: center;
    min-height: 80px;
  }

  .benefitBanner__data {
    font-size: 13px;
  }

  .position--benefitHomepage .benefitBanner__picture img {
    object-fit: contain;
    max-width: 50px;
    max-height: 35px !important;
  }

  .benefitBanner__title {
    font-size: 16px;
  }

  .position--benefitHomepage .benefitBanner__item {
    margin-top: 5px;
    padding: 10px;
  }

  .product:not(:where(.prb-retail-card)) .add-to-cart-button {
    margin-top: 0px !important;
    min-width: min-content !important;
    min-height: inherit;
  }

  .position--benefitHomepage .benefitBanner__item {
    flex-wrap: wrap;
    background-color: white;
    margin-top: inherit;
  }

  /*newsletter - mobilní*/



}

/*luigis box - category + breadcrumbs + pagination*/
  
@media (min-width: 768px) {
    .type-category .lb-search h1 {
        font-size: 36px !important;
        margin-bottom: 20px !important;
    }
}

.type-category .lb-search {
    padding-top: 0 !important;
}

.lb-search .lb-search__aside .lb-aside-heading {
    color: var(--prb-ui-ink);
}

.lb-product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lb-search .lb-pagination__btn {
    padding: 18px 30px;
    max-width: 300px !important;
    border-radius: var(--prb-ui-radius) !important;
    font-size: 18px;
}
#lb-search-element .lb-search .lb-search-bg-color-primary-clickable {
    background-color: var(--prb-ui-surface-soft) !important;
}
.lb-btn.lb-pagination__btn.lb-search-bg-color-primary-clickable {
    color: var(--prb-ui-ink) !important;
}
#lb-search-element .lb-search .lb-search__main .lb-pagination .lb-pagination__btn:hover {
    background-color: var(--prb-ui-surface-sage) !important;
}

.category-top .pagination-appendix {
  display: none
}

/* Category breadcrumb typography: one owner for every category depth/language.
   Native links, icon font, wrapping and BreadcrumbList metadata stay intact. */
.type-category .breadcrumbs {
  --prb-breadcrumb-color: var(--prb-ui-muted);
  --prb-breadcrumb-icon: var(--prb-ui-coral);
  width: fit-content;
  max-width: 100%;
  margin-bottom: 10px;
  font-family: var(--prb-ui-body-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--prb-breadcrumb-color);
}
.type-category .breadcrumbs :is(a,span) {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.type-category .breadcrumbs a:focus-visible {
  outline: 2px solid var(--prb-ui-coral-text);
  outline-offset: 3px;
  border-radius: 2px;
}
@media (max-width: 1199px) {
  .type-category .breadcrumbs {font-size: 13px;}
}

@media (max-width: 767px) {
    .type-category .breadcrumbs {
      margin-top: 30px;
    }
  }

.type-category .container .products-block {
  flex-wrap: wrap;
  justify-content: space-around;
}

.category-title {
  text-align: center;
  margin-bottom: 70px;
  text-transform: inherit;
  font-size: 44px;
  font-weight: 700;
  letter-spacing: -1px;
}

.category__secondDescription {
  margin: 75px auto;
}

.category__secondDescription h2 {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 32px;
  text-align: center
}

@media (min-width: 768px) {
    .aside-indented .category-top {
        padding-top: 10px;
        max-width: 100%;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 400px) {
  h2 {
    font-size: 26px;
  }
}

/* Category prose owns its typography and links. Old inline WYSIWYG colors
   still exist in category HTML; priority is intentional until source cleanup.
   No product cards, navigation tiles, PDP, header or footer are selected. */
.category-perex, .category__secondDescription {
  margin-bottom: 22px;
  text-align: left;
  font-family: var(--prb-ui-body-font);
  font-size: var(--prb-ui-copy-size);
  line-height: var(--prb-ui-body-leading);
  color: var(--prb-ui-ink);
  font-weight: var(--prb-ui-copy-weight);
}
:is(.category-perex,.category__secondDescription) :is(p,li) {
  font-size: inherit !important;
  line-height: inherit;
  color: inherit;
  text-align: left;
}
:is(.category-perex,.category__secondDescription) span[style*="font-size" i] {
  font-size: inherit !important;
}
/* Text links: one owner for category, article and information-page prose.
   Legacy inline colors are normalized here; controls/cards remain excluded. */
:is(.category-perex,.category__secondDescription) :is(a:not(.btn),a:not(.btn) *),
:where(body.type-page #content article.pageArticleDetail > [itemprop="about"],body.type-post #content .news-item-detail,body.type-detail #content :is(.p-short-description,#description .basic-description)) :is(p,li,blockquote,dd,td) a:not(:where(.btn,.btn *,button,button *,[role="button"],[role="button"] *,nav,nav *,.article-toc,.article-toc *,.products,.products *,.product,.product *,.news-item,.news-item *,.subcategories,.subcategories *,.card,.card *,.menu-container,.menu-container *,.prb-nav,.prb-nav *,.prb-v10-rail,.prb-v10-rail *)),
:where(body.type-page #content article.pageArticleDetail > [itemprop="about"],body.type-post #content .news-item-detail,body.type-detail #content :is(.p-short-description,#description .basic-description)) :is(p,li,blockquote,dd,td) a:not(:where(.btn,.btn *,button,button *,[role="button"],[role="button"] *,nav,nav *,.article-toc,.article-toc *,.products,.products *,.product,.product *,.news-item,.news-item *,.subcategories,.subcategories *,.card,.card *,.menu-container,.menu-container *,.prb-nav,.prb-nav *,.prb-v10-rail,.prb-v10-rail *)) * {
  color: inherit !important;
}
:is(.category-perex,.category__secondDescription) span:is([style*="#d48646" i],[style*="rgb(212, 134, 70)" i]) {
  color: inherit !important;
}
:is(.category-perex,.category__secondDescription) a:not(.btn),
:where(body.type-page #content article.pageArticleDetail > [itemprop="about"],body.type-post #content .news-item-detail,body.type-detail #content :is(.p-short-description,#description .basic-description)) :is(p,li,blockquote,dd,td) a:not(:where(.btn,.btn *,button,button *,[role="button"],[role="button"] *,nav,nav *,.article-toc,.article-toc *,.products,.products *,.product,.product *,.news-item,.news-item *,.subcategories,.subcategories *,.card,.card *,.menu-container,.menu-container *,.prb-nav,.prb-nav *,.prb-v10-rail,.prb-v10-rail *)) {
  color: var(--prb-ui-ink) !important;
  font-weight: inherit;
  text-decoration-line: underline !important;
  text-decoration-color: var(--prb-ui-coral) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: .18em;
  text-decoration-skip-ink: auto;
}
:is(.category-perex,.category__secondDescription) a:not(.btn) [style*="text-decoration" i],
:is(.category-perex,.category__secondDescription) span[style*="text-decoration" i]:has(a),
:where(body.type-page #content article.pageArticleDetail > [itemprop="about"],body.type-post #content .news-item-detail,body.type-detail #content :is(.p-short-description,#description .basic-description)) :is(p,li,blockquote,dd,td) a:not(:where(.btn,.btn *,button,button *,[role="button"],[role="button"] *,nav,nav *,.article-toc,.article-toc *,.products,.products *,.product,.product *,.news-item,.news-item *,.subcategories,.subcategories *,.card,.card *,.menu-container,.menu-container *,.prb-nav,.prb-nav *,.prb-v10-rail,.prb-v10-rail *)) [style*="text-decoration" i] {
  text-decoration: none !important;
}
:is(.category-perex,.category__secondDescription) a:not(.btn):is(:hover,:focus-visible),
:where(body.type-page #content article.pageArticleDetail > [itemprop="about"],body.type-post #content .news-item-detail,body.type-detail #content :is(.p-short-description,#description .basic-description)) :is(p,li,blockquote,dd,td) a:not(:where(.btn,.btn *,button,button *,[role="button"],[role="button"] *,nav,nav *,.article-toc,.article-toc *,.products,.products *,.product,.product *,.news-item,.news-item *,.subcategories,.subcategories *,.card,.card *,.menu-container,.menu-container *,.prb-nav,.prb-nav *,.prb-v10-rail,.prb-v10-rail *)):is(:hover,:focus-visible) {
  text-decoration-thickness: 2px !important;
}
:is(.category-perex,.category__secondDescription) a:not(.btn):focus-visible,
:where(body.type-page #content article.pageArticleDetail > [itemprop="about"],body.type-post #content .news-item-detail,body.type-detail #content :is(.p-short-description,#description .basic-description)) :is(p,li,blockquote,dd,td) a:not(:where(.btn,.btn *,button,button *,[role="button"],[role="button"] *,nav,nav *,.article-toc,.article-toc *,.products,.products *,.product,.product *,.news-item,.news-item *,.subcategories,.subcategories *,.card,.card *,.menu-container,.menu-container *,.prb-nav,.prb-nav *,.prb-v10-rail,.prb-v10-rail *)):focus-visible {
  outline: 2px solid var(--prb-ui-coral-text);
  outline-offset: 3px;
}
/* Legacy prose wrappers only: no image/table dimensions are reset. */
.category-perex > div[style*="max-width" i] {
  max-width: none !important;
  margin-inline: 0 !important;
}
/* Desktop category prose: center the bounded text container on the content axis.
   Text stays left-aligned; tiles, cards and product descriptions retain their owners. */
@media (min-width: 1200px) {
  body:is(.type-category,.type-manufacturer-detail) #content :is(.category-perex, .category__secondDescription) {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--prb-ui-content-width);
    margin-inline: auto;
    min-width: 0;
  }
  /* Tiles have a 5px outer margin; prose starts on that same visual edge. */
  body.type-category #content .category-perex {
    padding-inline: 5px;
  }
  body.type-detail #content .description-inner {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--prb-ui-content-width);
    margin-inline: auto;
    min-width: 0;
  }
}


.category-perex ul,
.category__secondDescription ul,
.p-short-description ul,
.tab-content ul,
.welcome-wrapper ul,
article ul {
  list-style-type: disc;
  margin-bottom: 20px;
}

.category-perex ul li,
.category__secondDescription ul li,
.p-short-description ul li,
.tab-content ul li,
.welcome-wrapper ul li,
article ul li {
  line-height: 1.5;
  margin-bottom: 10px;
}

/* One native marker owner for authored unordered lists, including footer copy.
   Supplied PraveBio paths, compact 13px icon, approved graphic coral #DB4D2C.
   UL/LI semantics and ordered numbering stay native; no JS or extra asset load. */
:is(.category-perex,.category__secondDescription,.p-short-description,
    #description .basic-description,.welcome-wrapper,
    body.type-post #content .news-item-detail,
    body.type-page #content article.pageArticleDetail > [itemprop="about"],
    #footer .second-banner)
  ul > li:not(:where(nav *,[role="navigation"] *,[role="menu"] *,[role="listbox"] *,
    form *,.menu-container *,.prb-nav *,.prb-navigation-shell *,.prb-v10-rail *,
    .article-toc *,.prb-toc *,.products *,.product *,.products-block *,
    .subcategories *,.icons-container *,.icon-item *,#filters *,#filters-wrapper *,
    .shp-tabs *,.shp-accordion-controls *,#ratingTab *,#productDiscussion *,
    #relatedFiles *,#soubory *,[role="tablist"] *,[role="radiogroup"] *,
    .list-unstyled *,.list-inline *,.no-bullets *))::marker {
  content: var(--prb-ui-list-marker) " ";
  font-size: 1em;
}


.category-perex ul li:before,
.category__secondDescription ul li:before,
.p-short-description ul li:before,
.tab-content ul li:before,
.welcome-wrapper ul li:before,
article ul li:before {
  display: none;
}

.learn-more {
  background-color: var(--prb-ui-action-primary);
  color: var(--prb-ui-surface);
  margin: 32px auto;
  border: 1px solid var(--prb-ui-action-primary);
  padding: 8px 20px 10px;
  display: flex;
  border-radius: var(--prb-ui-radius);
  font-family: var(--prb-ui-body-font);
  font-weight: 700;
  cursor: pointer;
  position: relative;
  z-index: 100;
}

.learn-more:is(:hover,:focus-visible) {
  background-color: var(--prb-ui-action-hover);
  color: var(--prb-ui-surface);
  border-color: var(--prb-ui-action-hover);
}
.learn-more:focus-visible {
  outline: 2px solid var(--prb-ui-ink);
  outline-offset: 3px;
}

.load-products.btn {
  color: white;
}

/* Native listing controls: preserve their roles, links and loading behaviour. */
.load-products.btn,
.listingControls :is(.loadMore__button, .goToTop__button, .pagination__link.btn) {
  border-radius: var(--prb-ui-radius);
}

.category-header-pagination {
  display: none;
}

.type-category .subcategories .col-xs-6.col-sm-6.col-lg-3.col-xl-3 {
  box-sizing: border-box;
  margin: 5px !important;
  flex: 0 0 calc(16.66% - 10px);
  border-radius: var(--prb-ui-radius);
  background: var(--prb-ui-navigation-surface);
  padding: 10px 20px;
}

.type-category .subcategories .col-xs-6.col-sm-6.col-lg-3.col-xl-3:hover {
  background: var(--prb-ui-surface-sage);
}

.subcategories.with-image li a .image {
  padding-right: 15px;
  text-align: left;
  width: 30%;
}

.subcategories.with-image li a .image img {
  max-height: 45px;
  width: auto;
  mix-blend-mode: multiply;
}

.subcategories.with-image li a .text {
  flex-grow: 0;
  max-width: 70%;
  text-overflow: ellipsis;
  text-decoration: none !important;
}

.subcategories li a .text {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--prb-ui-ink);
}

.subcategories li a .text:hover {
  text-decoration: none !important;
}

.subcategories a li:hover {
  text-decoration: none !important;
}

@media (max-width: 767px) {
  .type-category .subcategories .col-xs-6.col-sm-6.col-lg-3.col-xl-3 {
    box-sizing: border-box;
        margin: 5px !important;
        flex: 0 0 calc(100% - 10px) !important;
        border-radius: var(--prb-ui-radius);
        background: var(--prb-ui-navigation-surface);
        padding: 5px 10px;
        font-size: 15px;
  }
  .subcategories.with-image li a .image img {
    height: 35px;
    width: 50px;
    mix-blend-mode: multiply;
  }
  .subcategories.with-image li a .image {
    padding-right: 0;
    text-align: left;
    width: 20%;
  }
  .subcategories.with-image li a .text {
    max-width: 80%;
  }
}

.more-categories a {
  margin-left: 24px;
  color: var(--prb-ui-ink) !important;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: 900 !important;
}

.more-categories {
  background-color: var(--prb-ui-surface-sage) !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

.more-categories:hover {
  background-color: var(--prb-ui-surface-sage) !important;
}

.subcategories .col-xs-6.col-sm-6.col-lg-3.col-xl-3:nth-child(6n+1) {
  margin-left: 0;
}

.subcategories .col-xs-6.col-sm-6.col-lg-3.col-xl-3:nth-child(6n) {
  margin-right: 0;
}

.mobile .category-header #products-listing-order {
    border-radius: var(--prb-ui-radius);
    border-color: var(--prb-ui-border);
}

.type-product .breadcrumbs {
  margin: 30px auto;
  padding: 0;
  width: 90%;
  text-align: center;
}

@media only screen and (max-width: 768px) {
    .type-product .breadcrumbs {
      margin: 20px 0 0;
      padding: 0;
      width: 90%;
      text-align: left;
      line-height: 1.2;
      font-size: 12px;
    }
}


/* 2025 SCHOVÁNÍ DLOUHÝCH APPENDIX POPISKŮ V BREADCRUMBS */
.breadcrumbs span.appendix {
    display: none;
}

.breadcrumbs a, .breadcrumbs span {
  color: var(--prb-breadcrumb-color, #57726c);
  margin-right: 5px;
  font-weight: 500;
  text-decoration: none !important;
}

.breadcrumbs a:hover, .breadcrumbs span:hover {
  color: var(--prb-ui-ink);
}

.navigation-home-icon::before {
  color: var(--prb-breadcrumb-icon, var(--prb-ui-coral));
  margin-right: 4px;
}

.in-index .type-category .promo-bar {
  margin: 0 20px;
}

.type-category .pagination-top,
.type-category .pagination-loader {
  display: none
}

.type-category .pagination-wrapper {
  justify-content: center;
  z-index: 99;
  position: relative;
}

.pagination-wrapper {
  z-index: 99;
  position: relative;
}

.type-category .pagination-wrapper .pagination {
  text-align: center;
  margin-bottom: 50px;
}

.pagination a:not(.pagination__link) {
  background-color: var(--prb-ui-surface-soft);
  color: var(--prb-ui-ink);
  height: 54px;
  line-height: 54px;
  width: 54px;
  border-radius: var(--prb-ui-radius);
  font-weight: 900;
  position: relative !important;
  z-index: 10 !important;
}

.pagination a:not(.pagination__link):hover {
  background-color: var(--prb-ui-surface-sage);
  color: var(--prb-ui-ink);
}

.pagination a.pagination-link:hover {
  background-color: transparent;
}

.pagination .current {
  background-color: var(--prb-ui-surface-sage);
  color: var(--prb-ui-ink);
  height: 54px;
  line-height: 54px;
  width: 54px;
  border-radius: var(--prb-ui-radius);
  font-weight: 900;
}

.pagination-link.next:before,
.pagination-link.prev:before,
.pagination-link.up:before {
  font-size: 18px;
}

#content .filters-wrapper > div:first-of-type, #footer .filters-wrapper > div:first-of-type {
  margin-bottom: 20px;
}

.filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button {
  font-weight: 700;
  text-align: left;
  background-color: var(--prb-ui-surface-soft);
  border: 0;
  border-radius: var(--prb-ui-radius);
  color: var(--prb-ui-ink);
}
.filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button:hover {
  background: var(--prb-ui-surface-sage);
  color: var(--prb-ui-ink);  
}

.filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button::before {
  margin-right: 10px;
}

.filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button::after {
  color: var(--prb-ui-coral);
  margin-left: 10px;  
}

.filter-sections {
  background-color: var(--prb-ui-surface-soft);
}

.filters.visible {
  background: var(--prb-ui-surface-soft);
  border-radius: var(--prb-ui-radius);
  padding: 25px;
  font-family: "Plus Jakarta Sans", sans-serif;
}

.filters.visible h4 {
  text-align: center;
  padding: 10px 0;
}

.filter-count {
  background-color: var(--prb-ui-surface-sage);
}

.sidebar {
  display: none;
}
.customer-page .sidebar {
  display: block;
}

/* Sdilena barva NATIVE inputu v klientskem a affiliate centru.
   Pouze v obsahu uctu; Shoptet checkout, kosik a produktove formy mimo scope.
   Invalid stavy ponechat nativnimu Shoptetu. */
body:is(.type-affiliate, .customer-page) #content .form-group:not(.has-error):not(.error):not(.form-error)
  :is(input.form-control, select.form-control, textarea.form-control):not(.error):not(.invalid):not(.is-invalid):not(.js-validate-error):not([aria-invalid="true"]) {
  border-color: var(--prb-ui-border) !important;
}
body:is(.type-affiliate, .customer-page) #content .form-group:not(.has-error):not(.error):not(.form-error)
  :is(input.form-control, select.form-control, textarea.form-control):not(.error):not(.invalid):not(.is-invalid):not(.js-validate-error):not([aria-invalid="true"]):focus-visible {
  border-color: var(--prb-ui-border-focus) !important;
  box-shadow: var(--prb-ui-focus-ring);
}

/* AFFILIATE CENTRUM | SAGE + WHITE | NAVRHAR
   Jediny ucel: vzhled. Nativni Shoptet taby, odkazy a formulare beze zmen.
   Stranky bile; gradient je pouze jemny akcent v horni lince panelu. */
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] {
  display: block !important;
}

/* Bily panel na bile strance - klidne oddeleni od obsahu. */
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .sidebar-inner > .box {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--prb-ui-divider);
  border-radius: var(--prb-ui-radius-panel);
  box-shadow: var(--prb-ui-card-shadow);
  padding: 21px 18px 18px;
}
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .sidebar-inner > .box::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--prb-ui-surface-sage) 0%, var(--prb-ui-surface-sage-light) 58%, var(--prb-ui-surface-soft) 100%);
  pointer-events: none;
}
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .box > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .box > ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .box > ul > li > a:not(.btn) {
  display: block;
  padding: 9px 11px;
  border-radius: var(--prb-ui-radius);
  color: #1B312B;
  font-weight: var(--prb-ui-nav-weight);
  line-height: 1.5;
  overflow-wrap: anywhere;
  text-decoration: none;
}
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .box > ul > li.active > a:not(.btn) {
  background: #F1F6F3;
  color: #1B312B;
  box-shadow: inset 3px 0 0 var(--prb-ui-border-focus);
  font-weight: var(--prb-ui-active-weight);
}
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .box > ul > li > a:not(.btn) strong {
  color: inherit;
}
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .box > ul > li > a:not(.btn):hover,
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .box > ul > li > a:not(.btn):focus-visible {
  background: #F1F6F3;
  color: #1B312B;
}
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .box > ul > li.logout {
  margin: 4px 0 12px;
  padding: 4px 10px 14px;
  border-bottom: 1px solid var(--prb-ui-surface-sage);
}
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .box > ul > li.logout > .btn {
  display: inline-block;
  margin: 0;
  padding: 8px 13px;
  border: 1px solid var(--prb-ui-border);
  border-radius: var(--prb-ui-radius);
  background: #fff;
  color: #1B312B;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .box > ul > li.logout > .btn:hover,
body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .box > ul > li.logout > .btn:focus-visible {
  border-color: #1B312B;
  background: #1B312B;
  color: #fff;
}

/* Affiliate native statistics / links: one outer outline and one horizontal rule.
   Maintain native <table>, <thead>, <tbody>, links, textarea and tab behaviour. */
body.type-affiliate #content .tab-content .tab-pane table.table {
  width: 100%;
  border: 1px solid var(--prb-ui-divider);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--prb-ui-table-radius);
  overflow: hidden;
  outline: 0;
  background: var(--prb-ui-surface);
  box-shadow: var(--prb-ui-table-shadow);
}
body.type-affiliate #content .tab-content .tab-pane :is(.card,.box) table.table {
  box-shadow: none;
}
body.type-affiliate #content .tab-content .tab-pane table.table > thead > tr > th {
  padding: 11px 14px;
  border: 0;
  border-bottom: 1px solid var(--prb-ui-divider);
  background: var(--prb-ui-surface-soft);
  color: var(--prb-ui-ink);
  text-align: left;
  vertical-align: middle;
  font-weight: var(--prb-ui-label-weight);
  line-height: 1.45;
}
body.type-affiliate #content .tab-content .tab-pane table.table > tbody > tr > td {
  padding: 11px 14px;
  border: 0;
  border-bottom: 1px solid var(--prb-ui-divider);
  background: var(--prb-ui-surface);
  color: var(--prb-ui-ink);
  text-align: left;
  vertical-align: middle;
  font-weight: var(--prb-ui-copy-weight);
  line-height: 1.5;
}
body.type-affiliate #content .tab-content .tab-pane table.table > tbody > tr:last-child > td {
  border-bottom: 0;
}
body.type-affiliate #content .tab-content .tab-pane table.table > tbody > tr:hover > td {
  background: #FAFCFB;
}
/* Native statistics columns: same width and right alignment in heading and data. */
body.type-affiliate #content #affiliateIntroduction > .row > .col-md-6 > h2 {
  margin: 0 0 16px;
  text-align: left;
  line-height: 1.35;
}
body.type-affiliate #content #affiliateIntroduction .col-md-6 table.table {
  table-layout: fixed;
}
body.type-affiliate #content #affiliateIntroduction .col-md-6:first-child table.table > :is(thead,tbody) > tr > :first-child {
  width: 64%;
}
body.type-affiliate #content #affiliateIntroduction .col-md-6:first-child table.table > :is(thead,tbody) > tr > :nth-child(2) {
  width: 36%;
}
body.type-affiliate #content #affiliateIntroduction .col-md-6:nth-child(2) table.table > :is(thead,tbody) > tr > :first-child {
  width: 48%;
}
body.type-affiliate #content #affiliateIntroduction .col-md-6:nth-child(2) table.table > :is(thead,tbody) > tr > :nth-child(2),
body.type-affiliate #content #affiliateIntroduction .col-md-6:nth-child(2) table.table > :is(thead,tbody) > tr > :nth-child(3) {
  width: 26%;
}
body.type-affiliate #content #affiliateIntroduction .col-md-6 table.table > :is(thead,tbody) > tr > :not(:first-child) {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
body.type-affiliate #content #affiliateIntroduction .col-md-6 table.table > thead > tr > th:first-child {
  text-align: left;
}
/* Na mensich desktopech / vetsich tabletech tabulky pod sebou. */
@media (min-width: 768px) and (max-width: 1199px) {
  body.type-affiliate #affiliateIntroduction > .row {
    display: block;
  }
  body.type-affiliate #affiliateIntroduction > .row > .col-md-6 {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  body.type-affiliate aside.sidebar[data-testid="sidebarMenu"] .sidebar-inner > .box {
    padding: 18px 14px 15px;
  }
  body.type-affiliate #content .tab-content .tab-pane table.table > thead > tr > th,
  body.type-affiliate #content .tab-content .tab-pane table.table > tbody > tr > td {
    padding: 8px;
    overflow-wrap: anywhere;
  }
}
/* AFFILIATE CENTRUM | VNITRNI ZALOZKY | SAGE + WHITE V6
   Oprava ve stavajici sekci: nativni formulare, telefon a validace beze zmen.
   Vzhled omezen jen na affiliate ucet, nikoliv zakaznicke formulare. */
body.type-affiliate #content #affiliateMyAccount #reg-form {
  width: 100%;
  max-width: 900px;
  margin: 0;
}
body.type-affiliate #content #affiliateMyAccount #reg-form > fieldset.box {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 28px 30px 30px;
  background: #fff;
  border: 1px solid var(--prb-ui-divider);
  border-radius: var(--prb-ui-radius-panel);
  box-shadow: var(--prb-ui-card-shadow);
}
body.type-affiliate #content #affiliateMyAccount #reg-form > fieldset.box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: var(--prb-ui-radius) var(--prb-ui-radius) 0 0;
  background: linear-gradient(90deg,var(--prb-ui-surface-sage) 0%,var(--prb-ui-surface-sage-light) 58%,var(--prb-ui-surface-soft) 100%);
  pointer-events: none;
}
body.type-affiliate #content #affiliateMyAccount #reg-form h3 {
  color: #1B312B;
  font-family: "Plus Jakarta Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -.01em;
  margin: 26px 0 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--prb-ui-surface-sage);
}
body.type-affiliate #content #affiliateMyAccount #reg-form h3:first-child {
  margin-top: 0;
}
/* Shoptet vykresluje plovouci label a kremovy ramecek i na obalu.
   Vracime label nad pole a obal bez vykresleneho ramecku. */
body.type-affiliate #content #affiliateMyAccount #reg-form .form-group:not(.submit-wrapper) {
  display: block;
  position: relative;
  float: none !important;
  clear: both;
  width: 100%;
  max-width: 620px;
  min-width: 0;
  margin: 0 0 18px;
  padding: 0;
  background: transparent;
}
body.type-affiliate #content #affiliateMyAccount #reg-form .form-group:not(.submit-wrapper) > label {
  display: block !important;
  position: static !important;
  inset: auto !important;
  float: none !important;
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  transform: none !important;
  color: #1B312B;
  background: transparent !important;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
  pointer-events: auto;
}
body.type-affiliate #content #affiliateMyAccount #reg-form .form-group:not(.submit-wrapper) > .form-control-wrapper {
  position: relative;
  display: block;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  height: auto !important;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.type-affiliate #content #affiliateMyAccount #reg-form .form-group:not(.submit-wrapper) .form-control {
  box-sizing: border-box;
  display: block;
  position: relative;
  float: none;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  padding: 11px 13px;
  border-radius: var(--prb-ui-radius) !important;
  color: #1B312B;
  font-size: 15px;
  line-height: 1.5;
  transition: border-color .15s ease,box-shadow .15s ease;
}
/* Nezasahovat do nativnich cervenych error stavu a validacnich hlasek. */
body.type-affiliate #content #affiliateMyAccount #reg-form .form-group:not(.submit-wrapper):not(.has-error):not(.error):not(.form-error) .form-control:not(.error):not(.invalid):not(.is-invalid):not(.js-validate-error):not([aria-invalid="true"]) {
  border: 1px solid var(--prb-ui-border) !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.type-affiliate #content #affiliateMyAccount #reg-form .form-group:not(.submit-wrapper):not(.has-error):not(.error):not(.form-error) .form-control:not(.error):not(.invalid):not(.is-invalid):not(.js-validate-error):not([aria-invalid="true"]):focus {
  border-color: var(--prb-ui-border-focus) !important;
  box-shadow: var(--prb-ui-focus-ring) !important;
  outline: none;
}
/* Telefon obsahuje vlastni zivy vyber predvolby +420 a oddelene pole cisla.
   Zadny zasah do Shoptet country selectu ani jeho JS. */
body.type-affiliate #content #affiliateMyAccount #reg-form .phone-form-group .phone-combined-input {
  box-sizing: border-box;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 10px;
  position: relative;
  width: 100% !important;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}
body.type-affiliate #content #affiliateMyAccount #reg-form .phone-form-group .country-flags {
  box-sizing: border-box;
  display: block !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  float: none !important;
  flex: 0 0 110px !important;
  width: 110px !important;
  min-width: 110px;
  max-width: 110px;
  height: 48px;
  margin: 0 !important;
  padding: 0;
  border: 1px solid var(--prb-ui-border);
  border-radius: var(--prb-ui-radius);
  background: #fff;
  z-index: 3;
  cursor: pointer;
}
body.type-affiliate #content #affiliateMyAccount #reg-form .phone-form-group .country-flags:focus-visible {
  outline: 2px solid var(--prb-ui-border-focus);
  outline-offset: 2px;
}
body.type-affiliate #content #affiliateMyAccount #reg-form .phone-form-group .country-flags-inner {
  width: 100%;
  min-width: 0;
  height: 100%;
}
body.type-affiliate #content #affiliateMyAccount #reg-form .phone-form-group .country-flags-inner > .country-flag.selected {
  box-sizing: border-box;
  display: flex !important;
  position: relative !important;
  inset: auto !important;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  height: 100%;
  padding: 0 7px;
  white-space: nowrap;
}
body.type-affiliate #content #affiliateMyAccount #reg-form .phone-form-group .country-flags-inner > .country-flag.selected .shp-flag-name {
  display: none;
}
body.type-affiliate #content #affiliateMyAccount #reg-form .phone-form-group input#phone.form-control {
  box-sizing: border-box;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
  flex: 1 1 0% !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 11px 13px !important;
  height: 48px;
}
/* Zachovani nativni validace, napoved a spravy pole Shoptetem. */
body.type-affiliate #content #affiliateMyAccount #reg-form .form-legend {
  color: #607469;
  font-size: 13px;
}
body.type-affiliate #content #affiliateMyAccount #reg-form .submit-wrapper {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--prb-ui-surface-sage);
}
body.type-affiliate #content #affiliateMyAccount #reg-form .submit-wrapper button[type="submit"] {
  border-radius: var(--prb-ui-radius);
  background: #1B312B;
  border-color: #1B312B;
  color: #fff;
  font-weight: 700;
  padding: 12px 22px;
}
body.type-affiliate #content #affiliateMyAccount #reg-form .submit-wrapper button[type="submit"]:hover,
body.type-affiliate #content #affiliateMyAccount #reg-form .submit-wrapper button[type="submit"]:focus-visible {
  background: #315447;
  border-color: #315447;
  color: #fff;
}
/* Affiliate centrum: sjednocena typografie vsech nativnich zalozek.
   Odstupnovani H1 / H2 / H3 plati jen zde; doplnky a ostatni stranky beze zmen. */
body.type-affiliate #content,
body.type-affiliate #content input,
body.type-affiliate #content textarea,
body.type-affiliate #content select,
body.type-affiliate #content button,
body.customer-page #content,
body.customer-page #content input,
body.customer-page #content textarea,
body.customer-page #content select,
body.customer-page #content button {
  font-family: var(--prb-ui-body-font);
}
/* Same native form rhythm in both account areas, without touching layout. */
body:is(.type-affiliate,.customer-page) #content :is(input.form-control,select.form-control,textarea.form-control) {
  font-size: 15.5px;
  font-weight: var(--prb-ui-copy-weight);
  line-height: 1.5;
}
body:is(.type-affiliate,.customer-page) #content .form-group > label,
body:is(.type-affiliate,.customer-page) #content .smart-label-wrapper > label {
  font-size: 14px;
  font-weight: var(--prb-ui-label-weight);
  line-height: 1.5;
}
body.type-affiliate #content h1 {
  margin: 0 0 22px;
  color: #1B312B;
  font-size: 30px;
  line-height: 1.24;
  letter-spacing: -.018em;
  font-weight: 700;
}
body.type-affiliate #content .tab-content > .tab-pane > h2 {
  margin: 0 0 16px;
  color: #1B312B;
  font-size: 23px;
  line-height: 1.34;
  font-weight: 700;
  letter-spacing: -.012em;
}
/* Odkazy: dost mista pro nazvy kampani, kompaktni kody.
   Puvodni textarea, jeji hodnota, nativni vyber i kopirovani zustavaji. */
body.type-affiliate #content #affiliateLinks table.table {
  table-layout: fixed;
  width: 100%;
}
/* Inline native th width=150px belongs to the first column; use the same
   column geometry and left edge for table headings and corresponding cells. */
body.type-affiliate #content #affiliateLinks table.table > thead > tr > th:first-child,
body.type-affiliate #content #affiliateLinks table.table > tbody > tr > td:first-child {
  width: 27% !important;
  min-width: 0;
  max-width: none;
  text-align: left !important;
  overflow-wrap: anywhere;
  word-break: normal;
}
body.type-affiliate #content #affiliateLinks table.table > thead > tr > th:nth-child(2),
body.type-affiliate #content #affiliateLinks table.table > tbody > tr > td:nth-child(2) {
  width: 73%;
  text-align: left !important;
}
body.type-affiliate #content #affiliateLinks table.table > thead > tr > th {
  padding-left: 14px;
  padding-right: 14px;
}
body.type-affiliate #content #affiliateLinks table.table td:first-child a {
  color: var(--prb-ui-coral);
  font-weight: 600;
  line-height: 1.55;
  text-decoration: none;
  overflow-wrap: break-word;
}
body.type-affiliate #content #affiliateLinks table.table td:first-child a:hover,
body.type-affiliate #content #affiliateLinks table.table td:first-child a:focus-visible {
  color: #1B312B;
  text-decoration: underline;
}
body.type-affiliate #content #affiliateLinks table.table td {
  overflow-wrap: anywhere;
  word-break: normal;
  vertical-align: middle;
}
body.type-affiliate #content #affiliateLinks table.table td.html-code textarea.form-control {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 78px;
  height: 78px;
  padding: 12px 13px;
  border: 1px solid var(--prb-ui-divider);
  border-radius: var(--prb-ui-radius);
  background: #FBFCFB;
  color: #1B312B;
  font: 12.5px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace;
  overflow: auto;
  resize: vertical;
}
body.type-affiliate #content #affiliateLinks table.table td.html-code textarea.form-control:focus {
  outline: none;
  border-color: var(--prb-ui-border-focus);
  box-shadow: var(--prb-ui-focus-ring);
}
@media (min-width: 768px) and (max-width: 991px) {
  body.type-affiliate #content #affiliateLinks table.table > thead > tr > th:first-child,
  body.type-affiliate #content #affiliateLinks table.table > tbody > tr > td:first-child {
    width: 32% !important;
  }
  body.type-affiliate #content #affiliateLinks table.table > thead > tr > th:nth-child(2),
  body.type-affiliate #content #affiliateLinks table.table > tbody > tr > td:nth-child(2) {
    width: 68%;
  }
}
@media (max-width: 767px) {
  body.type-affiliate #content h1 { font-size: 26px; }
  body.type-affiliate #content .tab-content > .tab-pane > h2 { font-size: 21px; }
  body.type-affiliate #content #affiliateLinks table.table > thead > tr > th:first-child,
  body.type-affiliate #content #affiliateLinks table.table > tbody > tr > td:first-child {
    min-width: 0;
    max-width: none;
    width: 38% !important;
    overflow-wrap: anywhere;
  }
  body.type-affiliate #content #affiliateLinks table.table > thead > tr > th:nth-child(2),
  body.type-affiliate #content #affiliateLinks table.table > tbody > tr > td:nth-child(2) {
    width: 62%;
  }
  body.type-affiliate #content #affiliateLinks table.table td.html-code textarea.form-control {
    font-size: 12px;
    padding: 9px 10px;
  }
}
/* Empty affiliate sections should still be legible and quiet. */
body.type-affiliate #content #affiliateOrders > p,
body.type-affiliate #content #affiliateBanners > p {
  color: #52665D;
  line-height: 1.65;
}
@media (max-width: 767px) {
  body.type-affiliate #content #affiliateMyAccount #reg-form > fieldset.box {
    padding: 20px 16px 22px;
  }
  body.type-affiliate #content #affiliateMyAccount #reg-form .form-group {
    max-width: 100%;
  }
}
/* KLIENTSKE CENTRUM | SAGE + WHITE | NAVRHAR
   Replace historical customer CSS in place. Keep native account, orders,
   form, and Ellity behaviour. Same visual language as affiliate centre. */
@media only screen and (min-width: 768px) {
  body.customer-page aside.sidebar[data-testid="sidebarMenu"] {
    margin-top: -20px;
  }
}

/* Leave standard Shoptet forms / CTAs as-is. Only the menu uses neutral logout. */
.customer-page .btn.btn-primary, .customer-page a.btn.btn-primary,
.customer-page .btn.btn-secondary, .customer-page a.btn.btn-secondary {
  background-color: var(--prb-ui-surface-sage);
  border-color: var(--prb-ui-surface-sage);
  color: var(--prb-ui-ink);
  border-radius: var(--prb-ui-radius);
  font-weight: 700;
}
.customer-page .btn.btn-primary:hover, .customer-page a.btn.btn-primary:hover,
.customer-page .btn.btn-secondary:hover, .customer-page a.btn.btn-secondary:hover {
  background-color: var(--prb-ui-ink);
  border-color: var(--prb-ui-ink);
  color: var(--prb-ui-surface-sage) !important;
}

/* Menu card: white surface + subtle 4px sage gradient line, not a colour slab. */
body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box {
  position: relative;
  overflow: hidden;
  background: #fff !important;
  border: 1px solid var(--prb-ui-divider) !important;
  border-radius: var(--prb-ui-radius-panel);
  box-shadow: var(--prb-ui-card-shadow);
  padding: 21px 18px 18px;
}
body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--prb-ui-surface-sage) 0%, var(--prb-ui-surface-sage-light) 58%, var(--prb-ui-surface-soft) 100%);
  pointer-events: none;
}
body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box > ul > li {
  list-style: none;
  padding: 0;
  margin: 0;
}
body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box > ul > li > a:not(.btn) {
  display: block;
  padding: 9px 11px;
  border-radius: var(--prb-ui-radius);
  color: #1B312B;
  font-weight: var(--prb-ui-nav-weight);
  line-height: 1.5;
  overflow-wrap: anywhere;
  text-decoration: none;
}
body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box > ul > li > a:not(.btn) strong {
  color: inherit;
}
body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box > ul > li.active > a:not(.btn) {
  background: #F1F6F3;
  color: #1B312B;
  box-shadow: inset 3px 0 0 var(--prb-ui-border-focus);
  font-weight: 750;
}
body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box > ul > li > a:not(.btn):hover,
body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box > ul > li > a:not(.btn):focus-visible {
  background: #F1F6F3;
  color: #1B312B;
}
body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box > ul > li.logout {
  margin: 4px 0 12px;
  padding: 4px 10px 14px;
  border-bottom: 1px solid var(--prb-ui-surface-sage);
}
body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box > ul > li.logout > .btn {
  display: inline-block;
  margin: 0;
  padding: 8px 13px;
  border: 1px solid var(--prb-ui-border);
  border-radius: var(--prb-ui-radius);
  background: #fff;
  color: #1B312B;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box > ul > li.logout > .btn:hover,
body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box > ul > li.logout > .btn:focus-visible {
  border-color: #1B312B;
  background: #1B312B;
  color: #fff !important;
}

/* Native customer tables: one card-like frame without changing rows or controls.
   Native mobile enrichment and transaction actions are deliberately preserved. */
body.customer-page #content .content-inner table.table:not(.cart-table) {
  border: 1px solid var(--prb-ui-divider);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--prb-ui-table-radius);
  background: var(--prb-ui-surface);
  box-shadow: var(--prb-ui-table-shadow);
}
body.customer-page #content .content-inner :is(.card,.box,.mehub-bonus-profile-container) table.table {
  box-shadow: none;
}

body.customer-page #content .content-inner > table.table-mobile-enriched > thead > tr > th {
  background: var(--prb-ui-surface-soft);
  border-bottom: 1px solid #D7E3DB;
  color: #1B312B;
  font-weight: 700;
}
body.customer-page #content .content-inner > table.table-mobile-enriched > tbody > tr > td {
  border-bottom: 1px solid #E7EDE9;
  background: #fff;
  color: #1B312B;
}
body.customer-page #content .content-inner > table.table-mobile-enriched > tbody > tr:hover > td {
  background: #FAFCFB;
}
@media (min-width: 992px) {
  body.customer-page #content .content-inner > table.table-mobile-enriched > thead > tr > th,
  body.customer-page #content .content-inner > table.table-mobile-enriched > tbody > tr > td {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}

/* Keep the Shoptet/Ellity bonus layout and controls intact. Palette only. */
.customer-page .mehub-bonus-profile-container .btn {
  background-color: var(--prb-ui-surface-soft);
  border-color: var(--prb-ui-border);
  color: #1B312B;
  border-radius: var(--prb-ui-radius);
}
.customer-page .card {
  background-color: #F8FAF9;
  color: #1B312B;
}
.customer-page thead tr {
  background-color: var(--prb-ui-surface-soft);
}
.customer-page .table td, .customer-page .table th, .customer-page .table tr {
  border-color: var(--prb-ui-divider);
}
.customer-page:where(body.ums_a11y_pagination--on) .pagination-wrapper .pagination>* {
  padding: 0;
  text-align: center;
}
@media (max-width: 767px) {
  body.customer-page aside.sidebar[data-testid="sidebarMenu"] .client-center-box {
    padding: 18px 14px 15px;
  }
}

@media only screen and (max-width: 768px) {
  .type-category .products-block {
    gap: 1%;
  }

  .type-category {
    padding-top: 50px;
  }

  .type-category .product {
    padding: 10px !important;
    width: 48% !important;
    margin: 10px;
  }

  .type-detail .breadcrumbs,
  .p-detail-inner-header-mobile {
    padding: 0 20px;
  }

  .type-category .products-block>div:not(:where(.prb-retail-card)) .p .stars-wrapper,
  .products-block>div:not(:where(.prb-retail-card)) .p .availability {
    text-align: left;
  
  background: var(--prb-ui-surface);
}

  .products-block .p>a img {
    display: block;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-height: 180px;
  }
  .products-block > div:not(:where(.prb-retail-card)) .p .p-bottom > div .p-tools {
    padding: 0;
  }
}

@media only screen and (max-width: 480px) {
  .type-category .products-block {
    gap: 0%;
  }

  .type-category .product {
    padding: 20px !important;
    width: 90% !important;
  }
}

@media (min-width: 768px) {
  .products-block:not(.product-slider)>div {
    max-width: calc(50% - 10px);
  }

/* Newsletter email input is now controlled exclusively under #formNewsletterWidget. */
}

@media (min-width: 992px) {
  .products-block {
    gap: 10px;
  }

  .products-block:not(.product-slider)>div {
    max-width: calc(33.333333% - 10px);
  }
}

@media (min-width: 1200px) {
  .products-block {
    gap: 10px;
  }

  .products-block:not(.product-slider)>div {
    max-width: calc(25% - 10px);
  }
}

.products-block>div {
    padding: 30px 35px;
    border-radius: var(--prb-ui-radius);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*detail produktu*/
.p-image-wrapper .price-standard>span
{
	display: none;
}
.price-save
{
    color: white;
}

.mobile .p-thumbnails-wrapper {
        padding-left: 20px !important;
}

.flag.flag-discount:has(.parameter-dependent.empty:not(.no-display)) {
    display: none;
}
.basic-description .nadpis-hodnoceni
{
  margin-top: 50px !important
}
.basic-description .vote-wrap {
  margin-top: 20px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-color: transparent;
  
}

.votes-wrap.admin-response{
  margin-left: 50px;
}

.basic-description .vote-wrap[data-testid="gridRatingReaction"] {
  display: none;
}

.basic-description .votes-wrap.admin-response > .vote-wrap[data-testid="gridRatingReaction"] {
  display: block;
}

/* The root native panels share the branded body font, without changing display. */
body.type-detail .p-detail-tabs-wrapper .tab-content > :is(#description,#ratingTab,#productVideos,#manufacturerDescription,#relatedFiles,#productDiscussion) {
    font-family: var(--prb-ui-body-font, "Plus Jakarta Sans", Arial, sans-serif);
    color: var(--prb-ui-ink);
}
/* Existing product-UI stylesheet owns review behaviour/layout; shared tokens
   own its visual surface. Its old literal outline and hover are retired here. */
html body.type-detail #content #ratingTab {
  --prb-ink: var(--prb-ui-ink);
  --prb-panel: var(--prb-ui-surface-sage);
  --prb-coral: var(--prb-ui-coral);
}
html body.type-detail #content #ratingTab #ratingWrapper {
  border: 1px solid var(--prb-ui-border) !important;
  border-radius: var(--prb-ui-radius-panel) !important;
  box-shadow: none;
}
html body.type-detail #content #ratingTab :is(.rate-form-trigger .btn,#formRating button[type="submit"]) {
  border-radius: var(--prb-ui-radius) !important;
  background-color: var(--prb-ui-ink) !important;
  border-color: var(--prb-ui-ink) !important;
  color: var(--prb-ui-surface) !important;
}
html body.type-detail #content #ratingTab :is(.rate-form-trigger .btn,#formRating button[type="submit"]):is(:hover,:focus-visible):not(:disabled) {
  background-color: var(--prb-ui-action-hover) !important;
  border-color: var(--prb-ui-action-hover) !important;
}
html body.type-detail #content #ratingTab :is(.rate-form-trigger .btn,#formRating button[type="submit"]):active:not(:disabled) {
  background-color: var(--prb-ui-action-pressed) !important;
  border-color: var(--prb-ui-action-pressed) !important;
}
html body.type-detail.prb-v10-pilot #relatedFiles.prb-v10-files > li {
  border: 1px solid var(--prb-ui-border);
  border-radius: var(--prb-ui-radius);
  background-color: var(--prb-ui-surface) !important;
}

/* Native review pane follows the same white + sage surface system.
   Keep Shoptet stars, score inputs, disclosure and validation untouched. */
body.type-detail #ratingTab :is(.rate-wrapper,.votes-wrap > .vote-wrap) {
    background: var(--prb-ui-surface);
    border: 1px solid var(--prb-ui-divider);
    border-radius: var(--prb-ui-radius-panel);
    box-shadow: var(--prb-ui-card-shadow);
    padding: clamp(16px,2vw,24px);
    color: var(--prb-ui-ink);
    font-family: var(--prb-ui-body-font, "Plus Jakarta Sans", Arial, sans-serif);
    font-size: 15.5px;
    line-height: 1.65;
}
body.type-detail #ratingTab .votes-wrap > .vote-wrap + .vote-wrap {
    margin-top: 12px;
}
body.type-detail #ratingTab .vote-form {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--prb-ui-divider);
}
body.type-detail #ratingTab .vote-form :is(input.form-control,textarea.form-control) {
    background: var(--prb-ui-surface);
    border: 1px solid var(--prb-ui-border);
    border-radius: var(--prb-ui-radius);
    font: 400 15.5px/1.5 var(--prb-ui-body-font, "Plus Jakarta Sans", Arial, sans-serif);
}
body.type-detail #ratingTab .vote-form :is(input.form-control,textarea.form-control):focus-visible {
    border-color: var(--prb-ui-border-focus);
    box-shadow: var(--prb-ui-focus-ring);
}
body.type-detail #ratingTab .vote-form .form-group > label {
    font-family: var(--prb-ui-body-font, "Plus Jakarta Sans", Arial, sans-serif);
    font-weight: 600;
    font-size: 14px;
}
body.type-detail #ratingTab .vote-form .btn[data-testid="buttonSendRating"] {
    padding: 13px 20px;
    border-radius: var(--prb-ui-radius);
    border: 1px solid transparent;
}
/* Native videos: original iframes and playback stay unchanged; avoid bleed on mobile. */
body.type-detail #productVideos > h3 {
    font-family: var(--prb-ui-body-font, "Plus Jakarta Sans", Arial, sans-serif);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--prb-ui-ink);
    margin: 20px 0 12px;
}
body.type-detail #productVideos > iframe {
    max-width: 100%;
    border: 0;
    border-radius: var(--prb-ui-radius);
    box-shadow: var(--prb-ui-card-shadow);
}
/* The discussions tab has its own native wrapper and must not become visible
   if hidden by the site's existing settings. Styling only. */
body.type-detail #productDiscussion .discussion-wrapper {
    background: var(--prb-ui-surface);
    border: 1px solid var(--prb-ui-divider);
    border-radius: var(--prb-ui-radius);
    padding: clamp(16px,2vw,24px);
    box-shadow: var(--prb-ui-card-shadow);
    color: var(--prb-ui-ink);
    font-family: var(--prb-ui-body-font, "Plus Jakarta Sans", Arial, sans-serif);
    font-size: 15.5px;
    line-height: 1.65;
}
@media(max-width:767px) {
  body.type-detail #ratingTab :is(.rate-wrapper,.votes-wrap > .vote-wrap),
  body.type-detail #productDiscussion .discussion-wrapper { font-size:14.5px; }
}

/* TABS V DETIALU PRODUKTU BYLY SCHOVÁNY A V JS PŘESUNUTY POD IMAGE
/* Tablet-only rating layout: prevent the score/stars block colliding with
   the review invitation when a Shoptet content column narrows. Desktop and
   <=600px native/mobile layout remain unchanged. */
@media (min-width: 601px) and (max-width: 1199px) {
  html body.type-detail #ratingTab #ratingWrapper {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 18px !important;
  }
  html body.type-detail #ratingTab #ratingWrapper > .rate-wrap {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }
  html body.type-detail #ratingTab #prb-review-invitation {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
  }
  html body.type-detail #ratingTab .rate-form-trigger {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: start !important;
  }
  html body.type-detail #ratingTab #rate-form {
    grid-column: 1 !important;
    grid-row: 4 !important;
  }
}

.p-detail .shp-tabs-wrapper.p-detail-tabs-wrapper .responsive-nav.shp-tabs-row .shp-tabs-holder
{
  display: none;
}
*/

.basic-description #ratingTab.fade
{
  opacity: 1;
  width: inherit;
}

#ratingTab .basic-description .rate-wrapper.unveil-wrapper .rate-wrap
{
  display: flex;
}

.basic-description #ratingTab.fade #rate-form.js-hidden
{
      transform: inherit;
      visibility: visible;
  max-height:  inherit;
    max-width:  inherit;
  position: inherit;
}

.type-detail .product p:not(.p-desc) {
  display: none
}
.shp-accordion[data-testid="tabRating"] {
  display: block !important;
}
.left .p-variants-block {
  display: grid;
}

.type-detail .products-block>div:not(:where(.prb-retail-card)) .p .p-bottom>div .p-tools {
  text-align: center

  background: var(--prb-ui-surface);
}

@media only screen and (max-width: 768px) {
  .products-block .p-bottom>div .p-tools form {
    justify-content: space-around;
  }

  #rate-form {
    max-height: none;
    max-width: none;
    overflow: visible;
    position: inherit;
    transform: scaleY(1) scaleX(1);
    transform-origin: center;
    transition: all .3s ease-out;
    visibility: visible;
  }
}

.type-detail .availability-label {
  display: inline-flex;
  width: fit-content !important;
  font-weight: 700;
}
.type-detail .availability-label span {
  color: inherit;
}

.tooltip.fade {
  opacity: 1;
}
.tooltip-inner {
  background-color: var(--prb-ui-surface-sage);
  border-radius: var(--prb-ui-radius);
  color: var(--prb-ui-ink);
  max-width: 200px;
  padding: 8px;
  text-align: center;
}

.default-variant .availability-label {
  font-weight: 500;
}

#product-detail-form .detail-parameters {
  display: none;
}

.p-data-wrapper .ratings-and-brand .stars a {
  margin-right: 5px
}

.p-data-wrapper .stars {
  width: 140px;
}

.pridavny-panel {
  width: -webkit-fill-available;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-to-cart-block .p-final-price-wrapper {
  width: 100%;
  margin: 10px 0;
}

.type-detail #dkLabFavouriteDiv {
  margin-top: 0px;
  font-size: 14px;
}

.dkLabFavDetailSpan.hasIcon:before {
  margin-right: 10px;
  color: var(--prb-ui-coral);
  font-size: 20px;
  font-weight: 700;
}

.variant-label {
  font-weight: 700;
}

.social-buttons-wrapper {
  font-size: 14px;
}

.link-icon.watchdog:before {
  content: "🐶";
}

.link-icons {
  justify-content: space-between;
  width: -webkit-fill-available;
}

.link-icons .link-icon span {
  text-decoration: none;
  font-weight: 700;
}

.link-icon.watchdog {
  order: 1;
}

.link-icon.chat {
  order: 2;
}

.link-icon.print {
  order: 3;
}

.link-icon.share {
  order: 4;
}

.p-detail-inner-header-mobile .h1 {
  display: flex;
  flex-direction: column;
  font-size: 28px;
  margin-bottom: 10px;
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

.p-detail-inner-header-mobile .product-appendix {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  .pridavny-panel {
    display: block;
  }

  #product-detail-form #dkLabFavouriteDiv {
    margin-bottom: 0;
  }

  #product-detail-form .p-to-cart-block {
    gap: 10px
  }

  .ratings-and-brand {
    margin-bottom: 15px;
  }

  .p-to-cart-block {
    padding: 20px !important;
  }
  .quantity input {
      width: 35px;
  }  
  .p-to-cart-block .add-to-cart {
    margin: 0;
  }
}

#product-detail-form .p-detail .detail-parameters tr:first-child,
#product-detail-form .detail-parameters tr:nth-child(odd),
#product-detail-form .detail-parameters tr:nth-child(even) {
  background-color: transparent
}

.about-author {
  text-align: center;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 800;
}

.type-post .sidebar {
  display: none;
}

.type-post h2 {
    text-align: left !important;
    font-weight: 800;
    font-size: 30px;
    margin-top: 50px;
    line-height: 1.3;
}

.type-post .breadcrumbs,
.type-post h1,
.news-item time,
.news-item-detail time {
  text-align: center;
}

.type-post #content {
  font-size: var(--prb-ui-copy-size);
  line-height: var(--prb-ui-body-leading);
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.type-post .card {
  display: flex;
  align-items: center;
  padding: 40px 40px;
  margin: 32px auto;
  box-shadow: var(--prb-ui-card-shadow);
}

.type-post .card img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  margin-right: 32px;
}

.type-post .card-content h2 {
  margin: 0;
  font-size: 24px;
}

.type-post .status {
  color: #6D6D6D;
  font-size: 15px;
  font-weight: 400;
  margin-left: 20px;
}

.type-post .status::before {
  content: '•';
  color: green;
  margin-right: 5px;
}

.type-post .card-content .description {
  margin: 10px 0;
}

.type-post .contact {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.type-post .contact div {
  margin-right: 20px;
  align-items: center;
}

.type-post .contact .contact-item img {
  margin-right: 12px;
  max-width: 24px;
  max-height: 24px;
}

.type-post .contact .contact-item a {
  font-size: 15px;
  font-weight: 800;
}

.type-post .contact .contact-time {
  margin: 0px !important;
  text-transform: uppercase;
  font-size: 16px;
}

.type-post .social-icons {
  margin-left: auto;
  margin-right: 0 !important;
}

.type-post .social-icons img {
  max-width: 32px;
  max-height: 32px;
  margin-right: 0px;
}

.type-post .social-icons a:first-child img {
  margin-right: 10px;
}

.type-detail .basic-description {
  flex: 1 1 auto;
  width: 100%;
}

.type-detail .basic-description img {
  border-radius: var(--prb-ui-radius);
}


#accordion-content {
    /* V21: restore native accordion inset on mobile/tablet.
       Previous padding:0 !important beat later padding:0 20px. */
    padding: 0 20px !important;
    box-sizing: border-box;
}

#accordion-content .shp-accordion {
    padding-top: 2px;
}
/* Product accordions: consistent 8px card spacing on mobile and tablet.
   Integrates with the native accordion system; desktop remains untouched. */
@media (max-width: 1199px) {
  body.type-detail #accordion-content > .shp-accordion {
    padding-top: 0;
  }
  body.type-detail #accordion-content > .shp-accordion + .shp-accordion {
    margin-top: 8px;
  }
}

/* Shoptet mobile native product accordion: same neutral tabs as desktop. */
#accordion-content .shp-accordion .shp-accordion-link {
    color: var(--prb-ui-ink);
    font: var(--prb-ui-active-weight,600) 16px/1.5 var(--prb-ui-body-font,"Plus Jakarta Sans",Arial,sans-serif);
    position: relative;
    width: 100%;
    background: var(--prb-ui-navigation-surface);
    border: 1px solid var(--prb-ui-divider);
    border-radius: var(--prb-ui-radius);
    padding: 13px 42px 13px 18px;
}
#accordion-content .shp-accordion .shp-accordion-link:is(:hover,:focus-visible) {
    background: var(--prb-ui-surface-sage-light);
    color: var(--prb-ui-ink);
}
#accordion-content .shp-accordion .shp-accordion-link:after {
    content: "\e90e";
    font-size: 18px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--prb-ui-ink);
}
#accordion-content .shp-accordion .shp-accordion-content {
    margin-top: 12px;
    padding: 0 clamp(12px,2vw,20px);
}


/* Unified product anchors; the mobile/tablet rail scrolls rather than wraps. */
body.type-detail .menu-container {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 4px;
  padding: 4px;
  background: var(--prb-ui-ink);
  border-radius: var(--prb-ui-radius-panel);
  margin-bottom: 24px;
  min-width: 0;
}
body.type-detail .menu-container > .menu-item {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}
body.type-detail .menu-container > .menu-item > a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  background: transparent;
  color: var(--prb-ui-surface);
  border-radius: var(--prb-ui-radius);
  font-family: var(--prb-ui-body-font);
  font-size: 15px;
  font-weight: var(--prb-ui-nav-weight);
  line-height: 1.4;
  text-decoration: none;
}

/* One dark rail; the current section stays marked without relying on hover. */
body.type-detail .menu-container .menu-item.active > a {
  box-shadow: inset 0 -2px 0 var(--prb-ui-surface);
  font-weight: var(--prb-ui-active-weight);
}
body.type-detail .menu-container .menu-item > a:is(:hover,:focus-visible) {
  background: var(--prb-ui-action-hover);
  color: var(--prb-ui-surface);
}

body.type-detail .menu-container .menu-item a .arrow {
  flex: 0 0 auto;
  font-weight: 400;
  color: inherit;
}
body.type-detail :is(.menu-container, .sticky-mobile-menu) .arrow img {
  filter: brightness(0) invert(1);
}
/* Width, not the device type, decides when the desktop rail needs scrolling. */
@media (max-width: 1024px) {
  body.type-detail .menu-container {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--prb-ui-border-focus) transparent;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 3px;
  }
  body.type-detail .menu-container > .menu-item {
    flex: 0 0 auto;
    width: auto;
    min-width: 140px;
  }
  body.type-detail .menu-container > .menu-item > a {
    white-space: nowrap;
  }
}

/* === Desktop sticky menu === */
@media (min-width: 769px) {
  .menu-container.sticky {
        position: fixed;
        top: var(--prb-sticky-header-height, 0px);
        left: var(--prb-product-menu-left, 0px);
        right: auto;
        width: var(--prb-product-menu-width, 100%);
        z-index: 1000;
        background: var(--prb-ui-ink);
        box-shadow: rgba(33,35,38,0.1) 0px 4px 10px -5px;
        padding: 4px;
        display: flex;
        gap: 4px;
        max-width: none;
        margin: 0;
  }
  body.type-detail .menu-container.sticky .menu-item a {
    padding: 10px 14px;
  }
}

/* === Mobilní sticky menu === */
@media (max-width: 768px) {
  .sticky-mobile-menu {
    position: fixed;
    top: 80px; /* výška headeru */
    left: 0;
    right: 0;
    background: var(--prb-ui-ink);
    z-index: 1000;
    overflow-x: auto;
    white-space: nowrap;
    display: none;
    padding: 8px 12px;
    border-bottom: 1px solid var(--prb-ui-divider);
    border-top: 1px solid var(--prb-ui-divider);
    box-shadow: var(--prb-ui-header-shadow);
  }

  body.type-detail .sticky-mobile-menu .menu-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 4px;
  }
  body.type-detail .sticky-mobile-menu a {
    box-sizing: border-box;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 44px;
    min-width: 140px;
    padding: 10px 14px;
    background: transparent;
    border-radius: var(--prb-ui-radius);
    white-space: nowrap;
    text-decoration: none;
    color: var(--prb-ui-surface);
    font: var(--prb-ui-nav-weight) 15px/1.4 var(--prb-ui-body-font);
  }
  body.type-detail .sticky-mobile-menu a .arrow {
    color: inherit;
  }
  body.type-detail .sticky-mobile-menu a.active {
    font-weight: var(--prb-ui-active-weight);
    box-shadow: inset 0 -2px 0 var(--prb-ui-surface);
  }
  body.type-detail .sticky-mobile-menu a:is(:hover,:focus-visible) {
    background: var(--prb-ui-action-hover);
    color: var(--prb-ui-surface);
  }
}





body.type-detail :is(.menu-container, .sticky-mobile-menu) a:focus-visible {
  outline: 2px solid var(--prb-ui-surface);
  outline-offset: -2px;
}

/* The alternate native product-UI rail follows the same visual role as
   menu-container. Its own pinning, anchors and scroll behaviour stay external. */
html body.type-detail.prb-v10-pilot .prb-v10-rail {
  background-color: var(--prb-ui-ink);
  color: var(--prb-ui-surface);
  border-color: var(--prb-ui-ink);
  border-radius: var(--prb-ui-radius-panel);
}
html body.type-detail.prb-v10-pilot .prb-v10-rail a {
  color: var(--prb-ui-surface);
  border-radius: var(--prb-ui-radius);
}
html body.type-detail.prb-v10-pilot .prb-v10-rail a:is(:hover,:focus-visible) {
  background-color: var(--prb-ui-action-hover);
  color: var(--prb-ui-surface);
}
html body.type-detail.prb-v10-pilot .prb-v10-rail a[aria-current="location"] {
  border-bottom-color: var(--prb-ui-surface);
}
html body.type-detail.prb-v10-pilot .prb-v10-rail a:focus-visible {
  outline-color: var(--prb-ui-surface);
}

/* Scrollbar styling pro mobile sticky menu */
@media (max-width: 768px) {
    .detail-sticky-anchors::-webkit-scrollbar {
        height: 3px;
    }
    .detail-sticky-anchors::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: var(--prb-ui-radius);
    }
    .detail-sticky-anchors::-webkit-scrollbar-thumb {
        background: var(--prb-ui-border-focus);
        border-radius: var(--prb-ui-radius);
    }
    .detail-sticky-anchors::-webkit-scrollbar-thumb:hover {
        background: var(--prb-ui-ink);
    }
}



.post-author {
  display: flex;
  align-items: center;
  background: white;
  padding: 20px;
  box-shadow: var(--prb-ui-card-shadow);
  margin: 40px 0
}

.post-author .image {
  background: url('your-image-url-here.jpg') no-repeat center center;
  background-size: cover;
  padding: 20px;
}

.post-author .text {
  margin-left: 20px;
  margin-bottom: 0;
}

.post-author .text .row {
  width: 100%;
  display: flex;
  gap: 20px;
}

.post-author .text h3 {
  margin: 10px 10px 10px 0;
  font-size: 24px;
  color: var(--prb-ui-ink);
  font-weight: 800;
}

.post-author .text span {
  display: flex;
  align-items: center;
  margin-left: 10px;
  font-size: 0.9em;
  color: #666;
}

.post-author .text span::before {
  content: '?';
  color: #30881D;
  margin-right: 10px;
  font-size: 20px
}

.post-author .text p {
  margin: 0 0 10px !important;
  font-size: 16px;
}

.post-author .contact-item {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.post-author .contact-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.post-author .contact-info {
  display: flex;
  flex-direction: column;
}

.post-author .contact-detail {
  margin: 0;
  font-size: 0.9em;
  color: var(--prb-ui-ink);
}

.post-author p.contact-detail {
  margin: 0px !important;
}

.post-author .contact-time {
  margin: 0;
  font-size: 14px;
  color: #A5A5A5;
}

.post-author p.contact-time {
  margin: 0 !important;
  margin-bottom: -7px !important;
}

.soc {
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
}

.post-author .soc a {
  margin-left: 10px;
}

/*znaÄŤka*/
.marker-icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  max-width: 550px;
}

.marker-item {
  text-align: center;
  display: grid;
}

.marker-item img {
  width: 50px !important;
  height: 50px;
  margin-right: 10px;
}

.marker-item p {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  align-items: center;
}

.block-two {
  display: flex;
  margin: 30px 0;
}

.block-two h2 {
  font-size: 28px;
}

.block-two ul li {
  line-height: 2;
}

.block-two .item-center {
  margin-top: auto;
  margin-bottom: auto;
}

.gray-bg {
  background-color: #F4F4F4
}

.in-znacka .kategory-banner-container, .in-brand .kategory-banner-container {
  min-height: 360px !important;
  max-width: 1300px !important;
}

.in-znacka .kategory-banner-container h2, .in-brand .kategory-banner-container h2 {
  text-align: end !important;
}

.in-znacka .sidebar, .in-brand .sidebar {
  display: none;
}

.in-znacka #products, .in-brand #products {
  margin-top: 50px
}

.in-znacka .logo img, .in-brand .logo img {
  max-height: 240px;
  width: auto;
}

/* Brand-page H2: global PraveBio typography, centered, sentence case. */
.in-znacka h2, .in-brand h2  {
  font-family: var(--prb-ui-body-font) !important;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
  color: #1B312B;
  text-align: center;
  text-transform: none;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .in-znacka h2, .in-brand h2 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .in-znacka h2, .in-brand h2 {
    font-size: 22px;
  }
}

.in-znacka #content>strong, .in-brand #content>strong {
  display: none;
}

.in-znacka #content .zakladatel, .in-znacka #content .row, .in-brand #content .zakladatel, .in-brand #content .row {
  max-width: 1300px;
  margin: 0 auto 10px;
}

.block-two .col-md-6 {
  display: grid;
  height: auto;
  align-content: center;
}

.block-two .col-md-6 img {
  margin: auto;
}

.in-znacka .breadcrumbs, .in-brand .breadcrumbs {
  text-align: center;
}

.in-znacka .big-pictures h2, .in-brand .big-pictures h2 {
  text-align: center;
  margin-bottom: 50px !important;
}

.in-znacka .products-block, .in-brand .products-block {
  justify-content: center !important;
}

.in-znacka .single-block p, .in-brand .single-block p{
  text-align: center
}

.in-znacka .single-block ul, .in-brand .single-block ul {
  margin-left: 20px
}
.in-znacka .banner-esential-container, .in-brand .banner-esential-container
{
    max-width: 1300px !important;
    min-width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.marks-banner {
  background-color: var(--prb-ui-coral);
  display: flex;
}

.marks-banner h2,
.marks-banner p {
  color: white;
}

.marks-banner .item-center {
  text-align: end;
  margin-top: auto;
  margin-bottom: auto;
}

.marks-banner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://pravebio.cz/user/documents/upload/marks-banner.png') no-repeat center center;
  background-size: cover;
  z-index: 0;
}

.marks-banner {
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 992px) {

  .in-znacka.columns-3 .products-block>div, .in-znacka.columns-4 .products-block>div, .in-brand.columns-3 .products-block>div, .in-brand.columns-4 .products-block>div {
    width: 25% !important;
  
  background: var(--prb-ui-surface);
}
}

@media only screen and (min-width: 1600px) {

  .in-znacka.columns-3 .products-block>div, .in-znacka.columns-4 .products-block>div, .in-brand.columns-3 .products-block>div, .in-brand.columns-4 .products-block>div  {
    width: 16.67% !important;
  
  background: var(--prb-ui-surface);
}
}

@media only screen and (max-width: 480px) {

  .in-znacka.columns-3 .products-block>div, .in-znacka.columns-4 .products-block>div, .in-brand.columns-3 .products-block>div, .in-brand.columns-4 .products-block>div {
    width: 100% !important;
  
  background: var(--prb-ui-surface);
}
}

.in-znacka .products-block, .in-brand .products-block{
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {

  .block-two,
  .four-banner,
  .marks-banner,
  .cilovka .cilovka-icons,
  .liabilities-icons,
  .mark-team-icons {
    display: block !important;
  }

  .block-two .col-md-6 img {
    margin-bottom: 15px;
  }

  .products-block {
    overflow: hidden;
  }

  .in-znacka .block-two .item-center, .in-brand .block-two .item-center  {
    margin-left: 0px;
    padding: 10px !important;
  }

  .perex h2,
  .block-two h2,
  .marks-banner h2 {
    font-size: 24px !important;
    line-height: 1.5;
    text-align: center !important;
  }

  .mark {
    margin-top: 32px;
  }

  .marker-icons {
    flex-wrap: wrap;
  }

  .marker-item {
    flex: 0 0 48% !important;
    text-align: center;
    display: block;
  }

  .marker-item img {
    width: 100%;
    height: 50px;
    max-width: 50px;
  }

  .marks-banner img {
    text-align: center;
  }

  .marks-banner p {
    font-size: 16px;
    text-align: center;
    line-height: 1.5
  }

  .marks-banner a {
    margin: auto;
    display: block;
    width: fit-content !important;
  }

  .marks-banner .item-center {
    min-height: 400px;
  }

  .marks-banner-img img {
    margin-left: 24px;
  }

  .claim {
    margin-top: 32px;
    font-size: 20px;
  }

  .four-banner .col-xs-12,
  .mark-team div {
    text-align: center;
    margin-bottom: 20px;
  }

  .cilovka .cilovka-icons div {
    margin: 1% !important;
    width: 48%;
    float: left;
    min-width: auto !important;
    padding: 10px !important;
    min-height: 115px;
  }

  .cilovka .cilovka-icons div p {
    font-size: 16px !important;
  }

  .mob-reverze .col-md-6:first-child {
    order: 2;
  }
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* Poměr stran 16:9 */
  height: 0;
  overflow: hidden;
  margin: 32px auto 50px;
  max-width: 1260px
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*blog*/
.article-toc {
  background-color: var(--prb-ui-surface-soft);
  padding: 20px 30px;
  color: var(--prb-ui-ink);
  border-radius: var(--prb-ui-radius-panel);
}

.article-toc li {
  margin-left: 20px;
  margin-bottom: 14px;
}

.article-toc li a {
  text-decoration: none;
  font-weight: inherit;
  color: var(--prb-ui-ink);
}

.article-toc li a::after {
  font-family: shoptet;
  content: "\e910" !important;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
  font-size: 0.8em;
}

.article-toc li.h2 {
  font-size: 16px;
  font-weight: 700;
}

.article-toc li.h3 {
  margin-left: 45px;
  font-size: 16px;
  font-weight: 500;
}

.article-toc li::marker {
    color: #c3b68a;
}

.homepage-blog-wrapper {
  margin-top: auto;
  width: 100%;
}

.homepage-blog-wrapper .btn {
  margin-left: auto;
}

.homepage-blog-wrapper a {
  padding: 15px 20px;
}

.homepage-blog-wrapper a:hover {
  color: #30881D;
}

.homepage-blog-wrapper .btn img {
  margin-top: -5px;
  margin-left: 10px;
  transition: transform 0.5s, margin-left 0.5s;
}

.homepage-blog-wrapper .btn:hover img {
  margin-left: 15px;
  transform: translateX(5px);
  transition: transform 0.5s, margin-left 0.5s;
}

#content .container-narrow {
  width: 100%
}

.blog-wrapper .homepage-group-title {
  text-align: start;
  padding: 0;
  max-width: fit-content;
  margin-top: 0px;
}

.blog-posts {
  width: 100%;
  margin-top: 20px;
  padding: 20px !important;
}

.in-blog .sidebar,
.in-blog .subcategories .image {
  display: none;
}

.in-blog #newsWrapper h2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 55px;
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 24px;
}
.in-blog #newsWrapper h2 a {
  color: var(--prb-ui-ink);
}
.in-blog #newsWrapper h2 a:hover {
  color: var(--prb-ui-coral) !important;
}

.in-blog .news-wrapper {
  margin-top: 0;
  margin-bottom: 75px;
  row-gap: 20px;
}

.in-blog .subcategories.with-image li {
    padding: 0;
    margin-top: 12px;
}

.in-blog p strong {
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

.in-blog h1 {
  margin-bottom: 0
}

.in-blog h1,
.in-blog .breadcrumbs {
  text-align: center
}

.in-blog .subcategories {
  justify-content: center;
}

.in-blog .subcategories li {
  width: inherit;
}

@media (min-width: 992px) {
    .news-wrapper .news-item {
        width: calc(30%);
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .news-wrapper .news-item {
        width: calc(50% - 10px);
    }
}

.in-blog .subcategories.with-image li a .text {
    flex-grow: 0;
    max-width: 100%;
    text-overflow: ellipsis;
    margin: 0 5px;
    background-color: #f4f0e4;
    padding: 8px 12px;
    border-radius: var(--prb-ui-radius);
    color: var(--prb-ui-ink);
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: 700;
}
.in-blog .subcategories.with-image li a .text:hover {
    background: var(--prb-ui-coral);
}

.news-item .description {
    line-height: 1.4;
}

.news-wrapper .detail-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.news-wrapper .detail-btn img:first-child {
  margin-right: 8px;
}

.news-wrapper .detail-btn time {
  margin-right: auto;
  margin-top: 10px;
}

.news-wrapper .detail-btn span {
  display: flex;
  align-items: center;
}

.news-wrapper .detail-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  gap: 5PX;
}

.news-wrapper .detail-btn time {
  margin-right: auto;
  margin-top: 10px;
}

.news-wrapper .news-item time {

}


.news-wrapper .content img {
  border-radius: var(--prb-ui-radius);
}

.news-wrapper .detail-btn span {
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.news-wrapper .news-item {
  box-sizing: border-box;
  padding: 10px;
}

.in-blog .news-wrapper .news-item .title {
  font-size: 26px;
  font-weight: 700;
}

.news-wrapper .news-item:nth-child(1) {
    flex: 0 0 58%;
    display: flex;
    padding: 0px 30px;
    flex-direction: row;
    margin: 10px;
    background: var(--prb-ui-surface-soft);
    border-radius: var(--prb-ui-radius);
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.news-wrapper .news-item:nth-child(2),
.news-wrapper .news-item:nth-child(3),
.news-wrapper .news-item:nth-child(4) {
  flex: 0 0 17.6667%;
  /* 100% / 6 */
}

.news-wrapper .news-item:nth-child(n+5) {
  flex: 0 0 17.6667%;
  /* 100% / 6 */
}

.news-wrapper .news-item:nth-child(1) .news-image {
    margin-bottom: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    margin-bottom: 0;
    border-radius: var(--prb-ui-radius);
}

.news-wrapper .news-item .news-image {
    margin-bottom: 20px;
    border-radius: var(--prb-ui-radius);
}

.first-block,
.second-block {
  width: 50%;
}

.second-block {
  padding: 20px;
}

.in-znacka .category-title, .in-brand .category-title  {
  display: none;
}

.mark .logo {
  text-align: center
}

.in-znacka .perex, .in-brand .perex  {
  max-width: 1100px;
  margin: 0 auto 50px;
}

.perex.main.znacka {
  text-align: center;
  font-weight: bold
}

.in-znacka .perex.main h2, .in-brand .perex.main h2 {
  margin-top: 0;
}

.in-znacka .perex h2, .in-brand .perex h2 {
  margin-top: 0;
}

.in-znacka .block-two, .in-brand .block-two {
  max-width: 1300px;
  margin: 0 auto 40px;
}

.in-znacka .block-two.gray-bg .col-md-6, .in-brand .block-two.gray-bg .col-md-6 {
  padding: 0;
}

.in-znacka .block-two .item-center, .in-brand .block-two .item-center {
  margin-left: 40px;
}

.marks-banner {
  padding: 40px 0;
  margin-bottom: 75px;
}

.marks-banner h2 {
  font-size: 42px;
  text-transform: none !important;
  text-align: end;
}

.marks-banner p {
  font-size: 20px;
}

.marks-banner a {
  color: white;
  background-color: #30881D;
  padding: 20px 32px;
  top: 20px;
  position: relative;
  width: 100%;
}

.marks-banner a img {
  margin-left: 20px;
}

.claim {
  font-size: 26px;
  text-align: center;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
}

.four-banner {
  max-width: 1300px;
  margin: 32px auto;
}

.cilovka {
  text-align: center;
  justify-content: center;
  display: grid;
}

.cilovka .cilovka-icons {
  display: flex;
  margin: 32px 0;
  justify-content: center;
}

.cilovka .cilovka-icons div {
  box-shadow: var(--prb-ui-card-shadow);
  padding: 15px 32px;
  margin: 5px;
  min-width: 200px;
  display: grid;
  text-align: center;
  justify-content: center;
}

.cilovka .cilovka-icons img {
  margin: auto
}

.cilovka .cilovka-icons div p {
  margin: 0px !important;
  font-weight: 700;
  font-size: 18px;
  max-width: 165px;
}

.liabilities {
  text-align: center;
  justify-content: center;
  background-color: #FFF3EA;
  padding: 40px 0 60px;
  margin-bottom: 50px;
  margin-top: 40px;
}

.liabilities h2 {
  margin-bottom: 50px;
}

.liabilities-icons {
  display: flex;
  justify-content: center;
}

.liabilities-icons img {
  max-width: 50px;
}

.liabilities-icons div {
  margin: 20px;
  max-width: 200px;
}

.liabilities-icons p {
  font-weight: 700;
  margin-bottom: 0px !important;
  font-size: 18px;
  line-height: 1.5;
}

.liabilities-icons span {
  font-size: 16px;
}



.mark-team {
  justify-content: center;
  display: grid;
}

.mark-team h2 {
  text-align: center;
}

.mark-team-icons {
  display: flex;
}

.mark-team-icons div {
  margin: 5px;
}

.mark-team-icons p {
  font-weight: 700;
  margin-bottom: -10px !important;
  font-size: 22px;
}

.mark-team-icons span {
  font-size: 16px;
}

@media only screen and (max-width: 1600px) {
  .in-blog .detail-btn {
    font-size: 13px
  }
}

@media only screen and (max-width: 1440px) {
  .in-blog .news-wrapper .news-item:not(:first-child) {
    flex: 0 0 25%;
  }

  .in-blog .news-item:nth-child(1) {
    flex: 1 0 48%;
  }

  .in-blog .news-wrapper {
    justify-content: start;
  }

  .features-container {
    gap: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .in-blog .news-item:nth-child(1) {
    flex: 1 0 100%;
  }

  .in-blog .news-wrapper .news-item:not(:first-child) {
    flex: 0 0 33.3%;
  }

  .in-blog .subcategories li a {
    padding: 0;
    height: auto;
  }

  .in-blog .subcategories {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .in-blog .news-wrapper .news-item:not(:first-child) {
    flex: 0 0 50%;
  }

  .homepage-blog-wrapper .inverz-btn {
    display: none;
  }

  .inverz-btn.btn.blog-posts {
    display: block;
  }
}

@media only screen and (max-width: 600px) {
  .in-blog .news-item:nth-child(1) {
    display: grid;
    box-shadow: none;
    padding: 0px;
    margin: 0px;
  }

  .first-block,
  .second-block {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .in-blog .news-wrapper .news-item:not(:first-child) {
    flex: 0 0 100%;
  }

  .in-blog #newsWrapper h2 {
    height: initial;
  }
}

.nova-sekce img,
.nova-sekce {
  margin-bottom: 32px;
  object-fit: contain;
}

.big-pictures .block-two .col-md-6 img {
  width: -webkit-fill-available;
  height: auto;
}

.nova-sekce {
  display: grid;
  margin-top: 65px;
}

.nova-sekce .block-two:first-child h2 {
  margin-top: 0px
}

.nova-sekce h2 {
  margin-bottom: 40px;
}

.in-znacka h3, .in-brand h3, .in-brand h3  {
  margin-bottom: 32px;
}

.block-two h3 {
  font-size: 28px;
}

.block-two-s-nadpisem {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.block-two-s-nadpisem h3 {
  padding: 0;
}

@media (max-width: 767px) {

  .in-znacka .block-two, .in-brand .block-two, .marks-banner {
    max-width: 1300px;
    margin: 0 auto 0px;
  }

  .in-znacka .block-two .item-center, .in-brand .block-two .item-center {
    margin-left: 0;
  }

  .in-znacka .perex, .in-brand .perex {
    margin: 32px auto 50px;
  }
}

/* PRAVEBIO | CUSTOMER LOGIN | SAGE + WHITE V9
   Uprava existujiciho prihlasovaciho popupu na jednom miste v CSS.
   HTML form, Shoptet validation, social providers and AJAX untouched.
   Styles apply only while logged OUT (native #formLoginIncluded exists). */
a.login-btn.google,
a.login-btn.seznam {
  color: black !important;
}

.user-action-in {
  position: relative;
}

/* Misto starych plosnych barev odkazu cilene nativni login.
   Prihlaseny uzivatel v popupu ma jine HTML - bez zasahu. */
#login:has(#formLoginIncluded) > .popup-widget-inner {
  box-sizing: border-box;
  max-width: 100%;
  padding: 24px;
  background: var(--prb-ui-surface);
  color: var(--prb-ui-ink);
  border: 1px solid var(--prb-ui-divider);
  border-top: 4px solid var(--prb-ui-surface-sage);
  border-radius: var(--prb-ui-radius);
  box-shadow: var(--prb-ui-card-shadow);
  font-family: "Plus Jakarta Sans", Arial, sans-serif;
}
#login:has(#formLoginIncluded) #loginHeading {
  display: block;
  margin: 0 0 20px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--prb-ui-divider);
  text-align: left;
  font-size: 23px;
  line-height: 1.3;
  font-weight: 750;
  color: var(--prb-ui-ink);
}
#login:has(#formLoginIncluded) #formLoginIncluded,
#login:has(#formLoginIncluded) #formLoginIncluded .form-group {
  box-sizing: border-box;
  min-width: 0;
}
#login:has(#formLoginIncluded) #formLoginIncluded > .form-group.smart-label-wrapper {
  position: relative;
  margin: 0 0 15px;
}
#login:has(#formLoginIncluded) #formLoginIncluded > .form-group.smart-label-wrapper > label {
  display: block !important;
  position: static !important;
  inset: auto !important;
  width: auto;
  height: auto;
  transform: none !important;
  float: none;
  margin: 0 0 6px;
  padding: 0 !important;
  color: var(--prb-ui-ink) !important;
  background: transparent !important;
  text-align: left;
  pointer-events: auto;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
#login:has(#formLoginIncluded) #formLoginIncluded > .form-group.smart-label-wrapper > .form-control-wrapper {
  display: block;
  position: relative;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
#login:has(#formLoginIncluded) #formLoginIncluded :is(#loginWidgetEmail,#loginWidgetPassword) {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 48px;
  height: auto;
  margin: 0;
  padding: 11px 40px 11px 13px;
  border-radius: var(--prb-ui-radius);
  color: var(--prb-ui-ink);
  background-color: #fff;
  font: inherit;
  font-size: 15px;
  line-height: 1.5;
  transition: border-color .15s ease,box-shadow .15s ease;
}
#login:has(#formLoginIncluded) #formLoginIncluded .form-group:not(.has-error):not(.error):not(.form-error)
  :is(#loginWidgetEmail,#loginWidgetPassword):not(.error):not(.invalid):not(.is-invalid):not(.js-validate-error):not([aria-invalid="true"]) {
  border: 1px solid var(--prb-ui-border) !important;
  box-shadow: none !important;
}
#login:has(#formLoginIncluded) #formLoginIncluded .form-group:not(.has-error):not(.error):not(.form-error)
  :is(#loginWidgetEmail,#loginWidgetPassword):not(.error):not(.invalid):not(.is-invalid):not(.js-validate-error):not([aria-invalid="true"]):focus {
  border-color: var(--prb-ui-border-focus) !important;
  box-shadow: var(--prb-ui-focus-ring) !important;
  outline: none;
}
#login:has(#formLoginIncluded) #formLoginIncluded .submit-wrapper {
  margin: 8px 0 13px;
}
#login:has(#formLoginIncluded) #formLoginIncluded .submit-wrapper > button[type="submit"] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 11px 16px;
  background: var(--prb-ui-ink);
  border: 1px solid var(--prb-ui-ink);
  border-radius: var(--prb-ui-radius);
  color: #fff;
  font-family: inherit;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.5;
  cursor: pointer;
}
#login:has(#formLoginIncluded) #formLoginIncluded .submit-wrapper > button[type="submit"]:hover,
#login:has(#formLoginIncluded) #formLoginIncluded .submit-wrapper > button[type="submit"]:focus-visible {
  background: #2D493E;
  border-color: #2D493E;
  color: #fff;
  box-shadow: var(--prb-ui-focus-ring);
}
#login:has(#formLoginIncluded) #formLoginIncluded .alternative-links {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0 0 18px;
  text-align: left;
}
#login:has(#formLoginIncluded) #formLoginIncluded .alternative-links > a {
  color: var(--prb-ui-ink) !important;
  text-decoration: underline;
  text-decoration-color: var(--prb-ui-border-focus);
  text-underline-offset: 3px;
  font-size: 13px;
  font-weight: 600;
}
#login:has(#formLoginIncluded) #formLoginIncluded .alternative-links > a:hover,
#login:has(#formLoginIncluded) #formLoginIncluded .alternative-links > a:focus-visible {
  color: var(--prb-ui-coral) !important;
}
/* Social-login provider branding remains native: adjust only border radius. */
#login:has(#formLoginIncluded) #formLoginIncluded .social-login-buttons .login-btn {
  border-radius: var(--prb-ui-radius);
}
@media (min-width: 768px) {
  .popup-widget.login-widget {
    bottom: auto;
    left: inherit;
    right: 0%;
    margin-left: -5px;
    max-height: 500px;
    padding-top: 18px;
    position: absolute;
    justify-content: center;
    text-align: center;
    top: 90px !important;
  }
  #login:has(#formLoginIncluded) {
    max-height: min(700px, calc(100dvh - 150px));
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .popup-widget.login-widget:before {
    display: none !important;
  }
  /* Older rule forced all login links white, even over white backgrounds.
     New form anchors are styled individually above. */
}
@media (min-width: 1156px) {
  .popup-widget.login-widget {
    top: 120px !important;
  }
}
@media (max-width: 767px) {
  #login:has(#formLoginIncluded) > .popup-widget-inner {
    padding: 20px 16px;
  }
  #login:has(#formLoginIncluded) #loginHeading {
    font-size: 21px;
  }
}

/*produkt*/
.p-to-cart-block .price-save .parameter-dependent {
  background-color: #30881D;
  color: white;
  padding: 5px;
  border-radius: var(--prb-ui-radius);
  font-weight: 700;
  margin-bottom: 10px;
  display: none;
}

#continue-order-button::after {
  margin-left: 10px;
  font-weight: 900;
}

.parameter-dependent.empty {
  display: none !important;
}

.p-to-cart-block .price-standard>span {
  color: 13322b;
}

.p-to-cart-block .p-final-price-wrapper .price-final-holder {
  /*color: #30881D;*/
  font-weight: 700;
}

blockquote {
  margin: 40px 0;
  padding: 40px 50px;
  background-color: #fbf8ee;
  display: inline-block;
  font-size: 16px;
  border-radius: var(--prb-ui-radius);
  width: 100%;
}

blockquote p {
  margin: 0 !important
}

blockquote img {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  blockquote {
    margin: 40px 0px;
    padding: 30px 20px;
    background-color: #fbf8ee;
    display: inline-block;
    font-size: 16px;
    border-radius: var(--prb-ui-radius);
    width: 100%;
  }
}


@media (min-width: 1200px) {
  .basic-description {
    flex: inherit;
    width: 50%;
  }
}

/* Original image/zoom link spans the gallery; both native flag groups flow
   in the first two rows, so label count/variant changes need no DOM moves. */
.type-detail .p-image-wrapper .p-image {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto minmax(0,1fr);
}
.type-detail .p-image-wrapper .p-image > :is(.p-main-image,.cloud-zoom-wrap,#wrap) {grid-area:1 / 1 / 4 / 2;min-width:0;}
.type-detail .p-image-wrapper .p-image > .flags {
  display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  position:relative;grid-area:1 / 1 / 2 / 2;align-self:start;justify-self:start;
  top:auto;right:auto;bottom:auto;left:auto;z-index:2;
  width:auto;max-width:calc(100% - 24px);margin:12px 12px 0;padding:0;
}
.type-detail .p-image-wrapper .p-image > .flags-extra {grid-row:2;margin-top:3px;}
.type-detail .p-image-wrapper .p-image > .flags:not(:has(> .flag:not(.no-display))) {display:none;}
.type-detail .p-image-wrapper .p-image > .flags-default:not(:has(> .flag:not(.no-display))) + .flags-extra {margin-top:12px;}
.type-detail .p-image-wrapper .flags .flag.flag-freeshipping {font:700 12px/1.25 var(--prb-ui-body-font);padding:3px 6px;}

@media (min-width: 992px) {
  .type-detail .shp-tabs-wrapper .tab-content .tab-pane {
       width: inherit !important;
   }
}
.type-detail .p-data-wrapper {
  position: sticky !important;
  top: 30px;
  /* overflow: auto; */
  height: fit-content;
  scrollbar-width: none;
  /* Pro Firefox */
  -ms-overflow-style: none;
  /* Pro Internet Explorer a Edge */
}

@media (max-width: 768px) {
  .type-detail .p-data-wrapper {
    padding: 0 20px;
  }
}


.type-detail .p-data-wrapper::-webkit-scrollbar {
  display: none;
  /* Pro Chrome, Safari a Opera */
}

#p-detail-tabs .tab-manufacturer-name {
  display: none
}

.p-data-wrapper .product-appendix {
  font-size: 20px;
  text-transform: none;
  display: block;
  margin-top: 10px;
  color: #57726c !important;
}

.type-detail .wide .p-detail-inner {
  align-items: flex-start;
  overflow: unset;
}

.p-short-description,
.social-buttons-wrapper,
#accordion-content {
  padding: 0 20px;
}

.flex .col-md-6 {
  padding: 0
}

blockquote .flex .col-md-6 {
  padding: 0 20px
}

.flex .col-md-6.item-center {
  margin-top: auto;
  margin-bottom: auto;
}

.tab-content ul {
  padding: 0 20px;
}

.suitable-for {
  background: white;
  padding: 20px;
}

.suitable-for h3 {
  font-size: 22px !important;
  font-weight: bold;
  color: var(--prb-ui-ink);
  margin-top: 0;
}

/* Legacy parameter icons: intrinsic grid, shared by all viewport widths. */
.suitable-for > .icons-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 88px), 1fr));
  gap: 8px;
  align-items: stretch;
  grid-auto-rows: 1fr;
  margin-top: 16px;
}
.suitable-for > .icons-container > .icon-item {
  min-width: 0;
  min-height: 0;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;
  padding: 8px 6px;
  text-align: center;
  border: var(--prb-ui-card-outline);
  border-radius: var(--prb-ui-radius);
}
.suitable-for > .icons-container > .icon-item img {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
  margin: 0 auto 6px;
}
#content .suitable-for > .icons-container > .icon-item p {
  font: 500 13px/1.35 var(--prb-ui-body-font);
  color: var(--prb-ui-ink);
  margin: 0;
  min-height: 0;
  overflow-wrap: anywhere;
}

.warning {
  background: var(--prb-ui-warning-surface);
  border: 1px solid var(--prb-ui-warning-border);
  color: var(--prb-ui-text);
  padding: 30px;
  margin-top: 20px;
  border-radius: var(--prb-ui-radius-panel);
}

.warning h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color: var(--prb-ui-ink);
}

.warning p {
  font-size: 0.9em;
  color: #666;
}

.middle-headline {
  text-align: center;
  margin-top: 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.type-detail h2 {
  font-size: 28px;
  padding-top: 15px;
  font-weight: 800;
}

.type-detail h3:not(:where(.faq-item *)) {
  font-size: 22px
}

.middle-headline h2 {
  margin: 22px !important;
}

@media (max-width: 768px) {
    .middle-headline h2 {
      margin: 22px 0 !important;
    }
}

.vycet-vyhod {
  margin-top: 35px !important;
}

.vycet-vyhod li {
  font-size: 15px;
}

.benefits {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  gap: 20px
}

.list-of-benefits {
  display: flex;
  flex-wrap: wrap;
}

.list-of-benefits .benefit-text h3 {
  margin-top: 0
}

.list-of-benefits a {
  margin: 24px auto;
  border: 1px solid var(--prb-ui-coral);
  padding: 8px 15px;
  font-weight: 600;
}

.carousel-container.vyhody {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  margin-top: 32px;
}

.middle-headline p {
  margin-bottom: 0px !important
}

.vyhody .carousel-item {
  flex: 0 0 auto;
  width: 300px;
  scroll-snap-align: center;
  margin-right: 20px;
}

.vyhody .carousel-item img {
  width: 100%;
  height: auto;
}

.vyhody .carousel-item h3 {
  font-size: 1.2em;
  margin: 20px 0 10px;
}

.vyhody .carousel-item p {
  font-size: 0.9em;
  margin-bottom: 0px !important;
}

.carousel-item ul {
  list-style-type: none;
  padding-left: 20px;
}

.carousel-container.vyhody .carousel-item ul {
  list-style-type: disc;
}

.vyhody .carousel-item ul li {
  font-size: 0.9em;
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .list-of-benefits {
    width: calc(50% - 20px);
    display: flex;
    flex-wrap: wrap;
  }

  .type-detail .basic-description {
    padding-right: 0px;
  }



  .benefit-item {
    width: 50%;
    display: flex;
    margin-bottom: 24px
  }
}

@media only screen and (max-width: 768px) {
  .benefit-item {
    display: flex;
    margin-top: 32px;
    max-width: 90%;
  }

  .benefit-icon {
    margin-top: 0px !important;
  }

  .menu-item {
    width: 48%;
  }
}

.benefit-icon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  padding-right: 0;
  margin-top: -2px;
}

.benefit-text {
  display: flex;
  flex-direction: column;
  text-align: start;
}

.benefit-text h4 {
  margin: 0;
  font-size: 1em;
  font-weight: bold;
  color: var(--prb-ui-ink);
}

.benefit-text p {
  margin: 0 !important;
  font-size: 0.9em;
  color: var(--prb-ui-muted);
  text-align: start;
}

.list-of-benefits {
  margin-top: auto;
  margin-bottom: auto;
}

/* Foundation v1.4 component ownership: captured legacy product templates.
   Some CMS descriptions have inline or embedded visual rules. This scoped
   owner unifies those visuals without rewriting text, data, IDs or media.
   !important is limited to properties currently set inline in CMS content. */
html body.type-detail #description :is(.karta,.holiston-card,.pb-use-card,.pb-compare__item,.pb-fact,.cross-sell,.cross-sell-box,.nutri-box,.result-box,.blockquote-card,.panel) {
  box-sizing: border-box;
  border: var(--prb-ui-card-outline) !important;
  border-radius: var(--prb-ui-radius) !important;
  background: var(--prb-ui-surface) !important;
  box-shadow: none !important;
  color: var(--prb-ui-text);
}
html body.type-detail #description :is(.karta,.holiston-card,.pb-compare__item,.pb-fact,.cross-sell,.cross-sell-box,.nutri-box,.result-box,.blockquote-card) :is(p,ul,ol) {
  text-align: left;
}
html body.type-detail #description .pb-use-card { padding: 16px; }
html body.type-detail #description .pb-product-editorial :is(.pb-section--info,.pb-section--guide,.pb-section--highlight) {
  border: 1px solid var(--prb-ui-border);
  border-radius: var(--prb-ui-radius-panel);
  background: var(--prb-ui-surface-sage);
}
html body.type-detail #description .pb-product-editorial .pb-section--warning {
  border: 1px solid var(--prb-ui-warning-border);
  border-radius: var(--prb-ui-radius-panel);
  background: var(--prb-ui-warning-surface);
}
html body.type-detail #description :is(.pb-faq,.basic-description details) {
  border:var(--prb-ui-card-outline);border-radius:var(--prb-ui-radius);background:var(--prb-ui-surface);
}
html body.type-detail #description :is(.pb-faq,.basic-description details):is(:hover,:focus-within,[open]) {border-color:var(--prb-ui-coral);}
html body.type-detail #description :is(.pb-faq,.basic-description details)[open] {background:var(--prb-ui-surface-sage);}
html body.type-detail #description .pb-faq summary::after { color: var(--prb-ui-coral); }
html body.type-detail #description .compare-section {
  border: var(--prb-ui-card-outline);
  border-radius: var(--prb-ui-radius-panel);
  background: var(--prb-ui-surface);
  box-shadow: none;
}
/* Legacy nutrition rows with an unclassified child are not Bootstrap columns.
   Remove only their orphaned negative row gutters, which clipped tablet tables. */
html body.type-detail #description .basic-description .row:has(> div:not([class]) > .nutricni-hodnoty) {
  margin-inline: 0;
}
html body.type-detail #description .highlight-box {
  border: 1px solid var(--prb-ui-border);
  border-left: 3px solid var(--prb-ui-coral);
  border-radius: var(--prb-ui-radius-panel);
  background: var(--prb-ui-surface-sage);
  color: var(--prb-ui-text);
}
@media (max-width: 767px) {
  html body.type-detail #description table[style*="width"]:not(.shipping-options-layout):not([role="presentation"]) {
    table-layout: fixed;
    width: 100% !important;
    max-width: 100%;
  }
  html body.type-detail #description table[style*="width"]:not(.shipping-options-layout):not([role="presentation"]) :is(th,td)[style*="width"] {
    width: auto !important;
  }
}
html body.type-detail #description .basic-description :is(div,section,article,aside,blockquote):not([class])[style*="border:"] {
  border: var(--prb-ui-card-outline) !important;
  border-radius: var(--prb-ui-radius) !important;
  background-color: var(--prb-ui-surface) !important;
  box-shadow: none !important;
}
html body.type-detail #description .basic-description :is(div,section,article,aside,blockquote):not([class])[style*="border-left:"] {
  border: 1px solid var(--prb-ui-border) !important;
  border-left: 3px solid var(--prb-ui-coral) !important;
  border-radius: var(--prb-ui-radius-panel) !important;
  background-color: var(--prb-ui-surface-sage) !important;
  color: var(--prb-ui-text) !important;
  box-shadow: none !important;
}
html body.type-detail #description .basic-description :is(div,section,article,aside,blockquote):not([class])[style*="border-radius"]:not([style*="border:"]):not([style*="border-left:"]) {
  border: 1px solid var(--prb-ui-border) !important;
  border-radius: var(--prb-ui-radius-panel) !important;
  background-color: var(--prb-ui-surface-sage) !important;
  box-shadow: none !important;
}
html body.type-detail #description .basic-description details > summary {
  border: 1px solid var(--prb-ui-border) !important;
  border-radius: var(--prb-ui-radius) !important;
  color: var(--prb-ui-ink);
  font: 600 16px/1.45 var(--prb-ui-body-font);
}
html body.type-detail #description .basic-description details > summary::marker {
  color: var(--prb-ui-coral);
}
/* Named CMS pages keep their layout but share Foundation component tokens. */
html #content :is(#pravebio-klub-cz,.prb-loyalty) {
  --pb-radius: var(--prb-ui-radius-panel);
  --pb-card-radius: var(--prb-ui-radius);
  --pb-button-radius: var(--prb-ui-radius);
  --pb-shadow: none;
  font-size: var(--prb-ui-body-size);
}
html #content .pb-returns {
  --pb-green: var(--prb-ui-ink);
  --pb-green-dark: var(--prb-ui-ink);
  --pb-lime: var(--prb-ui-coral);
  --pb-cream: var(--prb-ui-cream);
  --pb-soft: var(--prb-ui-surface-sage);
  --pb-border: var(--prb-ui-border);
  --pb-text: var(--prb-ui-text);
  --pb-muted: var(--prb-ui-muted);
  font: 400 var(--prb-ui-body-size)/var(--prb-ui-body-leading) var(--prb-ui-body-font);
}
html #content .pb-returns :is(.pb-choice,.pb-summary-card,.pb-step,.pb-address,.pb-button) {
  border: 1px solid var(--prb-ui-border);
  border-radius: var(--prb-ui-radius);
  box-shadow: none;
}
html #content .pb-returns :is(.pb-hero,.pb-section,.pb-toc) {
  border: 1px solid var(--prb-ui-border);
  border-radius: var(--prb-ui-radius-panel);
}
html #content .pb-returns :is(.pb-note,.pb-success) {
  border: 1px solid var(--prb-ui-border);
  border-radius: var(--prb-ui-radius-panel);
  background: var(--prb-ui-surface-sage);
}
html #content .pb-returns .pb-warning {
  border: 1px solid var(--prb-ui-warning-border);
  border-radius: var(--prb-ui-radius-panel);
  background: var(--prb-ui-warning-surface);
}
/* Isolated newer template: aliases consume the same shared design values.
   External RC6/product files remain separate, with no changes to their logic. */
html body.type-detail :is(.prb-2026[data-prb-template-version],.prb-short[data-prb-short-template-version]) {
  --prb-green: var(--prb-ui-ink);
  --prb-coral: var(--prb-ui-coral);
  --prb-line: var(--prb-ui-border);
  --prb-muted: var(--prb-ui-muted);
  --prb-radius-sm: var(--prb-ui-radius);
  --prb-radius: var(--prb-ui-radius-panel);
  --prb-radius-lg: var(--prb-ui-radius-panel);
}

.benefits .text {
  box-shadow: none;
  padding: 30px;
  text-align: start;
  margin-top: auto;
  margin-bottom: auto;
  border: var(--prb-ui-card-outline);
  border-radius: var(--prb-ui-radius-panel);

  background: var(--prb-ui-surface);
}

@media only screen and (max-width: 480px) {
  #cboxLoadedContent .products-additional .product {
    padding: 0px !important;
    width: initial !important;
    margin-bottom: 10px;
  }

  #cboxLoadedContent .products-additional .products-block {
    flex-wrap: nowrap;
  }
}

@media only screen and (max-width: 375px) {
  .p-final-price-wrapper>strong {
    font-size: 22px;
  }
}

.quote {
  margin-top: 50px;
  margin-bottom: 35px;
}

.quote h6 {
  font-weight: 300;
}

.p-short-description {
  margin-top: 24px !important;
  padding: 0;  
  font-size: 18px;
}

.p-data-wrapper table.detail-parameters tbody {
  box-shadow: none !important;

}

table.detail-parameters tbody tr th:after {
  border-top-color: transparent;
}

table.detail-parameters tbody tr th {
  min-width: auto !important;
  padding: 10px !important;
}

/* Product editorial HTML data tables, including custom nutritional comparisons.
   Keep functional cart/shipping tables, layout tables and Shoptet native parameter
   table outside this selector. Existing markup and inline content stay intact. */
body.type-detail #description table:not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"]) {
  width: 100% !important;
  max-width: 100%;
  border: 1px solid var(--prb-ui-table-row-divider);
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: var(--prb-ui-table-radius);
  overflow: hidden;
  outline: 0;
  background: var(--prb-ui-surface);
  box-shadow: var(--prb-ui-table-shadow);
}
body.type-detail #description :is(.card,.box) table:not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"]) {
  box-shadow: none;
}
body.type-detail #description table:not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"]) > :is(thead,tbody,tfoot) > tr > :is(th,td) {
  border: 0 !important;
  border-bottom: 1px solid var(--prb-ui-table-row-divider) !important;
  background-color: transparent;
  font-family: var(--prb-ui-body-font);
  font-weight: var(--prb-ui-copy-weight);
  line-height: 1.55;
  padding: 12px 16px;
  color: var(--prb-ui-ink);
  text-align: left;
  vertical-align: top;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: manual;
}
body.type-detail #description table:not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"]) > :is(thead,tbody,tfoot) > tr > th {
  font-weight: var(--prb-ui-label-weight);
}
body.type-detail #description table:not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"]) > :is(tbody,tfoot) > tr:last-child > :is(th,td) {
  border-bottom: 0 !important;
}

/* Only a genuine thead becomes the dark-green header; never recolour a data row.
   Stripes and subtle horizontal separators are cell-based for reliable Shoptet rendering. */
body.type-detail #description table:not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"]) > thead > tr > :is(th,td),
body.type-detail #description table:not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"]) > tbody > tr:first-child:not(:has(> td)) > th {
  background-color: var(--prb-ui-table-header) !important;
  color: #FFFFFF !important;
  font-weight: 600;
  border-bottom-color: var(--prb-ui-table-header) !important;
  vertical-align: middle;
}
body.type-detail #description table:not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"]) > thead > tr > :is(th,td) :is(a,strong,b,span),
body.type-detail #description table:not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"]) > tbody > tr:first-child:not(:has(> td)) > th :is(h1,h2,h3,h4,h5,h6,a,strong,b,span) {
  color: inherit !important;
}
body.type-detail #description table:not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"]) > tbody > tr:nth-child(odd) > :is(th,td) {
  background-color: var(--prb-ui-surface) !important;
}
body.type-detail #description table:not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"]) > tbody > tr:nth-child(even) > :is(th,td) {
  background-color: var(--prb-ui-table-zebra) !important;
}
@media(max-width:767px) {
  body.type-detail #description table:not(.detail-parameters):not(.shipping-options-layout):not([role="presentation"]) > :is(thead,tbody,tfoot) > tr > :is(th,td) {
    padding: 11px 10px;
    overflow-wrap: anywhere;
  }
}

/* A few legacy headers contain heading/span styles from the CMS editor.
   The header owner also owns those text colours, including nested emphasis. */
html body.type-detail #content #description .basic-description table > thead > tr > :is(th,td) *,
html body.type-detail #content #description .basic-description table > tbody > tr:first-child:not(:has(> td)) > th * {
  color: var(--prb-ui-surface) !important;
}

/* Product native "Parametry" table: restrained white + sage, no old cream stripes.
   This is inside the DESCRIPTION panel only, so shipping/availability remains native. */
body.type-detail #description table.detail-parameters:not(.shipping-options-layout) {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--prb-ui-table-row-divider);
  border-radius: var(--prb-ui-table-radius);
  overflow: hidden;
  background: var(--prb-ui-surface);
  box-shadow: var(--prb-ui-table-shadow);
  font-family: var(--prb-ui-body-font, "Plus Jakarta Sans", Arial, sans-serif);
  font-size: var(--prb-ui-body-size);
  line-height: 1.55;
  color: var(--prb-ui-ink);
}
body.type-detail #description :is(.card,.box) table.detail-parameters:not(.shipping-options-layout) {
  box-shadow: none;
}
body.type-detail #description table.detail-parameters:not(.shipping-options-layout) tbody {
  box-shadow: none;
  padding: 0;
}
body.type-detail #description table.detail-parameters:not(.shipping-options-layout) tbody > tr:nth-child(odd) {
  background-color: var(--prb-ui-surface);
}
body.type-detail #description table.detail-parameters:not(.shipping-options-layout) tbody > tr:nth-child(even) {
  background-color: var(--prb-ui-table-zebra);
}
body.type-detail #description table.detail-parameters:not(.shipping-options-layout) tr > :is(th,td) {
  box-sizing: border-box;
  padding: 15px 20px !important;
  background: transparent !important;
  border: 0;
  border-bottom: 1px solid var(--prb-ui-table-row-divider);
  text-align: left;
  vertical-align: top;
  color: var(--prb-ui-ink);
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  overflow-wrap: anywhere;
}
/* A native parameter table may have no thead; never paint its first data row dark. */
body.type-detail #description table.detail-parameters:not(.shipping-options-layout) > thead > tr > :is(th,td) {
  background: var(--prb-ui-table-header) !important;
  color: #FFFFFF !important;
  font-weight: 600;
  border-bottom-color: var(--prb-ui-table-header);
  vertical-align: middle;
}
body.type-detail #description table.detail-parameters:not(.shipping-options-layout) > thead > tr > :is(th,td) :is(a,strong,b,span) {
  color: inherit !important;
}
body.type-detail #description table.detail-parameters:not(.shipping-options-layout) tr:last-child > :is(th,td) {
  border-bottom: 0;
}
body.type-detail #description table.detail-parameters:not(.shipping-options-layout) th {
  width: 34%;
  font-weight: var(--prb-ui-label-weight, 600);
}
body.type-detail #description table.detail-parameters:not(.shipping-options-layout) td {
  width: 66%;
  font-weight: var(--prb-ui-copy-weight, 400);
}
body.type-detail #description table.detail-parameters:not(.shipping-options-layout) th .row-header-label {
  background: transparent;
  color: inherit;
  font: inherit;
}
body.type-detail #description table.detail-parameters:not(.shipping-options-layout) td a {
  color: var(--prb-ui-ink);
  text-decoration: underline;
  text-decoration-color: var(--prb-ui-border);
  text-underline-offset: 3px;
}
body.type-detail #description table.detail-parameters:not(.shipping-options-layout) td a:is(:hover,:focus-visible) {
  color: var(--prb-ui-coral-text);
  text-decoration-color: var(--prb-ui-border-focus);
}
@media(max-width:767px) {
  body.type-detail #description table.detail-parameters:not(.shipping-options-layout) {
    font-size: var(--prb-ui-body-size);
    line-height: 1.55;
  }
  body.type-detail #description table.detail-parameters:not(.shipping-options-layout) tr > :is(th,td) {
    padding: 12px 11px !important;
  }
  body.type-detail #description table.detail-parameters:not(.shipping-options-layout) th { width: 41%; }
  body.type-detail #description table.detail-parameters:not(.shipping-options-layout) td { width: 59%; }
}

.type-detail .p-code {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  /* Ensure it's above other elements */
  background-color: white;
  /* Optional: To make sure the text is readable */
  padding: 5px;
  /* Optional: Add some padding for better appearance */
}

.type-detail #content h1 {
  margin-bottom: 20px;
  text-transform: none;
  margin-top: 5px;
  margin-top: 10px;
  font-size: 32px;
  letter-spacing: -0.5px;
}

.type-detail .brand-wrapper,
.type-detail .stars-label {
  font-weight: bold;
}

.type-detail .stars-label {
  text-decoration: underline;
}

.type-detail .stars a:before {
  font-size: 20px;
}

#product-detail-form .p-data-wrapper table.detail-parameters tbody tr td {
  padding-left: 0px !important;
}

.type-detail .parameter-dependent.default-variant,
.type-detail .parameter-dependent:first-child {
  width: 100%;
}

.p-to-cart-block {
    padding: 30px;
    background-color: #fff;
    border-radius: var(--prb-ui-radius-panel);
    border: var(--prb-ui-card-outline);
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  #product-detail-form .p-to-cart-block {
    margin-left: 5px;
    margin-right: 5px;
  }
}

.type-detail #content-wrapper {
  width: calc(100% - 2 * var(--prb-shell-gutter));
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
}

.type-detail .add-to-cart-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--prb-ui-radius);
  padding: 14px 16px;
  color: var(--prb-ui-ink) !important;
  font-size: 19px;
}

.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {
  background-color: var(--prb-ui-action-primary);
  border-color: var(--prb-ui-action-primary);
  color: var(--prb-ui-ink) !important;
  border-radius: var(--prb-ui-radius);
}

.type-detail .p-to-cart-block .quantity {
  min-height: 50px;
  font-weight: 700;
}

.quantity:hover {
  box-shadow: none;
}

.type-detail .p-to-cart-block .add-to-cart .quantity {
  margin-right: 0;
  align-items: center;
  position: relative;
  display: flex;
  border-radius: var(--prb-ui-radius);
}

.type-detail .p-to-cart-block .add-to-cart .quantity .amount {
  font-size: 17px;
}

.type-detail .p-to-cart-block .quantity .decrease:before,
.type-detail .p-to-cart-block .quantity .increase:before {
  line-height: 40px;
  background-color: var(--prb-ui-surface-soft);
  border-radius: var(--prb-ui-radius);
}

.type-detail .p-to-cart-block .quantity .decrease,
.type-detail .p-to-cart-block .quantity .increase {
  background-color: inherit;
  border-color: var(--prb-ui-divider);
  color: inherit;
  height: 40px;
  border-radius: var(--prb-ui-radius);
  width: 35px;
  margin: 5px;
}

.type-detail .p-data-wrapper .add-to-cart-button::after {
  content: url('https://pravebio.cz/user/documents/upload/frame-kosik.svg');
  margin-left: 10px;
  margin-top: 15px;
  transform: scale(0.7);
  display: block;
}

.order-button-suffix {
    margin-top: 0px;
    color: #fff;
    font-weight: 700;
}




.product-slider-holder .products-block>div:not(:where(.prb-retail-card)) .p .p-bottom.no-buttons>div .p-tools {
  display: block;

  background: var(--prb-ui-surface);
}

.products-related-header {
  font-size: 28px;
  text-transform: inherit;
  font-weight: 800;
  margin-bottom: 0;
  text-align: center !important;
}

/* Related cards use native stars; the obsolete hide rule was removed. */

.products-related .add-to-cart-button {
  padding: 10px;
  min-width: initial !important;
}

.products-related .p-tools {
  text-align: center;
}

.p-detail .extended-description {
  margin-top: 32px;
  width: 100% !important;
  margin-bottom: 50px;
}

.p-detail .extended-description p strong {
  font-size: 28px;
  font-weight: 800;
}

@media only screen and (max-width: 480px) {
  .products-block:not(.product-slider)>div {
    margin-left: 30px;
    margin-right: 30px;
    padding: 20px !important;
  }
  .products-block:not(.product-slider) {
    flex-wrap: nowrap;
  }
}

.type-post article header {
  display: grid;
}

.type-post #content h1 {
  order: 2;
  font-weight: 800;
  font-size: 40px;
}

@media (max-width: 768px) {
.type-post #content h1 {
  font-size: 34px;
  }
}

.news-item-detail time {
  color: #8C8C8C;
  font-size: 16px;
  font-weight: 400;
}

@media only screen and (max-width: 768px) {

  .type-detail h2,
  .p-detail .extended-description p strong {
    font-size: 25px;
  }

  .products-related-wrapper .products-block>div:not(:where(.prb-retail-card)) .p .p-in,
  .products-alternative-wrapper .products-block>div:not(:where(.prb-retail-card)) .p .p-in {
    text-align: center;
  
  background: var(--prb-ui-surface);
}

  .flex {
    display: block;
  }

  .list-of-benefits {
    margin-bottom: 50px;
  }

  /* Product parameter tables keep their native table display at all widths.
     The old display:block shrank <tbody> independently of the outer border.
     The #description table styles above already handle width, wrapping and borders. */
}


.type-detail .p-gift-name .product-appendix {
  font-size: 15px;
  margin-top: 3px;
  margin-bottom: 5px;
}

.type-detail .p-gifts-wrapper {
    background: var(--prb-ui-surface-soft);
    padding: 0 20px 20px;
    border-radius: var(--prb-ui-radius);
    margin-bottom: 10px;
}

.type-detail .p-gifts-wrapper img {
    border-radius: var(--prb-ui-radius);
}


/*košík*/

ol.cart-header {
  line-height: 1.3;
}

.cart-inner {
    font-family: "Plus Jakarta Sans", sans-serif;
}
.in-kosik .show-related {
  background-color: var(--prb-ui-surface-soft);
  color: var(--prb-ui-ink)  !important;
  font-size: 16px;
  border-radius: var(--prb-ui-radius);
  padding: 5px 15px !important;
  border: 1px solid transparent;
  width: fit-content;
  line-height: 1.5;
  margin-top: 10px;
  font-weight: 600;
  text-transform: lowercase;
  opacity: 0.8;
}

.cart-table td.p-availability strong {
    font-weight: 700;
}

.cart-table .p-total .price-final {
    font-weight: 700;
}

.cart-table .p-name .cart-xyDiscount__banner {
    padding-top: 12px;
    border-radius: var(--prb-ui-radius);
}

.quantity input {
    font-family: inherit;
}

.cart-table .inline.delete-cart-item .remove-item:before {
    font-size: 16px;
}

.in-kosik .show-related:after,
.in-kosik .related-visible .show-related:after {
  content: "";
  padding-left: 0ex;
}

.in-kosik .show-related:before {
  content: "Zobrazit ";
}

.ordering-process .promo-bar {
  display: none;
}

.ordering-process .btn.btn-conversion {
  color: white;
}

@media (max-width: 480px) {
.ordering-process .quantity {
    scale: 0.8;
  }
}

.ordering-process .add-to-cart-button, .ordering-process .cart-related-button .btn.btn-sm, .ordering-process .surcharge-list select, .ordering-process .variant-list select {
    height: 46px;
    line-height: 45px;
    border-radius: var(--prb-ui-radius);
    font-size: 16px;
}

ol.cart-header li.active strong:before,
.order-button-text,
.id--9 .next-step-forward:after,
.id--16 .next-step-forward:after,
.id--9 .next-step-forward:after {
  color: white;
}

.ordering-process .quantity {
min-height: 50px;
    display: inline-flex;
    position: relative;
    align-items: center;
    border-radius: var(--prb-ui-radius);
    font-weight: 700;
}

.ordering-process .quantity .decrease:before,
.ordering-process .quantity .increase:before {
  line-height: 40px;
  background-color: #F5F5F5;
  border-radius: var(--prb-ui-radius);
}

.ordering-process .quantity .decrease,
.ordering-process .quantity .increase {
  background-color: inherit;
  border-color: #cfcfcf;
  color: inherit;
  height: 40px;
  border-radius: var(--prb-ui-radius);
  width: 35px;
  margin: 5px;
}

.cart-table tr td.p-name .main-link,
.free-gift-name,
.free-gift-trigger {
  font-weight: 800;
  line-height: 1.4;
}

.free-gift-name .product-appendix {
    color: #1B312B !important;
}

.colorbox-html-content .free-gift-label span {
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.colorbox-html-content .free-gift-label p {
  font-weight: 700;
}

.ordering-process #cboxLoadedContent .csrf-enabled {
  padding: 24px 10px;
}

.co-box .radio-wrapper input[type=radio]:checked+label::before {
  content: none !important;
}

@media (max-width: 768px) {
  .ordering-process .cart-inner {
    padding: 0;
  }

  .ordering-process #content-wrapper {
    margin-top: 30px;
  }

  .ordering-process .cart-table tr td.p-name .main-link,
  .free-gift-name {
    font-size: 13px !important;
    line-height: 1.4 !important;
    display: block;
  }

  .ordering-process .cart-table tr>td:nth-child(odd).p-price {
    display: none;
  }
}

.toggle-coupon-input .toggle-coupon-input-button {
    cursor: pointer;
    text-decoration: underline;
    background: var(--prb-ui-surface-sage);
    max-width: 200px;
    text-align: center;
    padding: 6px 10px;
    border-radius: var(--prb-ui-radius);
}
.discount-coupon .btn {
    background-color: var(--prb-ui-action-primary);
    border-color: var(--prb-ui-action-primary);
    color: white;
    border-radius: var(--prb-ui-radius);
    margin-left: 5px;
}
.discount-coupon .btn:hover {
    background-color: var(--prb-ui-coral);
    border-color: var(--prb-ui-coral);
    color: #1B312B;
    border-radius: var(--prb-ui-radius);
    margin-left: 5px;
}
.discount-coupon .applied-coupon {
    color: #35872e;
}

@media (max-width: 1600px) and (min-width: 992px) {
  #header .header-top-wrapper>div:nth-child(2) {
    flex: 0 1 20%;
    padding: 0px;
  }
}

@media (max-width: 1600px) {
  .heureka-top {
    margin-right: 10px;
  }

  .rating-stars-top img {
    max-width: 95px;
  }

  .rating-score-top {
    font-size: 20px;
  }

  .rating-top-title {
    font-size: 11px;
  }
}

.in-index .products-block {
  flex-wrap: nowrap;
  gap: 10px;
}

@media (max-width: 1440px) {
  .type-category .subcategories .col-xs-6.col-sm-6.col-lg-3.col-xl-3 {
    flex: 0 0 calc(20% - 10px);
  }

  .benefitBanner__title {
    font-size: 16px;
    line-height: 1.1;
    margin-top: 10px;
    display: block;
  }

  .position--benefitHomepage .benefitBanner__picture img {
    max-height: 40px;
  }

  .feature-box {
    flex: 1 1 calc(50% - 20px);
  }

  .reviews-stars img {
    max-width: 125px;
  }

  .heureka-logo {
    max-height: 225px;
  }

  .heureka-rating p {
    font-size: 24px;
  }

  /*.position--benefitHomepage .benefitBanner__item {
    padding: 12px;
  }*/
}

@media (max-width: 1140px) and (min-width: 992px) {
  .contact-container {
    display: grid;
    gap: 8px
  }
}

@media (max-width: 992px) {
  .contact-container {
    display: none;
  }

  .o-nas {
    display: grid;
  }

  .type-category .subcategories .col-xs-6.col-sm-6.col-lg-3.col-xl-3 {
    flex: 0 0 calc(50% - 10px);
  }
}

@media (min-width: 768px) and (max-width: 992px) {

  #header .header-top-wrapper .site-name {
    flex: 1 1 38%;
  }
  #header .header-top-wrapper .search {
    flex: 1 1 38%;
  }  
  #header .header-top-wrapper .navigation-buttons {
    flex: 1 1 15%;
  }   
  .heureka-top {
    scale: 0.8;
  }
  .site-name > a > img {
    width: 180px;
    max-height: 70px !important;
    margin-left: -10px;
  }
  #header .navigation-buttons a[data-target=login] {
    display: block;
  }
}

@media (min-width: 767px) and (max-width: 800px) {
  .site-name {
    max-width: 230px;
  }

  #header .search-input {
    font-size: 13px;
  }

  #header .search {
    margin-right: -10px;
    margin-left: 10px;
  }

  #header .site-name a img {
    max-height: 65px;
    padding-bottom: 15px;
    margin-left: 12px;
  }
}

@media (max-width: 767px) {
  #header .site-name {
    padding-left: 10px;
  }

  .contact-container-mob {
    margin: 15px 20px;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 15px;
  }

  #header .site-name a img {
    max-height: 65px;
    margin-left: 12px;
  }

  .homepage-group-title {
    font-size: 24px;
    margin-top: 35px;
    margin-bottom: 10px;
  }

  .products-block>div:not(:where(.prb-retail-card)) .p .p-bottom>div .prices .price-final {
    margin-right: 5px
  
  background: var(--prb-ui-surface);
}

  .products-block>div:not(:where(.prb-retail-card)) .p .p-bottom {
    padding: 20px 0px 0;
  }

.p-detail-inner .p-image {
    margin: 30px 20px 0;
}

  .welcome-wrapper {
    margin-top: 0;
  }

  .o-nas .col-md-6.text {
    padding: inherit;
  }

  .feature-box {
    text-align: center;
  }

  #carousel {
    margin-top: 80px;
  }

  .carousel-inner>.item>a>img,
  .carousel-inner>.item>img,
  .img-responsive {
    width: -webkit-fill-available;
  }

  /*.position--benefitHomepage .benefitBanner__item:last-child {
    display: none;
  }*/

  .position--benefitHomepage .benefitBanner__item {
    width: 50%;
    display: grid;
    min-height: 125px;
  }

  .validator-msg-holder {
    display: grid;
  }

  .o-nas:before {
    opacity: 0.07;
  }

  .contact-container-mob a {
    margin-right: 10px;
  }

  .login-mob img {
    max-height: 20px;
  }

 /*
  .navigation-buttons a[data-target=search]:before {
    font-size: 26px !important;
    margin-top: -3px;
    margin-right: 10px;
  }

  .navigation-buttons a[data-target=cart]:before {
  content: '';
  display: inline-block;
  background-image: url('https://pravebio.cz/user/documents/upload/kosik-image.png');
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  }
*/

  .navigation-buttons a[data-target=navigation] {
      margin-right: 10px;
  }
  .navigation-buttons a[data-target=navigation]:before {
      color: #e6572e;
      font-weight: 800;
      margin-right: 0;
  }

  .promo-section.mob {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px 50px 12px 16px;
    background-color: var(--prb-ui-surface-soft);
    border-radius: var(--prb-ui-radius);
    overflow: hidden;
    margin: 30px 20px -10px;
  }

   .type-category .promo-section.mob  {
    margin: 0 20px 0;
  }

  .promo-section.mob h3,
  .promo-section.mob p {
    margin: 0;
    line-height: 1.3;
    pointer-events: none;
    z-index: 1;
  }

  .promo-section.mob h3 {
    font-size: 15px;
    font-weight: 700;
  }

  .promo-section.mob p {
    font-size: 0.85em;
    opacity: 0.9;
  }

  .promo-section.mob .promo-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    text-decoration: none;
    font-size: 0; 
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 32px;
    z-index: 2;
  }

  .promo-section.mob .promo-button img {
    display: none;
  }

  .promo-section.mob .promo-button::after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background-color: var(--prb-ui-surface-sage);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    transition: transform 0.2s ease;
  }

  .promo-section.mob:hover .promo-button::after {
    transform: translateX(3px);
  }

  #header {
    box-shadow: var(--prb-ui-header-shadow);
  }

  .content-wrapper.container {
    padding-left: 0;
    padding-right: 0;
  }


  .products-wrapper {
    overflow: visible !important;
  }

  .mobile .product-slider-holder .product-slider-navigation,
  .product-slider-holder:hover .product-slider-navigation {
    opacity: 1 !important;
  }

  .product-slider-holder.has-navigation .product-slider-navigation.navigation-prev {
        left: 0px;
    }

  .product-slider-holder.has-navigation .product-slider-navigation.navigation-next {
        right: 0px;
    }

  .product-slider-holder .product-slider-navigation.navigation-prev:before {
    color: #e0e9b9;
  }
  .product-slider-holder .product-slider-navigation.navigation-next:before {
    color: #e0e9b9;
  }

  .banner {
    min-height: inherit;
    margin-bottom: 0;
  }



  #formNewsletterWidget fieldset {
    display: flex;
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
  }

  #formNewsletterWidget {
    display: grid;
  }




  #formNewsletterWidget fieldset:last-child div {
    order: 3;
  }

  .compact-form .btn {
    position: relative;
    order: 2;
  }

  .validator-msg-holder {
    order: 1;
  }

/* Newsletter email input is now controlled exclusively under #formNewsletterWidget. */

  .container-customer-reviews,
  .welcome-wrapper {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .feature-box {
    padding: 5px;
  }

  .type-product .products-header {
    text-align: center !important;
  }
}


/*hp-blog*/
.hp-blogs {
  display: inline-block;
  margin-bottom: 50px
}

.hp-blogs .main {
  width: 45%;
  float: left;
}

.news-item .image {
  margin-right: 20px;
}

.hp-blogs .main .news-item .image {
  width: 50%;
}

.hp-blogs .lesser .news-item .image {
  width: 40%;
}

.hp-blogs .main .news-item .text {
  padding: 32px 0;
}

.hp-blogs .lesser .news-item .text .description {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 85px;
  overflow: hidden;
}

.hp-blogs .news-item .text,
.hp-blogs .news-item .image {
  margin-top: auto;
  margin-bottom: auto;
}

.hp-blogs .main .news-item .text .title {
  font-size: 26px;
  color: var(--prb-ui-ink);
  font-weight: 800;
}

.hp-blogs .main .news-item .text .description {
  font-size: 16px;
  color: var(--prb-ui-ink);
  font-weight: 400;
  margin-bottom: 20px;
}

.hp-blogs .read-article {
  display: none;
}

.hp-blogs .main .news-item>a {
  display: flex;
  box-shadow: var(--prb-ui-card-shadow);
  padding: 20px;
  flex-direction: row;
  margin: 0 10px;
}

.hp-blogs .lesser .news-item>a {
  display: flex;
  padding: 0 20px;
  flex-direction: row;
}

.hp-blogs .lesser {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  width: 55%;
}

.hp-blogs .lesser .news-item .text .title {
  font-size: 16px;
  color: 13322b;
  font-weight: 800;
}

.hp-blogs .lesser .news-item .text .description {
  font-size: 15px;
  color: 13322b;
  font-weight: 400;
  margin-bottom: 20px;
}

.hp-blogs .lesser .news-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  margin-bottom: 10px !important
}

@media only screen and (max-width: 1200px) {
  .hp-blogs {
    display: grid;
  }

  .hp-blogs .main,
  .hp-blogs .lesser {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .hp-blogs .main .news-item>a {
    display: grid;
  }

  .hp-blogs .lesser {
    grid-template-columns: inherit;
  }

  .hp-blogs .main .news-item .text {
    padding: 0;
  }

  .hp-blogs .text {
    margin-top: 10px !important;
  }

  .hp-blogs .main .news-item .text .title {
    font-size: 16px;
  }

  .hp-blogs .lesser .news-item .text .description {
    height: inherit
  }

  .hp-blogs .main .news-item .image {
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {

.hp-blogs .main .news-item>a,
  .hp-blogs .lesser .news-item>a {
    display: grid;
    box-shadow: none;
  }

  .hp-blogs .news-item {
    margin-bottom: 0 !important;
  }

  .lesser .news-item {
    display: none !important;
  }

  .lesser .news-item:first-child {
    display: flex !important;
  }

  .hp-blogs .lesser .news-item .image {
    width: 100%;
  }
}

/* ============== CAROUSEL HOMEPAGE JS DIV ============== */
.carousel-caption span {
  display: block;
  margin-top: 24px;
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .carousel-wrapper .carousel-caption {
    position: absolute;
    top: 15%;
    right: 55%;
    left: auto;
    transform: translateY(-0%);
    width: auto;
    height: auto;
    text-align: right;
    padding: 0px;
    box-sizing: border-box;
    text-shadow: none !important;
  }

  .carousel-wrapper .carousel-caption h2 {
    margin: 4% 0%;
    font-weight: 700;
    font-size: 2vw;
    color: white;
    text-align: right;
    text-transform: uppercase;
  }

  .carousel-wrapper .carousel-caption p {
    font-weight: 400;
    font-size: 1.05vw;
    text-align: right;
    letter-spacing: 0px;
    line-height: 1.2;
    color: 13322b;
    color: white;
    margin-bottom: 10% !important;
    max-width: 600px;
    margin-left: auto !important;

  }

  .btn-carousel {
    margin-top: 0px;
  }

  .carousel-wrapper .btn-carousel a {
    padding: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: white;

  }
}

@media (min-width: 767px) and (max-width: 992px) {
    .benefitBanner {
      display: flex;
      align-items: flex-start;
    }
    .position--benefitHomepage .benefitBanner__item {
      margin-top: 0px !important;
      padding: 10px;
    }
    .carousel-wrapper .carousel-caption p {
      font-size: 18px !important;
      margin-bottom: 10px !important;
    }
    .carousel-wrapper .btn-carousel a {
      padding: 10px !important;
      font-size: 12px !important;
      margin-top: 10px !important;
    }
    .benefitBanner__data {
    font-size: 14px;
    }
}

.carousel-wrapper .btn-carousel a {
  background: #b78a51;
  border-radius: var(--prb-ui-radius);
  text-transform: uppercase;
}

@media only screen and (min-width: 1600px) {
  .carousel-wrapper .carousel-caption h2 {
    font-size: 40px;
  }
}

.btn-carousel>a {
  display: none;
}

.btn-carousel .carousel-button {
  display: inline;
  text-transform: uppercase;
}

.carousel-wrapper .btn-carousel a:hover {
  background: #79D046;
}

.carousel-wrapper .btn-carousel a::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-bottom: 2px;
  background: url(https://pravebio.cz/user/documents/upload/arrow-right-icon-white.png) no-repeat center center;
  background-size: contain;
  margin-left: 10px;
  vertical-align: middle;
}

/* MEDIA DO MAX 1100 CAROUSEL */
@media (max-width: 1100px) {
  .carousel-wrapper .carousel-caption p {
    margin-bottom: 6% !important;
  }

  .carousel-wrapper .btn-carousel a::after {
    width: 10px;
    height: 10px;
  }
}

/* MEDIA DO MAX 992 CAROUSEL */
@media (max-width: 992px) {
  .btn-carousel a::after {
    width: 9px;
    height: 9px;
  }

}

/* MEDIA DO MAX  7689 CAROUSEL */
@media (max-width: 768px) {
  .carousel-caption {
    position: absolute;
    bottom: 24px;
    right: 0;
    left: auto;
    transform: translateY(-0%);
    width: auto;
    height: auto;
    text-align: right;
    padding: 0px;
    box-sizing: border-box;
    text-shadow: none !important;
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .carousel-caption h2 {
    margin: 4% 0%;
    font-weight: 700;
    font-size: 5.7vw;
    color: white;
    text-align: right;
    text-transform: uppercase;
    text-align: center;
  }

  .carousel-caption p {
    font-size: 3.5vw;
    text-align: right;
    letter-spacing: 0px;
    text-align: center;
    line-height: 4.5vw;
    color: white;
  }

  #carousel .languagesMenu {
    display: none;
  }
  .btn-carousel a {
    padding: 5% 10%;
    background: #b78a51;
    font-size: 2.8vw;
    color: white
  }

  .btn-carousel a:hover {
    background: #79D046;
  }
}
@media (max-width: 767px) {
.btn-carousel {
  margin-top: 2%;
  text-align: center;
}
}
#slozky {
  margin-top: 50px;
}

.slozky_wrap {
  display: grid;
}

.slozky_top {
  display: flex;
  gap: 10px;
  margin-bottom: -2px;
  padding: 0;
  z-index: 1;
}

#slozky .item span::before {
  content: "";
  display: block;
  width: 40px;
  /* Nastav požadovanou šířku */
  height: 40px;
  /* Nastav požadovanou výšku */
  background-image: url('https://cdn.myshoptet.com/usr/www.pravebio.cz/user/documents/upload/zavazky.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}

#slozky .item {
  padding: 15px;
  box-shadow: none;
  display: flex;
  cursor: pointer;
  width: 25%;
  transition: transform .2s;
  text-align: center;
  justify-content: center;
  border: 2px solid var(--prb-ui-divider);
  border-radius: var(--prb-ui-radius) var(--prb-ui-radius) 0 0;
}

#slozky .item:has(a.sactive) {
  border-bottom: 2px solid #fbf8f2;
  background: #fbf8f2;
}

#slozky .item:hover {
  transition: transform .2s;
  background: #fbf8f2;
}

.item img {
  max-width: 100%;
  height: auto;
}

#slozky .item span {
  margin: 5px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: underline !important;
  font-size: 14px;
}

.slozky_choser {
  display: grid;
  margin: auto;
  justify-content: center;
}

.slozky_choser {
  display: none;
}

.slozky_right span {
  font-size: 14px;
  font-weight: 600 !important;
}

.slozky_data {
  padding: 20px;
  position: relative;
}

.slozky_bottom {
  margin-bottom: 24px;
  border: 2px solid var(--prb-ui-divider);
  border-radius: 0 0 var(--prb-ui-radius) var(--prb-ui-radius);
  background: #fbf8f2;
}

.warning li p {
  margin: auto !important
}

#popis {
  margin-bottom: 32px;
  gap: 60px;
}

#popis h2 {
  margin-top: 20px;
}

#slozeni {
  margin-top: 50px;
}

.video-item h3 {
  display: none
}

.video-item {
  margin-bottom: 20px
}

#video {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}

#video .video-item {
  width: 100%;
}

#video .video-item h3 {
  display: none;
}

#video .video-item iframe {
  width: 100% !important;
  height: 281px;
  border: 0;
}

@media only screen and (max-width: 768px) {
  .video-item {
    margin-bottom: 20px;
    display: grid;
    margin: 20px;
  }

  .video-item iframe {
    height: auto;
  }
}

blockquote img {
  margin-bottom: 20px;
}

.slozky_info {
  margin-bottom: 40px;
}

.menu-container .menu-item {
  cursor: pointer;
}

.nutricni-hodnoty {
  margin: 26px 0;
}

.p-to-cart-block .availability-label {
  width: 100%;
}

.nutricni-hodnoty table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: 1px solid var(--prb-ui-table-row-divider);
  border-radius: var(--prb-ui-table-radius);
  overflow: hidden;
  background: var(--prb-ui-surface);
  box-shadow: var(--prb-ui-table-shadow);
  font-family: var(--prb-ui-body-font, "Plus Jakarta Sans", Arial, sans-serif);
  font-size: var(--prb-ui-body-size);
  line-height: 1.55;
}
:is(.card,.box) .nutricni-hodnoty table,
.nutricni-hodnoty:is(.card,.box) table {
  box-shadow: none;
}
.nutricni-hodnoty th,
.nutricni-hodnoty td {
  padding: 12px 16px;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid var(--prb-ui-table-row-divider);
  text-align: left;
  vertical-align: top;
}
.nutricni-hodnoty tr:last-child > :is(th,td) { border-bottom: 0; }
.nutricni-hodnoty th { font-weight: 600; }
/* Both nutrition and parameters start with a white data row, then sage.
   Keep numbers easy to scan, without forcing breakage in multi-column data. */
.nutricni-hodnoty tbody > tr:nth-child(odd) > :is(th,td) { background-color: var(--prb-ui-surface); }
.nutricni-hodnoty tbody > tr:nth-child(even) > :is(th,td) { background-color: var(--prb-ui-table-zebra); }
.nutricni-hodnoty thead > tr > :is(th,td) {
  background-color: var(--prb-ui-table-header);
  color: #FFFFFF;
  font-weight: 600;
  vertical-align: middle;
  border-bottom-color: var(--prb-ui-table-header);
}
.nutricni-hodnoty thead > tr > :is(th,td) :is(a,strong,b,span) { color: inherit !important; }
/* When nutrition is within product description, override stronger editorial rules. */
body.type-detail #description .nutricni-hodnoty table > thead > tr > :is(th,td) {
  background: var(--prb-ui-table-header) !important;
  color: #FFFFFF !important;
}
body.type-detail #description .nutricni-hodnoty table > tbody > tr:nth-child(odd) > :is(th,td) {
  background: var(--prb-ui-surface) !important;
}
body.type-detail #description .nutricni-hodnoty table > tbody > tr:nth-child(even) > :is(th,td) {
  background: var(--prb-ui-table-zebra) !important;
}
/* Prose tables align left. Only explicitly marked numeric cells align right. */
body.type-detail #description .nutricni-hodnoty table > :is(thead,tbody,tfoot) > tr > :is(th,td) {
  padding:12px 16px;text-align:left !important;word-break:normal;overflow-wrap:break-word;
}
body.type-detail #description .nutricni-hodnoty table > :is(thead,tbody,tfoot) > tr > :is(th,td):is(.numeric,.number,[data-type="number"]) {
  text-align:right !important;font-variant-numeric:tabular-nums;
}
@media(max-width:767px) {
  .nutricni-hodnoty table {font-size:var(--prb-ui-body-size);}
  body.type-detail #description .nutricni-hodnoty table > :is(thead,tbody,tfoot) > tr > :is(th,td) {padding:11px 10px;}
}

.nutricni-hodnoty h2 {
  text-align: center;
}

.davkovani p {
  font-weight: 400;
}

.davkovani-container {
  gap: 20px
}

.davkovani {
  margin: 22px 0;
}

.davkovani ul,
.davkovani p {
  text-align: start
}

@media (max-width: 768px) {
  .slozky_top {
    display: block;
  }

  #slozky .item {
    width: calc(100% /2 - 10px);
    float: left;
    margin-right: 10px;
    margin-bottom: -1px;
    min-height: 130px
  }
}

@media (max-width: 576px) {
  #slozky .item {
    justify-content: center;
    align-items: center;
  }

  .slozky_choser {
    margin: 5px 10px;
  }
}

/*faq*/
.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.faq-bg {
  padding-bottom: 50px;
  margin-top: 50px;
  display: flow-root;
}

.in-faq .faq-bg {
  padding-top: 25px;
  margin-top: 0px;
}

.faq-bg h2 {
  text-align: center;
  font-size: 40px;
}

.faq-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 12px;
  max-width: 1200px;
  margin: 24px auto;
}

.faq-item {
  min-width: 0;
  padding: 14px 48px 14px 16px;
  box-sizing: border-box;
  position: relative;
  color: var(--prb-ui-ink);
  border-radius: var(--prb-ui-radius);
  margin: 0;
  cursor: pointer;
  border: var(--prb-ui-card-outline);
  transition:border-color 160ms ease,background-color 160ms ease;

  background: var(--prb-ui-surface);
}

.faq-item :is(h3,h4) {
  font: 600 16px/1.45 var(--prb-ui-body-font);
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--prb-ui-ink);
}
.faq-item p {
  max-width: none;
}
/* The existing heading remains a heading; its native button owns keyboard interaction. */
.faq-item .prb-faq-question {
  appearance:none;display:flex;align-items:center;box-sizing:border-box;width:100%;
  min-height:var(--prb-faq-question-min,0px);height:auto;padding:0;margin:0;
  border:0;border-radius:0;background:transparent;box-shadow:none;
  color:inherit;font:inherit;line-height:inherit;text-align:left;white-space:normal;cursor:pointer;
}
.faq-item .prb-faq-question:focus-visible {outline:2px solid var(--prb-ui-coral-text);outline-offset:4px;}
.faq-item:is(:hover,:focus-within,.prb-faq-open) {border-color:var(--prb-ui-coral);}
.faq-item.prb-faq-open {background:var(--prb-ui-surface-sage);}
.faq-item .faq-answer {cursor:auto;}
@media(prefers-reduced-motion:reduce){.faq-item,.faq-toggle{transition:none;}}

.faq-answer {
  display: none;
  overflow: hidden;
}
.faq-toggle {
  position: absolute;
  top: calc(14px + var(--prb-faq-question-min, 24px) / 2);
  transform:translateY(-50%);
  pointer-events:none;
  right: 14px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}
.faq-toggle.open {
  transform: translateY(-50%) rotate(180deg);
}
.faq-toggle img {
  display: block;
  width: 22px;
  height: 22px;
  filter: none;
}

.faq-item .faq-answer span::before {
  content: '•';
  position: absolute;
  left: 0;
  color: 13322b;
}

.faq-item .faq-answer span {
  display: block;
  position: relative;
  padding-left: 1.5em;
}

@media (max-width: 768px) {
  .faq-container {
    grid-template-columns: minmax(0, 1fr);
  }
  .faq-item :is(h3,h4) {
    font-size: 15.5px;
  }

  .faq-item p {
    margin: 7px;
    font-size: 14px;
  }

  .type-detail h2,
  .p-detail .extended-description p strong {
    font-size: 25px;
    padding: 0;
    text-align: left !important;
  }

  .type-detail h3:not(:where(.faq-item *)) {
    font-size: 20px;
  }

}

/*prodejna*/
.container-prodejna {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 0;
}

.container-prodejna .text-section {
  flex: 1;
  padding: 20px;
}

.container-prodejna .image-section {
  flex: 1;
  padding: 20px 0;
}

.container-prodejna .info-block p {
  margin-bottom: 0px !important
}

.container-prodejna .info-block h3 {
  margin-bottom: 10px !important
}

.container-prodejna .text-section .info-block h3 {
  margin-top: 10px;
}
.advanced-order .product:not(:where(.prb-retail-card)) .p-in-in
{
        justify-content: center;
}
.advanced-order .products>div {
  padding-bottom: 0;
  flex-wrap: nowrap;
}
@media only screen and (min-width: 768px) {
 
  .container-prodejna .image-section img {
    max-width: 575px;
  }

  .container-prodejna .aside-indented .breadcrumbs,
  .container-prodejna .aside-indented .category-top {
    max-width: 100%;
  }

  .in-prodejna-otrokovice #content h1 {
    margin-bottom: 0;
  }
}

.container-prodejna .image-section img {
  height: auto;
  border-radius: var(--prb-ui-radius);
}

.container-prodejna .info-block {
  margin-bottom: 20px;
  padding-top: 20px;
}

.container-prodejna h2 {
  font-size: 3.5rem;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--prb-ui-border);
  margin-bottom: 0;
  margin-top: 0;
}

.container-prodejna h3 {
  margin-bottom: 32px;
}

.container-prodejna p {
  margin: 5px 0;
}

.container-prodejna a {
  color: var(--prb-ui-ink);
  text-decoration: none;
}

/*
.cart-widget-products-inner {
  margin-top: 100px;
}
*/
.cart-widget-button a {
  color: white !important;
}

.container-prodejna a:hover {
  text-decoration: underline;
}

.flaticon-right-chevron:before,
.advanced-order .extras-wrap .extra.step a.btn::after,
#continue-order-button::after,
#orderFormButton::after,
#submit-order::after {
  font-family: shoptet;
  content: "\e910" !important;
}

@media (max-width: 768px) {
  .in-znacka .content-wrapper.container, .in-brand .content-wrapper.container {
    margin-top: 0;
  }

  .container-prodejna {
    flex-direction: column;
    padding: 0px;
    margin-bottom: 50px;
  }

  .container-prodejna .text-section {
    order: 2;
    padding: 0px;
  }

  .container-prodejna .image-section {
    order: 1;
    padding: 0px;
  }
}

/* RC3 contact: valid two-column presentation after scoped structural normalization.
   Other shop pages continue to use their existing .container-prodejna rules. */
body.type-page:is(.id-3332,.id-3335) .container-prodejna[data-prb-contact-layout="rc3"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  padding: 20px 0;
  margin-bottom: 32px;
}
body.type-page:is(.id-3332,.id-3335) .container-prodejna[data-prb-contact-layout="rc3"] > :is(.image-section,.text-section) {
  width: 100%; min-width: 0; padding: 0; margin: 0;
}
body.type-page:is(.id-3332,.id-3335) .container-prodejna[data-prb-contact-layout="rc3"] > .image-section > img {
  display: block; width: 100%; max-width: 100%; height: auto;
}
body.type-page:is(.id-3332,.id-3335) .container-prodejna[data-prb-contact-layout="rc3"] > .text-section > iframe {
  display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 6 / 5.5;
}
@media (min-width: 992px) {
  body.type-page:is(.id-3332,.id-3335) .container-prodejna[data-prb-contact-layout="rc3"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 32px;
  }
}


@media only screen and (max-width: 768px) {
  /* Brand H2 sizes are controlled by the 26/24/22 rules above. */
  .in-znacka h3, .in-brand h3 {
    font-size: 20px !important;
  }

  .liabilities-icons {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px;
  }

  .liabilities-icons div {
    width: calc(50% - 10px);
    box-sizing: border-box;
    margin-bottom: 20px;
    text-align: center;
    margin: 10px auto;
  }

  .liabilities-icons div:nth-child(odd):last-child {
    width: 100%;
    justify-content: center;
  }

  .liabilities-icons p {
    font-size: 16px;
  }

}


.mehub-bonus-product-detail-container {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mehub-bonus-product-detail-container a {
  color: 13322b;
  text-decoration: underline;
}

.mehub-bonus-product-detail-container .card {
  box-shadow: var(--prb-ui-card-shadow);
  background-color: transparent;
  width: -webkit-fill-available;
}

.mehub-bonus-product-detail-container .card-text {
  padding: 20px;
  background-color: var(--prb-ui-surface-sage);
  display: flex;
  border-radius: var(--prb-ui-radius);
}

.mehub-bonus-checkout-container h4 {
  color: var(--prb-ui-coral) !important;
}

.mehub-bonus-product-detail-container .card-text img {
  max-height: 50px;
  margin-right: 20px
}

.mehub-bonus-product-detail-container .card-text span {

}

.mehub-bonus-product-detail-container .card-text p {
  margin-bottom: 0px !important;
  font-weight: 700
}

.mehub-bonus-checkout-container .credit-value {
  color: var(--prb-ui-coral);
}

.mehub-bonus-checkout-container .bonus-mehub-65057 .card.blue {
  color: var(--prb-ui-ink);
}

.mehub-bonus-checkout-container .card.blue {
  background-color: var(--prb-ui-surface-soft);
  color: var(--prb-ui-ink) !important;
}

@media only screen and (max-width: 768px) {
  .mehub-bonus-product-detail-container {
    margin-left: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .p-variants-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.tooltip-darek {
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 10px;
  border-radius: var(--prb-ui-radius);
  max-width: 300px;
  z-index: 9999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  opacity: 1;
  margin-left: -300px
}

.tooltip-content.en {
  font-size: 15px;
  line-height: 1.5
}

@media only screen and (max-width: 768px) {
  .tooltip-darek {
    margin-left: -200px
  }
}

img.tooltip-image {
  cursor: help;
  margin-left: 5px;
  vertical-align: middle;
}

.delivery-time .default-variant {
  display: none
}

.delivery-icon-wrapper {
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  line-height: 1.1;
  padding: 10px;
}

.delivery-icon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.delivery-text {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 700;
}

.tooltip-content {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 120%;
  /* Zmeneno pro zobrazenĂ­ nad ikonou */
  background-color: #fff;
  color: #333;
  transform: translateX(-75%);
  padding: 10px;
  border-radius: var(--prb-ui-radius);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 100;
  width: 200px;
}

.tooltip-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.tooltip-content ul li {
  padding: 5px 0;
  font-size: 12px;
  color: #555;
  justify-content: space-between;
  display: flex;
}

.tooltip-content ul li span {
  font-weight: 600;
  min-width: 44px;
}

.tooltip-content .zdarma {
  color: #30881D;
}

.tooltip-content ul li:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.p-to-cart-block .price-measure .parameter-dependent {
  font-size: 12px;
}

.p-to-cart-block .delivery-time-label {
  margin-right: 5px;
}

/* Zobrazí tooltip pri najetí myší na wrapper */
.delivery-icon-wrapper:hover .tooltip-content {
  display: block;
}

@media only screen and (max-width: 768px) {
  .social-buttons-wrapper {
    display: flow;
    padding: 0 5px;
  }

  .delivery-icon-wrapper {
    padding: 10px 0px;
  }

  .buttons-wrapper.social-buttons-wrapper .link-icons {
    max-width: 350px;
  }

  .buttons-wrapper.social-buttons-wrapper .link-icons {
    gap: 10px;
  }

  .tooltip-content {
    left: 100% !important;
  }
}

/*bonus program*/
.bonus-text ol {
  padding-left: 20px
}

.bonus-text ol li {
  margin-bottom: 20px
}

body:not(.ordering-process):not(.type-cart):not(.in-kosik) .bonus-text table {
  margin-bottom: 32px;
  width: 100%;
  border: 1px solid var(--prb-ui-divider);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--prb-ui-table-radius);
  background: var(--prb-ui-surface);
  box-shadow: var(--prb-ui-table-shadow);
}
body:not(.ordering-process):not(.type-cart):not(.in-kosik) :is(.card,.box,.mehub-bonus-profile-container) .bonus-text table {
  box-shadow: none;
}
body:not(.ordering-process):not(.type-cart):not(.in-kosik) .bonus-text table > :is(thead,tbody,tfoot) > tr > :is(th,td) {
  padding: 12px 16px;
  border-bottom: 1px solid var(--prb-ui-divider);
  text-align: left;
  vertical-align: middle;
  line-height: 1.55;
}
body:not(.ordering-process):not(.type-cart):not(.in-kosik) .bonus-text table > tbody > tr:last-child > :is(th,td) {
  border-bottom: 0;
}

.bonus-text table.detail-parameters tbody tr td,
.bonus-text table.detail-parameters th {
  padding: 10px !important;
}

.bonus-text table.detail-parameters th {
  background-color: white;
  border-bottom: 1px solid var(--prb-ui-divider);
}

.nemuzes-nakoupit {
  display: flex;
  margin: 20px auto;
  color: red;
  font-size: 17px;
  font-weight: 600;
  justify-content: end;
}

@media only screen and (max-width: 768px) {
  .nemuzes-nakoupit {
    justify-content: center;
  }
}

.banner-esential-container {
  background: url("https://pravebio.cz/user/documents/upload/BANNERY A OBRÁZKY PRO BLOG/Organic Essence - pc.jpg") no-repeat center center;
  background-size: cover;
  height: 450px;
  display: block;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: -webkit-fill-available;
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100% !important;
  max-width: 100% !important;
  color: #3d6735 !important;
  border: 0 !important;
}
.banner-esential-container h2, .banner-esential-container p
{
  color: #3d6735 !important;
}
.banner-esential-button {
  position: relative;
  background-color: #3d6735;
  color: #fff;
  padding: 15px 30px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  width: fit-content;
  margin-left: auto;
  margin-top: 32px;
  border-radius: var(--prb-ui-radius);
}

/* Mobilní verze banneru pro obrazovky do 768px */


@media only screen and (max-width: 768px) {
  .banner-esential-container {
    background: url("https://pravebio.cz/user/documents/upload/BANNERY A OBRÁZKY PRO BLOG/Organic Essence - mob.jpg") no-repeat center center;
    background-size: cover;
    height: 450px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    min-width: -webkit-fill-available;
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .kategory-esential-text {
      left: inherit;
      top: inherit;
      bottom: 32px;
      transform: inherit;
      font-size: 20px;
      font-weight: 700;
      display: grid;
      text-align: center;
      line-height: 1.2;
      position: relative;
      color: #3d6735 !important;
  }
  .kategory-esential-text h2{
      color: #3d6735 !important;
  }
  .kategory-esential-text a
  {
      
  position: relative;
  background-color: #3d6735;
  color: #fefcfe;
  padding: 15px 30px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  width: fit-content;
  border-radius: var(--prb-ui-radius);
  margin: auto;
  }
}
.kategory-mobile-banner-container {
  position: relative;
  width: auto;
  max-width: max-content;
  margin: 20px auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px !important;
  overflow: hidden;
  max-height: 450px;
}

.kategory-mobile-banner-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: block;
  text-decoration: none;
}

.kategory-mobile-banner-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  color: white;
  text-align: center;
  max-width: 100%;
  z-index: 2;
  position: absolute;
  top: 50%;
}

.kategory-mobile-banner-text h2 {
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 15px;
  text-align: center;
  color: white;
}

.kategory-mobile-banner-text p {
  max-width: 100%;
  text-align: center;
  margin-bottom: 10px !important;
}

.kategory-mobile-banner-image {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}

.kategory-mobile-banner-image img {
  width: 100%;
  object-fit: contain;
  display: block;
}

.kategory-mobile-button {
  display: flex;
  background-color: #30881D;
  color: white;
  padding: 10px 20px;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: var(--prb-ui-radius);
  margin-top: 20px;
  margin: 0 auto;
  max-width: fit-content;
}

.kategory-mobile-button:hover {
  background-color: #265c13;
}

/* Skrytí mobilního banneru na desktopu */
@media (min-width: 769px) {
  .kategory-mobile-banner-container {
    display: none;
    /* Skryj mobilní banner na desktopu */
  }
}

@media only screen and (max-width: 425px) {
  .kategory-mobile-banner-text p {
    display: none;
  }
}

@media only screen and (max-width: 375px) {
  .kategory-mobile-banner-text {
    top: 45%;
  }
}

.april-essence h2, .april-essence p, .april-essence .carousel-button
{
    color: #3d6735 !important;
}

.april-essence .carousel-button
{
    background-color: #3d6735 !important;
    color: white !important;
}

.april-biooptimizer h2, .april-biooptimizer p, .april-biooptimizer .carousel-button
{
    color: #f6f8df !important;
}

.april-biooptimizer .carousel-button
{
    background-color: #d35f2e !important;
    color: white !important;
}
/*nyní je to biooptimizer*/
.banner-detox-container {
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: -webkit-fill-available;
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100% !important;
  max-width: 100% !important;
  background: url("https://pravebio.cz/user/documents/upload/BANNERY A OBRÁZKY PRO BLOG/Desktop_BIOptimizers.jpg") center center / cover no-repeat;
  color: #d35f2e;
}
.banner-detox-text {
  position: absolute;
  left: 30%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #d35f2e;
  font-size: 40px;
  font-weight: 700;
  display: grid;
  text-align: end;
  line-height: 1.2;
  max-width: 500px;
}

.banner-detox-button {
  position: relative;
  background-color: #d35f2e !important;
  color: #fefcfe !important;
  padding: 15px 30px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  width: fit-content;
  margin-left: auto;
  margin-top: 32px;
  border-radius: var(--prb-ui-radius);
}

.in-znacka .banner-detox-container,.in-brand .in-znacka .banner-detox-container
{
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-width: inherit;
}

@media only screen and (max-width: 992px) {
.banner-detox-text {
  font-size: 28px;
}
}
@media only screen and (max-width: 768px) {
  .banner-detox-container {
      display: grid;
  align-items: end;
  background: url("https://pravebio.cz/user/documents/bannery/banner_bioptimisers_mobile.jpg") no-repeat center center;
  background-size: cover;
  }
   .banner-detox-text {
      left: inherit;
      top: inherit;
      bottom: 32px;
      transform: inherit;
      font-size: 20px;
      font-weight: 700;
      display: grid;
      text-align: center;
      position: relative;
  }
.banner-detox-button {
  margin-right: auto;
}
.id-1980 .banner-detox-container, .id-2922 .banner-detox-container
{
    display: none;
}
}

@media only screen and (max-width: 768px) {
  .doprava .left p {
    padding-left: 0px !important;
  }

  .doprava {
    display: flex;
    gap: 10px
  }

  .doprava .image {
    width: 35%;
    justify-content: center;
    text-align: center;
    position: relative;
    margin: auto;
  }

  .doprava .text {
    width: 65%;
  }
}

.vyprodano {
  opacity: 1;
}

/*vánoční úprava*/
.carousel-caption p {
  font-style: italic;
  color: #b78a51;
  font-weight: 700 !important;
  font-size: 20px !important;
}

.biooptimizer p {
  color: #294431 !important;
}

.biooptimizer .btn-carousel a {
  background-color: #294431 !important
}

@media only screen and (min-width: 768px) {
  .carousel-wrapper .carousel-caption {
    max-width: 600px;
    margin-left: 20px;
  }

  .carousel-caption p {
    font-size: 32px !important;

  }
}



.mineraly-wrapper {
  width: 95%;
  overflow-x: auto;
  max-width: 100%;
  cursor: grab;
  margin-bottom: 32px;
}

.mineraly-wrapper:active {
  cursor: grabbing;
}

.mineraly {
  width: 100%;
  min-width: 1000px;
  border-collapse: collapse;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.faq-item .mineraly th,
.faq-item .mineraly td {
  border: 1px solid var(--prb-ui-border);
  padding: 5px;
  text-align: center;
  white-space: nowrap;
font-size: 14px;
}

.faq-item .mineraly th {
  background-color: #f9f9f9;
}

.faq-item .mineraly .check {
  background-color: #4CAF50;
  color: #fff;
  font-weight: bold;
}

.faq-item .mineraly .x {
  background-color: #F44336;
  color: #fff;
  font-weight: bold;
}

div.vote-wrap[data-testid="gridRatingReaction"] .vote-rating {
  margin-left: auto;
}
@media only screen and (min-width: 375px) {
div.vote-wrap[data-testid="gridRatingReaction"] .vote-name
{
  display: flex !important;
}
}

.vote-admin-response {
  margin-left: 10px;
}



@media (min-width: 768px) {
  .navigation-in > ul > li.exp:hover > a {
    background-color: var(--prb-ui-surface-sage);
    color: var(--prb-ui-coral-text);
    border-radius: var(--prb-ui-radius) var(--prb-ui-radius) 0 0;
  }
  
  #navigation .menu-level-2 {
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 20px;
    background: var(--prb-ui-surface-sage);
    border-radius: var(--prb-ui-radius);
    margin-top: -10px;
    box-shadow: var(--prb-ui-header-shadow);
  }

  /* odstranění bílého pozadí ikon, které nejsou svg/png */
  .navigation-in > ul > li.ext > ul > li > a img {
    mix-blend-mode: multiply;
  }

  /* This hover backdrop is decorative and transparent. It must not receive
     pointer events: otherwise it can trigger native mouseleave on the menu.
     Other Shoptet overlays (cart, login, dialogs) retain their own behaviour. */
  body.navigation-hovered::before {
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
  }
}

/* Původní desktopové mega menu: kompaktní ikona a čitelná hierarchie.
   Strom kategorií, nativní rozbalování a hamburger zůstávají beze změny. */
@media (min-width: 992px) {
  #navigation .menu-level-2 > li {
    padding-top: 16px;
  }
  .navigation-in > ul > li.ext > ul > li > a.menu-image {
    width: 64px;
    padding: 8px 12px 8px 8px;
  }
  .navigation-in > ul > li.ext > ul > li > a.menu-image img {
    max-width: 44px;
    max-height: 44px;
  }
  .navigation-in > ul > li.ext > ul > li > div {
    width: calc(100% - 64px);
    min-width: 0;
    row-gap: 6px;
    font-family: var(--prb-ui-body-font);
  }
  #navigation .menu-level-2 > li > div > a {
    font-family: var(--prb-ui-body-font);
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 2px;
    color: var(--prb-ui-ink);
  }
  #navigation .menu-level-2 > li > div > a:is(:hover,:focus-visible) {
    color: var(--prb-ui-coral-text);
  }
}


/*MOBIL MENU BARVA*/
@media (max-width: 767px) {
    .navigation-in {
      background-color: var(--prb-ui-navigation-surface) !important;
    }
}



/* ------- */
/*===BANNERY HP MÍSTO CAROUSELU===*/
/* ------- */

/* zneviditelnění pole text banneru - návaznost na skript změny barvy nadpisu */
.next-to-carousel-banners .extended-banner-text {
    display: none !important;
}

.next-to-carousel-banners {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: clamp(16px, 2vw, 24px);
  visibility: visible;
}

.next-to-carousel-banners .banner-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: var(--prb-ui-radius);
  width: 100%;
  aspect-ratio: 2.2 / 1;
}

.next-to-carousel-banners .banner-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(115deg, rgb(0 0 0 / 15%), transparent 50%); */
  z-index: 3;
  pointer-events: none;
}

.next-to-carousel-banners.banner-wrapper > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content-wrapper-in .banner-wrapper a {
    height: 100%;
}

.next-to-carousel-banners .banner-wrapper a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 30%;
  transition: transform 0.3s ease-in-out;
}

.next-to-carousel-banners .banner-wrapper a:hover img {
  transform: scale(1.03);
}

.next-to-carousel-banners .extended-banner-texts {
  position: absolute;
  top: 20px;
  left: 20px;
  max-width: 35%;
  display: block;
  z-index: 3;
  color: #1B312B;
}

.next-to-carousel-banners .extended-banner-link, .next-to-carousel-banners .extended-banner-text, .next-to-carousel-banners .extended-banner-title {
    left: unset;
    right: unset;
}

.extended-banner-title {
  display: block;
  margin: 0;
  font-size: 1.5rem !important;
  line-height: 1.1;
  padding-bottom: 5px;
  font-weight: 700;
  color: inherit;
  padding: 0;
}

.extended-banner-link {
  position: absolute;
  bottom: 0;
  left: 0;
  top: unset;
  padding:0;
  font-weight: 700;
  z-index: 3;
  font-size: 1.4rem;
  display: block;
  color: inherit;
}

.extended-banner-link::after {
  content: '\e910';
  font-family: shoptet;
  margin-left: 5px;
  margin-bottom: -2px;
  font-size: 13px;
  line-height: 1;
  color: #e95321;
  transition: transform 0.2s ease-in-out;
}

.extended-banner-link:hover::after {
  transform: translateX(3px);
}

/* ----- Desktop ----- */
@media (min-width: 992px) {
  .next-to-carousel-banners .banner-wrapper:nth-child(1),
  .next-to-carousel-banners .banner-wrapper:nth-child(2) {
    width: calc(50% - 10px);
    aspect-ratio: 2.5 / 1;
  }

  .next-to-carousel-banners .banner-wrapper:nth-child(n+3) {
    width: calc(33.333% - 13.33px);
    aspect-ratio: 2.5 / 1;
  }

  .next-to-carousel-banners .banner-wrapper:nth-child(1) .extended-banner-texts,
  .next-to-carousel-banners .banner-wrapper:nth-child(2) .extended-banner-texts {
    max-width: 300px;
  }

  .next-to-carousel-banners .banner-wrapper:nth-child(1) .extended-banner-title,
  .next-to-carousel-banners .banner-wrapper:nth-child(2) .extended-banner-title {
    font-size: 23px !important;
  }

  .next-to-carousel-banners .banner-wrapper:nth-child(n+3) .extended-banner-title {
      font-size: 18px !important;
  }

  .extended-banner-link {
    font-size: 17px;
    bottom: 20px;
    left: 20px;
    position: absolute;
  }

  .extended-banner-texts {
    top: 20px;
    left: 20px;
    position: absolute;
  }
}

/* ----- Tablet ----- */
@media (min-width: 768px) and (max-width: 991px) {
  .next-to-carousel-banners {
    gap: 10px;
  }

  .next-to-carousel-banners .banner-wrapper:nth-child(1),
  .next-to-carousel-banners .banner-wrapper:nth-child(2) {
    width: calc(50% - 5px);
    aspect-ratio: 2 / 1;
  }

  .next-to-carousel-banners .banner-wrapper:nth-child(n+3) {
    width: calc(33.333% - 7.33px);
    aspect-ratio: 1.8 / 1;
  }

  .next-to-carousel-banners .banner-wrapper:nth-child(1) .extended-banner-texts,
  .next-to-carousel-banners .banner-wrapper:nth-child(2) .extended-banner-texts {
    max-width: 150px;
  }
  .next-to-carousel-banners .banner-wrapper:nth-child(1) .extended-banner-title,
  .next-to-carousel-banners .banner-wrapper:nth-child(2) .extended-banner-title {
    font-size: 16px !important;
  }

  .next-to-carousel-banners .banner-wrapper:nth-child(n+3) .extended-banner-texts {
    max-width: 120px;
  }
  .next-to-carousel-banners .banner-wrapper:nth-child(n+3) .extended-banner-title {
    font-size: 14px !important;
  }

  .next-to-carousel-banners .banner-wrapper:nth-child(n+3) .extended-banner-link {
    display: none;
  }

  .extended-banner-texts {
    top: 15px;
    left: 15px;
  }
  .extended-banner-link {
    bottom: 15px;
    left: 15px;
  }
}

/* ----- Mobil ----- */
@media (max-width: 767px) {
  .next-to-carousel-banners {
    margin-top: 20px;
    flex-direction: column;
  }

  .next-to-carousel-banners .banner-wrapper {
    width: 100%;
    aspect-ratio: 2.2 / 1;
  }

  .next-to-carousel-banners .extended-banner-title {
    font-size: 1.5rem !important;
  }

  .next-to-carousel-banners .extended-banner-link {
    font-size: 1.4rem;
    bottom: 10px;
    line-height: 1.3;
    margin-bottom: 6px;
  }

  .next-to-carousel-banners .extended-banner-texts {
    max-width: 45%;
  }

  .next-to-carousel-banners .banner-wrapper:nth-child(1) .extended-banner-texts,
  .next-to-carousel-banners .banner-wrapper:nth-child(2) .extended-banner-texts {
    max-width: 47%;
  }
}

.banner-wrapper.dark-background .extended-banner-title,
.banner-wrapper.dark-background .extended-banner-link {
    color: white;
}

.site-msg.information {
  bottom: 100px;
  opacity: 1;
  border-radius: var(--prb-ui-radius);
  background-color: var(--prb-ui-surface-sage);
  color:var(--prb-ui-ink);
}

@media (max-width: 768px) {
  .site-msg.information {
      bottom: 100px;
  }
}

.site-msg.information a {
  font-weight: 700;
  color: var(--prb-ui-coral);
}

.site-msg.information a:hover {
  font-weight: 700;
  color: var(--prb-ui-ink);
}

/* Náhledy > detail produktu */
.p-thumbnails a.highlighted img, .p-thumbnails a:hover img {
  border-color: var(--prb-ui-border-focus);
  border-radius: var(--prb-ui-radius);
  border-width: 2px;
}

.p-thumbnails img {
  border-radius: var(--prb-ui-radius);
  margin-right: 5px;
}

.p-thumbnails .thumbnail-next, .p-thumbnails .thumbnail-prev {
  color: var(--prb-ui-action-primary);
}

/* Produkt > výběr množství */
.variant-list .form-control, .variant-list select {
  border-color: var(--prb-ui-border);
  color: var(--prb-ui-ink);
  border-width: 1px;
  border-radius: var(--prb-ui-radius);
  background-color: var(--prb-ui-surface-soft);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  padding-left: 18px;
}
.form-control:focus:not(.error):not(.invalid):not(.is-invalid):not(.js-validate-error):not([aria-invalid="true"]),
select:focus:not(.error):not(.invalid):not(.is-invalid):not(.js-validate-error):not([aria-invalid="true"]) {
  border-color: var(--prb-ui-border-focus);
  color: var(--prb-ui-ink);
  box-shadow: var(--prb-ui-focus-ring);
}
.variant-list select:hover {
  box-shadow: none;
}

/* Produkty > carouesel - slider left/right */
.product-slider-holder .product-slider-navigation {
  height: 32px;
  width: 32px;  
  top: 45%;
  transform: translateY(-50%);
}

.product-slider-holder .product-slider-navigation::before {
  background-color: transparent;
  color: var(--prb-ui-ink);
}

.product-slider-holder .product-slider-navigation:hover::before {
  background-color: transparent;
  color: var(--prb-ui-action-primary);
}

.product-slider-holder.has-navigation .product-slider-navigation {
  opacity: 1;
}

/* Lightbox - ColorBox */
#cboxContent {
  background-color: #fff;
  border-radius: var(--prb-ui-radius);
}

#cboxContent img {
  border-radius: var(--prb-ui-radius) !important;
}

#cboxNext::before {
  content: "\e910";
  right: 10px;
}

#cboxPrevious::before {
  content: "\e90f";
  left: 10px;
}

#cboxNext::before, #cboxPrevious::before {
  font-size: 33px;
  color: var(--prb-ui-ink);
}

#cboxNext:hover::before, #cboxPrevious:hover::before {
  font-size: 33px;
  color: var(--prb-ui-action-primary);
}



/* --- Sekce výhod - bnfts-home --- */
.bnfts-home-section {
  padding: 50px 0 10px;
  background-color: #ffffff;
  text-align: center;
}

.bnfts-home-section .homepage-group-title {
  font-size: 34px;
}


.bnfts-home-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.bnfts-home-item {
  flex: 1 1 calc(25% - 16px); /* 4 položky na řádek */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
  border-radius: var(--prb-ui-radius);
}

.bnfts-home-icon {
  margin-bottom: 15px;
  width: 50px;
  height: 50px;
}

.bnfts-home-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bnfts-home-item h3 {
  margin: 0 0 10px 0;
  font-size: 20px;
}

.bnfts-home-item p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}

@media (max-width: 1024px) {
  .bnfts-home-item {
    flex: 1 1 calc(25% - 15px); /* 4 položky na řádek */
  }
}

@media (max-width: 768px) {
  .bnfts-home-item {
    flex: 1 1 calc(33.333% - 13.33px); /* 3 položky na řádek */
  }
}

@media (max-width: 600px) {
  .bnfts-home-item {
    flex: 1 1 calc(50% - 10px); /* 2 položky na řádek */
    padding: 15px;
  }
}




/* FORMULARE | JEDINA GLOBALNI NATIVE PALETA
   Chybove a neplatne stavy ponechavame nativnimu Shoptetu. */
.form-control:not(.error):not(.invalid):not(.is-invalid):not(.js-validate-error):not([aria-invalid="true"]),
select:not(.error):not(.invalid):not(.is-invalid):not(.js-validate-error):not([aria-invalid="true"]) {
  color: var(--prb-ui-ink);
  border: 1px solid var(--prb-ui-border);
  border-radius: var(--prb-ui-radius);
}


.xyDiscount__banner {
    padding: 30px;
    border-radius: var(--prb-ui-radius);
    margin-bottom: 10px;
    background: var(--prb-ui-surface-soft);
    font-size: 14px;
    color: #1B312B;
    border: 0;
}
.xyDiscount__banner h4{
    font-size: 14px;
}
.xyDiscount__icon {
    background-color: var(--prb-ui-surface-sage);
}
.xyDiscount__title {
    color: #1B312B;
}

.my2 {
  text-align: center;
}
.my2 img {
  max-width: 160px;
  border-radius: 50%;
}
.my2 p {
  font-size: 15px;
  padding-top: 10px;
  line-height: 1.4;
}
.my2 p span {
  font-size: 13px;
}

.menu-item-external-74.blog {
    margin-left: 340px;
}




/* POPUP KOŠÍK */
@media (max-width: 768px) {
  .cart-widget .popup-widget-inner {
      padding-top: 50px;
  }
  .product-appendix {
    font-size: 12px;
  }
  [data-testid="cartWidgetProductName"] {
  font-weight: 600;
  line-height: 1 !important;
  }
  .cart-widget .quantity {
    background: none;
    border-radius: var(--prb-ui-radius);
    scale: 0.9;
  }
  .cart-widget-product-name a {
    font-size: 15px;
  }
  .cart-widget-product {
    padding: 15px 10px;
  }
}
@media (max-width: 480px) {
    .cart-widget-product .cart-widget-product-delete button:before {
        font-size: 16px;
    }
}


@media (min-width: 992px) {
    .popup-widget {
        bottom: auto;
        right: -10px !important;
        left: inherit;
        margin-left: -14px;
        max-height: 500px;
        padding-top: 18px;
        position: absolute;
        width: 600px;
    }
}
@media (min-width: 992px) {
    .popup-widget.cart-widget {
        border: 0;
        box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, .16);
        margin-top: 18px;
        padding-top: 0;
        border-radius: var(--prb-ui-radius);
    }
}
.popup-widget-inner {
    color: #fff;
    border-radius: var(--prb-ui-radius);
padding: 10px;
}

.quantity {
    background-color: none;
    border-radius: var(--prb-ui-radius);
    overflow: hidden;
}
.quantity .decrease, .quantity .increase {
    border-color: #cfcfcf;
    color: inherit;
    background: #f2f2f2;
    overflow: hidden;
}

.cart-widget-product-name a {
    color: #1B312B;
    font-weight: 600;
}

.cart-widget-product-name>strong {
    line-height: 1.2;
}

.cart-widget-product-name a span.product-appendix {
    font-size: 12px !important;
}

.cart-widget-product-amount .quantity input {
    height: 40px;
    width: 30px;
}

.login-wrapper .btn {
    border-radius: var(--prb-ui-radius);
}


/* filtry produktů */
#filters .slider-content, #filters .ui-slider {
    background-color: #ffffff;
    border-color: #ffffff;
    border-radius: var(--prb-ui-radius);
}
.ui-slider-horizontal .ui-slider-handle {
    border-radius: 50px;
    background-color: var(--prb-ui-ink);
}
#clear-filters .close-after {
    background: #ffffff;
    padding: 10px;
    border-radius: var(--prb-ui-radius);
}
.filter-section {
    padding-bottom: 20px;
    padding-top: 20px;
}
#category-filter-hover .filter-section:first-child, .filter-section+.filter-section {
    border-top-color: #fff;
}
.filter-total-count {
    color: inherit;
    font-size: 13px;
}
.disabled, .inactive {
    color: #13322ba3;
}


.responsive-nav .shp-tabs-holder {
    margin-bottom: 0;
    border-bottom: 2px solid var(--prb-ui-divider);
    margin-top: 50px;
}

.shp-tabs-holder ul.shp-tabs {
    font-weight: var(--prb-ui-nav-weight, 500);
    margin-left: 0;
}

.shp-tabs-holder ul.shp-tabs a.shp-tab-link {
    padding: 15px 20px;
    font-family: var(--prb-ui-body-font, "Plus Jakarta Sans", Arial, sans-serif);
    font-size: 15px;
    font-weight: var(--prb-ui-nav-weight, 500);
    line-height: 1.45;
    color: var(--prb-ui-ink);
    justify-content: space-between;
    align-items: center;
    margin-right: 10px;
    border-radius: var(--prb-ui-radius) var(--prb-ui-radius) 0 0 !important;
    border: 1px solid var(--prb-ui-divider);
    border-bottom: 2px solid transparent;
    background: var(--prb-ui-navigation-surface);
    box-sizing: border-box;
}
.shp-tabs-holder ul.shp-tabs a.shp-tab-link:is(:hover,:focus-visible) {
    background: var(--prb-ui-surface-sage-light);
    color: var(--prb-ui-ink);
}

.shp-tabs-holder ul.shp-tabs .shp-tab.active,
.shp-tabs-holder ul.shp-tabs .shp-tab:hover {
  text-decoration: none;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

.shp-tab.active .shp-tab-link {
    background-color: var(--prb-ui-surface-sage) !important;
    padding-top: 15px !important;
    margin-bottom: 0;
    z-index: 10;
    position: relative;
    color: var(--prb-ui-ink) !important;
    font-weight: var(--prb-ui-active-weight, 600);
    border-bottom: 2px solid var(--prb-ui-border-focus) !important;
}


/* === CSS pro sticky chování === */
.shp-tabs-holder.is-sticky {
    position: fixed;
    top: var(--prb-sticky-header-height, 0px);
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #fff;
    border-bottom: 2px solid var(--prb-ui-divider);
    max-width: 1380px;
    margin: 0 auto;
}

.shp-tabs-holder.is-sticky ul.shp-tabs {
    margin-top: 10px;
}

/* === MOBIL STICKY MENU === */
.sticky-mobile-accordion {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    background: #ffffff;
    z-index: 1000;
    border-bottom: 1px solid var(--prb-ui-divider);
    border-top: 1px solid var(--prb-ui-divider);
    box-shadow: var(--prb-ui-header-shadow);
}

body.type-detail .sticky-mobile-accordion ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    margin: 0;
    padding: 8px 12px;
    list-style: none;
    -webkit-overflow-scrolling: touch;
}
body.type-detail .sticky-mobile-accordion li {
  flex: 0 0 auto;
  margin: 0;
  white-space: nowrap;
}
body.type-detail .sticky-mobile-accordion a {
    display: flex;
    align-items: center;
    min-height: 52px;
    min-width: 174px;
    box-sizing: border-box;
    background: var(--prb-ui-navigation-surface);
    padding: 12px 18px;
    border-radius: var(--prb-ui-radius);
    color: var(--prb-ui-ink);
    text-decoration: none;
    font: var(--prb-ui-nav-weight) 15.5px/1.4 var(--prb-ui-body-font);
}

.sticky-mobile-accordion .active a {
    background: var(--prb-ui-surface-sage);
    color: var(--prb-ui-ink);
    box-shadow: inset 0 -2px 0 var(--prb-ui-border-focus);
}

.sticky-mobile-accordion .active a::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.727 30.727' fill='%23333'%3E%3Cpath d='M29.994,10.183L15.363,24.812L0.733,10.184c-0.977-0.978-0.977-2.561,0-3.536c0.977-0.977,2.559-0.976,3.536,0l11.095,11.093L26.461,6.647c0.977-0.976,2.559-0.976,3.535,0C30.971,7.624,30.971,9.206,29.994,10.183z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}



.plus-gallery-item {
    border-width: 0;
}

.extras-wrap .delivery span strong {
    color: var(--prb-ui-coral);
}

.advanced-order .h1:not(.advanced-order-suggestion)::before {
    content: "\e913" !important;
    font-family: shoptet;
    font-size: 0.9em;
    margin-right: 10px;
    color: var(--prb-ui-surface-sage);
}


/* Loader */
.ajax-pending .loader-wrapper:before,
.ajax-pending-element:before,
.loader {
    animation: load 1s linear infinite;
    background-clip: content-box;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    display: block;
    font-size: 0;
    height: 65px;
    left: 50%;
    margin-left: -33px;
    margin-top: -33px;
    position: absolute;
    text-indent: -9999em;
    top: 50%;
    width: 65px;
    z-index: 1;
    background-color: transparent;
    border-color: #fff transparent #fff #fff;
    content: ''; 
}

/* SVG ikona loaderu */
.ajax-pending .loader-wrapper:after,
.ajax-pending-element:after,
.loader:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg); 
    width: 40px; 
    height: 40px; 
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 73.91 107.19'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e95321;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M41.78,80.15c2.17-6.43,5.66-9.95,8.15-12.24.28-.26.54-.49.77-.72,5.94-5.64,6.43-10.84,5.79-14.23-1-5.3-5.34-10.87-11.7-11.28-2.67-.17-5.34.54-7.76,2.08-5.98-3.83-12.23-1.99-15.84,1.62-4.47,4.47-5.69,12.29.62,18.6.07.07.15.14.23.21l7.08,6.04c.8.68,1.81,1.01,2.85.93,1.04-.08,1.99-.57,2.67-1.36,1.4-1.64,1.21-4.12-.44-5.53l-6.93-5.91c-2.91-2.97-2.19-5.79-.54-7.44s4.52-2.38,7.52.62c.74.74,1.72,1.15,2.77,1.15s2.03-.41,2.77-1.15c1.43-1.43,2.98-2.13,4.5-2.04,2.26.15,4.06,2.61,4.5,4.91.4,2.14-.75,4.51-3.47,7.08-.22.2-.45.42-.74.69-2.8,2.57-7.4,7.12-10.21,15.46-3.89,11.52-.15,20.79,1.55,24.27.16.33.3.61.38.79.42.96,1.19,1.7,2.16,2.08.98.38,2.04.36,3-.06.45-.2.86-.47,1.2-.82,1.15-1.15,1.47-2.85.82-4.34-.14-.31-.31-.67-.52-1.09-1.44-2.95-4.03-9.86-1.17-18.32ZM39.43,3.02c-.7-.56-1.57-.88-2.47-.88-.89,0-1.77.31-2.47.88C21.66,13.42,12.36,24.44,6.85,35.77,1.84,46.06.17,56.35,2.02,65.54c1.23,6.12,4.05,11.68,8.15,16.08,4.06,4.35,9.04,7.58,15.05,9.33,1,.29,2.06.18,2.98-.33.92-.5,1.58-1.33,1.88-2.34.29-1,.18-2.06-.33-2.98-.5-.92-1.33-1.58-2.34-1.88-9.54-2.78-15.78-9.87-17.71-19.43-1.51-7.49-.06-16.06,4.19-24.79,4.65-9.56,12.41-18.99,23.06-28.05,10.65,9.05,18.41,18.49,23.06,28.05,4.25,8.73,5.7,17.3,4.19,24.79-1.71,8.49-6.7,15-14.63,18.33-1.02.43-2.76,1.02-3.8,1.32-1.01.29-1.84.96-2.34,1.88-.5.92-.62,1.98-.33,2.98.29,1.01.96,1.84,1.88,2.34.92.5,1.98.62,2.98.33,1.07-.31,2.93-.93,4.05-1.38,4.32-1.73,7.78-4.22,10.95-7.38.26-.26.51-.52.76-.79,4.1-4.4,6.92-9.96,8.16-16.08,1.85-9.19.18-19.48-4.82-29.77-5.51-11.33-14.81-22.35-27.64-32.76Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 2; 
}

.ajax-pending .loader-wrapper:before,
.ajax-pending-element:before,
.loader {
    background-color: transparent;
    border-color: #fff transparent #fff #fff;
}


/* Button zpět na popis - detail produktu, záložka Hodnocení - dočasně ho schováme */
.zpetnapopis{
    display: none;
}

    .in-o-nas h1 {
        text-align: center;
    }

    .o_nas {
        padding: 10px 40px 20px;
        font-size: 17px;
    }

    .o_nas .image-wrapper img,
    .o_nas .timeline-image img {
        display: block;
        border-radius: var(--prb-ui-radius);
    }

    .o_nas .intro-section {
        text-align: center;
        margin-bottom: 20px;
    }
    .o_nas .intro-section p {
        max-width: 1000px;
        margin: 30px auto !important;
        text-align: left;
    }
    .o_nas .intro-section p.subtitle {
        font-size: 20px;
        text-align: center;
    }    

    .o_nas .intro-section h2 {
        font-size: 30px;
    }

     .o_nas h3 {
        color: #e6572e;
    }

    .o_nas .intro-text {
        max-width: 800px;
        margin: 40px auto 0 !important;
    }

    /* Timeline */
    .o_nas .timeline-section {
        position: relative;
        max-width: 1400px;
        margin: 0 auto;
        padding-top: 50px;
        padding-bottom: 10px;
    }
 
.o_nas .timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 40px;
    transform: translateX(-50%);
    pointer-events: none;
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 40px 300px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 300' preserveAspectRatio='none'><path d='M50,0 C30,75 70,75 50,150 C30,225 70,225 50,300' stroke-dasharray='4,10' stroke-linecap='round' fill='none' stroke='%23888' stroke-width='2'/></svg>");
}

    .o_nas .timeline-item {
      display: flex;
      align-items: center;
      margin: 0 auto 80px;
      position: relative;
      max-width: 1400px;
    }

    .o_nas .timeline-content,
    .o_nas .timeline-image {
        width: 45%;
        padding: 20px;
    }

    .o_nas .timeline-item.left {
        justify-content: flex-start;
    }
    .o_nas .timeline-item.left .timeline-content {
        order: 1;
        text-align: right;
        padding-right: 40px;
    }
    .o_nas .timeline-item.left .timeline-image {
        order: 2;
    }

    .o_nas .timeline-item.right {
        justify-content: flex-end;
    }
    .o_nas .timeline-item.right .timeline-content {
        order: 2;
        text-align: left;
        padding-left: 40px;
    }
    .o_nas .timeline-item.right .timeline-image {
        order: 1;
    }

   .o_nas .outro-text {
        max-width: 800px;
        margin: 40px auto 0 !important;
    }

    .outro-section ul, .outro-section ol  {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 60px;
    }

  .outro-section ol ::marker {
    color: #e6572e;
    font-size: 26px;
  }
  .outro-section ol strong{
    font-size: 19px;
    line-height: 1;
  }


/* Galerie v timeline */
.o_nas .timeline-item.gallery {
  justify-content: center;
}

.o_nas .timeline-item.gallery .timeline-content {
  width: 100%;
  text-align: center;
  padding: 0 0 30px;
  background: #fff;              
  position: relative;
  z-index: 1;
}

.o_nas .timeline-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}

.o_nas .timeline-gallery figure {
  margin: 0;
}

.o_nas .timeline-gallery img {
  width: 100%;
  height: auto;
  border-radius: var(--prb-ui-radius);
  object-fit: cover;
  display: block;
}

.o_nas .timeline-gallery figcaption {
    margin-top: 8px;
    font-size: 13px;
    color: #5e6f6b;
    text-align: center;
    line-height: 1.2;
}

/* Mobil– 1 sloupec */
@media (max-width: 767px) {
  .o_nas .timeline-gallery {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }
}

/* Tablet– 2 sloupce */
@media (min-width: 768px) and (max-width: 991px) {
  .o_nas .timeline-gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}



/* Mobil */
@media (max-width: 767px) {

      .in-o-nas h1 {
        font-size: 30px;
    }

    .o_nas {
        padding: 10px 0px 20px;
        font-size: 17px;
    }

    .o_nas .intro-section p.subtitle {
        font-size: 18px;
    }    
    .o_nas .timeline-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 40px;
        position: relative;
    }


    .o_nas .timeline-content,
    .o_nas .timeline-image {
        width: 100%;
        padding: 0;
    }

    .o_nas .timeline-image { order: 1; }
    .o_nas .timeline-content {
        order: 2;
        padding-top: 20px;
        text-align: center;
        background: #fff;
        position: relative;
        z-index: 1;
        margin: 0 auto;
    }

    .o_nas .timeline-item.left .timeline-content,
    .o_nas .timeline-item.right .timeline-content {
        order: 2;
        text-align: center;
        padding: 0;
    }
    .o_nas .timeline-item.left .timeline-image,
    .o_nas .timeline-item.right .timeline-image {
        order: 1;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .o_nas .timeline-image img {
        margin-left: auto;
        margin-right: auto;
    }

    .o_nas .timeline-line {
      width: 28px;
      background-repeat: repeat-y;
      background-size: 28px 150px;
      background-position: center top;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 300' preserveAspectRatio='none'><path d='M50,0 C30,75 70,75 50,150 C30,225 70,225 50,300' stroke-dasharray='7,20' stroke-linecap='round' fill='none' stroke='%23888' stroke-width='2'/></svg>");
    }

    .o_nas .timeline-item.left .timeline-content,
    .o_nas .timeline-item.right .timeline-content {
        padding-left: 0;
        padding-right: 0;
    }
}


/* HEUREKA WIDGET POZICE DOLŮ */
#hw-87kwowifjjowiklsadh666left {
    top: auto !important;
    bottom: 150px !important;
}



/* Tablet-only */
@media (min-width: 768px) and (max-width: 991px) {
  
  .navigation-in {
    font-size: 17px;
  }

}


.msg.msg-error span {
    color: #fff !important;
    font-weight: 800 !important;
    text-align: center !important;
}



/* LeadHub teaser text inheritance fix — keep LeadHub's own live colours/layout */
._3mDFKQZigEhQEdroYsGC_E,
._3mDFKQZigEhQEdroYsGC_E > span,
._1ZswQNCWbJve9zaHJzNa_C,
._2Vsk5w0-MYWeEUdY3mt1M1,
._2Vsk5w0-MYWeEUdY3mt1M1 span {
    color: inherit !important;
}

/* LeadHub form fields: text colour only */
.LEAD_GENERATION input:not([type]),
.LEAD_GENERATION input[type="text"],
.LEAD_GENERATION input[type="email"] {
    color: var(--prb-ui-ink) !important;
    -webkit-text-fill-color: var(--prb-ui-ink) !important;
}

/* PDP typography: body uses shared responsive reading tokens and category ink.
   Commerce, heading sizes, layout, accordions and table owners stay independent. */
html body.type-detail {
  --prb-type-font: "Plus Jakarta Sans", Arial, sans-serif;
  --prb-type-weight-body: 400;
  --prb-type-weight-support: 400;
  --prb-type-weight-emphasis: 800;
  --prb-type-weight-section: 700;
  --prb-type-body: var(--prb-ui-copy-size);
  --prb-type-h1: 28px;
  --prb-type-appendix: 15px;
  --prb-type-h2: 26px;
  --prb-type-h3: 19px;
  --prb-type-h4: 16px;
  --prb-type-h56-original: 16px;
}
@media (min-width:768px) and (max-width:1199px) {
  html body.type-detail {
    /* Body copy inherits the responsive copy token; headings scale separately. */
    --prb-type-h1:26px;
    --prb-type-h2:24px;
    --prb-type-h3:19px;
    --prb-type-h4:16px;
  }
}
@media (max-width:767px) {
  html body.type-detail {
    --prb-type-h1:22px;
    --prb-type-appendix:14px;
    --prb-type-h2:22px;
    --prb-type-h3:18px;
    --prb-type-h4:16px;
    --prb-type-h56-original:15.5px;
  }
}

html body.type-detail :is(#p, .p-detail-inner-header, .p-detail-inner-header-mobile) :is(h1,.h1) {
  font-family: var(--prb-type-font) !important;
  font-size: var(--prb-type-h1) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

html body.type-detail :is(#p, .p-detail-inner-header, .p-detail-inner-header-mobile) :is(h1,.h1) :is(span,strong,b,em):not(.product-appendix,.product-appendix *) {
  font-family: var(--prb-type-font) !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

html body.type-detail :is(#p, .p-detail-inner-header, .p-detail-inner-header-mobile) .product-appendix,
html body.type-detail :is(#p, .p-detail-inner-header, .p-detail-inner-header-mobile) .product-appendix :is(span,strong,b,em) {
  font-family: var(--prb-type-font) !important;
  font-size: var(--prb-type-appendix) !important;
  letter-spacing: 0.01em !important;
  font-weight: var(--prb-type-weight-support) !important;
  line-height: 1.5 !important;
}

html body.type-detail #content :is(.p-short-description, #description .basic-description) {
  font-family: var(--prb-type-font) !important;
  font-size: var(--prb-type-body) !important;
  font-weight: var(--prb-type-weight-body) !important;
  line-height: var(--prb-ui-body-leading) !important;
  color: var(--prb-ui-ink) !important;
}

html body.type-detail #content :is(.p-short-description, #description .basic-description) :where(div,section,article,p,ul,ol,li,blockquote,dl,dt,dd,table,tbody,tr,td,span,a,em,small):not(:where(h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,button,button *,.btn,.btn *,[role="button"],[role="button"] *,nav,nav *,.icons-container,.icons-container *,.menu-container,.menu-container *,.prb-nav,.prb-nav *,.prb-navigation-shell,.prb-navigation-shell *,.prb-v10-rail,.prb-v10-rail *,.products,.products *,.product,.product *,.icon,.icon *,[class^="icon-"],[class*=" icon-"],[class^="flaticon-"],[class*=" flaticon-"])) {
  font-family: var(--prb-type-font) !important;
  font-size: var(--prb-type-body) !important;
  font-weight: var(--prb-type-weight-body) !important;
  line-height: var(--prb-ui-body-leading) !important;
}

html body.type-detail #content :is(.p-short-description, #description .basic-description) :is(strong,b),
html body.type-detail #content :is(.p-short-description, #description .basic-description) :is(strong,b) :is(span,a,em) {
  font-family: var(--prb-type-font) !important;
  font-size: inherit !important;
  font-weight: var(--prb-type-weight-emphasis) !important;
  line-height: inherit !important;
}

html body.type-detail #content :is(.p-short-description, #description .basic-description) h2 {
  font-family: var(--prb-type-font) !important;
  font-size: var(--prb-type-h2) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #1B312B !important;
}

html body.type-detail #content :is(.p-short-description, #description .basic-description) h3:not(:where(.faq-item *)) {
  font-family: var(--prb-type-font) !important;
  font-size: var(--prb-type-h3) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #1B312B !important;
}

html body.type-detail #content :is(.p-short-description, #description .basic-description) h4:not(:where(.faq-item *)) {
  font-family: var(--prb-type-font) !important;
  font-size: var(--prb-type-h4) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #1B312B !important;
}

html body.type-detail #content :is(.p-short-description, #description .basic-description) h5 {
  font-family: var(--prb-type-font) !important;
  font-size: var(--prb-type-h56-original) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html body.type-detail #content :is(.p-short-description, #description .basic-description) h6 {
  font-family: var(--prb-type-font) !important;
  font-size: var(--prb-type-h56-original) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html body.type-detail #content :is(#description .extended-description > h3,#description .extended-description > .h3,.products-related-header,.products-alternative-header,.prb-native-heading,.prb-commerce-heading) {
  font-family: var(--prb-type-font) !important;
  font-size: var(--prb-type-h2) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #1B312B !important;
}

html body.type-detail #content :is(.p-short-description, #description .basic-description) :is(h2,h3,h4,h5,h6) :is(span,strong,b,em,a),
html body.type-detail #content :is(#description .extended-description > h3,#description .extended-description > .h3,.products-related-header,.products-alternative-header,.prb-native-heading,.prb-commerce-heading) :is(span,strong,b,em,a) {
  font-family: var(--prb-type-font) !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

html body.type-detail #content #description .extended-description > p:has(+ table.detail-parameters),html body.type-detail #content #description .extended-description > p:has(+ table.detail-parameters) > strong {font-family:var(--prb-type-font)!important;font-size:var(--prb-type-h2)!important;font-weight:700!important;line-height:1.3!important;}

/* Native section titles: target titles, never entire review/video panels. */
html body.type-detail #content :is(#ratingTab,#relatedFiles,#productDiscussion,#video) > :is(h2,h3,.h2,.h3),
html body.type-detail #content .nadpis-hodnoceni {
 font-family:var(--prb-type-font)!important;
 font-size:var(--prb-type-h2)!important;
 font-weight:700!important;
 line-height:1.3!important;
}
/* Same native nodes and URLs; CSS only changes their visual order. */
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) {
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;
}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) .ratings-and-brand {display:contents!important;}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) .brand-wrapper {
 grid-row:1!important;font-size:0!important;margin:0 0 8px!important;
}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) .brand-wrapper a {
 font-family:var(--prb-type-font)!important;font-size:13px!important;font-weight:600!important;line-height:1.5!important;
 color:var(--prb-ui-coral-hover)!important;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) .brand-wrapper a:is(:hover,:focus-visible) {text-decoration:underline;}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) > :is(h1,.h1) {grid-row:2!important;margin:0!important;}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) .product-appendix {display:block!important;margin:10px 0 0!important;padding:0!important;}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) .stars-wrapper {
 grid-row:3!important;position:relative!important;display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;
 width:fit-content;max-width:100%;margin:12px 0 0!important;
}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) .stars {margin:0!important;width:auto!important;}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) .stars-label {display:inline!important;font-size:13px!important;margin:0!important;}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) .stars-link {
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;font-size:0!important;margin:0!important;padding:0!important;z-index:1;
}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) .stars-link:focus-visible {outline:2px solid var(--prb-ui-coral-hover);outline-offset:4px;}
html body.type-detail #content .p-short-description {margin-top:20px!important;}
@media(min-width:768px) {
 html body.type-detail #content .p-detail-inner-header-mobile {display:none!important;}
}
@media(max-width:767px) {
 html body.type-detail #content .p-detail-inner-header {display:none!important;}
 html body.type-detail #content .p-detail-inner-header-mobile .brand-wrapper a {font-size:12px!important;}
}

/* Ordinary PDP prose shares category ink and natural letter spacing.
   Component headings, controls, icon captions, tables and notice titles keep their owners. */
html body.type-detail #content :is(.p-short-description,#description .basic-description) :is(p,li,blockquote,dd):not(:where(.icons-container *,.icon-item *,nav *,.menu-container *,.prb-nav *,.prb-v10-rail *,.products *,.product *,table *,[role="alert"] *)) {
 color:var(--prb-ui-ink)!important;
}
html body.type-detail #content :is(.p-short-description,#description .basic-description) :is(p,li,blockquote,dd):not(:where(.icons-container *,.icon-item *,nav *,.menu-container *,.prb-nav *,.prb-v10-rail *,.products *,.product *,table *,[role="alert"] *)) span:not([class]) {
 color:inherit!important;
}
/* Native rating title generated by the legacy stylesheet, when present. */
html body.type-detail #content #ratingTab::before {
 font-family:var(--prb-type-font)!important;font-size:var(--prb-type-h2)!important;font-weight:700!important;line-height:1.3!important;
}
/* Spacing of plain description paragraphs/lists, avoiding cards and controls. */
html body.type-detail #content .p-short-description > p,
html body.type-detail #content #description .basic-description #popis > .col-md-6 > p {margin-bottom:14px!important;}
html body.type-detail #content .p-short-description > ul > li,
html body.type-detail #content .p-short-description .prb-benefit-short > li {margin-bottom:8px!important;}

html body.type-detail #content #ratingTab.tab-pane.active {display:block!important;opacity:1!important;}

/* PDP07: legacy descriptions keep the original native review block in-flow. */
html body.type-detail.prb-legacy-reviews-inline #description,
html body.type-detail.prb-legacy-reviews-inline .prb-description-host,
html body.type-detail.prb-legacy-reviews-inline #description > #ratingTab {
 display:block!important;opacity:1!important;visibility:visible!important;height:auto!important;
}
html body.type-detail.prb-legacy-reviews-inline .p-detail-tabs-wrapper .shp-tabs-holder,
html body.type-detail.prb-legacy-reviews-inline .prb-description-host > .shp-accordion-link {display:none!important;}
html body.type-detail.prb-legacy-reviews-inline #description > #ratingTab {margin:32px 0 0!important;clear:both;}
/* PDP breadcrumb: retain categories and structured markup, omit current product. */
html body.type-detail .breadcrumbs > [data-testid="breadcrumbsLastLevel"],
html body.type-detail .breadcrumbs > span:has(+ [data-testid="breadcrumbsLastLevel"]) > .navigation-bullet {display:none!important;}
html body.type-detail .breadcrumbs {margin-bottom:20px!important;line-height:1.5;}
/* One spacing system for the product heading at every viewport width. */
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) {
 align-content:start!important;row-gap:0!important;padding-top:0!important;padding-bottom:0!important;
}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) > :is(h1,.h1) {
 padding:0!important;min-height:0!important;gap:0!important;
}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) .product-appendix {
 margin:10px 0 0!important;padding:0!important;
}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) .stars-wrapper {
 margin:12px 0 0!important;padding:0!important;min-height:0!important;line-height:1.5!important;
}
@media(max-width:1199px){
 html body.type-detail .breadcrumbs {margin-bottom:20px!important;font-size:12px!important;}
 html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) {margin-bottom:20px!important;}
 html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) .brand-wrapper {margin:0 0 8px!important;line-height:1.5!important;}
}

/* PDP08: hide navigation controls only; retain native panels and custom sticky menu.
   Legacy mode is enabled only with .menu-container; pilot mode only after its rail exists. */
html body.type-detail.prb-custom-product-nav .p-detail-tabs-wrapper .shp-tabs-holder,
html body.type-detail.prb-custom-product-nav .p-detail-tabs-wrapper #p-detail-tabs,
html body.type-detail.prb-custom-product-nav .p-detail-tabs-wrapper .shp-accordion-link,
html body.type-detail.prb-custom-product-nav .sticky-mobile-accordion {
 display:none!important;visibility:hidden!important;pointer-events:none!important;
}
html body.type-detail.prb-custom-product-nav .p-detail-tabs-wrapper :is(.shp-accordion,.shp-accordion-content):has(#description,#ratingTab,#relatedFiles),
html body.type-detail.prb-custom-product-nav .p-detail-tabs-wrapper :is(#description,#ratingTab) {
 display:block!important;opacity:1!important;visibility:visible!important;height:auto!important;max-height:none!important;
}

/* PDP13: replaces PDP09/10 heading rules; product pages only. */
html body.type-detail {--prb-heading-gap:24px;--prb-section-gap:24px;}
@media(max-width:767px){html body.type-detail {--prb-heading-gap:20px;--prb-section-gap:20px;}}
/* Native section spacing: 32 desktop / 28 tablet / 24 mobile, above and below. */
html body.type-detail #content :is(#prb-native-files-title,h2:has(+ #relatedFiles),h2:has(+ #soubory),h2:has(+ #video),#description .extended-description,.products-header,.prb-native-heading,.prb-commerce-heading,#ratingTab,#video > h2,#relatedVideos > h2,#productVideos > h2,.dfwidget-title) {--prb-section-gap:32px;--prb-heading-gap:32px;}
@media(max-width:1199px){html body.type-detail #content :is(#prb-native-files-title,h2:has(+ #relatedFiles),h2:has(+ #soubory),h2:has(+ #video),#description .extended-description,.products-header,.prb-native-heading,.prb-commerce-heading,#ratingTab,#video > h2,#relatedVideos > h2,#productVideos > h2,.dfwidget-title) {--prb-section-gap:28px;--prb-heading-gap:28px;}}
@media(max-width:767px){html body.type-detail #content :is(#prb-native-files-title,h2:has(+ #relatedFiles),h2:has(+ #soubory),h2:has(+ #video),#description .extended-description,.products-header,.prb-native-heading,.prb-commerce-heading,#ratingTab,#video > h2,#relatedVideos > h2,#productVideos > h2,.dfwidget-title) {--prb-section-gap:24px;--prb-heading-gap:24px;}}
html body.type-detail #content :is(#prb-native-files-title,h2:has(+ #relatedFiles),h2:has(+ #soubory),h2:has(+ #video),#description .basic-description h2,#description .extended-description > h3,#description .extended-description > .h3,#description .extended-description > p:has(+ .detail-parameters),.products-header,.prb-native-heading,.prb-commerce-heading,#ratingTab > h2,#video > h2,#relatedVideos > h2,#productVideos > h2,#manufacturerDescription h2,.dfwidget-title) {
 font-family:var(--prb-type-font)!important;font-size:var(--prb-type-h2)!important;
 font-weight:700!important;line-height:1.3!important;letter-spacing:0!important;
 color:#1B312B!important;text-transform:none!important;text-align:left!important;
 margin:var(--prb-section-gap) 0 var(--prb-heading-gap)!important;padding:0!important;
 width:100%!important;max-width:100%!important;
}
html body.type-detail #content #description .basic-description :is(h3,h4):not(.faq-question):not(:where(.faq-item *)) {margin-top:var(--prb-section-gap)!important;margin-bottom:var(--prb-heading-gap)!important;padding:0!important;text-align:left!important;}
html body.type-detail #content #description .basic-description :is(h2,h3,h4):first-child {margin-top:0!important;}
/* Explicit exceptions follow generic rules, including generated sibling headings. */
html body.type-detail #content :is(#prb-native-files-title,h2:has(+ #relatedFiles),h2:has(+ #soubory),h2:has(+ #video),#description .extended-description > h3,#description .extended-description > .h3,#description .extended-description > p:has(+ .detail-parameters),.products-header,.dfwidget-title,#ratingTab > h2,#video > h2,#relatedVideos > h2,#productVideos > h2),
html body.type-detail #content #description .basic-description :is(h2:has(+ #soubory),h2:has(+ #video),h2#faq,#faq > h2,.faq-section > h2,#znacka > h2),
html body.type-detail #content #description .prb-page > section > h2,
html body.type-detail #content #description #prb-story > .prb-editorial-intro > h2,
html body.type-detail #content #description #prb-faq > h2 {text-align:center!important;}
html body.type-detail #content :is(#prb-native-files-title,h2:has(+ #relatedFiles),h2:has(+ #soubory),h2:has(+ #video),#description .basic-description h2,#description .extended-description > h3,#description .extended-description > .h3,#description .extended-description > p:has(+ .detail-parameters),.products-header,.prb-native-heading,.prb-commerce-heading,#ratingTab > h2,#video > h2,#relatedVideos > h2,#productVideos > h2,#manufacturerDescription h2,.dfwidget-title) :is(span,strong,b,em,a) {font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;}
html body.type-detail #content #ratingTab::before {font-family:var(--prb-type-font)!important;font-size:var(--prb-type-h2)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:0!important;color:#1B312B!important;text-align:center!important;margin:0 0 var(--prb-heading-gap)!important;padding:0!important;}
html body.type-detail #content :is(.p-detail-inner-header,.p-detail-inner-header-mobile) > :is(h1,.h1) {font-family:var(--prb-type-font)!important;font-size:var(--prb-type-h1)!important;font-weight:700!important;line-height:1.25!important;letter-spacing:0!important;color:#1B312B!important;text-align:left!important;}
/* A section owns its upper gap; its title does not add another one. */
html body.type-detail #content #description .extended-description,
html body.type-detail #content #description #znacka.middle-headline,
html body.type-detail #content #description #ratingTab {margin-top:var(--prb-section-gap)!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;}
html body.type-detail #content #description .extended-description > :is(h3,.h3,p:first-child),
html body.type-detail #content #description #znacka > h2,
html body.type-detail #content #description #ratingTab > h2 {margin-top:0!important;margin-bottom:var(--prb-heading-gap)!important;}
html body.type-detail #content #description .detail-parameters {margin-bottom:0!important;}
/* Visual header for Shoptet native parameters: existing paragraph, no injected HTML. */
html body.type-detail #content #description .extended-description > p:has(+ table.detail-parameters) {
  background-color: var(--prb-ui-table-header) !important;
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  text-align: left !important;
  margin: var(--prb-heading-gap) 0 0 !important;
  padding: 12px 20px !important;
  border-radius: var(--prb-ui-table-radius) var(--prb-ui-table-radius) 0 0;
  box-sizing: border-box;
}
html body.type-detail #content #description .extended-description > p:has(+ table.detail-parameters):first-child {
  margin-top: 0 !important;
}
html body.type-detail #content #description .extended-description > p:has(+ table.detail-parameters) :is(strong,b,span) {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
html body.type-detail #content #description .extended-description > p:has(+ table.detail-parameters) + table.detail-parameters {
  margin-top: 0 !important; /* Join native parameter rows to their green heading. */
  border-top: 0;
  border-radius: 0 0 var(--prb-ui-table-radius) var(--prb-ui-table-radius);
}
@media(max-width:767px) {
  html body.type-detail #content #description .extended-description > p:has(+ table.detail-parameters) {
    font-size: 15px !important;
    padding: 11px 11px !important;
  }
}

html body.type-detail #content :is(#relatedFiles,#soubory,#video) {margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;}
html body.type-detail #content #description .basic-description h2 + :is(p,ul,ol,div,table,details),
html body.type-detail #content :is(.products-header,.dfwidget-title,#prb-native-files-title) + * {margin-top:0!important;}
html body.type-detail #content :is(.products-related-wrapper,.products-alternative-wrapper) {padding-top:0!important;}
@media(max-width:767px){html body.type-detail #content #description .basic-description :is(h3,h4):not(.faq-question):not(:where(.faq-item *)) {margin-top:20px!important;margin-bottom:20px!important;}}

/* Normalize the outer edges of native carousel wrappers, not their cards. */
html body.type-detail #content :is(.products-related-wrapper,.products-alternative-wrapper) {
 margin-block:0!important;padding-block:0!important;
}
html body.type-detail #content :is(.products-related-wrapper,.products-alternative-wrapper) > .products {
 margin-block:0!important;padding-block:0!important;
}
html body.type-detail #content .dfwidget-host:has(.dfwidget-title) {
 margin-block:0!important;padding-block:0!important;
}
html body.type-detail #content .dfwidget-title + * {margin-top:0!important;padding-top:0!important;}
html body.type-detail #content #description .basic-description :is(p,ul,ol,table):has(+ :is(h2,h3,h4)) {margin-bottom:0!important;}
html body.type-detail #content #description .basic-description :is(h3,h4):not(.faq-question):not(:where(.faq-item *)) + :is(p,ul,ol,table) {margin-top:0!important;}

/* PDP11: product discussion retired globally; native reviews are independent. */
html body.type-detail #productDiscussion,
html body.type-detail [data-testid="tabDiscussion"],
html body.type-detail a[href="#productDiscussion"],
html body.type-detail .shp-tab:has(> a[href="#productDiscussion"]),
html body.type-detail .shp-accordion:has(.shp-accordion-link[href="#productDiscussion"]):not(:has(#description,#ratingTab,#relatedFiles)),
html body.type-detail .sticky-mobile-accordion li:has(> a[href="#productDiscussion"]) {
 display:none!important;
}

/* =============================================================
   PRAVEBIO — REGISTRATION UX v1.0 | 2026-10-08
   Scoped to the native registration form, not a language-dependent page class.
   Native customer groups, dynamic company fields, privacy consent,
   password validation and submission remain untouched.
   Brand colours: globalni tokeny --prb-ui-* v tomto souboru
   ============================================================= */
body:has(#content-wrapper #register-form) {
  --prb-reg-ink: #1B312B;
  --prb-reg-muted: #5F6F6B;
  --prb-reg-border: var(--prb-ui-border);
  --prb-reg-soft: var(--prb-ui-surface-sage);
  --prb-reg-surface: var(--prb-ui-surface-soft);
  --prb-reg-accent: var(--prb-ui-coral-hover);
  --prb-reg-accent-hover: #A43A21;
}

/* The native left-hand category sidebar is inappropriate on registration. */
body:has(#content-wrapper #register-form) #content-wrapper > .content-wrapper-in > aside.sidebar-left {
  display: none !important;
}
body:has(#content-wrapper #register-form) #content-wrapper.container {
  width: calc(100% - 2 * var(--prb-shell-gutter));
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px clamp(16px, 4vw, 48px) 64px;
  box-sizing: border-box;
}
body:has(#content-wrapper #register-form) #content-wrapper .content-wrapper-in {
  display: block;
  width: 100%;
}
body:has(#content-wrapper #register-form) #content-wrapper main#content.content.narrow {
  display: block;
  float: none;
  width: 100% !important;
  max-width: 980px;
  min-width: 0;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
body:has(#content-wrapper #register-form) #content-wrapper #content > .content-inner {
  width: 100%;
  max-width: none;
}
body:has(#content-wrapper #register-form) #content-wrapper #content h1 {
  text-align: center;
  color: var(--prb-reg-ink);
  font-size: clamp(28px, 3.2vw, 38px);
  font-weight: 800;
  line-height: 1.2;
  margin: 8px 0 28px;
  text-transform: none;
}
body:has(#content-wrapper #register-form) #content-wrapper .breadcrumbs {
  text-align: center;
  margin: 0 auto 12px;
}

/* Group the native Shoptet fieldsets into consistent cards. */
body:has(#content-wrapper #register-form) #register-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  width: 100%;
  max-width: none;
  margin: 0;
}
body:has(#content-wrapper #register-form) #register-form > .co-box {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration,
body:has(#content-wrapper #register-form) #register-form > .co-box > fieldset,
body:has(#content-wrapper #register-form) #register-form > fieldset.stay-in-touch,
body:has(#content-wrapper #register-form) #register-form > fieldset:not(.co-registration):not(.stay-in-touch),
body:has(#content-wrapper #register-form) #register-form > .social-login {
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  padding: clamp(20px, 3vw, 30px);
  background: #fff;
  border: 1px solid var(--prb-reg-border);
  border-radius: var(--prb-ui-radius-panel);
  box-shadow: 0 3px 16px rgba(27, 49, 43, .035);
}
body:has(#content-wrapper #register-form) #register-form h2 {
  margin: 0 0 18px;
  padding: 0;
  color: var(--prb-reg-ink);
  font-size: clamp(20px, 2.3vw, 24px);
  line-height: 1.3;
  font-weight: 800;
  text-align: left;
  text-transform: none;
}

/* Customer types: two equal selectable cards on desktop and tablet. */
body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration > h2 {
  grid-column: 1 / -1;
  margin-bottom: 4px;
}
body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration > .form-group {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 78px;
  box-sizing: border-box;
  padding: 14px 16px;
  margin: 0;
  border: 1px solid var(--prb-reg-border);
  border-radius: var(--prb-ui-radius);
  background: var(--prb-reg-surface);
  cursor: pointer;
}
body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration > .form-group:has(input[name="customerGroupId"]:checked) {
  border: 2px solid var(--prb-reg-ink);
  background-color: var(--prb-ui-surface-sage);
  background-image: linear-gradient(180deg, var(--prb-ui-surface-sage) 0%, var(--prb-ui-surface-sage-light) 58%, var(--prb-ui-surface-soft) 100%);
  box-shadow: none;
}
/* One keyboard-only focus indication on the entire card; no extra ring on mouse click. */
body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration > .form-group:has(:focus-visible) {
  outline: 2px solid var(--prb-reg-accent);
  outline-offset: 2px;
}
body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration > .form-group input[name="customerGroupId"]:focus,
body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration > .form-group label:focus {
  outline: none !important;
  box-shadow: none !important;
}
body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration .form-group label {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: var(--prb-reg-muted);
  cursor: pointer;
  overflow-wrap: anywhere;
}
body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration .form-group label strong {
  color: var(--prb-reg-ink);
  font-weight: 800;
}

/* Two-column inputs on desktop. Never force hidden, conditional fields open. */
body:has(#content-wrapper #register-form) #register-form > .co-box > fieldset {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 18px;
  row-gap: 18px;
  align-items: start;
}
body:has(#content-wrapper #register-form) #register-form > .co-box > fieldset > h2,
body:has(#content-wrapper #register-form) #register-form > .co-box > fieldset > .form-legend,
body:has(#content-wrapper #register-form) #register-form > .co-box > fieldset > #company-info,
body:has(#content-wrapper #register-form) #register-form > .co-box > fieldset > .company-shopping,
body:has(#content-wrapper #register-form) #register-form > .co-box > fieldset > .phone-form-group {
  grid-column: 1 / -1;
}
body:has(#content-wrapper #register-form) #register-form > .co-box:not(#additionalInformation) > fieldset > .form-group:first-of-type,
body:has(#content-wrapper #register-form) #register-form > #additionalInformation > fieldset > .form-group:has(#billFullName) {
  grid-column: 1 / -1;
}
body:has(#content-wrapper #register-form) #register-form .co-box > fieldset > .form-group {
  float: none;
  clear: none;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  text-align: left;
}
body:has(#content-wrapper #register-form) #register-form .co-box .smart-label-wrapper > label {
  display: block;
  position: static !important;
  transform: none !important;
  width: auto;
  height: auto;
  margin: 0 0 7px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--prb-reg-ink);
  font-weight: 700;
}
body:has(#content-wrapper #register-form) #register-form .co-box .form-control-wrapper,
body:has(#content-wrapper #register-form) #register-form .co-box .phone-combined-input {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
body:has(#content-wrapper #register-form) #register-form .co-box .form-control,
body:has(#content-wrapper #register-form) #register-form .co-box select {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--prb-reg-border);
  border-radius: var(--prb-ui-radius);
  background-color: #fff;
  color: var(--prb-reg-ink);
  font-size: 16px;
}
body:has(#content-wrapper #register-form) #register-form .co-box .form-control:focus,
body:has(#content-wrapper #register-form) #register-form .co-box select:focus {
  border-color: var(--prb-reg-ink);
  outline: 2px solid var(--prb-reg-soft);
  outline-offset: 1px;
}
body:has(#content-wrapper #register-form) #register-form .co-box .form-legend {
  margin: -8px 0 2px;
  color: var(--prb-reg-muted);
  font-size: 13px;
}

/* Newsletter remains opt-out. Consent, validation and backend semantics stay native. */
body:has(#content-wrapper #register-form) #register-form > h2 {
  margin: 6px 0 -12px;
  padding: 0 2px;
}
body:has(#content-wrapper #register-form) #register-form > fieldset.stay-in-touch {
  background: var(--prb-reg-surface);
  padding: 20px 26px;
}
body:has(#content-wrapper #register-form) #register-form > fieldset.stay-in-touch .form-group {
  margin: 0;
}
body:has(#content-wrapper #register-form) #register-form > fieldset:not(.co-registration):not(.stay-in-touch) .consents {
  max-width: 100%;
  margin: 0 0 24px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
body:has(#content-wrapper #register-form) #register-form > fieldset:not(.co-registration):not(.stay-in-touch) .consents p {
  max-width: 100%;
  font-size: 14px;
  line-height: 1.65;
}
body:has(#content-wrapper #register-form) #register-form > fieldset:not(.co-registration):not(.stay-in-touch) .submit-wrapper {
  margin: 0;
  text-align: center;
}
body:has(#content-wrapper #register-form) #register-form > fieldset:not(.co-registration):not(.stay-in-touch) button[type="submit"] {
  min-width: min(100%, 280px);
  min-height: 52px;
  padding: 13px 28px;
  border: 1px solid var(--prb-reg-ink);
  border-radius: var(--prb-ui-radius);
  background: var(--prb-reg-ink);
  color: #fff !important;
  font-size: 16px;
  font-weight: 800;
}
body:has(#content-wrapper #register-form) #register-form > fieldset:not(.co-registration):not(.stay-in-touch) button[type="submit"]:hover,
body:has(#content-wrapper #register-form) #register-form > fieldset:not(.co-registration):not(.stay-in-touch) button[type="submit"]:focus-visible {
  background: #14251F;
  border-color: #14251F;
  color: #fff !important;
}
body:has(#content-wrapper #register-form) #register-form .consents a {
  color: var(--prb-reg-accent) !important;
  text-decoration: underline;
  font-weight: 700;
}
body:has(#content-wrapper #register-form) #register-form .consents a:hover {
  color: var(--prb-reg-accent-hover) !important;
}

/* Social providers keep their original brand colours; only layout changes. */
body:has(#content-wrapper #register-form) #register-form > .social-login {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
body:has(#content-wrapper #register-form) #register-form > .social-login > h2 {
  grid-column: 1 / -1;
  margin-bottom: 4px;
}
body:has(#content-wrapper #register-form) #register-form > .social-login > .form-group {
  margin: 0;
  min-width: 0;
}
body:has(#content-wrapper #register-form) #register-form > .social-login .login-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 50px;
  border-radius: var(--prb-ui-radius);
  text-align: center;
}
body:has(#content-wrapper #register-form) #register-form > .social-login .login-btn strong {
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

@media (min-width: 681px) and (max-width: 1023px) {
  body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration,
  body:has(#content-wrapper #register-form) #register-form > .social-login {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body:has(#content-wrapper #register-form) #register-form > .social-login > .form-group:last-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 680px) {
  body:has(#content-wrapper #register-form) #content-wrapper.container {
    padding: 16px 14px 42px;
  }
  body:has(#content-wrapper #register-form) #content-wrapper #content h1 {
    margin: 4px 0 20px;
    font-size: 28px;
  }
  body:has(#content-wrapper #register-form) #register-form {
    gap: 16px;
  }
  body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration,
  body:has(#content-wrapper #register-form) #register-form > .co-box > fieldset,
  body:has(#content-wrapper #register-form) #register-form > .social-login {
    grid-template-columns: minmax(0, 1fr);
  }
  body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration,
  body:has(#content-wrapper #register-form) #register-form > .co-box > fieldset,
  body:has(#content-wrapper #register-form) #register-form > fieldset.stay-in-touch,
  body:has(#content-wrapper #register-form) #register-form > fieldset:not(.co-registration):not(.stay-in-touch),
  body:has(#content-wrapper #register-form) #register-form > .social-login {
    padding: 18px 16px;
    border-radius: var(--prb-ui-radius-panel);
  }
  body:has(#content-wrapper #register-form) #register-form > fieldset.co-registration > .form-group {
    min-height: 60px;
  }
  body:has(#content-wrapper #register-form) #register-form > fieldset:not(.co-registration):not(.stay-in-touch) button[type="submit"] {
    width: 100%;
  }
}


/* PRAVEBIO / NEWSLETTER CAPTCHA LAYOUT / 2026-10-08 v4
   Scope: native Shoptet footer newsletter form only.
   Keep the Shoptet CAPTCHA, original form action, inputs and validation intact.
   Required DOM order: email -> CAPTCHA -> submit button.
*/
.custom-footer__newsletter #formNewsletterWidget {
  box-sizing: border-box;
  flex: 1 1 420px;
  min-width: 0;
  width: 100%;
  max-width: 500px;
}

/* Legacy .subscribe-form fieldset rule used row layout even for nested CAPTCHA. */
.custom-footer__newsletter #formNewsletterWidget > fieldset {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0 !important;
  border: 0;
  background: transparent;
  text-align: left;
}

.custom-footer__newsletter #formNewsletterWidget > fieldset > .form-group {
  box-sizing: border-box;
  order: 0 !important;
  width: 100%;
  min-width: 0;
  margin: 0 !important;
}

/* CAPTCHA stays below email, but its image and input are side-by-side on wide screens. */
.custom-footer__newsletter #formNewsletterWidget > fieldset > fieldset.box {
  box-sizing: border-box;
  order: 1 !important;
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: end !important;
  gap: 10px 14px !important;
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  text-align: left;
}

/* Only visually hide the redundant heading. Screen readers can still read it. */
.custom-footer__newsletter #formNewsletterWidget > fieldset > fieldset.box > h2 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.custom-footer__newsletter #formNewsletterWidget > fieldset > fieldset.box > .form-group {
  box-sizing: border-box;
  order: 0 !important;
  min-width: 0;
  width: 100%;
  margin: 0 !important;
}
.custom-footer__newsletter #formNewsletterWidget .captcha-image {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 48px;
}
.custom-footer__newsletter #formNewsletterWidget .captcha-image img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
}
.custom-footer__newsletter #formNewsletterWidget .form-control-wrapper,
.custom-footer__newsletter #formNewsletterWidget .form-group label {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}
.custom-footer__newsletter #formNewsletterWidget input[type="email"],
.custom-footer__newsletter #formNewsletterWidget input[name="captcha"] {
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 50px;
  margin: 0 !important;
  border: 1px solid var(--prb-ui-border) !important;
  border-radius: var(--prb-ui-radius);
  background: #fff !important;
  color: #1B312B !important;
  font-size: 16px;
  text-align: left;
}
.custom-footer__newsletter #formNewsletterWidget input[type="email"]:focus,
.custom-footer__newsletter #formNewsletterWidget input[name="captcha"]:focus {
  border-color: var(--prb-ui-coral-hover) !important;
  outline: 2px solid var(--prb-ui-surface-sage);
  outline-offset: 1px;
}

/* Button always follows CAPTCHA, including the legacy mobile column-reverse rule. */
.custom-footer__newsletter #formNewsletterWidget > fieldset > button[type="submit"] {
  box-sizing: border-box;
  order: 2 !important;
  align-self: flex-start !important;
  position: static !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 180px;
  max-width: 100%;
  min-height: 50px;
  padding: 12px 25px;
  margin: 0 !important;
  background: #1B312B !important;
  border: 1px solid #1B312B !important;
  border-radius: var(--prb-ui-radius);
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.3;
  font-weight: 700;
}
.custom-footer__newsletter #formNewsletterWidget > fieldset > button[type="submit"]:hover,
.custom-footer__newsletter #formNewsletterWidget > fieldset > button[type="submit"]:focus-visible {
  background: var(--prb-ui-coral-hover) !important;
  border-color: var(--prb-ui-coral-hover) !important;
  color: #fff !important;
}

@media (min-width: 768px) and (max-width: 1099px) {
  /* On tablets, do not force the heading and form into one cramped row. */


  .custom-footer__newsletter #formNewsletterWidget {
    flex: 1 1 360px;
    min-width: 0;
  }
}

@media (max-width: 767px) {
  .custom-footer__newsletter #formNewsletterWidget {
    flex: 0 1 auto;
    max-width: 100%;
  }
  .custom-footer__newsletter #formNewsletterWidget > fieldset > fieldset.box {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }
  .custom-footer__newsletter #formNewsletterWidget > fieldset > button[type="submit"] {
    align-self: stretch !important;
    width: 100% !important;
  }
  .custom-footer__newsletter #formNewsletterWidget .captcha-image {
    justify-content: center !important;
  }
}

/* Stabilise the newsletter flex container across template/editor layouts. */


@media (max-width: 767px) {

}


/* ============================================================
   PRAVEBIO | FORGOTTEN PASSWORD UX | 2026-10-08 V5
   Scoped to the native password-reset form, not a language-dependent page class.
   No markup, validation, submission or hidden anti-spam changes.
   ============================================================ */
body:has(#content-wrapper #formForgottenPassword) {
  --prb-reset-ink: #1B312B;
  --prb-reset-muted: #5F6F6B;
  --prb-reset-border: var(--prb-ui-border);
  --prb-reset-accent: var(--prb-ui-coral-hover);
  --prb-reset-surface: var(--prb-ui-surface-soft);
}

body:has(#content-wrapper #formForgottenPassword) #content-wrapper > .content-wrapper-in > aside.sidebar-left {
  display: none !important;
}
body:has(#content-wrapper #formForgottenPassword) #content-wrapper.container {
  width: calc(100% - 2 * var(--prb-shell-gutter));
  max-width: 920px;
  margin: 0 auto;
  padding: 24px clamp(16px, 4vw, 48px) 72px;
  box-sizing: border-box;
}
body:has(#content-wrapper #formForgottenPassword) #content-wrapper .content-wrapper-in {
  display: block;
  width: 100%;
}
body:has(#content-wrapper #formForgottenPassword) #content-wrapper main#content.content.narrow {
  float: none;
  display: block;
  width: 100% !important;
  max-width: 620px;
  min-width: 0;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
body:has(#content-wrapper #formForgottenPassword) #content-wrapper #content > .content-inner {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0 auto;
  padding: clamp(22px, 4vw, 48px);
  box-sizing: border-box;
  background-color: var(--prb-ui-surface-sage);
  background-image: linear-gradient(180deg, var(--prb-ui-surface-sage) 0%, var(--prb-ui-surface-sage-light) 58%, var(--prb-ui-surface-soft) 100%);
  border: 1px solid var(--prb-reset-border);
  border-radius: var(--prb-ui-radius);
  box-shadow: 0 12px 36px rgba(27, 49, 43, 0.06);
}
body:has(#content-wrapper #formForgottenPassword) #content-wrapper .breadcrumbs {
  text-align: center;
  margin-bottom: 18px;
}
body:has(#content-wrapper #formForgottenPassword) #content-wrapper #content h1 {
  margin: 0 0 16px;
  text-align: center;
  color: var(--prb-reset-ink);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
  line-height: 1.2;
  text-transform: none;
}
body:has(#content-wrapper #formForgottenPassword) #content-wrapper #content > .content-inner > p {
  max-width: 48ch;
  margin: 0 auto 28px;
  color: var(--prb-reset-muted);
  text-align: center;
  font-size: 15.5px;
  line-height: 1.65;
}
body:has(#content-wrapper #formForgottenPassword) #formForgottenPassword {
  width: 100%;
  max-width: 470px;
  margin: 0 auto;
}
body:has(#content-wrapper #formForgottenPassword) #formForgottenPassword > fieldset {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
body:has(#content-wrapper #formForgottenPassword) #formForgottenPassword .form-group {
  display: block;
  width: 100%;
  margin: 0;
  min-width: 0;
}
body:has(#content-wrapper #formForgottenPassword) #formForgottenPassword .form-group label {
  display: block;
  margin: 0 0 8px;
  color: var(--prb-reset-ink);
  font-size: 14px;
  font-weight: 700;
}
body:has(#content-wrapper #formForgottenPassword) #formForgottenPassword .form-control-wrapper {
  width: 100%;
  min-width: 0;
}
body:has(#content-wrapper #formForgottenPassword) #formForgottenPassword input[type="email"] {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: 52px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid var(--prb-reset-border);
  border-radius: var(--prb-ui-radius);
  color: var(--prb-reset-ink);
  font-size: 16px;
}
body:has(#content-wrapper #formForgottenPassword) #formForgottenPassword input[type="email"]:focus-visible {
  outline: 2px solid var(--prb-reset-accent);
  outline-offset: 2px;
  border-color: var(--prb-reset-ink);
}
body:has(#content-wrapper #formForgottenPassword) #formForgottenPassword .submit-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}
body:has(#content-wrapper #formForgottenPassword) #formForgottenPassword button[type="submit"] {
  box-sizing: border-box;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 12px 24px;
  background: var(--prb-reset-ink) !important;
  border: 1px solid var(--prb-reset-ink) !important;
  border-radius: var(--prb-ui-radius);
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  cursor: pointer;
}
body:has(#content-wrapper #formForgottenPassword) #formForgottenPassword button[type="submit"]:hover,
body:has(#content-wrapper #formForgottenPassword) #formForgottenPassword button[type="submit"]:focus-visible {
  background: var(--prb-reset-accent) !important;
  border-color: var(--prb-reset-accent) !important;
  color: #fff !important;
}
@media (max-width: 767px) {
  body:has(#content-wrapper #formForgottenPassword) #content-wrapper.container {
    padding: 16px 14px 48px;
  }
  body:has(#content-wrapper #formForgottenPassword) #content-wrapper #content > .content-inner {
    padding: 24px 18px;
    border-radius: var(--prb-ui-radius);
  }
}


/* ============================================================
   PRAVEBIO | V6 2026-10-08 | ISOLATED RESPONSIVE REFINEMENTS
   Built on approved V5, no global grid or footer column overrides.
   ============================================================ */

/* The newsletter gutters are defined once in the canonical footer layout below. */
@media (max-width: 767px) {

}

/* Tablet keeps a small symmetrical gutter too; desktop unchanged. */
@media (min-width: 768px) and (max-width: 1099px) {

}

/* Only category product LISTING at tablet widths. The previous 48% width
   plus 10px margins on each side prevents two cards sharing one row. */
@media (min-width: 600px) and (max-width: 991px) {
  body.type-category #products.products-block {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  body.type-category #products.products-block > div.product {
    box-sizing: border-box;
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    margin: 0 !important;
  }
}






/* ============================================================================
   PRAVEBIO | ONE AUTHORITATIVE FOOTER + NEWSLETTER + INSTAGRAM LAYOUT
   Native Shoptet controls form submissions, CAPTCHA, and editor banners.
   Javascript moves native newsletter and Instagram widgets once; the four
   original banners remain native children of #footer .row.custom-footer.
   ============================================================================ */
.full-width-news.newsletter {
  box-sizing: border-box;
  display: block;
  width: calc(100% - 48px - 2 * var(--prb-shell-gutter));
  max-width: 1600px;
  padding: 0;
  margin: 28px auto;
  border-radius: var(--prb-ui-radius-panel);
  background-color: var(--prb-ui-surface-sage);
  background-image: linear-gradient(180deg, var(--prb-ui-surface-sage) 0%, var(--prb-ui-surface-sage-light) 58%, var(--prb-ui-surface-soft) 100%);

  border: 1px solid var(--prb-ui-border);
}
.full-width-news.newsletter > .custom-footer__newsletter {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(140px, 220px) minmax(210px, 290px) minmax(320px, 500px);
  justify-content: center;
  align-items: center;
  column-gap: clamp(16px, 2vw, 32px);
  width: 100%;
  max-width: 1320px;
  min-width: 0;
  margin: 0 auto;
  padding: 30px clamp(16px, 3vw, 48px);
}
.full-width-news.newsletter > .custom-footer__newsletter::before {
  content: "";
  display: block;
  width: 100%;
  height: 236px;
  background: url('https://pravebio.cz/user/documents/upload/newsletter_final_n250.png') center / contain no-repeat;
}
.custom-footer__newsletter > .newsletter-header {
  box-sizing: border-box;
  position: static;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.custom-footer__newsletter > .newsletter-header > .pageElement__heading.topic {
  min-width: 0;
  width: auto;
  margin: 0 0 12px;
  font-family: 'Plus Jakarta Sans', Arial, sans-serif;
  font-size: clamp(23px, 2.1vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.25;
  letter-spacing: -.015em;
  text-transform: none !important;
  color: #1B312B !important;
}
.custom-footer__newsletter > .newsletter-header > p {
  max-width: 46ch;
  margin: 0;
  color: var(--prb-ui-text);
  font-size: var(--prb-ui-body-size);
  line-height: var(--prb-ui-body-leading);
}
.custom-footer__newsletter #formNewsletterWidget {
  width: 100%;
  max-width: 500px;
  min-width: 0;
  margin: 0;
}
.custom-footer__newsletter .btn.btn-arrow-right::before {
  content: none;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .full-width-news.newsletter {
    width: calc(100% - 32px - 2 * var(--prb-shell-gutter));
  
  border: 1px solid var(--prb-ui-border);
}
  /* One full-width grid track; centre the two children independently.
     This avoids a narrower newsletter form anchoring at the grid start. */
  /* On Shoptet tablet previews the newsletter may inherit a different
     layout mode from its outer template. Explicitly center the children
     with flex instead of relying on grid-only justify-self. */
  .full-width-news.newsletter > .custom-footer__newsletter {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 22px;
  }
  .full-width-news.newsletter > .custom-footer__newsletter::before {
    display: none;
  }
  .full-width-news.newsletter > .custom-footer__newsletter > .newsletter-header {
    width: 100%;
    max-width: 760px;
    margin-inline: auto;
    align-self: center;
    text-align: center;
  }
  .full-width-news.newsletter > .custom-footer__newsletter > .newsletter-header > p {
    margin-left: auto;
    margin-right: auto;
  }
  /* Center the real Shoptet form, not only its inner CAPTCHA image. */
  .full-width-news.newsletter > .custom-footer__newsletter #formNewsletterWidget {
    box-sizing: border-box;
    position: static !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    display: block !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* Tablet CAPTCHA: one column and centre the image over its input.
     Overrides desktop two-column CAPTCHA grid; no JS or DOM changes. */
  .full-width-news.newsletter .custom-footer__newsletter #formNewsletterWidget > fieldset > fieldset.box {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch;
    gap: 10px !important;
  }
  .full-width-news.newsletter .custom-footer__newsletter #formNewsletterWidget > fieldset > fieldset.box > .captcha-image {
    grid-column: 1 !important;
    width: 100%;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
  }
  .full-width-news.newsletter .custom-footer__newsletter #formNewsletterWidget > fieldset > fieldset.box > .form-group:not(.captcha-image) {
    grid-column: 1 !important;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .full-width-news.newsletter {
    width: calc(100% - 24px);
    margin: 12px auto 24px;
  
  border: 1px solid var(--prb-ui-border);
}
  .full-width-news.newsletter > .custom-footer__newsletter {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 22px 16px;
    gap: 20px;
  }
  .full-width-news.newsletter > .custom-footer__newsletter::before {
    display: none;
  }
  /* The Shoptet editor can render its tablet preview at 766px.
     Center the 500px form inside the wider mobile-mode newsletter wrapper. */
  .full-width-news.newsletter > .custom-footer__newsletter #formNewsletterWidget {
    margin-inline: auto !important;
  }
  .custom-footer__newsletter > .newsletter-header {
    text-align: center;
  }
  .custom-footer__newsletter > .newsletter-header > .pageElement__heading.topic {
    margin-bottom: 9px;
    font-size: clamp(22px, 5.5vw, 28px);
  }
  .custom-footer__newsletter > .newsletter-header > p {
    margin-inline: auto;
    font-size: 14.5px;
  }
}

.full-width-instagram {
  display: block;
  width: calc(100% - 2 * var(--prb-shell-gutter));
  max-width: 100%;
  margin: 30px auto;
}
/* The linked Instagram follow line is the single visible introduction. */
.full-width-instagram .custom-footer__instagram > .pageElement__heading {
  display: none !important;
}
.full-width-instagram .instagram-follow-btn {
  margin: 25px auto 21px;
  text-align: center;
}
.full-width-instagram .instagram-follow-btn a {
  color: #e95321;
  font: 600 clamp(16px, 1.35vw, 19px)/1.45 'Plus Jakarta Sans', Arial, sans-serif;
  text-decoration: none;
}
.full-width-instagram .instagram-follow-btn a:hover {
  color: #b64021;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.full-width-instagram .instagram-follow-btn a:focus-visible {
  outline: 2px solid #b64021;
  outline-offset: 4px;
}

/* Similar and related: constrain only the outer native carousel wrappers;
   original Shoptet slider, arrows, card widths and swipe logic are intact. */
body.type-detail:not(.prb-product-template-rc6-active) #content :is(
  .products-related-wrapper.products-wrapper,
  .products-alternative-wrapper.products-wrapper
) {
  box-sizing: border-box;
  width: calc(100% - 48px);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  body.type-detail:not(.prb-product-template-rc6-active) #content :is(
    .products-related-wrapper.products-wrapper,
    .products-alternative-wrapper.products-wrapper
  ) {
    width: calc(100% - 28px);
  }
}

/* ================================================================
   PRAVEBIO V17 | LEGACY PDP BLOG / HELP BOX HIDE (2026-10-09)
   Only hides markup injected by the old w-script.js callback.
   Permanent resolution: remove the callback from w-script.js.
   No changes to native parameters, accordions or PDP navigation.
   ================================================================ */
html body.type-detail .description-inner .extended-description > .extended-blog,
html body.type-detail .description-inner .extended-description > .prb-legacy-help-box {
  display: none !important;
}

/* Plain short-copy lists retain their original indentation. Marker is shared. */
body.type-detail .p-short-description ul:not([class]):not([style]) {
  list-style-type: disc;
  list-style-position: outside;
  padding-inline-start: 20px;
}


/* RC4 brand roles: color-only rules. Layout and native disabled/click behavior stay native.
   RC4.8: primary actions retain dark green at rest and accessible coral on hover/focus. */
html:root {
  --color-primary: #BA4125;
  --color-primary-hover: #A43A21;
  --color-secondary: #1B312B;
  --color-secondary-hover: #BA4125;
  --color-tertiary: #BA4125;
  --color-tertiary-hover: #A43A21;
}
html body :is(.btn-conversion,.btn-cart,.add-to-cart-button,.discount-coupon .btn) {
  background-color: #1B312B !important; border-color: #1B312B !important; color: #FFFFFF !important;
}
html body :is(.btn-conversion,.btn-cart,.add-to-cart-button,.discount-coupon .btn):is(:hover,:focus-visible):not(:disabled):not(.disabled):not([aria-disabled="true"]):not(:where([class*="dfd-"] *,[class*="doofinder"] *)) {
  background-color: #BA4125 !important; border-color: #BA4125 !important; color: #FFFFFF !important;
}
html body :is(.btn-conversion,.btn-cart,.add-to-cart-button,.discount-coupon .btn):active:not(:disabled):not(.disabled):not([aria-disabled="true"]):not(:where([class*="dfd-"] *,[class*="doofinder"] *)) {
  background-color: #BA4125 !important;
  border-color: #BA4125 !important;
}
html body :is(.products .p-tools .btn:not(.btn-conversion):not(.btn-cart),.prb-variant-menu summary) {
  background-color: #E4ECE7 !important; border-color: #D6DAD9 !important; color: #1B312B !important;
}
html body :is(.products .p-tools .btn:not(.btn-conversion):not(.btn-cart),.prb-variant-menu summary):hover:not(:disabled):not(.disabled):not([aria-disabled="true"]) {
  background-color: #BA4125 !important; border-color: #BA4125 !important; color: #FFFFFF !important;
}
html body :is(.btn-conversion,.btn-cart,.add-to-cart-button,.products .p-tools .btn):is(:disabled,.disabled,[aria-disabled="true"]) {
  background-color: #F6F8F6 !important; border-color: #D6DAD9 !important; color: #5F6F6B !important; opacity: 1 !important;
}
html body :is(.btn,.prb-variant-menu summary):focus-visible {
  outline: 2px solid #BA4125 !important; outline-offset: 3px !important;
}
html body :is(.btn-conversion,.btn-cart,.add-to-cart-button) :is(span,strong,b) { color: inherit !important; }
html body :is(.btn-conversion,.btn-cart,.add-to-cart-button)::after { color: #FFFFFF !important; }
html body .flag:is(.flag-action,.flag-discount):not(:where(.prb-retail-card *)) { background-color:#BA4125!important; color:#FFFFFF!important; }
html body .flag.flag-new:not(:where(.prb-retail-card *)) { background-color:#E4ECE7!important; color:#1B312B!important; }
html body .flag.flag-bioproduct:not(:where(.prb-retail-card *)) { background-color:#E4ECE7!important; color:#1B312B!important; }
html body .ordering-process :is(.active .order-step-number,.order-step.active .order-step-number) { background:#1B312B; color:#FFFFFF; }
html body.ordering-process :is(.free-gifts,.free-gift-trigger,.toggle-coupon-input-button,.co-box,.order-summary-inner,.bonus-programme,.loyalty-info) {
  background-color:#F6F8F6; color:#3D504B;
}
html body.ordering-process :is(.free-gifts .active,.toggle-coupon-input-button:hover) { background-color:#E4ECE7; color:#1B312B; }
html body.ordering-process :is(.order-summary,.box-bg-default) { background-color:#FAF9F4; }
html body.ordering-process :is(input,select,textarea) { accent-color:#1B312B; }
html body.ordering-process #content a:not(.btn):not(.more-products-btn) { color:var(--prb-ui-coral-text); }

html body.ordering-process ol.cart-header li.active strong:before,html body.ordering-process ol.cart-header li.completed a:before{background-color:#1B312B!important;color:#FFFFFF!important;}
html:root{--color-primary-h:11.275;--color-primary-s:66.816%;--color-primary-l:43.725%;}
html:root{--color-primary-hover-h:11.450;--color-primary-hover-s:66.497%;--color-primary-hover-l:38.627%;}
html:root{--color-secondary-h:163.636;--color-secondary-s:28.947%;--color-secondary-l:14.902%;}
html:root{--color-secondary-hover-h:11.275;--color-secondary-hover-s:66.816%;--color-secondary-hover-l:43.725%;}
html:root{--color-tertiary-h:11.275;--color-tertiary-s:66.816%;--color-tertiary-l:43.725%;}
html:root{--color-tertiary-hover-h:11.450;--color-tertiary-hover-s:66.497%;--color-tertiary-hover-l:38.627%;}

html body .flag.flag-custom1:not(:where(.prb-retail-card *)) {background-color:#BA4125!important;color:#FFFFFF!important;}
html body .flag.flag-custom2:not(:where(.prb-retail-card *)) {background-color:#E4ECE7!important;color:#1B312B!important;}
html body :is(.mehub-bonus-product-detail-container .card-text,.mehub-bonus-checkout-container .card.blue) {background-color:#E4ECE7;color:#1B312B;}

/* Native cart supporting surfaces use fixed legacy colors outside the main tokens. */
html body.ordering-process .free-gifts > li.active > label {background-color:#E4ECE7!important;}
html body.ordering-process .price-range {background-color:#E4ECE7!important;}
html body.ordering-process .price-range > div {background-color:#1B312B!important;}
html body.ordering-process #checkoutContent .helper {background-color:#F6F8F6!important;}
html body.ordering-process ol.cart-header .step:after {border-color:#D6DAD9!important;}
html body.ordering-process ol.cart-header .step.completed:after {border-color:#1B312B!important;}


/* === B2B catalogue: moved from the existing JS style owner === */
/* B2B geometry is selected in HEAD from native customer data before listing markup. */
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block{--b2b-ink:#1B312B;--b2b-muted:#5F6F6B;--b2b-border:#D6DAD9;--b2b-coral:#BA4125;--b2b-title-size:14px;--b2b-copy-size:10.5px;--b2b-meta-size:10px;--b2b-stock-size:11px;--b2b-cta-size:11px;--b2b-label-size:12px;--b2b-price-label-size:11px;--b2b-tax-size:11.5px;--b2b-price-size:19px;--b2b-list-width:100%;--b2b-buy-width:224px;display:block!important;width:100%!important;max-width:var(--b2b-list-width)!important;margin:0 auto!important;padding:0!important;border:1px solid var(--b2b-border);background:#fff;border-radius:var(--prb-ui-radius);box-sizing:border-box!important;container-type:inline-size;container-name:prb-list}
/* Desktop readability and scan width; tablet/mobile retain their compact scale. */
@media (min-width:1200px){
 :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block{
  --b2b-title-size:17px;--b2b-copy-size:14px;--b2b-meta-size:12px;
  --b2b-stock-size:13px;--b2b-cta-size:14px;--b2b-label-size:14px;
  --b2b-price-label-size:13px;--b2b-tax-size:13px;--b2b-price-size:23px;
  --b2b-list-width:1200px;--b2b-buy-width:300px;
 }
}

:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > div.product{width:100%!important;max-width:100%!important;min-width:0!important;flex:0 0 100%!important;float:none!important;clear:both!important;display:block!important;position:relative!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;border:0!important;border-bottom:1px solid var(--b2b-border)!important;box-shadow:none!important;background:#fff!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product:last-of-type{border-bottom:0!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product:hover{background:#FAF9F4!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:start!important;column-gap:16px!important;row-gap:0!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:12px 48px 12px 16px!important;box-sizing:border-box!important;position:relative!important;border:0!important;box-shadow:none!important;background:transparent!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p > a.image{grid-column:1!important;grid-row:1!important;position:relative!important;display:block!important;float:none!important;align-self:start!important;width:68px!important;height:76px!important;max-width:68px!important;min-height:0!important;margin:0!important;padding:0!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p > a.image img{display:block!important;max-width:100%!important;width:68px!important;height:76px!important;object-fit:contain!important;margin:0!important;padding:0!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .image .flags,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .image .flags-default{display:flex!important;position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;flex-wrap:wrap!important;align-items:start!important;gap:2px!important;padding:0!important;margin:0!important;transform:none!important;z-index:2}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .image .flag{display:inline-block!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;min-width:0!important;padding:1px 3px!important;margin:0!important;border-radius:var(--prb-ui-radius)!important;font-size:9px!important;line-height:1.15!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .image .flag-custom2{background:#E4ECE7!important;color:#1B312B!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .image .flag-custom1{background:#FFF2EC!important;color:var(--b2b-coral)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .image .flag-discount{display:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .widget-parameter-wrapper{display:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p > .no-display{display:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p > .p-in{grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(205px,var(--b2b-buy-width))!important;gap:16px!important;align-items:start!important;float:none!important;position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;text-align:left!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-in-in{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;position:static!important;float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;gap:0!important;text-align:left!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-in-in > a.name,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-in-in > a.name [data-micro="name"]{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;color:var(--b2b-ink)!important;font-size:var(--b2b-title-size)!important;line-height:1.38!important;font-weight:700!important;letter-spacing:-.01em!important;text-decoration:none!important;text-align:left!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-in-in > a.name:hover{text-decoration:underline!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .product-appendix{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2;overflow:hidden!important;max-height:2.9em!important;min-height:0!important;width:100%!important;padding:0!important;margin:3px 0 0!important;color:var(--b2b-muted)!important;font-size:var(--b2b-copy-size)!important;font-weight:450!important;line-height:1.45!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .ratings-wrapper{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;text-align:left!important;width:100%!important;height:auto!important;min-height:0!important;flex-wrap:wrap!important;align-items:flex-start!important;margin:5px 0 0!important;padding:0!important;gap:4px 9px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .stars-wrapper{display:flex!important;justify-content:flex-start!important;align-self:flex-start!important;text-align:left!important;margin:0!important;width:auto!important;align-items:center!important;gap:4px!important;line-height:1!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .stars-wrapper .stars{display:inline-flex!important;justify-content:flex-start!important;width:auto!important;margin:0!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .stars-wrapper[data-micro-rating-count="0"]{display:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .stars-wrapper .star{color:var(--b2b-coral)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .availability{width:auto!important;flex:0 0 auto!important;margin:0!important;justify-content:flex-start!important;align-self:flex-start!important;text-align:left!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .availability,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .availability *{font-size:var(--b2b-stock-size)!important;line-height:1.3!important;font-weight:650!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product:has(.widget-parameter-wrapper) .availability{display:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-desc{display:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom{display:block!important;float:none!important;position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;box-sizing:border-box!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom > [data-micro="offer"]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:center!important;gap:12px!important;float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;box-sizing:border-box!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom .prices{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:2px!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;text-align:right!important;color:var(--b2b-ink)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prices .price-additional{display:block!important;order:1;width:100%!important;margin:0!important;padding:0!important;font-size:16px!important;font-weight:800!important;line-height:1.3!important;color:var(--b2b-ink)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prices .price-final{display:block!important;order:2;min-height:0!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.35!important;font-weight:400!important;color:var(--b2b-muted)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prices .price-final strong,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prices .price-final span{font-size:11px!important;font-weight:400!important;color:var(--b2b-muted)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prices .price-final::before{content:"Cena s DPH: "}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .price-standard,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .price-standard-wrapper,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .price-save,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .price-discount{display:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .price-measure,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .price-measure *{order:3;min-height:0!important;font-size:10px!important;line-height:1.35!important;font-weight:400!important;color:var(--b2b-muted)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools{display:flex!important;flex-direction:column!important;justify-content:center!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important;float:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools form{display:grid!important;grid-template-columns:minmax(112px,1fr) minmax(0,1.1fr)!important;gap:8px!important;align-items:center!important;margin:0!important;padding:0!important;width:100%!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools :is(.btn,.btn-cart){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:6px 8px!important;margin:0!important;box-sizing:border-box!important;border:1px solid var(--b2b-ink)!important;border-radius:var(--prb-ui-radius)!important;font-size:var(--b2b-cta-size)!important;font-weight:700!important;line-height:1.3!important;text-decoration:none!important;text-align:center!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools :is(.btn,.btn-cart) *{color:#fff!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools :is(.btn-cart,.prb-variant-submit){column-gap:6px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools :is(.btn-cart,.prb-variant-submit)::before{content:"\e921";font-family:shoptet!important;font-style:normal;font-weight:400;line-height:1!important;font-size:20px!important;margin:0!important;color:inherit!important}

:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .product .quantity{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;justify-content:stretch!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid var(--b2b-border)!important;border-radius:var(--prb-ui-radius)!important;box-sizing:border-box!important;background:var(--prb-ui-surface)!important}
/* Quantity colors express enabled/disabled state for both native and variant controls.
   Disable the whole surface only when the amount input is disabled, not when
   the minus step alone reaches its minimum. */
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block :is(.quantity,.prb-variant-quantity):not(:has(input:disabled)):focus-within{border-color:var(--prb-ui-coral-text)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block :is(.quantity,.prb-variant-quantity):has(input:disabled){background:var(--prb-ui-surface-soft)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity:has(input:disabled) :is(.amount,.increase,.decrease){color:var(--prb-ui-muted)!important;cursor:not-allowed!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity :is(.increase,.decrease):is(:disabled,[aria-disabled="true"],.disabled){color:var(--prb-ui-muted)!important;cursor:not-allowed!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity:not(:has(input:disabled)) :is(.increase,.decrease):not(:disabled):not([aria-disabled="true"]):not(.disabled):hover{background:var(--prb-ui-surface-sage)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity :is(label,.increase,.decrease){min-width:0!important;margin:0!important;padding:0!important;line-height:1!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity label{background:transparent!important;order:2!important;max-width:100%!important;display:block!important;min-width:0!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity .decrease{order:1!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity .increase{order:3!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity .amount{background:transparent!important;height:40px!important;margin:0!important;border:0!important;box-shadow:none!important;outline-offset:2px!important;font-size:14px!important;line-height:40px!important;color:var(--b2b-ink)!important;appearance:textfield!important;-webkit-appearance:textfield!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity :is(.decrease,.increase){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:42px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;color:var(--b2b-ink)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity label,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity label *{text-decoration:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity .increase-tooltip,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity .decrease-tooltip{display:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product:has(.widget-parameter-wrapper) .prices :is(.price-additional,.price-final,.price-measure){display:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product:has(.widget-parameter-wrapper) .prices::before{content:"Vyberte balení pro zobrazení ceny";display:block;font-weight:650;font-size:var(--b2b-price-label-size);line-height:1.4;color:var(--b2b-muted)}
html[lang^="en"] :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product:has(.widget-parameter-wrapper) .prices::before{content:"Choose a pack size to see the price"}
html[lang^="sk"] :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product:has(.widget-parameter-wrapper) .prices::before{content:"Vyberte balenie na zobrazenie ceny"}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-b2b-sale-note{width:100%!important;max-width:650px!important;background:#FFF2EC!important;color:#3D504B!important;font-size:var(--b2b-copy-size)!important;display:block!important;position:static!important;grid-column:auto!important;margin:6px 0 0!important;padding:12px 16px!important;box-sizing:border-box!important;overflow-wrap:anywhere;border-left:2px solid var(--b2b-coral)!important;border-radius:var(--prb-ui-radius)!important;line-height:1.4!important;font-weight:450!important;text-align:left!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-b2b-sale-note strong{color:var(--b2b-coral)!important;font-weight:750!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .prb-b2b-sale-heading{display:block!important;position:static!important;float:none!important;clear:both!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;flex:0 0 100%!important;grid-column:1/-1!important;text-align:center!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;height:auto!important;transform:none!important;padding:9px 16px!important;margin:0!important;background:#FFF2EC!important;color:var(--b2b-coral)!important;font-weight:750!important;font-size:12px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product.prb-b2b-sale-item{background:#FAF9F4!important}
body.prb-b2b-preview-only #products.products-block .prices .price-additional::before{content:"Cena bez DPH – test, nikoli VO"!important}
body.prb-b2b-preview-only #products.products-block .prices .price-final::before{content:"Cena s DPH: "!important}
html[lang^="en"] :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .price-additional::before{content:"Wholesale price excl. VAT"}
html[lang^="en"] :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .price-final::before{content:"Incl. VAT: "}
html[lang^="sk"] :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .price-additional::before{content:"VO cena bez DPH"}
html[lang^="sk"] :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .price-final::before{content:"Cena s DPH: "}
@container prb-list (max-width:1020px){:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p > .p-in{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product .p-bottom > [data-micro="offer"]{grid-template-columns:minmax(0,1fr)!important}}
@container prb-list (max-width:550px){:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p{grid-template-columns:56px minmax(0,1fr)!important;gap:11px!important;padding:12px 44px 12px 12px!important;align-items:start!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p > a.image,
 :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p > a.image img{width:56px!important;max-width:56px!important;height:66px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p > .p-in{display:contents!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-in-in{grid-column:2!important;grid-row:1!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom{grid-column:1/-1!important;grid-row:2!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product .p-bottom > [data-micro="offer"]{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools,
 :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools :is(.btn,.btn-cart),
 :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .product .quantity{width:100%!important;max-width:100%!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools form{gap:7px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-in-in > a.name,
 :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-in-in > a.name [data-micro="name"]{font-size:14px!important}}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block{--prb-green:#1B312B;--prb-copy:#3D504B;--prb-muted:#5F6F6B;--prb-cream:#FAF9F4;--prb-sage:#E4ECE7;--prb-border:#D6DAD9;--prb-coral:#BA4125;--prb-white:#FFFFFF}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prices.prb-prices-enhanced > :not(.prb-price-panel){display:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product:has(.widget-parameter-wrapper) .prices.prb-prices-enhanced::before{display:none!important;content:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prices.prb-prices-enhanced{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;line-height:1.4!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-panel{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:0!important;width:100%!important;min-width:0!important;text-align:right!important;box-sizing:border-box!important;font-variant-numeric:tabular-nums}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-label{display:block!important;font-size:var(--b2b-price-label-size)!important;color:var(--prb-muted)!important;font-weight:500!important;line-height:1.35!important;margin:0 0 1px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-reference{display:block!important;color:var(--prb-copy)!important;font-weight:650!important;font-size:12px!important;line-height:1.35!important;margin:0 0 6px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-primary{display:block!important;color:var(--prb-green)!important;font-size:var(--b2b-price-size)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.015em!important;margin:0 0 2px!important;white-space:nowrap!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-secondary,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-measure{display:block!important;color:var(--prb-muted)!important;font-weight:450!important;line-height:1.4!important;margin:0!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-metrics{display:flex!important;flex-direction:column!important;align-items:flex-end!important;text-align:right!important;width:100%!important;gap:2px!important;margin-top:7px!important;padding-top:7px!important;border-top:1px solid var(--prb-border)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-metric{display:block!important;color:var(--prb-copy)!important;font-size:11px!important;font-weight:450!important;line-height:1.35!important;margin:0!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-metric strong{display:block!important;color:var(--prb-green)!important;font-size:17px!important;font-weight:750!important;line-height:1.25!important;padding-top:2px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-prompt{display:block!important;color:var(--prb-muted)!important;font-size:var(--b2b-price-label-size)!important;line-height:1.45!important;font-weight:600!important;max-width:100%!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-disclaimer{display:block!important;color:var(--prb-muted)!important;font-size:var(--b2b-meta-size)!important;font-weight:400!important;line-height:1.35!important;margin-top:4px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-b2b-sale-note .prb-sale-title{display:block!important;color:var(--prb-coral)!important;font-size:inherit!important;font-weight:700!important;line-height:1.4!important;margin-bottom:2px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-b2b-sale-note .prb-sale-text{display:block!important;color:#3D504B!important;font-size:inherit!important;font-weight:450!important;line-height:1.45!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-b2b-sale-note .prb-sale-phone{color:#BA4125!important;font-size:inherit!important;font-weight:700!important;text-decoration:underline!important;white-space:nowrap!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools :is(.btn,.btn-cart){background:var(--prb-green)!important;border-color:var(--prb-green)!important;color:var(--prb-white)!important;transition:background-color .15s ease!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools :is(.btn,.btn-cart):hover{background:#BA4125!important;border-color:#BA4125!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .product .quantity .amount{-moz-appearance:textfield!important;appearance:textfield!important;text-decoration:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .product .quantity .amount::-webkit-inner-spin-button,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .product .quantity .amount::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools :is(.btn,.btn-cart):focus-visible,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity button:focus-visible{outline:2px solid var(--prb-coral)!important;outline-offset:2px!important}
@container prb-list (max-width:550px){:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-primary{font-size:18px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-metrics{gap:3px!important}}
@container prb-list (min-width:701px) and (max-width:1020px){:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p > .p-in{gap:12px!important;align-items:start!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product .p-bottom > [data-micro="offer"]{grid-template-columns:minmax(0,1fr)!important;align-items:center!important;gap:12px!important}}
@container prb-list (min-width:551px) and (max-width:700px){:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product .p-bottom > [data-micro="offer"]{grid-template-columns:minmax(0,1fr)!important}}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-secondary,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-measure{font-size:var(--b2b-tax-size)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product .p-bottom > [data-micro="offer"]{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom .prices,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom .p-tools,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom .p-tools form,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom .p-tools a.btn,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom .p-tools button.btn,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom .quantity{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom .p-tools a.btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity label{grid-column:2!important;grid-row:1!important;width:100%!important;justify-self:stretch!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity .amount{width:100%!important;max-width:100%!important;padding:0 2px!important;text-align:center!important;text-decoration:none!important;font-variant-numeric:tabular-nums!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity .decrease{grid-column:1!important;grid-row:1!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .quantity .increase{grid-column:3!important;grid-row:1!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p{overflow:visible!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-product-code{display:block!important;margin-top:5px!important;font-size:var(--b2b-meta-size)!important;line-height:1.35!important;color:#5F6F6B!important;font-weight:450!important;overflow-wrap:anywhere!important}
@container prb-list (min-width:701px) and (max-width:1020px){:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p > .p-in{grid-template-columns:minmax(0,1fr) 220px!important}}
@container prb-list (min-width:551px) and (max-width:700px){:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product > .p > .p-in{grid-template-columns:minmax(0,1fr)!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product .p-bottom{width:min(100%,224px)!important;max-width:224px!important;margin-left:auto!important}}
@container prb-list (max-width:550px){:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product .p-bottom{padding-top:4px!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-in-in > a.name{overflow-wrap:anywhere!important}}
@container prb-list (max-width:550px){:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block > .product .p-bottom{grid-column:1/-1!important;width:min(100%,244px)!important;max-width:244px!important;margin-left:auto!important;margin-right:0!important;justify-self:end!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom > [data-micro="offer"]{width:100%!important;max-width:100%!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom .prices,
 :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom .p-tools,
 :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom .p-tools form,
 :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom .p-tools .btn,
 :is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-bottom .quantity{width:100%!important;min-width:0!important;max-width:100%!important}}
/* V10.6: direct cart controls for natively exposed single-parameter variants. */
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools.prb-variant-ready > a.btn{display:none!important}
/* Verified native variants: one fixed pack, or the same native select for every multi-pack product. */
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-purchase {
 display:flex;flex-direction:column;align-items:stretch;gap:8px;
 box-sizing:border-box;width:100%;min-width:0;max-width:100%;
}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block :is(.prb-variant-pack-label,.prb-variant-quantity-label) {
 margin:0;color:var(--prb-ui-text);text-align:start;font-size:var(--b2b-label-size);font-weight:500;
}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block :is(.prb-variant-select,.prb-variant-fixed) {
 box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;min-height:44px;
 padding:10px 12px;border:1px solid var(--prb-ui-divider);border-radius:var(--prb-ui-radius);
 background-color:white;color:var(--prb-ui-ink);font:500 16px/1.3 var(--prb-ui-body-font);
}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-select {cursor:pointer;padding-right:28px;}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-select:hover:not(:disabled) {border-color:var(--prb-ui-coral-text);}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-select:disabled {color:var(--prb-ui-muted);background-color:var(--prb-ui-surface-soft);cursor:not-allowed;opacity:1;}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-fixed {overflow-wrap:anywhere;}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-buy { display:grid;grid-template-columns:minmax(112px,1fr) minmax(0,1.1fr);align-items:center;gap:8px;min-width:0; }
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-submit { grid-column:2;grid-row:1;white-space: normal; overflow-wrap: anywhere; }
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-quantity-label { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0; }
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-quantity {
  grid-column:1;grid-row:1;display: grid; grid-template-columns: 44px minmax(0,1fr) 44px; min-width: 0;
  border: 1px solid var(--prb-ui-divider); border-radius: var(--prb-ui-radius); overflow: hidden; background: var(--prb-ui-surface);
}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-step,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-amount {
  box-sizing: border-box; min-width: 0; width: 100%; height: 42px; margin: 0; padding: 6px;
  border: 0; border-radius: 0; background: transparent; color: var(--prb-ui-ink); text-align: center; font: 500 16px/1.3 var(--prb-ui-body-font);
}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-amount { padding:0 2px;appearance: textfield; -moz-appearance: textfield; }
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-amount::-webkit-inner-spin-button,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-amount::-webkit-outer-spin-button { appearance: none; margin: 0; }
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-step { cursor: pointer; }
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-step:disabled,
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-amount:disabled { color: var(--prb-ui-muted); background: transparent; cursor: not-allowed; }
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-step:not(:disabled):hover { background: var(--prb-ui-surface-sage); }
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-detail {display:block;font-size:var(--b2b-meta-size);line-height:1.4;color:var(--prb-ui-text);text-align:center;text-decoration:underline;}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-hint {font-size:var(--b2b-meta-size);line-height:1.4;color:var(--prb-ui-muted);text-align:center;}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-variant-purchase :is(button,input,select,a):focus-visible {outline:2px solid var(--prb-ui-coral-text);outline-offset:-2px;}

/* v10.7: native OutOfStock listing uses same button footprint; original detail link remains in DOM. */
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools.prb-soldout-ready > a.btn{display:none!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools .prb-soldout-button{width:100%!important;min-width:0!important;min-height:44px!important;display:flex!important;justify-content:center!important;align-items:center!important;border:1px solid #D6DAD9!important;border-radius:var(--prb-ui-radius)!important;padding:9px!important;background:#E8EBE9!important;color:#3D504B!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;cursor:not-allowed!important;opacity:1!important;box-sizing:border-box!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-panel > *{text-align:right!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-metrics > *{text-align:right!important}


:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .prb-price-metric{overflow-wrap:anywhere!important;max-width:100%!important}

:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools a.btn:not(.btn-cart):not(.btn-conversion){background:#E4ECE7!important;border-color:#D6DAD9!important;color:#1B312B!important}
:is(html.prb-b2b-wholesale body:is(.type-category,.type-manufacturer-detail),html.prb-b2b-preview body.admin-logged:is(.type-category,.type-manufacturer-detail)) #products.products-block .p-tools a.btn:not(.btn-cart):not(.btn-conversion):hover{background:#BA4125!important;border-color:#BA4125!important;color:#FFFFFF!important}

/* === SOURCE: prb-wt-style-BRAND-RC4.css === */
.p-info-wrapper .p-final-price-wrapper .price-measure {
  display: flex !important;
}
@media only screen and (min-width: 992px) {
  .p-info-wrapper .p-final-price-wrapper .price-measure {
    margin: 0 15px;
  }
}
.password-helper a
{
    color: black;
}
/* KOŠIK - darek + kupon*/
.in-kosik .free-gift .free-gift-trigger.btn.btn-secondary, .in-cart .free-gift .free-gift-trigger.btn.btn-secondary{
  background: #fff;
  border-radius: var(--prb-ui-radius);
  color: #BA4125;
  font-weight: 700;
  line-height: 1;
  text-transform: initial;
  width: fit-content;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  margin: 20px auto 0;
  font-size: 20px;
}
.in-kosik .free-gift .free-gift-trigger.btn.btn-secondary:hover, .in-cart .free-gift .free-gift-trigger.btn.btn-secondary:hover  {
  background: #BA4125;
  color: #fff;
}
.in-kosik .free-gift, .discount-coupon, .in-cart .free-gift, .discount-coupon {
  background-color: #F6F8F6;
  background-position: center top 24px;
  background-repeat: no-repeat;
  margin: 20px 0 0;
  display: grid;
}
.in-kosik .free-gift, .in-cart .free-gift {
    background-image: none;
    justify-content: center;
    text-align: center;
    border-radius: var(--prb-ui-radius);
    max-width: 450px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.toggle-coupon-input .toggle-coupon-input-button:after {
        content: none !important;
}
@media (max-width: 480px) {
    .in-kosik .free-gift, .discount-coupon, .in-cart .free-gift, .discount-coupon {
      margin: 20px 0 30px;
    }
}
.gift-cart-text p {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px !important;
}
.free-gift::before, .in-kosik .discount-coupon::before, .in-cart .discount-coupon::before {
  text-align: center;
  color: #fff;
}
.in-kosik .free-gift-label span, .in-kosik .discount-coupon .kupon-odkaz, .in-cart .free-gift-label span, .in-cart .discount-coupon .kupon-odkaz {
    display: block;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.2;
    text-transform: math-auto;
}
.kupon-odkaz {
    background: #E4ECE7;
    border-radius: var(--prb-ui-radius);
    color: #1B312B;
    font-weight: 700;
    display: flex;
    margin: auto;
    font-size: 17px !important;
    padding: 8px 20px !important;
    text-decoration: none !important;
    margin: 20px 0;	  
}
.toggle-coupon-input .discount-coupon {
     justify-content: center;
     width: initial;
}

.discount-coupon form {
    max-width: inherit;
     margin-top: 0px; 
}
.kupon-odkaz:hover {
    background: #BA4125;
    color: #fff;
}
.discount-coupon .kupon-odkaz::before {
  display: none;
}
.discount-coupon form {
  max-width: inherit;

}
html[lang="sk"] .free-gift::before {
    content: "Vyberte si darček zadarmo";
}

html[lang="sk"] .discount-coupon::before {
    content: "Kód zľavy";
}
/*
html[lang="en"] .free-gift::before {
    content: "Choose your free gift";
}

html[lang="en"] .discount-coupon::before{
    content: "Discount code";
}
*/
.cart-inner .free-gifts-wrapper {
    background-color: #E4ECE7;
    background-position: center top 24px;
    background-repeat: no-repeat;
    margin: 0;
    display: grid;
    max-width: 450px;
    padding: 20px;
    text-align: center;
    border-radius: var(--prb-ui-radius);
}

.cart-inner .free-gifts a {
    background: #fff;
    border-radius: var(--prb-ui-radius);
    color: #1B312B;
    font-weight: 700;
    display: flex;
    width: fit-content;
    font-size: 17px !important;
    padding: 8px 20px !important;
    text-decoration: none !important;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.cart-inner .free-gifts a:hover {
    background: #1B312B;
    color: #fff !important;
}

.cart-inner .free-gifts-img {
    position: absolute;
}

.cart-inner .free-gift-name {
    padding-left: 110px;
    display: block !important;
    text-align: left !important;
    margin-top: -10px;
    line-height: 1.2 !important;
}

.cart-inner .free-gift-name .product-apendix {
    font-size: 14px !important;
}

.cart-inner .free-gifts .grid p {
    font-size: 20px;
    font-weight: 700;
}

.free-gift-label {
    /* flex: 1 1 auto; */
    line-height: 1;
    padding-left: 20px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

.free-gift-label .grid {
    margin-bottom: 10px;
    display: flex;
    text-align: left;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    width: 100%;
}

.free-gifts-wrapper {
    color: white;
    background-color: #E4ECE7;
    background-position: center top 24px;
    background-repeat: no-repeat;
    margin: 0;
    display: grid;
    max-width: 450px;
    padding: 20px;
    text-align: center;
    border-radius: var(--prb-ui-radius);
}

a.free-gift-trigger {
    background: #E4ECE7;
    padding: 6px 7px;
    border-radius: var(--prb-ui-radius);
    font-size: 15px;
    font-weight: 700;
}
a.free-gift-trigger:hover {
    background: #1B312B;
    color: #fff;
}

.free-gifts-img>img {
    border-radius: var(--prb-ui-radius);
    background: #fff;
    padding: 5px;
    margin-left: 16px;
    margin-bottom: 28px;
    width: 86px;
}

#colorbox .free-gifts li, #colorbox .free-product-gifts li {
    border-bottom: 1px solid var(--prb-ui-border);
    padding: 10px 0 0;
}

.cart-inner .free-gifts .grid img {
    display: none;
}

.free-gifts-wrapper .free-gifts,
.free-product-gifts-wrapper .free-gifts {
    margin: 0;
}

.free-gifts-wrapper .grid img
{
  margin-bottom: 10px;
  border-radius: var(--prb-ui-radius) !important;
}

.free-gifts li label, .free-product-gifts li label {
    /*align-items: flex-start;*/
    display: flex;
}

.free-gifts-wrapper .free-gift-label .free-gift-name,
.free-product-gifts-wrapper .free-gift-label .free-gift-name {
    font-weight: 700;
}

.free-gifts-wrapper .grid p {
    font-weight: 700;
    font-size: 20px;
}

@media only screen and (max-width: 768px) {
	.free-gifts-wrapper .grid p {
    font-size: 18px;
    text-align: start;
    }
    .free-gift-price.p-total {
    width: auto;
    }
}

.cart-inner .free-gifts .grid img {
    margin-bottom: 10px;
    scale: 0.8;
}



.ordering-process .search {
    display: none;
}

.ordering-process .navigation-buttons {
    display: block;
}

@media only screen and (max-width: 768px) {
    .ordering-process .navigation-buttons {
     display: inherit;
    }
}






#continue-order-button {
    background-color: #E4ECE7;
    border-radius: var(--prb-ui-radius);
    border-color: #E4ECE7;
    color: #1B312B;
}
.order-button-text {
    font-size: 18px;
    font-weight: 800;
    color: inherit;
}

.order-button-text:hover {
    color: inherit;
}

#continue-order-button:hover {
    background-color: #1B312B;
    border-color: #1B312B;
}

.price-range {
    background-color: #FAF9F4;
    border-color: #FAF9F4;
    border-radius: var(--prb-ui-radius);
}
.price-range>div {
    background-color: #1B312B;
    border-radius: var(--prb-ui-radius);
}

.free-gift, .discount-coupon {
    color: #1B312B;
    background: none;
    margin: 20px 0 0;
    display: grid;
    border-radius: var(--prb-ui-radius);
}

.gift-cart-text {
    display: none;
}

#colorbox .grid {
    display: none;
}

.contact-box ul li>span:before {
    display: inline-block;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    position: relative;
    vertical-align: middle;
    width: 30px;
    margin-right: 2px;
    text-align: left;
}

.order-summary-inner {
    border-style: solid;
    /* border-width: 1px; */
    margin: 0 0 30px 0;
    padding: 30px;
    border: 0;
    border-radius: var(--prb-ui-radius-panel);
}

.checkout-box, .order-recapitulation, .order-summary-inner, .order-summary-item, .recapitulation-single {
    border-color: #ffffff;
    /* border-width: 2px; */
    /* border-radius: var(--prb-ui-radius-panel); */
    background: #FAF9F4;
    /* border: 0; */
}

.order-summary h4 {
    margin: 0;
    padding: 11px 0;
    text-align: left;
    font-size: 20px;
}

.order-summary-item {
    border-style: solid;
    border-width: 3px 0 0;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.4;
    padding: 22px 0;
    width: 100%;
}

.order-summary-item a {
    font-weight: 900;
    color: #BA4125;
}

.order-summary-item .product-appendix{
    font-size: 14px !important;
}

.order-summary-item .cart-item-price {
    font-weight: 600;
}

span.free-gift-name {
    color: #3b9224;
    font-weight: 700;
}

.gift-items span[data-testid="recapItemName"] {
    color: #3b9224;
    font-weight: 700;
}

.recapitulation-single {
    border-style: solid;
    border-width: 1px 0 2px;
}

.next-step .btn.btn-lg {
    line-height: 40px;
    padding: 10px 20px 12px;
    border-radius: var(--prb-ui-radius);
    min-width: 300px;
}

@media (min-width: 768px) and (max-width: 9999em) {
    .cart-inner .checkout-box .contact-box {
        padding: 0 0 0 100px;
    }
}

.checkout-box {
    border-style: solid;
    border-width: 1px;
    margin: 0 0 22px;
    padding: 11px 20px;
    border-radius: var(--prb-ui-radius-panel);
}

.checkout-box .box.box-sm.visible {
    margin-top: 20px;
}

.contact-box>img {
    height: auto;
    left: 0;
    max-width: 76px;
    position: absolute;
    top: 0;
    border-radius: 100px;
    border: 5px solid #fff;
}
.contact-box ul li>span:before {
    display: inline-block;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    position: relative;
    vertical-align: middle;
    width: 30px;
    margin-right: 2px;
    text-align: left;
}

.ordering-process .co-box.co-delivery-method h4:before {
    content: "\e92e";
    color: #DB4D2C;
}

.ordering-process .co-box.co-basic-information h4:before {
    content: "\e925";
    color: #DB4D2C;    
}

.ordering-process .co-box.co-payment-method h4:before {
    content: "\e926";
    color: #DB4D2C;    
}

.ordering-process .co-box.co-contact-information h4:before {
    content: "\e922";
    color: #DB4D2C;   
    scale: 0.8; 
}

.ordering-process .co-box.co-billing-address h4:before, .ordering-process .co-box.co-shipping-address h4:before {
    content: "\e923";
    color: #DB4D2C;     
}

.pickup-point-choose a {
    color: #1B312B;    
    text-decoration: underline;    
}
.pickup-point-choose a:hover {
    color: #DB4D2C;    
    text-decoration: none;    
}

.pickup-point-choose:after {
    font-family: shoptet;
    content: "\e910";
    color: #DB4D2C;    
}

.shipping-billing-table .radio-wrapper {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #D6DAD9;
}

.desktop .shipping-billing-table .radio-wrapper:hover {
    background: #FAF9F4;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #D6DAD9;
    border-top: none;
    border-left: none;
    border-right: none;
}

ol.cart-header .completed a span {
    text-decoration: none;
}
ol.cart-header .completed a span:before {
    display: none;
}

.cart-header .step-1 a,
.cart-header .step-2 a,
.cart-header .step-3 a {
    font-weight: 500;
}

#checkoutContent .helper {
    background: #F6F8F6;
    border-radius: var(--prb-ui-radius);
}

.order-button-suffix {
    padding-bottom: 4px;
}

.next-step {
    margin-top: 40px;
}

ol.cart-header li.active a:before, ol.cart-header li.active strong:before, ol.cart-header li.completed a:before, ol.cart-header li.completed strong:before {
    background-color: #1B312B;
    border-color: #1B312B;
}

ol.cart-header li.completed a span:after, ol.cart-header li.completed strong span:after {
    border-top-color: #1B312B;
    border-width: 2px;
}

.cart-header .step.active strong span {
  font-weight: 900;
}