/* =====================================================
   Lounge4padel — ESHOP HOMEPAGE (skryta stavba)
   Nahrat do: Vzhlad a obsah -> Subory (upload root)
   Vsetko scopovane pod .l4p-home => nedotkne sa landingu.
   Farby podla dizajn manualu: #0a1a34 / #EEEFE1 / #D0F422
   ===================================================== */
/* v30: JEDNA oficialna svetla plocha namiesto dvoch takmer rovnakych bezovych
   (#e3e4d3 a #e3e4d8 sa lisili o 5 v modrom kanali = neviditelne).
   Pouziva sa vsade, kde treba svetly podklad pod fotku alebo pole na bielej
   stranke — krémová z manualu (#eeefe1) je na bielej prakticky nevidno (pomer 1,162).
   Ked grafik urci oficialny odtien, meni sa LEN tato jedna hodnota.
   Definovane na :root, nie na .l4p-home — musi platit aj na produkte a v kosiku.
   Samotna premenna nic nevykresluje, takze landing sa tym nedotkne. */
:root{ --l4p-surface:#e3e4d8; }
/* --- NAHLADOVA STRANKA /eshop-nahlad/: skry sablonovu vybavu (len tam!) --- */
body.in-eshop-nahlad{background:#ffffff}
body.in-eshop-nahlad #header,
body.in-eshop-nahlad .header-top,
body.in-eshop-nahlad .header-bottom,
body.in-eshop-nahlad #footer,
body.in-eshop-nahlad .footer-newsletter-full-width,
body.in-eshop-nahlad .breadcrumbs,
body.in-eshop-nahlad aside.sidebar,
body.in-eshop-nahlad [data-testid="eshopHeader"],
body.in-eshop-nahlad .pageArticleDetail > header,
body.in-eshop-nahlad #content > h1,
body.in-eshop-nahlad .discussionContainer,
body.in-eshop-nahlad .pageArticleDetail + h2,
body.in-eshop-nahlad .pageArticleDetail ~ h2{display:none !important}
body.in-eshop-nahlad .overall-wrapper{padding-top:0 !important}
body.in-eshop-nahlad .content-wrapper-in{display:block !important}
body.in-eshop-nahlad #content-wrapper,
body.in-eshop-nahlad .content-wrapper-in,
body.in-eshop-nahlad #content{max-width:none !important;width:100% !important;margin:0 !important;padding:0 !important;float:none !important}

/* =====================================================
   BRAND RESTYLE — produktove a kategoriove stranky (SVETLA verzia v15)
   (type-product / type-category / type-page okrem landingu)
   Nasa hlavicka sa vklada JS-om (.l4p-chrome), sablonova sa skryva.
   Farby: podklad kremova #eeefe1, text navy #0a1a34, neon len akcent.
   ===================================================== */
body.type-product, body.type-category,
body.type-product #content-wrapper, body.type-category #content-wrapper,
body.type-product .content-wrapper-in, body.type-category .content-wrapper-in{background:#ffffff !important}
body.type-product, body.type-category{color:#0a1a34}
body.type-product #header, body.type-category #header, body.type-page #header,
body.type-product .header-top, body.type-category .header-top, body.type-page .header-top,
body.type-product .header-bottom, body.type-category .header-bottom, body.type-page .header-bottom{display:none !important}
body.type-index #header{display:none !important} /* landing uz skryva vlastne CSS, poistka — NEMENIT */
body.type-product .overall-wrapper, body.type-category .overall-wrapper, body.type-page .overall-wrapper{padding-top:0 !important}

/* typografia + odkazy */
body.type-product #content, body.type-product #content *:not(svg):not(path),
body.type-category #content, body.type-category #content *:not(svg):not(path){font-family:'Montserrat',sans-serif !important}
body.type-product #content, body.type-category #content{color:#0a1a34}
body.type-product #content h1, body.type-category #content h1{font-weight:500;text-transform:uppercase;color:#0a1a34;letter-spacing:.01em}
body.type-product #content a:hover, body.type-category #content a:hover{color:#0a1a34;text-decoration:underline;text-decoration-color:#d0f422;text-decoration-thickness:3px;text-underline-offset:5px}
body.type-product .breadcrumbs, body.type-category .breadcrumbs{background:transparent}
body.type-product .breadcrumbs a, body.type-category .breadcrumbs a,
body.type-product .breadcrumbs span, body.type-category .breadcrumbs span{color:rgba(10,26,52,.55) !important;font-size:12px}

/* cena + kosik (neon na kremovej je necitatelny -> navy) */
body.type-product .price-final, body.type-product .price-final-holder{color:#0a1a34 !important;font-weight:500}
body.type-product .add-to-cart button, body.type-product [data-testid="buttonAddToCart"]{
  background:#0a1a34 !important;color:#eeefe1 !important;border:0 !important;border-radius:0 !important;
  font-weight:500 !important;text-transform:uppercase;letter-spacing:.12em}
body.type-product .add-to-cart button:hover, body.type-product [data-testid="buttonAddToCart"]:hover{background:#d0f422 !important;color:#0a1a34 !important}
body.type-product .availability, body.type-product .show-tooltip{color:#0a1a34}

/* varianty, inputy, boxy */
body.type-product select, body.type-product input[type="number"], body.type-product input[type="text"],
body.type-category select{background:transparent !important;color:#0a1a34 !important;border:1px solid rgba(10,26,52,.25) !important}
body.type-product .box, body.type-category .box{background:var(--l4p-surface) !important;border:1px solid rgba(10,26,52,.1);color:#0a1a34}
body.type-product .box a, body.type-category .box a{color:rgba(10,26,52,.8)}

/* taby a popis */
body.type-product .shp-tabs a, body.type-product #p-detail-tabs a{color:rgba(10,26,52,.6)}
body.type-product .shp-tabs .active a, body.type-product .shp-tabs a.active{color:#0a1a34 !important;border-color:#0a1a34 !important}
body.type-product .tab-content, body.type-product .basic-description{color:rgba(10,26,52,.85)}
body.type-product .tab-content h3{color:#0a1a34;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:22px}
body.type-product .tab-content li{color:rgba(10,26,52,.8)}
body.type-product .tab-content strong{color:#0a1a34}

/* ===== PALAIR PRODUKTOVA STRANKA (JS transformacia) ===== */
body.type-product .l4p-pd{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:0;align-items:start}
@media(max-width:900px){body.type-product .l4p-pd{grid-template-columns:1fr}}
.l4p-pgal{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px}
@media(max-width:600px){.l4p-pgal{grid-template-columns:1fr}}
.l4p-pgal img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--l4p-surface);display:block}
body.type-product .p-image-wrapper, body.type-product .p-thumbnails,
body.type-product .p-detail-inner-header-mobile, body.type-product .l4p-hide,
body.type-product aside.sidebar,
body.type-product .stars-wrapp, body.type-product .stars-wrapper,
body.type-product .p-short-description{display:none !important}
body.type-product #content{width:100% !important;max-width:none !important;float:none !important}
body.type-product #content-wrapper, body.type-product .content-wrapper-in,
body.type-product main.content{max-width:none !important;width:100% !important;margin:0 !important;padding:0 !important}
body.type-product .breadcrumbs{padding-left:5mm;padding-right:5mm}
body.type-product .l4p-right{position:sticky;top:74px;padding:clamp(18px,2.4vw,36px) clamp(18px,2.6vw,40px)}
body.type-product .l4p-right h1{font-size:clamp(21px,2vw,28px) !important;line-height:1.15 !important}

/* akordeony v paneli */
.l4p-accs{margin-top:26px}
.l4p-acc{border-top:1px solid rgba(10,26,52,.14)}
.l4p-acc:last-child{border-bottom:1px solid rgba(10,26,52,.14)}
.l4p-acc-h{display:flex;justify-content:space-between;align-items:center;padding:15px 0;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#0a1a34}
.l4p-acc-h span:last-child{font-size:16px;font-weight:400;color:rgba(10,26,52,.6);transition:transform .25s}
.l4p-acc.open .l4p-acc-h span:last-child{transform:rotate(45deg);color:#0a1a34}
.l4p-acc-b{max-height:0;overflow:hidden;transition:max-height .3s ease}
.l4p-acc.open .l4p-acc-b{max-height:none} /* v58: bez orezania dlheho obsahu */
.l4p-acc-in{padding:2px 0 18px;font-size:13.5px;color:rgba(10,26,52,.82)}
.l4p-acc-in ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin:8px 0 0;padding:0}
.l4p-acc-in li{position:relative;padding-left:16px;color:rgba(10,26,52,.82)}
.l4p-acc-in li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:2px;background:#0a1a34}
.l4p-acc-in strong{color:#0a1a34}
.l4p-acc-in p{margin:0 0 8px}
.l4p-tech{display:flex;gap:11px;align-items:flex-start;margin-top:12px}
.l4p-tech img{width:36px;height:36px;object-fit:contain;flex:0 0 auto}
.l4p-tech b{display:block;font-weight:600;font-size:13px;color:#0a1a34}
.l4p-tech small{color:rgba(10,26,52,.6);font-size:12px;line-height:1.45}
.l4p-care{max-width:300px}

/* siroke sekcie pod produktom (fotky s tmavym prechodom - texty na fotke ostavaju svetle) */
.l4p-wide{margin-top:5mm}
.l4p-sech{padding:clamp(28px,4vw,48px) 5mm 14px;font-weight:500;font-size:clamp(18px,2.2vw,24px);text-transform:uppercase;color:#0a1a34;margin:0}
.l4p-caro{overflow:hidden}
.l4p-track{display:flex;gap:5mm;width:max-content;transition:transform .7s cubic-bezier(.4,0,.2,1);will-change:transform}
.l4p-card{display:block;flex:0 0 calc((100vw - 15mm) / 4)}
@media(max-width:1100px){.l4p-card{flex:0 0 calc((100vw - 10mm) / 3)}}
@media(max-width:760px){.l4p-card{flex:0 0 calc((100vw - 5mm) / 2)}}
.l4p-card .ph, .l4p-g3 .ph{display:block;position:relative;aspect-ratio:3/4;background:var(--l4p-surface);overflow:hidden}
.l4p-card .ph img, .l4p-g3 .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.l4p-card:hover .ph img, .l4p-g3 a:hover .ph img{transform:scale(1.04)}
.l4p-card .ph::after, .l4p-g3 .ph::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,26,52,0) 52%,rgba(10,26,52,.85) 100%)}
.l4p-nm{position:absolute;left:0;bottom:0;z-index:2;padding:13px 15px;font-weight:600;font-size:14px;color:#eeefe1}
.l4p-nm small{display:block;font-weight:400;font-size:11.5px;color:rgba(238,239,225,.6);margin-top:2px}
.l4p-pr{position:absolute;right:0;bottom:0;z-index:2;padding:13px 15px;font-weight:500;font-size:13px;color:#d0f422}
.l4p-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:5mm}
@media(max-width:700px){.l4p-g3{grid-template-columns:1fr}}

/* panel - doladenie podla navrhu */
body.type-product{overflow-x:hidden}
body.type-product .p-variants-block, body.type-product .detail-parameters,
body.type-product .p-price-wrapper, body.type-product .benefit-banners-full-width,
body.type-product .p-detail-full-width, body.type-product .social-buttons-wrapper{display:none !important}
.l4p-pricebox .price-final{font-size:28px !important;font-weight:500 !important;color:#0a1a34 !important}
.l4p-sizes-lbl{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(10,26,52,.6);margin:18px 0 8px}
.l4p-sizes-row{display:flex;gap:8px;flex-wrap:wrap}
.l4p-sizes-row button{min-width:50px;padding:11px 8px;background:transparent;border:1.5px solid rgba(10,26,52,.2);color:#0a1a34;font-family:'Montserrat',sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:.15s}
.l4p-sizes-row button:hover{border-color:#0a1a34}
.l4p-sizes-row button.on{background:#d0f422;border-color:#d0f422;color:#0a1a34;font-weight:500}
.l4p-sizes-row button.dis{opacity:.35;cursor:not-allowed;text-decoration:line-through}
body.type-product .p-to-cart-block .add-to-cart{display:flex;gap:10px;align-items:stretch}
body.type-product .add-to-cart .quantity{display:flex;border:1.5px solid rgba(10,26,52,.2)}
body.type-product .add-to-cart .quantity input{background:transparent;border:0;color:#0a1a34;width:44px;text-align:center}
body.type-product .add-to-cart .quantity a, body.type-product .add-to-cart .quantity button{color:#0a1a34;width:36px;display:flex;align-items:center;justify-content:center;text-decoration:none}
.l4p-wide{width:100vw;position:relative;left:50%;transform:translateX(-50%)}

/* stara galeria fallback */
body.type-product .p-thumbnail{border:1px solid transparent}
body.type-product .p-thumbnail.highlighted, body.type-product .p-thumbnail:hover{border-color:#0a1a34}

/* sablonova paticka prec - nahradza ju brand paticka z JS */
body.type-product #footer, body.type-category #footer, body.type-page #footer{display:none !important}


/* =====================================================
   HOMEPAGE — svetla hlavicka, tmava paticka (v14)
   VSETKO scopovane pod .l4p-home => sablona ani landing sa nedotknu.
   ===================================================== */
.l4p-home{
  --navy:#0a1a34; --navy-2:#0e2140;
  --cream:#eeefe1; --cream-dim:rgba(238,239,225,.62); --cream-faint:rgba(238,239,225,.32);
  --lime:#d0f422; --line:rgba(238,239,225,.12);
  --paper:#ffffff; --ink:#0a1a34;
  --ink-dim:rgba(10,26,52,.62); --ink-faint:rgba(10,26,52,.34); --line-lt:rgba(10,26,52,.14);
  --ff:'Montserrat',system-ui,sans-serif;
  background:#ffffff; color:var(--ink);
  font-family:var(--ff); font-weight:300; line-height:1.6;
  margin:0; overflow-x:hidden;
}
.l4p-home *{box-sizing:border-box;margin:0;padding:0}
.l4p-home, .l4p-home *{font-family:'Montserrat',system-ui,sans-serif !important}
.l4p-home img{display:block;max-width:100%}
.l4p-home ul,.l4p-home li{list-style:none}
.l4p-home a{color:inherit;text-decoration:none !important}
.l4p-home :focus-visible{outline:2px solid var(--lime);outline-offset:2px}

/* --- hlavicka (svetla, cierne logo) --- */
/* POZOR: ziadny backdrop-filter — vytvara containing block a rozbije vysuvacie menu */
.l4p-home .ehead{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line-lt)}
.l4p-home .nav{display:flex;align-items:center;justify-content:space-between;height:74px;position:relative;padding:0 clamp(12px,1.6vw,24px)}
.l4p-home .nav ul{display:flex;gap:19px;list-style:none}
.l4p-home .nav ul a{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--ink);opacity:.78;white-space:nowrap;transition:.2s;padding-bottom:3px;border-bottom:1.5px solid transparent}
.l4p-home .nav ul a:hover{opacity:1;color:var(--ink);border-bottom-color:var(--lime)}
.l4p-home .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center}
.l4p-home .brand img{height:clamp(20px,2.1vw,26px);width:auto}
.l4p-home .nav-r{display:flex;gap:18px;align-items:center}
.l4p-home .nav-r svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.6;opacity:.78;cursor:pointer}
.l4p-home .nav-r svg:hover{opacity:1}
.l4p-home .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px 6px}
.l4p-home .burger span{display:block;width:22px;height:2px;background:var(--ink);transition:.2s}
/* vysuvacie menu: celoplosny panel (princip ako Palair), krizik vlavo, logo v strede */
.l4p-home .mnav{position:fixed;inset:0;width:100%;height:100%;background:var(--paper);padding:0 0 32px;z-index:9000;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}
.l4p-home .ehead.open .mnav{transform:translateX(0)}
.l4p-home .mnav-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:74px;padding:0 clamp(14px,4vw,24px);border-bottom:1px solid var(--line-lt);flex:0 0 auto}
.l4p-home .mnav-head img{height:clamp(20px,2.1vw,26px);width:auto;display:block;justify-self:center}
.l4p-home .mnav-sp{justify-self:end}
.l4p-home .mnav a{display:block;padding:clamp(13px,2.2vh,19px) clamp(22px,6vw,34px);font-size:clamp(17px,4.4vw,21px);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink);transition:.18s}
.l4p-home .mnav a:first-of-type{margin-top:clamp(16px,4vh,34px)}
.l4p-home .mnav a:hover{color:var(--navy);background:rgba(208,244,34,.24)}
.l4p-home .mback{position:fixed;inset:0;background:rgba(10,26,52,.55);opacity:0;pointer-events:none;transition:opacity .3s;z-index:8900}
.l4p-home .ehead.open .mback{opacity:1;pointer-events:auto}
.l4p-home .mclose{justify-self:start;background:none;border:0;cursor:pointer;color:var(--ink);font-size:26px;line-height:1;padding:6px;margin-left:-6px}
.l4p-home .mclose:hover{color:var(--navy)}
.l4p-home .ehead.collapsed .nav ul{display:none}
.l4p-home .ehead.collapsed .burger{display:flex}
/* ikonky v hlavicke = funkcne odkazy (vyhladavanie, ucet, kosik s poctom kusov) */
.l4p-home .nicon{display:flex;align-items:center;justify-content:center;position:relative;background:none;border:0;padding:0;cursor:pointer;color:var(--ink)}
.l4p-home .ncount{position:absolute;top:-7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--navy);color:var(--cream);font-size:10px;font-weight:600;line-height:17px;text-align:center;font-variant-numeric:tabular-nums}
.l4p-home .nsearch{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line-lt);padding:14px clamp(12px,1.6vw,24px);z-index:40}
.l4p-home .ehead.searching .nsearch{display:flex}
.l4p-home .nsearch input{flex:1;min-width:0;border:1.5px solid var(--ink);border-right:0;border-radius:0;background:transparent;padding:13px 16px;font-size:14px;color:var(--ink);outline:none;-webkit-appearance:none}
.l4p-home .nsearch input::placeholder{color:var(--ink-faint)}
.l4p-home .nsearch button{border:1.5px solid var(--ink);border-radius:0;background:var(--navy);color:var(--cream);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:0 22px;cursor:pointer;transition:.2s}
.l4p-home .nsearch button:hover{background:var(--lime);color:var(--navy)}
/* na mobile ostava lupa a kosik, ucet sa skryje (je dostupny cez prihlasenie v kosiku) */
@media(max-width:560px){.l4p-home .nav-r .nacc{display:none}}

/* --- hero --- */
.l4p-home .hero{position:relative;overflow:hidden;text-align:center;height:calc(100svh - 74px);min-height:420px}
.l4p-home .hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.l4p-home .hero::after{content:"";position:absolute;inset:0;background:rgba(10,26,52,.38)}
.l4p-home .hero-in{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:2;padding:0 20px}
.l4p-home .hero h1{font-weight:500;font-size:clamp(20px,2.9vw,34px);line-height:1.1;letter-spacing:.02em;color:var(--cream);text-shadow:0 2px 22px rgba(10,26,52,.5)}
.l4p-home .hero-links{display:flex;gap:clamp(22px,3vw,36px);justify-content:center;margin-top:18px}
.l4p-home .hero-links a{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);border-bottom:1px solid rgba(238,239,225,.65);padding-bottom:4px;transition:.2s}
.l4p-home .hero-links a:hover{color:var(--lime);border-color:var(--lime)}

/* --- kategorie: PC/tablet pas so sipkami (1 riadok), mobil 2 rady s posunom --- */
.l4p-home .cats{position:relative;padding:5mm 0}
.l4p-home .bigrun{overflow:hidden}
.l4p-home .bigrun-track{display:flex;gap:5mm;width:max-content;transition:transform .7s cubic-bezier(.4,0,.2,1);will-change:transform}
.l4p-home .bigtile{display:block;position:relative;flex:0 0 calc((100vw - 15mm) / 4);aspect-ratio:3/4;height:auto;overflow:hidden;background:var(--navy-2)}
@media(max-width:1100px){.l4p-home .bigtile{flex:0 0 calc((100vw - 10mm) / 3)}}
.l4p-home .bigtile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease,transform .7s}
.l4p-home .bigtile:hover img{transform:scale(1.05)}
.l4p-home .bigtile .i2{opacity:0}
.l4p-home .bigtile:hover .i2{opacity:1}
.l4p-home .bigtile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,52,.05),rgba(10,26,52,.72))}
.l4p-home .tile-in{display:block;position:absolute;left:0;bottom:0;z-index:2;padding:clamp(18px,2vw,28px)}
/* v30: nazvy kategorii na dlazdicach — bold (700) namiesto extra bold (800)
   a bez velkych pismen (text sa zobrazi tak, ako je napisany v HTML).
   Velkost ostava rovnaka; ak ju treba zmensit, meni sa clamp nizsie. */
.l4p-home .tile-in .t1{display:block;font-weight:600;font-size:clamp(16px,1.55vw,24px);line-height:1.15;color:var(--cream)}
.l4p-home .tile-in .t2{display:inline-block;margin-top:12px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);border-bottom:1.5px solid var(--lime);padding-bottom:3px}
.l4p-home .tag{position:absolute;top:14px;left:14px;z-index:2;background:var(--lime);color:var(--navy);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px}
.l4p-home .arw{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border:0;background:rgba(238,239,225,.95);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;box-shadow:0 2px 14px rgba(10,26,52,.18)}
.l4p-home .arw:hover{background:var(--lime)}
.l4p-home .arw svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.l4p-home .arw.prev{left:2.5mm}
.l4p-home .arw.next{right:2.5mm}
@media(max-width:700px){
  /* v28: 2 rady, ktore sa posuvaju do strany — automaticky aj prstom.
     grid-auto-flow:column => dlazdice idu po stlpcoch (1-2 | 3-4 | 5-6), poradie z HTML ostava.
     v29: presne 2 stlpce na sirku obrazovky, tretí nesmie vykukovat
     (2 x sirka stlpca + 4px medzera = 100vw). */
  .l4p-home .bigrun{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
  .l4p-home .bigrun::-webkit-scrollbar{display:none}
  .l4p-home .bigrun-track{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100vw - 4px) / 2);gap:4px;width:max-content;transform:none !important;transition:none !important}
  .l4p-home .bigrun-track .dup{display:none}
  .l4p-home .bigtile{flex:none;width:auto;height:auto;aspect-ratio:3/4;scroll-snap-align:start}
  .l4p-home .tile-in{padding:12px}
  .l4p-home .tile-in .t1{font-size:13px;line-height:1.18}
  .l4p-home .tile-in .t2{margin-top:7px;font-size:9.5px;letter-spacing:.1em}
  .l4p-home .tag{top:9px;left:9px;font-size:9px;padding:4px 7px}
  .l4p-home .arw{display:none}
}

/* --- latka: znacky priamo vo fotke --- */
.l4p-home .fabric{position:relative;overflow:hidden;background:var(--navy);color:var(--cream)}
.l4p-home .fabric img.bg{width:100%;height:clamp(380px,48vw,660px);object-fit:cover;object-position:center}
.l4p-home .fabric::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,26,52,0) 34%,rgba(10,26,52,.55) 66%,rgba(10,26,52,.82) 100%)}
.l4p-home .fabric-list{position:absolute;z-index:2;top:50%;right:0;transform:translateY(-50%);display:flex;flex-direction:column;gap:clamp(18px,2.6vw,32px);padding:0 clamp(24px,5vw,72px);width:min(52%,620px)}
.l4p-home .fitem{display:flex;align-items:center;gap:16px}
.l4p-home .fitem img{width:clamp(34px,3.4vw,46px);height:clamp(34px,3.4vw,46px);object-fit:contain;flex:0 0 auto}
.l4p-home .fitem b{font-weight:600;font-size:clamp(12px,1.35vw,15.5px);letter-spacing:.06em;text-transform:uppercase;color:var(--cream);text-shadow:0 1px 14px rgba(10,26,52,.85)}
@media(max-width:760px){
  .l4p-home .fabric img.bg{height:clamp(420px,96vw,560px)}
  .l4p-home .fabric::after{background:linear-gradient(180deg,rgba(10,26,52,0) 30%,rgba(10,26,52,.78) 74%,rgba(10,26,52,.92) 100%)}
  .l4p-home .fabric-list{top:auto;bottom:0;right:0;left:0;transform:none;width:auto;gap:14px;padding:0 20px clamp(20px,5vw,30px)}
  .l4p-home .fitem img{width:30px;height:30px}
}

/* --- vyroba (ciernobiela, mensie pismo) --- */
.l4p-home .vyroba{position:relative;height:clamp(340px,52vh,520px);overflow:hidden;display:flex;align-items:flex-end;margin:5mm 0 0}
.l4p-home .vyroba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.l4p-home .vyroba::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,52,.1),rgba(10,26,52,.6))}
.l4p-home .vyroba-in{position:relative;z-index:2;padding:0 5mm clamp(26px,3.4vw,46px)}
.l4p-home .vyroba h2{font-weight:600;font-size:clamp(13px,1.35vw,17px);letter-spacing:.07em;text-transform:uppercase;line-height:1.35;color:var(--cream)}
.l4p-home .vlink{display:inline-block;margin-top:11px;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);opacity:.85;border-bottom:1px solid var(--lime);padding-bottom:3px}
.l4p-home .vlink:hover{opacity:1;color:var(--cream)}

/* --- tlacidlo na kolekciu --- */
.l4p-home .cta{display:flex;justify-content:center;padding:clamp(30px,4vw,52px) 5mm}
.l4p-home .cta a{display:inline-block;background:var(--navy);color:var(--cream);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:17px 34px;text-align:center;transition:.2s}
.l4p-home .cta a:hover{background:var(--lime);color:var(--navy)}

/* --- newsletter (svetly, vycentrovany) --- */
.l4p-home .news{padding:clamp(30px,4vw,56px) 5mm clamp(38px,4.6vw,64px);background:var(--paper);color:var(--ink);text-align:center}
.l4p-home .news h2{font-weight:500;font-size:clamp(19px,2.7vw,30px);text-transform:uppercase;color:var(--ink);letter-spacing:.02em}
.l4p-home .nform{display:flex;max-width:560px;margin:clamp(20px,2.6vw,32px) auto 0;border:1.5px solid var(--ink)}
.l4p-home .nform input{flex:1;background:transparent;border:0;color:var(--ink);padding:16px 18px;font-family:var(--ff);font-size:14px;outline:none;min-width:0}
.l4p-home .nform input::placeholder{color:var(--ink-faint)}
.l4p-home .nform button{background:transparent;color:var(--ink);border:0;border-left:1.5px solid var(--ink);font-family:var(--ff);font-weight:600;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;padding:0 clamp(18px,2.6vw,32px);cursor:pointer;transition:.2s}
.l4p-home .nform button:hover{background:var(--lime)}
.l4p-home .nsoc{display:flex;justify-content:center;gap:clamp(18px,2.4vw,28px);margin-top:clamp(22px,2.8vw,34px)}
.l4p-home .nsoc a{display:flex;align-items:center;justify-content:center;color:var(--ink);transition:.2s}
.l4p-home .nsoc a:hover{color:var(--lime)}
.l4p-home .nsoc svg{width:21px;height:21px;fill:currentColor}

/* --- paticka (tmavomodra) --- */
.l4p-home .efoot{background:var(--navy);color:var(--cream);padding:clamp(40px,5vw,64px) 5mm 28px}
.l4p-home .efoot a{color:var(--cream-dim);transition:.2s}
.l4p-home .efoot a:hover{color:var(--lime)}
.l4p-home .fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
@media(max-width:800px){.l4p-home .fcols{grid-template-columns:1fr 1fr}}
.l4p-home .fcols h5{font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);margin-bottom:14px}
.l4p-home .fcols ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.l4p-home .fcols li a{font-size:13.5px;color:var(--cream-dim)}
.l4p-home .fcols li a:hover{color:var(--lime)}
.l4p-home .flogo{height:30px;width:auto;margin-bottom:16px}
.l4p-home .fbrand{color:var(--cream-dim);font-size:13px;line-height:1.6;max-width:30ch}
.l4p-home .fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:11.5px;letter-spacing:.06em;color:rgba(238,239,225,.4)}
@media(prefers-reduced-motion:reduce){.l4p-home *{transition:none !important;animation:none !important}}

/* =====================================================
   PRAVNE / INFO STRANKY pred launchom (ochrana udajov, VOP...)
   Ciste v style landingu: logo -> uvod, obsah, spat. ZIADNE kategorie.
   Trieda .l4p-legal sa pridava JS-om.
   ===================================================== */
body.l4p-legal{background:#0a1a34 !important;color:#eeefe1}
body.l4p-legal .overall-wrapper,
body.l4p-legal #content-wrapper,
body.l4p-legal .content-wrapper-in,
body.l4p-legal #content{background:transparent !important}
body.l4p-legal .breadcrumbs,
body.l4p-legal aside.sidebar,
body.l4p-legal .discussionContainer{display:none !important}
body.l4p-legal #content{max-width:860px !important;margin:0 auto !important;padding:clamp(28px,5vw,56px) clamp(20px,5vw,40px) !important;float:none !important}
body.l4p-legal #content, body.l4p-legal #content *:not(svg):not(path){font-family:'Montserrat',sans-serif !important;color:#eeefe1 !important;background:transparent !important}
body.l4p-legal #content h1{font-size:clamp(26px,3.4vw,40px) !important;font-weight:600 !important;line-height:1.15 !important;text-align:left !important;margin:0 0 28px !important}
body.l4p-legal #content h2,body.l4p-legal #content h3{font-weight:600 !important;margin:32px 0 12px !important}
body.l4p-legal #content p,body.l4p-legal #content li{font-weight:300 !important;line-height:1.65 !important;color:rgba(238,239,225,.85) !important}
body.l4p-legal #content a{text-decoration:underline !important;text-underline-offset:3px}
body.l4p-legal #content a:hover{text-decoration-color:#d0f422 !important;text-decoration-thickness:3px !important;text-underline-offset:5px !important}
.l4p-legal-top{display:flex;justify-content:center;padding:clamp(22px,3vw,34px) 20px;border-bottom:1px solid rgba(238,239,225,.12);background:#0a1a34}
.l4p-legal-top img{height:clamp(26px,3vw,36px);width:auto;display:block}
.l4p-legal-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:860px;margin:0 auto;padding:22px clamp(20px,5vw,40px) 34px;border-top:1px solid rgba(238,239,225,.12);background:#0a1a34}
.l4p-legal-foot a{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(238,239,225,.55);text-decoration:none}
.l4p-legal-foot a:hover{color:#d0f422}

/* v18: sablona pri uzsom okne (~900 px) skryva desktopovy nadpis a my mobilny -> nazov a cena zmizli. Nas panel ho zobrazi vzdy. */
body.type-product .l4p-right .p-detail-inner-header{display:block !important}


/* =====================================================
   v19 — KOSIK A OBJEDNAVKA (body.ordering-process: /kosik/, /objednavka/krok-1/, krok-2)
   Sablonova hlavicka sa skryva, nasa sa vklada JS-om. Landing (type-index) sa netyka.
   ===================================================== */
body.ordering-process, body.ordering-process #content-wrapper, body.ordering-process .content-wrapper-in{background:#ffffff !important}
body.ordering-process{color:#0a1a34;--colors-state-success:#0a1a34;--colors-surface-secondary:var(--l4p-surface)}
body.ordering-process #header, body.ordering-process .header-top, body.ordering-process .header-bottom{display:none !important}
body.ordering-process .overall-wrapper{padding-top:0 !important}
body.ordering-process #content-wrapper, body.ordering-process #content-wrapper *:not(svg):not(path):not([class*="icon"]){font-family:'Montserrat',sans-serif !important}
/* riadky tabulky kosika bez bieleho podkladu */
body.ordering-process #content td{background-color:transparent !important}
body.ordering-process h1, body.ordering-process h2, body.ordering-process h3, body.ordering-process h4, body.ordering-process .h1, body.ordering-process .h4{color:#0a1a34 !important;font-weight:500 !important}
/* kroky objednavky: hotovy krok navy namiesto zelenej */
body.ordering-process .cart-header .step.completed, body.ordering-process .cart-header .step.completed a,
body.ordering-process .cart-header .step.completed span{color:#0a1a34 !important;border-color:#0a1a34 !important}
body.ordering-process .cart-header .step.completed a::before{color:#0a1a34 !important;border-color:#0a1a34 !important;background-color:rgba(10,26,52,.06) !important}
/* ZADARMO a Skladom: navy namiesto zelenej */
body.ordering-process .payment-shipping-price.for-free{color:#0a1a34 !important;border-color:#0a1a34 !important;font-weight:500 !important}
body.ordering-process .availability-label, body.type-product .availability-label{color:#0a1a34 !important}
/* box "Potrebujete poradit?": skryt predvolenu fotku (merchant.png) — telefon a meno ostavaju */
body.ordering-process .contact-box img{display:none !important}
/* hlasky Shoptetu (pridane do kosika, chyby) v brand farbach — mimo landingu */
body:not(.type-index) .msg.msg-success, body:not(.type-index) .msg.msg-notice, body:not(.type-index) .msg.msg-info,
body:not(.type-index) .msg.msg-warning, body:not(.type-index) .msg.msg-error{background:#0a1a34 !important;border-color:#0a1a34 !important;color:#eeefe1 !important;font-family:'Montserrat',sans-serif !important}
body:not(.type-index) .msg.msg-warning, body:not(.type-index) .msg.msg-error{border-bottom:3px solid #d0f422 !important}
body:not(.type-index) .msg a{color:#eeefe1 !important}


/* =====================================================
   v20 — PREPINAC SK/CZ, KATALOG (kategorie + vyhladavanie), UCET (prihlasenie, registracia)
   Landing (type-index) sa netyka.
   ===================================================== */
/* prepinac jazyka v hlavicke */
.l4p-home .nlang{display:inline-flex;align-items:center;gap:2px;font-family:var(--ff);font-size:11px;font-weight:600;letter-spacing:.1em;line-height:1}
.l4p-home .nlang a{color:var(--ink-faint);text-decoration:none;padding:5px 4px;border-bottom:1.5px solid transparent;transition:color .15s}
.l4p-home .nlang a:hover{color:var(--ink)}
.l4p-home .nlang a.on{color:var(--ink);border-bottom-color:var(--ink)}
/* kopia v mobilnom menu: v hlavicke skryta, v menu viditelna len na uzkych obrazovkach */
.l4p-home .mnav .nlang{display:none}
@media (max-width:560px){
  .l4p-home .nav-r .nlang{display:none}
  .l4p-home .mnav .nlang{display:flex;justify-content:center;gap:18px;margin-top:clamp(22px,4vh,34px)}
  .l4p-home .mnav .nlang a{display:inline-block;margin:0 !important;padding:6px 4px !important;font-size:14px !important;font-weight:600;letter-spacing:.12em;background:transparent !important}
}
/* mobilne tlacidlo "Otvorit filter" patri k bocnemu panelu, ktory v katalogu nepouzivame */
body.type-category #filters-wrapper, body.type-search #filters-wrapper{display:none !important}

/* neschvalene texty Shoptetu (Darcek zdarma, Dorucenie do druheho dna, 3000 miest...) — skryt mimo landingu */
body:not(.type-index) .benefit-banners-full-width{display:none !important}

/* vyhladavanie: brand podklad a nasa hlavicka */
body.type-search, body.type-search #content-wrapper, body.type-search .content-wrapper-in{background:#ffffff !important}
body.type-search{color:#0a1a34}
body.type-search #header, body.type-search .header-top, body.type-search .header-bottom{display:none !important}
body.type-search .overall-wrapper{padding-top:0 !important}
body.type-search #content, body.type-search #content *:not(svg):not(path):not([class*="icon"]){font-family:'Montserrat',sans-serif !important}
body.type-search #content h2{text-align:center;font-weight:500 !important;text-transform:uppercase;font-size:clamp(22px,3vw,36px) !important;color:#0a1a34 !important;margin:10px 0 28px !important}
body.type-search #content h2 .highlight{color:#0a1a34 !important}

/* katalog: bez bocneho panela a bloku Najpredavanejsie, obsah na celu sirku */
body.type-category aside.sidebar, body.type-search aside.sidebar{display:none !important}
body.type-category .products-top-wrapper{display:none !important}
body.type-category .content-wrapper-in, body.type-search .content-wrapper-in{display:block !important}
body.type-category #content, body.type-search #content{width:100% !important;max-width:1440px !important;margin:0 auto !important;float:none !important;padding:0 clamp(16px,3vw,48px) !important}
body.type-category h1.category-title{text-align:center;font-weight:500 !important;text-transform:uppercase;font-size:clamp(28px,4vw,52px) !important;margin:8px 0 20px !important}

/* podkategorie ako stitky (len text) */
body.type-category ul.subcategories{display:flex !important;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 30px !important;padding:0 !important;list-style:none}
body.type-category ul.subcategories li{width:auto !important;max-width:none !important;flex:0 0 auto !important;padding:0 !important;margin:0 !important;float:none !important}
body.type-category ul.subcategories a{display:inline-flex !important;align-items:center;height:auto !important;min-height:0 !important;padding:10px 16px !important;border:1.5px solid rgba(10,26,52,.2) !important;border-radius:0 !important;background:transparent !important;color:#0a1a34 !important;font-size:11px !important;font-weight:600 !important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;box-shadow:none !important;transition:.15s}
body.type-category ul.subcategories a:hover{border-color:#0a1a34 !important;background:#0a1a34 !important;color:#eeefe1 !important}
body.type-category ul.subcategories a:hover *{color:#eeefe1 !important}
body.type-category ul.subcategories .image{display:none !important}
body.type-category ul.subcategories .text{white-space:nowrap;overflow:visible !important;text-overflow:clip !important;padding:0 !important;color:inherit !important}
body.type-category ul.subcategories a::after, body.type-category ul.subcategories a::before{display:none !important}

/* radenie produktov */
body.type-category #category-header, body.type-category .listSorting{display:block !important;width:100% !important;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
body.type-category .listSorting__controls{display:flex !important;width:100% !important;flex-wrap:wrap;justify-content:center;gap:4px 24px;border-bottom:1px solid rgba(10,26,52,.14);padding:0 !important;margin:0 0 28px !important;background:transparent !important}
body.type-category .listSorting__controls li{margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important}
body.type-category .listSorting__control{background:transparent !important;border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;padding:12px 2px !important;color:rgba(10,26,52,.55) !important;font-size:11px !important;font-weight:600 !important;letter-spacing:.1em;text-transform:uppercase;box-shadow:none !important}
body.type-category .listSorting__control--current{color:#0a1a34 !important;border-bottom-color:#0a1a34 !important}

/* mriezka: 4 na PC, 3 tablet, 2 mobil */
body.type-category #products.products-block, body.type-search #products.products-block{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,2.6vw,40px) clamp(12px,1.4vw,20px);margin:0 0 clamp(40px,5vw,72px) !important;padding:0 !important}
@media (max-width:1100px){body.type-category #products.products-block, body.type-search #products.products-block{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){body.type-category #products.products-block, body.type-search #products.products-block{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}}
body.type-category #products .product, body.type-search #products .product{width:auto !important;max-width:none !important;flex:none !important;padding:0 !important;margin:0 !important;float:none !important;border:0 !important;background:transparent !important;box-shadow:none !important}
body.type-category #products .p, body.type-search #products .p{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important}

/* karta produktu */
.p.l4p-card2 a.image{position:relative !important;display:block !important;aspect-ratio:3/4;height:auto !important;overflow:hidden;background:var(--l4p-surface) !important;margin:0 0 12px !important;padding:0 !important;border:0 !important}
.p.l4p-card2 a.image img{position:absolute !important;inset:0;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover;transition:opacity .45s ease,transform .7s}
.p.l4p-card2 a.image .l4p-i2{opacity:0}
.p.l4p-card2:hover a.image .l4p-i2{opacity:1}
.p.l4p-card2:hover a.image img{transform:scale(1.04)}
.p.l4p-card2 .l4p-tag{position:absolute;top:14px;left:14px;z-index:2;background:#d0f422;color:#0a1a34;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;line-height:1}
.p.l4p-card2 .p-in, .p.l4p-card2 .p-in-in{padding:0 !important;margin:0 !important;background:transparent !important;min-height:0 !important;height:auto !important;text-align:left !important}
.p.l4p-card2 a.name{display:block !important;color:#0a1a34 !important;text-decoration:none !important;min-height:0 !important;height:auto !important;max-height:none !important;overflow:visible !important;-webkit-line-clamp:unset !important;text-align:left !important;margin:0 !important;padding:0 !important}
.p.l4p-card2 a.name [data-micro="name"], .p.l4p-card2 a.name > span:first-child{display:block !important;font-weight:500 !important;font-size:14px !important;text-transform:uppercase;letter-spacing:.03em;line-height:1.25;color:#0a1a34 !important;overflow:visible !important;-webkit-line-clamp:unset !important;max-height:none !important}
.p.l4p-card2 .l4p-sub{display:block;margin-top:4px;font-size:12.5px !important;font-weight:400 !important;line-height:1.4;color:rgba(10,26,52,.62) !important;text-transform:none}
.p.l4p-card2 .availability, .p.l4p-card2 .p-code, .p.l4p-card2 .p-desc, .p.l4p-card2 .ratings-wrapper, .p.l4p-card2 .p-tools,
.p.l4p-card2 .extra-flags, .p.l4p-card2 .flags, .p.l4p-card2 .price-standard-wrapper, .p.l4p-card2 .price-additional, .p.l4p-card2 .stars-placeholder{display:none !important}
.p.l4p-card2 .p-bottom{padding:0 !important;margin:8px 0 0 !important;border:0 !important;background:transparent !important;min-height:0 !important;display:block !important}
.p.l4p-card2 .prices{text-align:left !important;padding:0 !important;margin:0 !important}
.p.l4p-card2 .price-final, .p.l4p-card2 .price-final strong{font-size:14px !important;font-weight:600 !important;color:#0a1a34 !important;text-align:left !important}
.p.l4p-card2 a.image:focus-visible{outline:2px solid #0a1a34;outline-offset:2px}

/* ucet: prihlasenie, registracia (SK + CZ) — svetla eshop podoba namiesto tmaveho pravneho rezimu */
body.l4p-acc, body.l4p-acc .overall-wrapper, body.l4p-acc #content-wrapper, body.l4p-acc .content-wrapper-in{background:#ffffff !important}
/* sablona kresli formular ako bielu kartu s tienom (main#content) na sivom pase (.overall-wrapper) */
body.l4p-acc main#content{background:transparent !important;box-shadow:none !important;border:0 !important;border-radius:0 !important}
body.l4p-acc aside.sidebar{display:none !important}
body.l4p-acc .content-wrapper-in{display:block !important}
body.l4p-acc #content{width:100% !important;max-width:620px !important;margin:0 auto !important;float:none !important;padding:clamp(28px,5vw,64px) 20px clamp(48px,6vw,88px) !important}
body.l4p-acc #content, body.l4p-acc #content *:not(svg):not(path):not([class*="icon"]){font-family:'Montserrat',sans-serif !important}
body.l4p-acc #content, body.l4p-acc #content p, body.l4p-acc #content label, body.l4p-acc #content span, body.l4p-acc #content legend{color:#0a1a34}
body.l4p-acc #content h1{font-weight:500 !important;text-transform:uppercase;font-size:clamp(26px,3.4vw,40px) !important;text-align:center;margin:0 0 28px !important;color:#0a1a34 !important}
body.l4p-acc #content h2, body.l4p-acc #content h3, body.l4p-acc #content h4{color:#0a1a34 !important;font-weight:500 !important}
body.l4p-acc #content input[type="text"], body.l4p-acc #content input[type="email"], body.l4p-acc #content input[type="password"],
body.l4p-acc #content input[type="tel"], body.l4p-acc #content select{background:transparent !important;border:0 !important;border-bottom:1.5px solid rgba(10,26,52,.35) !important;border-radius:0 !important;box-shadow:none !important;color:#0a1a34 !important;padding:12px 2px !important}
body.l4p-acc #content input:focus, body.l4p-acc #content select:focus{border-bottom-color:#0a1a34 !important;outline:none !important}
body.l4p-acc #content .btn, body.l4p-acc #content button[type="submit"], body.l4p-acc #content input[type="submit"]{background:#0a1a34 !important;color:#eeefe1 !important;border:0 !important;border-radius:0 !important;font-weight:500 !important;text-transform:uppercase;letter-spacing:.12em;padding:14px 28px !important;box-shadow:none !important}
body.l4p-acc #content .btn:hover, body.l4p-acc #content button[type="submit"]:hover, body.l4p-acc #content input[type="submit"]:hover{background:#d0f422 !important;color:#0a1a34 !important}
body.l4p-acc #content a:not(.btn){color:#0a1a34 !important;text-decoration:underline;text-underline-offset:3px}


/* =====================================================
   v21 — KATEGORIA A VYHLADAVANIE V STYLE PALAIR
   maly nadpis vlavo, uzka lista (podkategorie + radenie), mriezka cez celu sirku s uzkymi medzerami,
   4 produkty v rade na PC, 3 na tablete, 2 na mobile (mriezka z v20)
   ===================================================== */
body.type-category #content-wrapper, body.type-search #content-wrapper{max-width:none !important;width:100% !important;padding-left:0 !important;padding-right:0 !important}
body.type-category #content, body.type-search #content{max-width:none !important;padding:0 clamp(10px,1.2vw,18px) !important}
body.type-category .breadcrumbs, body.type-search .breadcrumbs{max-width:none !important;padding-left:clamp(10px,1.2vw,18px) !important;padding-right:clamp(10px,1.2vw,18px) !important}
body.type-category h1.category-title{text-align:left !important;font-size:14px !important;font-weight:600 !important;letter-spacing:.14em !important;margin:14px 0 12px !important}
body.type-search #content h2{text-align:left !important;font-size:14px !important;font-weight:600 !important;letter-spacing:.14em !important;margin:14px 0 16px !important}
/* podkategorie: jemne textove odkazy namiesto ramcekov */
body.type-category ul.subcategories{justify-content:flex-start !important;gap:6px 22px !important;margin:0 0 6px !important}
body.type-category ul.subcategories a{padding:4px 0 !important;border:0 !important;border-bottom:1.5px solid transparent !important;font-size:11px !important;color:rgba(10,26,52,.6) !important}
body.type-category ul.subcategories a:hover{background:transparent !important;color:#0a1a34 !important;border-bottom-color:#0a1a34 !important}
body.type-category ul.subcategories a:hover *{color:#0a1a34 !important}
/* radenie vpravo nad mriezkou */
body.type-category .listSorting__controls{justify-content:flex-end !important;gap:4px 20px !important;border-bottom:0 !important;border-top:1px solid rgba(10,26,52,.12) !important;margin:0 0 14px !important}
body.type-category .listSorting__control{padding:10px 0 8px !important;font-size:10.5px !important}
/* mriezka a karta: uzsie medzery a mensie pismo ako Palair */
body.type-category #products.products-block, body.type-search #products.products-block{gap:28px 10px !important}
@media (max-width:700px){body.type-category #products.products-block, body.type-search #products.products-block{gap:22px 8px !important}}
.p.l4p-card2 a.image{margin:0 0 10px !important}
.p.l4p-card2 a.name [data-micro="name"], .p.l4p-card2 a.name > span:first-child{font-size:12.5px !important;letter-spacing:.06em !important}
.p.l4p-card2 .l4p-sub{font-size:12px !important;margin-top:3px}
.p.l4p-card2 .price-final, .p.l4p-card2 .price-final strong{font-size:12.5px !important}
.p.l4p-card2 .l4p-tag{top:10px;left:10px;font-size:9.5px;padding:4px 8px}


/* =====================================================
   v22 — MRIEZKA KATEGORIE: 4 v rade uz od 900 px (bezne okno notebooku), 3 na tablete/iPade na vysku, 2 na mobile
   + jedna ciara nad radenim namiesto dvoch a mensia medzera pod nadpisom
   ===================================================== */
body.type-category .category-top{border-bottom:0 !important;margin-bottom:0 !important;padding-bottom:0 !important}
body.type-category #products.products-block, body.type-search #products.products-block{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
@media (max-width:899px){body.type-category #products.products-block, body.type-search #products.products-block{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (max-width:599px){body.type-category #products.products-block, body.type-search #products.products-block{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}


/* =====================================================
   v23 — PODKATEGORIE AKO ROLOVACIA LISTA V MENU (ako Palair)
   ===================================================== */
.l4p-home .nav ul{align-self:stretch}
/* obal hlavicky na podstrankach (.l4p-chrome) mal overflow:hidden a rolovaciu listu orezaval */
.l4p-home.l4p-chrome{overflow:visible !important}
.l4p-home .nav ul li{display:flex;align-items:center}
.l4p-home .nav li.hasdrop > a::after{content:"";display:inline-block;width:5px;height:5px;margin-left:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.l4p-home .nav .ndrop{display:none;position:absolute;left:0;right:0;top:100%;z-index:60;background:var(--paper);border-top:1px solid var(--line-lt);border-bottom:1px solid var(--line-lt);padding:22px clamp(12px,1.6vw,24px) 26px;flex-direction:column;align-items:flex-start;gap:13px}
.l4p-home .nav li.hasdrop:hover .ndrop, .l4p-home .nav li.hasdrop:focus-within .ndrop{display:flex}
.l4p-home .nav .ndrop a{font-size:11px;font-weight:600;letter-spacing:.11em;opacity:.78}
.l4p-home .nav .ndrop a:hover{opacity:1;border-bottom-color:var(--lime)}
/* mobilne menu: podkategorie odsadene pod Muzi padel.
   v28: na zaciatku su zabalene (vidno len Zeny / Muzi / Obuv), rozbali ich klik na Muzi. */
.l4p-home .mnav .msub{display:none;flex-direction:column;padding:0 0 8px}
.l4p-home .mnav .msub.open{display:flex}
/* sipka pri polozke Muzi, aby bolo vidno, ze sa rozbaluje */
.l4p-home .mnav a.macc{display:flex !important;align-items:center;justify-content:space-between}
.l4p-home .mnav a.macc::after{content:"";width:7px;height:7px;margin-left:12px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s;opacity:.75}
.l4p-home .mnav a.macc[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-2px)}
.l4p-home .mnav .msub a{margin:0 !important;padding:9px clamp(22px,6vw,34px) 9px calc(clamp(22px,6vw,34px) + 16px) !important;font-size:13px !important;font-weight:500;letter-spacing:.06em;opacity:.8}

/* =====================================================
   v23 — KATEGORIA AKO PALAIR: bez podkategorii a radenia, 4 velke fotky v rade cez celu sirku,
   karta podla tabulky majitelky: kolekcia, popis, NEW, cena
   ===================================================== */
body.type-category ul.subcategories, body.type-category #category-header{display:none !important}
body.type-category #content, body.type-search #content{padding:0 !important}
body.type-category h1.category-title{padding:0 clamp(10px,1.2vw,18px) !important;margin:16px 0 16px !important}
body.type-search #content h2{padding:0 clamp(10px,1.2vw,18px) !important}
body.type-category #products.products-block, body.type-search #products.products-block{gap:34px 7px !important}
@media (max-width:599px){body.type-category #products.products-block, body.type-search #products.products-block{gap:26px 5px !important}}
.p.l4p-card2 a.image{margin:0 0 12px !important}
.p.l4p-card2 .p-in, .p.l4p-card2 .p-bottom{padding-left:8px !important;padding-right:8px !important}
.p.l4p-card2 .l4p-tag{display:none !important}
.p.l4p-card2 .l4p-new{display:block;margin:0 0 3px;font-size:11px;font-weight:600;letter-spacing:.12em;color:#0a1a34}
/* pocet poloziek pod mriezkou skryt (Palair ho nema); strankovanie, ak by bolo, ostava */
body.type-category .listingControls .itemsTotal{display:none !important}


/* =====================================================
   v24 — FILTER PRODUKTOV SKRYTY (Shoptet ho podla sirky okna presuva do obsahu)
   ===================================================== */
body.type-category #filters, body.type-category .filters-wrapper, body.type-category #filters-wrapper,
body.type-category .box-filters, body.type-category #category-filter-hover, body.type-category .filter-total-count,
body.type-search #filters, body.type-search .filters-wrapper, body.type-search .box-filters{display:none !important}

/* =====================================================
   v24 — ZENY PADEL: damska kolekcia sa pripravuje (namiesto chybovej stranky)
   ===================================================== */
body.l4p-soon, body.l4p-soon .overall-wrapper, body.l4p-soon #content-wrapper, body.l4p-soon .content-wrapper-in{background:#ffffff !important}
body.l4p-soon aside.sidebar, body.l4p-soon .breadcrumbs{display:none !important}
body.l4p-soon .content-wrapper-in{display:block !important}
body.l4p-soon main#content{width:100% !important;max-width:none !important;float:none !important;margin:0 !important;padding:0 !important;background:transparent !important;box-shadow:none !important;border:0 !important}
.l4p-soon-in{max-width:640px;margin:0 auto;padding:clamp(80px,14vh,160px) 24px clamp(90px,16vh,180px);text-align:center;font-family:'Montserrat',sans-serif;color:#0a1a34}
.l4p-soon-in .l4p-soon-k{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(10,26,52,.6);margin:0 0 14px}
.l4p-soon-in h1{font-family:'Montserrat',sans-serif !important;font-weight:500 !important;text-transform:uppercase;font-size:clamp(26px,3.6vw,44px) !important;line-height:1.1;color:#0a1a34 !important;margin:0 0 18px !important}
.l4p-soon-in p{font-family:'Montserrat',sans-serif;font-size:15px;line-height:1.6;color:#0a1a34;margin:0 0 30px}
.l4p-soon-in .l4p-soon-btn{display:inline-block;background:#0a1a34;color:#eeefe1 !important;text-decoration:none !important;font-family:'Montserrat',sans-serif;font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:15px 28px;transition:.2s}
.l4p-soon-in .l4p-soon-btn:hover{background:#d0f422;color:#0a1a34 !important}


/* =====================================================
   v25 — SIPKY NA POSUVNYCH PASOCH (S cim sa da kombinovat) — rovnaky vzhlad ako kategorie na homepage
   ===================================================== */
.l4p-caro{position:relative}
.l4p-caro .l4p-arw{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border:0;border-radius:0;padding:0;background:rgba(238,239,225,.95);color:#0a1a34;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;box-shadow:0 2px 14px rgba(10,26,52,.18)}
.l4p-caro .l4p-arw:hover{background:#d0f422}
.l4p-caro .l4p-arw svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.l4p-caro .l4p-arw.prev{left:2.5mm}
.l4p-caro .l4p-arw.next{right:2.5mm}
@media (max-width:700px){.l4p-caro .l4p-arw{width:38px;height:38px}}

/* v25 — popis produktu: tabulka velkosti (APEX), poznamka unisex, technologie bez ikon */
table.l4p-size{width:100%;max-width:340px;border-collapse:collapse;margin:6px 0 14px;font-size:13px}
table.l4p-size th, table.l4p-size td{padding:7px 10px;border-bottom:1px solid rgba(10,26,52,.12);text-align:left;color:#0a1a34}
table.l4p-size th{font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.l4p-note{font-size:13px;color:rgba(10,26,52,.72)}


/* =====================================================
   v26 — INFORMACNE STRANKY (O nas, Ako vznikaju nase produkty, Clenstvo v L4padel Clube, Vratenie tovaru)
   Obsah stranok sa vklada v Shoptete (Stranky -> obsah), styl je tu. Landing sa netyka.
   ===================================================== */
body.l4p-info, body.l4p-info .overall-wrapper, body.l4p-info #content-wrapper, body.l4p-info .content-wrapper-in{background:#ffffff !important}
body.l4p-info aside.sidebar, body.l4p-info .breadcrumbs, body.l4p-info .pageArticleDetail > header, body.l4p-info #content > h1,
body.l4p-info .discussionContainer, body.l4p-info .pageArticleDetail ~ h2, body.l4p-info .pageArticleDetail + h2{display:none !important}
body.l4p-info .content-wrapper-in{display:block !important}
body.l4p-info #content-wrapper{max-width:none !important;width:100% !important;padding:0 !important}
body.l4p-info main#content{width:100% !important;max-width:none !important;float:none !important;margin:0 !important;padding:0 !important;background:transparent !important;box-shadow:none !important;border:0 !important}
.l4p-page, .l4p-page *{font-family:'Montserrat',sans-serif}
.l4p-page{color:#0a1a34}
.l4p-page p{font-size:15px;line-height:1.7;margin:0 0 14px;color:#0a1a34}
.l4p-page h2{font-weight:500;text-transform:uppercase;letter-spacing:.02em;line-height:1.08;font-size:clamp(26px,3.6vw,48px);margin:0 0 18px;color:#0a1a34}
.l4p-page .l4p-pg-k{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;opacity:.8}
.l4p-page .l4p-pg-lead{font-size:clamp(17px,1.6vw,21px);font-weight:600;line-height:1.45;margin:0 0 14px}
/* uvodna fotka */
.l4p-pg-hero{position:relative;min-height:clamp(340px,58vh,640px);display:flex;align-items:flex-end;overflow:hidden;background:#0a1a34}
.l4p-pg-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}
.l4p-pg-hero .l4p-pg-hero-in{position:relative;z-index:1;padding:clamp(28px,5vw,72px);max-width:900px}
.l4p-pg-hero h2, .l4p-pg-hero p, .l4p-pg-hero .l4p-pg-k{color:#eeefe1}
/* sekcia text + fotka */
.l4p-pg-sec{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;max-width:1280px;margin:0 auto;padding:clamp(48px,7vw,110px) clamp(18px,4vw,56px)}
.l4p-pg-sec.rev .l4p-pg-img{order:-1}
.l4p-pg-img img{width:100%;height:auto;display:block}
.l4p-pg-img.duo{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.l4p-pg-img.duo img{aspect-ratio:3/4;object-fit:cover}
/* pas fotiek */
.l4p-pg-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.l4p-pg-strip img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
/* stredovy text */
.l4p-pg-text{max-width:780px;margin:0 auto;padding:clamp(48px,7vw,110px) clamp(18px,4vw,40px);text-align:center}
.l4p-page .l4p-pg-list{list-style:none;padding:0;margin:0 0 20px}
.l4p-page .l4p-pg-list li{font-size:clamp(17px,1.6vw,22px);font-weight:600;line-height:1.5;color:#0a1a34}
.l4p-page .l4p-pg-claim{font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-top:22px}
.l4p-page .l4p-pg-btn{display:inline-block;margin-top:14px;background:#0a1a34;color:#eeefe1 !important;text-decoration:none !important;font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:15px 28px;transition:.2s}
.l4p-page .l4p-pg-btn:hover{background:#d0f422;color:#0a1a34 !important}
/* clenstvo: urovne */
.l4p-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,40px) clamp(48px,7vw,100px)}
.l4p-level{background:#0a1a34;padding:clamp(26px,3vw,42px)}
.l4p-page .l4p-level h3{font-weight:500;letter-spacing:.08em;font-size:22px;margin:0 0 6px;color:#d0f422}
.l4p-page .l4p-level .l4p-level-s{font-weight:600;font-size:14px;margin:0 0 12px;color:#eeefe1}
.l4p-page .l4p-level p{color:rgba(238,239,225,.82);font-size:14px}
.l4p-page .l4p-levels-path{text-align:center;font-weight:500;letter-spacing:.12em;font-size:13px;margin:-20px 0 clamp(48px,7vw,100px)}
/* clenstvo: tabulka vyhod (z grafiky majitelky) */
.l4p-page table.l4p-bene{width:100%;border-collapse:collapse;margin:0 auto 28px;font-size:13px}
.l4p-page table.l4p-bene th, .l4p-page table.l4p-bene td{padding:12px 10px;border-bottom:1px solid rgba(10,26,52,.14);text-align:center;color:#0a1a34}
.l4p-page table.l4p-bene th{font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.l4p-page table.l4p-bene th:first-child, .l4p-page table.l4p-bene td:first-child{text-align:left;font-weight:600}
/* pravny text (vratenie tovaru) */
.l4p-pg-legal{max-width:820px;margin:0 auto;padding:clamp(40px,6vw,90px) clamp(18px,4vw,40px)}
.l4p-pg-legal h1{font-weight:500;text-transform:uppercase;font-size:clamp(26px,3.4vw,40px);line-height:1.1;margin:0 0 22px;color:#0a1a34}
.l4p-pg-legal h3{font-weight:500;font-size:17px;margin:32px 0 10px;color:#0a1a34}
.l4p-pg-legal ul{margin:0 0 14px 18px;padding:0}
.l4p-pg-legal li{font-size:15px;line-height:1.7;margin:0 0 6px;color:#0a1a34}
.l4p-pg-form{border:1.5px solid rgba(10,26,52,.2);padding:clamp(20px,3vw,34px);margin-top:18px}
.l4p-pg-form table{width:100%;border-collapse:collapse;margin:8px 0 16px}
.l4p-pg-form th, .l4p-pg-form td{border:1px solid rgba(10,26,52,.2);padding:10px;font-size:13px;text-align:left}
/* formulare na stiahnutie */
.l4p-page .l4p-dl{border:1.5px solid rgba(10,26,52,.2);padding:clamp(18px,2.6vw,28px);margin:22px 0 8px}
.l4p-page .l4p-dl p{margin:0 0 10px}
.l4p-page .l4p-dl a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(10,26,52,.12);color:#0a1a34 !important;text-decoration:none !important;font-weight:600;font-size:14px}
.l4p-page .l4p-dl a::after{content:"↓";font-weight:500}
.l4p-page .l4p-dl a:hover{color:#0a1a34 !important;text-decoration:underline !important}
.l4p-page .l4p-dl-inline{font-size:13px;margin:6px 0 0}
.l4p-page .l4p-dl-inline a{color:#0a1a34 !important;font-weight:600;text-decoration:underline !important}
/* pravne stranky (Kontakty, GDPR, VOP): prazdna diskusia Shoptetu prec */
body.l4p-legal .discussionContainer, body.l4p-legal .discussion-form-trigger, body.l4p-legal #discussion-form{display:none !important}
@media (max-width:760px){
  .l4p-pg-sec{grid-template-columns:1fr}
  .l4p-pg-sec.rev .l4p-pg-img{order:0}
  .l4p-pg-strip{grid-template-columns:1fr 1fr}
  .l4p-levels{grid-template-columns:1fr}
}

/* =====================================================
   v30 — PRIPOMIENKY ZO STRETNUTIA S GRAFIKOM A MAJITELKOU (12. 9. 2026)
   Cisla v komentaroch = body zo zoznamu. Landing (body.type-index) sa nemeni.
   ===================================================== */

/* bod 19 (+2, 9, 20): vsetky texty eshopu malymi pismenami s velkym zaciatocnym,
   texty sa zobrazia presne tak, ako su napisane (nazvy produktov podla Excelu). */
body:not(.type-index) *{text-transform:none !important}
/* vynimky, ktore ostavaju VELKYMI: DO KOSIKA, ZENY / MUZI / OBUV (hlavicka, mobilne menu,
   hero, paticka — bod 22), NAKUPOVAT (bod 3) a znacka LOUNGE4PADEL na produkte (bod 10) */
body:not(.type-index) .l4p-home .nav ul > li > a,
body:not(.type-index) .l4p-home .mnav > a,
body:not(.type-index) .l4p-home .hero-links a,
body:not(.type-index) .l4p-home .tile-in .t2,
body:not(.type-index) .l4p-home .efoot a[href$="/muzi-padel/"],
body:not(.type-index) .l4p-home .efoot a[href$="/zeny-padel/"],
body:not(.type-index) .l4p-home .efoot a[href$="/obuv-na-padel/"],
body:not(.type-index) .add-to-cart-button,
body:not(.type-index) [data-testid="buttonAddToCart"],
body:not(.type-index) .p-detail-inner-header .brand-wrapper a{text-transform:uppercase !important}
/* z velkych pismen s rozpalom na male: rozpal pismen spat takmer na nulu, inak sa slova rozpadaju */
.l4p-acc-h, .l4p-sech, .l4p-sizes-lbl, .l4p-home .nsearch button, .l4p-home .tag, .l4p-home .fitem b,
.l4p-home .vyroba h2, .l4p-home .vlink, .l4p-home .cta a, .l4p-home .news h2, .l4p-home .nform button,
.l4p-home .fcols h5, .l4p-legal-foot a, body.type-search #content h2, body.type-category h1.category-title,
.p.l4p-card2 .l4p-tag, .p.l4p-card2 a.name [data-micro="name"], .p.l4p-card2 a.name > span:first-child,
body.l4p-acc #content h1, body.l4p-acc #content .btn, body.l4p-acc #content button[type="submit"],
.l4p-soon-in .l4p-soon-k, .l4p-soon-in h1, .l4p-soon-in .l4p-soon-btn, table.l4p-size th,
.l4p-page h2, .l4p-page .l4p-pg-k, .l4p-page .l4p-pg-claim, .l4p-page .l4p-pg-btn, .l4p-page table.l4p-bene th,
.l4p-pg-legal h1, body.type-product #content h1, body.type-category #content h1,
.l4p-home .nav .ndrop a, .l4p-home .mnav .msub a{letter-spacing:.01em !important}

/* bod 1: vybrana velkost by po prepocte rezov bola tensia nez nevybrane — zjednotene, zvyraznenie robi neon */
.l4p-sizes-row button.on{font-weight:600}

/* bod 4: texty pri nabehnuti kurzorom uz nesvietia na neon — objavi sa hruba neonova ciara pod nimi.
   Ciara sa kresli tienom pod existujucou linkou, takze sa text neposunie. Netyka sa buttonov ani paticky. */
.l4p-home .nav ul > li > a:hover, .l4p-home .nav .ndrop a:hover{color:var(--ink);border-bottom-color:var(--lime);box-shadow:0 1.5px 0 var(--lime)}
/* ZENY / MUZI / OBUV na uvodnej fotke: bez ciary v pokoji, ciara az pri nabehnuti kurzorom */
.l4p-home .hero-links a{border-bottom-color:transparent}
.l4p-home .hero-links a:hover{color:var(--cream);border-bottom-color:var(--lime);box-shadow:0 2px 0 var(--lime)}
/* Ako vznikaju nase produkty: bez ciary v pokoji, ciara az pri nabehnuti kurzorom */
.l4p-home .vlink{border-bottom-color:transparent;transition:border-color .2s,box-shadow .2s}
.l4p-home .vlink:hover{color:var(--cream);border-bottom-color:var(--lime);box-shadow:0 2px 0 var(--lime)}
/* mobil (bez kurzora): po tuknuti ciara na okamih zablikne a az potom sa otvori stranka */
.l4p-home .hero-links a.l4p-flash, .l4p-home .vlink.l4p-flash{border-bottom-color:var(--lime);box-shadow:0 2px 0 var(--lime)}
.l4p-home a.bigtile.l4p-flash .tile-in .t2{border-bottom-color:var(--lime);box-shadow:0 1.5px 0 var(--lime)}
/* NAKUPOVAT na dlazdiciach: bez ciary v pokoji, ciara az pri nabehnuti kurzorom na dlazdicu */
.l4p-home .tile-in .t2{border-bottom-color:transparent;transition:border-color .2s,box-shadow .2s}
.l4p-home .bigtile:hover .tile-in .t2{border-bottom-color:var(--lime);box-shadow:0 1.5px 0 var(--lime)}
body.l4p-acc #content a:not(.btn):hover, .l4p-page .l4p-dl a:hover{text-decoration:underline !important;text-decoration-color:#d0f422 !important;text-decoration-thickness:3px !important;text-underline-offset:5px !important}

/* bod 10 + 12: na produkte — znacka, pod nou len nazov (CORE Tee neon), pod nim H1 z Excelu */
body.type-product .l4p-right .l4p-pname{margin:6px 0 0;font-family:'Montserrat',sans-serif;font-weight:500;font-size:clamp(21px,2vw,28px);line-height:1.15;color:#0a1a34}
body.type-product .l4p-right .l4p-pricebox{margin-top:14px}
body.type-product .l4p-right h1.l4p-seo{font-size:15px !important;font-weight:400 !important;line-height:1.45 !important;color:rgba(10,26,52,.72) !important;margin:6px 0 0 !important;letter-spacing:0 !important}

/* bod 13: pocet kusov a DO KOSIKA nizsie pod velkostami, okienko s poctom = sirka okienka velkosti, bez ikony kosika */
body.type-product .l4p-sizes{margin-bottom:26px}
body.type-product .add-to-cart .quantity input{width:50px !important;min-width:50px}
body.type-product .add-to-cart-button i, body.type-product [data-testid="buttonAddToCart"] i{display:none !important}

/* bod 16 + 17: v kartach "S cim sa da kombinovat" a "Dostupne farebne varianty" bez ceny,
   zalomeny text pod nazvom blizsie k sebe */
.l4p-card .l4p-pr, .l4p-g3 .l4p-pr{display:none !important}
.l4p-nm small{line-height:1.25;margin-top:3px}

/* bod 21: vacsia medzera pred "Pridajte sa do L4PADEL Clubu" na produkte (2,5x: 40 px -> 100 px) */
body.type-product .l4p-home .news{padding-top:clamp(75px,10vw,140px)}

/* bod 24: v paticke vsetky odkazy aj spodny riadok rovnakym bielym stylom ako napr. Vratenie tovaru */
.l4p-home .fcols li a, .l4p-home .fbot, .l4p-home .fbot span, .l4p-home .fbot a{color:var(--cream) !important;font-size:13.5px;letter-spacing:0}

/* bod 18: na mobile fotky vedla seba, prstom posuvne, s palickami (neplati pre mriezky 2x2) */
.l4p-pgal-wrap{display:contents}
.l4p-bars{display:none}
@media(max-width:700px){
  .l4p-pgal-wrap{display:block;position:relative}
  .l4p-pgal{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:0 !important;padding:0 !important;scrollbar-width:none}
  .l4p-pgal::-webkit-scrollbar{display:none}
  .l4p-pgal img{flex:0 0 100%;scroll-snap-align:start}
  .l4p-caro{overflow-x:auto !important;scroll-snap-type:x mandatory;scrollbar-width:none}
  .l4p-caro::-webkit-scrollbar{display:none}
  .l4p-track{transform:none !important;transition:none !important;gap:4px !important}
  .l4p-track .l4p-card{flex:0 0 calc((100vw - 4px) / 2) !important;scroll-snap-align:start}
  .l4p-track .l4p-card[data-l4p-dup]{display:none !important}
  .l4p-caro .l4p-arw{display:none !important}
  .l4p-g3{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:0 !important;scrollbar-width:none}
  .l4p-g3::-webkit-scrollbar{display:none}
  .l4p-g3 > a{flex:0 0 100%;scroll-snap-align:start}
  .l4p-bars{display:flex;gap:6px;justify-content:center;padding:12px 0 0}
  .l4p-bars i{display:block;width:22px;height:3px;background:rgba(10,26,52,.22);transition:background .2s}
  .l4p-bars i.on{background:#0a1a34}
  .l4p-bars.over{position:absolute;left:0;right:0;bottom:14px;padding:0;z-index:3}
}

/* bod 15: ikony starostlivosti — rovnaka vyska pre vsetky sady (sady maju rozne siroke platno) */
img.l4p-care{height:59px !important;width:auto !important;max-width:100%}

/* bod 25: kontaktny formular Shoptetu (#FORM[code=contact]#) na stranke Kontakty — biely vzhlad ako Vratenie tovaru */
body.l4p-info #content form[action*="MailForm"]{max-width:560px;margin:22px 0 10px;display:flex;flex-direction:column;gap:16px}
body.l4p-info #content form[action*="MailForm"] label{display:block;margin:0 0 6px;font-size:12px;font-weight:600;color:#0a1a34}
body.l4p-info #content form[action*="MailForm"] input:not([type="hidden"]):not([type="checkbox"]):not([type="submit"]),
body.l4p-info #content form[action*="MailForm"] textarea{display:block;width:100%;box-sizing:border-box;background:#ffffff !important;border:1.5px solid rgba(10,26,52,.2) !important;border-radius:0 !important;box-shadow:none !important;color:#0a1a34 !important;padding:12px 14px !important;font-family:'Montserrat',sans-serif;font-size:15px !important;height:auto !important}
body.l4p-info #content form[action*="MailForm"] textarea{min-height:150px}
body.l4p-info #content form[action*="MailForm"] input:focus, body.l4p-info #content form[action*="MailForm"] textarea:focus{outline:none;border-color:#0a1a34 !important}
body.l4p-info #content form[action*="MailForm"] button, body.l4p-info #content form[action*="MailForm"] input[type="submit"]{align-self:flex-start;background:#0a1a34 !important;color:#eeefe1 !important;border:0 !important;border-radius:0 !important;padding:14px 30px !important;font-family:'Montserrat',sans-serif;font-size:13px !important;font-weight:600 !important;cursor:pointer;transition:.2s}
body.l4p-info #content form[action*="MailForm"] button:hover, body.l4p-info #content form[action*="MailForm"] input[type="submit"]:hover{background:#d0f422 !important;color:#0a1a34 !important}

/* v31: stranka Kontakty — nadpis Kontakty a Bezpecnostna kontrola vo formulari rezom SemiBold */
body.in-kontakty .l4p-pg-legal h1, body.in-kontakty #content form[action*="MailForm"] h2{font-weight:600 !important}

/* =====================================================
   v31 — dalsie pripomienky (13. 9. 2026)
   ===================================================== */

/* LANDING: vernostny program Ellity vklada plavajuce tlacidlo na vsetky stranky vratane landingu.
   Landing sa nesmie menit -> na type-index skryte. */
body.type-index .mehub-bonus-bean-container, body.type-index .ellity-bean{display:none !important}

/* okienko s poctom kusov presne ako okienko velkosti (50 x 48 px). Shoptet mal tlacidla - a +
   polozene cez okraje policka, takze z neho bolo vidno len ~26 px. */
body.type-product .add-to-cart .quantity{display:flex !important;align-items:stretch;border:0 !important;width:auto !important;height:48px !important;padding:0 !important}
body.type-product .add-to-cart .quantity label{order:1;display:block;margin:0 !important;padding:0 !important}
body.type-product .add-to-cart .quantity .decrease{order:0}
body.type-product .add-to-cart .quantity .increase{order:2}
body.type-product .add-to-cart .quantity button{position:static !important;width:36px !important;height:48px !important;margin:0 !important;transform:none !important;inset:auto !important}
body.type-product .add-to-cart .quantity input{box-sizing:border-box !important;width:50px !important;min-width:50px !important;height:48px !important;margin:0 !important;border:1px solid rgba(10,26,52,.2) !important;position:static !important}

/* nazvy kategorii na dlazdiciach uvodnej stranky: Medium */
.l4p-home .tile-in .t1{font-weight:500}

/* texty pod produktmi v kategorii (nazov, podnadpis, NEW, cena) zarovnane na lavu hranu fotky —
   NEW a cena mali doteraz dvojite odsadenie (16 px oproti 8 px pri nazve) */
.p.l4p-card2 .p-in, .p.l4p-card2 .p-bottom{padding-left:0 !important}

/* sipky pri posuvnych fotkach: len uzke okno s kurzorom (na mobile sa posuva prstom, na PC su mriezky) */
.l4p-sw{display:contents}
.l4p-sw-arw{display:none}
@media (max-width:700px){ .l4p-sw{display:block;position:relative} }
@media (max-width:700px) and (hover:hover) and (pointer:fine){
  .l4p-sw-arw{display:flex;position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:38px;height:38px;border:0;border-radius:0;padding:0;background:rgba(238,239,225,.95);color:#0a1a34;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 14px rgba(10,26,52,.18)}
  .l4p-sw-arw:hover{background:#d0f422}
  .l4p-sw-arw svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
  .l4p-sw-arw.prev{left:8px}
  .l4p-sw-arw.next{right:8px}
  /* dlazdice kategorii na uvodnej stranke: sipky aj na uzkom okne s kurzorom */
  .l4p-home .arw{display:flex}
}

/* =====================================================
   v32 — ucet, chyby vo formularoch, Ellity na pravnych strankach (13. 9. 2026)
   ===================================================== */

/* Ellity: plavajuce tlacidlo ani na pravnych strankach otvaranych z landingu (GDPR, VOP) */
body.l4p-legal .mehub-bonus-bean-container, body.l4p-legal .ellity-bean{display:none !important}

/* chyby vo formularoch (registracia, prihlasenie, kontakt, ucet) */
.l4p-form-err{border-left:3px solid #b20f0f;background:rgba(178,15,15,.06);color:#0a1a34;padding:12px 16px;margin:0 0 22px;font-family:'Montserrat',sans-serif;font-size:14px;line-height:1.45}
.l4p-form-err p{margin:0 !important;color:#0a1a34 !important}
.l4p-form-err p + p{margin-top:6px !important}
body:not(.type-index) #content .error-field{border-color:#b20f0f !important;border-bottom-color:#b20f0f !important}
body:not(.type-index) #content .validator-msg.msg-error{display:block;margin:6px 0 0 !important;color:#b20f0f !important;font-family:'Montserrat',sans-serif !important;font-size:13px !important;font-weight:500 !important;line-height:1.35}

/* zakaznicky ucet (/klient/...) — rovnaky vzhlad ako zvysok eshopu: biela, Montserrat, menu uctu vlavo */
body.customer-page #header, body.customer-page .header-top, body.customer-page .header-bottom{display:none !important}
body.customer-page .overall-wrapper{padding-top:0 !important}
body.customer-page, body.customer-page .overall-wrapper, body.customer-page #content-wrapper, body.customer-page .content-wrapper-in{background:#ffffff !important}
body.customer-page #content-wrapper, body.customer-page #content-wrapper *:not(svg):not(path):not([class*="icon"]){font-family:'Montserrat',sans-serif !important}
body.customer-page .breadcrumbs{max-width:1180px;margin:0 auto !important;padding:18px 5mm 0 !important;background:transparent !important}
body.customer-page .breadcrumbs, body.customer-page .breadcrumbs *{background:transparent !important}
body.customer-page .breadcrumbs a, body.customer-page .breadcrumbs span{color:rgba(10,26,52,.55) !important;font-size:12px !important}
body.customer-page .content-wrapper-in{display:flex !important;gap:clamp(24px,4vw,64px);align-items:flex-start;max-width:1180px;margin:0 auto !important;padding:clamp(20px,3vw,40px) 5mm clamp(48px,6vw,88px) !important;float:none !important}
body.customer-page main#content{flex:1 1 auto;min-width:0;width:auto !important;max-width:none !important;margin:0 !important;float:none !important;background:transparent !important;box-shadow:none !important;border:0 !important;border-radius:0 !important;padding:0 !important}
body.customer-page #content, body.customer-page #content p, body.customer-page #content label, body.customer-page #content span, body.customer-page #content legend, body.customer-page #content td, body.customer-page #content th{color:#0a1a34}
body.customer-page #content h1{font-weight:500 !important;font-size:clamp(24px,2.6vw,32px) !important;margin:0 0 24px !important;color:#0a1a34 !important;text-align:left;letter-spacing:.01em !important}
body.customer-page #content h2, body.customer-page #content h3, body.customer-page #content h4{color:#0a1a34 !important;font-weight:500 !important;font-size:18px !important;margin:34px 0 14px !important}
body.customer-page #content h2 img, body.customer-page #content h2 svg, body.customer-page #content h2 i, body.customer-page #content h2 [class*="icon"], body.customer-page #content h2::before{display:none !important;content:none !important}
body.customer-page #content input[type="text"], body.customer-page #content input[type="email"], body.customer-page #content input[type="password"],
body.customer-page #content input[type="tel"], body.customer-page #content input[type="number"], body.customer-page #content select, body.customer-page #content textarea{background:#ffffff !important;border:1.5px solid rgba(10,26,52,.2) !important;border-radius:0 !important;box-shadow:none !important;color:#0a1a34 !important}
body.customer-page #content input:focus, body.customer-page #content select:focus, body.customer-page #content textarea:focus{border-color:#0a1a34 !important;outline:none !important}
body.customer-page #content .btn, body.customer-page #content button[type="submit"], body.customer-page #content input[type="submit"]{background:#0a1a34 !important;color:#eeefe1 !important;border:0 !important;border-radius:0 !important;font-weight:500 !important}
body.customer-page #content .btn:hover, body.customer-page #content button[type="submit"]:hover, body.customer-page #content input[type="submit"]:hover{background:#d0f422 !important;color:#0a1a34 !important}
body.customer-page #content table{border-collapse:collapse}
body.customer-page #content th{font-weight:600 !important;font-size:12px !important;border-bottom:1.5px solid rgba(10,26,52,.2) !important;background:transparent !important}
body.customer-page #content td{border-bottom:1px solid rgba(10,26,52,.1) !important;background:transparent !important}
body.customer-page #content a:not(.btn){color:#0a1a34 !important}
/* menu uctu vlavo */
body.customer-page #content-wrapper aside.sidebar{display:block !important;flex:0 0 250px;width:250px !important;max-width:250px !important;padding:0 !important;margin:0 !important;background:transparent !important;float:none !important}
body.customer-page #content-wrapper aside.sidebar *{background:transparent !important}
body.customer-page #content-wrapper aside.sidebar a{display:block;color:#0a1a34 !important;font-size:13.5px !important;font-weight:400 !important;padding:9px 0 !important;border-radius:0 !important;text-decoration:none !important;border:0 !important;border-bottom:1px solid rgba(10,26,52,.1) !important;box-shadow:none !important}
body.customer-page #content-wrapper aside.sidebar ul > li:first-child a, body.customer-page #content-wrapper aside.sidebar ul > li:first-child a strong{font-size:16px !important;font-weight:500 !important;border-bottom:0 !important;padding:0 0 4px !important}
body.customer-page #content-wrapper aside.sidebar li.logout{margin:4px 0 14px}
body.customer-page #content-wrapper aside.sidebar li.logout a.btn{display:inline-block;color:#0a1a34 !important;border:0 !important;padding:0 !important;font-size:12px !important;font-weight:500 !important;text-decoration:underline !important;text-underline-offset:3px;text-transform:none !important;letter-spacing:0 !important}
body.customer-page #content-wrapper aside.sidebar li.active > a{font-weight:600 !important;box-shadow:inset 3px 0 0 #0a1a34 !important;padding-left:10px !important}
body.customer-page #content-wrapper aside.sidebar li:not(.logout):not(:first-child) > a:hover{box-shadow:inset 3px 0 0 #d0f422 !important;padding-left:10px !important}
@media (max-width:900px){
  body.customer-page .content-wrapper-in{flex-direction:column}
  body.customer-page #content-wrapper aside.sidebar{width:100% !important;max-width:none !important;flex:none}
}

/* v32: bez oznacenia NEW pri produktoch (karty v kategorii aj stitky Shoptetu) */
.p.l4p-card2 .l4p-new, body:not(.type-index) .flag.flag-new{display:none !important}

/* v32: produkt docasne mimo predaja (zoznam L4P_SOON v JS) */
.p.l4p-card-soon .prices{display:none !important}
.p.l4p-card2 .l4p-soon-tag{display:block;font-size:13px;font-weight:600;color:#0a1a34}
body.type-product .l4p-pd-soon .l4p-sizes, body.type-product .l4p-pd-soon form.pr-action,
body.type-product .l4p-pd-soon .p-to-cart-block, body.type-product .l4p-pd-soon .l4p-pricebox{display:none !important}
body.type-product .l4p-right .l4p-soon-note{display:inline-block;margin:16px 0 4px;padding:8px 14px;background:#0a1a34;color:#eeefe1;font-size:13px;font-weight:600}

/* =====================================================
   v33 — karty v kategorii, biele pravne stranky (13. 9. 2026)
   ===================================================== */

/* karty v kategorii: vsetky texty 8 px od okraja fotky (nie priamo na hrane obrazovky) */
.p.l4p-card2 .p-in{padding-left:8px !important;padding-right:8px !important}
.p.l4p-card2 .p-bottom{padding-left:0 !important}
/* ceny v jednom riadku: karty v rade rovnako vysoke, cena vzdy dole bez ohladu na dlzku podnadpisu */
#products.products-block > .product{display:flex !important;flex-direction:column}
.p.l4p-card2{display:flex !important;flex-direction:column;flex:1 1 auto;height:auto !important}
.p.l4p-card2 .p-in{flex:1 1 auto;display:flex !important;flex-direction:column}
.p.l4p-card2 .p-bottom{margin-top:auto !important;padding-top:8px !important}

/* pravne stranky (GDPR, VOP) pri prichode z landingu alebo priamo: biele pozadie, navy text, cierne logo */
body.l4p-legal{background:#ffffff !important;color:#0a1a34}
body.l4p-legal #content, body.l4p-legal #content *:not(svg):not(path){color:#0a1a34 !important}
body.l4p-legal #content p, body.l4p-legal #content li{color:rgba(10,26,52,.85) !important}
.l4p-legal-top{background:#ffffff;border-bottom:1px solid rgba(10,26,52,.12)}
.l4p-legal-foot{background:#ffffff;border-top:1px solid rgba(10,26,52,.12)}
.l4p-legal-foot a{color:rgba(10,26,52,.6)}
.l4p-legal-foot a:hover{color:#0a1a34;text-decoration:underline;text-decoration-color:#d0f422;text-decoration-thickness:3px;text-underline-offset:5px}

/* pravne stranky pri prichode z eshopu: ako Vratenie tovaru — nasa hlavicka a paticka, text v stlpci */
body.l4p-legal-eshop #content .content-inner{max-width:860px;margin:0 auto !important;padding:clamp(28px,5vw,56px) clamp(20px,5vw,40px) clamp(48px,6vw,80px) !important}
body.l4p-legal-eshop #content, body.l4p-legal-eshop #content *:not(svg):not(path){font-family:'Montserrat',sans-serif !important}
body.l4p-legal-eshop #content h1{font-size:clamp(26px,3.4vw,40px) !important;font-weight:600 !important;line-height:1.15 !important;color:#0a1a34 !important;margin:0 0 28px !important}
body.l4p-legal-eshop #content h2, body.l4p-legal-eshop #content h3{font-weight:600 !important;color:#0a1a34 !important;margin:32px 0 12px !important;line-height:1.25}
body.l4p-legal-eshop #content p, body.l4p-legal-eshop #content li{color:rgba(10,26,52,.85) !important;line-height:1.65 !important;font-weight:400 !important}
body.l4p-legal-eshop #content a{color:#0a1a34 !important;text-decoration:underline !important;text-underline-offset:3px}
body.l4p-legal-eshop #content a:hover{text-decoration-color:#d0f422 !important;text-decoration-thickness:3px !important;text-underline-offset:5px !important}

/* =====================================================
   v34-v39 — 3. sekcia uvodnej stranky: "Technológia, ktorú cítiť pri hre"
   podla vzoru DIZAJN AKO VZOR DESKTOP / MOBILE: fotka latky, 4 kruhove detaily s ciarou na latku.
   v35: velkosti pisma ako zvysok uvodnej stranky (nadpis = "Pridajte sa do L4PADEL Clubu",
   nazvy = nadpis sekcie vyroby, popisy = texty v paticke); fotka vzdy cez celu sirku (bez ciernych pasov).
   v36/v37: PC a tablet — fotka orezana zhora o 12 % (podla nakresu Filipa), nadpis nizsie; popisy na tablete a mobile 10,5 px.
   ===================================================== */
.l4p-home .tech{position:relative;background:#141110;overflow:hidden}
.l4p-home .tech-stage{position:relative;width:100%;aspect-ratio:1600/792;margin:0 auto;color:#eeefe1}
/* PC a tablet: technologia-latka.jpg = priblizeny vyrez fotky 1-186; mobil: technologia-latka-mobil.jpg = cela fotka */
.l4p-home .tech .tech-pic{display:contents}
.l4p-home .tech .tech-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 85%}
.l4p-home .tech-stage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(10,8,8,.3) 0%,rgba(10,8,8,0) 28%,rgba(10,8,8,0) 74%,rgba(10,8,8,.35) 100%)}
.l4p-home .tech-lines{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;overflow:visible}
.l4p-home .tech-lines path{fill:none;stroke:rgba(238,239,225,.72);stroke-width:1;vector-effect:non-scaling-stroke}
.l4p-home .tech-lines circle{fill:#eeefe1}
.l4p-home .tech-lines.tl-m{display:none}
/* nadpis: rovnaky ako nadpis "Pridajte sa do L4PADEL Clubu" */
.l4p-home .tech-h{position:absolute;z-index:3;left:4.8%;top:10%;font-weight:500;font-size:clamp(19px,2.7vw,30px);line-height:1.2;letter-spacing:.01em;color:#ffffff;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.l4p-home .tech .tech-ic{position:absolute;z-index:3;display:block;aspect-ratio:1;height:auto;max-width:none;border-radius:50%;object-fit:cover;
  border:2px solid rgba(238,239,225,.92);box-shadow:0 12px 34px rgba(0,0,0,.55);transform:translate(-50%,-50%)}
.l4p-home .tech-tx{position:absolute;z-index:3;display:flex;flex-direction:column;gap:8px;text-shadow:0 1px 12px rgba(0,0,0,.55)}
/* nazov: ako nadpis sekcie vyroby; popis: ako texty v paticke */
.l4p-home .tech-tx b{font-weight:600;font-size:clamp(13px,1.35vw,17px);line-height:1.35;letter-spacing:.01em;color:#ffffff}
.l4p-home .tech-tx span{font-weight:400;font-size:11.5px;line-height:1.5;letter-spacing:.01em;color:rgba(238,239,225,.9)}
/* velke pismena ako vo vzore (inak plati bod 19: texty eshopu malymi) */
body:not(.type-index) .l4p-home .tech-tx b, body:not(.type-index) .l4p-home .tech-tx span{text-transform:uppercase !important}
/* PC: pozicie podla vzoru v % (stred kruhu); vyska = fotka bez hornych 12 % */
.l4p-home .tech .ic1{left:36.75%;top:28.75%;width:9.8%}
.l4p-home .tech .ic3{left:30.5%;top:53.41%;width:8.7%}
.l4p-home .tech .ic4{left:72.15%;top:24.32%;width:10%}
.l4p-home .tech .ic2{left:69.75%;top:54.89%;width:7.5%}
.l4p-home .tech-tx.tx1{right:72.25%;top:24.43%;width:20%;text-align:right}
.l4p-home .tech-tx.tx3{right:78%;top:46.59%;width:18%;text-align:right}
.l4p-home .tech-tx.tx4{left:79.75%;top:17.84%;width:18%}
.l4p-home .tech-tx.tx2{left:75.7%;top:49.09%;width:20%}

/* tablet a mobil: nadpis, 2 texty, fotka cez celu sirku s kruhmi, 2 texty */
@media (max-width:1299px){
  .l4p-home .tech-stage{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(16px,4vw,48px);
    grid-template-areas:"h h" "t1 t4" "ph ph" "t3 t2";padding:clamp(34px,6vw,64px) 0 clamp(38px,6vw,64px)}
  .l4p-home .tech-stage::after{display:none}
  .l4p-home .tech-h{position:static;grid-area:h;padding:0 clamp(16px,5vw,56px) clamp(20px,3vw,32px)}
  .l4p-home .tech-tx{position:static;width:auto !important;text-align:left !important;align-self:start}
  .l4p-home .tech-tx span{font-size:10.5px}
  .l4p-home .tech-tx.tx1, .l4p-home .tech-tx.tx3{padding-left:clamp(16px,5vw,56px)}
  .l4p-home .tech-tx.tx4, .l4p-home .tech-tx.tx2{padding-right:clamp(16px,5vw,56px)}
  .l4p-home .tech-tx.tx1{grid-area:t1;padding-bottom:clamp(14px,2.4vw,24px)}
  .l4p-home .tech-tx.tx4{grid-area:t4;padding-bottom:clamp(14px,2.4vw,24px)}
  .l4p-home .tech-tx.tx3{grid-area:t3;padding-top:clamp(14px,2.4vw,24px)}
  .l4p-home .tech-tx.tx2{grid-area:t2;padding-top:clamp(14px,2.4vw,24px)}
  /* blok s fotkou rovnaky vyrez ako na PC (1600 x 792) — kruhy v % jeho sirky (margin), ciary tl-d */
  .l4p-home .tech .tech-bg{position:static;grid-area:ph;width:100%;height:auto;aspect-ratio:1600/792;object-fit:cover;object-position:50% 100%;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
  .l4p-home .tech-lines.tl-d{position:static;grid-area:ph;align-self:stretch}
  .l4p-home .tech .tech-ic{position:relative;grid-area:ph;align-self:start;justify-self:start;left:auto !important;top:auto !important;transform:none;border-width:1.5px}
  .l4p-home .tech .ic1{width:9.8%;margin:9.33% 0 0 31.85%}
  .l4p-home .tech .ic3{width:8.7%;margin:22.09% 0 0 26.15%}
  .l4p-home .tech .ic4{width:10%;margin:7.04% 0 0 67.15%}
  .l4p-home .tech .ic2{width:7.5%;margin:23.42% 0 0 66%}
}
/* mobil: fotka 390 x 380 z celej fotky; kruhy vlavo a vpravo, ciary ako na PC (vodorovne, potom sikmo v rovnakom uhle);
   v38/v39: spodne 2 kruhy nizsie, ich ciary zrkadlovo smerom hore — bodky na latke (nad spodnym okrajom trička) */
@media (max-width:599px){
  .l4p-home .tech-stage{column-gap:16px}
  .l4p-home .tech-h{padding:0 16px 20px}
  .l4p-home .tech-tx.tx1, .l4p-home .tech-tx.tx3{padding:0 0 0 16px}
  .l4p-home .tech-tx.tx2, .l4p-home .tech-tx.tx4{padding:0 16px 0 0}
  .l4p-home .tech-tx.tx1, .l4p-home .tech-tx.tx4{padding-bottom:10px}
  .l4p-home .tech .tech-bg{aspect-ratio:390/380;object-position:30% 50%;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%)}
  .l4p-home .tech-lines.tl-d{display:none}
  .l4p-home .tech-lines.tl-m{display:block;position:static;grid-area:ph;align-self:stretch}
  .l4p-home .tech .tech-ic{width:17.44% !important}
  .l4p-home .tech .ic1{margin:20% 0 0 9.23%}
  .l4p-home .tech .ic3{margin:52.31% 0 0 9.23%}
  .l4p-home .tech .ic4{margin:16.92% 0 0 73.33%}
  .l4p-home .tech .ic2{margin:52.31% 0 0 73.33%}
}

/* =====================================================
   v39 — funkcne tricka: "S cim sa da kombinovat" bez tmaveho prechodu na fotke (13. 9. 2026)
   Sortky su v tejto sekcii to podstatne a tmavy prechod ich prekryval. Bez prechodu by svetly text
   na fotke nebol citatelny, preto je nazov a podnadpis pod fotkou (tmavomodry).
   ===================================================== */
body.l4p-tee .l4p-caro .l4p-card .ph{aspect-ratio:auto;overflow:hidden;background:transparent}
body.l4p-tee .l4p-caro .l4p-card .ph::after{content:none;display:none}
body.l4p-tee .l4p-caro .l4p-card .ph img{position:static;display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:var(--l4p-surface)}
body.l4p-tee .l4p-caro .l4p-card, body.l4p-tee .l4p-caro .l4p-card *{text-decoration:none !important}
/* v40: priblizenie fotky pod mysou zostava — spodok zvacsenej fotky prekryva biely blok s textom */
body.l4p-tee .l4p-caro .l4p-nm{position:relative;z-index:2;display:block;padding:10px 8px 0;background:#ffffff;color:#0a1a34 !important}
body.l4p-tee .l4p-caro .l4p-nm small{color:rgba(10,26,52,.62) !important}

/* =====================================================
   v41 — velkosti pisma na uvodnej stranke (13. 9. 2026)
   ===================================================== */
/* odkaz "Ako vznikaju nase produkty" pod sekciou vyroby */
.l4p-home .vlink{font-size:11.5px}
/* nazvy kategorii na dlazdiciach (PC a tablet; na mobile ostava 13 px, dlazdice su tam uzke) */
@media (min-width:701px){ .l4p-home .tile-in .t1{font-size:17px} }

/* =====================================================
   v43 — KOSIK A OBJEDNAVKA vo farbach a stylu eshopu (13. 9. 2026)
   /kosik/, /objednavka/krok-1/ (doprava a platba), /objednavka/krok-2/ (udaje)
   Styl ako zvysok eshopu: ostre rohy, kremova #eeefe1 pre panely, tmavomodra #0a1a34 pre text a tlacidla,
   neon #d0f422 len ako akcent (zvyraznenie vybranej moznosti, hover tlacidla). Pismo vsade Montserrat.
   ===================================================== */
/* nadpisy boxov "Zvolte sposob dopravy / platby" — Shoptet ich mal v patkovom pisme (Source Serif) */
body.ordering-process #content h2.order-icon{font-family:'Montserrat',sans-serif !important;font-weight:500 !important;font-size:20px !important;letter-spacing:.01em !important;color:#0a1a34 !important;display:flex;align-items:center;gap:12px}
body.ordering-process #content h2.order-icon i{font-size:24px !important;color:#0a1a34 !important;margin:0 !important}
body.ordering-process #content h2, body.ordering-process #content .h4, body.ordering-process #content legend{letter-spacing:.01em !important}

/* kroky 1 - 2 - 3 */
body.ordering-process .cart-header .step a::before, body.ordering-process .cart-header .step strong::before{border-radius:0 !important;border:1.5px solid rgba(10,26,52,.25) !important;background:transparent !important;color:rgba(10,26,52,.45) !important;font-weight:500 !important}
body.ordering-process .cart-header .step a, body.ordering-process .cart-header .step strong,
body.ordering-process .cart-header .step span{color:rgba(10,26,52,.45) !important;font-weight:500 !important}
body.ordering-process .cart-header .step.active strong::before, body.ordering-process .cart-header .step.active a::before{background:#0a1a34 !important;border-color:#0a1a34 !important;color:#eeefe1 !important}
body.ordering-process .cart-header .step.completed a::before{background:transparent !important;border-color:#0a1a34 !important;color:#0a1a34 !important}
body.ordering-process .cart-header .step.active strong, body.ordering-process .cart-header .step.active span,
body.ordering-process .cart-header .step.completed a, body.ordering-process .cart-header .step.completed span{color:#0a1a34 !important}
body.ordering-process .cart-header .step span{font-size:18px !important}
body.ordering-process .cart-header .step.completed a:hover span{text-decoration:underline;text-underline-offset:4px}

/* panely: doprava, platba, udaje, zhrnutie, poradenstvo */
body.ordering-process .co-box, body.ordering-process .summary-wrapper, body.ordering-process .checkout-box-wrapper,
body.ordering-process #content .box-bg-default{background:#eeefe1 !important;border-radius:0 !important;box-shadow:none !important}
body.ordering-process .summary-wrapper .box, body.ordering-process .checkout-box-wrapper .box{background:transparent !important}

/* moznosti dopravy a platby: biele riadky, vybrana ma tmavomodry ramcek a neonovy pruh vlavo */
body.ordering-process .shipping-billing-table .radio-wrapper{background:#ffffff;border:1px solid rgba(10,26,52,.1) !important;margin:0 0 8px !important;transition:border-color .15s,box-shadow .15s}
body.ordering-process .shipping-billing-table .radio-wrapper:hover{border-color:rgba(10,26,52,.4) !important}
body.ordering-process .shipping-billing-table .radio-wrapper.active,
body.ordering-process .shipping-billing-table .radio-wrapper:has(label.active){border-color:#0a1a34 !important;box-shadow:inset 4px 0 0 #d0f422}
body.ordering-process .shipping-billing-table .radio-wrapper label::before{border:1.5px solid #0a1a34 !important;background:#ffffff !important}
body.ordering-process .shipping-billing-table .radio-wrapper label::after{background:#0a1a34 !important;border-color:#0a1a34 !important}
body.ordering-process .shipping-billing-name{color:#0a1a34 !important;font-weight:600 !important}
body.ordering-process .shipping-billing-table .sublabel{color:rgba(10,26,52,.62) !important}
body.ordering-process .shipping-billing-table .sublabel a{color:#0a1a34 !important;text-decoration:underline;text-underline-offset:3px}
body.ordering-process .payment-shipping-price{color:#0a1a34 !important;font-weight:600 !important}
body.ordering-process .payment-shipping-price.for-free{font-size:12px !important;letter-spacing:.06em !important;font-weight:600 !important}

/* polozky v kosiku */
body.ordering-process .cart-table, body.ordering-process .cart-table tr, body.ordering-process .cart-table td{border-color:rgba(10,26,52,.12) !important}
body.ordering-process .cart-table .main-link{color:#0a1a34 !important;font-weight:600 !important}
body.ordering-process .cart-table .main-link:hover{text-decoration:underline;text-underline-offset:3px}
body.ordering-process .cart-table .main-link-variant, body.ordering-process .cart-table .p-price .price-final,
body.ordering-process .cart-table .unit-value, body.ordering-process .price-secondary{color:rgba(10,26,52,.62) !important}
body.ordering-process .cart-table .p-total .price-final{color:#0a1a34 !important}
body.ordering-process .cart-table .remove-item{color:rgba(10,26,52,.55) !important}
body.ordering-process .cart-table .remove-item:hover{color:#b20f0f !important}
body.ordering-process .cart-table .cart-p-image img{background:var(--l4p-surface);object-fit:cover}
/* pocet kusov */
body.ordering-process .quantity{border-radius:0 !important;border:1.5px solid rgba(10,26,52,.2) !important;background:#ffffff !important}
body.ordering-process .quantity button{background:transparent !important;border-radius:0 !important;color:#0a1a34 !important}
body.ordering-process .quantity button:hover{background:#d0f422 !important}
body.ordering-process .quantity input{color:#0a1a34 !important;font-weight:600 !important;background:transparent !important}

/* tlacidla */
body.ordering-process .btn{border-radius:0 !important}
body.ordering-process .btn-conversion, body.ordering-process .next-step-forward, body.ordering-process #content .btn-primary:not(.toggle-contacts){background:#0a1a34 !important;border-color:#0a1a34 !important;color:#eeefe1 !important;font-weight:500 !important;letter-spacing:.02em}
body.ordering-process .btn-conversion *, body.ordering-process .next-step-forward *{color:inherit !important}
body.ordering-process .btn-conversion:hover, body.ordering-process .next-step-forward:hover, body.ordering-process #content .btn-primary:not(.toggle-contacts):hover{background:#d0f422 !important;border-color:#d0f422 !important;color:#0a1a34 !important}
body.ordering-process .next-step-back, body.ordering-process .next-step-back span{color:#0a1a34 !important;background:transparent !important;border-color:transparent !important;text-decoration:underline;text-underline-offset:4px;font-weight:500 !important}
body.ordering-process .toggle-contacts{background:#ffffff !important;border:1.5px solid #0a1a34 !important;color:#0a1a34 !important}
body.ordering-process .toggle-contacts:hover{background:#0a1a34 !important;color:#eeefe1 !important}

/* formular s udajmi */
body.ordering-process #content .form-control, body.ordering-process #content input[type="text"], body.ordering-process #content input[type="email"],
body.ordering-process #content input[type="tel"], body.ordering-process #content input[type="password"], body.ordering-process #content select, body.ordering-process #content textarea{border-radius:0 !important;border:1.5px solid rgba(10,26,52,.2) !important;background-color:#ffffff !important;color:#0a1a34 !important;box-shadow:none !important}
body.ordering-process #content .form-control:focus, body.ordering-process #content input:focus, body.ordering-process #content select:focus, body.ordering-process #content textarea:focus{border-color:#0a1a34 !important;outline:none !important}
body.ordering-process #content label{color:#0a1a34}
body.ordering-process #content input[type="checkbox"] + label::before, body.ordering-process #content label.whole-width::before{border-radius:0 !important;border:1.5px solid #0a1a34 !important}

/* zhrnutie objednavky */
body.ordering-process .summary-wrapper .price-primary{color:#0a1a34 !important}
body.ordering-process .extras-wrap .icon-van{color:rgba(10,26,52,.55) !important}
/* vernostny program (Ellity) v kosiku: rovnaky styl ako panely eshopu */
body.ordering-process .mehub-bonus-cart-container .card{border-radius:0 !important;background:#0a1a34 !important}
body.ordering-process .mehub-bonus-cart-container .card a{color:#d0f422 !important;text-decoration:underline;text-underline-offset:3px}

/* =====================================================
   v47 — S cim sa da kombinovat: bez zdvojenych kariet; ked sa vsetky zmestia, pas stoji a nema sipky
   ===================================================== */
.l4p-caro.l4p-caro-static .l4p-arw{display:none !important}

/* =====================================================
   v48 — Zeny padel: fotka damskej kolekcie + "Uz coskoro" (pismo ako hero na uvodnej stranke); nove fotky dlazdic triciek
   ===================================================== */
.l4p-soon-hero{position:relative;overflow:hidden;width:100%;aspect-ratio:2560/1368;max-height:calc(100svh - 74px);min-height:0;margin:0 auto;background:#1c1b1b}
.l4p-soon-hero img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 85%}
.l4p-soon-hero h1{position:absolute;left:clamp(20px,7vw,120px);top:30%;z-index:2;margin:0 !important;padding:0;text-align:left;
  font-family:'Montserrat',sans-serif !important;font-weight:500 !important;font-size:clamp(20px,2.9vw,34px) !important;line-height:1.1;letter-spacing:.02em !important;
  text-transform:none !important;color:#eeefe1 !important;text-shadow:0 2px 22px rgba(10,26,52,.5)}
@media (max-width:700px){ .l4p-soon-hero h1{left:16px;top:18%;font-size:20px !important} }

/* =====================================================
   v53 — video v galerii produktu (CORE 2-in-1 Shorts grey): rovnaky rozmer a orez ako fotky
   ===================================================== */
.l4p-pgal video.l4p-pvid{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--l4p-surface)}
/* v54: mobil — video je samostatna zastavka pri posuvani galerie (predtym ho posuvanie preskocilo) */
@media (max-width:700px){ .l4p-pgal video.l4p-pvid{flex:0 0 100%;scroll-snap-align:start} }

/* =====================================================
   v57 — tabulka velkosti tenisiek (EU / dlzka / US / UK); mobilne menu mensie
   ===================================================== */
table.l4p-size.l4p-size-shoe{max-width:460px}
table.l4p-size.l4p-size-shoe th, table.l4p-size.l4p-size-shoe td{text-align:center}
table.l4p-size.l4p-size-shoe th:first-child, table.l4p-size.l4p-size-shoe td:first-child{text-align:left}
/* mobilne menu (pod tromi ciarkami): ZENY / MUZI / OBUV 11 px, Medium — ako menu na PC */
.l4p-home .mnav > a{font-size:11px !important;font-weight:500 !important;letter-spacing:.11em !important}
.l4p-home .mnav .msub a{font-size:11px !important;font-weight:400 !important}

/* =====================================================
   v59 — Zeny: fotka cez celu sirku (vycentrovana, orez zhora); L4Padel Club nadpis 17 px SemiBold
   ===================================================== */
body.l4p-soon main#content, body.l4p-soon #content .l4p-soon-hero{width:100% !important;max-width:none !important}
.l4p-home .news h2{font-size:17px !important;font-weight:600 !important;letter-spacing:.01em !important}
/* v60: Zeny — napis "Uz coskoro..." pevne 17 px (PC aj mobil) */
.l4p-soon-hero h1{font-size:17px !important}

/* =====================================================
   v61 — L4Padel Club: e-mailove policko + Pridat sa presne tak siroke ako nadpis nad nim, polovicna vyska
   (stlpec mriezky ma sirku nadpisu; ostatne prvky sa na tuto sirku len prisposobia)
   ===================================================== */
.l4p-home .news{display:grid !important;justify-content:center;grid-template-columns:max-content}
.l4p-home .news > *:not(h2){width:0;min-width:100%;box-sizing:border-box}
.l4p-home .news .nform{margin:14px 0 0 !important;max-width:none;border-width:1px}
.l4p-home .news .nform input{width:0;flex:1 1 auto;padding:7px 10px;font-size:12px;line-height:1.2}
.l4p-home .news .nform button{flex:0 0 auto;padding:0 12px;font-size:10.5px;letter-spacing:.08em;border-left-width:1px}
.l4p-home .news .nsoc{justify-content:center}

/* =====================================================
   v62 — Ako vznikaju nase produkty (SK aj CZ): decentne pismo ako na uvodnej stranke
   hlavny nadpis max 34 px Medium, nadpisy sekcii 17 px Medium, podnadpisy 13 px SemiBold, texty 11,5 px Medium
   ===================================================== */
body.in-ako-vznikaju-nase-produkty .l4p-page .l4p-pg-hero h2{font-size:clamp(22px,2.9vw,34px) !important;font-weight:500 !important;line-height:1.12}
body.in-ako-vznikaju-nase-produkty .l4p-page .l4p-pg-sec h2, body.in-ako-vznikaju-nase-produkty .l4p-page .l4p-pg-text h2{font-size:17px !important;font-weight:500 !important;line-height:1.3;margin:0 0 12px}
body.in-ako-vznikaju-nase-produkty .l4p-page .l4p-pg-lead{font-size:13px !important;font-weight:600 !important;line-height:1.5;margin:0 0 10px}
body.in-ako-vznikaju-nase-produkty .l4p-page p:not(.l4p-pg-k):not(.l4p-pg-lead):not(.l4p-pg-claim), body.in-ako-vznikaju-nase-produkty .l4p-page .l4p-pg-list li{font-size:11.5px !important;font-weight:500 !important;line-height:1.7}
body.in-ako-vznikaju-nase-produkty .l4p-page .l4p-pg-list{margin:0 0 14px}
body.in-ako-vznikaju-nase-produkty .l4p-page .l4p-pg-claim{font-size:13px !important;font-weight:600 !important}
/* v62: paticka — MUZI / ZENY / OBUV 13 px */
body:not(.type-index) .l4p-home .efoot a[href$="/muzi-padel/"], body:not(.type-index) .l4p-home .efoot a[href$="/zeny-padel/"], body:not(.type-index) .l4p-home .efoot a[href$="/obuv-na-padel/"]{font-size:13px !important}

/* =====================================================
   v63 — nove fotky: Zeny (PC + mobil), vyroba (uvodna stranka + Ako vznikaju nase produkty); fotky cez celu obrazovku
   ===================================================== */
/* Zeny: PC cez celu sirku aj vysku okna pod hlavickou; mobil fotka na sirku 4:3, aby boli obe modelky cele */
.l4p-soon-hero{aspect-ratio:auto !important;height:calc(100svh - 74px) !important;max-height:none !important;min-height:420px !important}
.l4p-soon-hero picture{display:contents}
.l4p-soon-hero img{object-position:50% 60% !important}
@media (max-width:700px){ .l4p-soon-hero{height:auto !important;aspect-ratio:4/3 !important;min-height:0 !important} .l4p-soon-hero img{object-position:50% 55% !important} }
/* uvodna stranka: sekcia Navrhnute pre padel — fotka na sirku az do vysky okna */
.l4p-home .vyroba{height:min(56.25vw, calc(100svh - 74px)) !important;min-height:340px}
@media (max-width:700px){ .l4p-home .vyroba{height:auto !important;aspect-ratio:4/5;min-height:0} }
/* Ako vznikaju nase produkty: uvodna fotka cez celu obrazovku */
body.in-ako-vznikaju-nase-produkty .l4p-pg-hero{min-height:min(56.25vw, calc(100svh - 74px)) !important}
@media (max-width:700px){ body.in-ako-vznikaju-nase-produkty .l4p-pg-hero{min-height:clamp(420px,110vw,560px) !important} }
/* v63: fotka sitia v povodnych farbach (bez ciernobieleho filtra a modreho zafarbenia); tmavy prechod len dole pod textom */
.l4p-home .vyroba img{filter:none !important}
.l4p-home .vyroba::after{background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%) !important}
body.in-ako-vznikaju-nase-produkty .l4p-pg-hero{background:#111 !important}
body.in-ako-vznikaju-nase-produkty .l4p-pg-hero img{opacity:1 !important}
body.in-ako-vznikaju-nase-produkty .l4p-pg-hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.6) 100%)}


/* v64: Zeny — fotka cez celu sirku okna bez bielych pasov po bokoch, cela fotka (bez orezania), vyska podla pomeru stran fotky */
body.l4p-soon #content-wrapper, body.l4p-soon .content-wrapper-in, body.l4p-soon main#content{width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important}
.l4p-soon-hero{width:100% !important;height:auto !important;aspect-ratio:2866/1403 !important;max-height:none !important;min-height:0 !important;margin:0 !important}
.l4p-soon-hero img{object-fit:cover !important;object-position:50% 50% !important}
@media (max-width:700px){ .l4p-soon-hero{aspect-ratio:955/468 !important} .l4p-soon-hero img{object-position:50% 50% !important} }

/* =====================================================
   v65 — uvodna stranka: Technologia + Navrhnute pre padel
   PC a tablet (nad 700 px): obe sekcie rovnako vysoke = kazda polovica okna pod hlavickou (74 px), biely pas 5 mm medzi nimi ostava;
   obe fotky ukotvene odspodu. Technologia: bez popisov a bez ciar, len 4 kruzky s nazvami v rade; nadpis 17 px SemiBold, nazvy 11,5 px SemiBold.
   Farby fotky bez zmeny — citatelnost nazvov zabezpecuje len tmavy stitok za textom.
   ===================================================== */
.l4p-home .tech-tx span{display:none !important}
.l4p-home .tech-lines{display:none !important}
.l4p-home .tech-h{font-size:17px !important;font-weight:600 !important}
.l4p-home .tech-tx b{font-size:11.5px !important;font-weight:600 !important;letter-spacing:.06em !important}
.l4p-home .vyroba img{object-position:50% 100% !important}
@media (min-width:901px){
  .l4p-home{--l4p-half:max(260px, calc((100svh - 74px - 5mm) / 2))}
  .l4p-home .vyroba{height:var(--l4p-half) !important;min-height:0 !important;aspect-ratio:auto !important}
  .l4p-home .tech-stage{display:block !important;aspect-ratio:auto !important;height:var(--l4p-half) !important;padding:0 !important}
  .l4p-home .tech-stage::after{display:block !important}
  .l4p-home .tech .tech-bg{position:absolute !important;inset:0;width:100% !important;height:100% !important;aspect-ratio:auto !important;
    object-fit:cover;object-position:50% 100% !important;-webkit-mask-image:none !important;mask-image:none !important}
  .l4p-home .tech-h{position:absolute !important;left:clamp(20px,4.8%,92px) !important;top:clamp(18px,7%,40px) !important;padding:0 !important;margin:0 !important;
    text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 22px rgba(0,0,0,.6) !important}
  .l4p-home .tech{--d:clamp(62px, calc(var(--l4p-half) * .3), 128px)}
  .l4p-home .tech .tech-ic{position:absolute !important;width:var(--d) !important;margin:0 !important;top:48% !important;transform:translate(-50%,-50%) !important;border-width:2px !important}
  .l4p-home .tech-tx{position:absolute !important;top:calc(48% + var(--d) / 2 + 12px) !important;transform:translateX(-50%);width:auto !important;max-width:min(210px,19%);
    padding:5px 10px !important;margin:0 !important;background:rgba(12,10,10,.55);text-align:center !important;text-shadow:none !important;right:auto !important}
  .l4p-home .tech-tx b{line-height:1.35 !important;text-transform:uppercase !important;color:#ffffff !important}
  /* poradie ako doteraz: Lightweight, Moisture-Wicking, Soft Comfort, Flexible Stretch */
  .l4p-home .tech .ic1, .l4p-home .tech-tx.tx1{left:20% !important}
  .l4p-home .tech .ic4, .l4p-home .tech-tx.tx4{left:40% !important}
  .l4p-home .tech .ic3, .l4p-home .tech-tx.tx3{left:60% !important}
  .l4p-home .tech .ic2, .l4p-home .tech-tx.tx2{left:80% !important}
}

/* =====================================================
   v66 — Technologia + Navrhnute pre padel (PC a tablet, nad 700 px)
   - vyssie: hlavicka sa pri scrollovani dole skryva, takze obe sekcie + biely pas = cela vyska okna
   - kruzky rozmiestnene podla nakresu Filipa (stred kruzku v % sirky a vysky sekcie), nazov vpravo od kruzku
   - nazvy bez sedeho stitka; jemne odtiene biela -> svetlosiva podla toho, ci je pod nimi svetla alebo tmava cast fotky
   ===================================================== */
@media (min-width:901px){
  .l4p-home{--l4p-half:max(280px, calc((100svh - 5mm) / 2))}
  .l4p-home .tech .tech-ic{top:var(--y) !important;left:var(--x) !important}
  .l4p-home .tech .tech-tx{top:var(--y) !important;left:calc(var(--x) + var(--d) / 2 + 14px) !important;transform:translateY(-50%) !important;
    background:none !important;padding:0 !important;max-width:none !important;white-space:nowrap;text-align:left !important;
    text-shadow:0 1px 2px rgba(0,0,0,.45),0 0 14px rgba(0,0,0,.35) !important}
  .l4p-home .tech .ic1, .l4p-home .tech-tx.tx1{--x:31.4%;--y:20%}
  .l4p-home .tech .ic4, .l4p-home .tech-tx.tx4{--x:45.6%;--y:53%}
  .l4p-home .tech .ic3, .l4p-home .tech-tx.tx3{--x:61%;--y:24%}
  .l4p-home .tech .ic2, .l4p-home .tech-tx.tx2{--x:76.1%;--y:66.7%}
  .l4p-home .tech-tx.tx1 b, .l4p-home .tech-tx.tx4 b{color:#ffffff !important}
  .l4p-home .tech-tx.tx3 b{color:#f1f1ec !important}
  .l4p-home .tech-tx.tx2 b{color:#dcdcd7 !important}
}

/* =====================================================
   v67 — Technologia: kruzky vzdy na tricku (PC, tablet aj mobil)
   Kruzky a nazvy su ukotvene na body FOTKY (nie sekcie): fotka je cez celu sekciu (cover) a zarovnana odspodu,
   poloha sa prepocita z jej skutocnej velkosti (container query jednotky cqw/cqh), velkost kruzku rastie s fotkou.
   Nadpis zarovno s nazvami kategorii nad sekciou (rovnaky okraj ako .tile-in). Mobil: bez ciernych pasov, vsetko na fotke.
   ===================================================== */
@media (min-width:901px){
  .l4p-home .tech-stage{container-type:size}
  .l4p-home .tech-h{left:clamp(18px,2vw,28px) !important}
  .l4p-home .tech .tech-ic, .l4p-home .tech .tech-tx{
    --rw:max(100cqw, 177.79cqh);
    --d:clamp(56px, calc(var(--rw) * .067), 128px);
    --cx:calc(50cqw + (var(--ix) - .5) * var(--rw));
    --cy:calc(100cqh - (1 - var(--iy)) * var(--rw) / 1.7779)}
  .l4p-home .tech .tech-ic{left:var(--cx) !important;top:var(--cy) !important;width:var(--d) !important}
  .l4p-home .tech .tech-tx{left:calc(var(--cx) + var(--d) / 2 + 14px) !important;top:var(--cy) !important;
    white-space:normal;max-width:calc(100cqw - var(--cx) - var(--d) / 2 - 26px) !important}
  /* body na fotke technologia-latka.jpg (podiel sirky / vysky fotky) — podla nakresu Filipa */
  .l4p-home .tech .ic1, .l4p-home .tech .tech-tx.tx1{--ix:.314;--iy:.651}
  .l4p-home .tech .ic3, .l4p-home .tech .tech-tx.tx3{--ix:.61;--iy:.60}
  .l4p-home .tech .ic4, .l4p-home .tech .tech-tx.tx4{--ix:.456;--iy:.794}
  .l4p-home .tech .ic2, .l4p-home .tech .tech-tx.tx2{--ix:.761;--iy:.854}
  /* Moisture-Wicking Technology sa na uzsej obrazovke zalomi, aby nezasiahol do kruzku Flexible Stretch */
  .l4p-home .tech .tech-tx.tx4{max-width:calc(.305 * var(--rw) - var(--d) - 22px) !important}
}

/* =====================================================
   v68 — Technologia na mobile a tablete (do 900 px): fotka 1:1 podla vzoru DIZAJN AKO VZOR MOBILE
   (technologia-mobil-v2.jpg = vzor s vymazanymi textami; kruzky a ciary su priamo vo fotke).
   Nadpis a nazvy su text v dohodnutej velkosti (nadpis 17 px SemiBold, nazvy 11,5 px SemiBold — na uzkom mobile mierne mensie,
   aby sa zmestili vedla kruzkov), polohy v % podla vzoru; popisy vynechane.
   ===================================================== */
@media (max-width:900px){
  .l4p-home .tech-stage{display:block !important;position:relative !important;aspect-ratio:1080/1350 !important;height:auto !important;
    padding:0 !important;container-type:normal !important}
  .l4p-home .tech-stage::after{display:none !important}
  .l4p-home .tech .tech-bg{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;aspect-ratio:auto !important;
    object-fit:cover !important;object-position:50% 50% !important;-webkit-mask-image:none !important;mask-image:none !important}
  .l4p-home .tech-lines, .l4p-home .tech .tech-ic{display:none !important}
  .l4p-home .tech-h{position:absolute !important;left:clamp(12px,2vw,18px) !important;top:8% !important;padding:0 !important;margin:0 !important;z-index:3;
    font-size:17px !important;font-weight:600 !important;text-shadow:0 1px 3px rgba(0,0,0,.6) !important}
  .l4p-home .tech .tech-tx{position:absolute !important;grid-area:auto !important;padding:0 !important;margin:0 !important;width:auto !important;
    transform:translateY(-50%) !important;background:none !important;white-space:normal !important;
    text-shadow:0 1px 2px rgba(0,0,0,.5) !important}
  .l4p-home .tech-tx b{font-size:clamp(9.5px,2.6vw,11.5px) !important;font-weight:600 !important;letter-spacing:.03em !important;
    line-height:1.3 !important;color:#ffffff !important;text-transform:uppercase !important}
  /* vlavo od kruzkov (zarovnane doprava), vpravo od kruzkov (zarovnane dolava) — ako vo vzore */
  .l4p-home .tech .tech-tx.tx1{left:auto !important;right:76.8% !important;top:33.9% !important;max-width:21% !important;text-align:right !important}
  .l4p-home .tech .tech-tx.tx3{left:auto !important;right:81.6% !important;top:51.6% !important;max-width:16.5% !important;text-align:right !important}
  .l4p-home .tech .tech-tx.tx2{left:78.7% !important;right:auto !important;top:36.1% !important;max-width:20% !important;text-align:left !important}
  .l4p-home .tech .tech-tx.tx4{left:76.5% !important;right:auto !important;top:54.1% !important;max-width:22% !important;text-align:left !important}
}

/* v71: Technologia na mobile a tablete — nova fotka (IMG_1541, rovnaky orez ako doteraz, bubliny a ciary na rovnakych miestach);
   nazvy pri bublinach Bold, hlavny nadpis bez zmeny */
@media (max-width:900px){
  .l4p-home .tech-tx b{font-weight:700 !important}
}

/* =====================================================
   v72 — Technologia
   Mobil (do 700 px): nazvy zvislo na stred bublin (stredy bublin vo fotke technologia-mobil-v3.jpg 1080 x 1350).
   Tablet (701–900 px): fotka na sirku technologia-tablet-v1.jpg = vyrez z mobilnej fotky (y 320–1040), bubliny a ciary
   na rovnakych miestach; nadpis hore, nazvy vedla bublin zvislo na ich stred.
   ===================================================== */
@media (max-width:700px){
  .l4p-home .tech .tech-tx.tx1{top:36.3% !important}
  .l4p-home .tech .tech-tx.tx2{top:38.4% !important}
  .l4p-home .tech .tech-tx.tx3{top:53.9% !important}
  .l4p-home .tech .tech-tx.tx4{top:56.1% !important}
}
@media (min-width:701px) and (max-width:900px){
  .l4p-home .tech-stage{aspect-ratio:1080/720 !important}
  .l4p-home .tech-h{top:3.5% !important;left:clamp(12px,2vw,18px) !important}
  .l4p-home .tech .tech-tx.tx1{left:auto !important;right:75.6% !important;top:23.6% !important;max-width:22% !important;text-align:right !important}
  .l4p-home .tech .tech-tx.tx3{left:auto !important;right:80.3% !important;top:56.5% !important;max-width:18% !important;text-align:right !important}
  .l4p-home .tech .tech-tx.tx2{left:78.1% !important;right:auto !important;top:27.6% !important;max-width:20% !important;text-align:left !important}
  .l4p-home .tech .tech-tx.tx4{left:75.3% !important;right:auto !important;top:60.7% !important;max-width:23% !important;text-align:left !important}
}

/* v73 — Technologia na tablete (701–900 px): fotka 1-184 vo vyreze podla navrhu od Sone (16:9 = rovnaka vyska ako
   sekcia Navrhnute pre padel pod nou), bubliny a ciary podla Sone; nazvy vedla bublin zvislo na ich stred */
@media (min-width:701px) and (max-width:900px){
  .l4p-home .tech-stage{aspect-ratio:16/9 !important}
  .l4p-home .tech-h{top:7% !important}
  .l4p-home .tech .tech-tx.tx1{left:auto !important;right:69.1% !important;top:37.4% !important;max-width:28% !important;text-align:right !important}
  .l4p-home .tech .tech-tx.tx3{left:auto !important;right:61.9% !important;top:66.9% !important;max-width:30% !important;text-align:right !important}
  .l4p-home .tech .tech-tx.tx4{left:78.3% !important;right:auto !important;top:33.4% !important;max-width:20% !important;text-align:left !important}
  .l4p-home .tech .tech-tx.tx2{left:74.3% !important;right:auto !important;top:60.3% !important;max-width:24% !important;text-align:left !important}
}

/* =====================================================
   v74 — Technologia: tabletova verzia (technologia-tablet-v2.jpg, bubliny a ciary vo fotke) aj na PC (od 701 px vyssie)
   Vyska sekcie = 16:9 sirky, najviac vyska okna pod hlavickou; ak je okno nizsie, fotka sa oreze rovnako zhora aj zdola
   (bubliny su v strede fotky, orez ich nezasiahne). Nazvy su ukotvene na body fotky cez cqw/cqh — ostanu pri bublinach.
   Body vo fotke 1920 x 1080: kotva nazvu (x, y) — Lightweight 593/404, Soft Comfort 731/722 (zarovnane doprava),
   Moisture-Wicking 1503/361, Flexible Stretch 1427/651 (zarovnane dolava).
   ===================================================== */
@media (min-width:701px){
  .l4p-home .tech-stage{display:block !important;position:relative !important;aspect-ratio:auto !important;padding:0 !important;
    height:min(56.25vw, calc(100svh - 74px)) !important;container-type:size !important}
  .l4p-home .tech-stage::after{display:none !important}
  .l4p-home .tech .tech-bg{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;aspect-ratio:auto !important;
    object-fit:cover !important;object-position:50% 50% !important;-webkit-mask-image:none !important;mask-image:none !important}
  .l4p-home .tech-lines, .l4p-home .tech .tech-ic{display:none !important}
  .l4p-home .tech .tech-h{position:absolute !important;left:clamp(12px,2vw,28px) !important;padding:0 !important;margin:0 !important;z-index:3;
    top:max(14px, calc(50cqh - .43 * max(100cqw, 177.78cqh) / 1.7778)) !important;text-shadow:0 1px 3px rgba(0,0,0,.6) !important}
  .l4p-home .tech .tech-tx{--rw:max(100cqw, 177.78cqh);position:absolute !important;grid-area:auto !important;padding:0 !important;margin:0 !important;
    width:auto !important;right:auto !important;background:none !important;white-space:normal !important;
    left:calc(50cqw + (var(--ix) - .5) * var(--rw)) !important;top:calc(50cqh + (var(--iy) - .5) * var(--rw) / 1.7778) !important;
    text-shadow:0 1px 2px rgba(0,0,0,.5) !important}
  .l4p-home .tech-tx b{font-weight:700 !important;color:#ffffff !important;letter-spacing:.03em !important;line-height:1.3 !important;text-transform:uppercase !important}
  .l4p-home .tech .tech-tx.tx1 b, .l4p-home .tech .tech-tx.tx2 b, .l4p-home .tech .tech-tx.tx3 b, .l4p-home .tech .tech-tx.tx4 b{color:#ffffff !important}
  .l4p-home .tech .tech-tx.tx1{--ix:.3089;--iy:.3741;transform:translate(-100%,-50%) !important;text-align:right !important;max-width:calc(.29 * var(--rw)) !important}
  .l4p-home .tech .tech-tx.tx3{--ix:.3807;--iy:.6685;transform:translate(-100%,-50%) !important;text-align:right !important;max-width:calc(.36 * var(--rw)) !important}
  .l4p-home .tech .tech-tx.tx4{--ix:.7828;--iy:.3343;transform:translate(0,-50%) !important;text-align:left !important;max-width:calc(.2 * var(--rw)) !important}
  .l4p-home .tech .tech-tx.tx2{--ix:.7432;--iy:.6028;transform:translate(0,-50%) !important;text-align:left !important;max-width:calc(.24 * var(--rw)) !important}
}

/* =====================================================
   v75 — Technologia podla sirky okna
   - PC od 1280 px: siroky pas technologia-desktop-v3.jpg (1920 x 472, bubliny a ciary vo fotke, variant B), vyska podla fotky
   - 901–1279 px: technologia-stredne-v1.jpg = tabletova verzia (variant A), spodne dve bubliny o kusok vyssie
   - tablet 701–900 px a mobil bez zmeny
   ===================================================== */
@media (min-width:901px) and (max-width:1279px){
  .l4p-home .tech .tech-tx.tx3{--iy:.6315}
  .l4p-home .tech .tech-tx.tx2{--iy:.5657}
}
@media (min-width:1280px){
  .l4p-home .tech-stage{height:auto !important;aspect-ratio:1920/472 !important}
  .l4p-home .tech .tech-h{top:26px !important}
  /* kotvy nazvov v % pasu 1920 x 472 */
  .l4p-home .tech .tech-tx.tx1{left:31.8% !important;top:30.08% !important;max-width:none !important;white-space:nowrap !important}
  .l4p-home .tech .tech-tx.tx4{left:67.37% !important;top:23.94% !important;max-width:none !important;white-space:nowrap !important}
  .l4p-home .tech .tech-tx.tx3{left:41.22% !important;top:63.56% !important;max-width:none !important;white-space:nowrap !important}
  .l4p-home .tech .tech-tx.tx2{left:65.73% !important;top:64.83% !important;max-width:none !important;white-space:nowrap !important}
}

/* =====================================================
   v76 — uvodna stranka: vacsie medzery (poziadavka po calle so Sonou — "aby to nebolo natlacene na sebe",
   minimalne ako biely priestor hore, radsej o cosi viac)
   --gs = medzera medzi sekciami (uvodna fotka / kategorie / Technologia / Navrhnute pre padel), 40 px na mobile az 84 px na PC
   --gt = medzera medzi dlazdicami kategorii (od 701 px; mobilna mriezka 2 x 2 ostava 4 px)
   ===================================================== */
.l4p-home{--gs:clamp(40px, 4.4vw, 84px);--gt:clamp(19px, 1.6vw, 30px)}
.l4p-home .cats{padding:var(--gs) 0 !important}
.l4p-home .vyroba{margin-top:var(--gs) !important}
@media (min-width:701px){
  .l4p-home .bigrun-track{gap:var(--gt) !important}
  .l4p-home .bigtile{flex:0 0 calc((100vw - 3 * var(--gt)) / 4) !important}
}
@media (min-width:701px) and (max-width:1100px){
  .l4p-home .bigtile{flex:0 0 calc((100vw - 2 * var(--gt)) / 3) !important}
}
@media (min-width:901px){
  .l4p-home{--l4p-half:max(280px, calc((100svh - var(--gs)) / 2))}
}

/* v77 — medzery medzi dlazdicami kategorii rovnake ako medzi sekciami (--gs), aj na mobile (mriezka 2 x 2) */
.l4p-home .bigrun-track{gap:var(--gs) !important}
@media (min-width:701px){
  .l4p-home .bigtile{flex:0 0 calc((100vw - 3 * var(--gs)) / 4) !important}
}
@media (min-width:701px) and (max-width:1100px){
  .l4p-home .bigtile{flex:0 0 calc((100vw - 2 * var(--gs)) / 3) !important}
}
@media (max-width:700px){
  .l4p-home .bigrun-track{grid-auto-columns:calc((100vw - var(--gs)) / 2) !important}
}

/* v78 — medzery medzi dlazdicami kategorii spat uzsie: len o trochu sirsie nez povodne (PC 19 px -> 20–28 px, mobil 4 px -> 10 px);
   medzery medzi sekciami ostavaju (--gs) */
.l4p-home{--gk:clamp(20px, 1.4vw, 28px)}
@media (min-width:701px){
  .l4p-home .bigrun-track{gap:var(--gk) !important}
  .l4p-home .bigtile{flex:0 0 calc((100vw - 3 * var(--gk)) / 4) !important}
}
@media (min-width:701px) and (max-width:1100px){
  .l4p-home .bigtile{flex:0 0 calc((100vw - 2 * var(--gk)) / 3) !important}
}
@media (max-width:700px){
  .l4p-home .bigrun-track{gap:10px !important;grid-auto-columns:calc((100vw - 10px) / 2) !important}
}

/* v79 — mobil: vodorovny biely pas medzi dvoma radmi kategorii rovnako siroky ako nad a pod sekciou (--gs); medzi stlpcami ostava 10 px */
@media (max-width:700px){
  .l4p-home .bigrun-track{row-gap:var(--gs) !important;column-gap:10px !important}
}

/* v80 — mobil (do 700 px)
   - Navrhnute pre padel: fotka oddialena (stvorec namiesto 4:5) a posunuta dolava, aby bolo cele vidno logo L4 padel na latke
     (logo je vo fotke na 21–29 % sirky; viditelny vyrez teraz cca 16–72 %)
   - Technologia: hlavny nadpis 13 px Medium, nazvy pri bublinach 9,5 px SemiBold */
@media (max-width:700px){
  .l4p-home .vyroba{aspect-ratio:1/1 !important;height:auto !important;min-height:0 !important}
  .l4p-home .vyroba img{object-position:37% 50% !important}
  .l4p-home .tech .tech-h{font-size:13px !important;font-weight:500 !important}
  .l4p-home .tech-tx b{font-size:9.5px !important;font-weight:600 !important}
}

/* v81 — video na uvodnej stranke pod kategoriami: cez celu sirku, 16:9 (na PC najviac vyska okna pod hlavickou),
   medzera nad (spodok kategorii) aj pod ako medzi ostatnymi sekciami (--gs) */
.l4p-home .uvod-video{position:relative;width:100%;margin:0 0 var(--gs);overflow:hidden;background:#0d0d0d;height:min(56.25vw, calc(100svh - 74px))}
.l4p-home .uvod-video video{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
@media (max-width:700px){ .l4p-home .uvod-video{height:auto;aspect-ratio:16/9} }

/* v82 — video so zvukom: tlacidlo zapnut/vypnut zvuk vpravo dole (navy kruh, kremova ikona, pod mysou neon) */
.l4p-home .uvod-video .uv-zvuk{position:absolute;right:clamp(12px,2vw,28px);bottom:clamp(12px,2vw,28px);z-index:3;width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:1px solid rgba(238,239,225,.55);border-radius:50%;
  background:rgba(10,26,52,.72);color:#eeefe1;cursor:pointer;transition:background .2s,color .2s,border-color .2s;-webkit-tap-highlight-color:transparent}
.l4p-home .uvod-video .uv-zvuk:hover{background:#d0f422;color:#0a1a34;border-color:#d0f422}
.l4p-home .uvod-video .uv-zvuk:focus-visible{outline:2px solid #d0f422;outline-offset:3px}
.l4p-home .uvod-video .uv-zvuk svg{display:block}
@media (max-width:700px){ .l4p-home .uvod-video .uv-zvuk{width:38px;height:38px} }

/* v84 — tlacidlo zvuku/prehratia videa decentnejsie a vlavo dole (vpravo dole je ikona vernostneho programu):
   mensi kruh, jemne polopriehladne pozadie bez vyrazneho okraja, ikona 15 px; pod mysou len o trochu vyraznejsie */
.l4p-home .uvod-video .uv-zvuk{right:auto !important;left:clamp(12px,1.6vw,24px) !important;bottom:clamp(12px,1.6vw,24px) !important;
  width:34px !important;height:34px !important;border:1px solid rgba(238,239,225,.22) !important;background:rgba(10,26,52,.38) !important;
  color:rgba(238,239,225,.9) !important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.l4p-home .uvod-video .uv-zvuk:hover{background:rgba(10,26,52,.62) !important;color:#ffffff !important;border-color:rgba(238,239,225,.4) !important}
@media (max-width:700px){ .l4p-home .uvod-video .uv-zvuk{width:30px !important;height:30px !important} }