/* =========================================================
PROMĚNNÉ
========================================================= */
:root{
--blue:#0a86c9;
--blue-dark:#0873ad;
--dark:#262626;
--dark-2:#1e1e1e;
--text:#222;
--muted:#666;
--line:#e6e6e6;
--bg-soft:#f5f5f5;
--green:#7cc242;
--container:1220px;
--font:'Roboto',Arial,Helvetica,sans-serif;
--font-cond:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:14px;color:var(--text);background:#fff;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
ul{list-style:none;margin:0;padding:0}
.container{max-width:var(--container);margin:0 auto;padding:0 15px}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
main.container.home-page {
max-width: 1725px;
}
/* Zástupné pole pro chybějící obrázky (odstraní se samo, jakmile obrázek existuje) */
.ph{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;min-height:60px;
background:repeating-linear-gradient(45deg,#eceff2 0 12px,#e3e7eb 12px 24px);color:#7a8691;font-size:12px;padding:8px;border:1px dashed #b9c2ca}
.ph--dark{background:repeating-linear-gradient(45deg,#2f3236 0 12px,#292c30 12px 24px);color:#8c96a0;border-color:#4a5058}
/* Ikony */
.ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
/* =========================================================
HORNÍ LIŠTA
========================================================= */
.topbar{border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:10px}
.topbar strong{color:#555}
.topbar a:hover{color:var(--blue)}
.topbar__contact{display:flex;align-items:center;gap:6px}
/* =========================================================
HLAVIČKA
========================================================= */
.header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px}
.logo{display:block;width:204px;height:62px}
.logo img{width:100%;height:100%;object-fit:contain}
.search input{flex:1;min-width:0;height:40px;border:1px solid var(--blue);border-right:0;padding:0 14px;font:inherit;font-style:italic;color:var(--text)}
.search input::placeholder{color:#aab4bd}
.search button:hover{background:var(--blue-dark)}
.burger{display:none;width:44px;height:44px;border:0;background:var(--blue);color:#fff;font-size:22px;align-items:center;justify-content:center}
/* =========================================================
NAVIGACE
========================================================= */
.nav{position:relative;z-index:20}
.nav__bar{display:flex;background:var(--dark);height:60px}
.nav__eshop{width:300px;background:var(--blue);color:#fff;border:0;display:flex;align-items:center;gap:20px;padding:0 24px;font-weight:500;text-transform:uppercase;font-size:15px}
.nav__eshop .ico{font-size:18px}
.nav__menu{flex:1;display:flex;align-items:center;gap:18px;padding:0 28px}
.nav__menu a{display:flex;align-items:center;gap:5px;color:#fff;font-family:var(--font-cond);font-weight:700;text-transform:uppercase;font-size:15px;white-space:nowrap}
.nav__menu a:hover{color:#7fc8ef}
.nav__cart{width:256px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:500}
.nav__cart .ico{font-size:22px}
.nav__cart:hover{background:var(--blue-dark)}
/* =========================================================
HERO (kategorie + slider + bannery)
========================================================= */
.hero{display:grid;grid-template-columns:300px 1fr 396px;gap:20px;align-items:start}
.hero__cats{position:relative;z-index:15}
.cats{background:var(--dark);padding:16px 0 24px;margin-right:0}
.cats li{position:relative}
.cats a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 18px 9px 25px;color:#fff;font-size:15px}
.cats li:hover>a,.cats li.is-open>a,.cats a:focus-visible{color:#2a9fe0}
.cats .arrow{width:0;height:0;flex-shrink:0;border-left:5px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent;transition:transform .2s}
/* Podmenu (2. a 3. úroveň) */
.sub{position:absolute;left:100%;top:0;min-width:210px;background:#fff;padding:12px 0;box-shadow:0 8px 24px rgba(0,0,0,.18);
opacity:0;visibility:hidden;transform:translateX(6px);transition:opacity .15s,transform .15s,visibility 0s .15s;transition-delay:.12s}
.sub a{color:#666;padding:9px 30px 9px 22px;line-height:1.35}
.sub li:hover>a,.sub li.is-open>a{color:var(--blue);background:transparent}
.sub .arrow{border:0;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);color:#bbb}
.sub .sub{top:-12px}
.cats li.is-open>.sub{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (min-width:992px) and (hover:hover){
.cats li:hover>.sub,.cats li:has(>a:focus-visible)>.sub,.cats li:has(.sub :focus-visible)>.sub{opacity:1;visibility:visible;transform:none;transition:opacity .15s,transform .15s,visibility 0s;transition-delay:.08s}
}
.slider{position:relative;margin-top:20px;aspect-ratio:965/581;background:#111;overflow:hidden}
.slider__track{display:flex;height:100%;transition:transform .6s ease}
.slide{flex:0 0 100%;height:100%;position:relative}
.slide img,.slide .ph{width:100%;height:100%;object-fit:cover}
.slider__dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:4px}
.slider__dots button{width:11px;height:11px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0}
.slider__dots button[aria-current="true"]{background:#fff}
.slider__arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:rgba(0,0,0,.35);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}
.slider:hover .slider__arrow,.slider__arrow:focus-visible{opacity:1}
.slider__arrow--prev{left:10px}.slider__arrow--next{right:10px}
.side-banners{display:grid;gap:24px;margin-top:22px}
.side-banners a{display:block;aspect-ratio:396/276;overflow:hidden}
.side-banners img,.side-banners .ph{width:100%;height:100%;object-fit:cover}
/* =========================================================
VÝHODY
========================================================= */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.feature{background:var(--blue);color:#fff;display:flex;align-items:center;gap:22px;padding:18px 28px;min-height:84px}
.feature .ico{font-size:28px;stroke-width:1.4}
.feature strong{display:block;text-transform:uppercase;font-weight:500;font-size:15px}
.feature span{font-size:14px;opacity:.95}
/* =========================================================
PRODUKTY (záložky + karusel)
========================================================= */
.products{margin-top:80px}
.tabs{display:flex;align-items:flex-end;border-bottom:2px solid var(--blue);gap:4px}
.tabs button{border:0;background:none;padding:14px 20px;font-weight:500;font-size:16px;color:var(--text)}
.tabs button[aria-selected="true"]{background:var(--blue);color:#fff}
.tabs__nav{margin-left:auto;display:flex;gap:4px;padding-bottom:10px}
.tabs__nav button{width:28px;height:28px;border:1px solid #ccc;background:#fff;color:#999;padding:0;display:flex;align-items:center;justify-content:center}
.tabs__nav button:hover{border-color:var(--blue);color:var(--blue)}
.panel{margin-top:20px}
.panel[hidden]{display:none}
.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*20px)/5);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.carousel::-webkit-scrollbar{display:none}
.card{scroll-snap-align:start;text-align:center}
.card__img{position:relative;display:block;border:1px solid var(--line);aspect-ratio:1/1;padding:12px;background:#fff}
.card__img img,.card__img .ph{width:100%;height:100%;object-fit:contain}
.badge{position:absolute;top:10px;left:0;background:var(--green);color:#fff;font-size:13px;font-weight:500;padding:1px 16px 1px 14px;clip-path:polygon(0 0,100% 0,85% 50%,100% 100%,0 100%);z-index:1}
.card__name{display:block;margin-top:14px;font-size:15px}
.card__name:hover{color:var(--blue)}
.card__price{color:var(--blue);font-weight:700;font-size:18px;margin-top:2px}
.card__price small{font-size:11px;font-weight:400;margin-left:4px}
.card__price .from{font-weight:400;font-size:14px;margin-right:4px}
.btn{display:inline-block;background:var(--blue);color:#fff;text-transform:uppercase;font-weight:700;font-size:13px;padding:5px 12px;margin-top:8px}
.btn:hover{background:var(--blue-dark)}
/* =========================================================
ZNAČKY
========================================================= */
.brands{margin-top:90px;background:var(--bg-soft);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:20px;padding:30px 40px}
.brands a{display:flex;align-items:center;justify-content:center;height:60px}
.brands img,.brands .ph{max-height:60px;width:auto;max-width:100%;object-fit:contain}
.brands .ph{width:100%;max-width:170px}
/* =========================================================
PROMO BANNERY
========================================================= */
.promos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.promos a{display:block;aspect-ratio:600/247;overflow:hidden}
.promos img,.promos .ph{width:100%;height:100%;object-fit:cover}
/* =========================================================
SEO TEXT
========================================================= */
.about{margin-top:60px;background:var(--bg-soft);text-align:center;padding:34px 30px}
.about h1{font-family:var(--font-cond);font-size:26px;margin:0 0 20px}
.about p{margin:0 auto 14px;max-width:1000px;font-size:14px}
.about a{color:var(--blue)}
.about a:hover{text-decoration:underline}
/* =========================================================
PORADNA
========================================================= */
.advice{margin-top:40px;position:relative;display:block;aspect-ratio:1220/284;overflow:hidden}
.advice img,.advice .ph{width:100%;height:100%;object-fit:cover}
/* =========================================================
PATIČKA
========================================================= */
.footer{background:var(--dark);color:#fff;margin-top:60px;padding:60px 0 50px}
.footer .container{display:grid;grid-template-columns:2fr 1fr 1fr 1.1fr;gap:40px}
.footer h3{margin:0 0 30px;font-size:17px;font-weight:500;text-transform:uppercase}
.footer__logo{width:186px;height:56px;margin-bottom:28px}
.footer__logo img{width:100%;height:100%;object-fit:contain}
.footer p{margin:0 0 14px;font-style:italic;color:#ddd;font-size:14px}
.newsletter{display:flex;max-width:510px;border:1px solid #666}
.newsletter input{flex:1;min-width:0;height:44px;background:transparent;border:0;color:#fff;padding:0 14px;font:inherit;font-style:italic}
.newsletter input::placeholder{color:#aaa}
.newsletter button{width:56px;border:0;background:var(--blue);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center}
.footer small{display:block;margin-top:6px;color:#ccc}
.captcha{margin-top:20px;width:240px;height:52px}
.footer ul li{margin-bottom:14px;font-size:14px}
.footer ul a:hover{color:#7fc8ef}
.footer__contact li{display:flex;gap:14px;align-items:center;margin-bottom:24px}
.footer__contact .ico{color:#aaa}
.fb{display:inline-flex;width:34px;height:34px;background:#555;align-items:center;justify-content:center;margin-top:10px}
.fb:hover{background:var(--blue)}
.footer__badges{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px}
.footer__badges .zbozi{width:70px;height:26px}
.footer__badges .heureka{width:86px;height:86px;border-radius:50%;overflow:hidden}
.footer__badges img,.footer__badges .ph{width:100%;height:100%;object-fit:contain;min-height:0;padding:2px;font-size:10px}
.bottombar{background:var(--dark-2);color:#fff;font-size:13px}
.bottombar .container{display:flex;justify-content:space-between;align-items:center;min-height:56px;gap:15px}
.payments{width:220px;height:26px}
.payments img,.payments .ph{width:100%;height:100%;object-fit:contain;min-height:0;font-size:10px;padding:2px}
/* =========================================================
PLOVOUCÍ PRVKY
========================================================= */
.verify{position:fixed;left:0;top:300px;z-index:30;width:36px;height:190px;background:#f6b800;border-radius:0 6px 6px 0;color:#fff;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;letter-spacing:.5px}
.support{position:fixed;right:20px;bottom:20px;z-index:40;background:var(--blue);color:#fff;border:0;border-radius:30px;padding:12px 18px 12px 22px;display:flex;align-items:center;gap:12px;font-weight:500;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.support .ico{font-size:22px}
.support .count{position:absolute;top:-6px;right:-4px;background:#e53935;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center}
.to-top{position:fixed;right:20px;bottom:84px;z-index:40;width:40px;height:40px;border:0;background:#444;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}
.to-top.is-visible{opacity:1;pointer-events:auto}
/* =========================================================
RESPONZIVITA
========================================================= */
@media (max-width:1199px){
.hero{grid-template-columns:260px 1fr}
.side-banners{grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:0}
.nav__eshop{width:260px}
.nav__cart{width:auto;padding:0 20px}
.nav__menu{gap:12px;padding:0 16px}
.nav__menu a{font-size:13px}
.carousel{grid-auto-columns:calc((100% - 3*20px)/4)}
}
@media (max-width:991px){
.topbar__hours{display:none}
.header .container{padding-top:18px;padding-bottom:18px}
.logo{width:160px;height:50px}
.burger{display:flex}
.header__search{order:3;flex-basis:100%}
.header .container{flex-wrap:wrap}
.search{max-width:none}
.nav__bar{height:auto;flex-wrap:wrap}
.nav__eshop{flex:1;width:auto;height:52px}
.nav__cart{height:52px}
.nav__menu{display:none;order:3;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:0}
.nav__menu.is-open{display:flex}
.nav__menu a{padding:14px 20px;border-top:1px solid #3a3a3a;font-size:15px}
.hero{grid-template-columns:1fr;gap:16px}
.cats{display:none;position:absolute;left:0;right:0;top:100%;box-shadow:0 10px 20px rgba(0,0,0,.25)}
.cats.is-open{display:block}
.cats{max-height:75vh;overflow-y:auto}
.sub,.sub .sub{position:static;display:none;min-width:0;background:#1d1d1d;box-shadow:none;padding:4px 0;opacity:1;visibility:visible;transform:none;transition:none}
.cats li.is-open>.sub{display:block}
.cats li.is-open>a>.arrow{transform:rotate(90deg)}
.sub a{color:#ccc;padding-left:40px}
.sub .sub a{padding-left:56px}
.sub .arrow{transform:rotate(45deg)}
.sub li.is-open>a>.arrow{transform:rotate(135deg)}
.slider{margin-top:16px}
.features{grid-template-columns:repeat(2,1fr);gap:12px}
.carousel{grid-auto-columns:calc((100% - 2*16px)/3);gap:16px}
.brands{grid-template-columns:repeat(3,1fr);padding:24px}
.footer .container{grid-template-columns:1fr 1fr}
.footer__brand{grid-column:1/-1}
}
@media (max-width:640px){
.topbar .container{font-size:13px}
.nav__eshop span{font-size:14px}
.nav__cart .cart-text{display:none}
.side-banners{grid-template-columns:1fr 1fr;gap:12px}
.features{grid-template-columns:1fr}
.feature{padding:14px 20px}
.products{margin-top:50px}
.tabs{overflow-x:auto;scrollbar-width:none}
.tabs button{padding:12px 14px;font-size:14px;white-space:nowrap}
.tabs__nav{display:none}
.carousel{grid-auto-columns:calc((100% - 16px)/2)}
.card__name{font-size:14px}
.brands{grid-template-columns:repeat(2,1fr);margin-top:50px}
.promos{grid-template-columns:1fr}
.about{padding:26px 18px}
.about h1{font-size:21px}
.advice{aspect-ratio:16/9}
.footer .container{grid-template-columns:1fr;gap:30px}
.footer h3{margin-bottom:16px}
.bottombar .container{flex-direction:column;justify-content:center;padding-top:12px;padding-bottom:70px;text-align:center}
.verify{top:auto;bottom:120px;height:150px;width:28px;font-size:10px}
.support span.label{display:none}
.support{padding:14px}
}
/* =========================================================
KARTA PRODUKTU – ikonky při najetí
========================================================= */
.card__media{position:relative}
.card__img{transition:background-color .2s}
.card__media:hover .card__img{background:#ececec}
.card__actions{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:12px;z-index:2;
opacity:0;transform:translateX(8px);transition:opacity .2s,transform .2s}
.card__media:hover .card__actions,.card__actions:focus-within{opacity:1;transform:none}
.card__action{width:42px;height:42px;border:0;background:#fff;color:#555;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.card__action .ico{stroke-width:1.5}
.card__action:hover{background:var(--blue);color:#fff}
.card__action.is-added{background:#4caf50;color:#fff}
@media (hover:none){.card__actions{opacity:1;transform:none}.card__action{width:36px;height:36px;font-size:16px}}
/* Počet v košíku (mobil) */
.nav__cart{position:relative}
.cart-badge{position:absolute;top:8px;right:8px;background:#fff;color:var(--blue);font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:none;align-items:center;justify-content:center;padding:0 4px}
/* =========================================================
MODÁLNÍ OKNA
========================================================= */
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.6);
opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}
.modal.is-open{opacity:1;visibility:visible;transition:opacity .2s}
.modal__dialog{position:relative;background:#fff;width:100%;max-width:1020px;max-height:calc(100vh - 40px);overflow-y:auto;padding:30px;
transform:translateY(12px);transition:transform .2s}
.modal.is-open .modal__dialog{transform:none}
.modal__close{position:absolute;top:0;right:0;width:34px;height:34px;border:0;background:#777;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;z-index:2}
.modal__close:hover{background:var(--blue)}
@media (min-width:1100px) and (min-height:700px){#quickView .modal__dialog{overflow:visible}#quickView .modal__close{right:-34px}}
body.modal-open{overflow:hidden}
/* Rychlý náhled */
.qv{display:grid;grid-template-columns:370px 1fr;gap:30px;align-items:start}
.qv__img{border:1px solid var(--line);aspect-ratio:1/1;padding:20px;display:flex;align-items:center;justify-content:center}
.qv__img img,.qv__img .ph{width:100%;height:100%;object-fit:contain}
.qv h2{margin:0 0 14px;font-size:20px;font-weight:400}
.qv__desc{font-size:15px;line-height:1.6}
.qv__desc p{margin:0 0 12px}
.qv__desc a{color:var(--blue)}
.qv__more{display:inline-block;color:var(--blue);font-style:italic;text-decoration:underline;margin:6px 0 14px}
.qv__meta{font-size:14px;line-height:1.6}
.qv__meta .ok{color:#4caf50}
.qv__meta .info{color:var(--blue)}
.qv__meta em{color:var(--blue);display:block;margin-top:2px}
.qv__meta .ico{vertical-align:-2px}
.qv__price{color:var(--blue);font-size:26px;font-weight:700;margin:24px 0 10px}
.qv__price small{font-size:12px;color:var(--text);font-weight:400;margin-left:3px}
.qv__buy{display:flex;gap:6px;flex-wrap:wrap}
.qty{display:flex;border:1px solid #ccc;height:50px}
.qty input{width:84px;border:0;text-align:center;font:inherit;font-size:15px;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button,.qty input::-webkit-outer-spin-button{-webkit-appearance:none}
.qty__btns{display:flex;flex-direction:column;border-left:1px solid #ccc}
.qty__btns button{flex:1;width:34px;border:0;background:#fff;font-size:18px;font-weight:700;line-height:1;padding:0}
.qty__btns button+button{border-top:1px solid #ccc}
.qty__btns button:hover{background:#f0f0f0}
.btn-cart{display:flex;align-items:center;gap:8px;height:50px;padding:0 18px;border:0;background:var(--blue);color:#fff;font-family:var(--font-cond);font-weight:700;font-size:17px;text-transform:uppercase}
.btn-cart .ico{font-size:22px}
.btn-cart:hover{background:var(--blue-dark)}
.qv__buy {
flex-wrap: wrap;
}
.qv__buy .btn-cart {
flex: 0 0 auto; /* nesmršťovat */
white-space: nowrap; /* text na jednom řádku */
}
.qv__added{margin-top:12px;color:#4caf50;font-weight:500;min-height:1.5em}
/* Přihlášení */
.modal--auth .modal__dialog{max-width:440px;padding:0}
.auth__tabs{display:grid;grid-template-columns:1fr 1fr;padding-right:34px;background:#f2f2f2}
.auth__tabs button{border:0;background:none;height:52px;font-weight:500;font-size:15px;color:#666}
.auth__tabs button[aria-selected="true"]{background:#fff;color:var(--blue);box-shadow:inset 0 3px 0 var(--blue)}
.auth__body{padding:28px 30px 30px}
.auth__body h2{margin:0 0 20px;font-family:var(--font-cond);font-size:24px}
.field{margin-bottom:16px}
.field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}
.field input{width:100%;height:44px;border:1px solid #ccc;padding:0 12px;font:inherit}
.field input:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px rgba(10,134,201,.15)}
.auth__row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin-bottom:20px;flex-wrap:wrap}
.auth__row label{display:flex;align-items:center;gap:6px;cursor:pointer}
.auth__row a,.auth__switch a{color:var(--blue)}
.auth__row a:hover,.auth__switch a:hover{text-decoration:underline}
.btn-block{width:100%;height:48px;border:0;background:var(--blue);color:#fff;font-weight:700;text-transform:uppercase;font-size:14px}
.btn-block:hover{background:var(--blue-dark)}
.auth__switch{text-align:center;margin:18px 0 0;font-size:13px;color:var(--muted)}
.auth__msg{font-size:13px;margin:-6px 0 14px;color:#c62828;min-height:0}
.auth__panel[hidden]{display:none}
@media (max-width:991px){
.cart-badge:not([hidden]){display:flex}
.qv{grid-template-columns:1fr}
.qv__img{max-width:320px;margin:0 auto;width:100%}
}
@media (max-width:640px){
.modal{padding:0;align-items:flex-end}
.modal__dialog{max-height:92vh;padding:34px 18px 22px}
.modal--auth .modal__dialog{padding:0}
.auth__body{padding:22px 18px 24px}
.qv__img{max-width:220px}
.qv h2{font-size:18px;padding-right:20px}
.qv__desc{font-size:14px}
.btn-cart{flex:1;justify-content:center}
}
/* =========================================================
PODSTRÁNKY – kategorie e-shopu jako rozbalovací menu
========================================================= */
.nav__eshop-wrap{display:flex}
@media (min-width:992px){
.nav--sub .cats{display:none;position:absolute;top:100%;left:0;width:300px;z-index:30;box-shadow:0 12px 24px rgba(0,0,0,.25)}
.nav--sub .cats.is-open{display:block}
}
@media (min-width:992px) and (hover:hover){
.nav__eshop-wrap:hover .cats{display:block}
}
@media (min-width:992px) and (max-width:1199px){.nav--sub .cats{width:260px}}
@media (max-width:991px){.nav__eshop-wrap{flex:1}}
/* Hlavička stránky + drobečková navigace */
.pagehead{border-bottom:1px solid var(--line)}
.pagehead .container{display:flex;justify-content:space-between;align-items:center;gap:8px 16px;min-height:58px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.pagehead h1{margin:0;font-size:18px;font-weight:500;text-transform:uppercase}
.crumbs{display:flex;gap:10px;color:var(--muted);font-size:14px}
.crumbs a:hover{color:var(--blue)}
.crumbs [aria-current]{color:var(--text)}
/* =========================================================
BLOG – rozložení
========================================================= */
.blog{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;align-items:start;margin-top:40px}
.blog__side{grid-column:1;grid-row:1}
.blog__main{grid-column:2;grid-row:1}
/* Filtr + řazení */
.blog__toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px 20px;margin-bottom:26px;flex-wrap:wrap}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid #d5d5d5;background:#fff;padding:7px 14px;font-size:14px;color:var(--text);display:flex;align-items:center;gap:6px}
.chip span{font-size:12px;color:var(--muted)}
.chip:hover{border-color:var(--blue);color:var(--blue)}
.chip[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.chip[aria-pressed="true"] span{color:rgba(255,255,255,.8)}
.sort{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.sort select{height:36px;border:1px solid #d5d5d5;padding:0 10px;font:inherit;color:var(--text);background:#fff;cursor:pointer}
/* Karty článků */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.post{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;transition:border-color .2s}
.post:hover{border-color:#c9d3db}
.post[hidden]{display:none}
.post__img{position:relative;display:block;aspect-ratio:3/2;background:#eef2f5}
.post__img img,.post__img .ph{width:100%;height:100%;object-fit:cover}
.post__date{position:absolute;left:18px;bottom:0;transform:translateY(50%);width:52px;padding:6px 0 5px;background:var(--blue);color:#fff;text-align:center;font-size:12px;text-transform:uppercase;line-height:1.1}
.post__date b{display:block;font-family:var(--font-cond);font-size:24px}
.post__body{flex:1;display:flex;flex-direction:column;padding:12px 20px 18px}
.post__cat{align-self:flex-end;color:var(--blue);font-size:13px;font-weight:500;min-height:22px}
.post__cat:hover{text-decoration:underline}
.post__title{margin:18px 0 10px;font-size:18px;font-weight:500;line-height:1.3}
.post__title a:hover{color:var(--blue)}
.post__excerpt{margin:0 0 18px;color:#555;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--line)}
.post__meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--muted);font-size:13px}
.post__meta span{display:flex;align-items:center;gap:5px}
.post__more{flex-shrink:0;border:1px solid #cfcfcf;padding:6px 12px;font-family:var(--font-cond);font-weight:700;font-size:14px;text-transform:uppercase}
.post__more:hover{border-color:var(--blue);color:var(--blue)}
/* Hlavní (nejnovější) článek přes celou šířku */
@media (min-width:768px){
.post--featured{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}
.post--featured .post__img{aspect-ratio:auto;min-height:320px}
.post--featured .post__date{top:0;bottom:auto;left:0;transform:none;width:64px;padding:9px 0 8px;font-size:13px}
.post--featured .post__date b{font-size:30px}
.post--featured .post__body{padding:30px 32px 26px}
.post--featured .post__cat{align-self:flex-start}
.post--featured .post__title{margin:8px 0 14px;font-family:var(--font-cond);font-size:30px;font-weight:700;line-height:1.15}
.post--featured .post__excerpt{-webkit-line-clamp:5;font-size:15px}
.post--featured .post__more{background:var(--blue);border-color:var(--blue);color:#fff;padding:9px 18px;font-size:15px}
.post--featured .post__more:hover{background:var(--blue-dark);color:#fff}
}
/* Načíst další / prázdný stav */
.blog__more{text-align:center;margin-top:44px}
.blog__more[hidden]{display:none}
.blog__count{margin:0 0 10px;color:var(--muted);font-size:13px}
.blog__bar{width:220px;height:3px;background:#e3e3e3;margin:0 auto 18px}
.blog__bar span{display:block;height:100%;background:var(--blue);transition:width .3s}
.btn-dark{border:0;background:var(--dark);color:#fff;padding:12px 24px;font-family:var(--font-cond);font-weight:700;font-size:16px;text-transform:uppercase}
.btn-dark:hover{background:var(--blue)}
.btn-dark[hidden]{display:none}
.blog__empty{border:1px dashed #cfcfcf;padding:44px 20px;text-align:center}
.blog__empty p{margin:0 0 16px;color:var(--muted)}
/* Sidebar */
.sbox{background:#f7f7f7;border:1px solid #ececec;border-top:2px solid var(--blue);margin-bottom:40px}
.sbox h2{margin:0;padding:14px 20px;font-size:15px;font-weight:500;text-transform:uppercase;border-bottom:1px solid #e6e6e6}
.sbox__body{padding:14px 20px}
.sbox__pay img,.sbox__pay .ph{width:100%;height:32px;min-height:0;object-fit:contain;font-size:11px;padding:2px}
.scats>li{border-bottom:1px solid transparent}
.scats__row{display:flex;justify-content:space-between;align-items:center}
.scats a{display:block;padding:6px 0;font-size:14px}
.scats a:hover{color:var(--blue)}
.scats__toggle{width:28px;height:28px;border:0;background:none;padding:0;display:flex;align-items:center;justify-content:center;color:#333}
.scats__toggle::before{content:"";border-top:5px solid currentColor;border-left:4px solid transparent;border-right:4px solid transparent;transition:transform .2s}
.scats__toggle[aria-expanded="true"]::before{transform:rotate(180deg)}
.scats__toggle:hover{color:var(--blue)}
.scats ul{display:none;padding:0 0 6px 14px;border-left:2px solid #e2e2e2;margin-left:2px}
.scats li.is-open>ul{display:block}
.scats ul a{color:#555;padding:4px 0}
.tops li{display:grid;grid-template-columns:78px 1fr;gap:14px;align-items:center;padding:10px 0}
.tops li+li{border-top:1px solid #ebebeb}
.tops__thumb{display:block;aspect-ratio:1;background:#fff;border:1px solid var(--line);padding:4px}
.tops__thumb img,.tops__thumb .ph{width:100%;height:100%;min-height:0;object-fit:contain;font-size:9px;padding:2px}
.tops__name{display:block;font-size:14px;line-height:1.3}
.tops__name:hover{color:var(--blue)}
.tops__price{color:var(--blue);font-weight:700;font-size:16px;margin-top:3px}
.tops__price span{color:var(--text);font-weight:400;font-size:13px}
.tops__price small{color:var(--text);font-weight:400;font-size:11px}
@media (max-width:1199px){
.blog{grid-template-columns:260px minmax(0,1fr)}
.posts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px){
.blog{grid-template-columns:minmax(0,1fr);margin-top:24px}
.blog__side,.blog__main{grid-column:1;grid-row:auto}
.blog__side{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:50px}
.sbox--cats{display:none}
.sbox{margin-bottom:20px}
}
@media (max-width:640px){
.blog__toolbar{flex-direction:column;align-items:stretch;flex-wrap:nowrap}
.chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -15px;padding:0 15px 4px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{white-space:nowrap}
.sort{justify-content:flex-end}
.posts{grid-template-columns:1fr;gap:24px}
.blog__side{grid-template-columns:1fr}
.post__title{font-size:17px}
}
.blog__main,.blog__side{min-width:0}
/* =========================================================
SPOLEČNÉ PRVKY PODSTRÁNEK
========================================================= */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--blue);color:#fff;padding:12px 22px;font-family:var(--font-cond);font-weight:700;font-size:16px;text-transform:uppercase;text-align:center}
.btn-primary:hover{background:var(--blue-dark)}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;border:2px solid #cfcfcf;background:#fff;color:var(--text);padding:8px 16px;font-family:var(--font-cond);font-weight:700;font-size:15px;text-transform:uppercase}
.btn-outline:hover{border-color:var(--blue);color:var(--blue)}
.btn-block{display:flex;width:100%;text-align:center;justify-content:center}
.link-btn{border:0;background:none;padding:0;color:var(--blue);text-decoration:underline;font:inherit;cursor:pointer}
.form-msg{margin:8px 0 0;font-size:13px;min-height:0}
.form-msg:empty{display:none}
.form-msg.is-ok{color:#2e7d32}.form-msg.is-err{color:#c62828}
.qv__added a{color:var(--blue);text-decoration:underline}
.qv__added:empty{display:none}
/* Řada produktů s nadpisem a šipkami */
.prow{margin-top:60px}
.prow__head{display:flex;align-items:center;gap:20px;margin-bottom:24px}
.prow__head h2{margin:0;font-size:20px;font-weight:500;text-transform:uppercase;flex-shrink:1}
.prow__head::after{content:"";flex:1;height:1px;background:var(--line);order:1}
.prow__head .tabs__nav{order:2;margin-left:0;padding:0}
.carousel--4{grid-auto-columns:calc((100% - 3*20px)/4)}
.gift{position:absolute;right:10px;bottom:10px;z-index:1;width:64px;height:64px;border-radius:50%;background:#3ddc6f;color:#fff;font-family:var(--font-cond);font-weight:700;font-size:11px;line-height:1.05;text-transform:uppercase;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;transform:rotate(-12deg)}
/* =========================================================
ČLÁNEK
========================================================= */
.pagehead h1{max-width:760px;line-height:1.3}
.entry__head{display:flex;align-items:center;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.entry__date{flex-shrink:0;width:56px;padding:7px 0 6px;background:var(--blue);color:#fff;text-align:center;font-size:12px;text-transform:uppercase;line-height:1.1}
.entry__date b{display:block;font-family:var(--font-cond);font-size:26px}
.entry__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;color:var(--muted);font-size:14px}
.entry__meta span{display:flex;align-items:center;gap:6px}
.entry__meta .post__cat{align-self:auto;min-height:0}
.entry__perex{font-size:18px;line-height:1.6;color:#333;margin:24px 0}
.entry__hero{margin:0 0 30px;aspect-ratio:3/2;background:#eef2f5}
.entry__hero img,.entry__hero .ph{width:100%;height:100%;object-fit:cover}
.toc{border:1px solid var(--line);border-left:3px solid var(--blue);background:#fafafa;margin:0 0 34px}
.toc__toggle{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:none;padding:14px 20px;font-weight:500;font-size:16px;text-align:left}
.toc__caret{border-top:6px solid currentColor;border-left:5px solid transparent;border-right:5px solid transparent;transition:transform .2s}
.toc__toggle[aria-expanded="false"] .toc__caret{transform:rotate(-90deg)}
.toc ol{margin:0;padding:0 20px 16px 42px;columns:2;column-gap:40px}
.toc ol[hidden]{display:none}
.toc li{padding:3px 0;break-inside:avoid;font-size:15px}
.toc a{color:var(--blue)}
.toc a:hover{text-decoration:underline}
.entry__content{font-size:16px;line-height:1.75;color:#2b2b2b}
.entry__content h2{font-size:26px;line-height:1.25;margin:44px 0 14px;font-weight:500;scroll-margin-top:20px}
.entry__content h3{font-size:19px;margin:26px 0 8px;font-weight:500}
.entry__content p{margin:0 0 16px;}
.entry__content a{color:var(--blue)}
.entry__content a:hover{text-decoration:underline}
.entry__content > h2:first-child{margin-top:0}
.table-wrap{overflow-x:auto;margin:10px 0 20px;border:1px solid var(--line)}
.cmp{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.cmp th,.cmp td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.cmp thead th{background:var(--blue);color:#fff;font-weight:500}
.cmp tbody th{font-weight:500;width:34%}
.cmp tbody tr:nth-child(even){background:#fafafa}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.pick{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}
.pick__col{background:#f5f8fb;border-top:3px solid var(--blue);padding:22px 24px}
.pick__col h3{margin-top:0}
.pick__col p{font-size:15px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:500;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex-shrink:0;width:28px;height:28px;border:1px solid #d5d5d5;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--blue)}
.faq details[open] summary::after{content:"−"}
.faq summary:hover{color:var(--blue)}
.faq details p{margin:0 0 18px;font-size:15px}
.entry__cta{display:flex;align-items:center;justify-content:space-between;gap:20px 30px;background:var(--dark);color:#fff;padding:28px 30px;margin-top:40px}
.entry__cta h2{margin:0 0 6px;font-size:21px;font-weight:500}
.entry__cta p{margin:0;color:#ccc;font-size:15px}
.entry__cta .btn-primary{flex-shrink:0}
.entry__foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.entry__tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.entry__tags a{background:#f0f0f0;padding:4px 12px;color:#444;font-size:13px}
.entry__tags a:hover{background:var(--blue);color:#fff}
.entry__back{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:14px}
.entry__back:hover{text-decoration:underline}
.posts--related{grid-template-columns:repeat(3,minmax(0,1fr))}
.related .prow__head{margin-bottom:20px}
/* =========================================================
DETAIL PRODUKTU
========================================================= */
.pd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}
.pd__gallery{position:relative;border:1px solid var(--line);aspect-ratio:1;padding:24px;background:#fff}
.pd__gallery img,.pd__gallery .ph{width:100%;height:100%;object-fit:contain}
.pd__gallery .badge{top:14px}
.pd__short{margin:0 0 6px;font-size:15px;line-height:1.6}
.pd__info .qv__more{margin-top:0}
.pd__price{color:var(--blue);font-size:30px;font-weight:700;margin:20px 0 16px;padding-top:18px;border-top:1px solid var(--line)}
.pd__price .from{font-size:16px;font-weight:400;margin-right:6px}
.pd__price small{font-size:13px;font-weight:400;color:var(--text);margin-left:4px}
.pd__variants{display:grid;gap:12px;margin-bottom:20px}
.variant{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px}
.variant__label{font-size:14px;font-weight:500}
.variant__opts{display:flex;flex-wrap:wrap;gap:6px}
.variant__opts button{min-width:70px;border:1px solid #cfcfcf;background:#fff;padding:8px 14px;font-size:14px}
.variant__opts button:hover{border-color:var(--blue);color:var(--blue)}
.variant__opts button[aria-pressed="true"]{border-color:var(--blue);background:var(--blue);color:#fff}
.pd__reset{justify-self:start;margin-left:120px;border:0;background:none;padding:0;color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.3px}
.pd__reset[hidden]{display:none}
.pd__reset:hover{text-decoration:underline}
.btn-cart[aria-disabled="true"]{background:#8fc4e1;cursor:not-allowed}
.pd__hint{margin:10px 0 0;font-size:13px;color:var(--muted)}
.pd__hint.is-ok{color:#2e7d32}
.pd__hint a{color:var(--blue);text-decoration:underline}
.pd__cats{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;margin:22px 0 0;font-size:14px}
.pd__cats dt{font-weight:500}.pd__cats dd{margin:0;color:var(--muted)}
.pd__cats a:hover{color:var(--blue)}
.pd-tabs{margin-top:40px;border:1px solid var(--line)}
.pd-tabs__list{display:flex;gap:4px;padding:6px 6px 0;border-bottom:1px solid var(--line);background:#fafafa;overflow-x:auto;scrollbar-width:none}
.pd-tabs__list button{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-bottom:0;background:none;padding:12px 20px;font-size:14px;font-weight:500;text-transform:uppercase;white-space:nowrap;color:#555;margin-bottom:-1px}
.pd-tabs__list button:hover{color:var(--blue)}
.pd-tabs__list button[aria-selected="true"]{background:#fff;border-color:var(--line);color:var(--text);box-shadow:inset 0 3px 0 var(--blue)}
.pd-tabs__panel{padding:30px}
.pd-tabs__panel[hidden]{display:none}
.center{text-align:center;margin-left:auto!important;margin-right:auto!important;max-width:620px}
.entry__content .center{margin-top:0}
.bullets{margin:0 0 16px;padding-left:20px;list-style:disc}
.bullets li{margin:4px 0}
.note{background:#f5f8fb;border-left:3px solid var(--blue);padding:12px 16px;font-size:14px}
.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin:10px 0 20px}
.features-grid h3{margin-top:14px}
.features-grid p{font-size:15px}
.pd__bundle{margin:10px 0 20px;aspect-ratio:4/1}
.pd__bundle img,.pd__bundle .ph{width:100%;height:100%;object-fit:contain}
.title-line{display:flex;align-items:center;gap:20px;text-align:center;font-size:22px!important}
.title-line::before,.title-line::after{content:"";flex:1;height:1px;background:var(--line)}
.checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 24px;margin:0 0 10px}
.checklist li{position:relative;padding-left:28px;font-size:15px}
.checklist li::before{content:"";position:absolute;left:4px;top:6px;width:12px;height:7px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg)}
.sysreq{display:grid;grid-template-columns:100px 1fr;gap:10px 20px;font-size:15px;margin:0 0 30px}
.sysreq dt{font-weight:500}.sysreq dd{margin:0;color:#444}
.help-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.help-boxes a{display:flex;flex-direction:column;align-items:center;gap:12px;background:#f5f5f5;padding:24px 12px;color:var(--blue);text-align:center;font-weight:500;text-decoration:none!important}
.help-boxes .ico{font-size:38px;color:#333;stroke-width:1.3}
.help-boxes a:hover{background:var(--blue);color:#fff}
.help-boxes a:hover .ico{color:#fff}
.specs{min-width:0}
.bulk{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 30px;background:#f3f3f3;padding:26px 30px;margin-top:40px}
.bulk h2{margin:0 0 6px;font-size:22px;font-weight:500}
.bulk p{margin:0;font-size:14px}
.bulk__contact{display:flex;flex-direction:column;gap:8px}
.bulk__contact a{display:flex;align-items:center;gap:8px;color:var(--blue);font-weight:500}
.bulk__contact a:hover{text-decoration:underline}
/* Detail produktu – formulář přidání do košíku */
#pdForm {
display: flex !important;
flex-direction: column;
align-items: flex-start;
gap: 18px;
}
#pdForm > * {
grid-area: auto !important;
grid-column: auto !important;
grid-row: auto !important;
position: static !important;
margin: 0;
}
/* Varianty: popisek vlevo, možnosti vpravo vedle sebe */
#pdForm .pd__variants {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
}
#pdForm .variant {
display: grid;
grid-template-columns: 130px 1fr;
align-items: center;
gap: 12px;
}
#pdForm .variant__opts {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
#pdForm .pd__hint {
margin: 0;
font-size: .9rem;
}
#pdForm .pd__hint:empty {
display: none;
}
@media (max-width: 480px) {
#pdForm .variant {
grid-template-columns: 1fr;
gap: 6px;
}
}
/* =========================================================
KOŠÍK
========================================================= */
.shop{margin-top:50px}
.cart{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.cart[hidden],.cart-empty[hidden],.co-wrap[hidden],.co-done[hidden]{display:none}
.cart__main{border:1px solid var(--line)}
.cart-table{width:100%;border-collapse:collapse}
.cart-table thead th{background:var(--blue);color:#fff;font-family:var(--font-cond);font-weight:700;font-size:17px;text-transform:uppercase;padding:14px 12px;text-align:center}
.cart-table td{padding:18px 12px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.cart-table .c-img{width:110px;padding-left:24px}
.c-img a{display:block;width:80px;height:80px}
.c-img img,.c-img .ph{width:100%;height:100%;object-fit:contain;min-height:0;font-size:0;padding:0}
.cart-table .c-name{text-align:left;font-size:15px}
.c-name a:hover{color:var(--blue)}
.c-price,.c-total{color:var(--blue);font-weight:700;white-space:nowrap}
.cart-table .qty{height:40px;display:inline-flex}
.cart-table .qty input{width:50px}
.cart-table .qty__btns button{width:24px;font-size:14px}
.c-remove button{width:30px;height:30px;border:1px solid #bbb;border-radius:50%;background:#fff;color:#777;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.c-remove button:hover{border-color:#c62828;color:#c62828}
.c-lbl{display:none}
.cart__coupon{display:flex;flex-wrap:wrap;gap:10px;padding:24px 30px}
.cart__coupon input,.coupon-inline input{height:42px;border:1px solid #ccc;padding:0 14px;font:inherit;font-style:italic;min-width:0;width:220px}
.cart__coupon .form-msg{flex-basis:100%;margin:0}
.summary{background:#f3f3f3;padding:0 20px 20px}
.summary h2{margin:0 -20px;padding:18px 20px;font-size:17px;font-weight:500;text-transform:uppercase;border-bottom:1px solid #e3e3e3}
.summary__rows{margin:0 0 18px}
.summary__rows>div{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:16px 0;border-bottom:1px solid #e3e3e3;align-items:baseline}
.summary__rows>div[hidden]{display:none}
.summary__rows dt{font-weight:500;font-size:15px}
.summary__rows dd{margin:0;color:var(--blue);font-weight:700;font-size:16px}
.summary__rows .link-btn{font-size:12px;font-weight:400}
.summary__total dd strong{display:block;font-size:24px}
.summary__total small{color:var(--muted);font-weight:400;font-size:13px}
.summary__total small b{color:var(--blue)}
.summary .btn-block+.btn-block{margin-top:10px}
.summary__trust{margin-top:18px;display:grid;gap:8px;font-size:13px;color:#555}
.summary__trust li{display:flex;align-items:center;gap:8px}
.summary__trust .ico{color:var(--blue);font-size:16px}
.cart-empty,.co-done{text-align:center;border:1px dashed #cfcfcf;padding:60px 20px}
.cart-empty>.ico,.co-done>.ico{font-size:54px;color:#bbb;stroke-width:1.3}
.co-done>.ico{color:#4caf50}
.cart-empty h2,.co-done h2{margin:14px 0 8px;font-size:24px;font-weight:500}
.cart-empty p,.co-done p{margin:0 auto 22px;color:var(--muted);max-width:480px}
/* =========================================================
POKLADNA
========================================================= */
.notice{display:flex;align-items:center;gap:10px;background:#fff8d6;border:1px solid #f2dc7d;color:#8a6d00;padding:12px 16px;font-size:14px;margin-bottom:12px}
.notice a,.notice .link-btn{color:#8a6d00}
.coupon-inline{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:16px;border:1px solid var(--line)}
.coupon-inline[hidden]{display:none}
.coupon-inline .form-msg{flex-basis:100%;margin:0}
.co{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;align-items:start;margin-top:36px}
.co__title{margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:19px;font-weight:500;text-transform:uppercase}
.co__title:not(:first-child){margin-top:40px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.form-grid[hidden]{display:none}
.form-grid>.field,.field--full{grid-column:1/-1}
.form-grid>.field--half{grid-column:auto}
.co .field{margin-bottom:12px}
.co .field label{font-size:14px;font-weight:400}
.co .field input,.co .field select,.co .field textarea{width:100%;height:42px;border:1px solid #ccc;padding:0 12px;font:inherit;background:#fff;color:var(--text)}
.co .field textarea{height:auto;padding:10px 12px;resize:vertical}
.co .field input:focus,.co .field select:focus,.co .field textarea:focus,.phone:focus-within{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px rgba(10,134,201,.15)}
.req{color:#c62828}
.opt{color:var(--muted);font-size:13px}
.phone{display:flex;border:1px solid #ccc;background:#fff}
.phone select{border:0;border-right:1px solid #e0e0e0;background:#fafafa;padding:0 8px;font:inherit;height:40px}
.co .phone input{border:0;height:40px}
.co .phone input:focus{box-shadow:none}
.field__err{display:block;color:#c62828;font-size:12px;margin-top:4px}
.field__err:empty{display:none}
.field.is-invalid input,.field.is-invalid select,.field.is-invalid .phone{border-color:#c62828}
.co .field.is-invalid .phone input{border:0}
.co__hint{display:flex;align-items:center;gap:8px;margin:-2px 0 14px;font-size:13px;color:var(--muted)}
.co__hint .ico{color:var(--blue)}
.co__captcha{width:260px;height:56px;margin:4px 0 14px}
.co__captcha img,.co__captcha .ph{width:100%;height:100%;min-height:0;font-size:11px}
.check{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5;margin:6px 0;cursor:pointer}
.check input{margin-top:4px;flex-shrink:0;accent-color:var(--blue);width:15px;height:15px}
.check a{color:var(--blue)}
.co__side{position:sticky;top:20px}
.co__box{background:#f3f3f3;padding:22px 24px 24px}
.co__boxtitle{margin:0 0 14px;font-size:16px;font-weight:500;text-transform:uppercase}
.co-sum{width:100%;border-collapse:collapse;font-size:14px}
.co-sum th,.co-sum td{text-align:left;padding:10px 0;vertical-align:top}
.co-sum thead th{color:var(--blue);font-weight:500;text-transform:uppercase;border-bottom:1px solid #ddd}
.co-sum td:last-child,.co-sum th+td,.co-sum thead th:last-child{text-align:right}
.co-sum tbody td{border-bottom:1px solid #ddd}
.co-sum tbody b{white-space:nowrap}
.co-sum td:last-child{color:var(--blue);font-weight:700;white-space:nowrap;padding-left:10px}
.co-sum tfoot th{font-weight:400}
.co-sum tfoot tr[hidden]{display:none}
.co-sum__total th{font-weight:500!important;padding-top:14px}
.co-sum__total td{padding-top:14px}
.co-sum__total strong{display:block;font-size:22px}
.co-sum__total small{color:var(--muted);font-weight:400;font-size:12px}
.co-sum__total small b{color:var(--blue)}
.paym{border:0;border-top:1px solid #ddd;margin:14px 0 0;padding:14px 0 0}
.paym legend{font-weight:500;font-size:14px;padding:0;margin-bottom:6px;float:left;width:100%}
.paym__opt{display:grid;grid-template-columns:18px 1fr 44px;align-items:center;gap:8px;padding:7px 8px;margin:0 -8px;font-size:14px;cursor:pointer}
.paym__opt[hidden]{display:none}
.paym__opt:hover{background:#eaeaea}
.paym__opt:has(input:checked){background:#fff;box-shadow:inset 3px 0 0 var(--blue)}
.paym__opt input{margin:0;accent-color:var(--blue)}
.paym__opt img,.paym__opt .ph{width:44px;height:22px;min-height:0;object-fit:contain;font-size:0;padding:0}
.paym__more{font-size:13px;margin:6px 0 0}
.co__privacy{font-size:13px;line-height:1.6;color:#555;margin:16px 0 10px}
.co__privacy a{color:var(--blue)}
.co__side .field__err{margin:-2px 0 6px 23px}
.co__submit{margin-top:18px;padding:14px}
.co__err{text-align:center}
@media (max-width:1199px){
.posts--related{grid-template-columns:repeat(2,minmax(0,1fr))}
.posts--related>.post:nth-child(3){display:none}
.carousel--4{grid-auto-columns:calc((100% - 2*20px)/3)}
.co{grid-template-columns:minmax(0,1fr) 320px}
}
@media (max-width:991px){
.pd{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px}
.cart{grid-template-columns:1fr}
.co{grid-template-columns:1fr}
.co__side{position:static}
.toc ol{columns:1}
}
@media (max-width:767px){
.pd{grid-template-columns:1fr}
.pd__gallery{max-width:360px;width:100%;margin:0 auto}
.pick,.features-grid{grid-template-columns:1fr}
.help-boxes{grid-template-columns:1fr}
.help-boxes a{flex-direction:row;justify-content:center;padding:16px}
.help-boxes .ico{font-size:26px}
.pd-tabs__panel{padding:20px 16px}
.entry__cta{flex-direction:column;align-items:flex-start}
/* košík jako karty */
.cart-table thead{display:none}
.cart-table,.cart-table tbody{display:block}
.cart-table tr{display:grid;grid-template-columns:72px 1fr auto;grid-template-areas:"img name remove" "img price price" "qty qty total";gap:6px 12px;padding:16px;border-bottom:1px solid var(--line);align-items:center}
.cart-table td{padding:0;border:0;text-align:left}
.cart-table .c-img{grid-area:img;width:auto;padding:0;align-self:start}
.c-img a{width:72px;height:72px}
.c-name{grid-area:name}
.c-price{grid-area:price;font-size:14px}
.c-qty{grid-area:qty}
.c-total{grid-area:total;text-align:right;font-size:17px}
.c-remove{grid-area:remove;align-self:start}
.c-lbl{display:inline;color:var(--muted);font-weight:400;font-size:13px;margin-right:6px}
.cart__coupon{padding:16px}
.cart__coupon input{flex:1}
}
@media (max-width:640px){
.pagehead h1{font-size:16px}
.entry__perex{font-size:16px}
.entry__content{font-size:15px}
.entry__content h2{font-size:21px;margin-top:34px}
.posts--related{grid-template-columns:1fr}
.posts--related>.post:nth-child(3){display:flex}
.variant{grid-template-columns:1fr;gap:6px}
.pd__reset{margin-left:0}
.sysreq{grid-template-columns:1fr;gap:2px}
.sysreq dd{margin-bottom:10px}
.carousel--4{grid-auto-columns:calc((100% - 16px)/2)}
.prow__head h2{font-size:16px}
.prow__head::after{display:none}
.prow__head .tabs__nav{margin-left:auto}
.bulk{padding:22px 18px}
.form-grid{grid-template-columns:1fr}
.form-grid>.field--half{grid-column:1/-1}
.co__box{padding:18px 16px}
.coupon-inline input{flex:1}
.cart-empty,.co-done{padding:40px 16px}
}
.co .field .phone select{width:auto;flex:0 0 auto;height:40px;border:0;border-right:1px solid #e0e0e0;background:#fafafa;box-shadow:none;padding:0 6px}
.co .field .phone input{flex:1;min-width:0}
.nav__cart{white-space:nowrap}
@media (min-width:1200px){.nav__cart{width:auto;min-width:256px;padding:0 20px}}
@media (max-width:767px){
.cart__coupon input,.cart__coupon button{flex:1 1 100%;width:100%}
}
/* =========================================================
KATEGORIE / ZNAČKA
========================================================= */
.cat-intro h2{margin:0 0 12px;font-size:24px;font-weight:500}
.cat-intro p{margin:0 0 14px;font-size:15px;line-height:1.7;max-width:80ch}
.cat-intro a{color:var(--blue)}
.cat-intro a:hover{text-decoration:underline}
.cat-intro__note{color:#555;font-size:14px!important}
.usp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:4px 0 18px}
.usp li{display:flex;align-items:center;gap:10px;font-size:14px}
.usp .ico{flex-shrink:0;width:34px;height:34px;padding:7px;background:#e8f3fa;color:var(--blue);border-radius:50%}
.usp b{display:block}
.usp span{color:#555}
.btiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:22px 0 34px}
.btile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1px solid var(--line);background:#fff;font-size:13px;text-align:center;transition:border-color .15s}
.btile:hover{border-color:var(--blue);color:var(--blue)}
.btile__logo{display:block;width:100%;height:36px}
.btile__logo img,.btile__logo .ph{width:100%;height:100%;object-fit:contain;min-height:0;font-size:0;padding:0}
.ptoolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.ptoolbar__view{display:flex;gap:4px}
.vbtn{width:38px;height:38px;border:1px solid #d5d5d5;background:#fff;color:#555;display:flex;align-items:center;justify-content:center;font-size:17px}
.vbtn:hover{border-color:var(--blue);color:var(--blue)}
.vbtn[aria-pressed="true"]{border-color:var(--blue);color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.vbtn .ico{stroke-width:2}
.ptoolbar .sort select{height:38px}
.ptoolbar__count{margin:0 0 0 auto;font-size:14px;color:var(--muted)}
.ptoolbar__count b{color:var(--text)}
.ptoolbar__filter{display:none;gap:8px;padding:6px 14px;height:38px;border-width:1px}
.ptoolbar__filter .ico{font-size:16px}
.fbadge{background:var(--blue);color:#fff;border-radius:10px;min-width:20px;height:20px;padding:0 6px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font)}
.fbadge[hidden]{display:none}
.active-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.active-filters[hidden]{display:none}
.afilter{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--blue);background:#e8f3fa;color:var(--blue);padding:4px 10px;font-size:13px}
.afilter span{font-size:15px;line-height:1}
.afilter:hover{background:var(--blue);color:#fff}
.afilter--clear{border-color:transparent;background:none;color:var(--muted);text-decoration:underline}
.afilter--clear:hover{background:none;color:var(--text)}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 16px;margin-top:18px}
.pgrid .card[hidden]{display:none}
.card__meta{display:none}
/* seznam */
.pgrid--list{grid-template-columns:1fr;gap:0}
.pgrid--list .card{display:grid;grid-template-columns:130px minmax(0,1fr) auto;grid-template-areas:"media name price" "media meta btn";align-items:center;gap:4px 24px;padding:16px 0;border-bottom:1px solid var(--line);text-align:left}
.pgrid--list .card__media{grid-area:media}
.pgrid--list .card__name{grid-area:name;margin:0;font-size:16px;align-self:end}
.pgrid--list .card__meta{grid-area:meta;display:block;margin:0;font-size:13px;color:var(--muted);align-self:start}
.pgrid--list .card__price{grid-area:price;text-align:right;font-size:20px;align-self:end}
.pgrid--list .btn{grid-area:btn;margin:0;justify-self:end;align-self:start}
.pgrid--list .card__actions{top:6px;right:6px;gap:6px}
.pgrid--list .card__action{width:32px;height:32px;font-size:14px}
/* filtry */
.flist li{margin:2px 0}
.fcheck{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:4px 0;font-size:14px;cursor:pointer}
.fcheck input{accent-color:var(--blue);width:15px;height:15px;margin:0}
.fcheck:hover span:first-of-type{color:var(--blue)}
.fcount{color:var(--muted);font-size:13px}
.fcheck.is-empty{opacity:.45}
.scats a[aria-current="page"]{color:var(--blue);font-weight:500}
.range{position:relative;height:28px;margin:8px 4px}
.range__track{position:absolute;left:0;right:0;top:12px;height:4px;background:#ddd;border-radius:2px}
.range__fill{position:absolute;top:0;bottom:0;background:var(--blue);border-radius:2px;left:var(--a,0%);right:calc(100% - var(--b,100%))}
.range input{position:absolute;left:-2px;right:-2px;width:calc(100% + 4px);top:4px;height:20px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.range input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--blue);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.range input::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--blue);cursor:pointer}
.range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(10,134,201,.3)}
.range__label{margin:6px 0 0;font-size:14px}
.filters__head,.filters__foot,.filters__overlay{display:none}
/* SEO obsah pod výpisem */
.cat-seo{margin-top:60px;padding-top:10px;border-top:1px solid var(--line)}
.cmp--check td{text-align:center}
.cmp--check thead th:not(:first-child){text-align:center}
.cmp--check th small{display:block;color:var(--muted);font-weight:400;font-size:13px}
.yes,.no{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;font-weight:700;font-size:14px;border-radius:50%}
.yes{background:#e3f4e6;color:#2e7d32}
.no{background:#fde8e8;color:#c62828}
.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px 0 10px}
.review{margin:0;background:#fafafa;border:1px solid var(--line);padding:18px 20px}
.review blockquote{margin:6px 0 10px;font-size:15px;font-style:italic;line-height:1.55}
.review figcaption{font-size:13px;color:var(--muted)}
.stars{color:#f6b800;letter-spacing:2px;font-size:15px}
.review--badges{display:flex;align-items:center;justify-content:center;gap:16px}
.review--badges img,.review--badges .ph{width:80px;height:80px;min-height:0;object-fit:contain;font-size:10px;padding:2px}
.cta-contact{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.cta-contact a{display:flex;align-items:center;gap:8px;color:#fff;font-weight:500}
.cta-contact a:hover{color:#7fc8ef}
.cta-contact .ico{color:#7fc8ef}
/* =========================================================
404
========================================================= */
.err404{text-align:center;padding:60px 15px 80px;max-width:680px}
.err404 .err404__code{margin:0 auto;max-width:none;font-family:var(--font-cond);font-weight:700;font-size:clamp(110px,22vw,190px);line-height:1;color:var(--blue);letter-spacing:4px}
.err404 h1{margin:14px 0 12px;font-size:clamp(22px,4vw,30px);font-weight:700;font-family:var(--font-cond);text-transform:uppercase}
.err404>p{margin:0 auto 26px;color:#444;font-size:15px;max-width:520px}
.err404__search{max-width:560px;margin:0 auto 22px}
.err404__search input{height:48px;font-size:15px}
.err404__search button{height:48px;width:56px}
.err404__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:30px}
.err404__links a{border:1px solid var(--line);padding:6px 14px;font-size:14px}
.err404__links a:hover{border-color:var(--blue);color:var(--blue)}
/* =========================================================
OBECNÁ STRÁNKA – typografie
========================================================= */
.prose h2:first-of-type{margin-top:10px}
.prose h4{font-size:16px;font-weight:700;margin:22px 0 6px}
.prose ul,.prose ol{margin:0 0 18px;padding-left:24px;max-width:75ch}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin:4px 0;padding-left:4px}
.prose li::marker{color:var(--blue)}
.prose blockquote{margin:24px 0;padding:16px 22px;border-left:4px solid var(--blue);background:#f5f8fb;font-size:17px;color:#333}
.prose blockquote p{margin:0}
.prose table{margin:10px 0 24px;border:1px solid var(--line)}
.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.prose small{color:var(--muted);font-size:13px}
/* =========================================================
ZAPOMENUTÉ HESLO
========================================================= */
.authpage{display:flex;justify-content:center;padding-top:50px;padding-bottom:20px}
.authcard{width:100%;max-width:460px;border:1px solid var(--line);border-top:3px solid var(--blue);padding:34px 36px;text-align:center;outline:0}
.authcard[hidden]{display:none}
.authcard__ico{font-size:44px;color:var(--blue);stroke-width:1.4}
.authcard__ico--ok{color:#2e7d32}
.authcard h2{margin:12px 0 10px;font-family:var(--font-cond);font-size:26px}
.authcard>p{margin:0 0 22px;color:#555;font-size:15px}
.authcard form{text-align:left}
.authcard .field input{height:46px}
.authcard__alt{margin:20px 0 0!important;font-size:14px}
.authcard__alt a{color:var(--blue)}
.authcard__small{font-size:13px!important}
.field__hint{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.field.is-invalid input{border-color:#c62828}
.pwmeter{height:4px;background:#e5e5e5;margin-top:6px}
.pwmeter span{display:block;height:100%;width:0;background:#c62828;transition:width .2s,background-color .2s}
/* =========================================================
MŮJ ÚČET
========================================================= */
.account{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;margin-top:50px;align-items:start}
.acc-nav{display:flex;flex-direction:column;gap:8px;position:sticky;top:20px}
.acc-nav__link{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:13px 18px;font-size:15px;background:#fff}
.acc-nav__link .ico{color:#888}
.acc-nav__link:hover{border-color:var(--blue);color:var(--blue)}
.acc-nav__link[aria-current="page"]{background:var(--blue);border-color:var(--blue);color:#fff}
.acc-nav__link[aria-current="page"] .ico{color:#fff}
.acc-nav__logout{margin-top:10px;color:var(--muted)}
.acc-panel[hidden]{display:none}
.acc-panel>h2{margin:0 0 6px;font-size:24px;font-weight:500}
.acc-panel>p{font-size:15px;line-height:1.7;max-width:75ch}
.acc-panel a:not([class]){color:var(--blue)}
.acc-panel a:not([class]):hover{text-decoration:underline}
.acc-panel h3{font-size:17px;font-weight:500;margin:30px 0 10px}
.acc-lead{margin:0 0 22px!important;color:var(--muted)}
.acc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.acc-stat{border:1px solid var(--line);border-left:3px solid var(--blue);padding:16px 18px;display:flex;flex-direction:column}
.acc-stat b{font-family:var(--font-cond);font-size:32px;line-height:1;color:var(--blue)}
.acc-stat span{font-size:14px;color:#555;margin-top:4px}
.acc-stat:hover{background:#f7fafc}
.acc-stat--warn{border-left-color:#f6b800}
.acc-stat--warn b{color:#b98700}
.acc-last{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;background:#f7f7f7;padding:16px 20px;font-size:14px}
.status{display:inline-block;font-size:12px;font-weight:500;padding:2px 10px;border-radius:10px;margin-left:6px}
.status--done{background:#e3f4e6;color:#2e7d32}
.status--pending{background:#fff4d1;color:#8a6d00}
.btn-sm{padding:6px 12px;font-size:13px;gap:6px}
.btn-sm.btn-outline{border-width:1px}
.acc-table-wrap{border:0}
.acc-table{width:100%;border-collapse:collapse;font-size:14px}
.acc-table th{background:var(--blue);color:#fff;text-align:left;font-weight:500;padding:12px 14px}
.acc-table td{padding:14px;border-bottom:1px solid var(--line)}
.acc-table td small{display:block;color:var(--muted);font-size:12px}
.acc-table .status{margin-left:0}
.acc-actions{text-align:right;white-space:nowrap}
.acc-actions>*+*{margin-left:6px}
.order-detail td{background:#fafafa;padding:0 14px}
.order-detail[hidden]{display:none}
.order-items{padding:10px 0}
.order-items li{display:flex;justify-content:space-between;gap:20px;padding:6px 0}
.order-items li+li{border-top:1px dashed #ddd}
.lics{border-top:1px solid var(--line)}
.lic{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px 24px;padding:16px 0;border-bottom:1px solid var(--line)}
.lic__info b{display:block;font-weight:500}
.lic__info small{color:var(--muted);font-size:12px}
.lic__key{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lic__key code{font-family:ui-monospace,Consolas,monospace;background:#f3f3f3;padding:6px 10px;font-size:13px;letter-spacing:.5px}
.addr{border:1px solid var(--line);padding:20px 24px;max-width:420px}
.addr h3{margin:0 0 10px}
.addr address{font-style:normal;line-height:1.7;margin-bottom:14px;font-size:15px}
.addr[hidden],.acc-form[hidden]{display:none}
.acc-form{max-width:640px}
.acc-form .field{margin-bottom:12px}
.acc-form .field input{height:42px}
.acc-form__btns{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px}
.acc-form__btns .form-msg{margin:0}
.acc-fieldset{border:1px solid var(--line);padding:16px 20px 6px;margin:14px 0 6px}
.acc-fieldset legend{font-weight:500;padding:0 6px}
.acc-fieldset .field__hint{margin:0 0 12px}
@media (max-width:1199px){
.btiles{grid-template-columns:repeat(4,minmax(0,1fr))}
.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:991px){
/* filtry jako vysouvací panel */
.shop-layout .shop-side{position:fixed;inset:0 auto 0 0;z-index:90;width:min(340px,88vw);margin:0;background:#fff;overflow-y:auto;display:block;padding:0 16px;transform:translateX(-100%);transition:transform .25s;box-shadow:4px 0 24px rgba(0,0,0,.2)}
.shop-layout .shop-side.is-open{transform:none}
.shop-layout .shop-side .sbox--cats{display:block}
.shop-layout .shop-side .sbox--pay{display:none}
.shop-layout .sbox{margin-bottom:16px}
.filters__head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;padding:14px 0;z-index:1;border-bottom:1px solid var(--line);margin-bottom:16px}
.filters__head h2{margin:0;font-size:18px;font-weight:500}
.filters__close{width:36px;height:36px;border:0;background:#f0f0f0;font-size:22px}
.filters__foot{display:block;position:sticky;bottom:0;background:#fff;padding:12px 0 16px;border-top:1px solid var(--line)}
.filters__overlay{display:block;position:fixed;inset:0;z-index:89;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .25s}
.filters__overlay.is-open{opacity:1;visibility:visible}
.ptoolbar__filter{display:inline-flex}
.account{grid-template-columns:1fr;gap:24px;margin-top:30px}
.acc-nav{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:6px;margin:0 -15px;padding:0 15px 4px}
.acc-nav::-webkit-scrollbar{display:none}
.acc-nav__link{white-space:nowrap;padding:10px 14px;font-size:14px}
.acc-nav__logout{margin-top:0}
.reviews{grid-template-columns:1fr 1fr}
.review--badges{grid-column:1/-1}
}
@media (max-width:640px){
.btiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.btile{font-size:12px;padding:10px 4px}
.usp{grid-template-columns:1fr}
.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
.ptoolbar .sort{flex:1}
.ptoolbar .sort select{width:100%}
.ptoolbar__count{flex-basis:100%;margin:0;order:5}
.pgrid--list .card{grid-template-columns:90px minmax(0,1fr);grid-template-areas:"media name" "media meta" "media price" "media btn";gap:2px 14px}
.pgrid--list .card__price{text-align:left;font-size:17px}
.pgrid--list .btn{justify-self:start;margin-top:6px}
.pgrid--list .card__actions{display:none}
.cat-intro h2{font-size:20px}
.reviews{grid-template-columns:1fr}
.authcard{padding:26px 18px;border-left:0;border-right:0}
.authpage{padding-top:24px;padding-left:0;padding-right:0}
.acc-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}
.acc-stat{padding:12px}
.acc-stat b{font-size:24px}
.acc-stat span{font-size:12px}
.acc-table thead{display:none}
.acc-table,.acc-table tbody,.acc-table tr,.acc-table td{display:block}
.acc-table tr:not(.order-detail){border:1px solid var(--line);margin-bottom:10px;padding:6px 0}
.acc-table td{border:0;padding:6px 14px;display:flex;justify-content:space-between;gap:10px}
.acc-table td::before{content:attr(data-label);color:var(--muted)}
.acc-table td small{display:inline;margin-left:4px}
.acc-actions{justify-content:flex-end!important}
.acc-actions::before{content:none!important}
.order-detail{margin:-10px 0 10px}
.order-detail td{display:block}
.lic{grid-template-columns:1fr}
.acc-form.form-grid{grid-template-columns:1fr}
}
@media (max-width:1199px){.pgrid.pgrid--list{grid-template-columns:1fr}}
@media (max-width:640px){
.btiles{display:flex;overflow-x:auto;scrollbar-width:none;margin:16px -15px 26px;padding:0 15px 4px;scroll-snap-type:x proximity}
.btiles::-webkit-scrollbar{display:none}
.btile{flex:0 0 104px;scroll-snap-align:start}
}
/**
* Doplňkové styly pro katalog kategorie:
* - funkční dvojitý cenový posuvník (dva překryté )
* - řádkové zobrazení produktů (data-view="list")
*
* Nahraj vedle style.css a načti přes wp_enqueue_style (viz functions.php).
*/
/* ---------------------------------------------------------
CENOVÝ POSUVNÍK (#priceRange)
Trik: oba leží přes sebe. Táhnout jde jen
za "kuličku" (thumb) - zbytek pruhu propouští klik na spodní vrstvu.
--------------------------------------------------------- */
.range {
position: relative;
height: 24px;
margin: 12px 0;
}
.range__track {
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 4px;
background: #e2e2e2;
border-radius: 2px;
transform: translateY(-50%);
}
.range__fill {
position: absolute;
top: 50%;
height: 4px;
background: #1e73be;
border-radius: 2px;
transform: translateY(-50%);
}
.range input[type="range"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
background: transparent;
-webkit-appearance: none;
appearance: none;
pointer-events: none; /* propustí klik dál, jen thumb bude klikací */
}
.range input[type="range"]::-webkit-slider-runnable-track {
-webkit-appearance: none;
background: transparent;
}
.range input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
pointer-events: auto; /* thumb je klikací/tažitelný */
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff;
border: 2px solid #1e73be;
cursor: pointer;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
margin-top: 0;
}
.range input[type="range"]::-moz-range-track {
background: transparent;
border: none;
}
.range input[type="range"]::-moz-range-thumb {
pointer-events: auto;
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff;
border: 2px solid #1e73be;
cursor: pointer;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
/* ---------------------------------------------------------
ŘÁDKOVÉ ZOBRAZENÍ (.catalog[data-view="list"])
--------------------------------------------------------- */
.catalog[data-view="list"] .pgrid {
display: flex;
flex-direction: column;
gap: 12px;
}
.catalog[data-view="list"] .pgrid .card {
display: grid;
grid-template-columns: 120px 1fr auto;
align-items: center;
gap: 16px;
text-align: left;
}
.catalog[data-view="list"] .pgrid .card .card__media {
grid-row: 1 / span 3;
}
.catalog[data-view="list"] .pgrid .card .card__name,
.catalog[data-view="list"] .pgrid .card .card__meta,
.catalog[data-view="list"] .pgrid .card .card__price {
grid-column: 2;
}
.catalog[data-view="list"] .pgrid .card .btn {
grid-column: 3;
grid-row: 1 / span 3;
align-self: center;
}
@media (max-width: 640px) {
.catalog[data-view="list"] .pgrid .card {
grid-template-columns: 90px 1fr;
}
.catalog[data-view="list"] .pgrid .card .btn {
grid-column: 2;
grid-row: auto;
justify-self: start;
}
}
/**
* Stylování reálného WooCommerce checkout formuláře (pokladna.php).
*
* WooCommerce vykresluje pole se svými vlastními třídami (form-row,
* input-text, wc_payment_methods...), ne s .field/.form-grid z návrhu -
* tento soubor jim dává vizuální podobu odpovídající zbytku webu.
*/
/* ---------------------------------------------------------
ZÁKLADNÍ ROZLOŽENÍ (dva sloupce: formulář + shrnutí objednávky)
--------------------------------------------------------- */
.co {
display: grid;
grid-template-columns: 1fr 380px;
gap: 32px;
align-items: start;
}
@media (max-width: 900px) {
.co {
grid-template-columns: 1fr;
}
}
.co__title {
font-size: 1.3rem;
font-weight: 700;
margin: 0 0 16px;
padding-bottom: 8px;
border-bottom: 2px solid #1e73be;
}
/* Skryjeme duplicitní nadpis, který si WooCommerce generuje samo
(Fakturační údaje / Fakturace a doručení) u prvního bloku - necháváme
jen náš vlastní .co__title nahoře. */
.woocommerce-billing-fields > h3:first-child {
font-size: 1.1rem;
font-weight: 600;
margin: 24px 0 16px;
}
.woocommerce-shipping-fields > h3,
.woocommerce-additional-fields > h3 {
font-size: 1.1rem;
font-weight: 600;
margin: 24px 0 16px;
}
/* ---------------------------------------------------------
POLE FORMULÁŘE (form-row / form-row-first / form-row-last)
--------------------------------------------------------- */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields {
display: flex;
flex-wrap: wrap;
gap: 0 16px;
}
.form-row {
width: 100%;
margin-bottom: 16px;
}
.form-row-first,
.form-row-last {
width: calc(50% - 8px);
}
@media (max-width: 480px) {
.form-row-first,
.form-row-last {
width: 100%;
}
}
.form-row label {
display: block;
margin-bottom: 6px;
font-weight: 500;
font-size: 0.9rem;
}
.form-row label .required {
color: #d32f2f;
text-decoration: none;
}
.form-row label .optional {
color: #888;
font-weight: 400;
font-size: 0.85rem;
}
.form-row input.input-text,
.form-row select,
.form-row textarea,
#order_comments {
width: 100%;
padding: 10px 12px;
border: 1px solid #d5d5d5;
border-radius: 6px;
font-size: 0.95rem;
font-family: inherit;
background: #fff;
transition: border-color 0.15s ease;
}
/* Pokladna – Další informace / Poznámky k objednávce */
.co .woocommerce-additional-fields {
display: block;
width: 100%;
}
.co .woocommerce-additional-fields h3 {
margin-bottom: 12px;
}
.co .woocommerce-additional-fields__field-wrapper,
.co #order_comments_field,
.co #order_comments_field .woocommerce-input-wrapper {
display: block;
width: 100%;
}
.co #order_comments {
width: 100%;
min-height: 140px;
resize: vertical;
}
.form-row input.input-text:focus,
.form-row select:focus,
.form-row textarea:focus,
#order_comments:focus {
outline: none;
border-color: #1e73be;
box-shadow: 0 0 0 3px rgba(30, 115, 190, 0.12);
}
.form-row.woocommerce-invalid input.input-text,
.form-row.woocommerce-invalid select {
border-color: #d32f2f;
}
.form-row .woocommerce-invalid-required-field-error,
.form-row span[class*="required-field"] {
color: #d32f2f;
font-size: 0.85rem;
display: block;
margin-top: 4px;
}
/* Select2 country dropdown (pokud je aktivní) */
.select2-container .select2-selection--single {
height: 42px !important;
border: 1px solid #d5d5d5 !important;
border-radius: 6px !important;
padding-top: 4px;
}
/* Checkboxy (newsletter, "Založit účet?", ...) */
.woocommerce-additional-fields .checkbox,
.woocommerce-form__label-for-checkbox {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 0.9rem;
font-weight: 400;
cursor: pointer;
}
.woocommerce-additional-fields .checkbox input,
.woocommerce-form__label-for-checkbox input {
margin-top: 3px;
}
/* ---------------------------------------------------------
NOTICE (vracející se zákazník, chybové/úspěšné hlášky)
--------------------------------------------------------- */
/* Skrytí výchozí ikony WooCommerce u hlášek (slevový kód, info, chyby) */
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
content: none !important;
display: none !important;
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
padding-left: 18px !important;
}
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-info {
list-style: none;
background: #eef6ff;
border: 1px solid #cfe4fa;
border-radius: 8px;
padding: 14px 18px;
margin: 0 0 16px;
font-size: 0.92rem;
}
.woocommerce-notices-wrapper .woocommerce-error {
background: #fdeceb;
border-color: #f5c6c2;
color: #8a2b23;
}
.woocommerce-form-login-toggle a,
.woocommerce-form-coupon-toggle a,
.showcoupon {
color: #1e73be;
font-weight: 600;
text-decoration: underline;
cursor: pointer;
background: none;
border: none;
padding: 0;
}
.woocommerce-form-login,
.woocommerce-form-coupon {
background: #f7f8fa;
border: 1px solid #e2e2e2;
border-radius: 8px;
padding: 20px;
margin-bottom: 16px;
}
.woocommerce-form-login .form-row,
.woocommerce-form-coupon .form-row {
width: 100%;
}
.woocommerce-form-login .button,
.woocommerce-form-coupon .button,
.woocommerce-form-login__submit,
.woocommerce-form-coupon__submit {
background: #1e1e1e;
color: #fff;
border: none;
border-radius: 6px;
padding: 10px 20px;
font-weight: 600;
cursor: pointer;
}
/* ---------------------------------------------------------
SHRNUTÍ OBJEDNÁVKY (order_review)
--------------------------------------------------------- */
.co__box {
background: #f7f8fa;
border: 1px solid #e2e2e2;
border-radius: 10px;
padding: 20px;
}
.co__boxtitle {
font-size: 1.15rem;
font-weight: 700;
margin: 0 0 16px;
}
table.shop_table.woocommerce-checkout-review-order-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
font-size: 0.92rem;
}
table.shop_table.woocommerce-checkout-review-order-table thead th {
text-align: left;
font-weight: 600;
padding: 8px 0;
border-bottom: 2px solid #e2e2e2;
}
table.shop_table.woocommerce-checkout-review-order-table td,
table.shop_table.woocommerce-checkout-review-order-table th {
padding: 10px 0;
border-bottom: 1px solid #e2e2e2;
text-align: left;
}
table.shop_table.woocommerce-checkout-review-order-table .product-total,
table.shop_table.woocommerce-checkout-review-order-table td:last-child {
text-align: right;
}
table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total th,
table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total td {
font-size: 1.05rem;
font-weight: 700;
border-bottom: none;
}
table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total small {
display: block;
font-weight: 400;
font-size: 0.8rem;
color: #666;
}
/* ---------------------------------------------------------
PLATEBNÍ METODY
--------------------------------------------------------- */
#payment {
background: transparent;
}
ul.wc_payment_methods {
list-style: none;
margin: 0 0 16px;
padding: 0;
}
ul.wc_payment_methods li.wc_payment_method {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 10px;
border: 1px solid #e2e2e2;
border-radius: 8px;
margin-bottom: 8px;
overflow: hidden;
background: #fff;
padding: 12px 14px;
}
ul.wc_payment_methods li.wc_payment_method input.input-radio {
width: 18px;
height: 18px;
margin-top: 2px;
accent-color: #1e73be;
flex-shrink: 0;
}
ul.wc_payment_methods li.wc_payment_method > label {
display: grid;
grid-template-columns: 1fr 64px;
align-items: center;
column-gap: 12px;
flex: 1;
margin: 0;
cursor: pointer;
font-weight: 500;
font-size: 0.92rem;
line-height: 1.3;
}
ul.wc_payment_methods li.wc_payment_method > label img {
grid-column: 2;
justify-self: end;
max-width: 56px;
max-height: 24px;
width: auto;
height: auto;
object-fit: contain;
}
ul.wc_payment_methods li.wc_payment_method .payment_box {
flex-basis: 100%;
padding: 14px;
background: #f7f8fa;
border-top: 1px solid #e2e2e2;
font-size: 0.88rem;
margin: 0 -14px -12px;
padding-left: 42px;
}
/* ---------------------------------------------------------
SOUHLAS S PODMÍNKAMI A TLAČÍTKO ODESLAT
--------------------------------------------------------- */
.woocommerce-terms-and-conditions-wrapper {
margin: 16px 0;
font-size: 0.88rem;
}
.woocommerce-terms-and-conditions-wrapper a {
color: #1e73be;
text-decoration: underline;
}
#place_order {
width: 100%;
background: #1e1e1e;
color: #fff;
border: none;
border-radius: 8px;
padding: 14px 20px;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: background 0.15s ease;
}
#place_order:hover {
background: #333;
}
#place_order:disabled {
opacity: 0.6;
cursor: not-allowed;
}
/* ---------------------------------------------------------
NAČÍTÁNÍ (blockUI overlay při AJAX přepočtu)
--------------------------------------------------------- */
.blockUI.blockOverlay {
position: relative;
}
.blockUI.blockOverlay::after {
content: "";
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0.6);
z-index: 1;
}
/* ---------------------------------------------------------
DĚKOVACÍ STRÁNKA (objednávka přijata)
--------------------------------------------------------- */
.co-done {
max-width: 560px;
margin: 40px auto;
text-align: center;
padding: 32px;
background: #f7f8fa;
border-radius: 12px;
}
.co-done .ico {
width: 48px;
height: 48px;
color: #2e9e5b;
margin-bottom: 12px;
}
.co-done h2 {
font-size: 1.4rem;
margin-bottom: 12px;
}
.co-done p {
margin-bottom: 20px;
color: #444;
}
/**
* Rotující pás log značek (Úvod) - .brands--marquee
* Loga se plynule posouvají zprava doleva na jednom řádku a nekonečně
* se opakují. Obsah je v uvod.php vykreslený dvakrát za sebou, animace
* posune pás přesně o polovinu jeho šířky, takže "šev" není vidět.
*/
.brands--marquee {
overflow: hidden;
white-space: nowrap;
-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
}
.brands--marquee .brands__track {
display: inline-flex;
align-items: center;
gap: 56px;
width: max-content;
animation: alas-brands-scroll 30s linear infinite;
}
.brands--marquee .brands__track a {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
}
.brands--marquee .brands__track img {
display: block;
max-height: 60px;
width: auto;
opacity: 0.75;
transition: filter 0.15s ease, opacity 0.15s ease;
}
.brands--marquee .brands__track a:hover img {
filter: grayscale(0);
opacity: 1;
}
/* Zastavit animaci při najetí myší nebo focusu (klávesnicí) */
.brands--marquee:hover .brands__track,
.brands--marquee:focus-within .brands__track {
animation-play-state: paused;
}
/* Lidem, kteří v systému preferují omezené animace, pás jen zobrazíme bez pohybu */
@media (prefers-reduced-motion: reduce) {
.brands--marquee .brands__track {
animation: none;
}
}
@keyframes alas-brands-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
/* =========================================================
MINI KOŠÍK V HLAVIČCE
========================================================= */
.nav__cart-wrap{
position:relative;
width:256px;
flex-shrink:0;
}
.nav__cart-wrap .nav__cart{
width:100%;
height:60px;
}
.nav__cart-dropdown{
position:absolute;
top:100%;
right:0;
width:330px;
background:#fff;
color:#222;
z-index:1000;
opacity:0;
visibility:hidden;
transform:translateY(5px);
box-shadow:0 5px 18px rgba(0,0,0,.18);
border:1px solid #e5e5e5;
transition:
opacity .18s ease,
transform .18s ease,
visibility .18s;
}
/* Zobrazení po najetí */
.nav__cart-wrap:hover .nav__cart-dropdown,
.nav__cart-wrap:focus-within .nav__cart-dropdown{
opacity:1;
visibility:visible;
transform:translateY(0);
}
/* PRODUKTY
--------------------------------------------------------- */
.nav__cart-dropdown .woocommerce-mini-cart{
margin:0;
padding:0;
list-style:none;
}
.nav__cart-dropdown .woocommerce-mini-cart-item{
position:relative;
min-height:100px;
padding:20px 35px 20px 20px;
border-bottom:1px solid #e8e8e8;
}
.nav__cart-dropdown .woocommerce-mini-cart-item > a:not(.remove){
display:block;
font-size:15px;
line-height:1.35;
font-weight:400;
color:#222;
}
.nav__cart-dropdown .woocommerce-mini-cart-item img{
width:65px;
height:65px;
object-fit:contain;
float:left;
margin:0 15px 5px 0;
}
/* KŘÍŽEK */
.nav__cart-dropdown .remove_from_cart_button{
position:absolute;
top:18px;
right:15px;
width:20px;
height:20px;
border:1px solid #aaa;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
line-height:1;
color:#777 !important;
background:#fff;
}
.nav__cart-dropdown .remove_from_cart_button:hover{
background:#eee;
color:#222 !important;
}
/* MNOŽSTVÍ + CENA */
.nav__cart-dropdown .quantity{
display:block;
margin-top:5px;
font-size:14px;
}
.nav__cart-dropdown .quantity .woocommerce-Price-amount{
color:var(--blue);
font-weight:700;
}
/* MEZISOUČET
--------------------------------------------------------- */
.nav__cart-dropdown .woocommerce-mini-cart__total{
display:flex;
justify-content:space-between;
align-items:center;
margin:0;
padding:18px 20px;
border-bottom:1px solid #e8e8e8;
font-size:18px;
}
.nav__cart-dropdown .woocommerce-mini-cart__total strong{
font-weight:500;
}
.nav__cart-dropdown .woocommerce-mini-cart__total .woocommerce-Price-amount{
color:var(--blue);
font-size:20px;
font-weight:700;
}
/* TLAČÍTKA
--------------------------------------------------------- */
.nav__cart-dropdown .woocommerce-mini-cart__buttons{
display:grid;
gap:10px;
margin:0;
padding:0 20px 20px;
}
.nav__cart-dropdown .woocommerce-mini-cart__buttons a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:44px;
margin:0;
padding:0 15px;
border:2px solid var(--blue);
background:#fff;
color:var(--blue);
font-size:15px;
font-weight:500;
text-transform:uppercase;
transition:.15s ease;
}
.nav__cart-dropdown .woocommerce-mini-cart__buttons a:hover{
background:var(--blue);
color:#fff;
}
/* POKLADNA */
.nav__cart-dropdown .woocommerce-mini-cart__buttons .checkout{
border-color:#333;
color:#222;
}
.nav__cart-dropdown .woocommerce-mini-cart__buttons .checkout:hover{
background:#333;
color:#fff;
}
/* PRÁZDNÝ KOŠÍK */
.nav__cart-dropdown .woocommerce-mini-cart__empty-message{
margin:0;
padding:25px;
text-align:center;
color:#777;
}
/* RESPONZIVITA */
@media (max-width:1199px){
.nav__cart-wrap{
width:auto;
margin-left:auto;
}
.nav__cart-wrap .nav__cart{
width:auto;
padding:0 20px;
}
}
@media (max-width:991px){
.nav__cart-wrap .nav__cart{
height:52px;
}
}
@media (max-width:640px){
.nav__cart-dropdown{
width:300px;
right:0;
}
}