:root{--ink:#2b2b2b;--accent:#ffec00;--line:#e2e2e2;--bar:#f5f5f5}
.lsh,.lsh *{box-sizing:border-box}
.lsh{position:relative;z-index:50;background:#fff;color:var(--ink);
font:400 15px/1.4 Inter,system-ui,-apple-system,Arial,sans-serif}
.lsh a{color:inherit;text-decoration:none}
.lsh svg{flex:none}
.lsh__in{max-width:1440px;margin:0 auto;padding:0 24px;display:flex;align-items:center}

.lsh__top{background:var(--bar);border-bottom:1px solid var(--line);font-size:14px}
.lsh__top .lsh__in{min-height:46px;justify-content:space-between;gap:20px}
.lsh__links{display:flex;gap:32px}
.lsh__acc{display:flex;gap:26px}
.lsh__acc a,.lsh__links a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.lsh__links a:hover,.lsh__acc a:hover{color:#000}

.lsh__main{min-height:100px;gap:32px}
.lsh__logo{flex:none;display:flex;align-items:center}
.lsh__logo img{height:60px;width:auto;max-width:230px;object-fit:contain;display:block}
.lsh__search{flex:1;max-width:640px;display:flex;align-items:center;height:48px;
border:1px solid var(--line);border-radius:4px;padding:0 4px 0 18px;background:#fff}
.lsh__search input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;color:inherit}
.lsh__search input::placeholder{color:#8a8a8a}
.lsh__search button{border:0;background:none;color:inherit;cursor:pointer;padding:8px 12px;line-height:0}
.lsh__phone{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;white-space:nowrap}
.lsh__cart{display:inline-flex;align-items:center;gap:12px;font-weight:700;white-space:nowrap;margin-left:auto}
.lsh__bag{position:relative;display:inline-flex;line-height:0}
.lsh__bag i{position:absolute;right:-7px;bottom:-5px;min-width:18px;height:18px;padding:0 4px;
background:var(--accent);color:#000;border-radius:50%;font:700 11px/18px Inter,sans-serif;
font-style:normal;text-align:center}

.lsh__nav{background:var(--ink);position:relative}
.lsh__nav ul{list-style:none;margin:0;padding-left:24px;padding-right:24px;min-height:62px;
flex-wrap:nowrap;overflow:hidden}
.lsh__nav li{position:static}
.lsh__nav a{display:flex;align-items:center;gap:7px;padding:12px 15px;color:#fff;
font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.lsh__nav a:hover,.lsh__nav .is-active > a{color:var(--accent)}

.lsh__nav > ul > li:first-child{margin-left:auto}
.lsh__more{margin-left:auto}

.lsh__nav > ul.lsh__in::before{content:"";flex:0 0 auto;width:var(--ls-more,0px)}
.lsh__nav > ul.is-measuring::before{width:0}

.lsh__nav > ul.lsh__in{max-width:1760px;margin-inline:auto}

.lsh__nav > ul.is-measuring > li:first-child{margin-left:0}
@media(min-width:1440px){
  .lsh__nav a{padding-left:9px;padding-right:9px;letter-spacing:.015em;font-size:13.5px}
}
@media(min-width:1800px){
  .lsh__nav > ul.lsh__in{max-width:1880px}
}
.lsh__burger{display:none;margin-left:auto;border:0;background:none;color:inherit;cursor:pointer;padding:10px}

.lsh__mega{position:absolute;left:0;right:0;top:100%;display:none;z-index:60;
background:#fff;border-top:1px solid var(--line);box-shadow:0 10px 26px rgba(0,0,0,.16)}

.lsh__nav li.is-open > .lsh__mega{display:block}
.lsh__nav li.is-open > a{background:#fff;color:var(--ink)}
.lsh__mega-in{max-width:1760px;margin:0 auto;padding:26px 24px;
display:grid;grid-template-columns:repeat(4,1fr);gap:14px 28px}

.lsh__nav .lsh__sub{display:flex;align-items:center;gap:14px;padding:6px 0;color:var(--ink);
font-weight:400;font-size:15px;text-transform:none;letter-spacing:0}
.lsh__nav .lsh__sub:hover{color:#000;text-decoration:underline}
.lsh__thumb{width:74px;height:48px;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden}
.lsh__thumb img{max-width:100%;max-height:100%;object-fit:contain}

.lsh__nav li.is-hidden{display:none}
.lsh__nav .lsh__infoitem{display:none}
.lsh__more > .lsh__mega{left:auto;right:0;width:min(460px,92vw)}
.lsh__more .lsh__mega-in{grid-template-columns:1fr;gap:2px;padding:16px 20px}
.lsh__more .lsh__thumb:empty{display:none}
.lsh__grp{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
color:#8a8a8a;padding:12px 0 6px;border-top:1px solid var(--line);margin-top:8px}
.lsh__grp:first-child{border-top:0;margin-top:0;padding-top:0}

:root{--m-blue:#0C2B92;--m-yellow:#FFE600;--m-bg:#2A2A2A;--m-bg2:#1E1E1E;--m-txt:#FFFFFF;--m-txt2:#B0B0B0}

.lsh.is-collapsed .lsh__burger{display:inline-flex;order:3}
.lsh.is-collapsed .lsh__nav{display:none}
.lsh.is-collapsed .lsh__nav.is-open{display:block}
.lsh.is-collapsed .lsh__nav ul{flex-direction:column;align-items:stretch;flex-wrap:wrap;
overflow:visible;min-height:0;padding:8px 0}
.lsh.is-collapsed .lsh__nav > ul > li:first-child{margin-left:0}
.lsh.is-collapsed .lsh__nav a{padding:13px 24px;white-space:normal}
.lsh.is-collapsed .lsh__more{display:none}
.lsh.is-collapsed .lsh__nav li.is-hidden{display:block}
.lsh.is-collapsed .lsh__nav .lsh__infoitem{display:block}

.lsh.is-collapsed .lsh__nav,
.lsh.is-collapsed .lsh__nav ul{background:var(--m-bg)}
.lsh.is-collapsed .lsh__nav a{color:var(--m-txt);border-bottom:1px solid rgba(255,255,255,.07)}
.lsh.is-collapsed .lsh__nav a:hover{color:var(--m-yellow)}
.lsh.is-collapsed .lsh__nav li.is-open > a,
.lsh.is-collapsed .lsh__nav li.is-active > a{color:var(--m-yellow);box-shadow:inset 3px 0 0 var(--m-yellow)}

.lsh.is-collapsed .lsh__nav .lsh__infoitem{background:var(--m-bg2)}
.lsh.is-collapsed .lsh__nav .lsh__infoitem a{color:var(--m-txt2);font-size:13px;
font-weight:400;text-transform:none;letter-spacing:0;padding:11px 24px;
border-bottom-color:rgba(255,255,255,.05)}
.lsh.is-collapsed .lsh__nav .lsh__infoitem a:hover{color:#fff}

.lsh.is-collapsed .lsh__nav li.lsh__grp{background:var(--m-blue);color:var(--m-yellow);
border:0;border-top:2px solid var(--m-yellow);margin:0;padding:12px 24px;
font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}

.lsh.is-collapsed .lsh__mega{position:static;display:none;box-shadow:none;
background:var(--m-bg2);border:0;border-left:3px solid var(--m-blue)}
.lsh.is-collapsed .lsh__nav li.is-open > .lsh__mega{display:block}
.lsh.is-collapsed .lsh__mega-in{grid-template-columns:1fr;padding:8px 24px;gap:4px}
.lsh.is-collapsed .lsh__thumb:empty{display:none}
.lsh.is-collapsed .lsh__nav li.is-open > a{background:none}
.lsh.is-collapsed .lsh__nav .lsh__sub{color:var(--m-txt2);padding:10px 24px;border-bottom:0}
.lsh.is-collapsed .lsh__nav .lsh__sub:hover{color:var(--m-yellow);text-decoration:none}

@media(min-width:992px){
  .lsh.is-collapsed .lsh__nav.is-open{
    position:absolute;top:100%;right:24px;z-index:70;
    width:min(420px,calc(100vw - 48px));max-height:min(72vh,640px);overflow-y:auto;
    box-shadow:0 16px 38px rgba(0,0,0,.3);border-radius:0 0 6px 6px}
}

@media(max-width:991px){
  .lsh__top{display:none}
  .lsh__main{min-height:64px;gap:16px;flex-wrap:wrap;padding-block:10px}
  .lsh__logo img{height:40px}
  .lsh__phone{display:none}
  .lsh__cart{gap:8px;font-size:0}
  .lsh__cart svg:last-child{display:none}
  .lsh__search{order:4;flex:1 0 100%;max-width:none;height:42px}
}

.lsh-on .top-nav,.lsh-on #header,.lsh-on #navigation,.lsh-on .menu-helper{display:none!important}
.lsh-on .overall-wrapper{padding-top:0!important}

.benefitBanner{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px 20px;align-items:start;float:none!important;width:auto!important}
.benefitBanner::before,.benefitBanner::after{display:none!important}
.benefitBanner__item{width:auto!important;max-width:none!important;float:none!important;
margin:0!important;padding:0!important;min-width:0;
display:flex!important;gap:12px;align-items:flex-start}
.benefitBanner__item > *{min-width:0}
.benefitBanner__content{min-width:0;overflow-wrap:break-word;word-break:normal;hyphens:none}
.benefitBanner__item img,.benefitBanner__item svg{flex:none;width:42px;height:42px}
@media(max-width:1240px){
.benefitBanner{gap:14px 16px}
.benefitBanner__item{flex-direction:column;gap:8px}
.benefitBanner__item img,.benefitBanner__item svg{width:34px;height:34px}}
@media(max-width:1023px){.benefitBanner{grid-template-columns:repeat(2,minmax(0,1fr))}
.benefitBanner__item{flex-direction:row;gap:12px}}
@media(max-width:520px){.benefitBanner{grid-template-columns:minmax(0,1fr)}}

.breadcrumbs{padding:16px 0 14px;margin:0;font-size:13px;line-height:1.5;color:#5f6470}
.breadcrumbs a{color:#5f6470;text-decoration:none}
.breadcrumbs a:hover{color:#102A83;text-decoration:underline}
.breadcrumbs .navigation-bullet{margin:0 8px;color:#b9bfd0}
.breadcrumbs [data-testid="breadcrumbsLastLevel"]{color:#22242a;font-weight:700}
.breadcrumbs .navigation-home-icon{vertical-align:middle}
.breadcrumbs.lsv-drobcek{padding:0 0 12px}

.lsp-moc{display:block;margin:0 0 3px;color:#8a8f9c;font-size:13px;line-height:1.3}
.lsp-moc__popis{margin-right:5px}
.lsp-moc__suma{text-decoration:line-through}
.lsp-marza{display:inline-block;margin:7px 0 0;padding:4px 8px;border-radius:4px;
background:#e7f4ec;color:#1b6b3a;font:700 12px/1 inherit;letter-spacing:.01em}
.lsp-on .flags .flag-discount{display:none!important}
/* === uprava 2026-10: zlte zvyraznenie poloziek v rozbalenom menu === */
.lsh__nav .lsh__sub{padding:6px 10px;margin:0 -10px;border-radius:6px;
transition:background-color .15s,color .15s}
.lsh__nav .lsh__sub:hover{background:var(--accent);color:#000;text-decoration:none}
.lsh.is-collapsed .lsh__nav .lsh__sub{margin:0;border-radius:0}
.lsh.is-collapsed .lsh__nav .lsh__sub:hover{background:var(--m-yellow);color:#000}

/* === uprava 2026-10: menu na stred (PC, tablet) === */
.lsh:not(.is-collapsed) .lsh__nav > ul.lsh__in{justify-content:center}
.lsh:not(.is-collapsed) .lsh__nav > ul.lsh__in::before{display:none}
.lsh:not(.is-collapsed) .lsh__nav > ul > li:first-child{margin-left:0}
.lsh:not(.is-collapsed) .lsh__nav .lsh__more{margin-left:0}
.lsh .lsh__nav > ul.is-measuring{justify-content:flex-start!important}

/* === uprava 2026-10: polozky v rozbalenom menu ostanu tmave aj na podstrankach === */
.lsh .lsh__nav .lsh__mega .lsh__sub,.lsh .lsh__nav .lsh__mega-in.is-active > a.lsh__sub{color:var(--ink)}
.lsh .lsh__nav .lsh__mega .lsh__sub:hover{background:var(--accent);color:#000}
.lsh .lsh__nav .lsh__mega .lsh__grp{color:#8a8a8a}
.lsh.is-collapsed .lsh__nav .lsh__mega .lsh__sub,.lsh.is-collapsed .lsh__nav .lsh__mega-in.is-active > a.lsh__sub{color:var(--m-txt2)}
.lsh.is-collapsed .lsh__nav .lsh__mega .lsh__sub:hover{background:var(--m-yellow);color:#000}

/* === uprava 2026-10: otvorene mobilne menu - potiahnutie prstom neobnovi stranku === */
html:has(.lsh__nav.is-open){overscroll-behavior-y:contain}
.lsh.is-collapsed .lsh__nav.is-open{overscroll-behavior:contain}

/* === uprava 2026-10: ikony vyhod (benefitBanner) vedla textu na celu vysku, text bez zbytocneho zalamovania === */
.benefitBanner__item{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:12px!important;text-align:left!important}
.benefitBanner__picture{flex:0 0 44px!important;width:44px!important;max-width:44px!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important;align-items:center}
.benefitBanner__img{height:44px!important;width:44px!important;max-width:none!important;max-height:none!important;object-fit:contain}
.benefitBanner__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:left!important;padding-right:0!important}
.benefitBanner__title,.benefitBanner__data{margin-right:0!important;padding-right:0!important;width:auto!important}

/* === uprava 2026-10-07: nadpisy stranok tucne ako na titulnej strane (detail produktu bez zmeny) === */
body:not(.type-detail) main.content h1,
body:not(.type-detail) h1.category-title{font-weight:800!important;text-transform:none!important;
letter-spacing:-.01em!important;color:#22242a!important;font-size:clamp(24px,2.6vw,32px)!important;line-height:1.2!important}

/* === uprava 2026-10-07: farba sablony (tyrkysova #0078a7) -> modra znacky #102A83, tlacidla plne modre === */
:root{--color-primary:#102A83;--color-primary-h:226;--color-primary-s:78%;--color-primary-l:29%;
--color-secondary:#102A83;--color-secondary-h:226;--color-secondary-s:78%;--color-secondary-l:29%;
--color-primary-hover:#0b1d5c;--color-secondary-hover:#0b1d5c}
body .btn.btn-conversion,body .btn.btn-primary,body input[type=submit].btn-primary,body a.btn-conversion{
background:#102A83!important;border-color:#102A83!important;color:#fff!important}
body .btn.btn-conversion *,body .btn.btn-primary *{color:#fff!important}
body .btn.btn-conversion:hover,body .btn.btn-primary:hover,body a.btn-conversion:hover{
background:#0b1d5c!important;border-color:#0b1d5c!important;color:#fff!important}

/* === uprava 2026-10-07: bez stitku zlavy/marze (MOC s DPH -33 %) na fotkach produktu a kariet === */
.flags .flag.flag-discount{display:none!important}

/* === uprava 2026-10-08: ceny na kartach ako na detaile produktu (MOC / cena / s DPH), zarovnane dolava === */
body .products .product .offers:has(.lsp-ceny){display:block!important;text-align:left!important;justify-content:flex-start!important;width:100%!important}
body .products .product .prices:has(.lsp-ceny){display:block!important;width:100%!important;max-width:none!important;text-align:left!important;margin-left:0!important;margin-right:0!important;padding-left:0!important}
body .products .product .prices .lsp-ceny{display:flex!important;flex-direction:column;align-items:flex-start;text-align:left!important;width:100%}
body .products .product .prices .lsp-ceny .lsp-moc{display:block!important;margin:0 0 4px!important;color:#8a8f9c!important;font-size:14px!important;line-height:1.3;text-align:left}
body .products .product .prices .lsp-ceny .lsp-moc__suma{text-decoration:line-through;margin:0 5px 0 0}
body .products .product .prices .lsp-ceny .lsp-moc__popis{margin:0}
body .products .product .prices .lsp-ceny .price-final{display:block!important;margin:0!important;text-align:left;line-height:1.1!important;
color:#5f6470!important;font-size:16px!important;font-weight:600!important;white-space:nowrap}
body .products .product .prices .lsp-ceny .price-final *{display:inline!important}
body .products .product .prices .lsp-ceny .price-final strong{color:#102A83!important;font-size:32px!important;font-weight:800!important;line-height:1.1!important}
body .products .product .prices .lsp-ceny .price-final .pr-list-unit{font-size:16px!important;font-weight:600!important;color:#5f6470!important}
body .products .product .prices .lsp-ceny .price-additional{display:block!important;margin:4px 0 0!important;color:#5f6470!important;font-size:14px!important;text-align:left}
@media(max-width:520px){
body .products .product .prices .lsp-ceny .price-final strong{font-size:26px!important}
body .products .product .prices .lsp-ceny .price-final{font-size:14px!important}
}
/* titulna strana na mobile: mnozstvo a Do kosika pod sebou (v uzkej karte sa vedla seba nezmestia) */
@media(max-width:600px){
body .lsu-obal .product .p-tools:has(form),body .lsu-obal .product .p-tools:has(.lskv-form){grid-template-columns:minmax(0,1fr)!important}
body .lsu-obal .product .p-tools .quantity,body .lsu-obal .product .lskv-form .lsv-qty{grid-column:1!important;grid-row:1!important;width:100%!important;grid-template-columns:34px minmax(0,1fr) 34px!important}
body .lsu-obal .product .p-tools .btn.btn-cart,body .lsu-obal .product .p-tools .lskv-btn{grid-column:1!important;grid-row:2!important;width:100%!important}
body .lsu-obal .product .p-tools .lskv-detail,body .lsu-obal .product .p-tools > a.btn:not(.btn-cart){grid-column:1!important;grid-row:3!important}
}

/* === uprava 2026-10-08: stitky (Novinka, Najpredavanejsie) na mobile mensie, aby neprekryvali fotku === */
@media(max-width:600px){
body .products .product .flags .flag{font-size:8.5px!important;line-height:1!important;padding:4px 5px!important;
letter-spacing:.03em!important;border-radius:3px!important;box-shadow:0 1px 3px rgba(0,0,0,.12)!important}
body.lsv-on .product .flags,body .lsu-obal .product a.image .lsu-flags,body .lsu-obal .product .extra-flags{top:6px!important;right:6px!important;gap:3px!important}
}