/* ============================================================
   Zdravíčko – štýl e-shopu.  Súbor v Správcovi súborov.
   Odkaz naň je v Záhlaví. Zmeny tu sa prejavia na celom e-shope.
   1) písma a farby   2) prvky e-shopu   3) popisy produktov
   ============================================================ */

/* ===== 1) + 2) PÍSMA, FARBY A PRVKY E-SHOPU ===== */
/* ===== FARBY ZNAČKY – meniť len tu ===== */
:root{--zd-green:#2c5f49;--zd-green-d:#24403a;--zd-lime:#a3c65c;--zd-pink:#F14BB1;--zd-pink-d:#c4368b;--zd-sand:#8a7b3f}

/* ===== PÍSMA ===== */
body,p,a,li,td,th,input,button,select,textarea,label,span{font-family:'Plus Jakarta Sans',sans-serif!important;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,
.category-title,.products-related-header,.homepage-group-title{font-weight:900!important;letter-spacing:-.015em!important}
/* Nadpisy musia prebiť šablónu Rubin (font-family:inherit!important) aj naše
   pravidlo pre text. :not(#_) len zvyšuje váhu pravidla, nič nevyberá. */
:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.category-title,.products-related-header,.homepage-group-title,.content h4):not(#_),
:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.category-title,.products-related-header,.homepage-group-title,.content h4):not(#_) :is(span,a,strong,b,em,i){font-family:'Nunito',sans-serif!important}

/* ===== HLAVNÉ MENU ===== */
:is(.navigation-in,.menu-level-1,.menu-level-2,.menu-level-3,.navigation-buttons,
    .submenu-wrapper,.menu-helper,.navigation-window,nav):not(#_) :is(a,span,strong,b){font-family:'Nunito',sans-serif!important}
:is(.navigation-in,.menu-level-1,.navigation-buttons):not(#_)>ul>li>a{font-weight:800!important}

/* ===== TLAČIDLÁ ===== */
.btn,.btn-primary,.btn-secondary,.btn-default,.btn-detail,.btn-more,.btn-add,.btn-buy,a.btn,a[class*="btn-"]{border-radius:999px!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:700!important;box-shadow:none!important;-webkit-box-shadow:none!important;text-shadow:none!important;background-image:none!important;transition:transform .18s ease!important;white-space:nowrap!important}
.btn:hover,a.btn:hover{transform:translateY(-2px)!important;filter:brightness(1.07)!important;box-shadow:none!important}
button.btn-conversion,.add-to-cart-button,#product-detail-form button[type=submit]{white-space:nowrap!important;border-radius:999px!important;font-weight:700!important;box-shadow:none!important;background-image:none!important;padding:12px 32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important}
a.button,[class*="banner"] a,[class*="banner"] .button,[class*="slide"] a.button,[class*="carousel"] a.button,[class*="hp-"] a,.hp-banner a,.cms-content a.button{border-radius:999px!important;font-weight:700!important;white-space:nowrap!important;box-shadow:none!important;background-image:none!important;padding:12px 28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important;box-sizing:border-box!important}

/* ===== PRODUKTOVÉ KARTY ===== */
.product-item,.product-box,.product-list-item{border-radius:12px!important;transition:transform .2s ease,box-shadow .2s ease!important}
.product-item:hover,.product-box:hover,.product-list-item:hover{transform:translateY(-4px)!important;box-shadow:0 12px 32px rgba(44,95,73,.14)!important}
.products-block .product,.products-block .p,.p .image{overflow:visible!important}

/* ===== ROLETKY A POLIA ===== */
select{height:auto!important;min-height:46px!important;line-height:1.4!important;padding:11px 42px 11px 16px!important;box-sizing:border-box!important;overflow:visible!important;text-overflow:ellipsis!important;background-position:right 14px center!important}
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=number]),select,textarea{border-radius:8px!important;font-family:'Plus Jakarta Sans',sans-serif!important}
::-webkit-scrollbar{width:0px}

/* ===== ŠTÍTKY (Novinka, Tip...) ===== */
.flags .flag:not(.flag-discount){border-radius:999px!important;font-weight:700!important;font-size:.68rem!important;padding:3px 10px!important;margin-left:0!important}
.flags .flag:not(.flag-discount),.flags .flag:not(.flag-discount) *,.flags-default .flag:not(.flag-discount),.flags-default .flag:not(.flag-discount) *{color:#fff!important}
.flags .flag:not(.flag-discount)::after,.flags .flag:not(.flag-discount)::before{display:none!important;border:none!important;content:none!important}
.flags.flags-default{left:10px!important;right:auto!important;top:10px!important}

/* ===== PREDVOĽBA TELEFÓNU – len v objednávke ===== */
#order-form [class*="flag"]:not(.flag-discount),.ordering-process [class*="flag"]:not(.flag-discount),#order-form [class*="country"],.ordering-process [class*="country"]{border-radius:8px!important;font-size:inherit!important;font-weight:inherit!important}
#order-form [class*="flag"] li,.ordering-process [class*="flag"] li,#order-form [class*="country"] li,.ordering-process [class*="country"] li{border-radius:0!important;padding:8px 14px!important;display:flex!important;align-items:center!important;gap:8px!important;line-height:1.4!important;white-space:nowrap!important}
#order-form [class*="flag"] li img,.ordering-process [class*="flag"] li img{margin-right:8px!important;flex-shrink:0!important}

/* ===== PREPOJENIE PRODUKTOV – miniatúry variantov ===== */
.c-product-interconnection-detail-params.is-template--Classic{float:none!important;width:100%!important;margin:0 0 12px!important}
.c-product-interconnection-detail-params__products.is-type--photos{gap:8px!important;justify-content:flex-start!important}
.c-product-interconnection-detail-params__products.is-type--photos span.item-type-img{width:65px!important;height:65px!important;border-radius:10px!important;border:2px solid transparent!important;transition:all .2s ease!important}
.c-product-interconnection-detail-params__products.is-type--photos a.is-current span.item-type-img{border:2px solid var(--zd-pink)!important}
.c-product-interconnection-detail-params__products a.is-current .item-type-img:before{display:none!important}
.c-product-interconnection-detail-params__products.is-type--photos .item-label{display:none!important}
.c-product-interconnection-detail-params__products.is-type--photos a:hover span.item-type-img{transform:scale(1.1)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}

/* ===== TLAČIDLO TABUĽKA VEĽKOSTÍ (fv-studio) ===== */
#myBtnTabulka_velikosti{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:4px 0 16px!important;padding:11px 22px!important;background:#eef4f0!important;color:var(--zd-green)!important;border:1px solid #cfe0d6!important;border-radius:10px!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:600!important;font-size:14.5px!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;cursor:pointer!important;transition:background .15s ease,border-color .15s ease!important}
#myBtnTabulka_velikosti:hover{background:#e3eee8!important;border-color:#b6d0c2!important;color:var(--zd-green)!important}
#myBtnTabulka_velikosti i,#myBtnTabulka_velikosti svg,#myBtnTabulka_velikosti img,#myBtnTabulka_velikosti::before{display:none!important;content:none!important}

/* ===== 3) POPISY PRODUKTOV A KATEGÓRIÍ ===== */
.zd{--t:#2c5f49;--t-d:#24403a;--lime:#a3c65c;--p:#c4368b;--p-l:#fdeaf3;
    --t-l:#edf4ea;--s:#b8921f;--s-l:#fbf3da;--ink:#4a4a45;--ink-2:#6b6b63;--line:#e0e8e2;
    font-family:'Plus Jakarta Sans',sans-serif;color:var(--ink);font-size:17px;line-height:1.65;
    text-align:left;max-width:900px;margin:0 auto}
.zd,.zd *{box-sizing:border-box;margin:0;padding:0}
.zd+.zd{margin-top:40px}
.zd .blk{margin:0 0 54px}
.zd .blk:last-child{margin-bottom:0}
.zd :is(h2,h3):not(#_){font-family:'Nunito',sans-serif!important;color:var(--t-d)}
.zd h2:not(#_){font-weight:900!important;letter-spacing:-.015em!important}
.zd h3:not(#_){font-weight:800!important;letter-spacing:0!important}
.zd .fold>summary:not(#_){font-family:'Nunito',sans-serif!important}
.zd .more b:not(#_){font-family:'Nunito',sans-serif!important;font-weight:800!important}
.zd h2{font-weight:900;font-size:clamp(25px,4.2vw,33px);line-height:1.15;letter-spacing:-.015em;margin:0 0 10px;text-wrap:balance}
.zd h3{font-weight:800;font-size:20px;line-height:1.28;margin:0 0 7px}
.zd p{margin:0 0 15px}.zd p:last-child{margin-bottom:0}
.zd strong{font-weight:700;color:var(--t-d)}
.zd .sub{font-size:18px;line-height:1.55;color:var(--ink-2);max-width:650px;margin:0 0 26px}

/* Úvodná veta */
.zd .lead{font-size:clamp(18px,2.6vw,21px);line-height:1.5;font-weight:600;color:var(--t-d);max-width:720px}

/* Odrážky s fajkami */
.zd .ticks{list-style:none;display:flex;flex-wrap:wrap;gap:9px 26px;margin:16px 0 0}
.zd .ticks li{display:flex;align-items:flex-start;gap:9px;font-size:16px;font-weight:600;color:#3c5a4c;flex:1 1 44%}
.zd .ticks li::before{content:"";flex:0 0 20px;width:20px;height:20px;margin-top:2px;border-radius:50%;
  background:var(--t) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}

/* Trojica kariet */
.zd .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.zd .trio.duo{grid-template-columns:repeat(2,1fr)}
.zd .card{position:relative;border-radius:28px;padding:26px 24px 28px;overflow:hidden;background:var(--t-l)}
.zd .card.c2{background:var(--p-l)}.zd .card.c3{background:var(--s-l)}
.zd .card .ic{width:54px;height:54px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 0 17px}
.zd .card .ic svg{width:27px;height:27px}
.zd .card .deco{position:absolute;top:16px;right:14px;width:46px;height:46px;opacity:.5}
.zd .card p{font-size:16px;line-height:1.6;color:#55554e}

/* Otázky v dvoch stĺpcoch */
.zd .qa{display:grid;grid-template-columns:1fr 1fr;gap:28px 46px;margin-top:24px}
.zd .qa p{font-size:16.5px;color:#55554e}

/* Pás s radou */
.zd .tip{position:relative;background:var(--t);border-radius:32px;padding:38px 40px;overflow:hidden}
.zd .tip .dots{position:absolute;right:-34px;top:-34px;width:210px;height:210px;border-radius:50%;
  background-image:radial-gradient(rgba(163,198,92,.55) 2px,rgba(0,0,0,0) 2.6px);background-size:17px 17px}
.zd .tip .tag{position:relative;display:inline-flex;align-items:center;gap:7px;background:var(--p-l);
  color:var(--t-d);font-weight:700;font-size:15px;line-height:1;padding:9px 15px 9px 11px;border-radius:999px;transform:rotate(-2deg);margin:0 0 17px}
.zd .tip .tag svg{width:17px;height:17px}
.zd .tip h3,.zd .tip p{position:relative}
.zd .tip h3{font-size:clamp(21px,3.4vw,27px);font-weight:900;line-height:1.2;color:#fff;max-width:640px;margin:0 0 11px}
.zd .tip p{font-size:17px;color:rgba(255,255,255,.88);max-width:660px}
.zd .tip a{color:#fff}

/* Upozornenie */
.zd .warn{background:#fdf6ea;border:2px solid #efdfc2;border-radius:26px;padding:26px 28px}
.zd .warn p{font-size:16.5px;color:#4d4634}
.zd .warn strong{color:#2f2a1d}

/* Tabuľka parametrov */
.zd .tbl{width:100%;border-collapse:collapse;font-size:16px;border-radius:22px;overflow:hidden}
.zd .tbl th,.zd .tbl td{text-align:left;padding:13px 20px;border-bottom:1px solid var(--line)}
.zd .tbl tr:last-child th,.zd .tbl tr:last-child td{border-bottom:0}
.zd .tbl th{width:42%;font-weight:700;color:var(--t-d);background:#f4f8f5}
.zd .tbl td{color:#55554e;background:#fff}

/* Rozbaľovacie bloky */
.zd .fold{background:#fff;border:2px solid var(--line);border-radius:22px;margin:0 0 10px;overflow:hidden}
.zd .fold[open]{background:#f8fbf9;border-color:#c9ddd1}
.zd .fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:17px 18px 17px 22px;font-weight:800;font-size:18px;line-height:1.3;color:var(--t-d)}
.zd .fold>summary::-webkit-details-marker{display:none}
.zd .fold .ico{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--t-l);position:relative}
.zd .fold .ico::before,.zd .fold .ico::after{content:"";position:absolute;background:var(--t);border-radius:2px}
.zd .fold .ico::before{top:15px;left:9px;width:14px;height:2.5px}
.zd .fold .ico::after{top:9px;left:14.8px;width:2.5px;height:14px;transition:opacity .2s ease}
.zd .fold[open] .ico{background:#fff}.zd .fold[open] .ico::after{opacity:0}
.zd .fold .a{font-size:16.5px;line-height:1.65;color:#55554e;padding:0 22px 20px;max-width:760px}
.zd .fold .tbl{margin:0;border-radius:0;border-top:1px solid var(--line)}

/* Odkazy na kategórie */
.zd .more{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.zd .more a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;
  border-radius:22px;border:2px solid #d8e5dc;background:#fff;color:var(--t-d);text-decoration:none}
.zd .more a:hover{border-color:var(--t);background:#f4f9f6}
.zd .more a::after{content:"";flex:0 0 22px;width:22px;height:22px;
  background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5f49' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.zd .more b{display:block;font-family:'Nunito',sans-serif;font-weight:800;font-size:18px;line-height:1.25}
.zd .more small{display:block;font-weight:400;font-size:15px;line-height:1.4;color:var(--ink-2);margin-top:3px}
.zd a:focus-visible,.zd summary:focus-visible{outline:3px solid var(--t);outline-offset:3px}

/* Riadok Skladom / Doručenie */
.zd .ok{list-style:none;display:flex;flex-wrap:wrap;gap:7px 22px;margin:14px 0 0}
.zd .ok li{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:#3c5a4c}
.zd .ok li::before{content:"";flex:0 0 18px;width:18px;height:18px;border-radius:50%;
  background:var(--t) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}

@media (max-width:760px){
  .zd{font-size:16.5px}
  .zd .blk{margin-bottom:44px}
  .zd .trio,.zd .trio.duo{grid-template-columns:1fr;gap:12px}
  .zd .qa{grid-template-columns:1fr;gap:22px}
  .zd .more{grid-template-columns:1fr}
  .zd .ticks li{flex-basis:100%}
  .zd .card{padding:22px 20px 24px;border-radius:24px}
  .zd .tip{padding:28px 24px;border-radius:26px}
  .zd .warn{padding:22px 20px;border-radius:22px}
  .zd .fold>summary{font-size:17px;padding-left:18px}
  .zd .fold .a{padding:0 18px 18px}
  .zd .tbl th,.zd .tbl td{padding:11px 16px;font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){.zd *{transition:none!important}}