/* =====================================================
   SPUSTACI BALIK (spustenie-v2) = v114 upravena na ostry predaj:
   - uvod eshopu je na / a /cs/ (Titulna strana, body.type-index) — pravidla /eshop-nahlad/ plati aj pre type-index
   - body:not(.type-index) -> body (landing uz neexistuje)
   - bloky sablony na uvode skryte tu (nie v Zahlavi), aby ich zalozny rezim vedel ukazat
   ===================================================== */
body.type-index main#content > :not(.welcome-wrapper){display:none !important}
body.type-index .content-wrapper-in > aside{display:none !important}
body.type-index .carousel-wrapper, body.type-index .homepage-banners-full-width, body.type-index .benefit-banners-full-width{display:none !important}  /* karusel a bannery sablony nad uvodom */
body.type-index .welcome-wrapper, body.type-index .welcome{max-width:none !important;width:100% !important;margin:0 !important;padding:0 !important}
body.type-index .welcome > .h1, body.type-index main#content > h1{display:none !important}
/* =====================================================
   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:is(.in-eshop-nahlad,.type-index){background:#ffffff}
body:is(.in-eshop-nahlad,.type-index) #header,
body:is(.in-eshop-nahlad,.type-index) .header-top,
body:is(.in-eshop-nahlad,.type-index) .header-bottom,
body:is(.in-eshop-nahlad,.type-index) #footer,
body:is(.in-eshop-nahlad,.type-index) .footer-newsletter-full-width,
body:is(.in-eshop-nahlad,.type-index) .breadcrumbs,
body:is(.in-eshop-nahlad,.type-index) aside.sidebar,
body:is(.in-eshop-nahlad,.type-index) [data-testid="eshopHeader"],
body:is(.in-eshop-nahlad,.type-index) .pageArticleDetail > header,
body:is(.in-eshop-nahlad,.type-index) #content > h1,
body:is(.in-eshop-nahlad,.type-index) .discussionContainer,
body:is(.in-eshop-nahlad,.type-index) .pageArticleDetail + h2,
body:is(.in-eshop-nahlad,.type-index) .pageArticleDetail ~ h2{display:none !important}
body:is(.in-eshop-nahlad,.type-index) .overall-wrapper{padding-top:0 !important}
body:is(.in-eshop-nahlad,.type-index) .content-wrapper-in{display:block !important}
body:is(.in-eshop-nahlad,.type-index) #content-wrapper,
body:is(.in-eshop-nahlad,.type-index) .content-wrapper-in,
body:is(.in-eshop-nahlad,.type-index) #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)}
/* v106: ked je panel vyssi ako obrazovka, lepkavost sa vypina (inak sa posun zda zaseknuty) */
body.type-product.l4p-nosticky .l4p-right{position:static}
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 .msg.msg-success, body .msg.msg-notice, body .msg.msg-info,
body .msg.msg-warning, body .msg.msg-error{background:#0a1a34 !important;border-color:#0a1a34 !important;color:#eeefe1 !important;font-family:'Montserrat',sans-serif !important}
body .msg.msg-warning, body .msg.msg-error{border-bottom:3px solid #d0f422 !important}
body .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 .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-additional, .p.l4p-card2 .stars-placeholder{display:none !important}
/* v138: povodna cena pri vernostnej zlave. Blok sa skryva, len ked je prazdny
   (bez zlavy ho Shoptet posiela prazdny a robil by medzeru) — s cenou vnutri
   sa ukaze preskrtnuty vedla novej ceny. */
.p.l4p-card2 .price-standard-wrapper:not(:has(.price-standard)){display:none !important}
.p.l4p-card2 .price-standard-wrapper{display:inline !important;margin-left:7px}
.p.l4p-card2 .price-standard{font-size:12px;font-weight:400;color:rgba(10,26,52,.45);text-decoration:line-through}
.p.l4p-card2 .price-save{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 *{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 .l4p-home .nav ul > li > a,
body .l4p-home .mnav > a,
body .l4p-home .hero-links a,
body .l4p-home .tile-in .t2,
body .l4p-home .efoot a[href$="/muzi-padel/"],
body .l4p-home .efoot a[href$="/zeny-padel/"],
body .l4p-home .efoot a[href$="/obuv-na-padel/"],
body .add-to-cart-button,
body [data-testid="buttonAddToCart"],
body .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,body.in-contact .l4p-pg-legal h1,body.in-contact #content form[action*="MailForm"] h2{font-weight:600 !important}

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

/* v117: TOTO PRAVIDLO BOLO ZRUSENE.
   Povodne (v31) skryvalo plavajuce tlacidlo Ellity na landingu, ktory bezal na type-index
   ("Landing sa nesmie menit"). Po spusteni eshopu (22. 9. 2026) je type-index UVODNA STRANKA
   ESHOPU, takze to isto pravidlo skryvalo bublinu Club prave tam. Landing uz neexistuje,
   pravidlo je zbytocne a skodilo. Ellity teraz bezi na vsetkych strankach okrem kosika,
   pokladne a Mojej objednavky (tie su nizsie a su umyselne). */

/* 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 #content .error-field{border-color:#b20f0f !important;border-bottom-color:#b20f0f !important}
body #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 .flag.flag-new{display:none !important}


/* =====================================================
   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 .l4p-home .tech-tx b, body .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{border-color:#0a1a34 !important;box-shadow:inset 4px 0 0 #d0f422}
body.ordering-process .shipping-billing-table .radio-wrapper:has(input:checked){border-color:#0a1a34 !important;box-shadow:inset 4px 0 0 #d0f422}
/* v98: predtym :has(label.active) — Shoptet dava label.active kazdej DOSTUPNEJ platbe, takze vyzerali vybrate vsetky */
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,body.in-jak-vznikaji-nase-produkty .l4p-page .l4p-pg-hero h2,body.in-how-our-products-are-made .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,body.in-jak-vznikaji-nase-produkty .l4p-page .l4p-pg-sec h2,body.in-jak-vznikaji-nase-produkty .l4p-page .l4p-pg-text h2,body.in-how-our-products-are-made .l4p-page .l4p-pg-sec h2,body.in-how-our-products-are-made .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,body.in-jak-vznikaji-nase-produkty .l4p-page .l4p-pg-lead,body.in-how-our-products-are-made .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,body.in-jak-vznikaji-nase-produkty .l4p-page p:not(.l4p-pg-k):not(.l4p-pg-lead):not(.l4p-pg-claim),body.in-jak-vznikaji-nase-produkty .l4p-page .l4p-pg-list li,body.in-how-our-products-are-made .l4p-page p:not(.l4p-pg-k):not(.l4p-pg-lead):not(.l4p-pg-claim),body.in-how-our-products-are-made .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,body.in-jak-vznikaji-nase-produkty .l4p-page .l4p-pg-list,body.in-how-our-products-are-made .l4p-page .l4p-pg-list{margin:0 0 14px}body.in-ako-vznikaju-nase-produkty .l4p-page .l4p-pg-claim,body.in-jak-vznikaji-nase-produkty .l4p-page .l4p-pg-claim,body.in-how-our-products-are-made .l4p-page .l4p-pg-claim{font-size:13px !important;font-weight:600 !important}
/* v62: paticka — MUZI / ZENY / OBUV 13 px */
body .l4p-home .efoot a[href$="/muzi-padel/"], body .l4p-home .efoot a[href$="/zeny-padel/"], body .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,body.in-jak-vznikaji-nase-produkty .l4p-pg-hero,body.in-how-our-products-are-made .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,body.in-jak-vznikaji-nase-produkty .l4p-pg-hero,body.in-how-our-products-are-made .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,body.in-jak-vznikaji-nase-produkty .l4p-pg-hero,body.in-how-our-products-are-made .l4p-pg-hero{background:#111 !important}body.in-ako-vznikaju-nase-produkty .l4p-pg-hero img,body.in-jak-vznikaji-nase-produkty .l4p-pg-hero img,body.in-how-our-products-are-made .l4p-pg-hero img{opacity:1 !important}body.in-ako-vznikaju-nase-produkty .l4p-pg-hero::before,body.in-jak-vznikaji-nase-produkty .l4p-pg-hero::before,body.in-how-our-products-are-made .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:2560/1253 !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:4/3 !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} }

/* v89: paticka — MUZI / ZENY / OBUV 10,5 px (predtym 13 px); Instagram z paticky prec,
   Clenstvo v L4padel Clube presunute do stlpca Lounge4Padel (zmena je v l4p-eshop-v89.js) */
body .l4p-home .efoot a[href$="/muzi-padel/"], body .l4p-home .efoot a[href$="/zeny-padel/"], body .l4p-home .efoot a[href$="/obuv-na-padel/"]{font-size:10.5px !important}

/* v90: kategoria Obuv — fotka cez celu sirku pod hlavickou (bez omrviniek), pod nou text na stred ako na textovych strankach */
body.l4p-obuv .breadcrumbs{display:none !important}
body.l4p-obuv #content .l4p-obuv-top{width:100%;margin:0 0 clamp(8px,1.5vw,24px)}
body.l4p-obuv #content .l4p-obuv-hero{width:100%;margin:0;padding:0;line-height:0;background:#1c1b1b}
body.l4p-obuv #content .l4p-obuv-hero picture{display:block}
body.l4p-obuv #content .l4p-obuv-hero img{display:block;width:100% !important;max-width:none !important;height:auto !important;margin:0}
body.l4p-obuv #content .l4p-obuv-tx{max-width:780px;margin:0 auto;padding:clamp(36px,4.4vw,72px) clamp(18px,4vw,40px) clamp(20px,2.4vw,36px);text-align:center;color:#0a1a34}
body.l4p-obuv #content .l4p-obuv-tx h2{font-size:17px !important;font-weight:500 !important;line-height:1.3 !important;letter-spacing:0 !important;text-transform:none !important;color:#0a1a34 !important;margin:0 0 18px !important;padding:0 !important;text-align:center !important}
body.l4p-obuv #content .l4p-obuv-tx p{font-size:13px !important;font-weight:500 !important;line-height:1.7 !important;letter-spacing:0 !important;color:#0a1a34 !important;margin:0 0 12px !important}
body.l4p-obuv #content .l4p-obuv-tx p:last-child{margin-bottom:0 !important}
body.l4p-obuv #content .l4p-obuv-tx strong{font-weight:700 !important}
/* v90: kategoria Obuv — bez nadpisu "Obuv" nad teniskami; karta tenisiek (fotka, nazov, popis, cena) na stred, velkost karty ako v mriezke */
body.type-category.in-obuv-na-padel .category-top h1.category-title{display:none !important}
body.type-category.in-obuv-na-padel #products.products-block{grid-template-columns:minmax(0,25%) !important;justify-content:center !important}
@media (max-width:899px){body.type-category.in-obuv-na-padel #products.products-block{grid-template-columns:minmax(0,33.333%) !important}}
@media (max-width:599px){body.type-category.in-obuv-na-padel #products.products-block{grid-template-columns:minmax(0,50%) !important}}
body.type-category.in-obuv-na-padel #products .p-in, body.type-category.in-obuv-na-padel #products .p-in *{text-align:center !important}
body.type-category.in-obuv-na-padel #products .prices{justify-content:center !important;width:100% !important;margin-left:auto !important;margin-right:auto !important}
body.type-category.in-obuv-na-padel #products .p-bottom{padding-right:0 !important}

/* v95: styly vyskakovacieho okna (v92) odstranene */

/* v93: mobilne video na uvodnej stranke je na vysku (720x1042) — pomer strán podľa noveho videa;
   sekcia s latkou je klikacia (odkaz cez celu fotku, texty a bubliny ostavaju citatelne) */
/* pomer strán presne podľa videa (720x1042) — nič sa neoreže ani nedeformuje */
@media (max-width:700px){ .l4p-home .uvod-video{height:auto !important;aspect-ratio:720/1042 !important;max-height:none !important} }
@media (max-width:700px){ .l4p-home .uvod-video video{object-fit:contain !important;background:#0d0d0d} }

/* v94: pod nadpisom sekcie Technologia je odkaz "Viac o technologiach" — rovnake pismo, velkost aj podciarknutie
   pri nabehnuti kurzorom ako odkaz "Ako vznikaju nase produkty" (.vlink); na mobile o kusok mensia medzera */
.l4p-home .tech .tech-h .tech-link{display:block;width:-moz-fit-content;width:fit-content;margin-top:10px;line-height:1.6 !important}
@media (max-width:700px){ .l4p-home .tech .tech-h .tech-link{margin-top:7px} }

/* v94: na mobile ma nadpis sekcie Technologia rovnake pismo ako "Navrhnute pre padel" (13 px, SemiBold, riadkovanie 1,35,
   kremova farba); podnadpis "Viac o technologiach" je uz zhodny s odkazom "Ako vznikaju nase produkty" (11,5 px SemiBold).
   Jemny tien pod pismom zostava, aby bol nadpis citatelny na fotke. */
@media (max-width:700px){
  .l4p-home .tech .tech-h{font-size:13px !important;font-weight:600 !important;line-height:1.35 !important;color:#eeefe1 !important}
}

/* v97: potvrdzujuca hlaska hore (.msg-success) — po 0,5 s sa zroluje hore prec (trieda pridava l4p-eshop JS) */
.messages .msg.msg-success.l4p-msg-out{transform:translateY(-100%) !important;opacity:0 !important;transition:transform .35s ease,opacity .35s ease !important;pointer-events:none}

/* =====================================================
   v98 — rychle opravy z auditu 18. 9. 2026
   ===================================================== */
/* kontaktny formular na mobile bol sirsi ako obrazovka (Shoptet dava .contact-form pevnu sirku 440 px) —
   na desktope ostava 440 px ako doteraz, na mobile sa zuzi na sirku obsahu (overene 320–414 px aj desktop) */
body.l4p-info #content form[action*="MailForm"]{max-width:100%;box-sizing:border-box}
body.l4p-info #content form[action*="MailForm"] .form-group,
body.l4p-info #content form[action*="MailForm"] fieldset,
body.l4p-info #content form[action*="MailForm"] .consents{max-width:100%;min-width:0;box-sizing:border-box}
body.l4p-info #content form[action*="MailForm"] label, body.l4p-info #content form[action*="MailForm"] p{overflow-wrap:anywhere}

/* bublina vernostneho programu Ellity v kosiku a pokladni zakryvala ceny doprav a tlacidla — tu sa neukazuje */
body.ordering-process .mehub-bonus-bean-container, body.ordering-process .ellity-bean{display:none !important}

/* Moja objednavka (online odstupenie od zmluvy): povodna hlavicka a paticka Shoptetu prec (nasa je nad nimi) */
body.in-moja-objednavka #header, body.in-moje-objednavka #header, body.in-my-order #header,
body.in-moja-objednavka .header-top, body.in-moje-objednavka .header-top, body.in-my-order .header-top,
body.in-moja-objednavka #footer, body.in-moje-objednavka #footer, body.in-my-order #footer{display:none !important}
/* povodna paticka Shoptetu aj vo vyhladavani a v zakaznickom ucte (nasa brand paticka je pod nou) */
body.type-search #footer, body.customer-page #footer{display:none !important}
/* v119: Novinky (blog) — povodna paticka Shoptetu s nadpisom "Zapatie" prec, nasa je nad nou */
body.type-posts-listing #footer, body.type-post #footer{display:none !important}
/* bez 60 px rezervy pre skrytu mobilnu hlavicku Shoptetu; nas blok aj formular Shoptetu na rovnakom pozadi */
body.in-moja-objednavka .overall-wrapper, body.in-moje-objednavka .overall-wrapper, body.in-my-order .overall-wrapper{padding-top:0 !important;background:#f6f6f6}
/* bublina Ellity na mobile prekryvala tlacidlo Zobrazit objednavku */
body.in-moja-objednavka .mehub-bonus-bean-container, body.in-moje-objednavka .mehub-bonus-bean-container, body.in-my-order .mehub-bonus-bean-container,
body.in-moja-objednavka .ellity-bean, body.in-moje-objednavka .ellity-bean, body.in-my-order .ellity-bean{display:none !important}
/* sirka 440 = karta formulara 400 + 2x20 px, text zarovnany s kartou */
.l4p-odst{max-width:440px;margin:clamp(28px,4vw,48px) auto 0;padding:0 20px;box-sizing:border-box;font-family:'Montserrat',sans-serif;color:#0a1a34}
.l4p-odst p{font-size:14px;font-weight:500;line-height:1.6;margin:0 0 10px;color:#0a1a34}
.l4p-odst .l4p-odst-h{font-size:17px;font-weight:600;line-height:1.3;margin:0 0 12px}
.l4p-odst a{color:#0a1a34;text-decoration:underline;text-underline-offset:3px}
.l4p-odst a:hover{color:#0a1a34;text-decoration-color:#d0f422}

/* odkaz Nastavenie cookies v spodnom riadku nasej paticky (povodna paticka Shoptetu s tymto odkazom je skryta) */
.l4p-home .fbot .cookies-settings{text-decoration:underline !important;text-underline-offset:3px;cursor:pointer}
/* odkaz vlavo vedla © (na mobile pod nim), aby ho neprekryvala bublina Ellity (fixed vpravo dole) */
.l4p-home .fbot{justify-content:flex-start;column-gap:28px}
@media (max-width:760px){ .l4p-home .fbot{flex-direction:column;align-items:flex-start;gap:12px} }
/* bublina Ellity nesmie lezat nad otvorenym oknom nastaveni cookies */
html.cookies-visible .ellity-bean, html.cookies-visible .mehub-bonus-bean-container{display:none !important}

/* =====================================================
   v99 — klikacie dlazdice na uvode, nedostupne velkosti
   ===================================================== */
/* cela dlazdica Technologia a Navrhnute pre padel vedie na svoj odkaz; pri nabehnuti kurzorom sa rozsvieti neonova ciara odkazu */
.l4p-home .tech, .l4p-home .vyroba{cursor:pointer}
@media (hover:hover){
  .l4p-home .tech:hover .vlink, .l4p-home .vyroba:hover .vlink{opacity:1;border-bottom-color:var(--lime);box-shadow:0 2px 0 var(--lime)}
}
/* v100 — stranka Ako vznikaju: stvrta fotka spodneho pasu len na mobile (2 stlpce -> 2 a 2) */
.l4p-pg-strip .l4p-pas-mob{display:none}
@media (max-width:760px){ .l4p-pg-strip .l4p-pas-mob{display:block} }

/* =====================================================
   v101 — pristupnost, drobne opravy z testov v98, 404
   ===================================================== */
/* viditelny fokus pri ovladani klavesnicou: na svetlom pozadi tmavomodry (neon na bielej mal kontrast len 1,26:1),
   na tmavych plochach (paticka, dlazdice s fotkou, video) ostava neonovy */
.l4p-home :focus-visible{outline:2px solid #0a1a34;outline-offset:2px}
.l4p-home .efoot :focus-visible, .l4p-home .tech :focus-visible, .l4p-home .vyroba :focus-visible,
.l4p-home .uvod-video :focus-visible, .l4p-home .bigtile:focus-visible, .l4p-home .hero :focus-visible{outline-color:#d0f422}
.l4p-sizes-row button:focus-visible, .l4p-acc-h:focus-visible{outline:2px solid #0a1a34;outline-offset:2px}
/* zabudnute heslo a prazdny kosik boli na mobile sirsie ako obrazovka (formular 440 px, zaporny okraj boxov) */
body.customer-page main#content{flex:1 1 100% !important;max-width:100% !important;min-width:0 !important}
body.customer-page #content fieldset{min-width:0 !important}
body.customer-page #content .form-control:not(.short){max-width:100% !important}
body.ordering-process .cart-empty .empty-cart-boxes{margin-left:0 !important;margin-right:0 !important}
/* stranka 404: oba nadpisy zarovnane na stred (H1 bol vlavo, podnadpis na strede) */
body.in-404 #content h1{text-align:center}

/* =====================================================
   v102 — odkaz na cookies v kosiku, stranka znacky
   ===================================================== */
.l4p-kosik-cookies{text-align:center;padding:18px 16px 28px}
.l4p-kosik-cookies a{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:500;color:rgba(10,26,52,.6) !important;text-decoration:underline;text-underline-offset:3px}
.l4p-kosik-cookies a:hover{color:#0a1a34 !important}

/* v103 — znacka, ze sa nase CSS nacitalo (skript ju kontroluje; bez nej stranku neprestavuje = zalozny rezim) */
html{--l4p-css:1}

/* v104 — skryta oblast pre citacku obrazovky (oznamuje chyby vo formularoch), vizualne neviditelna */
.l4p-sr{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}

/* =====================================================
   v105 — blok technologii na stranke Ako vznikaju nase produkty
   ===================================================== */
.l4p-page .l4p-tekno{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin-top:clamp(24px,3vw,40px);text-align:left}
.l4p-page .l4p-tekno-i{padding-top:14px;border-top:1px solid rgba(10,26,52,.16)}
.l4p-page .l4p-tekno-i .tn{font-size:14px;font-weight:700;letter-spacing:.02em;margin:0 0 2px;color:#0a1a34}
.l4p-page .l4p-tekno-i .ts{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;color:#5a6479}
.l4p-page .l4p-tekno-i p{font-size:13px;font-weight:500;line-height:1.7;margin:0;color:#0a1a34}
@media (max-width:760px){ .l4p-page .l4p-tekno{grid-template-columns:1fr;gap:22px} }
/* v105 — Clenstvo: kurz bodov a hranice pri leveloch */
.l4p-page .l4p-pts-kurz{font-weight:700}
.l4p-page .l4p-level-pts{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5a6479;margin:0 0 6px}

/* v106 — informacia o expedicii (produkt + kosik) */
.l4p-dodanie{font-size:12px;font-weight:600;letter-spacing:.02em;color:#5a6479;margin:12px 0 0}
.summary-wrapper .l4p-dodanie{margin:10px 0 16px}

/* v106 — kategoria s 1–3 produktmi: karty vycentrovane (predtym natlacene vlavo, vpravo prazdno).
   Sirka karty ostava ako v plnej mriezke; breakpointy rovnake ako pri mriezke nizsie (899/599). */
@media (min-width:900px){
  body.type-category #products.products-block.l4p-n1, body.type-search #products.products-block.l4p-n1{grid-template-columns:repeat(1,minmax(0,25%)) !important;justify-content:center !important}
  body.type-category #products.products-block.l4p-n2, body.type-search #products.products-block.l4p-n2{grid-template-columns:repeat(2,minmax(0,25%)) !important;justify-content:center !important}
  body.type-category #products.products-block.l4p-n3, body.type-search #products.products-block.l4p-n3{grid-template-columns:repeat(3,minmax(0,25%)) !important;justify-content:center !important}
}
@media (max-width:899px) and (min-width:600px){
  body.type-category #products.products-block.l4p-n1, body.type-search #products.products-block.l4p-n1{grid-template-columns:repeat(1,minmax(0,33.333%)) !important;justify-content:center !important}
  body.type-category #products.products-block.l4p-n2, body.type-search #products.products-block.l4p-n2{grid-template-columns:repeat(2,minmax(0,33.333%)) !important;justify-content:center !important}
}

/* v107 — hlavicka ostava pri rolovani vzdy hore aj na podstrankach.
   Na podstrankach je hlavicka v obale .l4p-chrome; sticky vnutri neho nemalo kam "pripnut",
   preto je lepkavy samotny obal. */
body .l4p-home.l4p-chrome{position:sticky;top:0;z-index:60;background:var(--paper)}
/* Na uvodnej stranke eshopu je hlavicka vnutri .l4p-home, ktory mal overflow-x:hidden — ten rusi sticky.
   overflow-x:clip oreze rovnako, ale nevytvara rolovaci kontajner, takze hlavicka ostane hore.
   Stare prehliadace bez podpory clip ostavaju na hidden (hlavicka sa sprava ako doteraz). */
@supports (overflow-x: clip) { .l4p-home{overflow-x:clip} }

/* v110 — Ellity widget (L4padel Club) podla marketingu 21. 9.: namiesto ikonky mince napis "Club" v Montserrat,
   v okne jemnejsie pismo znacky (Montserrat) — pôsobí prémiovejšie. Ked je okno otvorene, tlacidlo ukazuje X ako doteraz. */
.ellity-bean__fab[aria-expanded="false"] svg{display:none !important}
.ellity-bean__fab[aria-expanded="false"]{position:relative}
.ellity-bean__fab[aria-expanded="false"]::after{content:"Club";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font:500 15px/1 'Montserrat',sans-serif;letter-spacing:.03em;color:#eeefe1}
.ellity-bean, .ellity-bean *{font-family:'Montserrat',system-ui,sans-serif !important}
.ellity-bean__header-title, .ellity-bean__section-title{font-weight:500 !important;letter-spacing:.01em}
.ellity-bean__section-text, .ellity-bean__powered-by{font-weight:300 !important}
.ellity-bean__cta{font-weight:500 !important}

/* v111 — texty v okne L4padel Club rovnako ako na kartach produktov v kategorii:
   nadpisy (Tvoje konto, Tvoja uroven...) ako nazov produktu "CORE 2-in-1 Shorts",
   podnadpisy ako popis pod nim "Panske padelove sortky...". */
.ellity-bean__section-title, .ellity-bean__view-section-title, .ellity-bean__menu-label, .ellity-bean__product-name{
  font-family:'Montserrat',sans-serif !important;font-size:12.5px !important;font-weight:500 !important;
  line-height:1.25 !important;letter-spacing:.01em !important;text-transform:none !important;color:#0a1a34 !important}
.ellity-bean__section-text, .ellity-bean__view-text, .ellity-bean__expiration, .ellity-bean__history-label, .ellity-bean__product-points{
  font-family:'Montserrat',sans-serif !important;font-size:12px !important;font-weight:400 !important;
  line-height:1.4 !important;letter-spacing:.033em !important;color:rgba(10,26,52,.62) !important}

/* v112 — vysvetlivka pri datume narodenia v registracii */
.l4p-narodenie-hint{font-size:12px;line-height:1.5;color:rgba(10,26,52,.62);margin:6px 0 14px}

/* v113 — bublina L4padel Club: neonovy obvod, pri nabehu kurzorom neonovy aj napis Club */
.ellity-bean__fab{box-shadow:inset 0 0 0 2px #d0f422, 0 6px 18px rgba(10,26,52,.28) !important;transition:box-shadow .2s ease}
.ellity-bean__fab[aria-expanded="false"]::after{transition:color .2s ease}
.ellity-bean__fab[aria-expanded="false"]:hover::after, .ellity-bean__fab[aria-expanded="false"]:focus-visible::after{color:#d0f422}

/* v114 — udaje o vyrobcovi (GPSR) pod fotkami ako rozbalovacia lista */
.l4p-gpsr .l4p-gpsr-h{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin:0 !important;padding:2px 0}
.l4p-gpsr .l4p-gpsr-h span{font-size:14px;font-weight:400;line-height:1}
.l4p-gpsr .l4p-gpsr-telo{display:none;padding-top:10px}
.l4p-gpsr.open .l4p-gpsr-telo{display:block}
.l4p-gpsr .l4p-gpsr-h:focus-visible{outline:2px solid #d0f422;outline-offset:3px}

/* =====================================================
   v116 — SUHLAS PRI REGISTRACII AKO ZASKRTAVACIE POLICKO
   Samotne policko zapina Shoptet v admine (Nastavenia - Administracia - Zabezpecenie obchodu -
   Nastavenie suhlasov, suhlas c. 13 = Registracia, varianta "Povinne zaskrtavatko").
   Tu ho len zladime s nasim vzhladom uctu: hranate policko v navy namiesto sedeho.
   ===================================================== */
body.l4p-acc #content input[type="checkbox"] + label::before,
body.l4p-acc #content label.whole-width::before{border-radius:0 !important;border:1.5px solid #0a1a34 !important}
body.l4p-acc #content input[type="checkbox"] + label::after,
body.l4p-acc #content label.whole-width::after{border-radius:0 !important}
body.l4p-acc #content .consents{margin-top:10px !important}
body.l4p-acc #content .consents label{font-size:13px !important;line-height:1.55 !important;color:rgba(10,26,52,.82) !important;cursor:pointer}
body.l4p-acc #content .consents label a{color:#0a1a34 !important}

/* =====================================================
   v119 — VYSKAKOVACIE OKNO: pridanie do kosika + podakovanie za registraciu
   ===================================================== */
.l4p-okno[hidden]{display:none !important}
.l4p-okno{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'Montserrat',sans-serif}
.l4p-okno-bg{position:absolute;inset:0;background:rgba(10,26,52,.5);animation:l4pOknoFade .18s ease}
.l4p-okno-box{position:relative;background:#ffffff;width:100%;max-width:430px;padding:30px 28px 26px;box-shadow:0 18px 50px rgba(10,26,52,.28);outline:none;animation:l4pOknoIn .22s ease}
@keyframes l4pOknoFade{from{opacity:0}to{opacity:1}}
@keyframes l4pOknoIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
html.l4p-okno-open{overflow:hidden}
.l4p-okno-x{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;background:transparent;color:rgba(10,26,52,.55);font-size:15px;line-height:1;cursor:pointer;padding:0}
.l4p-okno-x:hover{color:#0a1a34}
.l4p-okno-h{margin:0 0 18px !important;padding-left:26px;position:relative;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#0a1a34}
.l4p-okno-h::before{content:"";position:absolute;left:0;top:50%;width:16px;height:16px;margin-top:-8px;background:#d0f422}
.l4p-okno-h::after{content:"";position:absolute;left:5px;top:50%;width:4px;height:8px;margin-top:-6px;border:solid #0a1a34;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.l4p-okno-p{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding-bottom:20px;border-bottom:1px solid rgba(10,26,52,.12)}
.l4p-okno-img{width:62px;height:82px;object-fit:contain;flex:0 0 auto;background:#f6f6f6}
.l4p-okno-n{margin:0 !important;font-size:13.5px;font-weight:500;line-height:1.4;color:#0a1a34}
.l4p-okno-t{margin:0 0 22px !important;font-size:13.5px;font-weight:400;line-height:1.55;color:rgba(10,26,52,.82)}
.l4p-okno-btns{display:flex;gap:10px;flex-wrap:wrap}
.l4p-okno-b1,.l4p-okno-b2{flex:1 1 160px;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:13px 16px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;border-radius:0;transition:background .18s ease,color .18s ease}
.l4p-okno-b1{background:#0a1a34;color:#eeefe1 !important;border:1.5px solid #0a1a34;text-decoration:none !important}
.l4p-okno-b1:hover{background:#d0f422;border-color:#d0f422;color:#0a1a34 !important}
.l4p-okno-b2{background:#ffffff;color:#0a1a34;border:1.5px solid #0a1a34}
.l4p-okno-b2:hover{background:#0a1a34;color:#eeefe1}
@media (max-width:520px){
  .l4p-okno{padding:0;align-items:flex-end}
  .l4p-okno-box{max-width:none;padding:26px 20px 22px}
  .l4p-okno-btns{flex-direction:column}
  .l4p-okno-b1,.l4p-okno-b2{flex:none;width:100%}
}
/* v119: na prihlaseni a registracii nepytame e-mail dvakrat — pas "Pridajte sa do L4padel Clubu"
   stal hned pod registracnym formularom a posobil, ze eshop ziada tu istu adresu znova. */
body.l4p-acc .l4p-home .news .nform,
body.l4p-acc .l4p-home .news h2,
body.l4p-acc .l4p-home .news .l4p-news-gdpr,
body.l4p-acc .l4p-home .news #eshopThanks{display:none !important}
body.l4p-acc .l4p-home .news{padding-top:clamp(28px,4vw,52px) !important}

/* =====================================================
   v120 — SILA HESLA PRI REGISTRACII + SKRYTY VYBER TYPU ZAKAZNIKA
   ===================================================== */
.l4p-skryte{display:none !important}
.l4p-heslo-hint{margin:7px 0 0 !important;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:400;line-height:1.4;color:rgba(10,26,52,.6)}
.l4p-heslo-hint::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;vertical-align:1px;background:rgba(10,26,52,.22)}
.l4p-heslo-slabe{color:#b20f0f !important;font-weight:500}
.l4p-heslo-slabe::before{background:#b20f0f}
.l4p-heslo-dobre{color:rgba(10,26,52,.8) !important;font-weight:500}
.l4p-heslo-dobre::before{background:#0a1a34}
.l4p-heslo-silne{color:#0a1a34 !important;font-weight:600}
.l4p-heslo-silne::before{background:#d0f422;box-shadow:inset 0 0 0 1px #0a1a34}
.l4p-heslo-chyba{margin-top:7px !important}

/* =====================================================
   v123 — PRAVNE STRANKY: tabulky, poznamkovy box a podnadpisy
   (potrebne pre novu stranku Ochrana osobnych udajov / GDPR od pravnika)
   ===================================================== */
.l4p-page .l4p-pg-sub{margin:24px 0 8px !important;font-size:15px;line-height:1.5}
.l4p-page .l4p-pg-sub strong{font-weight:600;color:#0a1a34}
.l4p-page .l4p-pg-pozn{margin:0 0 20px;padding:14px 16px;border-left:3px solid #d0f422;background:rgba(10,26,52,.04)}
.l4p-page .l4p-pg-pozn p{margin:0 !important;font-size:14px;line-height:1.6}
.l4p-page .l4p-tabwrap{margin:0 0 24px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.l4p-page table.l4p-gdpr{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.6}
.l4p-page table.l4p-gdpr.l4p-gdpr-wide{min-width:680px}
.l4p-page table.l4p-gdpr th{padding:10px 12px 8px;text-align:left;vertical-align:bottom;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#0a1a34;border-bottom:1.5px solid #0a1a34}
.l4p-page table.l4p-gdpr td{padding:11px 12px;vertical-align:top;color:#0a1a34;border-bottom:1px solid rgba(10,26,52,.12)}
.l4p-page table.l4p-gdpr td:first-child{font-weight:600;white-space:normal}
.l4p-page table.l4p-gdpr tr:last-child td{border-bottom:0}
.l4p-page table.l4p-gdpr a{color:#0a1a34;text-decoration:underline;text-underline-offset:3px}
@media (max-width:700px){
  .l4p-page table.l4p-gdpr{font-size:12.5px}
  .l4p-page table.l4p-gdpr th, .l4p-page table.l4p-gdpr td{padding:9px 10px}
  .l4p-page .l4p-tabwrap{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
}

/* v124: vlastny blok "Zmena hesla" na spodku nastaveni uctu */
.l4p-heslo-box{margin-top:0}
.l4p-heslo-uvod{margin:0 0 18px !important;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:400;line-height:1.5;color:rgba(10,26,52,.65)}

/* v125: ZALOZNY ODKAZ NA TITULKE SA UZ NEPREBLIKNE
   V poli Titulna strana -> Popis je nas zachytny bod:
       <div id="l4p-eshop-root"><p><a href="/muzi-padel/">Pozrite si najnovsiu kolekciu na padel</a></p></div>
   Ten odkaz je tam zamerne — ked by nas skript zlyhal, navstevnik sa aj tak dostane do eshopu.
   Lenze prehliadac ho stihol vykreslit skor, nez skript titulku postavil, takze pri PRVOM nacitani
   na zlomok sekundy blikol v lavom hornom rohu. Teraz je skryty, kym ho skript neprevezme.
   Fail-safe: ak skript zlyha, zalozny rezim vypne cele nase CSS (link.disabled) a odkaz sa zasa ukaze.
   Ak sa nase CSS vobec nenacita, toto pravidlo neexistuje a odkaz je viditelny tiez. */
#l4p-eshop-root:not([data-l4p-done]){display:none}

/* ===== v127: ROZBALOVACI PREPINAC JAZYKA V HLAVICKE =====
   V hlavicke je vidno len aktivny jazyk so sipkou; CZ a EN sa rozbalia po kliknuti.
   Preco nie do burgera: .burger ma display:none a zobrazi sa az s triedou .collapsed,
   ktoru JS prida len vtedy, ked sa horne menu nezmesti do sirky. Na monitore sa menu
   zmesti, cize burger nie je vidiet a prepinac by bol nedostupny.
   Mobil (do 560 px) sa nemeni — plocha trojica zostava vo vysuvacom menu. */
.l4p-home .nlang-dd{position:relative;display:inline-flex;align-items:center}
.l4p-home .nlang-t{display:inline-flex;align-items:center;gap:5px;background:none;border:0;cursor:pointer;
  font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink);opacity:.78;padding:6px 2px;transition:opacity .2s}
.l4p-home .nlang-t:hover,.l4p-home .nlang-dd.open .nlang-t{opacity:1}
.l4p-home .nlang-t::after{content:"";width:6px;height:6px;margin-top:-3px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);transition:transform .2s}
.l4p-home .nlang-dd.open .nlang-t::after{transform:rotate(-135deg);margin-top:2px}
.l4p-home .nlang-m{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:64px;
  background:var(--paper);border:1px solid var(--line-lt);box-shadow:0 8px 24px rgba(10,26,52,.1);
  z-index:9100;padding:4px 0}
.l4p-home .nlang-dd.open .nlang-m{display:block}
.l4p-home .nlang-m a{display:block;padding:7px 14px !important;font-size:11px;font-weight:600;
  letter-spacing:.11em;text-transform:uppercase;border-bottom:0 !important;white-space:nowrap;
  color:var(--ink);opacity:.72}
.l4p-home .nlang-m a:hover{background:rgba(208,244,34,.24);opacity:1}
.l4p-home .nlang-m a.on{opacity:1}
@media (max-width:560px){.l4p-home .nav-r .nlang-dd{display:none}}

/* ===== v129: PREPINAC MENY VEDLA JAZYKOVEHO =====
   Dedi cely vzhlad po .nlang-dd, tu sa len doladuje odstup, aby dva rozbalovace
   vedla seba nesplyvali, a mobilny riadok s menami dostane mensi odstup zhora,
   lebo nasleduje hned pod riadkom s jazykmi. */
.l4p-home .nav-r .nmena{margin-left:-6px}
@media (max-width:560px){
  .l4p-home .mnav .nmena{margin-top:10px}
  .l4p-home .mnav .nmena a{opacity:.62}
  .l4p-home .mnav .nmena a.on{opacity:1}
}

/* =====================================================
   v138 — VERNOSTNA ZLAVA: povodna cena vedla novej
   Zobrazi sa len prihlasenemu zakaznikovi v skupine so zlavou;
   bez zlavy Shoptet tieto prvky do stranky vobec nedava.
   ===================================================== */
.l4p-pricebox-zlava{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}
.l4p-price-std .price-standard{font-size:16px !important;font-weight:400 !important;color:rgba(10,26,52,.45) !important;text-decoration:line-through}
.l4p-price-save .price-save{font-size:12px !important;font-weight:600 !important;letter-spacing:.06em;color:#0a1a34 !important;background:#d0f422;padding:3px 8px;border-radius:2px;white-space:nowrap}
@media (max-width:600px){
  .l4p-price-std .price-standard{font-size:14px !important}
}

/* =====================================================
   v140 — CENA V L4POINTS (produkty za body)
   "100 L4Points" je dlhsie nez "18 €", preto na detaile
   o nieco mensie pismo, nech sa zmesti vedla nazvu.
   ===================================================== */
.l4p-pricebox-body .price-final{font-size:22px !important;letter-spacing:.01em}
.l4p-pricebox-body .price-final-holder{white-space:nowrap}
.l4p-pricebox-body .price-final::after{content:'';display:inline-block;width:100%;height:2px;background:#d0f422;margin-top:6px}
.p.l4p-card-body .price-final, .p.l4p-card-body .price-final strong{font-size:13px !important}
@media (max-width:600px){
  .l4p-pricebox-body .price-final{font-size:19px !important}
}

/* =====================================================
   v142 — POPIS KATEGORIE MEMBERS-ONLY PRODUCTS
   Rovnake pismo a sirka ako informacne stranky, len mensie
   odsadenie — text stoji nad vypisom produktov, nie samostatne.
   Neon sa tu nepouziva: na kremovom podklade ma kontrast 1,09
   a bol by necitatelny.
   ===================================================== */
.l4p-kat{margin:0 0 clamp(20px,3vw,40px)}
.l4p-kat .l4p-pg-text{padding:clamp(26px,4vw,54px) clamp(18px,4vw,40px) clamp(18px,3vw,32px)}
.l4p-kat h2{font-size:clamp(22px,2.8vw,34px) !important}
.l4p-kat .l4p-kat-claim{margin:26px 0 0;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;line-height:2;color:rgba(10,26,52,.6)}
.l4p-kat .l4p-kat-claim strong{display:inline-block;margin-top:2px;font-weight:600;color:#0a1a34}
.l4p-kat .l4p-kat-odkaz{margin:20px 0 0;font-size:12px;letter-spacing:.02em;opacity:.72}
.l4p-kat .l4p-kat-odkaz a{text-decoration:underline !important}
@media (max-width:600px){
  .l4p-kat .l4p-kat-claim{font-size:11px;letter-spacing:.08em}
}

/* =====================================================
   v143 — DVOJICA TLACIDIEL VEDLA SEBA
   Stranka clenstva: Ponuka Members-Only Products vlavo,
   Pridajte sa do L4padel Clubu vpravo. flex:1 1 0 s rovnakym
   zakladom da obom rovnaku sirku aj pri roznej dlzke textu,
   min-height rovnaku vysku aj ked sa jedno zalomi do dvoch riadkov.
   Pod 620 px sa zalomia pod seba cez celu sirku.
   ===================================================== */
.l4p-page .l4p-btn-par{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:26px 0 0}
.l4p-page .l4p-btn-par .l4p-pg-btn{flex:1 1 0;min-width:240px;max-width:330px;margin-top:0;
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
  min-height:54px;padding:13px 20px;line-height:1.35;box-sizing:border-box}
@media (max-width:620px){
  .l4p-page .l4p-btn-par{gap:10px}
  .l4p-page .l4p-btn-par .l4p-pg-btn{flex:1 1 100%;max-width:none}
}

/* =====================================================
   v146 — PRODUKT, KTORY SA NEDA OBJEDNAT
   Text je ten, ktory posiela Shoptet (Coskoro v predaji,
   Vypredane…). Velkosti ostavaju vidiet preciarknute, nech
   zakaznik vie, co sa chysta; tlacidlo Do kosika sa schova,
   lebo nie je co objednat.
   ===================================================== */
body.type-product .l4p-nedostupne form.pr-action,
body.type-product .l4p-nedostupne .p-to-cart-block{display:none !important}
body.type-product .l4p-right .l4p-nedostupne-note{display:inline-block;margin:16px 0 4px;padding:8px 14px;background:#0a1a34;color:#eeefe1;font-size:13px;font-weight:600;letter-spacing:.02em}