/* Bio-racio-dia: zlucene styly e-shopu, v1, 14. 11. 2026. 10 zdrojov v povodnom poradi, pravidla bez zmeny. */
/* ===== zdroj: bioraciodia.css (z /user/documents/, prekodovane z Windows-1250 do UTF-8) ===== */
div.welcome {
  text-align: center;
}

.homepage-blog-wrapper .news-item .description {
  display: none;
}

#navigation .menu-level-1 > li:first-child > a {
  color: #683b15;
}
.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion {
  color: white;
}
#productsTop .sold-out-badge {
  display: none;
}

footer#footer {
  background-color: rgba(0, 124, 49, 0.1);
}

div.products-wrapper.product-slider-holder.has-navigation {
  margin-top: -50px;
}

div.banner-trio {
  text-align: center;
}

.banners-row [class*='col-sm-4'] {
  padding: 5px;
}

.banner-wrapper a[data-ec-promo-id='39'] img {
  margin-top: 10px;
}

a.carousel-control.right {
  color: #683b15;
}
a.carousel-control.left {
  color: #683b15;
}
div.site-name {
  padding-left: 20px;
}
#header .navigation-buttons a[data-target='cart'] {
  padding-right: 30px;
}

.header-top {
  background: white;
}

/*@media (min-width: 768px) {
  #products{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  #products>.product{
    width: 100%;
  }
  .table-flex{
    display: flex;
    flex-direction: row;
  }
  .table-flex>td{
    width: 50%;
  }
}*/

@media (min-width: 1000px) {
  #products > .product {
    width: 25%;
  }
}

.products-inline.products-top {
  display: grid;
  grid-template-rows: 1fr;
}
.products-inline.products-top > .product {
  width: 100%;
}

.products-inline.products-top > div .p {
  flex-wrap: nowrap;
  width: 100%;
}

.products-inline.products-top > div .p .p-in .p-bottom > div {
  align-items: flex-end;
}
@media (min-width: 1025px) {
  .products-inline.products-top > div .p .p-in {
    display: flex;
    width: 100%;
  }
  .products-inline.products-top > .product {
    display: flex;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .table-flex {
    display: flex;
    flex-direction: column;
  }
  div.banner-trio {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.benefitBanner__picture {
  max-width: 50px;
}

.red-alert {
  width: fit-content;
  display: block;
  color: red;
  background: #ff000022;
  padding: 5px 15px;
  margin: 30px auto;
}
#quantityWarning {
  width: fit-content;
  color: red;
  background: #ff000022;
  padding: 5px 15px;
}

button[disabled] {
  cursor: not-allowed;
}

@media (min-width: 768px) {
  #header .header-top {
    padding: 45px 0 15px 0;
  }
}
.products-block > div .p {
  justify-content: space-between;
}
.login-wrapper .password-helper {
  float: unset;
}
.contact-box a:not(.social-icon):hover {
  color: var(--color-primary-hover);
}
.btn.btn-default,
a.btn.btn-default {
  color: white;
}
.btn.btn-default:hover,
a.btn.btn-default:hover {
  background-color: var(--color-secondary-hover);
  border-color: var(--color-secondary-hover);
  color: #a1a1a1;
}

.contact {
  color: black;
}
.contact:hover {
  color: var(--color-primary-hover);
}
.p-desc {
  padding-top: 20px;
  text-wrap: balance;
}
.p-in {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.products-block > div .p .p-bottom {
  padding: 0;
}
.image {
  position: relative;
}
.image .sold-out-badge {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: white;
  box-shadow: 10px 9px 24px -6px rgba(0, 0, 0, 0.34);
  padding: 4px 12px;
  border-radius: 26px;
  font-size: 12px;
}
.banner-wrapper .banner-trio {
  display: flex;
}
@media (max-width: 767px) {
  .banner-wrapper .banner-trio {
    display: flex;
    flex-direction: column;
  }
}
.btn.btn-primary.watchdog.link-icon{
  display: flex;
  align-items: center;
  gap: 5px;
}
.btn.btn-primary.watchdog.link-icon::before{
  margin-bottom: 0;
}
.p-to-cart-block:has(.watchdog){
  justify-content: space-between;
}
#products>.product{
  border: 1px solid #eeeeee;
  margin-bottom: 0;
}
#content .row:has(.carousel){
  margin-left: 0;
  margin-right: 0;
}
.benefitBanner__content{
  padding-right: 5px;
}

/* ================================
   Shoptet – filter "Značky" (scroll + rozbalenie)
   ================================ */

/* HLAVIČKA sekcie: text + šípka vpravo */
#manufacturer-filter.filter-section-manufacturer > h4{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

/* tlačidlo šípky */
#manufacturer-filter.filter-section-manufacturer .mf-toggle{
  appearance:none;
  border:0;
  background:transparent;
  cursor:pointer;
  padding:6px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* samotná šípka (chevron) */
#manufacturer-filter.filter-section-manufacturer .mf-toggle .mf-chev{
  width:10px;
  height:10px;
  display:inline-block;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg); /* default: dole */
  transition:transform .2s ease;
}

/* SCROLL kontajner pre zoznam značiek */
#manufacturer-filter.filter-section-manufacturer .mf-list{
  max-height:260px;   /* uprav si podľa potreby */
  overflow-y:auto;
  overflow-x:hidden;  /* odstráni spodný scroll */
  padding-right:6px;  /* aby text nešiel pod scrollbar */
}

/* proti horizontálnemu scrollu */
#manufacturer-filter.filter-section-manufacturer .mf-list *{
  max-width:100%;
}

/* dlhé názvy značiek zalomiť */
#manufacturer-filter.filter-section-manufacturer .mf-list .filter-label{
  white-space:normal;
  overflow-wrap:anywhere;
}

/* ZBALENÝ stav: zoznam schovaný */
#manufacturer-filter.filter-section-manufacturer.is-collapsed .mf-list{
  max-height:0;
  overflow:hidden;
  padding-right:0;
}

/* ROZBALENÝ stav: šípka hore */
#manufacturer-filter.filter-section-manufacturer.is-expanded .mf-toggle .mf-chev{
  transform:rotate(-135deg);
}

/* núdzovo: schovať horizontálne overflow aj na fieldsete (niekedy to robí on) */
#manufacturer-filter.filter-section-manufacturer form fieldset{
  overflow-x:hidden;
}
/* ===== zdroj: 28-10-povodny-filter-v1.css ===== */
/* Vzhlad povodneho filtra Shoptetu - uplatni sa len ked novy filter (23-10-filter-v2) nebezi.
   Presunute zo Zahlavia (HTML kody) 28. 10. 2026 bez zmeny pravidiel. */
.filters-unveil-button-wrapper a.unveil-button { color: #007C31 !important; }
.box-filters{ border:1px solid #e7e4dd; border-radius:14px; padding:20px 18px; background:#fff; }
#filters{ background:transparent; border:none; padding:0; }
#filters h4{ font-size:15px; font-weight:500; color:#2c2c2a; margin:0 0 14px; }
#filters .slider-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; font-size:13px; color:#3b3a36; }
#filters .ui-slider{ height:4px; background:#e7e4dd; border:none; box-shadow:none; border-radius:2px; margin:8px 4px 4px; }
#filters .ui-slider .ui-slider-range{ background:#007C31; border-radius:2px; }
#filters .ui-slider .ui-slider-handle{ width:18px; height:18px; top:-7px; margin-left:-9px; background:#fff; border:2px solid #007C31; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.18); cursor:grab; }
#filters .ui-slider .ui-slider-handle:focus{ outline:none; }
#filters .filter-label{ padding-right:50px !important; }
#filters .filter-label:hover{ background:#f6f5f1; border-radius:8px; }
#filters .filter-label::before{ border-color:#cfccc3 !important; border-radius:6px !important; }
#filters input[type="checkbox"]:checked + .filter-label::before{ background:#007C31 !important; border-color:#007C31 !important; }
#filters .filter-count{ position:absolute !important; top:50%; right:8px; transform:translateY(-50%); float:none !important; margin:0; width:auto !important; min-width:22px; max-width:none !important; height:auto !important; white-space:nowrap !important; word-break:keep-all !important; overflow-wrap:normal !important; box-sizing:border-box; line-height:18px !important; text-align:center; font-size:12px; font-weight:500; color:#6b6862; background:#f1efe9; padding:2px 8px !important; border-radius:20px; }
#filters .filter-section-button a, #filters .filter-section-button button{ color:#683B15; }
#filters .filter-section-manufacturer .mf-toggle{ display:none !important; }
#filters .filter-section-parametric h4, #filters .filter-section-manufacturer h4{ cursor:pointer; position:relative; padding-right:22px; user-select:none; }
#filters .filter-section-parametric h4::after, #filters .filter-section-manufacturer h4::after{ content:""; position:absolute; right:4px; top:10px; width:7px; height:7px; border-right:2px solid #683B15; border-bottom:2px solid #683B15; transform:rotate(-135deg); transition:transform .2s; }
#filters .filter-section-parametric.claude-collapsed h4::after, #filters .filter-section-manufacturer.claude-collapsed h4::after{ transform:rotate(45deg); top:7px; }
#filters .filter-section-parametric.claude-collapsed form, #filters .filter-section-manufacturer.claude-collapsed form{ display:none; }
.filter-section-boolean div:has(> input[value="100"][name="dd[]"]), .filter-section-boolean input[value="100"][name="dd[]"], .filter-section-boolean input[value="100"][name="dd[]"] + .filter-label { display:none !important; }
/* ===== zdroj: 29-10-najpredavanejsie-v4.css ===== */
/* Najpredávanejšie v4 (Bio-racio-dia, 29. 10. 2026) – jednotné zelené e-shopu: názov produktu pod myšou #006428 (bol #3b764b). Inak ako v3. */
.products-top-wrapper { --brd-cols: 4; position: relative !important; margin: 20px 0 28px !important; padding: 14px 16px 12px !important; background: #ffffff !important; border: 1px solid #E3EAE0 !important; border-radius: 18px !important; box-shadow: 0 6px 20px rgba(16,44,23,0.06) !important; }
.products-top-wrapper .products-top-header { margin: 0 0 8px 4px !important; padding: 0 !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-align: left !important; color: #1F3D29 !important; }
.products-top-wrapper .products-top { display: flex !important; flex-wrap: nowrap !important; gap: 12px !important; grid-template-rows: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain; scrollbar-width: none; -ms-overflow-style: none; counter-reset: brdtop; }
.products-top-wrapper .products-top::-webkit-scrollbar { display: none; }
.products-top-wrapper .products-top > .product { flex: 0 0 calc((100% - (min(var(--brd-cols, 4), var(--brd-n, 5)) - 1) * 12px) / min(var(--brd-cols, 4), var(--brd-n, 5))) !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; max-height: none !important; position: relative !important; left: auto !important; top: auto !important; transform: none !important; display: block !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; margin: 0 !important; padding: 6px !important; border: 0 !important; border-radius: 12px !important; background: transparent !important; box-sizing: border-box !important; scroll-snap-align: start; transition: background-color 0.2s ease; counter-increment: brdtop; }
.products-top-wrapper .products-top > .product:hover { background: #F4F8F2 !important; }
.products-top-wrapper .products-top > .product:only-child { --brd-n: 1; }
.products-top-wrapper .products-top > .product:first-child:nth-last-child(2), .products-top-wrapper .products-top > .product:first-child:nth-last-child(2) ~ .product { --brd-n: 2; }
.products-top-wrapper .products-top > .product:first-child:nth-last-child(3), .products-top-wrapper .products-top > .product:first-child:nth-last-child(3) ~ .product { --brd-n: 3; }
.products-top-wrapper .products-top > .product:first-child:nth-last-child(4), .products-top-wrapper .products-top > .product:first-child:nth-last-child(4) ~ .product { --brd-n: 4; }
.products-top-wrapper .products-top .p { position: relative !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 10px !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; text-align: left !important; }
.products-top-wrapper .products-top .p > span { display: none !important; }
.products-top-wrapper .products-top .p::before { content: counter(brdtop) !important; display: block !important; position: absolute !important; top: -6px !important; left: -6px !important; z-index: 2 !important; min-width: 20px !important; height: 20px !important; padding: 0 5px !important; box-sizing: border-box !important; border-radius: 10px !important; background: #1F3D29 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 800 !important; line-height: 20px !important; text-align: center !important; box-shadow: 0 0 0 2px #ffffff !important; }
.products-top-wrapper .products-top .p .image { position: relative !important; flex: 0 0 60px !important; width: 60px !important; height: 60px !important; min-width: 0 !important; min-height: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 4px !important; box-sizing: border-box !important; background: #F5F7F4 !important; border-radius: 10px !important; overflow: hidden !important; }
.products-top-wrapper .products-top .p .image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain !important; mix-blend-mode: multiply; }
.products-top-wrapper .products-top .extra-flags, .products-top-wrapper .products-top .flags { display: none !important; }
.products-top-wrapper .products-top .p-in { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 4px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; }
.products-top-wrapper .products-top .p-in-in { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.products-top-wrapper .products-top .p .name { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 500 !important; color: #263326 !important; text-align: left !important; text-decoration: none !important; }
.products-top-wrapper .products-top .p .name span { font: inherit !important; color: inherit !important; }
.products-top-wrapper .products-top > .product:hover .name { color: #006428 !important; }
.products-top-wrapper .products-top .ratings-wrapper { display: none !important; }
.products-top-wrapper .products-top .p-bottom, .products-top-wrapper .products-top .offers { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
.products-top-wrapper .products-top .prices { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; justify-content: flex-start !important; gap: 0 6px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; }
.products-top-wrapper .products-top .price-standard-wrapper-placeholder, .products-top-wrapper .products-top .price-standard-label, .products-top-wrapper .products-top .price-save { display: none !important; }
#productsTop .prices .price-standard-wrapper:not(.price-standard-wrapper-placeholder) { display: inline !important; }
.products-top-wrapper .products-top .price-standard { font-size: 12px !important; font-weight: 500 !important; color: #8C958B !important; text-decoration: line-through !important; }
.products-top-wrapper .products-top .price-final, .products-top-wrapper .products-top .price-final strong { margin: 0 !important; padding: 0 !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 800 !important; color: #1F2A1E !important; }
.products-top-wrapper .products-top .prices:has(.price-standard) .price-final strong { color: #D0342C !important; }
.products-top-wrapper .button-wrapper { display: none !important; }
.products-top-wrapper .brd-top__nav { position: absolute !important; top: var(--brd-nav-y, 60%) !important; z-index: 3 !important; width: 34px !important; height: 34px !important; margin: -17px 0 0 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #DCE5D8 !important; border-radius: 50% !important; background: #ffffff !important; color: #1F3D29 !important; box-shadow: 0 4px 12px rgba(16,44,23,0.12) !important; cursor: pointer !important; transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease !important; }
.products-top-wrapper .brd-top__nav svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.products-top-wrapper .brd-top__nav:hover { background: #1F3D29 !important; border-color: #1F3D29 !important; color: #ffffff !important; }
.products-top-wrapper .brd-top__nav--prev { left: -17px !important; }
.products-top-wrapper .brd-top__nav--next { right: -17px !important; }
.products-top-wrapper .brd-top__nav:disabled { opacity: 0 !important; pointer-events: none !important; }
.products-top-wrapper.brd-top--noscroll .brd-top__nav { display: none !important; }
@media (max-width: 1439.98px) {
  .products-top-wrapper { --brd-cols: 3; }
}
@media (max-width: 1199.98px) {
  .products-top-wrapper { --brd-cols: 2; }
}
@media (max-width: 767px) {
  .products-top-wrapper { padding: 12px 10px 10px !important; border-radius: 16px !important; }
  .products-top-wrapper .brd-top__nav { display: none !important; }
}
@media (max-width: 461.98px) {
  .products-top-wrapper { --brd-cols: 1.25; }
}
@media (prefers-reduced-motion: reduce) {
  .products-top-wrapper .products-top { scroll-behavior: auto; }
}
/* ===== zdroj: 29-10-titulka-karty-v5.css ===== */
/* Karty produktov na úvode v5 (Bio-racio-dia, 29. 10. 2026) – jednotné zelené e-shopu: tlačidlo pod myšou #2C5539 (bolo #2C5A3C),
   rámik pri ovládaní klávesnicou na tmavom tlačidle #7AB536 (bol #8FC89F). Inak ako v4. */
.type-index .product-slider { --brd-hp: 1; }
.type-index .product-slider .product { padding: 0 5px !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; box-sizing: border-box !important; }
.type-index .product-slider .p { position: relative !important; display: flex !important; flex-direction: column !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; text-align: left !important; }
.type-index .product-slider .p:hover { box-shadow: none !important; }
.type-index .product-slider .p .image { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: 4 / 5; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; background: #F5F7F4 !important; border-radius: 12px !important; overflow: hidden !important; }
.type-index .product-slider .p .image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; object-fit: contain !important; transform: scale(1.25); mix-blend-mode: multiply; }
.type-index .product-slider-holder .product-slider-pagination { display: none !important; }
.type-index .product-slider .p .flags { position: absolute !important; top: auto !important; right: auto !important; bottom: 8px !important; left: 8px !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; width: auto !important; max-width: calc(100% - 16px) !important; margin: 0 !important; padding: 0 !important; transition: bottom 0.2s ease; }
.type-index .product-slider .p .flags .flag { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 4px 8px !important; border-radius: 999px !important; font-size: 10px !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: 0.02em !important; text-align: left !important; white-space: normal !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important; opacity: 1 !important; }
.type-index .product-slider .p-in { position: static !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: auto !important; margin: 0 !important; padding: 8px 0 0 !important; text-align: left !important; }
.type-index .product-slider .p-in-in { position: static !important; margin: 0 !important; padding: 0 !important; }
.type-index .product-slider .p-in-in > div { position: static !important; }
.type-index .product-slider .p .name { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 14px !important; line-height: 1.5 !important; font-weight: 400 !important; color: #1F1F1F !important; text-align: left !important; text-decoration: none !important; }
.type-index .product-slider .p .name span { font: inherit !important; color: inherit !important; }
.type-index .product-slider .p .p-desc { display: none !important; }
.type-index .product-slider .p-bottom { position: static !important; display: block !important; margin: auto 0 0 !important; padding: 6px 0 0 !important; }
.type-index .product-slider .p-bottom > div { position: static !important; display: block !important; margin: 0 !important; padding: 0 !important; }
.type-index .product-slider .ratings-wrapper { margin: 0 !important; padding: 0 !important; min-height: 0 !important; }
.type-index .product-slider .ratings-wrapper .availability, .type-index .product-slider .ratings-wrapper .stars-placeholder:empty { display: none !important; }
.type-index .product-slider .prices { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; justify-content: flex-start !important; gap: 0 6px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; }
.type-index .product-slider .prices .price-final, .type-index .product-slider .prices .price-final strong { margin: 0 !important; padding: 0 !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 700 !important; color: #1F1F1F !important; }
.type-index .product-slider .prices .price-standard { margin: 0 !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 400 !important; color: #8C958B !important; text-decoration: line-through !important; }
.type-index .product-slider .prices .price-save { display: none !important; }
.type-index .product-slider .p-tools { position: absolute !important; top: 0 !important; right: 0 !important; left: 0 !important; z-index: 3 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-end !important; width: auto !important; height: auto !important; aspect-ratio: 4 / 5; margin: 0 !important; padding: 0 !important; pointer-events: none !important; }
.type-index .product-slider .p-tools form { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.type-index .product-slider .p-tools .quantity { display: none !important; }
.type-index .product-slider .p-tools .btn { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; height: 44px !important; margin: 0 !important; padding: 0 8px !important; border: 0 !important; border-radius: 0 0 12px 12px !important; background: #1F3D29 !important; color: #ffffff !important; font-size: 14px !important; line-height: 1 !important; font-weight: 600 !important; text-transform: none !important; box-shadow: none !important; opacity: 0; pointer-events: none !important; transition: opacity 0.2s ease, background-color 0.2s ease; }
.type-index .product-slider .p-tools .btn span { font: inherit !important; color: inherit !important; }
.type-index .product-slider .p-tools .btn:focus-visible { opacity: 1; pointer-events: auto !important; outline: 2px solid #7AB536 !important; outline-offset: -2px; }
.type-index .product-slider .p-tools .btn::before, .type-index .product-slider .p-tools .btn::after { display: none !important; }
.type-index .product-slider .p .p-in-in .dkLabFavouriteProductDiv { position: absolute !important; top: 8px !important; right: 8px !important; bottom: auto !important; left: auto !important; z-index: 4 !important; margin: 0 !important; }
@media (min-width: 1200px) and (hover: hover) {
  .type-index .product-slider .product:hover .p-tools .btn { opacity: 1; pointer-events: auto !important; }
  .type-index .product-slider .product:hover .p-tools .btn:hover { background: #2C5539 !important; }
  .type-index .product-slider .product:hover .flags { bottom: 52px !important; }
  .type-index .product-slider .p .p-in-in .dkLabFavouriteProductDiv { opacity: 0; transition: opacity 0.2s ease; }
  .type-index .product-slider .product:hover .p .p-in-in .dkLabFavouriteProductDiv { opacity: 1; }
}
@media (max-width: 1199.98px), (hover: none) {
  .type-index .product-slider .p-tools { align-items: flex-end !important; padding: 0 8px 8px 0 !important; }
  .type-index .product-slider .p-tools form { width: auto !important; }
  .type-index .product-slider .p-tools .btn { width: 32px !important; height: 32px !important; padding: 0 !important; border-radius: 8px !important; background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3D29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 12H6.2L5 8z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3Cpath d='M12 11.5v5M9.5 14h5'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important; color: transparent !important; font-size: 0 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important; opacity: 1; pointer-events: auto !important; }
  .type-index .product-slider .p-tools a.btn { display: none !important; }
  .type-index .product-slider .p .p-in-in .dkLabFavouriteProductDiv { display: none !important; }
  .type-index .product-slider .p .flags { max-width: calc(100% - 52px) !important; }
}
.type-index .product-slider .brd-qty, .type-index .product-slider .brd-qty-badge { display: none; }
.type-index .product-slider .brd-in-cart .p-tools form { display: none !important; }
.type-index .product-slider .brd-in-cart .brd-qty { display: flex !important; align-items: center; justify-content: space-between; width: 100%; height: 44px; margin: 0; padding: 0; box-sizing: border-box; border-radius: 0 0 12px 12px; background: #1F3D29; color: #ffffff; opacity: 0; pointer-events: none; transition: opacity 0.2s ease; }
.type-index .product-slider .brd-qty__btn { display: flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; font-size: 22px; line-height: 1; font-weight: 400; cursor: pointer; -webkit-appearance: none; appearance: none; }
.type-index .product-slider .brd-qty__minus { border-radius: 0 0 0 12px; }
.type-index .product-slider .brd-qty__plus { border-radius: 0 0 12px 0; }
.type-index .product-slider .brd-qty__btn:focus-visible { outline: 2px solid #7AB536; outline-offset: -2px; }
.type-index .product-slider .brd-qty__val { flex: 1 1 auto; min-width: 0; text-align: center; font-size: 16px; line-height: 1; font-weight: 700; }
.type-index .product-slider .brd-busy .brd-qty__btn { opacity: 0.45; pointer-events: none; cursor: wait; }
.type-index .product-slider .brd-in-cart .brd-qty-badge { display: flex !important; align-items: center; justify-content: center; position: absolute; top: 8px; right: 8px; z-index: 5; min-width: 26px; height: 26px; margin: 0; padding: 0 6px; box-sizing: border-box; border: 2px solid var(--cart-product-quantity-farba-ohranicenie, #ffffff); border-radius: 13px; background: var(--cart-product-quantity-pozadie, #1F3D29); color: var(--cart-product-quantity-farba-text, #ffffff); font-size: 12px; line-height: 1; font-weight: 700; pointer-events: none; transition: opacity 0.2s ease; }
@media (min-width: 1200px) and (hover: hover) {
  .type-index .product-slider .product.brd-in-cart:hover .brd-qty, .type-index .product-slider .brd-in-cart .brd-qty:focus-within { opacity: 1; pointer-events: auto; }
  .type-index .product-slider .brd-qty__btn:hover { background: rgba(255, 255, 255, 0.14); }
  .type-index .product-slider .product.brd-in-cart:hover .brd-qty-badge { opacity: 0; }
}
@media (max-width: 1199.98px), (hover: none) {
  .type-index .product-slider .brd-in-cart .brd-qty { width: auto; height: 32px; border-radius: 8px; background: #ffffff; color: #1F3D29; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); opacity: 1; pointer-events: auto; }
  .type-index .product-slider .brd-qty__btn { flex: 0 0 30px; width: 30px; font-size: 18px; border-radius: 8px; }
  .type-index .product-slider .brd-qty__val { flex: 0 0 auto; min-width: 22px; font-size: 14px; }
  .type-index .product-slider .brd-in-cart .brd-qty-badge { display: none !important; }
  .type-index .product-slider .product.brd-in-cart .p .flags { bottom: 48px !important; max-width: calc(100% - 16px) !important; }
}
.type-index .product-slider .p .image .sold-out-badge { position: absolute !important; top: 8px !important; right: auto !important; bottom: auto !important; left: 8px !important; z-index: 2 !important; width: auto !important; max-width: calc(100% - 16px) !important; margin: 0 !important; padding: 4px 8px !important; border-radius: 999px !important; font-size: 10px !important; line-height: 1.15 !important; font-weight: 700 !important; text-align: left !important; white-space: normal !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important; }
.type-index .product-slider .ratings-wrapper .stars-wrapper { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 4px !important; margin: 0 0 4px !important; padding: 0 !important; text-align: left !important; }
.type-index .product-slider .ratings-wrapper .stars { display: inline-flex !important; align-items: center !important; gap: 1px !important; margin: 0 !important; line-height: 1 !important; }
.type-index .product-slider .ratings-wrapper .stars .star, .type-index .product-slider .ratings-wrapper .stars .star::before { font-size: 12px !important; line-height: 1 !important; width: auto !important; height: auto !important; margin: 0 !important; }
.type-index .product-slider .ratings-wrapper .stars-wrapper[data-micro-rating-count]::after { content: attr(data-micro-rating-count); font-size: 12px; line-height: 1; color: #5F6B73; }
/* ===== zdroj: 29-10-filter-v3.css ===== */
/*! 29-10-filter-v3.css – nový filter Bio-racio-dia (vrstva nad filtrom Shoptetu), 23. 10. 2026, v3 29. 10. 2026
   Všetko platí len s triedou html.brdf-on, ktorú pridá skript po úspešnom spustení.
   Keď skript nebeží, ostane pôvodný filter Shoptetu.
   v2 oproti v1: výrazná karta „Kategórie“ na PC, mobilný panel filtra zospodu s voľným pruhom hore.
   v3 oproti v2: PC a tablet – pri prvom vykreslení stránky je karta „Kategórie“ hneď na mieste a namiesto filtra je tichý
       zástupný tvar (posledný blok súboru, k skriptu 29-10-filter-v4c.js); jednotné zelené e-shopu – vybrané hodnoty
       a prejdenie myšou #006428, karta „Kategórie“ #1F3D29 (predtým všade #1D662C). */

/* značka pre skript, že sa štýly načítali – bez nej sa nový filter nezapne */
:root{--brdf-css:1}

/* ---------- skrytie pôvodného filtra (ostáva v stránke, Shoptet s ním ďalej pracuje) */
.brdf-on .sidebar .box-filters{visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
.brdf-on #filters-wrapper{display:none!important}
.brdf-busy .overlay.spinner{display:none!important}

/* ---------- spoločné */
.brdf,.brdf-chips,.brdf-empty,.brdf-mbar,.brdf-mres,.brdf-mp,.brdf-sheet,.brdf-cat-t{font-family:Roboto,Arial,sans-serif;color:#1F1F1F;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
.brdf *,.brdf-mp *,.brdf-mbar *,.brdf-sheet *,.brdf-chips *,.brdf-empty *{box-sizing:border-box}
.brdf button,.brdf-mp button,.brdf-mbar button,.brdf-sheet button,.brdf-chips button,.brdf-empty button,.brdf-mres button{font-family:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;min-width:0;min-height:0;line-height:1.2}
/* výšky našich tlačidiel musia prebiť reset vyššie (má väčšiu váhu než samotná trieda) – hlavička sekcie 48 px ako v návrhu */
.brdf .brdf-sh,.brdf-sheet .brdf-so{min-height:48px}
.brdf-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.brdf-pill:focus-visible,.brdf-sh:focus-visible,.brdf-more:focus-visible,.brdf-chip:focus-visible,.brdf-clear:focus-visible,.brdf-btn-g:focus-visible,.brdf-btn-o:focus-visible,.brdf-mb:focus-visible,.brdf-qp:focus-visible,.brdf-ib:focus-visible,.brdf-lnk:focus-visible,.brdf-so:focus-visible,.brdf-cat-t:focus-visible{outline:3px solid rgba(0,124,49,.35);outline-offset:2px}

/* ---------- PC: ľavý stĺpec prilepený s vlastným posúvaním */
.brdf-on.brdf-pc .sidebar-inner{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#CFE3D5 transparent}
.brdf-on.brdf-pc .sidebar-inner::-webkit-scrollbar{width:8px}
.brdf-on.brdf-pc .sidebar-inner::-webkit-scrollbar-thumb{background:#CFE3D5;border-radius:4px}

/* ---------- PC panel */
.brdf{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px 16px 6px;margin:0 0 16px}
.brdf-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 12px}
.brdf-t{font-family:Nunito,sans-serif!important;font-weight:800!important;font-size:20px!important;line-height:1.2!important;margin:0!important;padding:0!important;color:#1F1F1F!important;text-transform:none!important;letter-spacing:normal!important;border:0!important}
.brdf-n{font-size:13px;color:#6B7280;white-space:nowrap}

.brdf-quick{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 14px;border-bottom:1px solid #E5E7EB}
.brdf-pill{display:inline-flex;align-items:center;gap:6px;height:34px;margin:0;padding:0 12px;border:1px solid #D1D5DB;border-radius:999px;background:#fff;font-size:14px;font-weight:400;color:#1F1F1F;cursor:pointer;white-space:nowrap;transition:background-color .15s,border-color .15s}
.brdf-pill:hover{border-color:#007C31;background:#fff;color:#1F1F1F}
.brdf-pill .brdf-pc{display:inline-flex;align-items:center;min-width:3ch;font-size:12px;color:#6B7280;font-variant-numeric:tabular-nums}
.brdf-pill .brdf-pk{display:none}
.brdf-pill.on{background:#EEF6F0;border-color:#007C31;color:#006428}
.brdf-pill.on:hover{background:#E1F0E5;color:#006428}
.brdf-pill.on .brdf-pn{display:none}
.brdf-pill.on .brdf-pk{display:inline-flex}
.brdf-pill:disabled{opacity:.45;cursor:default;border-color:#E5E7EB}
.brdf-pill:disabled:hover{border-color:#E5E7EB}

.brdf-pr{padding:14px 0 16px;border-bottom:1px solid #E5E7EB}
.brdf-pr.off{display:none}
.brdf-pr-t{font-weight:500;margin:0 0 8px}
.brdf-rw{position:relative;height:28px}
.brdf-track{position:absolute;left:0;right:0;top:12px;height:4px;border-radius:2px;background:#E5E7EB}
.brdf-fill{position:absolute;top:0;bottom:0;background:#007C31;border-radius:2px}
.brdf-rng{position:absolute!important;left:0;top:0;width:100%!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;pointer-events:none;-webkit-appearance:none;appearance:none;outline:none}
.brdf-rng::-webkit-slider-runnable-track{background:none;height:28px;border:0}
.brdf-rng::-moz-range-track{background:none;border:0}
.brdf-rng::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:22px;height:22px;margin-top:3px;border-radius:50%;background:#fff;border:2px solid #007C31;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:grab}
.brdf-rng::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #007C31;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:grab}
.brdf-rng:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(0,124,49,.25)}
.brdf-rng.top{z-index:2}
.brdf-pin{display:flex;gap:10px;margin:10px 0 0}
.brdf-pin label{flex:1;display:flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:400;color:#6B7280}
.brdf-pin input{width:100%;min-width:0;height:36px;margin:0;border:1px solid #D1D5DB;border-radius:8px;padding:0 10px;font:inherit;font-size:14px;color:#1F1F1F;background:#fff;box-shadow:none}
.brdf-pin input:focus,.brdf-fs:focus{outline:none;border-color:#007C31;box-shadow:0 0 0 3px rgba(0,124,49,.15)}
/* cena bez rozpätia po filtrovaní: ostáva na mieste, len zašednutá */
.brdf-pr.dis .brdf-rw,.brdf-pr.dis .brdf-pin{opacity:.5}
.brdf-pr.dis .brdf-fill{background:#9CA3AF}
.brdf-pr.dis .brdf-rng::-webkit-slider-thumb{pointer-events:none;cursor:default;border-color:#9CA3AF;box-shadow:none}
.brdf-pr.dis .brdf-rng::-moz-range-thumb{pointer-events:none;cursor:default;border-color:#9CA3AF;box-shadow:none}
.brdf-pin input:disabled{background:#F3F4F6;color:#6B7280;-webkit-text-fill-color:#6B7280;opacity:1}

.brdf-sec{border-bottom:1px solid #E5E7EB}
.brdf-sec:last-child{border-bottom:0}
.brdf-sh{width:100%;display:flex;align-items:center;gap:8px;min-height:48px;margin:0;padding:0;border:0;border-radius:0;background:none;font-weight:500;font-size:15px;color:#1F1F1F;cursor:pointer;text-align:left}
.brdf-sh:hover{color:#006428;background:none}
.brdf-badge{min-width:20px;height:20px;border-radius:999px;background:#007C31;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;line-height:1}
.brdf-badge[hidden]{display:none}
.brdf-chev{margin-left:auto;flex:0 0 auto;transition:transform .2s ease;color:#6B7280}
.brdf-sh[aria-expanded="true"] .brdf-chev,.brdf-cat-t[aria-expanded="true"] .brdf-chev{transform:rotate(180deg)}
.brdf-sb{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}
.brdf-sb.open{grid-template-rows:1fr}
.brdf-sb-in{overflow:hidden;min-height:0}
.brdf-sb:not(.open) .brdf-sb-in{visibility:hidden;transition:visibility 0s linear .2s}
.brdf-vals{padding:0 0 12px}
.brdf-fs{display:block;width:100%;height:38px;margin:0 0 6px;padding:0 12px;border:1px solid #D1D5DB;border-radius:8px;font:inherit;font-size:14px;background:#fff;color:#1F1F1F;box-shadow:none}
.brdf-fs[hidden]{display:none}
.brdf-v{position:relative;display:flex;align-items:center;gap:10px;min-height:36px;margin:0 -8px;padding:0 8px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:400;color:#1F1F1F;line-height:1.3}
.brdf-v:hover{background:#EEF6F0}
.brdf-cb{position:absolute!important;left:8px;top:50%;width:18px!important;height:18px!important;margin:-9px 0 0!important;opacity:0!important;cursor:pointer}
.brdf-box{flex:0 0 18px;height:18px;border:1.5px solid #9CA3AF;border-radius:4px;background:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background-color .12s,border-color .12s}
.brdf-box svg{opacity:0}
.brdf-cb:checked+.brdf-box{background:#007C31;border-color:#007C31}
.brdf-cb:checked+.brdf-box svg{opacity:1}
.brdf-cb:focus-visible+.brdf-box{box-shadow:0 0 0 3px rgba(0,124,49,.3)}
.brdf-l{flex:1;min-width:0;padding:6px 0}
.brdf-c{font-size:13px;color:#6B7280;font-variant-numeric:tabular-nums}
.brdf-v.on .brdf-l{color:#006428;font-weight:500}
.brdf-v.zero{cursor:default}
.brdf-v.zero .brdf-l,.brdf-v.zero .brdf-c{color:#9CA3AF}
.brdf-v.zero .brdf-box{border-color:#D1D5DB;background:#F9FAFB}
.brdf-v.zero:hover{background:none}
.brdf-more{display:inline-block;margin:0;padding:6px 0 0;border:0;background:none;font-size:14px;color:#007C31;font-weight:500;cursor:pointer}
.brdf-more:hover{color:#006428;text-decoration:underline;background:none}
.brdf-more[hidden],.brdf-nm[hidden]{display:none}
.brdf-nm{font-size:13px;color:#6B7280;padding:6px 0}

/* ---------- PC: kategórie nad filtrom, zbalené pod výraznou kartou (v2) */
.brdf-on.brdf-pc .box-categories:not(.brdf-cat-open) #categories{display:none}
.brdf-cat-t,.brdf-cat-t *{box-sizing:border-box}
.brdf-cat-t{width:100%;height:auto;min-width:0;min-height:66px;display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:11px 12px 11px 11px;border:1px solid #CFE3D5;border-radius:12px;background:#F3F8F4;box-shadow:none;letter-spacing:normal;text-transform:none;line-height:1.2;font-weight:400;color:#1F1F1F;cursor:pointer;text-align:left;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
.brdf-cat-t:hover{background:#EAF4ED;border-color:#1F3D29;color:#1F1F1F;box-shadow:0 4px 14px rgba(16,44,23,.1)}
.brdf-cat-t[aria-expanded="true"]{background:#fff;border-color:#1F3D29}
.brdf-cat-i{flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:#1F3D29;color:#fff;display:inline-flex;align-items:center;justify-content:center}
.brdf-cat-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.brdf-cat-h{font-family:Nunito,sans-serif;font-weight:800;font-size:17px;line-height:1.15;color:#1F1F1F}
.brdf-cat-s{font-size:13px;line-height:1.25;font-weight:500;color:#007C31}
.brdf-cat-c{flex:0 0 32px;width:32px;height:32px;border:1px solid #CFE3D5;border-radius:50%;background:#fff;color:#1F3D29;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.brdf-cat-t:hover .brdf-cat-c,.brdf-cat-t[aria-expanded="true"] .brdf-cat-c{background:#1F3D29;border-color:#1F3D29;color:#fff}

/* ---------- nad produktmi: štítky, prúžok načítania, prázdny výsledok */
.brdf-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:2px 0 16px}
.brdf-chips[hidden]{display:none}
.brdf-chip{display:inline-flex;align-items:center;gap:6px;height:32px;margin:0;padding:0 5px 0 12px;border-radius:999px;background:#EEF6F0;color:#006428;border:0;font-size:14px;font-weight:400;cursor:pointer;white-space:nowrap}
.brdf-chip:hover{background:#E1F0E5;color:#006428}
.brdf-chip b{font-weight:700}
.brdf-chip .brdf-x{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.brdf-chip:hover .brdf-x{background:#D7EBDD}
.brdf-clear{margin:0;padding:0 4px;border:0;background:none;font-size:14px;color:#007C31;font-weight:500;text-decoration:underline;cursor:pointer}
.brdf-clear:hover{color:#006428;background:none}
.brdf-on #products{transition:opacity .15s ease}
.brdf-loading #products,.brdf-loading .brdf-empty{opacity:.45;pointer-events:none}
.brdf-prog{position:sticky;top:0;z-index:5;display:block;height:3px;margin:0 0 -3px;overflow:hidden;border-radius:2px;opacity:0;transition:opacity .15s;pointer-events:none}
.brdf-loading .brdf-prog{opacity:1}
.brdf-loading .brdf-prog::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:#007C31;border-radius:2px;animation:brdf-prg 1s ease-in-out infinite}
@keyframes brdf-prg{0%{left:-40%}100%{left:100%}}
.brdf-empty{background:#fff;border:1px dashed #CFE3D5;border-radius:12px;padding:40px 24px;margin:0 0 24px;text-align:center}
.brdf-empty h2{font-family:Nunito,sans-serif!important;font-weight:800!important;font-size:22px!important;line-height:1.2!important;margin:0 0 8px!important;color:#1F1F1F!important}
.brdf-empty p{margin:0 0 18px;color:#6B7280}
.brdf-empty-b{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.brdf-is-empty .empty-content-category{display:none!important}
.brdf-btn-g{height:44px;margin:0;padding:0 22px;border:0;border-radius:999px;background:#007C31;color:#fff;font-size:15px;font-weight:500;cursor:pointer}
.brdf-btn-g:hover{background:#006428;color:#fff}
.brdf-btn-g:disabled{background:#9CA3AF;cursor:default}
.brdf-btn-g.busy{opacity:.8}
.brdf-btn-o{height:44px;margin:0;padding:0 22px;border:1px solid #007C31;border-radius:999px;background:#fff;color:#007C31;font-size:15px;font-weight:500;cursor:pointer}
.brdf-btn-o:hover{background:#EEF6F0;color:#006428}
.brdf-btn-o:disabled{border-color:#D1D5DB;color:#9CA3AF;background:#fff;cursor:default}

/* ---------- mobil: prilepený riadok Filtrovať / Radiť + rýchle filtre */
.brdf-on.brdf-m.brdf-sort #category-header{display:none!important}
/* Shoptet posúva cez scrollIntoView so scroll-padding-top = --scroll-offset (výška hlavičky + 10 px);
   --scroll-offset-override je jeho háčik – pripočítame výšku našej lišty, aby nezakryla prvé produkty */
.brdf-on.brdf-m{--scroll-offset-override:calc(var(--scroll-offset-runtime,0px) + var(--brdf-bar-h,0px))}
.brdf-mbar{position:sticky;top:0;z-index:50;margin:0 calc(-1 * var(--brdf-gx,16px));padding:8px var(--brdf-gx,16px) 0;background:#fff;box-shadow:0 1px 0 #E5E7EB}
.brdf-mrow{display:flex;gap:8px}
.brdf-mb{flex:1 1 0;min-width:0;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0 10px;border:1px solid #D1D5DB;border-radius:12px;background:#fff;font-size:15px;font-weight:500;color:#1F1F1F;cursor:pointer}
.brdf-mb:hover,.brdf-mb:active{background:#fff;color:#1F1F1F}
.brdf-mb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brdf-mbadge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#007C31;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.brdf-mbadge[hidden]{display:none}
.brdf-mq{display:flex;gap:8px;overflow-x:auto;margin:0 calc(-1 * var(--brdf-gx,16px));padding:8px var(--brdf-gx,16px) 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.brdf-mq::-webkit-scrollbar{display:none}
.brdf-qp{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:44px;margin:0;padding:0 14px;border:1px solid #D1D5DB;border-radius:999px;background:#fff;font-size:14px;font-weight:400;color:#1F1F1F;cursor:pointer;white-space:nowrap}
.brdf-qp:hover{background:#fff;color:#1F1F1F}
.brdf-qp .brdf-pk{display:none}
.brdf-qp.on{background:#EEF6F0;border-color:#007C31;color:#006428;font-weight:500}
.brdf-qp.on .brdf-pk{display:inline-flex}
.brdf-qp:disabled{opacity:.45;cursor:default}
.brdf-qp .brdf-pc{font-size:12px;color:#6B7280;font-weight:400}
.brdf-mbar .brdf-prog{position:absolute;left:0;right:0;bottom:0;top:auto;margin:0;border-radius:0}
.brdf-mres{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:4px 0 2px;font-size:14px;color:#6B7280}
.brdf-mres b{color:#1F1F1F}
.brdf-lnk{height:44px;margin:0;padding:0 2px;border:0;background:none;font-size:14px;font-weight:500;color:#007C31;text-decoration:underline;cursor:pointer}
.brdf-lnk:hover{background:none;color:#006428}
.brdf-lnk[hidden]{display:none}

/* ---------- mobil: panel filtra zospodu (v2) – hore ostane voľný pruh stránky, ťuknutie naň panel zavrie */
.brdf-lock,.brdf-lock body{overflow:hidden!important}
/* panel a radenie nad všetkým – aj nad bublinou chatu Smartsupp (z-index 10 000 000), ktorá inak zakrývala tlačidlo „Zobraziť“ */
.brdf-mbg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482999;width:auto;height:auto;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:rgba(17,24,39,.45);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}
.brdf-mbg:hover,.brdf-mbg:focus,.brdf-mbg:active{background:rgba(17,24,39,.45);outline:0}
.brdf-mbg.open{opacity:1;visibility:visible;transition:opacity .25s ease}
.brdf-mp{position:fixed;top:calc(82px + env(safe-area-inset-top,0px));right:0;bottom:0;left:0;z-index:2147483000;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -8px 28px rgba(16,44,23,.16);display:flex;flex-direction:column;transform:translateY(100%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s}
.brdf-mp.open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.brdf-mp.brdf-drag{transition:none;-webkit-user-select:none;user-select:none}
@media (max-height:520px){.brdf-mp{top:24px}}
.brdf-mp-h{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:8px;height:62px;padding:8px 6px 0 16px;border-bottom:1px solid #E5E7EB;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}
.brdf-mp-grab{position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#D1D5DB;pointer-events:none}
.brdf-mp-t{font-family:Nunito,sans-serif;font-weight:800;font-size:20px}
.brdf-mp-n{font-size:13px;color:#6B7280;margin-right:auto}
.brdf-ib{width:44px;height:44px;margin:0;padding:0;border:0;border-radius:12px;background:none;color:#1F3D29;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.brdf-ib:hover{background:none;color:#1F3D29}
.brdf-mp-chips{flex:0 0 auto;display:flex;gap:8px;overflow-x:auto;padding:10px 16px;border-bottom:1px solid #E5E7EB;scrollbar-width:none}
.brdf-mp-chips::-webkit-scrollbar{display:none}
.brdf-mp-chips[hidden]{display:none}
.brdf-mp-chips .brdf-chip{flex:0 0 auto;height:36px;padding:0 6px 0 12px}
.brdf-mp-chips .brdf-chip .brdf-x{width:24px;height:24px}
.brdf-mp-none{display:inline-flex;align-items:center;height:36px;font-size:14px;color:#6B7280;white-space:nowrap}
.brdf-mp-b{flex:1 1 auto;overflow-y:auto;padding:4px 16px 20px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.brdf-mp-q{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 14px;border-bottom:1px solid #E5E7EB}
.brdf-mp-q .brdf-qp .brdf-pc{min-width:3ch}
.brdf-mp-f{flex:0 0 auto;display:flex;gap:10px;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #E5E7EB;background:#fff;box-shadow:0 -6px 14px rgba(16,44,23,.05)}
.brdf-mp-f .brdf-btn-o{flex:0 0 auto;height:48px;padding:0 18px}
.brdf-mp-f .brdf-btn-g{flex:1 1 auto;height:48px;padding:0 18px}
.brdf-mp .brdf-pr-t{font-size:16px;margin:0 0 6px}
.brdf-mp .brdf-rw{height:44px}
.brdf-mp .brdf-track{top:20px}
.brdf-mp .brdf-rng{height:44px!important}
.brdf-mp .brdf-rng::-webkit-slider-runnable-track{height:44px}
.brdf-mp .brdf-rng::-webkit-slider-thumb{width:28px;height:28px;margin-top:8px}
.brdf-mp .brdf-rng::-moz-range-thumb{width:24px;height:24px}
.brdf-mp .brdf-pin{margin:6px 0 0}
.brdf-mp .brdf-pin label{font-size:14px}
.brdf-mp .brdf-pin input{height:44px;border-radius:10px;padding:0 12px;font-size:16px}
.brdf-mp .brdf-sh{min-height:52px;font-size:16px}
.brdf-mp .brdf-badge{min-width:22px;height:22px}
.brdf-mp .brdf-v{gap:12px;min-height:44px;font-size:16px}
.brdf-mp .brdf-cb{width:22px!important;height:22px!important;margin:-11px 0 0!important}
.brdf-mp .brdf-box{flex:0 0 20px;height:20px}
.brdf-mp .brdf-v:hover{background:none}
.brdf-mp .brdf-more{min-height:44px;padding:0;font-size:15px}
.brdf-mp .brdf-fs{height:44px;border-radius:10px;font-size:16px}

/* ---------- mobil: radenie v spodnom paneli */
.brdf-sbg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483001;margin:0;padding:0;border:0;border-radius:0;background:rgba(17,24,39,.4);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s;cursor:default}
.brdf-sbg.open{opacity:1;visibility:visible;transition:opacity .2s ease}
.brdf-sheet{position:fixed;left:0;right:0;bottom:0;z-index:2147483002;background:#fff;border-radius:16px 16px 0 0;padding:8px 8px calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
.brdf-sheet.open{transform:none;visibility:visible;transition:transform .25s ease}
.brdf-sheet-t{font-family:Nunito,sans-serif;font-weight:800;font-size:18px;padding:12px 12px 6px}
.brdf-so{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:48px;margin:0;padding:0 12px;border:0;border-radius:10px;background:none;font-size:16px;font-weight:400;color:#1F1F1F;cursor:pointer;text-align:left}
.brdf-so:hover{background:#F5F7F4;color:#1F1F1F}
.brdf-so.on{color:#006428;font-weight:500;background:#EEF6F0}

@media (prefers-reduced-motion:reduce){.brdf-sb,.brdf-chev,.brdf-mp,.brdf-mbg,.brdf-sheet,.brdf-sbg,.brdf-cat-t,.brdf-cat-c,.brdf-on #products{transition:none!important}.brdf-loading .brdf-prog::after{animation:none;left:0;width:100%}}

/* ---------- v3: PC a tablet – prvé vykreslenie stránky, kým sa nový filter spustí
   Záhlavie hneď na začiatku pridá na <html> značku brd-cak a zruší ju 1,5 s po načítaní HTML (najneskôr po 10 s).
   Na stránke, kde má pôvodný filter Shoptetu v bočnom paneli aspoň jednu časť (.box-filters .filter-section), je strom
   kategórií hneď zbalený do karty „Kategórie“ (rovnaký vzhľad aj veľkosť ako tlačidlo .brdf-cat-t vyššie) a namiesto
   pôvodného filtra je tichý zástupný tvar – ľavý panel pri načítaní neposkočí. Pravidlá prestanú platiť, keď sa nový
   filter spustí (brdf-on) alebo nespustí (brdf-vyp), inak po zrušení značky. Prehliadač bez :has() ich vynechá celé. */
@media (min-width:768px){
html.brd-cak:not(.brdf-on):not(.brdf-vyp) .sidebar-inner:has(>.box-filters .filter-section){position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#CFE3D5 transparent}
html.brd-cak:not(.brdf-on):not(.brdf-vyp) .sidebar-inner:has(>.box-filters .filter-section)::-webkit-scrollbar{width:8px}
html.brd-cak:not(.brdf-on):not(.brdf-vyp) .sidebar-inner:has(>.box-filters .filter-section)::-webkit-scrollbar-thumb{background:#CFE3D5;border-radius:4px}
html.brd-cak:not(.brdf-on):not(.brdf-vyp) .sidebar-inner:has(>.box-filters .filter-section)>.box-categories{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;min-height:66px;margin:0 0 12px;padding:11px 56px 11px 65px;border:1px solid #CFE3D5;border-radius:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E %3Crect width='42' height='42' rx='10' fill='%231F3D29'/%3E %3Cg transform='translate(11 11) scale(.833333)' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round'%3E %3Crect x='4' y='4' width='6.5' height='6.5' rx='1.6'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.6'/%3E %3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.6'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.6'/%3E %3C/g%3E%3C/svg%3E") 11px 50%/42px 42px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E %3Ccircle cx='16' cy='16' r='15.5' fill='%23fff' stroke='%23CFE3D5'/%3E %3Cpath d='M4 6l4 4 4-4' transform='translate(7 7) scale(1.125)' fill='none' stroke='%231F3D29' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") right 12px top 50%/32px 32px no-repeat,#F3F8F4;box-shadow:none;color:#1F1F1F;letter-spacing:normal;text-transform:none;text-align:left;-webkit-font-smoothing:antialiased}
html.brd-cak:not(.brdf-on):not(.brdf-vyp) .sidebar-inner:has(>.box-filters .filter-section)>.box-categories>*{display:none!important}
html.brd-cak:not(.brdf-on):not(.brdf-vyp) .sidebar-inner:has(>.box-filters .filter-section)>.box-categories::before{content:"Kategórie";display:block;margin:0;padding:0;font:800 17px/1.15 Nunito,sans-serif;color:#1F1F1F}
html.brd-cak:not(.brdf-on):not(.brdf-vyp) .sidebar-inner:has(>.box-filters .filter-section)>.box-categories::after{content:"Zobraziť všetky kategórie";display:block;margin:3px 0 0;padding:0;font:500 13px/1.25 Roboto,Arial,sans-serif;color:#007C31}
/* zástupný tvar kreslí ::before; spodných 16 px je pod rámčekom vnútri boxu (padding-bottom) – ako medzera pod novým filtrom,
   ktorú od ďalšieho boxu (Platby online) oddeľuje skrytý pôvodný filter, takže sa okraje nezlúčia a box pod filtrom ostane na mieste */
html.brd-cak:not(.brdf-on):not(.brdf-vyp) .sidebar-inner:has(>.box-filters .filter-section)>.box-filters{position:relative;box-sizing:border-box;height:916px;min-height:0;margin:0;padding:0 0 16px;overflow:hidden;border:0;border-radius:0;background:none;box-shadow:none}
html.brd-cak:not(.brdf-on):not(.brdf-vyp) .sidebar-inner:has(>.box-filters .filter-section)>.box-filters::before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:16px;box-sizing:border-box;margin:0;padding:0;border:1px solid #E5E7EB;border-radius:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='860'%3E%3Cg fill='%23EEF1EE'%3E%3Crect x='0' y='3' width='26%25' height='16' rx='8'/%3E%3Crect x='74%25' y='6' width='26%25' height='11' rx='5.5'/%3E%3Crect x='0' y='40' width='35%25' height='30' rx='15'/%3E%3Crect x='38%25' y='40' width='25%25' height='30' rx='15'/%3E%3Crect x='0' y='78' width='29%25' height='30' rx='15'/%3E%3Crect x='32%25' y='78' width='37%25' height='30' rx='15'/%3E%3Crect x='0' y='116' width='52%25' height='30' rx='15'/%3E%3Crect x='55%25' y='116' width='24%25' height='30' rx='15'/%3E%3Crect x='0' y='169' width='100%25' height='1'/%3E%3Crect x='0' y='188' width='18%25' height='12' rx='6'/%3E%3Crect x='0' y='218' width='100%25' height='4' rx='2'/%3E%3Crect x='0' y='300' width='100%25' height='1'/%3E%3Crect x='0' y='322' width='44%25' height='14' rx='7'/%3E%3Crect x='0.5' y='410.5' width='17' height='17' rx='4' fill='none' stroke='%23E3E7E3'/%3E%3Crect x='12%25' y='413' width='52%25' height='11' rx='5.5'/%3E%3Crect x='84%25' y='410' width='16%25' height='18' rx='9'/%3E%3Crect x='0.5' y='446.5' width='17' height='17' rx='4' fill='none' stroke='%23E3E7E3'/%3E%3Crect x='12%25' y='449' width='52%25' height='11' rx='5.5'/%3E%3Crect x='84%25' y='446' width='16%25' height='18' rx='9'/%3E%3Crect x='0.5' y='482.5' width='17' height='17' rx='4' fill='none' stroke='%23E3E7E3'/%3E%3Crect x='12%25' y='485' width='52%25' height='11' rx='5.5'/%3E%3Crect x='84%25' y='482' width='16%25' height='18' rx='9'/%3E%3Crect x='0.5' y='518.5' width='17' height='17' rx='4' fill='none' stroke='%23E3E7E3'/%3E%3Crect x='12%25' y='521' width='52%25' height='11' rx='5.5'/%3E%3Crect x='84%25' y='518' width='16%25' height='18' rx='9'/%3E%3Crect x='0.5' y='554.5' width='17' height='17' rx='4' fill='none' stroke='%23E3E7E3'/%3E%3Crect x='12%25' y='557' width='52%25' height='11' rx='5.5'/%3E%3Crect x='84%25' y='554' width='16%25' height='18' rx='9'/%3E%3Crect x='0' y='600' width='100%25' height='1'/%3E%3Crect x='0' y='622' width='38%25' height='14' rx='7'/%3E%3Crect x='0.5' y='660.5' width='17' height='17' rx='4' fill='none' stroke='%23E3E7E3'/%3E%3Crect x='12%25' y='663' width='52%25' height='11' rx='5.5'/%3E%3Crect x='84%25' y='660' width='16%25' height='18' rx='9'/%3E%3Crect x='0.5' y='696.5' width='17' height='17' rx='4' fill='none' stroke='%23E3E7E3'/%3E%3Crect x='12%25' y='699' width='52%25' height='11' rx='5.5'/%3E%3Crect x='84%25' y='696' width='16%25' height='18' rx='9'/%3E%3Crect x='0.5' y='732.5' width='17' height='17' rx='4' fill='none' stroke='%23E3E7E3'/%3E%3Crect x='12%25' y='735' width='52%25' height='11' rx='5.5'/%3E%3Crect x='84%25' y='732' width='16%25' height='18' rx='9'/%3E%3Crect x='0' y='780' width='100%25' height='1'/%3E%3Crect x='0' y='802' width='40%25' height='14' rx='7'/%3E%3C/g%3E%3Cg fill='none' stroke='%23E3E7E3'%3E%3Crect x='0.5' y='242.5' width='41.5%25' height='37' rx='8'/%3E%3Crect x='58%25' y='242.5' width='41.5%25' height='37' rx='8'/%3E%3Crect x='0.5' y='358.5' width='99%25' height='35' rx='8'/%3E%3C/g%3E%3C/svg%3E") 16px 16px/calc(100% - 32px) 860px no-repeat,#fff;box-shadow:none}
/* filter len so zaškrtávacími políčkami a cenou (bez parametrov a značiek) je nízky – kresba končí pod posuvníkom ceny */
html.brd-cak:not(.brdf-on):not(.brdf-vyp) .sidebar-inner:has(>.box-filters .filter-section):not(:has(>.box-filters :is(.filter-section-parametric,.filter-section-manufacturer)))>.box-filters{height:302px}
html.brd-cak:not(.brdf-on):not(.brdf-vyp) .sidebar-inner:has(>.box-filters .filter-section):not(:has(>.box-filters :is(.filter-section-parametric,.filter-section-manufacturer)))>.box-filters::after{content:"";display:block;position:absolute;left:1px;right:1px;bottom:17px;height:27px;margin:0;padding:0;border:0;border-radius:0 0 11px 11px;background:#fff}
html.brd-cak:not(.brdf-on):not(.brdf-vyp) .sidebar-inner:has(>.box-filters .filter-section)>.box-filters *{visibility:hidden!important}
}
/* ===== zdroj: 29-10-lista-dorucenia-v5.css ===== */
/* Lišta doručenia v5 – Bio-racio-dia (29. 10. 2026)
   v5: jednotné zelené e-shopu – tmavá #1F3D29 (ikony, rámik), akčná #007C31 (zvýraznenie a odkazy, prejdenie #006428),
       svetlá #7AB536 (bodka a rámik na tmavej lište). Inak bez zmeny.
   v4: na PC a tablete (od 768 px) kompaktnejšia – výška 32 px (bolo 36 px), písmo 12 px (bolo 13 px), štítok a tlačidlo Detail 11 px (bolo 12 px).
       Mobil bez zmeny. Skript ostáva v3 (25-10-lista-dorucenia-v3.js).
   Nahrádza doplnok „Doby doručení v horní liště“.
   v3: vlastná predpona tried a ID „ldor“. Verzia v2 mala „brdl“ – rovnakú, akú používa šablóna popisov produktov,
       takže sa štýly lišty a popisov navzájom prebíjali (popis mal výšku 36 px, lišta šírku 920 px a tmavý text).
       Predponu „ldor“ nepoužívať v popisoch ani v iných úpravách.
   Miesto pre lištu je rezervované už pri prvom vykreslení stránky, takže obsah pod ňou neposkočí.
   Texty sa menia v Záhlaví (window.BRD_LISTA), nie tu. */

/* 1) rezervované miesto – kým sa načíta skript, je tu tmavý pásik presne v rovnakej výške */
.overall-wrapper::before{content:"";display:block;height:36px;background:#1F3D29}
html.ldor-on .overall-wrapper::before,html.ldor-x .overall-wrapper::before{content:none;display:none}

/* 2) lišta */
.ldor,.ldor *,.ldor-pan,.ldor-pan *{box-sizing:border-box}
.ldor [hidden],.ldor-pan [hidden]{display:none!important}
.ldor{position:relative;height:36px;margin:0;padding:0;background:#1F3D29;color:#fff;font-family:Roboto,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1;letter-spacing:normal;text-transform:none;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ldor svg,.ldor-pan svg{display:block;flex:none}
.ldor svg,.ldor svg *,.ldor-pan svg,.ldor-pan svg *{fill:none;stroke:currentColor}
.ldor-wait .ldor-l,.ldor-wait .ldor-r,.ldor-wait .ldor-m>*{visibility:hidden}
.ldor-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:36px;margin:0 auto;padding:0 20px;overflow:hidden;white-space:nowrap}
@media (min-width:768px){.ldor-in{width:747px}}
@media (min-width:992px){.ldor-in{width:972px}}
@media (min-width:1200px){.ldor-in{width:1178px}}
@media (min-width:1440px){.ldor-in{width:1418px}}
.ldor-l{display:flex;align-items:center;align-self:stretch;gap:10px;flex:0 1 auto;min-width:0}
.ldor-meas .ldor-l{flex:none}
.ldor-msg{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ldor-in b,.ldor-m b{font-weight:700;color:#fff;font-size:inherit;font-style:normal;letter-spacing:inherit;text-transform:none}
.ldor-chip{flex:none;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:12px;line-height:1;font-variant-numeric:tabular-nums}
.ldor-r{display:flex;align-items:center;gap:16px;flex:none;height:100%;color:#CFE3D5}
.ldor-it{display:inline-flex;align-items:center;gap:6px}
.ldor-it svg{width:16px;height:16px}
.ldor .ldor-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;height:24px;margin:0;padding:0 8px 0 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:#fff;font:700 12px/1 Roboto,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.ldor .ldor-btn:hover,.ldor .ldor-btn[aria-expanded="true"]{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6)}
.ldor .ldor-btn svg{width:14px;height:14px;transition:transform .2s ease}
.ldor .ldor-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.ldor .ldor-btn::before,.ldor .ldor-btn::after,.ldor .ldor-m::before,.ldor .ldor-m::after,html body .ldor-px::before,html body .ldor-px::after,html body .ldor-bg::before,html body .ldor-bg::after{content:none!important;display:none!important}
/* rámik pri ovládaní klávesnicou; staršie prehliadače bez :focus-visible ho ukážu vždy pri fokuse */
.ldor .ldor-btn:focus{outline:2px solid #7AB536;outline-offset:2px}

/* pulzujúca bodka (len transform/opacity – nič sa neposúva) */
.ldor-dot{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:#7AB536}
.ldor-dot::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:inherit;opacity:0;animation:ldor-pulse 2s ease-out 6}
.ldor.is-oz .ldor-l .ldor-dot,.ldor-dot.is-oz{background:#F5C451}
@keyframes ldor-pulse{0%{transform:scale(1);opacity:.65}70%,100%{transform:scale(2.6);opacity:0}}

/* 3) mobil – lišta pod hlavičkou, texty sa striedajú */
.ldor .ldor-m{all:unset;box-sizing:border-box;display:none;align-items:center;gap:8px;width:100%;height:34px;margin:0;padding:0 10px 0 8px;background:#1F3D29;color:#fff;font:400 13px/1 Roboto,Arial,sans-serif;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ldor .ldor-m:focus{outline:2px solid #7AB536;outline-offset:-3px}
.ldor .ldor-btn:focus:not(:focus-visible),.ldor .ldor-m:focus:not(:focus-visible){outline:none}
.ldor-m>svg{width:18px;height:18px}
.ldor-tk{position:relative;flex:1 1 auto;min-width:0;height:34px;overflow:hidden}
.ldor-ti{position:absolute;top:0;right:0;left:0;height:34px;display:flex;align-items:center;gap:8px;padding-left:6px;white-space:nowrap;opacity:0;transform:translateY(100%);transition:opacity .35s ease,transform .35s ease}
.ldor-ti.is-cur{opacity:1;transform:none}
.ldor-ti.is-prev{transform:translateY(-100%)}
.ldor-ti .ldor-dot{margin:0 2px}
.ldor-ti svg{width:16px;height:16px;color:#CFE3D5}
.ldor-tt{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#fff}
.ldor-a{color:#CFE3D5}
@media (max-width:767px){
  .overall-wrapper::before{height:34px}
  .ldor{height:34px}
  .ldor-in{display:none}
  .ldor .ldor-m{display:flex}
}

/* 4) okno „Detail“ (PC) a panel zospodu (mobil) */
.ldor-pan{color:#1F1F1F;font-family:Roboto,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.35;letter-spacing:normal;text-transform:none;text-align:left;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ldor-pan b{font-weight:700;color:inherit;font-size:inherit;font-style:normal;letter-spacing:inherit;text-transform:none}
.ldor-pop{position:absolute;top:44px;right:0;z-index:2147482990;display:flex;flex-direction:column;gap:12px;width:360px;max-width:calc(100vw - 16px);padding:16px;background:#fff;border:1px solid #E5E7EB;border-radius:14px;box-shadow:0 14px 34px rgba(16,44,23,.18);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.ldor-pop.open{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease}
.ldor-pop:focus,.ldor-sh:focus{outline:none}
html body .ldor-bg{all:unset;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482999;display:block;background:rgba(17,24,39,.45);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}
html body .ldor-bg.open{opacity:1;visibility:visible;transition:opacity .25s ease}
.ldor-sh{position:fixed;right:0;bottom:0;left:0;z-index:2147483000;display:flex;flex-direction:column;gap:12px;max-height:calc(100% - 82px);overflow-y:auto;overscroll-behavior:contain;padding:8px 16px calc(20px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -8px 28px rgba(16,44,23,.16);transform:translateY(100%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s}
.ldor-sh.open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.ldor-sh.ldor-drag{transition:none;-webkit-user-select:none;user-select:none}
html.ldor-lock,html.ldor-lock body{overflow:hidden!important}

.ldor-ph{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ldor-sh .ldor-ph{padding-top:12px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}
.ldor-grab{position:absolute;top:0;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#D1D5DB;pointer-events:none}
.ldor-pt{margin:0;font-family:Nunito,Roboto,Arial,sans-serif;font-size:17px;font-weight:800;line-height:1.2;color:#1F1F1F}
.ldor-sh .ldor-pt{font-size:19px}
html body .ldor-px{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;margin:-6px -8px -6px 0;border-radius:8px;color:#1F3D29;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body .ldor-px:hover{background:#F3F8F4}
html body .ldor-px:focus,.ldor-pan .ldor-lnk:focus{outline:2px solid #1F3D29;outline-offset:2px}
html body .ldor-px:focus:not(:focus-visible),.ldor-pan .ldor-lnk:focus:not(:focus-visible){outline:none}
.ldor-px svg{width:18px;height:18px}
html body .ldor-sh .ldor-px{width:44px;height:44px;margin:-10px -12px -10px 0;border-radius:12px}
.ldor-sh .ldor-px svg{width:22px;height:22px}
.ldor-oz,.ldor-box{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;font-size:13px}
.ldor-oz{background:#FFF6DB;color:#5B4300}
.ldor-box{background:#EEF6F0;color:#1F3D29}
.ldor-oz svg,.ldor-box svg{width:18px;height:18px;margin-top:1px}
.ldor-oz svg{color:#B7791F}
.ldor-box svg{color:#1F3D29}
.ldor-oz b{font-weight:700;color:inherit}
.ldor-bt{display:flex;flex-direction:column;gap:3px}
.ldor-bt span,.ldor-oz span{text-wrap:pretty}
.ldor-bt b{font-weight:700;color:#007C31}
.ldor-sh .ldor-oz,.ldor-sh .ldor-box{padding:12px;border-radius:12px;font-size:14px}
.ldor-sh .ldor-oz svg,.ldor-sh .ldor-box svg{width:20px;height:20px}
.ldor-pan .ldor-rows{display:flex;flex-direction:column;float:none;width:auto;margin:0;padding:0;border:0;background:none;list-style:none}
.ldor-pan .ldor-rows li{display:flex;align-items:center;gap:12px;position:static;float:none;width:auto;min-width:0;max-width:none;height:auto;margin:0;padding:9px 0;border:0;border-bottom:1px solid #EEF0F2;background:none;list-style:none;color:inherit;font-size:13px;font-weight:400;font-style:normal;line-height:1.35;letter-spacing:normal;text-transform:none;text-indent:0;text-align:left}
.ldor-pan .ldor-rows li:last-child{border-bottom:0}
.ldor-pan .ldor-rows li::before,.ldor-pan .ldor-rows li::after{content:none;display:none}
.ldor-sh .ldor-rows li{min-height:52px;padding:8px 0}
.ldor-ri{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;background:#F3F8F4;color:#1F3D29}
.ldor-ri svg{width:17px;height:17px}
.ldor-sh .ldor-ri{width:36px;height:36px}
.ldor-sh .ldor-ri svg{width:18px;height:18px}
.ldor-rt{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
.ldor-rn{font-family:Nunito,Roboto,Arial,sans-serif;font-size:14px;font-weight:700;color:#1F1F1F}
.ldor-rd{font-size:12px;color:#6B7280}
.ldor-rc{flex:none;font-size:14px;font-weight:700;color:#1F3D29;white-space:nowrap}
.ldor-sh .ldor-rn,.ldor-sh .ldor-rc{font-size:15px}
.ldor-sh .ldor-rd{font-size:13px}
.ldor-pan .ldor-lnk{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:normal;text-transform:none;color:#007C31;text-decoration:none}
.ldor-pan .ldor-lnk:hover{color:#006428;text-decoration:underline}
.ldor-lnk svg{width:14px;height:14px}
.ldor-sh .ldor-lnk{min-height:44px;font-size:14px}

@media (prefers-reduced-motion:reduce){
  .ldor-dot::after{display:none;animation:none}
  .ldor-ti,.ldor-pop,.ldor-sh,html body .ldor-bg,.ldor .ldor-btn,.ldor .ldor-btn svg{transition:none!important}
}
@media print{.overall-wrapper::before,.ldor,.ldor-sh,html body .ldor-bg{display:none!important}}

/* v4: kompaktnejšia lišta na PC a tablete (od 768 px) – rezervované miesto, lišta, písmo, štítok, tlačidlo a panel Detail (8 px pod lištou ako doteraz) */
@media (min-width:768px){
  .overall-wrapper::before{height:32px}
  .ldor,.ldor-in{height:32px}
  .ldor{font-size:12px}
  .ldor-chip{font-size:11px}
  .ldor .ldor-btn{height:22px;font-size:11px}
  .ldor-pop{top:40px}
}
/* ===== zdroj: 14-11-hlavicka-v12d.css ===== */
/* Hlavička – vyladenie v12c (Bio-racio-dia, 29. 10. 2026)
   v12c: bez poskakovania pri načítaní:
        pole vyhľadávania – kým skript nezapne príklady „Skúste: …“, pôvodný text poľa je skrytý (značka html.brd-cak zo Záhlavia,
        zruší sa 1,5 s po načítaní HTML), takže sa text v poli nevymení;
        produkt – vyhradené miesto pre „Pridať k obľúbeným“ (bod 6 na konci súboru);
        menu sa po načítaní nerozostupuje (Záhlavie, 1. riadok: window.BRD_HLAVICKA={rozlozMenu:false} – ďalšie nastavenia
        hlavičky dopĺňať do tohto objektu, nie do nového riadku, inak by ho prepísali).
   v11: telefóny 360 – 479 px – logo 40 px (bolo 46 px; pod 360 px už bolo 40 px, od 480 px ostáva 60 / 69 px), aby malo nad sebou aj pod sebou vzduch;
        v mobilnom menu (do 767 px) hlavné položky bez podčiarknutia (šablóna Shoptetu ich podčiarkuje).
   v10: mobil do 767 px – ťuknutie na ikonu košíka otvorí rovno stránku košíka (skript, bod 6); keby sa náhľad košíka predsa otvoril (napr. pri vypnutom kosikPriamo), skryje sa riadok vyhľadávania ako pri menu, aby náhľad nebol pod hlavičkou; ikona košíka sa zmení na × a počítadlo sa skryje.
   v9: bublinky kategórií – mobil do 767 px na úvodnej stránke pod lištou doručenia, 768 – 991 px namiesto riadku s menu (bod 5 na konci súboru).
   v8: PC a tablet kompaktnejšie – menu 15 px (bolo 18 px) s okrajom 16 px okolo kategórie (bolo 20 px), horné odkazy 13 px v riadku 26 px (bolo 14 px a 29 px),
       vyhľadávacie pole 44 px (bolo 50 px), príklady „Skúste: …“ 15 px. Písanie v poli ostáva 16 px – menšie písmo by iPhone na šírku pri ťuknutí priblížil.
   v7: kompaktná hlavička na PC a tablete podľa Brainmarketu – riadok s logom 68 px (bolo 126), menu 62 px (bolo 68), spolu 131 px (bolo 195).
   v6: väčší odstup drobčekovej navigácie od hlavičky (PC a tablet); skript ako v5 (poistka pre príklady vo vyhľadávaní).
   Vyhľadávanie, ikony, košík a menu v štýle e-shopu.
   Mobil: vyhľadávacie pole je natrvalo pod logom a ikonami (hlavička 106 px, od 480 px 136 px), lupa v rade ikon je skrytá.
   Farbu srdiečka a jeho kolieska nastavuje doplnok Obľúbené produkty (Barva ikony, Barva kolečka u ikony). */

:root{--brdh-lupa-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E");--brdh-lupa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E");--brdh-srdce:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.3s-7.6-4.6-7.6-10.3A4.3 4.3 0 0 1 12 7.4a4.3 4.3 0 0 1 7.6 2.6c0 5.7-7.6 10.3-7.6 10.3z'/%3E%3C/svg%3E");--brdh-srdce-p:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.3s-7.6-4.6-7.6-10.3A4.3 4.3 0 0 1 12 7.4a4.3 4.3 0 0 1 7.6 2.6c0 5.7-7.6 10.3-7.6 10.3z'/%3E%3C/svg%3E");--brdh-kosik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8.5h13l-1 11.5h-11z'/%3E%3Cpath d='M9 8.5V7a3 3 0 0 1 6 0v1.5'/%3E%3C/svg%3E");--brdh-menu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E");--brdh-zavriet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");--brdh-darcek:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11h16v9H4z'/%3E%3Cpath d='M3 7h18v4H3z'/%3E%3Cpath d='M12 7v13'/%3E%3Cpath d='M12 7C10.5 4 7 3.6 7 5.6 7 7 9.5 7 12 7zm0 0c1.5-3 5-3.4 5-1.4C17 7 14.5 7 12 7z'/%3E%3C/svg%3E");--brdh-ucet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='3.5'/%3E%3Cpath d='M5 20c.8-3.6 3.6-5.5 7-5.5s6.2 1.9 7 5.5'/%3E%3C/svg%3E");--brdh-tint:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3E%3Crect width='42' height='42' rx='12' fill='%23F4E9DF'/%3E%3C/svg%3E");--brdh-tint-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3E%3Crect width='42' height='42' rx='12' fill='%23EEDAC9'/%3E%3C/svg%3E")}

/* príklady vo vyhľadávaní – základ skrytý; zobrazia ich pravidlá pre PC a tablet a pre mobil nižšie */
#formSearchForm .brdh-ex{display:none}
/* v12: kým skript nezapne príklady, pôvodný text poľa je skrytý – bez skriptu sa vráti po zrušení značky brd-cak */
html.brd-cak #header #formSearchForm:not(.brdh-ex-on) .search-input::placeholder{color:transparent}

/* ===== PC a tablet (od 768 px) ===== */
@media (min-width:768px){
  #header{position:relative;box-shadow:0 1px 0 rgba(31,61,41,.07),0 14px 24px -22px rgba(31,61,41,.55)}
  #header .header-bottom{border-top-color:transparent}

  /* kompaktný riadok s logom a vyhľadávaním: 8 px nad a pod, logo, pole aj ikony do 52 px (Shoptet mal 45 px nad logom) */
  #header .header-top{padding-top:8px;padding-bottom:8px}
  #header .header-top-wrapper .site-name{flex:0 0 auto;display:flex;align-items:center}
  #header .header-top-wrapper .site-name a{display:block}
  #header .header-top-wrapper .site-name img{width:auto;height:52px;max-height:none;aspect-ratio:auto 300/226}
  /* nižší riadok menu: 62 px (bolo 68) – položky, „Viac“ aj obal menu */
  #header .header-bottom-wrapper,#navigation{height:62px}
  #navigation .menu-level-1>li>a,#header .menu-helper>span{padding-top:22px;padding-bottom:22px}
  #header .menu-helper{height:62px}
  #header .menu-helper>ul{top:100%}
  /* v8: menu – písmo 15 px (bolo 18 px), okraj okolo kategórie 16 px (bolo 20 px); výška riadku ostáva 62 px */
  #navigation .menu-level-1>li>a,#header .menu-helper>span{font-size:15px}
  #navigation .menu-level-1>li>a{padding-left:16px;padding-right:16px}
  /* v8: horný riadok s odkazmi (Kontakt, Veľkoobchod…, Prihlásenie) – písmo 13 px (bolo 14 px), riadok 26 px (bolo 29 px) */
  .top-navigation-bar{font-size:13px}
  .top-navigation-bar .top-navigation-menu,.top-navigation-bar .dropdown{height:24px}
  .top-navigation-bar .top-navigation-bar-menu a,.top-navigation-bar .top-navigation-menu-trigger,.top-navigation-bar .top-nav-button{padding-top:3px;padding-bottom:3px}
  .top-navigation-bar .top-navigation-bar-menu-helper{top:24px}

  /* vyhľadávanie od loga až po ikony */
  #header .header-top-wrapper .search{flex:1 1 auto;min-width:0;padding:0 40px 0 44px}
  #header .header-top-wrapper .navigation-buttons{flex:0 0 auto;padding:0 14px 0 0;gap:6px}
  #header #formSearchForm{position:relative;align-items:center;width:100%;height:44px;margin:0;padding:0;border:1.5px solid transparent;border-radius:12px;background:#F4E9DF;transition:background-color .2s,border-color .2s,box-shadow .2s}
  #header #formSearchForm:hover{border-color:#E9D3C0}
  #header #formSearchForm:focus-within{background:#fff;border-color:#1F3D29;box-shadow:0 0 0 4px rgba(31,61,41,.12)}
  #header #formSearchForm .search-input-icon{display:none}
  #header #formSearchForm .search-input,#header #formSearchForm .search-input:hover,#header #formSearchForm .search-input:focus{flex:1 1 auto;min-width:0;width:auto;height:100%;margin:0;padding:0 12px 0 20px;border:0;border-radius:12px 0 0 12px;outline:0;background:transparent;box-shadow:none;font:400 16px/1.25 Roboto,Arial,sans-serif;color:#1F1F1F;-webkit-appearance:none;appearance:none}
  #header #formSearchForm .search-input::placeholder{color:#7A5836;opacity:1}
  #header #formSearchForm .search-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
  #header #formSearchForm .search-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;width:auto;min-width:0;height:36px;margin:0 3px 0 0;padding:0 20px 0 16px;border:0;border-radius:9px;background:#1F3D29;color:#fff;font:700 15px/1 Roboto,Arial,sans-serif;letter-spacing:normal;text-transform:none;text-shadow:none;box-shadow:none;cursor:pointer;transition:background-color .2s}
  #header #formSearchForm .search-button::after{content:none}
  #header #formSearchForm .search-button:hover,#header #formSearchForm .search-button:focus{border:0;background:#2C5539;color:#fff}
  #header #formSearchForm .search-button:focus-visible{outline:2px solid #fff;outline-offset:-5px}

  /* striedajúce sa príklady v poli (pridáva ich skript) */
  #header #formSearchForm .brdh-ex{position:absolute;top:50%;left:20px;right:130px;height:20px;margin-top:-10px;display:flex;align-items:center;gap:6px;overflow:hidden;text-align:left;font:400 15px/20px Roboto,Arial,sans-serif;color:#7A5836;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}
  #header #formSearchForm.brdh-ex-on .brdh-ex{opacity:1}
  #header #formSearchForm .brdh-ex-w{position:relative;display:block;flex:none;height:20px;overflow:hidden}
  #header #formSearchForm .brdh-ex-l{display:block;color:#1F1F1F;font-weight:500;transition:transform .5s cubic-bezier(.6,0,.2,1)}
  #header #formSearchForm .brdh-ex-l>span{display:block;height:20px}
  #header #formSearchForm.brdh-ex-on .search-input::placeholder{color:transparent}
  #header #formSearchForm.brdh-ex-on:focus-within .search-input::placeholder{color:#7A5836}
  #header #formSearchForm.brdh-ex-on:focus-within .brdh-ex,#header #formSearchForm.brdh-ex-on.brdh-val .brdh-ex,#header #formSearchForm.brdh-ex-on .search-input:not(:placeholder-shown)~.brdh-ex{opacity:0}

  /* Obľúbené a Košík – rovnaké ikony, popis pod ikonou (od 992 px) */
  #header .navigation-buttons #dkLabFavHeaderWrapper{display:flex;align-items:center;margin:0}
  #header .navigation-buttons .dkLabFavHeaderIconBtn,#header .navigation-buttons a.cart-count{position:relative;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:auto;min-width:64px;height:52px;margin:0;padding:0 6px;border-radius:10px;font-size:0;line-height:1;text-decoration:none;transition:background-color .2s}
  #header .navigation-buttons .dkLabFavHeaderIconBtn{display:flex}
  #header .navigation-buttons a.cart-count,#header .navigation-buttons a.cart-count:hover{color:#1F3D29}
  #header .navigation-buttons .dkLabFavHeaderIconBtn:hover,#header .navigation-buttons a.cart-count:hover{background:#F2F5F1}
  #header .navigation-buttons .dkLabFavHeaderIconBtn:focus-visible,#header .navigation-buttons a.cart-count:focus-visible{outline:2px solid #1F3D29;outline-offset:2px}
  #header .navigation-buttons .dkLabFavHeaderIconBtn::before,#header .navigation-buttons a.cart-count::before{content:"";flex:none;top:0;width:24px;height:24px;margin:0;font-size:0;line-height:0;background:currentColor;transition:transform .2s ease}
  #header .navigation-buttons a.cart-count i,#header .navigation-buttons .dkLabFavHeaderIconBtn em{position:absolute;top:4px;left:calc(50% + 4px);right:auto;bottom:auto;width:auto;min-width:19px;height:19px;margin:0;padding:0 5px;border-radius:999px;font:700 11px/19px Roboto,Arial,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px #fff}
  #header .navigation-buttons a.cart-count i{background:#1F3D29;color:#fff}
  #header .navigation-buttons a.cart-count i.brdh-bump{animation:brdh-bump .45s ease}
  #header .navigation-buttons a.cart-count .cart-price{display:none!important}

  /* ikony ako masky (spoločné nastavenie, potom obrázok pre každú ikonu) */
  #header #formSearchForm .search-button::before,#header .navigation-buttons .dkLabFavHeaderIconBtn::before,#header .navigation-buttons a.cart-count::before,#navigation .menu-level-1>li.menu-item-3554>a>b::after{-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
  #header #formSearchForm .search-button::before{content:"";flex:none;width:18px;height:18px;margin:0;background:currentColor;-webkit-mask-image:var(--brdh-lupa-b);mask-image:var(--brdh-lupa-b)}
  #header .navigation-buttons .dkLabFavHeaderIconBtn::before{-webkit-mask-image:var(--brdh-srdce);mask-image:var(--brdh-srdce)}
  #header .navigation-buttons .dkLabFavHeaderIconBtn:hover::before{-webkit-mask-image:var(--brdh-srdce-p);mask-image:var(--brdh-srdce-p);background:#7AB536;transform:scale(1.08)}
  #header .navigation-buttons a.cart-count::before{-webkit-mask-image:var(--brdh-kosik);mask-image:var(--brdh-kosik)}

  /* menu – podčiarknutie pri prejdení myšou, viditeľný rámik pri ovládaní klávesnicou */
  #navigation .menu-level-1>li>a>b{position:relative;display:inline-block}
  #navigation .menu-level-1>li>a>b::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:3px;border-radius:3px;background:#7AB536;transform:scaleX(0);transition:transform .22s ease;pointer-events:none}
  #navigation .menu-level-1>li>a:hover>b::after,#navigation .menu-level-1>li.exp>a>b::after{transform:scaleX(1)}
  #navigation .menu-level-1>li>a:focus-visible>b::after{transform:scaleX(1)}
  #navigation .menu-level-1>li>a:hover{color:#1F3D29}
  #navigation .menu-level-1>li>a:focus-visible{outline:2px solid #1F3D29;outline-offset:-8px;border-radius:14px}
  /* Vianoce – béžová pilulka s darčekom */
  #navigation .menu-level-1>li.menu-item-3554>a>b{z-index:0;padding-left:36px;color:#683B15}
  #navigation .menu-level-1>li.menu-item-3554>a>b::before{content:"";position:absolute;top:-10px;bottom:-10px;left:0;right:-16px;z-index:-1;border-radius:999px;background:#F4E9DF;transition:background-color .2s}
  #navigation .menu-level-1>li.menu-item-3554>a>b::after{left:13px;right:auto;top:50%;bottom:auto;width:16px;height:16px;margin-top:-8px;border-radius:0;background:currentColor;-webkit-mask-image:var(--brdh-darcek);mask-image:var(--brdh-darcek);transform:none;transition:none}
  #navigation .menu-level-1>li.menu-item-3554>a:hover{color:#683B15}
  #navigation .menu-level-1>li.menu-item-3554>a:hover>b::before,#navigation .menu-level-1>li.menu-item-3554.exp>a>b::before{background:#EEDAC9}
}

/* odstup drobčekovej navigácie od hlavičky – Shoptet ju dáva 2 px pod hlavičku, pri tieni hlavičky to pôsobilo stiesnene.
   Nad drobčekmi 22 px, k nadpisu stránky 28 px – rovnako na kategórii, produkte, článku aj vo vyhľadávaní. Mobil ostáva (12 px pod lištou). */
@media (min-width:768px){
  #content-wrapper>.breadcrumbs{padding-top:20px;padding-bottom:6px}
}

/* popisy pod ikonami (od 992 px); pevná šírka – pri zmene sumy v košíku sa nič neposunie */
@media (min-width:992px){
  #header .navigation-buttons .dkLabFavHeaderIconBtn,#header .navigation-buttons a.cart-count{width:80px;min-width:0}
  #header .navigation-buttons .dkLabFavHeaderIconBtn::after{content:"Obľúbené";font:500 12.5px/1 Roboto,Arial,sans-serif;color:#4A4F4B;white-space:nowrap}
  #header .navigation-buttons a.cart-count .cart-price{display:block!important;max-width:68px;height:auto;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;font:500 12.5px/1 Roboto,Arial,sans-serif;color:#4A4F4B;white-space:nowrap}
  #header .navigation-buttons a.cart-count:not(.full) .cart-price{font-size:0}
  #header .navigation-buttons a.cart-count:not(.full) .cart-price::after{content:"Košík";content:"Košík" / "";font-size:12.5px}
  #header .navigation-buttons a.cart-count.full .cart-price{color:#1F1F1F;font-weight:700}
  /* miesto pre srdiečko vopred – doplnok Obľúbené ho vkladá až po načítaní, vyhľadávanie sa tak neposunie */
  body:not(.ordering-process) #header .header-top-wrapper .navigation-buttons{min-width:180px;justify-content:flex-end}
}
@media (min-width:768px) and (max-width:991px){
  #header .navigation-buttons .dkLabFavHeaderIconBtn,#header .navigation-buttons a.cart-count{min-width:50px;height:50px}
  #header .navigation-buttons .dkLabFavHeaderIconBtn::after{content:none}
  body:not(.ordering-process) #header .header-top-wrapper .navigation-buttons{min-width:120px;justify-content:flex-end}
}

/* ===== mobil (do 767 px) ===== */
@media (max-width:767px){
  #header{background:#fff;box-shadow:0 1px 0 #E7EAE5,0 8px 18px -14px rgba(31,61,41,.4)}
  #header .header-top-wrapper .site-name img{width:auto;height:40px;max-height:none;aspect-ratio:auto 300/226}
  #header .navigation-buttons>a[data-target="search"],#header .navigation-buttons>a[data-target="cart"],#header .navigation-buttons>a[data-target="navigation"],#header .navigation-buttons>a[data-target="login"],#header .navigation-buttons .dkLabFavHeaderIconBtn{position:relative;color:#1F3D29}
  #header .navigation-buttons>a[data-target="search"]:hover,#header .navigation-buttons>a[data-target="cart"]:hover,#header .navigation-buttons>a[data-target="navigation"]:hover,#header .navigation-buttons>a[data-target="login"]:hover,#header .navigation-buttons .dkLabFavHeaderIconBtn:hover{color:#1F3D29}
  #header .navigation-buttons>a[data-target="search"]:focus-visible,#header .navigation-buttons>a[data-target="cart"]:focus-visible,#header .navigation-buttons>a[data-target="navigation"]:focus-visible,#header .navigation-buttons>a[data-target="login"]:focus-visible,#header .navigation-buttons .dkLabFavHeaderIconBtn:focus-visible{outline:2px solid #1F3D29;outline-offset:-3px;border-radius:12px}
  /* ikona 24 px presne v strede tlačidla (50 aj 80 px) */
  #header .navigation-buttons>a[data-target="search"]::before,#header .navigation-buttons>a[data-target="cart"]::before,#header .navigation-buttons>a[data-target="navigation"]::before,#header .navigation-buttons>a[data-target="login"]::before,#header .navigation-buttons .dkLabFavHeaderIconBtn::before{content:"";display:block;position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;font-size:0;line-height:0;background:currentColor;-webkit-mask-image:var(--brdh-i);mask-image:var(--brdh-i);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
  #header .navigation-buttons>a[data-target="search"]{--brdh-i:var(--brdh-lupa);background:var(--brdh-tint) center/42px 42px no-repeat}
  #header .navigation-buttons>a[data-target="cart"]{--brdh-i:var(--brdh-kosik)}
  #header .navigation-buttons>a[data-target="navigation"]{--brdh-i:var(--brdh-menu)}
  #header .navigation-buttons>a[data-target="login"]{--brdh-i:var(--brdh-ucet)}
  .search-window-visible #header .navigation-buttons>a[data-target="search"]{--brdh-i:var(--brdh-zavriet);background-image:var(--brdh-tint-a)}
  .navigation-window-visible #header .navigation-buttons>a[data-target="navigation"]{--brdh-i:var(--brdh-zavriet)}
  .cart-window-visible #header .navigation-buttons>a[data-target="cart"]{--brdh-i:var(--brdh-zavriet)}
  #header .navigation-buttons .dkLabFavHeaderIconBtn{--brdh-i:var(--brdh-srdce)}
  #header .navigation-buttons a.cart-count i,#header .navigation-buttons .dkLabFavHeaderIconBtn em{top:calc(50% - 19px);left:calc(50% + 3px);right:auto;bottom:auto;width:auto;min-width:18px;height:18px;margin:0;padding:0 5px;border-radius:999px;font:700 11px/18px Roboto,Arial,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px #fff}
  #header .navigation-buttons a.cart-count i{background:#1F3D29;color:#fff}
  #header .navigation-buttons a.cart-count i.brdh-bump{animation:brdh-bump .45s ease}
  .cart-window-visible #header .navigation-buttons a.cart-count i{visibility:hidden}
  /* v11: mobilné menu – hlavné položky bez podčiarknutia (šablóna: #navigation .navigation-in ul li>a>b); hierarchiu drží tučné písmo a odsadené podkategórie */
  #navigation .navigation-in .menu-level-1>li>a>b{text-decoration:none}
}
/* ===== mobil: vyhľadávanie natrvalo pod logom (okrem košíka a pokladne) ===== */
@media (max-width:767px){
  body:not(.ordering-process) #header .navigation-buttons>a[data-target="search"]{display:none}
  body:not(.ordering-process) #header .search{display:block;order:3;width:100%;margin:0;padding:2px 16px 10px;background:#fff}
  /* pri otvorenom mobilnom menu sa pole skryje – menu Shoptetu začína pevne pod radom ikon (50 px, od 480 px 80 px) */
  body.navigation-window-visible:not(.ordering-process) #header .search{display:none}
  /* to isté pri otvorenom náhľade košíka (napr. pri vypnutom kosikPriamo) – náhľad Shoptetu tiež začína pevne pod radom ikon */
  body.cart-window-visible:not(.ordering-process) #header .search{display:none}
  body:not(.ordering-process) #header #formSearchForm{position:relative;display:flex;align-items:center;width:100%;height:44px;margin:0;padding:0;border:1.5px solid transparent;border-radius:999px;background:#F4E9DF;transition:background-color .2s,border-color .2s}
  body:not(.ordering-process) #header #formSearchForm:focus-within{background:#fff;border-color:#1F3D29}
  body:not(.ordering-process) #header #formSearchForm .search-input-icon{display:none}
  body:not(.ordering-process) #header #formSearchForm .search-input,body:not(.ordering-process) #header #formSearchForm .search-input:hover,body:not(.ordering-process) #header #formSearchForm .search-input:focus{flex:1 1 auto;min-width:0;width:auto;height:100%;margin:0;padding:0 6px 0 18px;border:0;border-radius:999px 0 0 999px;outline:0;background:transparent;box-shadow:none;font:400 16px/1.25 Roboto,Arial,sans-serif;color:#1F1F1F;-webkit-appearance:none;appearance:none}
  body:not(.ordering-process) #header #formSearchForm .search-input::placeholder{color:#7A5836;opacity:1}
  body:not(.ordering-process) #header #formSearchForm .search-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
  body:not(.ordering-process) #header #formSearchForm .search-button{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:44px;height:41px;margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:#1F3D29;font-size:0;line-height:0;text-shadow:none;box-shadow:none;cursor:pointer}
  body:not(.ordering-process) #header #formSearchForm .search-button::after{content:none}
  body:not(.ordering-process) #header #formSearchForm .search-button::before{content:"";display:block;width:22px;height:22px;margin:0;background:currentColor;-webkit-mask-image:var(--brdh-lupa-b);mask-image:var(--brdh-lupa-b);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
  body:not(.ordering-process) #header #formSearchForm .search-button:focus-visible{outline:2px solid #1F3D29;outline-offset:-3px}
  /* striedajúce sa príklady aj na mobile */
  body:not(.ordering-process) #header #formSearchForm .brdh-ex{position:absolute;top:50%;left:18px;right:50px;height:20px;margin-top:-10px;display:flex;align-items:center;gap:6px;overflow:hidden;text-align:left;font:400 16px/20px Roboto,Arial,sans-serif;color:#7A5836;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}
  body:not(.ordering-process) #header #formSearchForm.brdh-ex-on .brdh-ex{opacity:1}
  body:not(.ordering-process) #header #formSearchForm .brdh-ex-w{position:relative;display:block;flex:none;height:20px;overflow:hidden}
  body:not(.ordering-process) #header #formSearchForm .brdh-ex-l{display:block;color:#1F1F1F;font-weight:500;transition:transform .5s cubic-bezier(.6,0,.2,1)}
  body:not(.ordering-process) #header #formSearchForm .brdh-ex-l>span{display:block;height:20px}
  body:not(.ordering-process) #header #formSearchForm.brdh-ex-on .search-input::placeholder{color:transparent}
  body:not(.ordering-process) #header #formSearchForm.brdh-ex-on:focus-within .search-input::placeholder{color:#7A5836}
  body:not(.ordering-process) #header #formSearchForm.brdh-ex-on:focus-within .brdh-ex,body:not(.ordering-process) #header #formSearchForm.brdh-ex-on.brdh-val .brdh-ex,body:not(.ordering-process) #header #formSearchForm.brdh-ex-on .search-input:not(:placeholder-shown)~.brdh-ex{opacity:0}
  /* kým je pole zamerané, hlavička sa pri rolovaní neschová (Shoptet ju inak posúva o -100 %) */
  html.scrolled-down body:not(.ordering-process) #header:focus-within{transform:none}
  /* obsah a lišta doručenia pod vyššou hlavičkou (rovnaké hranice ako Shoptet: 50 + 56, 80 + 56) */
  body:not(.ordering-process) .overall-wrapper{padding-top:106px}
}
@media (min-width:480px) and (max-width:767px){
  body:not(.ordering-process) .overall-wrapper{padding-top:136px}
}
@media (min-width:480px) and (max-width:480px){
  /* presne 480 px: Shoptet má rad ikon 50 px a logo 60 px, teda hlavička 60 + 56 */
  body:not(.ordering-process) .overall-wrapper{padding-top:116px}
}
/* väčší mobil / malý tablet na výšku: od 520 px má hlavička 80 px (logo 69 px); medzi 480 a 519 px ostáva pôvodná výška loga 60 px, aby sa hlavička nezväčšila */
@media (min-width:520px) and (max-width:767px){
  #header .header-top-wrapper .site-name img{height:69px}
}
@media (min-width:481px) and (max-width:767px){
  #header .navigation-buttons>a[data-target="search"]{background-size:56px 56px}
}
@media (min-width:480px) and (max-width:519px){
  #header .header-top-wrapper .site-name img{height:60px}
}
/* najužšie mobily (do 359 px): pôvodná veľkosť loga – hlavička nikdy nebude vyššia ako dnes */
@media (max-width:359px){
  #header .header-top-wrapper .site-name img{height:40px}
}

/* režim vysokého kontrastu (Windows) – ikony ostanú viditeľné */
@media (forced-colors:active){
  #header .navigation-buttons>a[data-target="search"]::before,#header .navigation-buttons>a[data-target="cart"]::before,#header .navigation-buttons>a[data-target="navigation"]::before,#header .navigation-buttons>a[data-target="login"]::before,#header .navigation-buttons .dkLabFavHeaderIconBtn::before,#header .navigation-buttons a.cart-count::before,#header #formSearchForm .search-button::before,#navigation .menu-level-1>li.menu-item-3554>a>b::after{forced-color-adjust:none;background:CanvasText}
  #header .navigation-buttons>a[data-target="search"],.search-window-visible #header .navigation-buttons>a[data-target="search"]{background-image:none}
  body:not(.ordering-process) #header #formSearchForm .search-button::before{forced-color-adjust:none;background:CanvasText}
}

@keyframes brdh-bump{0%{transform:scale(1)}40%{transform:scale(1.4)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){
  #header .navigation-buttons a.cart-count i.brdh-bump{animation:none}
  #header #formSearchForm,#header #formSearchForm .brdh-ex,#header #formSearchForm .brdh-ex-l,#navigation .menu-level-1>li>a>b::after,#header .navigation-buttons .dkLabFavHeaderIconBtn::before,#header .navigation-buttons a.cart-count::before,body:not(.ordering-process) #header #formSearchForm,body:not(.ordering-process) #header #formSearchForm .brdh-ex,body:not(.ordering-process) #header #formSearchForm .brdh-ex-l{transition:none}
}

/* ---------- 5) bublinky kategórií (v9) ----------
   Mobil do 767 px: na úvodnej stránke riadok bubliniek pod lištou doručenia, posúvajú sa prstom do strany.
   768 – 991 px (mobil na šírku, tablet): bublinky namiesto riadku s menu na všetkých stránkach (okrem krokov 1 a 2 pokladne – tam menu nie je).
   Pod bublinkami je tenký ukazovateľ posunu (ako Vilgain) – je vidieť, že riadok pokračuje a kde v ňom ste.
   Kým ich skript vloží, je pre ne miesto rezervované – nič neposkočí. Ak by sa skript nenačítal,
   po 4 s sa ukáže pôvodné menu (tablet) a rezervované miesto zmizne (mobil). */
.brdh-bub-w{display:none}
@keyframes brdh-bub-ukaz{to{visibility:visible}}
@keyframes brdh-bub-bez{to{margin-top:0}}
@media (max-width:767px){
  html:not(.brdh-bub-on):not(.brdh-bub-off) body.type-index #content-wrapper>.content-wrapper-in{margin-top:56px;animation:brdh-bub-bez 0s linear 4s forwards}
  html.brdh-bub-on body.type-index #content-wrapper>.brdh-bub-m{display:block;margin:4px -10px 6px}
}
@media (min-width:768px) and (max-width:991.98px){
  html:not(.brdh-bub-on):not(.brdh-bub-off) #header .header-bottom-wrapper{visibility:hidden;animation:brdh-bub-ukaz 0s linear 4s forwards}
  html.brdh-bub-on #header .header-bottom-wrapper{display:none}
  html.brdh-bub-on #header .header-bottom>.brdh-bub-t{display:flex;align-items:center;height:62px;padding-left:0;padding-right:0}
  html.brdh-bub-on #header .brdh-bub-t>.brdh-bub{margin-bottom:6px}
}
/* pokladňa – krok 1 a 2 (Shoptet tam menu skrýva: .id--16, .id--17): bez riadku s menu aj bez bubliniek.
   Prázdny obal menu (62 px z v7) by inak prečnieval pod hlavičku a prekrýval horný okraj krokov objednávky. */
@media (min-width:768px){
  html body.id--16 #header .header-bottom>.header-bottom-wrapper,html body.id--17 #header .header-bottom>.header-bottom-wrapper,
  html body.id--16 #header .header-bottom>.brdh-bub-t,html body.id--17 #header .header-bottom>.brdh-bub-t{display:none}
}
.brdh-bub-w .brdh-bub{position:relative;flex:1 1 auto;min-width:0;margin:0;padding:0}
#header .brdh-bub-z,#content-wrapper .brdh-bub-z{display:flex;gap:8px;position:relative;margin:0;padding:4px 10px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-padding:0 28px;scrollbar-width:none}
#header .brdh-bub-t .brdh-bub-z{padding:4px}
.brdh-bub-z::-webkit-scrollbar{display:none}
#header .brdh-bub-z>li,#content-wrapper .brdh-bub-z>li{flex:none;margin:0;padding:0;list-style:none}
#header .brdh-bub-z>li::before,#content-wrapper .brdh-bub-z>li::before{content:none;display:none}
#header .brdh-bub a.brdh-bub-a,#content-wrapper .brdh-bub a.brdh-bub-a{display:inline-flex;align-items:center;gap:6px;height:38px;margin:0;padding:0 14px;border:0;border-radius:999px;background:#F2F5F1;color:#1F1F1F;font:500 14px/1 Roboto,Arial,sans-serif;letter-spacing:normal;text-transform:none;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background-color .15s,color .15s}
@media (hover:hover){#header .brdh-bub a.brdh-bub-a:not(.je-aktivna):hover,#content-wrapper .brdh-bub a.brdh-bub-a:not(.je-aktivna):hover{background:#E6EDE4;color:#1F1F1F;text-decoration:none}}
#header .brdh-bub a.brdh-bub-a:focus-visible,#content-wrapper .brdh-bub a.brdh-bub-a:focus-visible{outline:2px solid #1F3D29;outline-offset:2px}
#header .brdh-bub a.brdh-bub-a[data-id="3554"],#content-wrapper .brdh-bub a.brdh-bub-a[data-id="3554"]{background:#F4E9DF;color:#683B15}
@media (hover:hover){#header .brdh-bub a.brdh-bub-a[data-id="3554"]:not(.je-aktivna):hover,#content-wrapper .brdh-bub a.brdh-bub-a[data-id="3554"]:not(.je-aktivna):hover{background:#EEDAC9;color:#683B15}}
#header .brdh-bub a.brdh-bub-a[data-id="3554"]::before,#content-wrapper .brdh-bub a.brdh-bub-a[data-id="3554"]::before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--brdh-darcek) center/contain no-repeat;mask:var(--brdh-darcek) center/contain no-repeat}
#header .brdh-bub a.brdh-bub-a.je-aktivna,#content-wrapper .brdh-bub a.brdh-bub-a.je-aktivna{background:#1F3D29;color:#fff}
.brdh-bub::before,.brdh-bub::after{content:"";position:absolute;top:0;bottom:0;z-index:1;width:28px;opacity:0;pointer-events:none;transition:opacity .15s}
.brdh-bub::before{left:0;background:linear-gradient(90deg,#fff 20%,rgba(255,255,255,0))}
.brdh-bub::after{right:0;background:linear-gradient(270deg,#fff 20%,rgba(255,255,255,0))}
.brdh-bub.brdh-bub-zl::before,.brdh-bub.brdh-bub-zp::after{opacity:1}
/* ukazovateľ posunu: 6 px pod bublinkami, dĺžka jazdca = koľko z riadku je vidieť; ukáže sa, len keď sa riadok dá posúvať */
#header .brdh-bub .brdh-bub-p,#content-wrapper .brdh-bub .brdh-bub-p{display:block;position:absolute;left:10px;right:10px;top:48px;height:3px;margin:0;padding:0;border-radius:2px;background:#EEF2EC;overflow:hidden;pointer-events:none;visibility:hidden}
#header .brdh-bub-t .brdh-bub .brdh-bub-p{left:4px;right:4px}
#header .brdh-bub.brdh-bub-pos .brdh-bub-p,#content-wrapper .brdh-bub.brdh-bub-pos .brdh-bub-p{visibility:visible}
#header .brdh-bub .brdh-bub-pp,#content-wrapper .brdh-bub .brdh-bub-pp{display:block;width:0;height:100%;margin:0;padding:0;border-radius:2px;background:#BAC7B7}
@media print{.brdh-bub-w{display:none!important}}
@media (prefers-reduced-motion:reduce){#header .brdh-bub a.brdh-bub-a,#content-wrapper .brdh-bub a.brdh-bub-a,.brdh-bub::before,.brdh-bub::after{transition:none}}
@media (forced-colors:active){
  #header .brdh-bub a.brdh-bub-a,#content-wrapper .brdh-bub a.brdh-bub-a{border:1px solid CanvasText}
  #header .brdh-bub a.brdh-bub-a[data-id="3554"]::before,#content-wrapper .brdh-bub a.brdh-bub-a[data-id="3554"]::before{forced-color-adjust:none;background:CanvasText}
  #header .brdh-bub .brdh-bub-p,#content-wrapper .brdh-bub .brdh-bub-p{forced-color-adjust:none;background:Canvas}
  #header .brdh-bub .brdh-bub-pp,#content-wrapper .brdh-bub .brdh-bub-pp{forced-color-adjust:none;background:CanvasText}
}

/* ---------- 6) v12: produkt (od 768 px) – miesto pre odkaz „Pridať k obľúbeným“
   Doplnok Obľúbené produkty vkladá odkaz pod názov produktu až po načítaní stránky (prihlásenému zákazníkovi až po odpovedi
   svojho servera). Dovtedy je pre neho vyhradené rovnako veľké miesto, takže popis, cena a tlačidlo neposkočia (od 1 200 px
   o 48,7 px; 768 – 1 199 px, kde je názov produktu nad obrázkom, o 68,7 px). Keď odkaz príde, rezerva zmizne v tom istom okamihu.
   Platí len pri zapnutom doplnku (jeho štýl „_doplnky/oblibene/“ v hlavičke stránky) – po vypnutí doplnku sa vypne sama.
   Keby odkaz do 8 s neprišiel, miesto sa uvoľní (ako rezerva boxu doručenia). */
@media (min-width:768px) and (max-width:1199px){
  html:has(link[href*="_doplnky/oblibene/"]) .p-data-wrapper:has(>.p-detail-inner-header):not(:has(>#dkLabFavouriteDiv)){padding-top:68.7px;animation:brdh-fav-t 0s linear 8s forwards}
}
@media (min-width:1200px){
  html:has(link[href*="_doplnky/oblibene/"]) .p-data-wrapper:not(:has(>#dkLabFavouriteDiv))>.p-detail-inner-header{padding-bottom:48.7px;animation:brdh-fav-p 0s linear 8s forwards}
}
@keyframes brdh-fav-t{to{padding-top:0}}
@keyframes brdh-fav-p{to{padding-bottom:0}}

/* 14. 11. 2026 – v12d = v12c + 1 pravidlo (Z-4.6a, M-01).
   Karty produktov: štítok z krátkeho popisu (.brds-pills), ktorý je širší než karta, sa zalomí do dvoch riadkov.
   Predtým trčal z karty a stránka sa dala posunúť do strany (mobil do 414 px, PC 1 000 – 1 199 px).
   Štítky, ktoré sa do karty zmestia, ostávajú bez zmeny. */
.products .p-desc .brds-pills span{box-sizing:border-box;width:max-content;max-width:100%;white-space:normal;overflow-wrap:anywhere}
/* ===== zdroj: 29-10-pata-v2.css ===== */
/* Pätička A2 – Bio-racio-dia (29. 10. 2026, v2) – vzhľad k 26-10-pata-v1.js
   v2: jednotné zelené e-shopu – stav predajne a potvrdenie prihlásenia v svetlej zelenej #7AB536 (bola #7BD389), text stavu #CFE3D5 (bol #B7EBC2).
   Farby: tmavozelená #1F3D29, text #CFE3D5, tlmený text #A9C2B0, béžová #F4E9DF / #EEDAC9.
   Pravidlá s !important držia vzhľad aj vtedy, keby v Zápätí ostal starý zelený štýl pätičky. */

/* ===== 1) základ – platí aj keby skript nebežal ===== */
footer#footer.footer{
  --pata-bg:#1F3D29;--pata-line:rgba(255,255,255,.12);--pata-text:#CFE3D5;--pata-muted:#A9C2B0;
  --pata-beige:#F4E9DF;--pata-beige2:#EEDAC9;--pata-panel:rgba(255,255,255,.06);
  position:relative;margin:40px 0 0!important;padding:0!important;border:0!important;border-radius:28px 28px 0 0;
  background:var(--pata-bg)!important;color:var(--pata-text)!important;font-family:Roboto,Arial,sans-serif;font-size:15px;line-height:1.55
}
#footer a{color:var(--pata-text)}
@media (hover:hover){#footer a:hover{color:#fff}}
#footer .pageElement__heading,#footer .pageElement__heading span{color:#fff}
#footer .custom-footer__facebook,#footer .custom-footer__login{display:none!important}
footer#footer.footer .footer-rows{padding-top:44px}
footer#footer.footer .footer-bottom{margin:0;padding:0;border-top:1px solid var(--pata-line);background:transparent!important;color:var(--pata-muted)!important}
#footer .footer-bottom a{color:var(--pata-text)!important}
@media (hover:hover){#footer .footer-bottom a:hover{color:#fff!important}}
#footer a:focus-visible,#footer button:focus-visible,#footer input:focus-visible{outline:3px solid var(--pata-beige2)!important;outline-offset:2px}

/* ===== 2) nová pätička (skript pridá triedu pata-on) ===== */
#footer.pata-on>.footer-rows,#footer.pata-on>.footer-links-icons,#footer.pata-on>.pata-skryte{display:none!important}
#footer .pata{display:block}
#footer .pata ul,#footer .pata li{margin:0;padding:0;list-style:none;background:none;border:0}
#footer .pata li::before,#footer .pata li::after{content:none!important;display:none!important}
#footer .pata p{margin:0;padding:0}
#footer .pata-h{margin:0 0 14px;padding:0;border:0;font:700 17px/1.3 Nunito,Arial,sans-serif;color:#fff!important;letter-spacing:0;text-transform:none;text-align:left}
#footer .pata-h span{color:inherit!important}
#footer .pata-h--mob{display:none}
#footer .pata-ic{display:inline-flex;flex:none;width:18px;height:18px;color:inherit!important}
#footer .pata-ic svg{display:block;width:100%;height:100%}

/* --- zľava 10 % (blok #brd-zlava-banner s formulárom Ecomail) --- */
#footer .pata-zlava{display:none}
#footer.pata-zlava-on .pata-zlava{display:block}
#footer .pata-zlava-in{padding:52px 0 48px;border-bottom:1px solid var(--pata-line);text-align:center}
#footer #brd-zlava-banner{max-width:none;margin:0;padding:0}
#footer #brd-zlava-banner .brdbn-card{display:block;margin:0;padding:0;border-radius:0;background:none!important;box-shadow:none!important;overflow:visible;text-align:center}
#footer #brd-zlava-banner .brdbn-card::before,#footer #brd-zlava-banner .brdbn-card::after{content:none!important;display:none!important}
#footer #brd-zlava-banner .brdbn-txt{position:static;max-width:none;margin:0 auto;flex:none}
#footer #brd-zlava-banner .brdbn-chip{display:inline-block;margin:0 0 14px;padding:6px 12px;border-radius:999px;background:rgba(244,233,223,.14);color:var(--pata-beige2)!important;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}
#footer #brd-zlava-banner .brdbn-txt strong{display:block;margin:0 0 8px;font:700 32px/1.15 Nunito,Arial,sans-serif;color:#fff!important}
#footer #brd-zlava-banner .brdbn-txt p{margin:0;font-size:16px;line-height:1.55;color:var(--pata-text)!important}
#footer #brd-zlava-banner .brdbn-form{position:relative;flex:none;max-width:580px;min-width:0;margin:24px auto 0;padding:0;border-radius:0;background:none!important;box-shadow:none!important}
/* formulár Ecomail – vnútro bez rámikov, pole a tlačidlo v jednom riadku */
#footer #brd-zlava-banner .ec-v-form-holder,#footer #brd-zlava-banner .ec-v-form-holder form,#footer #brd-zlava-banner .ec-v-form-step,#footer #brd-zlava-banner .ec-v-form-column{
  margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;
  max-width:none!important;width:auto!important;min-height:0!important;font-family:Roboto,Arial,sans-serif!important}
#footer #brd-zlava-banner .ec-v-form-step-visible{display:block!important;height:auto!important}
/* Ecomail má overflow:hidden/auto – orezával by rámik pri Tab */
#footer #brd-zlava-banner .ec-v-form-holder,#footer #brd-zlava-banner .ec-v-form-holder form{overflow:visible!important}
#footer #brd-zlava-banner .ec-v-form-step-visible .ec-v-form-column{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;text-align:center}
#footer #brd-zlava-banner .ec-v-form-spacer,#footer #brd-zlava-banner .pata-ec-skry,#footer #brd-zlava-banner .ec-v-forms-label:empty{display:none!important}
#footer #brd-zlava-banner .ec-v-form-input{grid-column:1/-1;grid-row:1;margin:0!important;padding:0!important;text-align:left}
#footer #brd-zlava-banner .ec-v-form-submit{grid-column:2;grid-row:1;justify-self:end;align-self:start;position:relative;z-index:1;margin:6px 6px 0 0!important;padding:0!important;text-align:right}
#footer #brd-zlava-banner .ec-v-form-text{grid-column:1/-1;margin:12px 0 0!important;padding:0!important;text-align:center!important}
#footer #brd-zlava-banner .ec-v-form-text p{display:inline;margin:0!important;padding:0!important;font-family:Roboto,Arial,sans-serif!important;font-size:13px!important;line-height:1.5!important;color:var(--pata-muted)!important}
#footer #brd-zlava-banner .ec-v-form-text p+p::before{content:" "}
#footer #brd-zlava-banner .ec-v-form-text span,#footer #brd-zlava-banner .ec-v-form-text strong{font-size:inherit!important;color:inherit!important}
#footer #brd-zlava-banner .ec-v-form-text a{color:var(--pata-text)!important;text-decoration:underline!important}
@media (hover:hover){#footer #brd-zlava-banner .ec-v-form-text a:hover{color:#fff!important}}
#footer #brd-zlava-banner input[type="email"]{
  display:block!important;box-sizing:border-box!important;width:100%!important;height:60px!important;margin:0!important;
  padding:0 var(--pata-btn,190px) 0 48px!important;border:0!important;border-radius:16px!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F6862' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E") no-repeat 18px 50%/20px 20px!important;
  color:#1F1F1F!important;font:400 16px/normal Roboto,Arial,sans-serif!important;box-shadow:none!important;outline:0}
#footer #brd-zlava-banner input[type="email"]::placeholder{color:#5F6862!important;opacity:1}
#footer #brd-zlava-banner input[type="email"]:focus{box-shadow:0 0 0 3px var(--pata-beige2)!important}
#footer #brd-zlava-banner input[type="email"]:focus-visible{outline:0!important}
#footer #brd-zlava-banner .ec-v-form-submit button{
  display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0!important;height:48px!important;margin:0!important;padding:0 24px!important;
  border:0!important;border-radius:12px!important;background:var(--pata-bg)!important;color:#fff!important;
  font:700 16px/1 Roboto,Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer}
@media (hover:hover){#footer #brd-zlava-banner .ec-v-form-submit button:hover{background:#2C5539!important;color:#fff!important}}
#footer #brd-zlava-banner .ec-v-form-error,#footer #brd-zlava-banner .ec-v-form-autocorrect{width:fit-content;max-width:100%;margin:8px 0 0!important;padding:6px 10px!important;border:0!important;border-radius:8px!important;background:var(--pata-beige)!important;font-size:13px!important;font-weight:500;line-height:1.4!important;text-align:left}
#footer #brd-zlava-banner .ec-v-form-autocorrect:empty,#footer #brd-zlava-banner .ec-v-form-error:empty{display:none!important}
#footer #brd-zlava-banner .ec-v-form-autocorrect{position:relative!important;left:auto!important;top:auto!important}
#footer #brd-zlava-banner .ec-v-form-autocorrect::before{background:var(--pata-beige)!important}
#footer #brd-zlava-banner .ec-v-form-autocorrect b{cursor:pointer;text-decoration:underline;text-underline-offset:2px}
#footer #brd-zlava-banner .ec-v-form-error,#footer #brd-zlava-banner .ec-v-form-error *{color:#7A4A1E!important}
#footer #brd-zlava-banner .ec-v-form-autocorrect,#footer #brd-zlava-banner .ec-v-form-autocorrect *{color:var(--pata-bg)!important}
@media (min-width:768px){#footer #brd-zlava-banner .ec-v-form-submit button:focus-visible{outline-color:var(--pata-bg)!important}}
/* stav po odoslaní („ĎAKUJEME!“) – panel, zarovnanie ako zvyšok pásu */
#footer #brd-zlava-banner .ec-v-form-step-send .ec-v-form-column{display:block!important}
#footer #brd-zlava-banner .ec-v-form-step-send .ec-v-form-text{margin:0!important;padding:20px 24px!important;border-radius:16px!important;background:var(--pata-panel)!important}
#footer #brd-zlava-banner .ec-v-form-step-send h2,#footer #brd-zlava-banner .ec-v-form-step-send p{display:block!important;margin:0!important;padding:0!important;text-align:inherit!important}
#footer #brd-zlava-banner .ec-v-form-step-send h2,#footer #brd-zlava-banner .ec-v-form-step-send h2 *{font:800 22px/1.25 Nunito,Arial,sans-serif!important;letter-spacing:.02em!important;color:#fff!important}
#footer #brd-zlava-banner .ec-v-form-step-send h2::before{content:"";display:inline-block;width:22px;height:22px;margin:0 10px -4px 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237AB536' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M7.5 12.5l3 3 6-6.5'/%3E%3C/svg%3E") no-repeat center/contain}
#footer #brd-zlava-banner .ec-v-form-step-send p{margin-top:6px!important}
#footer #brd-zlava-banner .ec-v-form-step-send p,#footer #brd-zlava-banner .ec-v-form-step-send p *{font:400 15px/1.5 Roboto,Arial,sans-serif!important;color:var(--pata-text)!important}

/* --- stĺpce --- */
#footer .pata-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:40px 48px;padding:44px 0 40px}
#footer .pata-grid[data-n="3"]{grid-template-columns:1.3fr 1fr 1.2fr}
#footer .pata-grid[data-n="2"]{grid-template-columns:1fr 1fr}
#footer .pata-grid[data-n="1"]{grid-template-columns:1fr}
#footer .pata-col{min-width:0}
#footer .pata-list{display:flex;flex-direction:column;gap:10px}
#footer .pata-list a{font-size:15px;line-height:1.55;color:var(--pata-text)!important;text-decoration:none!important}
@media (hover:hover){#footer .pata-list a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px}}
/* predajňa */
#footer .pata-stav{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px!important;padding:6px 12px!important;border-radius:999px;background:rgba(122,181,54,.16);color:#CFE3D5!important;font-size:13px;font-weight:500;line-height:1.3}
#footer .pata-stav::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#7AB536}
#footer .pata-stav.is-zatvorene{background:rgba(233,185,138,.16);color:#F2CFA8!important}
#footer .pata-stav.is-zatvorene::before{background:#E9B98A}
#footer .pata-stav[hidden]{display:none!important}
#footer .pata-adresa{color:#fff!important}
#footer .pata-hodiny{color:var(--pata-text)!important}
#footer a.pata-nav span{color:inherit!important}
#footer a.pata-nav{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:500;color:#fff!important;text-decoration:none!important}
@media (hover:hover){#footer a.pata-nav:hover{text-decoration:underline!important;text-underline-offset:3px}}
#footer .pata-pozn{margin-top:16px!important;font-size:13px;line-height:1.5;color:var(--pata-muted)!important}
/* kontakt */
#footer .pata-kon{display:flex;flex-direction:column;gap:8px}
#footer a.pata-kon-a{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:#fff!important;text-decoration:none!important}
@media (hover:hover){#footer a.pata-kon-a:hover .pata-kon-t{text-decoration:underline;text-underline-offset:3px}}
#footer .pata-kon-t{color:inherit!important;overflow-wrap:anywhere}
#footer .pata-kon-chev{display:none}
#footer .pata-col--kontakt .pata-pozn{margin:12px 0 18px!important}
#footer .pata-soc{display:flex;flex-wrap:wrap;gap:10px}
#footer a.pata-pill{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff!important;font-size:14px;font-weight:500;text-decoration:none!important}
@media (hover:hover){#footer a.pata-pill:hover{background:rgba(255,255,255,.1)}}

/* --- pás dôvery --- */
#footer .pata-trust:empty{display:none!important}
#footer .pata-trust{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,auto);justify-content:space-between;align-items:start;gap:18px 48px;padding:24px 0;border-top:1px solid var(--pata-line)}
#footer .pata-tg{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#footer .pata-tl{flex:0 0 100%;margin:0 0 2px;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--pata-muted)!important}
#footer .pata-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:10px;background:#fff!important;color:#1F3D29!important;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none!important}
#footer .pata-chip span{color:#1F3D29!important}
@media (hover:hover){#footer a.pata-chip:hover{box-shadow:0 0 0 2px var(--pata-beige2);color:#1F3D29!important}}
#footer .pata-chip img{display:block;width:auto;height:24px;max-height:24px}
#footer .pata-chip .pata-star{width:14px;height:14px;color:#9A6A00!important}
#footer .pata-note{margin:0 0 0 2px;font-size:13px;font-weight:500;color:var(--pata-beige2)!important}

/* --- spodný riadok --- */
#footer .footer-bottom .container::before,#footer .footer-bottom .container::after{display:none}
#footer .pata-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:18px 0;font-size:13px;line-height:1.5;color:var(--pata-muted);text-align:left}
#footer .pata-bottom .copyright{display:inline;float:none;margin:0;padding:0;background:transparent!important;color:var(--pata-muted)!important;font-size:13px;line-height:1.5}
#footer .pata-bottom .copyright strong{font-weight:500;color:var(--pata-text)!important}
#footer .pata-ico{color:var(--pata-muted)!important}
#footer .pata-b-m{display:flex;flex-wrap:wrap;gap:6px 20px}
#footer .pata-b-m a{color:var(--pata-text)!important;text-decoration:none!important}
@media (hover:hover){#footer .pata-b-m a:hover{color:#fff!important;text-decoration:underline!important}}
#footer .pata-bottom #signature{float:none!important;margin:0!important;padding:0;font-size:13px;line-height:1.5;color:var(--pata-muted)!important}
#footer .pata-bottom #signature a{color:var(--pata-muted)!important}
#footer .pata-bottom #signature a.title{color:var(--pata-text)!important}
/* bublina chatu vpravo dole nesmie zakryť posledný riadok (odkaz na cookies) */
@media (max-width:1679.98px){#footer .pata-bottom{padding-bottom:84px}}

/* ===== 3) tablet ===== */
@media (min-width:768px) and (max-width:1199.98px){
  #footer .pata-grid,#footer .pata-grid[data-n]{grid-template-columns:1fr 1fr;gap:36px 40px}
  #footer .pata-grid[data-n="1"]{grid-template-columns:1fr}
}
@media (max-width:991.98px){
  #footer .pata-trust{grid-auto-flow:row;grid-auto-columns:auto;justify-content:stretch;gap:18px}
}

/* ===== 4) mobil ===== */
@media (max-width:767.98px){
  footer#footer.footer{margin-top:28px!important;border-radius:24px 24px 0 0}
  /* zľava */
  #footer .pata-zlava-in{padding:32px 0 28px;text-align:left}
  #footer #brd-zlava-banner .brdbn-card,#footer #brd-zlava-banner .brdbn-txt{text-align:left}
  #footer #brd-zlava-banner .brdbn-chip{margin-bottom:12px}
  #footer #brd-zlava-banner .brdbn-txt strong{font-size:24px;line-height:1.2}
  #footer #brd-zlava-banner .brdbn-txt p{font-size:15px}
  #footer #brd-zlava-banner .brdbn-form{max-width:none;margin:16px 0 0}
  #footer #brd-zlava-banner .ec-v-form-step-visible .ec-v-form-column{grid-template-columns:minmax(0,1fr);text-align:left}
  #footer #brd-zlava-banner .ec-v-form-text{text-align:left!important}
  #footer #brd-zlava-banner input[type="email"]{height:56px!important;padding:0 16px 0 46px!important;border-radius:14px!important;background-position:16px 50%!important}
  #footer #brd-zlava-banner .ec-v-form-submit{grid-column:1;grid-row:2;justify-self:stretch;margin:10px 0 0!important}
  #footer #brd-zlava-banner .ec-v-form-submit button{width:100%!important;height:52px!important;border-radius:14px!important;background:var(--pata-beige)!important;color:#1F3D29!important}
  @media (hover:hover){#footer #brd-zlava-banner .ec-v-form-submit button:hover{background:var(--pata-beige2)!important;color:#1F3D29!important}}
  /* poradie predajňa, kontakt, odkazy nastaví skript priamo v HTML */
  #footer .pata-grid,#footer .pata-grid[data-n]{display:flex;flex-direction:column;gap:0;padding:24px 0 0}
  #footer .pata-col--predajna{padding:18px;border-radius:20px;background:var(--pata-panel)}
  #footer .pata-col--kontakt{padding-top:24px}
  #footer .pata-col--nakup{margin-top:24px;border-top:1px solid var(--pata-line)}
  #footer .pata-col--predajna .pata-h,#footer .pata-col--kontakt .pata-h{margin-bottom:12px;font-size:18px}
  #footer .pata-stav{margin-bottom:12px!important}
  #footer a.pata-nav{display:flex;justify-content:center;height:48px;margin-top:14px;border-radius:14px;background:var(--pata-beige);color:#1F3D29!important;font-size:15px;font-weight:700}
  @media (hover:hover){#footer a.pata-nav:hover{background:var(--pata-beige2);color:#1F3D29!important;text-decoration:none!important}}
  #footer .pata-col--predajna .pata-pozn{margin-top:12px!important}
  /* kontakt */
  #footer a.pata-kon-a{height:52px;padding:0 16px;border-radius:14px;background:var(--pata-panel)}
  @media (hover:hover){#footer a.pata-kon-a:hover{background:rgba(255,255,255,.1)}}
  #footer .pata-kon-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
  #footer .pata-kon-chev{display:inline-flex}
  #footer .pata-col--kontakt .pata-pozn{margin:10px 0 0!important}
  #footer .pata-soc{flex-wrap:wrap;margin-top:20px}
  #footer a.pata-pill{flex:1 1 calc(50% - 5px);min-width:0;height:44px}
  /* rozbaľovacie odkazy */
  #footer .pata-h--pc{display:none}
  #footer .pata-h--mob{display:block;margin:0}
  #footer button.pata-acc{display:flex!important;align-items:center;justify-content:space-between;width:100%;height:56px;margin:0!important;padding:0!important;
    border:0!important;border-bottom:1px solid var(--pata-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    color:#fff!important;font:700 17px/1.3 Nunito,Arial,sans-serif!important;text-align:left;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
  #footer button.pata-acc:hover{background:transparent!important;color:#fff!important}
  #footer button.pata-acc span{color:inherit!important}
  #footer .pata-chev{width:20px;height:20px;transition:transform .2s ease}
  #footer .is-open .pata-chev{transform:rotate(180deg)}
  #footer .pata-acc-body{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .25s ease,visibility 0s linear .25s}
  #footer .is-open>.pata-acc-body{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .25s ease,visibility 0s linear 0s}
  #footer .pata-acc-in{min-height:0;overflow:hidden}
  #footer .pata-col--odkazy .pata-list{gap:0;padding:6px 0 10px;border-bottom:1px solid var(--pata-line)}
  #footer .pata-col--odkazy .pata-list a{display:flex;align-items:center;min-height:44px}
  #footer .pata-col--odkazy .pata-list a:focus-visible{outline-offset:-3px}
  /* pás dôvery */
  #footer .pata-trust{gap:16px;margin-top:0;padding:24px 0;border-top:0}
  /* spodný riadok – miesto pre bublinu chatu */
  #footer .pata-bottom{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 0 88px}
}
@media (prefers-reduced-motion:reduce){
  #footer .pata-acc-body,#footer .pata-chev{transition:none!important}
}
/* ===== zdroj: 29-10-lista-do-kosika-v10.css ===== */
/* Lišta „Do košíka“ – detail produktu (Bio-racio-dia, 29. 10. 2026, v10). Predpona tried pkos-.
   v10: jednotné zelené e-shopu – tlačidlo a ± v akčnej #007C31 (prejdenie a stlačenie #006428), „Skladom“ #007C31, rámik a stav „pridané“ #1F3D29. Inak ako v9.
   Lištu vkladá skript 27-10-lista-do-kosika-v9.js. Nahrádza doplnok Pobo „fix-header“.
   Kedy sa lišta ukáže:
   - mobil (do 767 px): dole, vždy keď hlavné tlačidlo nevidno – aj hneď po otvorení stránky,
   - tablet a počítač (od 768 px): hore, keď hlavička stránky zmizne z obrazovky a hlavné tlačidlo nevidno.
   V lište: cena, dostupnosť a zelený celok „− 1 + | Do košíka“; od 480 px obrázok, od 768 px názov a zľava.
   Časť 1 dáva cenu s tlačidlom hneď pod fotku len na mobile (do 767 px) – len CSS, stránka neposkočí.
   Na tablete a PC (od 768 px) ostáva poradie na stránke ako doteraz. */

/* 1) Len mobil (do 767 px): cena a tlačidlo hneď pod fotkou.
      Poradie: názov → cena a tlačidlo → dostupnosť → obľúbené → krátky popis.
      Tablet a PC (od 768 px): bez zmeny – poradie ako doteraz (popis pod názvom, cena s tlačidlom pod dostupnosťou). */
@media (max-width:767.98px){
  body.type-detail .p-data-wrapper{display:flex;flex-direction:column}
  body.type-detail .p-data-wrapper>*{order:2}
  body.type-detail .p-data-wrapper>.p-detail-inner-header{order:0}
  body.type-detail .p-data-wrapper>#product-detail-form,body.type-detail .p-data-wrapper>#pdor{order:1}
  body.type-detail .p-data-wrapper>.buttons-wrapper{order:3}
  body.type-detail .p-data-wrapper>.p-short-description>:last-child{margin-bottom:0}
  /* vo formulári cena s tlačidlom nad tabuľkou dostupnosti – nie pri variantoch, vypredanom tovare a tovare s výberom
     (príplatky, darčeky, vlastné polia – tam musí zákazník najprv vybrať, potom pridať do košíka);
     množstevná zľava ostáva pod dostupnosťou, s medzerou 16 px */
  body.type-detail #product-detail-form:not(:has(.p-variants-block *)):not(:has(select,textarea,input[type=radio],input[type=checkbox],input[type=text])){display:flex;flex-direction:column}
  body.type-detail #product-detail-form:not(:has(.p-variants-block *)):not(:has(select,textarea,input[type=radio],input[type=checkbox],input[type=text]))>.p-to-cart-block,
  body.type-detail #product-detail-form:not(:has(.p-variants-block *)):not(:has(select,textarea,input[type=radio],input[type=checkbox],input[type=text]))>#pdor{order:-1}
  body.type-detail #product-detail-form:not(:has(.p-variants-block *)):not(:has(select,textarea,input[type=radio],input[type=checkbox],input[type=text]))>.detail-parameters{margin:16px 0 0}
  body.type-detail #product-detail-form:not(:has(.p-variants-block *)):not(:has(select,textarea,input[type=radio],input[type=checkbox],input[type=text]))>.quantity-discounts{margin:16px 0 0}
}

/* 2) Lišta doplnku Pobo sa nezobrazí (keby sa doplnok znova zapol) */
html.pkos-ma #js-plugin-header{display:none!important}

/* 3) Lišta – základ (mobil do 479 px): cena a dostupnosť vľavo, zelený celok „− 1 + | Do košíka“ vpravo */
.pkos{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;z-index:50!important;display:block!important;margin:0!important;padding:0 0 env(safe-area-inset-bottom)!important;background:#fff!important;border:0!important;border-top:1px solid #E6E8E4!important;box-shadow:0 -6px 20px rgba(31,31,31,.08)!important;font:400 13px/1.35 Roboto,Arial,sans-serif!important;color:#5F6862!important;text-align:left!important;-webkit-user-select:none;user-select:none;visibility:hidden;transform:translateY(calc(100% + 24px));transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;will-change:transform}
html.pkos-on .pkos{visibility:visible;transform:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
.pkos *,.pkos *::before,.pkos *::after{box-sizing:border-box!important}
.pkos .pkos-in{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;grid-template-areas:"pr ak" "av ak"!important;align-content:center!important;align-items:center!important;column-gap:10px!important;row-gap:2px!important;height:64px!important;max-width:1418px!important;margin:0 auto!important;padding:0 12px 0 16px!important}
.pkos .pkos-img,.pkos .pkos-n,.pkos .pkos-avn,.pkos .pkos-sv,.pkos .pkos-odk{display:none!important}
.pkos .pkos-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.pkos button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* obrázok a názov (od 480 / 768 px) */
.pkos .pkos-img{grid-area:im!important;width:44px!important;height:44px!important;margin:0!important;padding:2px!important;object-fit:contain!important;background:#fff!important;border:1px solid #E6E8E4!important;border-radius:8px!important}
.pkos .pkos-n{grid-area:nm!important;align-self:end!important;min-width:0!important;margin:0!important;font:700 16px/1.25 Nunito,Roboto,Arial,sans-serif!important;color:#1F1F1F!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* cena – pri akcii aj pôvodná cena (od 768 px aj zľava) */
.pkos .pkos-pr{grid-area:pr!important;align-self:end!important;display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:6px!important;min-width:0!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important}
.pkos .pkos-pf{display:block!important;margin:0!important;font:900 19px/1.15 Nunito,Roboto,Arial,sans-serif!important;color:#1F1F1F!important;letter-spacing:0!important}
.pkos .pkos-prs{display:flex!important;align-items:baseline!important;gap:6px!important;margin:0!important}
.pkos .pkos-ps{display:block!important;margin:0!important;font:400 12px/1.2 Roboto,Arial,sans-serif!important;color:#5F6862!important;text-decoration:line-through!important}
.pkos .pkos-sv{margin:0!important;padding:1px 6px!important;border-radius:4px!important;background:#FBE9E5!important;color:#A3301A!important;font:700 12px/1.35 Roboto,Arial,sans-serif!important}

/* dostupnosť a odoslanie – keď sa nezmestí: bez počtu kusov → „Odošleme dnes“ → „Skladom“ */
.pkos .pkos-av{grid-area:av!important;align-self:start!important;display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;margin:0!important;font:400 13px/1.3 Roboto,Arial,sans-serif!important;color:#683B15!important;white-space:nowrap!important;overflow:hidden!important}
.pkos .pkos-av.is-sk{color:#007C31!important}
.pkos .pkos-dot{flex:none!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#C98A4B!important}
.pkos .pkos-av.is-sk .pkos-dot{background:#007C31!important}
.pkos .pkos-avx{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
.pkos .pkos-av.is-bezks .pkos-avn{display:none!important}
.pkos .pkos-av.is-kratko .pkos-avt,.pkos .pkos-av.is-kratko .pkos-avn,.pkos .pkos-av.is-kratko .pkos-sep,.pkos .pkos-av.is-kratko .pkos-od{display:none!important}
.pkos .pkos-av.is-kratko .pkos-odk{display:inline!important}
.pkos .pkos-av.is-min .pkos-avn,.pkos .pkos-av.is-min .pkos-sep,.pkos .pkos-av.is-min .pkos-od,.pkos .pkos-av.is-min .pkos-odk{display:none!important}

/* zelený celok pridania do košíka: svetlozelená kapsula, okrúhle − a +, plné zelené tlačidlo */
.pkos .pkos-ak{grid-area:ak!important;display:flex!important;align-items:center!important;gap:4px!important;height:50px!important;margin:0!important;padding:4px!important;background:#E6F2EA!important;border-radius:999px!important}
.pkos .pkos-q{display:flex!important;align-items:center!important;height:42px!important;margin:0!important;padding:0 0 0 2px!important;border:0!important;background:none!important}
.pkos .pkos-q button{display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#007C31!important;font:500 22px/1 Roboto,Arial,sans-serif!important;cursor:pointer!important;box-shadow:0 1px 2px rgba(0,60,25,.10)!important;transition:background-color .15s}
@media (hover:hover){.pkos .pkos-q button:hover{background:#F2F8F3!important}}
.pkos .pkos-q button:active{background:#D9ECDF!important;color:#006428!important}
.pkos .pkos-q button:disabled{color:#9DB8A4!important;background:#fff!important;box-shadow:none!important;cursor:default!important}
.pkos .pkos-q button:focus-visible{outline:2px solid #1F3D29!important;outline-offset:2px!important}
.pkos .pkos-qv{display:flex!important;align-items:center!important;justify-content:center!important;min-width:26px!important;margin:0!important;padding:0 2px!important;font:700 16px/1 Roboto,Arial,sans-serif!important;color:#1F1F1F!important}
.pkos button.pkos-bt{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;gap:6px!important;height:42px!important;min-width:0!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:999px!important;background:#007C31!important;color:#fff!important;font:900 16px/1 Roboto,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important;transition:background-color .2s}
@media (hover:hover){.pkos button.pkos-bt:hover{background:#006428!important}}
.pkos button.pkos-bt:active{background:#006428!important}
.pkos button.pkos-bt:focus-visible{outline:2px solid #1F3D29!important;outline-offset:2px!important}
.pkos .pkos-ic{display:block!important;flex:none!important;width:20px!important;height:20px!important}
.pkos .pkos-ic-ok,.pkos .pkos-ic-k{display:none!important}
.pkos.is-busy button.pkos-bt{cursor:progress!important;background:#006428!important}
.pkos.is-busy .pkos-ic-t{display:none!important}
.pkos.is-busy .pkos-ic-k{display:block!important;animation:pkos-toc .8s linear infinite!important}
.pkos.is-ok button.pkos-bt{background:#1F3D29!important}
.pkos.is-ok .pkos-ic-t{display:none!important}
.pkos.is-ok .pkos-ic-ok{display:block!important}
@keyframes pkos-toc{to{transform:rotate(360deg)}}

/* bežný mobil (375 – 767 px): o čosi užšie okraje, aby sa zmestilo „Odošleme zajtra“ */
@media (min-width:375px) and (max-width:767.98px){
  .pkos .pkos-in{column-gap:8px!important;padding:0 12px 0 14px!important}
}
/* 4) Úzky mobil (do 374 px): menšie okraje, menšie − a +, tlačidlo bez ikony */
@media (max-width:374.98px){
  .pkos .pkos-in{column-gap:8px!important;padding:0 10px 0 12px!important}
  .pkos .pkos-pf{font-size:17px!important}
  .pkos .pkos-q button{width:34px!important;height:34px!important}
  .pkos .pkos-qv{min-width:22px!important}
  .pkos button.pkos-bt{padding:0 14px!important}
  .pkos .pkos-bt .pkos-ic{display:none!important}
}
/* 5) Väčší mobil (na šírku): aj obrázok */
@media (min-width:480px){
  .pkos .pkos-in{grid-template-columns:44px minmax(0,1fr) auto!important;grid-template-areas:"im pr ak" "im av ak"!important}
  .pkos .pkos-img{display:block!important}
}
/* 6) Tablet a počítač: lišta hore, aj názov, počet kusov a zľava */
@media (min-width:768px){
  .pkos{top:0!important;bottom:auto!important;padding:0!important;border-top:0!important;border-bottom:1px solid #E6E8E4!important;box-shadow:0 6px 20px rgba(31,31,31,.08)!important;transform:translateY(calc(-100% - 24px))}
  .pkos .pkos-in{grid-template-columns:48px minmax(0,1fr) auto auto!important;grid-template-areas:"im nm pr ak" "im av pr ak"!important;column-gap:16px!important;height:72px!important;padding:0 20px!important}
  .pkos .pkos-img{width:48px!important;height:48px!important}
  .pkos .pkos-n{display:block!important}
  .pkos .pkos-avn{display:inline!important}
  .pkos .pkos-sv{display:block!important}
  .pkos .pkos-pr{align-self:center!important;flex-direction:column-reverse!important;align-items:flex-end!important;gap:2px!important}
  .pkos .pkos-pf{font-size:22px!important}
  .pkos .pkos-ps{font-size:13px!important}
  .pkos .pkos-ak{height:52px!important}
  .pkos .pkos-q{height:44px!important}
  .pkos .pkos-q button{width:40px!important;height:40px!important}
  .pkos .pkos-qv{min-width:34px!important}
  .pkos button.pkos-bt{height:44px!important;min-width:170px!important;padding:0 24px!important}
}

/* 7) Mobil: bublina chatu Smartsupp nad lištou a miesto pre lištu na konci stránky */
@media (max-width:767.98px){
  #smartsupp-widget-container>div:has(>#widgetButtonFrame){transition:translate .28s cubic-bezier(.2,.8,.2,1)}
  html.pkos-on body:not(.navigation-window-visible) #smartsupp-widget-container>div:has(>#widgetButtonFrame){translate:0 calc(-1 * var(--pkos-h,64px))}
  html.pkos-ma body.type-detail{padding-bottom:var(--pkos-h,64px)}
}

@media (prefers-reduced-motion:reduce){
  .pkos,html.pkos-on .pkos{transition:none!important}
  #smartsupp-widget-container>div:has(>#widgetButtonFrame){transition:none!important}
  .pkos.is-busy .pkos-ic-k{animation-duration:2s!important}
}
@media print{.pkos{display:none!important}}
/* skryté časti (napr. bez akcie) – musí byť posledné */
.pkos .pkos-in [hidden]{display:none!important}
/* ===== zdroj: 29-10-box-dorucenia-v3.css ===== */
/* Box „Odoslanie a doprava“ pod tlačidlom „Do košíka“ – detail produktu (Bio-racio-dia, 29. 10. 2026, v3). Predpona tried pdor-.
   v3: jednotné zelené e-shopu – ikony #1F3D29, zvýraznený text #007C31. Inak ako v2.
   Dva krátke riadky na stred pod tlačidlom: kedy odošleme (odpočet do 14:00) a doprava zadarmo (50 €, veľkoobchod 150 €).
   Box vkladá skript 28-10-box-dorucenia-v2.js hneď za šedý blok s cenou a tlačidlom. */

/* 1) Miesto pre box vopred, aby stránka pri načítaní neposkočila (len pri tovare s tlačidlom „Do košíka“).
      68 px = tovar skladom (dva riadky), 40 px = bez riadku odoslania. Po vložení boxu (html.pdor-on) alebo pri vypnutí
      či chybe (html.pdor-x) sa uvoľní. Keby sa skript vôbec nenačítal, rezervácia zmizne sama po 8 s
      (8 s, aby počkala aj na pomalom mobilnom pripojení, kým sa stránka dočíta).
      order:-1 = na mobile, kde lišta „Do košíka“ dáva cenu s tlačidlom navrch formulára, je miesto hneď pod tlačidlom.
      (bez !important – inak by animácia nemohla rezerváciu zrušiť) */
html:not(.pdor-on):not(.pdor-x) body.type-detail #product-detail-form:has(button.add-to-cart-button)::after{content:"";display:block;height:40px;order:-1;animation:pdor-res 0s linear 8s forwards}
html:not(.pdor-on):not(.pdor-x) body.type-detail #product-detail-form:has(button.add-to-cart-button):has(.availability-label[style*="009901"])::after{height:68px}
@keyframes pdor-res{to{height:0}}

/* 2) Box */
#pdor{display:block!important;margin:0!important;padding:16px 0 4px!important;border:0!important;background:none!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:20px!important;color:#5F6862!important;text-align:left!important;letter-spacing:0!important;text-transform:none!important}
#pdor[hidden]{display:none!important}
#pdor *,#pdor *::before,#pdor *::after{box-sizing:border-box!important}
#pdor .pdor-in{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:max-content!important;max-width:100%!important;margin:0 auto!important;padding:0!important}
#pdor .pdor-r{display:flex!important;align-items:flex-start!important;gap:8px!important;min-width:0!important;margin:0!important;padding:0!important}
#pdor .pdor-r[hidden]{display:none!important}
#pdor svg{display:block!important;flex:none!important;width:18px!important;height:18px!important;margin:1px 0 0!important;color:#1F3D29!important}
#pdor .pdor-t{display:block!important;min-width:0!important;margin:0!important;padding:0!important;font:inherit!important;color:inherit!important}
#pdor b{font-weight:500!important;color:#007C31!important}
#pdor .pdor-k{display:none!important}

/* 3) Úzky telefón (do 359 px) – kratší text odoslania, aby sa zmestil do jedného riadku */
@media (max-width:359.98px){
  #pdor .pdor-d{display:none!important}
  #pdor .pdor-k{display:inline!important}
}
@media print{#pdor{display:none!important}}