*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--a) 24%,transparent),transparent 30%),radial-gradient(circle at 86% 6%,color-mix(in srgb,var(--a2) 20%,transparent),transparent 31%),linear-gradient(180deg,var(--dark),#02040a)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.2))}
a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.page{position:relative;width:min(1440px,calc(100% - 40px));margin:0 auto;min-height:100vh;background:rgba(3,4,10,.84);border-left:1px solid var(--line);border-right:1px solid var(--line)}
.top{height:88px;background:rgba(15,23,42,.90);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.top>*{min-width:0}.logo{height:100%;min-height:72px;display:flex;align-items:center;gap:10px;padding:0 14px;min-width:180px;max-width:min(360px,42vw);background:linear-gradient(135deg,color-mix(in srgb,var(--a) 20%,transparent),rgba(255,255,255,.03))}.logo-img{max-width:150px;height:54px;max-height:70px;object-fit:contain;object-position:left center}.logo-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;display:grid;place-items:center;font-weight:950;flex-shrink:0}.logo-text{font-size:25px;font-weight:950;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu{display:flex;gap:8px;font-size:15px;font-weight:900;align-items:center;min-width:0}.menu a{color:#f8fafc}.lang-switch{display:flex;gap:6px;align-items:center}
/* Prepínače jazyka/meny sú v skrolujúcom .menu (scrollbar je skrytý) — sticky ich drží viditeľné aj pre myš, inak sa k nim dá doskrolovať len dotykom. */
.menu .lang-switch,.menu .lang-dd{margin-left:auto}
.menu .lang-switch,.menu .currency-switch,.menu .hdr-dd{position:sticky;z-index:30;flex:0 0 auto;padding:6px 2px 6px 8px;background:var(--header-bg,rgba(2,6,23,.9))}
.menu .lang-switch,.menu .lang-dd{right:76px}.menu .lang-switch:last-child,.menu .lang-dd:last-child{right:0}.menu .currency-switch,.menu .currency-dd{right:0;z-index:31}
.lang-switch a,.currency-switch a,.currency-switch button,.hdr-dd summary{border:1px solid var(--line);border-radius:999px;padding:7px 9px;font-size:12px;font-weight:950;color:var(--muted);min-height:32px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer}
.lang-switch a.active,.currency-switch a.active,.currency-switch button.active,.hdr-dd-panel a.active,.hdr-dd-panel button.active{background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;border-color:transparent}
.currency-switch{display:flex;gap:6px;align-items:center}.currency-switch button,.hdr-dd-panel button{background:transparent;font:inherit;cursor:pointer;text-align:left}.hdr-dd{position:sticky}.hdr-dd summary{list-style:none;background:var(--header-bg,rgba(2,6,23,.9))}.hdr-dd summary::-webkit-details-marker{display:none}.dd-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .18s ease}.hdr-dd[open] .dd-caret{transform:rotate(180deg)}.hdr-dd-panel{position:fixed;right:var(--dd-right,8px);top:var(--dd-top,80px);min-width:220px;max-width:calc(100vw - 24px);max-height:min(60vh,420px);overflow-y:auto;display:none;gap:4px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel,rgba(2,6,23,.97));box-shadow:0 18px 40px rgba(0,0,0,.5);z-index:60}.hdr-dd[open] .hdr-dd-panel{display:grid}.hdr-dd-panel form{display:grid;gap:4px;margin:0}.hdr-dd-panel a,.hdr-dd-panel button{display:flex;align-items:center;width:100%;border:1px solid transparent;border-radius:12px;padding:10px 12px;color:#f8fafc;font-size:13px;font-weight:900;white-space:nowrap}.hdr-dd-panel a:hover,.hdr-dd-panel button:hover{border-color:color-mix(in srgb,var(--a) 40%,transparent);background:color-mix(in srgb,var(--a) 13%,transparent)}.icons{display:flex;height:100%}.icons div,.cart-btn{position:relative;width:72px;display:grid;place-items:center;border:0;border-left:1px solid var(--line);background:transparent;color:var(--a);font-size:15px;font-weight:950;cursor:pointer}.cart-count{position:absolute;right:10px;top:15px;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:var(--a2);color:#020617;font-size:12px;font-weight:950}
.benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:30px 36px}.benefits>*{min-width:0}.benefit{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045);padding:18px}.benefit-icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;display:grid;place-items:center;font-weight:950}.benefit span{display:block;color:var(--muted);margin-top:3px}
.main{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;padding:0 36px 42px}.main>*{min-width:0}.sidebar{border-right:1px solid var(--line);padding-right:28px}.side-box{border-bottom:1px solid var(--line);padding:24px 0}.side-box h2{font-size:24px;margin:0 0 16px}.side-box ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.side-box a{display:block;color:var(--el-text,var(--a));margin-top:9px}.icon-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.icon-row-item{display:grid;place-items:center;width:44px;height:44px;margin:0!important;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.05)}.icon-row-item img{max-width:26px;max-height:26px;object-fit:contain}
/* Vlastné farby prvku. Keď premenná nie je nastavená, "revert" vráti pôvodnú
farbu z kaskády — weby, kde si majiteľ farby nenastavil, sa teda nemenia. */
.side-box h2{color:var(--el-title,revert)}.category-tree{display:grid;gap:10px}.category-tree details{display:grid;gap:8px}.category-tree summary{list-style:none;cursor:pointer}.category-tree summary::-webkit-details-marker{display:none}.category-tree .category-link{display:inline-flex;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:0;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045);padding:10px 14px;color:#f8fafc;font-weight:950;line-height:1.25}.category-tree .category-link:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--a);box-shadow:0 0 12px var(--glow);flex:0 0 auto}.category-tree .category-link.active{background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;border-color:transparent}.category-tree.level-1{margin:8px 0 0 18px;padding-left:16px;border-left:1px solid color-mix(in srgb,var(--a) 45%,transparent)}.category-tree.level-2{margin-left:20px}.side-button{border:1px solid var(--a);border-radius:12px;padding:10px 12px;text-align:center;font-weight:900}.top-products .tp-list{display:grid;gap:8px;margin-top:6px}.top-products .tp-item{display:grid!important;grid-template-columns:22px 46px minmax(0,1fr);align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:rgba(255,255,255,.04);text-align:left}.top-products .tp-item.tp-noimg{grid-template-columns:22px minmax(0,1fr)}.top-products .tp-rank{width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--a);color:#020617;font-weight:900;font-size:12px}.top-products .tp-img{width:46px;height:46px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.06)}.top-products .tp-img img{max-width:100%;max-height:100%;object-fit:contain}.top-products .tp-info{display:flex;flex-direction:column;min-width:0;gap:2px}.top-products .tp-name{font-weight:700;line-height:1.25;font-size:13px}.top-products .tp-price{font-weight:900;color:var(--a);font-size:13px}
.contact-form{display:grid;gap:8px;margin-top:12px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);background:#020617;color:#fff;border-radius:12px;padding:11px 12px;font:inherit}.contact-form textarea{resize:vertical;min-height:70px}.contact-form button{border:0;border-radius:12px;padding:12px 14px;background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;font-weight:950;cursor:pointer}.contact-msg{display:block;margin-top:8px;color:var(--a);font-weight:850}.search{display:grid;grid-template-columns:minmax(0,1fr) 82px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.search input{min-width:0;border:0;background:white;color:#111;padding:14px}.search button{border:0;background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;font-size:13px;font-weight:950;cursor:pointer}
.hero{min-height:330px;border:1px solid var(--line);border-radius:26px;background:var(--hero-bg);display:flex;align-items:end;padding:36px;margin-bottom:30px}.hero h1,.hero h2{font-size:54px;line-height:1.02;margin:0 0 12px;letter-spacing:-.04em}.hero p{font-size:18px;color:var(--muted);max-width:760px;line-height:1.6}.hero-buttons{display:flex;gap:12px;margin-top:18px}.hero-buttons a{display:inline-flex;border:1px solid var(--line);border-radius:14px;padding:13px 18px;font-weight:950}.hero-buttons .primary{background:linear-gradient(135deg,var(--a),var(--a2));color:#020617}
.main-banners{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:0 0 28px}.main-banners>*{min-width:0}.main-banner{min-width:0;min-height:230px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--a) 16%,transparent),color-mix(in srgb,var(--a2) 12%,transparent));background-size:cover;background-position:center;display:flex;align-items:end;padding:28px;box-shadow:0 0 26px color-mix(in srgb,var(--a) 22%,transparent)}.main-banner h2{font-size:36px;line-height:1.05;margin:0 0 10px;color:#fff;overflow-wrap:anywhere}.main-banner p{max-width:720px;color:var(--muted);line-height:1.55}.main-banner-btn{display:inline-flex;margin-top:12px;border-radius:14px;background:linear-gradient(135deg,var(--a),var(--a2));color:#020617!important;padding:12px 18px;font-weight:950}
.configured-elements{display:grid;gap:18px;margin:0 0 24px}.top-elements{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.configured-elements .side-box{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045);padding:18px}.configured-elements .side-box h2,.configured-elements .side-box-title{font-size:20px}
.tabs{display:flex;justify-content:center;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs span,.tabs a{border:1px solid var(--line);border-bottom:0;padding:14px 28px;font-weight:900}.tabs a.active{background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;border-color:transparent}.catbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.cat-filter{border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text);border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.cat-filter.active{background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;border-color:transparent}.category-heading{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.045);padding:26px;margin:0 0 24px}.category-heading h1{font-size:46px;line-height:1.05;margin:0;color:var(--heading);text-shadow:0 0 18px var(--glow)}.category-heading p{max-width:820px;margin:12px 0 0;color:var(--muted);line-height:1.6}.category-heading small{display:block;margin-top:12px;color:#94a3b8;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.category-image{display:block;width:100%;max-height:360px;object-fit:contain;border:1px solid var(--line);border-radius:20px;margin:0 0 20px;background:rgba(255,255,255,.06)}.category-top-text,.category-bottom-text{color:var(--muted);line-height:1.7}.category-top-text p,.category-bottom-text p{margin:12px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid>*{min-width:0}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid.list{grid-template-columns:minmax(0,1fr)}.grid.list .product{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:20px;text-align:left;align-items:center;min-height:0;padding:18px}.grid.list .pimg{height:180px;margin:0}.grid.list .pimg img{max-height:170px}.grid.list .product h3{min-height:0}.product{position:relative;text-align:center;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.045);padding:0 18px 24px;min-height:540px}.badges{position:absolute;left:0;top:0;z-index:2;display:grid;gap:4px}.badges span{background:var(--a);color:#020617;padding:7px 13px;font-size:12px;font-weight:950}.pimg{position:relative;height:240px;display:grid;place-items:center;margin-top:16px;overflow:hidden;border-radius:20px}.pimg>a{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0}.pimg img{max-width:100%;max-height:calc(100% - 14px);object-fit:contain;min-width:0;min-height:0}.pimg[style*="aspect-ratio"]{height:auto!important}.pimg div{width:100%;height:210px;border-radius:20px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--a);font-size:25px;font-weight:950}.watermark{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none;padding:14px;color:#fff;font-size:22px;font-weight:950;letter-spacing:.08em;text-shadow:0 2px 12px #000;transform:rotate(-22deg)}.watermark.image{transform:none}.watermark img{max-width:62%;max-height:62%;object-fit:contain;filter:drop-shadow(0 2px 12px rgba(0,0,0,.72))}.watermark.top-left{place-items:start}.watermark.top{place-items:start center}.watermark.top-right{place-items:start end}.watermark.left{place-items:center start}.watermark.center,.watermark.center-ratio{place-items:center}.watermark.right{place-items:center end}.watermark.bottom-left{place-items:end start}.watermark.bottom{place-items:end center}.watermark.bottom-right{place-items:end}.product h3{font-size:17px;line-height:1.35;min-height:50px}.rating-box{display:grid;gap:6px;margin:10px 0 12px;color:var(--muted);font-size:12px}.stars{display:flex;justify-content:center;align-items:center;gap:3px;font-weight:950}.stars span{color:#475569;text-shadow:none}.stars span.on{color:var(--a);text-shadow:0 0 10px var(--glow)}.stars strong{margin-left:6px;color:#f8fafc}.stars em{font-style:normal;color:#94a3b8}.rating-box small{display:block;line-height:1.35}.rating-box small b{color:var(--a)}.price{display:grid;gap:4px;margin:14px 0}.price-novat{font-size:12px;opacity:.7;font-weight:600}.price strong{font-size:19px}.price del{color:#94a3b8}.omnibus-note{font-size:12px;color:var(--muted);margin:2px 0 6px;line-height:1.3}.availability{font-size:13px;color:#86efac;margin-bottom:10px}.product-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.detail{border:2px solid var(--a);background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;padding:12px 28px;border-radius:12px;font-weight:950;cursor:pointer}.ghost-link{border:1px solid var(--line);padding:12px 20px;border-radius:12px;color:var(--muted);font-weight:900}.product p{color:var(--muted);line-height:1.5}
body.layout-full-width .main{grid-template-columns:minmax(0,1fr)!important}body.layout-full-width .sidebar{display:none!important}body.layout-full-width .hero{min-height:420px}body.template-fashion-shop .page{width:min(1540px,calc(100% - 26px))}body.template-fashion-shop .hero{min-height:560px;align-items:center;padding:60px;background:linear-gradient(120deg,color-mix(in srgb,var(--a) 26%,transparent),rgba(255,255,255,.035) 45%,color-mix(in srgb,var(--a2) 18%,transparent))}body.template-fashion-shop .hero h1{font-size:76px;max-width:760px}body.template-fashion-shop .benefits{grid-template-columns:repeat(4,minmax(0,1fr))}body.template-fashion-shop .grid.cols-4 .product{min-height:460px}body.template-fashion-shop .pimg{height:260px}body.template-beauty-shop .page{width:min(1500px,calc(100% - 28px));background:linear-gradient(180deg,rgba(20,14,32,.92),rgba(8,5,14,.96))}body.template-beauty-shop .hero{min-height:620px;align-items:center;padding:66px;border-radius:38px;background:radial-gradient(circle at 78% 26%,color-mix(in srgb,var(--a2) 32%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--a) 20%,transparent),rgba(255,255,255,.04))}body.template-beauty-shop .hero h1{font-size:72px}body.template-beauty-shop .grid.cols-2{max-width:1120px;margin-inline:auto}body.template-beauty-shop .product{min-height:590px;border-radius:36px}body.template-beauty-shop .pimg{height:320px}body.template-auto-service .benefits,body.template-business-web .benefits{grid-template-columns:repeat(3,minmax(0,1fr))}body.template-auto-service .hero,body.template-business-web .hero{min-height:500px;align-items:center}body.template-auto-service .tabs,body.template-auto-service .catbar,body.template-business-web .tabs,body.template-business-web .catbar{justify-content:flex-start}body.template-auto-service .grid.list .product,body.template-business-web .grid.list .product{grid-template-columns:280px minmax(0,1fr) 190px;border-radius:18px;text-align:left}body.template-auto-service .detail,body.template-business-web .detail{width:100%}body.template-gastro-shop .page{background:linear-gradient(180deg,rgba(18,12,4,.92),rgba(6,4,2,.96))}body.template-gastro-shop .main{grid-template-columns:260px minmax(0,1fr)}body.template-gastro-shop .hero{min-height:430px;border-radius:34px}body.template-gastro-shop .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}body.template-gastro-shop .product{min-height:430px;border-radius:22px}body.template-gastro-shop .pimg{height:205px}body.template-gastro-shop .pimg img{max-height:190px}body.template-hotel-booking .page{width:min(1520px,calc(100% - 24px))}body.template-hotel-booking .hero{min-height:640px;align-items:end;padding:70px;border-radius:40px}body.template-hotel-booking .grid.cols-2{max-width:1180px;margin-inline:auto}body.template-hotel-booking .product{min-height:540px;border-radius:30px}body.template-hotel-booking .pimg{height:285px}body.template-cargo-containers .main{grid-template-columns:300px minmax(0,1fr)}body.template-cargo-containers .hero{min-height:390px}body.template-cargo-containers .grid.list .product{grid-template-columns:300px minmax(0,1fr) 190px;border-radius:14px}body.template-cargo-containers .product{text-align:left}body.template-cargo-containers .pimg{height:205px}body.template-cargo-containers .pimg img{max-height:190px}body.template-real-estate .hero{min-height:560px;align-items:end;padding:60px}body.template-real-estate .grid.cols-3 .product{min-height:520px}body.template-real-estate .pimg{height:300px}body.template-real-estate .product{border-radius:30px}body.layout-left-column.template-tech-store .main,body.template-tech-store .main{grid-template-columns:300px minmax(0,1fr)}body.template-tech-store .grid.cols-4{gap:14px}body.template-tech-store .grid.cols-4 .product{min-height:390px;padding:0 12px 16px;border-radius:14px}body.template-tech-store .grid.cols-4 .pimg{height:168px}body.template-tech-store .grid.cols-4 .pimg img{max-height:154px}body.template-tech-store .grid.cols-4 .product p{display:none}body.template-fitness-site .benefits{grid-template-columns:repeat(3,minmax(0,1fr))}body.template-fitness-site .hero{min-height:560px;align-items:center;text-align:center;justify-content:center}body.template-fitness-site .hero p{margin-inline:auto}body.template-fitness-site .hero-buttons{justify-content:center}body.template-fitness-site .grid.list .product{grid-template-columns:220px minmax(0,1fr) auto}body.template-fitness-site .product{border-radius:28px}
.home,.action-block{max-width:850px;margin:55px auto 20px;font-size:18px;line-height:1.65;color:#dbeafe}.home h2,.action-block h2{font-size:38px;line-height:1.1;color:white}.home h3{font-size:28px;color:var(--heading)}.home a{color:var(--a);font-weight:800}.home img{max-width:100%;border-radius:18px}.home table{width:100%;border-collapse:collapse;margin:18px 0}.home th,.home td{border:1px solid var(--line);padding:10px;text-align:left}.home blockquote{border-left:4px solid var(--a);margin:18px 0;padding:8px 18px;background:rgba(255,255,255,.04)}.action-block{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.045);padding:28px}.sidebar .action-block{max-width:none;margin:0 0 16px;font-size:15px;padding:20px}.sidebar .action-block h2{font-size:24px}.sidebar .action-block .detail{display:inline-flex;margin-top:10px;padding:11px 14px}.footer{border-top:1px solid var(--line);background:rgba(15,23,42,.76);padding:34px}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.footer-grid.has-extra{grid-template-columns:minmax(0,1.35fr) minmax(180px,.85fr) minmax(220px,.9fr) minmax(260px,1fr)}
.footer-grid.no-info{grid-template-columns:repeat(2,minmax(0,1fr))}
.footer-grid.no-contact{grid-template-columns:repeat(2,minmax(0,1fr))}
.glossary-box{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.glossary-index .glossary-letter{margin:0 0 22px}
.glossary-index .glossary-letter h2{margin:0 0 8px;font-size:22px}
.glossary-index .glossary-letter ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.glossary-index .glossary-letter li{color:var(--a)}
.glossary-box a{display:block;padding:2px 0;color:inherit;text-decoration:none}
.glossary-box a:hover{text-decoration:underline}
.footer-grid.no-info.no-contact{grid-template-columns:minmax(0,1fr)}
.footer-grid.has-extra.no-contact{grid-template-columns:minmax(0,1.35fr) minmax(180px,.85fr) minmax(260px,1fr)}
.footer-grid.has-extra.no-info.no-contact{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr)}
.footer-grid.has-extra.no-info{grid-template-columns:minmax(0,1.35fr) minmax(220px,.9fr) minmax(260px,1fr)}.footer-grid>*{min-width:0}.footer-extra{display:grid;gap:12px;margin:0}.footer-extra .configured-elements{margin:0;gap:12px}.footer-extra .side-box{width:100%;max-width:none;margin:0;padding:16px;border-radius:16px;background:color-mix(in srgb,var(--surface2) 88%,transparent);box-shadow:0 12px 30px rgba(0,0,0,.2)}.footer-extra .side-box h2,.footer-extra .side-box-title{margin:0 0 10px;font-size:20px}.footer-extra .newsletter-form{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:8px}.footer-extra .newsletter-form input{min-width:0;padding:10px 12px}.footer-extra .newsletter-form button{min-width:0;padding:10px 12px}.footer-extra .newsletter-consent{margin-top:8px!important;font-size:10px!important;line-height:1.4!important}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}/* Farba musi byt aj na obale odkazu: pri navstivenom odkaze prehliadac z ochrany sukromia nedopocitava CSS premenne, farba spadne na zdedenu — a bez tohto to bola bleda farba paticky, takze klik odkaz zhasol. */.footer li,.footer .footer-icons{color:var(--a)}.footer a{color:var(--a)}.copy{margin-top:22px;color:#94a3b8}
.content-blocks{margin:34px 0;display:grid;gap:16px}.content-blocks>div,.icon-blocks,.poll-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.content-blocks article{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045);padding:20px}.content-blocks span{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;font-weight:950}.content-blocks h2{font-size:32px;margin:0;color:#fff}.content-blocks h3{margin:12px 0 8px;color:#fff}.content-blocks p{color:var(--muted);line-height:1.55}.glossary-link{position:relative;color:inherit;font-weight:950;text-decoration:none;/* Farbu nesie span vnutri odkazu: pri navstivenom odkaze prehliadac z ochrany sukromia nedopocitava CSS premenne a odkaz by zhasol. Span odkaz nie je, takze sa ho to obmedzenie netyka. */}.glossary-link .gl-t{color:var(--a);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--a) 55%,transparent);text-underline-offset:3px;cursor:help}.glossary-link[data-tip]:hover::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 9px);z-index:60;width:max-content;max-width:280px;padding:10px 13px;border-radius:12px;border:1px solid color-mix(in srgb,var(--a) 45%,var(--line));background:#0b1220;color:#f8fafc;font-weight:600;font-size:13px;line-height:1.45;text-decoration:none;box-shadow:0 10px 34px rgba(0,0,0,.55);white-space:normal;pointer-events:none}.glossary-link[data-tip]:hover::before{content:"";position:absolute;left:16px;bottom:calc(100% + 3px);z-index:60;border:6px solid transparent;border-top-color:#0b1220;pointer-events:none}.poll-blocks button{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;padding:10px;font-weight:900;cursor:pointer}.poll-blocks small{display:block;margin-top:10px;color:var(--a);font-weight:900}
.category-image{width:100%;max-height:280px;object-fit:contain;border-radius:18px;margin:0 0 18px;border:1px solid var(--line);box-shadow:0 0 24px color-mix(in srgb,var(--a) 22%,transparent)}.subcategory-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin:0 0 28px}.subcategory-tile{display:grid;gap:12px;align-content:start;text-align:center;color:var(--a);font-weight:950}.subcategory-tile img,.subcategory-placeholder{width:100%;aspect-ratio:4/3;object-fit:contain;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045);box-shadow:0 0 18px color-mix(in srgb,var(--a) 14%,transparent)}.subcategory-placeholder{display:grid;place-items:center;color:color-mix(in srgb,var(--a) 58%,white);font-size:34px}.subcategory-tile strong{line-height:1.25}.subcategory-tiles.text-only{display:flex;flex-wrap:wrap}.subcategory-tiles.text-only .subcategory-tile{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:11px 15px;background:rgba(255,255,255,.045)}.category-bottom-text{margin:34px 0 0;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.045);padding:26px;color:var(--muted);line-height:1.7}.category-bottom-text h2,.category-bottom-text h3{color:#fff}.category-bottom-text a{color:var(--a);font-weight:900}.category-bottom-text img{max-width:100%;border-radius:18px}
.cat-banner{position:relative;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:24px;margin:0 0 24px}
.cat-cover{display:flex;align-items:flex-end;min-height:230px;background-size:cover;background-position:center}
.cat-cover .cat-banner-inner{padding:26px;width:100%}
.cat-cover h1{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.7)!important}
.cat-contain{background:rgba(255,255,255,.03)}
.cat-contain .cat-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(28px) brightness(.45);transform:scale(1.18)}
.cat-contain .cat-banner-inner{position:relative;display:flex;align-items:center;gap:24px;padding:22px 26px;flex-wrap:wrap}
.cat-contain .cat-photo{flex:0 0 auto;width:min(320px,42%);max-height:220px;object-fit:contain;border-radius:16px;background:rgba(2,6,23,.35);box-shadow:0 10px 40px rgba(0,0,0,.5)}
.cat-contain .cat-banner-text{flex:1 1 240px;min-width:0}
.cat-contain h1{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.6)!important}
.cat-banner h1{margin:0}.cat-banner .category-top-text{margin-top:12px}
@media(max-width:650px){.cat-contain .cat-photo{width:100%;max-height:200px}}
.modal{display:none;position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.72);align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(760px,100%);max-height:92vh;overflow:auto;border:1px solid var(--line);border-radius:26px;background:#0f172a;padding:24px}.modal-head{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.close{background:transparent;color:white;border:1px solid var(--line);border-radius:12px;padding:10px 14px;cursor:pointer}.cart-lines{display:grid;gap:10px;margin:18px 0}.cart-line{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px}.qty{display:flex;gap:6px;align-items:center}.qty button{border:0;background:var(--a);color:#020617;border-radius:8px;padding:6px 10px;font-weight:950;cursor:pointer}.form{display:grid;gap:12px;margin-top:18px}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);background:#020617;color:white;border-radius:12px;padding:13px}.submit{background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;border:0;border-radius:14px;padding:15px;font-weight:950;cursor:pointer}.msg{margin-top:12px;color:var(--a);font-weight:900}.cookie{position:fixed;left:20px;right:20px;bottom:20px;z-index:110;background:#020617;color:white;border:1px solid var(--line);border-radius:18px;padding:16px;display:none;gap:14px;align-items:center;justify-content:space-between;box-shadow:0 20px 80px rgba(0,0,0,.45)}.cookie-actions{display:flex;gap:10px}.cookie button{border:1px solid var(--line);background:transparent;color:white;border-radius:12px;padding:10px 14px;cursor:pointer}.cookie .accept{background:var(--a);color:#020617}
.top,.sidebar,.hero,.product,.side-box,.benefit,.modal-card,.footer,.search,input,textarea,select,.tabs span,.tabs a,.cat-filter{border-color:color-mix(in srgb,var(--a) 66%,rgba(255,255,255,.12))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 42%,transparent),0 0 26px color-mix(in srgb,var(--a) 30%,transparent),inset 0 0 22px rgba(255,255,255,.03)!important}.product:hover,.benefit:hover,.hero:hover,.side-box:hover,.tabs span:hover,.tabs a:hover,.cat-filter:hover{border-color:var(--a)!important;box-shadow:0 0 0 1px var(--a),0 0 34px var(--glow),0 0 95px color-mix(in srgb,var(--a2) 34%,transparent),inset 0 0 32px color-mix(in srgb,var(--a) 12%,transparent)!important}.logo-mark,.benefit-icon,.detail,.submit,.search button,.cart-btn,.icons div{box-shadow:0 0 18px var(--glow),0 0 54px color-mix(in srgb,var(--a) 62%,transparent)!important}.menu a:hover,.sidebar a:hover,.footer a:hover,.price strong,.availability,.logo-text,.side-box h2,.hero h1{color:var(--heading)!important;text-shadow:0 0 12px color-mix(in srgb,var(--a) 70%,transparent),0 0 26px var(--glow)!important}.pimg div{border:1px solid color-mix(in srgb,var(--a) 60%,transparent)!important;box-shadow:inset 0 0 55px color-mix(in srgb,var(--a) 18%,transparent),0 0 24px color-mix(in srgb,var(--a) 20%,transparent)!important}
@property --a{syntax:"";inherits:true;initial-value:#00f5ff}
@property --a2{syntax:"";inherits:true;initial-value:#ff00f5}
@property --glow{syntax:"";inherits:true;initial-value:rgba(0,245,255,.55)}
body{animation:rgbTheme 9s linear infinite}
.top,.sidebar,.hero,.product,.side-box,.benefit,.modal-card,.footer,.search,input,textarea,select,.tabs span,.tabs a,.cat-filter{animation:rgbSurface 9s linear infinite}
.logo-mark,.benefit-icon,.detail,.submit,.search button,.cart-btn{animation:rgbpulseBtn 4s linear infinite}
@keyframes rgbTheme{0%{--a:#00f5ff;--a2:#ff00f5;--glow:rgba(0,245,255,.55)}25%{--a:#7c3cff;--a2:#00f5ff;--glow:rgba(124,60,255,.55)}50%{--a:#ff00f5;--a2:#39ff14;--glow:rgba(255,0,245,.55)}75%{--a:#39ff14;--a2:#fff200;--glow:rgba(57,255,20,.55)}100%{--a:#00f5ff;--a2:#ff00f5;--glow:rgba(0,245,255,.55)}}
@keyframes rgbSurface{0%{border-color:#00f5ff;box-shadow:0 0 0 1px rgba(0,245,255,.34),0 0 28px rgba(0,245,255,.24),inset 0 0 22px rgba(255,255,255,.03)}33%{border-color:#ff00f5;box-shadow:0 0 0 1px rgba(255,0,245,.34),0 0 28px rgba(255,0,245,.24),inset 0 0 22px rgba(255,255,255,.03)}66%{border-color:#39ff14;box-shadow:0 0 0 1px rgba(57,255,20,.34),0 0 28px rgba(57,255,20,.22),inset 0 0 22px rgba(255,255,255,.03)}100%{border-color:#00f5ff;box-shadow:0 0 0 1px rgba(0,245,255,.34),0 0 28px rgba(0,245,255,.24),inset 0 0 22px rgba(255,255,255,.03)}}
@keyframes rgbpulseBtn{0%{box-shadow:0 0 24px #00f5ff,0 0 70px #00f5ff}33%{box-shadow:0 0 24px #ff00f5,0 0 70px #ff00f5}66%{box-shadow:0 0 24px #39ff14,0 0 70px #39ff14}100%{box-shadow:0 0 24px #00f5ff,0 0 70px #00f5ff}}
@media(max-width:1050px){.page{width:100%}.top{grid-template-columns:1fr}.menu{overflow:auto;padding:15px 24px}.icons{display:none}.benefits{grid-template-columns:1fr 1fr}.main{grid-template-columns:1fr}.sidebar{border-right:0;padding-right:0;order:2}.grid{grid-template-columns:1fr 1fr}.footer-grid,.footer-grid.has-extra{grid-template-columns:minmax(0,1fr)!important;gap:24px}.footer-grid>*{width:100%;max-width:100%;min-width:0}.footer h3{margin:0 0 10px;line-height:1.25}.footer p,.footer li,.footer a{max-width:100%;overflow-wrap:anywhere;word-break:normal}.footer ul{gap:10px}}@media(max-width:650px){.benefits,.grid{grid-template-columns:1fr}.main{padding:0 18px 35px}.hero h1{font-size:34px}.cookie{display:block}}
/* LECH-WEB STRONG NEON EFFECTS */
.top,
.sidebar,
.hero,
.product,
.side-box,
.benefit,
.modal-card,
.footer,
.search,
input,
textarea,
select,
.tabs span,
.tabs a,
.cat-filter {
border-color: color-mix(in srgb, var(--a) 42%, rgba(255,255,255,.16)) !important;
box-shadow:
0 0 0 1px color-mix(in srgb, var(--a) 18%, transparent),
0 0 10px color-mix(in srgb, var(--a) 12%, transparent),
inset 0 0 10px rgba(255,255,255,.018) !important;
}
.product:hover,
.benefit:hover,
.hero:hover,
.side-box:hover,
.tabs span:hover,
.tabs a:hover,
.cat-filter:hover {
border-color: color-mix(in srgb, var(--a) 70%, white) !important;
box-shadow:
0 0 0 1px color-mix(in srgb, var(--a) 36%, transparent),
0 0 18px color-mix(in srgb, var(--a) 28%, transparent),
0 0 36px color-mix(in srgb, var(--a2) 16%, transparent),
inset 0 0 14px color-mix(in srgb, var(--a) 5%, transparent) !important;
}
.logo-mark,
.benefit-icon,
.detail,
.submit,
.search button,
.cart-btn,
.icons div {
background: linear-gradient(135deg, var(--a), var(--a2)) !important;
color: #020617 !important;
box-shadow:
0 0 9px color-mix(in srgb, var(--a) 38%, transparent),
0 0 20px color-mix(in srgb, var(--a) 22%, transparent) !important;
}
.menu a:hover,
.sidebar a:hover,
.footer a:hover,
.price strong,
.availability,
.logo-text,
.side-box h2,
.hero h1 {
color: var(--a) !important;
text-shadow:
0 0 5px color-mix(in srgb, var(--a) 32%, transparent),
0 0 12px color-mix(in srgb, var(--a) 18%, transparent) !important;
}
.badges span {
--badge-neon: var(--badge-bg, var(--a));
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 7px 13px !important;
border-radius: 999px !important;
background: rgba(6, 14, 12, .58) !important;
color: var(--badge-neon) !important;
border: 1.5px solid var(--badge-neon) !important;
text-shadow: 0 0 8px var(--badge-neon) !important;
box-shadow:
0 0 7px var(--badge-neon),
0 0 18px color-mix(in srgb, var(--badge-neon) 64%, transparent),
inset 0 0 10px rgba(255,255,255,.06) !important;
backdrop-filter: blur(2px) !important;
}
/* Pulzovanie príznakov: žiara sa mení na vrstve navyše, nie na samotnom prvku.
Predtým sa animoval box-shadow priamo na .badges span. Box-shadow patrí medzi
vlastnosti, ktoré si prehliadač nevie odložiť na grafickú kartu — každý
snímok teda znamenal prepočet štýlov a prekreslenie na hlavnom vlákne, a to
donekonečna. Pri trinástich produktoch to bolo 65 takých prvkov naraz:
Speed Index vyskočil na 6,3 s, hoci obsah bol na obrazovke za 0,8 s.
Animácia priehľadnosti beží na grafickej karte a hlavné vlákno nezaťaží.
Vzhľad ostáva rovnaký. */
.badges span:not(.badge-style-solid):not(.badge-style-glass) {
position: relative;
}
.badges span:not(.badge-style-solid):not(.badge-style-glass)::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
opacity: 0;
box-shadow:
0 0 12px var(--badge-neon),
0 0 30px color-mix(in srgb, var(--badge-neon) 74%, transparent),
inset 0 0 12px rgba(255,255,255,.08);
}
@media (prefers-reduced-motion: no-preference) {
.badges span:not(.badge-style-solid):not(.badge-style-glass)::after {
animation: badgeNeonPulse 2.8s ease-in-out infinite;
will-change: opacity;
}
}
@keyframes badgeNeonPulse {
0%, 100% { opacity: 0; }
50% { opacity: 1; }
}
.badges span.badge-style-solid {
background: linear-gradient(135deg, var(--badge-neon), color-mix(in srgb, var(--badge-neon) 64%, white)) !important;
color: #020617 !important;
border-color: var(--badge-neon) !important;
text-shadow: none !important;
}
.badges span.badge-style-glass {
background: color-mix(in srgb, var(--badge-neon) 18%, rgba(6,14,12,.54)) !important;
color: var(--badge-neon) !important;
border-color: color-mix(in srgb, var(--badge-neon) 72%, white) !important;
box-shadow:
0 0 18px color-mix(in srgb, var(--badge-neon) 34%, transparent),
inset 0 0 14px rgba(255,255,255,.08) !important;
backdrop-filter: blur(6px) !important;
}
.badges span.badge-font-mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
letter-spacing: .08em !important;
}
.badges span.badge-font-soft {
text-transform: none !important;
font-weight: 800 !important;
letter-spacing: .01em !important;
}
.pimg div {
border: 1px solid color-mix(in srgb, var(--a) 38%, transparent) !important;
box-shadow:
inset 0 0 22px color-mix(in srgb, var(--a) 8%, transparent),
0 0 8px color-mix(in srgb, var(--a) 10%, transparent) !important;
}
/* LECH-WEB PREMIUM HEADER + LEFT SIDEBAR UPDATE */
.page {
width: min(1480px, calc(100% - 28px)) !important;
border-left: 1px solid color-mix(in srgb, var(--a) 22%, rgba(255,255,255,.12)) !important;
border-right: 1px solid color-mix(in srgb, var(--a2) 22%, rgba(255,255,255,.12)) !important;
box-shadow: 0 0 55px color-mix(in srgb, var(--a) 10%, transparent), 0 0 95px color-mix(in srgb, var(--a2) 7%, transparent) !important;
}
.top {
position: sticky !important;
top: 0 !important;
z-index: 80 !important;
height: 96px !important;
display: grid !important;
grid-template-columns: fit-content(360px) minmax(360px, 1fr) auto !important;
gap: 0 !important;
padding: 0 16px 0 0 !important;
overflow: hidden !important;
border: 1px solid color-mix(in srgb, var(--a) 32%, rgba(255,255,255,.14)) !important;
border-top: 0 !important;
border-radius: 0 0 30px 30px !important;
background:
radial-gradient(circle at 13% 0%, color-mix(in srgb, var(--a) 26%, transparent), transparent 34%),
radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--a2) 24%, transparent), transparent 34%),
linear-gradient(90deg, rgba(1,7,15,.98), rgba(7,12,29,.94) 44%, rgba(12,5,24,.96)) !important;
backdrop-filter: blur(22px) saturate(145%) !important;
box-shadow:
0 18px 52px rgba(0,0,0,.42),
0 0 34px color-mix(in srgb, var(--a) 14%, transparent),
inset 0 -1px 0 color-mix(in srgb, var(--a2) 28%, transparent) !important;
}
.top:before {
content: "";
position: absolute;
left: 24px;
right: 24px;
bottom: 0;
height: 2px;
background: linear-gradient(90deg, transparent, var(--a), var(--a2), transparent);
box-shadow: 0 0 18px var(--glow), 0 0 28px color-mix(in srgb, var(--a2) 45%, transparent);
pointer-events: none;
}
.top:after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(110deg, transparent 0 34%, rgba(255,255,255,.07) 43%, transparent 54%);
opacity: .42;
pointer-events: none;
}
.logo {
position: relative !important;
z-index: 2 !important;
padding: 0 30px !important;
gap: 16px !important;
background: linear-gradient(135deg, color-mix(in srgb, var(--a) 19%, transparent), rgba(255,255,255,.025)) !important;
border-right: 1px solid color-mix(in srgb, var(--a) 20%, rgba(255,255,255,.14)) !important;
border-radius: 0 0 28px 0 !important;
}
.logo-mark {
width: 58px !important;
height: 58px !important;
border-radius: 20px !important;
position: relative !important;
font-size: 17px !important;
letter-spacing: -.03em !important;
}
.logo-mark:after {
content: "";
position: absolute;
inset: -8px;
border-radius: 26px;
background: radial-gradient(circle, color-mix(in srgb, var(--a) 35%, transparent), transparent 62%);
z-index: -1;
}
.logo-text {
font-size: 30px !important;
line-height: 1 !important;
letter-spacing: -.045em !important;
background: linear-gradient(90deg, #fff 8%, var(--a) 48%, var(--a2) 100%) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
color: transparent !important;
text-shadow: none !important;
}
.logo-subtitle {
display: block;
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0;
opacity: .72;
margin-top: 2px;
white-space: normal;
}
.menu {
position: relative !important;
z-index: 2 !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 0 22px !important;
overflow-x: auto !important;
scrollbar-width: none !important;
}
.menu::-webkit-scrollbar { display: none; }
.menu a {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 46px !important;
padding: 0 18px !important;
border: 1px solid transparent !important;
border-radius: 999px !important;
color: #edf7ff !important;
font-weight: 950 !important;
letter-spacing: .01em !important;
white-space: nowrap !important;
transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}
.menu a.active,
.menu a:hover {
transform: translateY(-1px) !important;
color: #020617 !important;
text-shadow: none !important;
border-color: transparent !important;
background: linear-gradient(135deg, var(--a), var(--a2)) !important;
box-shadow: 0 0 18px color-mix(in srgb, var(--a) 34%, transparent), 0 0 28px color-mix(in srgb, var(--a2) 20%, transparent) !important;
}
.icons {
position: relative !important;
z-index: 2 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
height: auto !important;
padding: 0 !important;
}
.icons div,
.cart-btn {
width: auto !important;
min-width: 98px !important;
height: 50px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
border: 1px solid color-mix(in srgb, var(--a) 26%, rgba(255,255,255,.16)) !important;
border-radius: 18px !important;
padding: 0 16px !important;
background: rgba(255,255,255,.045) !important;
color: #f8fafc !important;
font-size: 13px !important;
letter-spacing: .025em !important;
box-shadow: inset 0 0 20px rgba(255,255,255,.025), 0 0 16px color-mix(in srgb, var(--a) 12%, transparent) !important;
}
.icons div:nth-child(1):before { content: ""; color: var(--a); font-size: 17px; }
.icons div:nth-child(2):before { content: ""; color: var(--a); font-size: 15px; }
.cart-btn {
min-width: 118px !important;
background: linear-gradient(135deg, color-mix(in srgb, var(--a) 82%, white), color-mix(in srgb, var(--a2) 88%, white)) !important;
color: #020617 !important;
border-color: transparent !important;
}
.cart-count {
right: 8px !important;
top: 5px !important;
background: #020617 !important;
color: var(--a) !important;
border: 1px solid color-mix(in srgb, var(--a) 45%, transparent) !important;
box-shadow: 0 0 14px color-mix(in srgb, var(--a) 24%, transparent) !important;
}
.favorite-header-btn{font-size:28px!important;line-height:1}.favorite-header-icon{display:block;transform:translateY(-1px)}
.favorite-btn{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;border:1px solid var(--line);border-radius:999px;background:var(--surface2,rgba(2,6,23,.78));color:var(--a);font-size:27px;line-height:1;cursor:pointer;box-shadow:none;transition:transform .15s ease,border-color .15s ease,background .15s ease}.favorite-btn:hover{transform:translateY(-1px);border-color:var(--a)}.favorite-btn.active{background:linear-gradient(135deg,var(--a),var(--a2));color:var(--button-text,#020617);border-color:transparent}.favorite-card-btn{position:absolute;right:12px;top:12px;z-index:8}.product{position:relative}.detail-favorite-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.favorite-detail-btn{position:static}.favorites-page{min-width:0}.favorites-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:18px}.favorite-item{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px}.favorite-item img,.favorite-item-placeholder{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:12px;background:var(--input)}.favorite-item h2{font-size:18px;margin:0;overflow-wrap:anywhere}.favorite-item-meta{display:grid;gap:5px;color:var(--muted);font-size:14px}.favorite-item-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.favorite-item-actions .detail{flex:1}.favorites-empty{border:1px dashed var(--line);border-radius:16px;padding:28px;text-align:center;color:var(--muted)}.favorites-empty .detail{display:inline-flex;margin-top:10px}
.benefits { padding-top: 34px !important; }
.main {
grid-template-columns: 340px minmax(0, 1fr) !important;
gap: 34px !important;
align-items: start !important;
}
.sidebar {
position: relative !important;
top: auto !important;
align-self: start !important;
max-height: none !important;
overflow: visible !important;
padding: 18px !important;
border: 1px solid color-mix(in srgb, var(--a) 28%, rgba(255,255,255,.14)) !important;
border-radius: 30px !important;
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--a) 22%, transparent), transparent 34%),
radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--a2) 16%, transparent), transparent 40%),
linear-gradient(180deg, rgba(3,9,18,.94), rgba(4,6,17,.78)) !important;
box-shadow:
0 22px 56px rgba(0,0,0,.35),
0 0 28px color-mix(in srgb, var(--a) 11%, transparent),
inset 0 0 38px rgba(255,255,255,.025) !important;
scrollbar-width: thin !important;
scrollbar-color: color-mix(in srgb, var(--a) 70%, transparent) transparent !important;
}
.sidebar::-webkit-scrollbar { width: 8px; }
.sidebar::-webkit-scrollbar-thumb { background: linear-gradient(var(--a), var(--a2)); border-radius: 999px; }
.sidebar::-webkit-scrollbar-track { background: rgba(255,255,255,.035); border-radius: 999px; }
.side-box {
position: relative !important;
overflow: hidden !important;
padding: 20px 18px !important;
margin: 0 0 16px !important;
border: 1px solid color-mix(in srgb, var(--a) 24%, rgba(255,255,255,.12)) !important;
border-radius: 24px !important;
background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
box-shadow: inset 0 0 22px rgba(255,255,255,.018), 0 0 18px color-mix(in srgb, var(--a) 8%, transparent) !important;
}
.side-box:before {
content: "";
position: absolute;
left: 18px;
right: 18px;
top: 0;
height: 1px;
background: linear-gradient(90deg, transparent, var(--a), var(--a2), transparent);
opacity: .75;
}
.side-box h2,.side-box-title {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 0 15px !important;
font-size: 22px !important;
line-height: 1.1 !important;
letter-spacing: -.035em !important;
color: #fff !important;
text-shadow: 0 0 14px color-mix(in srgb, var(--a) 25%, transparent) !important;
}
.side-box h2:before,.side-box-title:before {
content: "";
width: 30px;
height: 30px;
border-radius: 11px;
display: grid;
place-items: center;
flex: 0 0 auto;
background: linear-gradient(135deg, var(--a), var(--a2));
color: #020617;
font-size: 15px;
box-shadow: 0 0 16px color-mix(in srgb, var(--a) 32%, transparent);
}
.side-box b {
display: block !important;
color: #fff !important;
margin: 3px 0 9px !important;
font-size: 16px !important;
}
.side-box ul { gap: 8px !important; }
.side-box ul a {
position: relative !important;
display: block !important;
margin: 0 !important;
padding: 12px 13px 12px 42px !important;
border: 1px solid color-mix(in srgb, var(--a) 20%, rgba(255,255,255,.10)) !important;
border-radius: 16px !important;
background: rgba(255,255,255,.035) !important;
color: #eaf5ff !important;
font-weight: 850 !important;
transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important;
}
.side-box ul a:before {
content: "";
position: absolute;
left: 17px;
top: 50%;
width: 9px;
height: 9px;
border-radius: 999px;
transform: translateY(-50%);
background: var(--a);
box-shadow: 0 0 12px color-mix(in srgb, var(--a) 54%, transparent);
}
.side-box ul a:hover {
transform: translateX(5px) !important;
color: #020617 !important;
text-shadow: none !important;
background: linear-gradient(135deg, var(--a), var(--a2)) !important;
box-shadow: 0 0 18px color-mix(in srgb, var(--a) 22%, transparent), 0 0 28px color-mix(in srgb, var(--a2) 16%, transparent) !important;
}
.side-box > a:not(.side-button) {
display: block !important;
margin-top: 8px !important;
color: color-mix(in srgb, var(--a) 78%, white) !important;
word-break: break-word !important;
}
.side-button {
margin-top: 14px !important;
padding: 13px 14px !important;
border: 0 !important;
border-radius: 16px !important;
color: #020617 !important;
background: linear-gradient(135deg, var(--a), var(--a2)) !important;
box-shadow: 0 0 18px color-mix(in srgb, var(--a) 23%, transparent), 0 0 30px color-mix(in srgb, var(--a2) 16%, transparent) !important;
}
.search {
display: grid !important;
grid-template-columns: 1fr 92px !important;
gap: 6px !important;
padding: 6px !important;
border-radius: 18px !important;
overflow: hidden !important;
background: rgba(255,255,255,.055) !important;
}
.search input {
border: 0 !important;
border-radius: 13px !important;
background: rgba(255,255,255,.94) !important;
color: #071018 !important;
padding: 13px 14px !important;
outline: none !important;
}
.search input:focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--a) 62%, transparent) !important; }
.search button {
border: 0 !important;
border-radius: 13px !important;
font-size: 12px !important;
}
@media(max-width:1050px) {
.top { position: relative !important; grid-template-columns: 1fr !important; height: auto !important; padding: 0 !important; border-radius: 0 0 24px 24px !important; }
.logo { min-height: 82px !important; border-right: 0 !important; border-radius: 0 !important; }
.menu { min-height: 64px !important; padding: 10px 18px !important; }
.icons { display: none !important; }
.main { grid-template-columns: minmax(0,1fr) !important; }
.sidebar { position: relative !important; top: auto !important; max-height: none !important; order: 2 !important; }
}
@media(max-width:650px) {
.page { width: 100% !important; }
.logo-text { font-size: 25px !important; }
.menu a { min-height: 42px !important; padding: 0 14px !important; }
.sidebar { border-radius: 22px !important; padding: 14px !important; }
.side-box { border-radius: 18px !important; }
}
/* LECH-WEB template layout overrides */
body.layout-full-width .main{grid-template-columns:minmax(0,1fr)!important}
body.layout-full-width .sidebar{display:none!important}
/* Šablónové rozloženia platia len na desktope; na mobile sa všetko zbalí do 1 stĺpca. */
@media(min-width:761px){
body.template-fashion-shop .hero{min-height:560px!important;align-items:center!important;padding:60px!important}
body.template-fashion-shop .hero h1{font-size:76px!important;max-width:760px!important}
body.template-fashion-shop .benefits{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.template-beauty-shop .hero{min-height:620px!important;align-items:center!important;padding:66px!important;border-radius:38px!important}
body.template-beauty-shop .hero h1{font-size:72px!important}
body.template-beauty-shop .grid.cols-2{max-width:1120px!important;margin-inline:auto!important}
body.template-beauty-shop .product{min-height:590px!important;border-radius:36px!important}
body.template-beauty-shop .pimg{height:320px!important}
body.template-auto-service .benefits,body.template-business-web .benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.template-auto-service .grid.list .product,body.template-business-web .grid.list .product{grid-template-columns:280px minmax(0,1fr) 190px!important;text-align:left!important}
body.template-gastro-shop .main{grid-template-columns:260px minmax(0,1fr)!important}
body.template-gastro-shop .benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.template-gastro-shop .product{min-height:430px!important;border-radius:22px!important}
body.template-hotel-booking .hero{min-height:640px!important;align-items:end!important;padding:70px!important;border-radius:40px!important}
body.template-cargo-containers .main{grid-template-columns:300px minmax(0,1fr)!important}
body.template-cargo-containers .grid.list .product{grid-template-columns:300px minmax(0,1fr) 190px!important;text-align:left!important}
body.layout-left-column.template-tech-store .main,body.template-tech-store .main{grid-template-columns:300px minmax(0,1fr)!important}
body.template-tech-store .grid.cols-4 .product{min-height:390px!important;padding:0 12px 16px!important;border-radius:14px!important}
body.template-tech-store .grid.cols-4 .pimg{height:168px!important}
body.template-tech-store .grid.cols-4 .pimg img{max-height:154px!important}
body.template-tech-store .grid.cols-4 .product p{display:none!important}
body.template-fitness-site .hero{min-height:560px!important;text-align:center!important;justify-content:center!important}
body.template-fitness-site .hero p{margin-inline:auto!important}
body.template-fitness-site .hero-buttons{justify-content:center!important}
body.template-business-web .home{max-width:980px!important;border:1px solid var(--line)!important;border-radius:26px!important;background:rgba(255,255,255,.04)!important;padding:28px!important}
}
@media(max-width:850px){body.template-auto-service .grid.list .product,body.template-business-web .grid.list .product,body.template-cargo-containers .grid.list .product{grid-template-columns:minmax(0,1fr)!important}}
/* Farby pisma boli na 46 miestach zadrotovane natvrdo (#fff, #f8fafc, #dbeafe...),
takze na bielom pozadi nebolo pismo vidno a nastavenie "Text" ich neriadilo.
Tu ich naviazeme na premenne temy — teda na to, co si majitel nastavi. */
body.theme-light .menu a,body.theme-light .hdr-dd-panel a,body.theme-light .hdr-dd-panel button,body.theme-light .side-box ul a,
body.theme-light .category-tree .category-link,body.theme-light .stars strong,
body.theme-light .content-blocks h2,body.theme-light .content-blocks h3,
body.theme-light .home,body.theme-light .action-block,body.theme-light .checkout-stepper span,
body.theme-light .secondary,body.theme-light .vat-validation,body.theme-light .added-notice,
body.theme-light .company-check,body.theme-light .delivery-country,body.theme-light .company-fields-title,
body.theme-light .detail-variants span,body.theme-light .public-page .long,body.theme-light .detail-panel.long,
body.theme-light .poll-blocks button,body.theme-light .glossary-link[data-tip]:hover::after,
body.theme-light .top .icons div,body.theme-light .header-search,body.theme-light .header-account{color:var(--text)!important}
body.theme-light .public-page .long p,body.theme-light .detail-panel.long p,
body.theme-light .side-box p,body.theme-light .product p,body.theme-light .benefit p{color:var(--muted)!important}
body.theme-light .contact-form input,body.theme-light .contact-form textarea,
body.theme-light .search input,body.theme-light .qty input{background:#fff!important;color:var(--text)!important;border:1px solid var(--line)!important}
/* Tlacidla na akcentnej farbe maju farbu podla nastavenia "Text na tlacidlach". */
body.theme-light .cart-btn,body.theme-light .poll-blocks button.voted{color:var(--button-text)!important}
body.theme-light .category-bottom-text h2,body.theme-light .category-bottom-text h3,
body.theme-light .side-box b,body.theme-light .terms-check,body.theme-light .public-flag-menu a,
body.theme-light.cards-overlay .product>h3{color:var(--text)!important}
/* Nadpis nad obrazkom kategorie ostava bily s tienom — pod nim je fotka. */
body.theme-light .cat-cover h1,body.theme-light .cat-contain h1{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.55)!important}
/* Semanticke farby potrebuju na bielom tmavsi odtien, inak sa strati. */
body.theme-light .availability{color:#047857!important}
body.theme-light .cart-tools button,body.theme-light .remove-item,body.theme-light .qty .remove-item{color:#b91c1c!important}
body.theme-light .vat-validation.ok{color:#047857!important}
body.theme-light .vat-validation.bad{color:#b91c1c!important}
body.theme-light .vat-validation.warn{color:#92400e!important}
body.theme-light .price del,body.theme-light .omnibus-note,body.theme-light .rating-box{color:var(--muted)!important}
body.theme-light .badges span{color:var(--button-text)!important}
/* Svetla ("biela") schema. Zadanie: jedno pozadie, hlavny text NIE je v ramceku,
ramceky maju len produkty a karty. Zadny neon, ziadne tiene textu. */
body.theme-light{--text:#111827;--muted:#4b5563;--line:#e5e7eb;background:#fff}
body.theme-light .page{background:#fff!important;box-shadow:none}
body.theme-light .top{background:#fff!important;border-bottom:1px solid var(--line);box-shadow:none}
body.theme-light .menu a,body.theme-light .icons div,body.theme-light .header-search,body.theme-light .header-account{color:#111827}
body.theme-light .hero{background:transparent!important;border:0!important;box-shadow:none!important;padding-inline:0}
body.theme-light .hero h1,body.theme-light .home h2,body.theme-light .category-heading h1{color:#111827!important;text-shadow:none!important}
body.theme-light .hero p,body.theme-light .home p{color:#4b5563}
/* Hlavny text titulky a kategorie bez ramu — jedno pozadie. */
body.theme-light .home-content,body.theme-light .text-block,body.theme-light .category-heading,body.theme-light .category-top-text,body.theme-light .category-bottom-text{background:transparent!important;border:0!important;box-shadow:none!important;padding-inline:0}
/* Ramceky ostavaju len produktom a kartam. */
body.theme-light .product,body.theme-light .benefit,body.theme-light .side-box,body.theme-light .modal-card,body.theme-light .cart-summary{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 1px 2px rgba(16,24,40,.06)!important}
body.theme-light .product h3,body.theme-light .benefit h3,body.theme-light .side-box h2,body.theme-light .side-box-title{color:#111827!important}
body.theme-light .price strong{color:#111827!important;text-shadow:none!important}
body.theme-light .pimg,body.theme-light .pimg div{background:#f8fafc!important;box-shadow:none!important}
body.theme-light .cat-filter,body.theme-light .tabs a,body.theme-light .tabs span,body.theme-light .ghost-link,body.theme-light .category-tree .category-link{background:#fff!important;border-color:var(--line)!important;color:#111827!important;box-shadow:none!important;text-shadow:none!important}
body.theme-light .cat-filter.active,body.theme-light .tabs a.active,body.theme-light .category-tree .category-link.active{background:var(--a)!important;border-color:var(--a)!important;color:#fff!important}
body.theme-light .detail,body.theme-light .submit,body.theme-light .cart-btn,body.theme-light .search button,body.theme-light .hero-buttons .primary{background:var(--a)!important;border-color:var(--a)!important;color:#fff!important;box-shadow:none!important}
body.theme-light .footer{border-top:1px solid var(--line)}
body.theme-light .footer a,body.theme-light .footer h3{color:#111827!important;text-shadow:none!important}
body.theme-light input,body.theme-light textarea,body.theme-light select{background:#fff!important;border-color:var(--line)!important;color:#111827!important}
body.theme-light .sidebar{border-right-color:var(--line)}
body.theme-light .availability{color:#047857}
/* Poloha menu/panela: vpravo. Doteraz sa dal panel dat len vlavo. */
body.layout-right-column .main{grid-template-columns:minmax(0,1fr) 320px}
body.layout-right-column .sidebar{order:2;border-right:0;border-left:1px solid var(--line);padding-right:0;padding-left:28px}
@media(max-width:1050px){body.layout-right-column .main{grid-template-columns:1fr}body.layout-right-column .sidebar{border-left:0;padding-left:0}}
/* V2 is opt-in; legacy template markup keeps the exact v1 layer above. */
body.template-v2{--v2-radius:18px;--v2-heading:Arial,Helvetica,sans-serif;font-family:Arial,Helvetica,sans-serif}
body.template-v2 .page{overflow:clip}body.template-v2 .template-topbar{display:flex;justify-content:space-between;gap:20px;padding:9px 28px;background:var(--a);color:#020617;font-size:12px;font-weight:950;text-transform:uppercase}
body.template-v2 .top{min-height:82px;height:auto;border-radius:0!important}body.template-v2 .logo{min-width:0;max-width:min(420px,42vw)}body.template-v2 .logo-text{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.template-v2 h1,body.template-v2 h2,body.template-v2 h3{font-family:var(--v2-heading);letter-spacing:0}
body.template-v2 .hero{position:relative;overflow:hidden;border-radius:var(--v2-radius)!important;min-height:560px!important;padding:clamp(32px,6vw,84px)!important;background:linear-gradient(110deg,color-mix(in srgb,var(--dark) 88%,transparent),color-mix(in srgb,var(--a) 14%,transparent)),var(--card)!important}
body.template-v2 .hero-copy{position:relative;z-index:2;max-width:720px}body.template-v2 .hero h1{font-size:clamp(46px,6vw,92px)!important;line-height:.96!important;letter-spacing:0!important;text-wrap:balance}
body.template-v2 .hero-media{position:absolute;inset:0 0 0 48%;z-index:1;overflow:hidden}body.template-v2 .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--dark),transparent 48%)}body.template-v2 .hero-media img{width:100%;height:100%;object-fit:cover}
body.template-v2 .product{border-radius:var(--v2-radius)!important}body.template-v2 .pimg{border-radius:calc(var(--v2-radius) - 4px)!important}body.template-v2 .detail,body.template-v2 .ghost-link,body.template-v2 .hero-buttons a{border-radius:calc(var(--v2-radius) - 5px)!important}
body.template-v2.home-v2 .main>section{display:flex;flex-direction:column}body.template-v2.home-v2 .main>section>*{order:60}body.template-v2.home-v2 .home-section{order:30}body.template-v2.home-v2 .section-hero{order:10}body.template-v2.home-v2 .section-categories{order:20}body.template-v2.home-v2 .section-products{order:30}body.template-v2.home-v2 .section-benefits{order:40}body.template-v2.home-v2 .section-contact{order:50}
body.template-v2.home-v2 .section-benefits{order:10!important}body.template-v2.home-v2 .section-hero{order:20!important}body.template-v2.home-v2 .section-categories{order:30!important}body.template-v2.home-v2 .section-products{order:40!important}
body.template-v2.header-centered .top{grid-template-columns:1fr;justify-items:center;padding:18px 24px}body.template-v2.header-centered .logo{justify-content:center;max-width:100%}body.template-v2.header-centered .menu{order:2;justify-content:center;padding-top:12px}body.template-v2.header-centered .icons{position:absolute;right:18px;top:18px;height:54px}
body.template-v2.header-transparent .top{position:absolute;z-index:40;left:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,.72),transparent);border:0!important;box-shadow:none!important}
body.template-v2.header-wide .top{padding-inline:clamp(18px,5vw,70px)}body.template-v2.header-search .menu{padding-inline:20px;border-inline:1px solid var(--line)}body.template-v2.header-search .icons>div:first-child{width:150px}
body.template-v2.header-massive .top{min-height:116px}body.template-v2.header-massive .logo-text{font-size:32px}body.template-v2.header-slim .top{min-height:64px}body.template-v2.header-slim .logo-mark{width:38px;height:38px}body.template-v2.header-slim .logo-text{font-size:19px}body.template-v2.header-order-cta .cart-btn{background:var(--a)!important;color:#020617!important}
body.template-v2.hero-minimal .hero,body.template-v2.hero-minimal-light .hero{min-height:500px!important;border:0!important;box-shadow:none!important;background:transparent!important}body.template-v2.hero-minimal .hero-media,body.template-v2.hero-minimal-light .hero-media{opacity:.34;inset:8% 0 8% 58%}
body.template-v2.hero-minimal-light{--text:#172033;--muted:#526079}body.template-v2.hero-minimal-light .page{background:#f7fafc}body.template-v2.hero-minimal-light .hero h1,body.template-v2.hero-minimal-light .home h2{color:#172033!important;text-shadow:none!important}
body.template-v2.hero-has-media.hero-split-soft .hero,body.template-v2.hero-has-media.hero-split-product .hero,body.template-v2.hero-has-media.hero-split-industrial .hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center!important;gap:36px}
body.template-v2.hero-split-soft .hero-media,body.template-v2.hero-split-product .hero-media,body.template-v2.hero-split-industrial .hero-media{position:relative;inset:auto;height:100%;min-height:430px;border-radius:inherit}body.template-v2.hero-split-soft .hero-media:after,body.template-v2.hero-split-product .hero-media:after,body.template-v2.hero-split-industrial .hero-media:after{display:none}
body.template-v2.hero-full-bleed-bottom .hero,body.template-v2.hero-full-bleed-search .hero{align-items:end!important}body.template-v2.hero-full-bleed-bottom .hero-media,body.template-v2.hero-full-bleed-search .hero-media,body.template-v2.hero-full-bleed-center .hero-media{inset:0}body.template-v2.hero-full-bleed-bottom .hero-media:after,body.template-v2.hero-full-bleed-search .hero-media:after,body.template-v2.hero-full-bleed-center .hero-media:after{background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 72%)}
body.template-v2.hero-full-bleed-center .hero{align-items:center!important;justify-content:center!important;text-align:center}body.template-v2.hero-full-bleed-center .hero-copy{margin:auto}body.template-v2.hero-full-bleed-center .hero-buttons{justify-content:center}
body.template-v2.font-serif{--v2-heading:Georgia,"Times New Roman",serif}body.template-v2.font-elegant{--v2-heading:"Palatino Linotype",Palatino,Georgia,serif}body.template-v2.font-rounded,body.template-v2.font-warm{--v2-heading:"Trebuchet MS",Verdana,sans-serif}body.template-v2.font-condensed{--v2-heading:"Arial Narrow",Arial,sans-serif}body.template-v2.font-condensed h1,body.template-v2.font-condensed h2{text-transform:uppercase}body.template-v2.font-mono-price .price{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
body.template-v2.shape-sharp{--v2-radius:4px}body.template-v2.shape-square{--v2-radius:0px}body.template-v2.shape-pill{--v2-radius:34px}body.template-v2.shape-soft{--v2-radius:26px}body.template-v2.shape-gentle{--v2-radius:20px}body.template-v2.shape-moderate{--v2-radius:12px}
body.template-v2.cards-overlay .product{position:relative;overflow:hidden;min-height:470px!important;padding:0!important;text-align:left}body.template-v2.cards-overlay .pimg{height:100%!important;margin:0!important;border:0!important}body.template-v2.cards-overlay .pimg img{width:100%;height:100%;max-height:none!important;object-fit:contain}body.template-v2.cards-overlay .product>h3,body.template-v2.cards-overlay .product>.price,body.template-v2.cards-overlay .product>.availability,body.template-v2.cards-overlay .product>.product-actions{position:relative;z-index:3;margin-inline:18px}body.template-v2.cards-overlay .product>h3{margin-top:-155px;color:#fff;font-size:24px;min-height:58px;text-shadow:0 2px 10px #000}body.template-v2.cards-overlay .product:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.94));pointer-events:none}body.template-v2.cards-overlay .product>p,body.template-v2.cards-overlay .rating-box{display:none}
body.template-v2.cards-large .product{min-height:560px!important;padding:18px}body.template-v2.cards-large .pimg{height:330px!important}body.template-v2.cards-dense .grid{gap:12px}body.template-v2.cards-dense .product{min-height:360px!important;padding:10px!important}body.template-v2.cards-dense .pimg{height:auto!important;min-height:190px}body.template-v2.cards-dense .pimg img{max-height:340px}body.template-v2.cards-dense .product p{display:none}
body.template-v2.cards-menu-row .grid,body.template-v2.cards-spec-row .grid,body.template-v2.cards-service-row .grid{grid-template-columns:1fr!important}body.template-v2.cards-menu-row .product,body.template-v2.cards-spec-row .product,body.template-v2.cards-service-row .product{display:grid!important;grid-template-columns:150px minmax(0,1fr) auto;min-height:150px!important;align-items:center;gap:18px;text-align:left}body.template-v2.cards-menu-row .pimg,body.template-v2.cards-spec-row .pimg,body.template-v2.cards-service-row .pimg{height:120px!important;margin:0!important}body.template-v2.cards-menu-row .pimg img,body.template-v2.cards-spec-row .pimg img,body.template-v2.cards-service-row .pimg img{max-height:105px!important}body.template-v2.cards-program .product{min-height:440px!important;border-width:2px!important}
body.template-v2.home-v2 .section-flagmenu{order:5!important}
@media(min-width:851px){body.template-v2.cards-menu-row.listing-catalog2 .grid,body.template-v2.cards-spec-row.listing-catalog2 .grid,body.template-v2.cards-service-row.listing-catalog2 .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px}body.template-v2.cards-menu-row.listing-catalog3 .grid,body.template-v2.cards-spec-row.listing-catalog3 .grid,body.template-v2.cards-service-row.listing-catalog3 .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px}body.template-v2.cards-menu-row.listing-catalog4 .grid,body.template-v2.cards-spec-row.listing-catalog4 .grid,body.template-v2.cards-service-row.listing-catalog4 .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px}body.template-v2.cards-menu-row.listing-catalog2 .product,body.template-v2.cards-spec-row.listing-catalog2 .product,body.template-v2.cards-service-row.listing-catalog2 .product,body.template-v2.cards-menu-row.listing-catalog3 .product,body.template-v2.cards-spec-row.listing-catalog3 .product,body.template-v2.cards-service-row.listing-catalog3 .product,body.template-v2.cards-menu-row.listing-catalog4 .product,body.template-v2.cards-spec-row.listing-catalog4 .product,body.template-v2.cards-service-row.listing-catalog4 .product{display:block!important;grid-template-columns:none!important;text-align:center;min-height:0!important;padding:16px!important}body.template-v2.cards-menu-row.listing-catalog2 .pimg,body.template-v2.cards-spec-row.listing-catalog2 .pimg,body.template-v2.cards-service-row.listing-catalog2 .pimg,body.template-v2.cards-menu-row.listing-catalog3 .pimg,body.template-v2.cards-spec-row.listing-catalog3 .pimg,body.template-v2.cards-service-row.listing-catalog3 .pimg,body.template-v2.cards-menu-row.listing-catalog4 .pimg,body.template-v2.cards-spec-row.listing-catalog4 .pimg,body.template-v2.cards-service-row.listing-catalog4 .pimg{height:210px!important;margin:0 0 12px!important}body.template-v2.cards-menu-row.listing-catalog2 .product p,body.template-v2.cards-spec-row.listing-catalog2 .product p,body.template-v2.cards-service-row.listing-catalog2 .product p,body.template-v2.cards-menu-row.listing-catalog3 .product p,body.template-v2.cards-spec-row.listing-catalog3 .product p,body.template-v2.cards-service-row.listing-catalog3 .product p,body.template-v2.cards-menu-row.listing-catalog4 .product p,body.template-v2.cards-spec-row.listing-catalog4 .product p,body.template-v2.cards-service-row.listing-catalog4 .product p{display:block}}
@media(max-width:850px){body.template-v2 .template-topbar{display:none}body.template-v2 .logo-text{max-width:calc(100vw - 170px)}body.template-v2 .hero,body.template-v2.hero-split-soft .hero,body.template-v2.hero-split-product .hero,body.template-v2.hero-split-industrial .hero{display:flex!important;min-height:520px!important;flex-direction:column;justify-content:flex-end;align-items:stretch!important;padding:28px 20px!important}body.template-v2 .hero-media,body.template-v2.hero-split-soft .hero-media,body.template-v2.hero-split-product .hero-media,body.template-v2.hero-split-industrial .hero-media{position:absolute;inset:0;min-height:0;opacity:1}body.template-v2 .hero-media:after{display:block;background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.62) 45%,rgba(0,0,0,.42) 100%)}body.template-v2 .hero h1{font-size:clamp(38px,12vw,58px)!important;text-shadow:0 2px 14px rgba(0,0,0,.75)}body.template-v2 .hero-sub,body.template-v2 .hero-sub p{text-shadow:0 1px 10px rgba(0,0,0,.8)}body.template-v2.cards-menu-row .product,body.template-v2.cards-spec-row .product,body.template-v2.cards-service-row .product{grid-template-columns:100px minmax(0,1fr);padding:12px!important}}
@media(max-width:760px){
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{min-width:0!important}
.page{width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important;border-left:0!important;border-right:0!important}
.top{position:relative!important;width:100%!important;max-width:100vw!important;grid-template-columns:minmax(0,1fr)!important;height:auto!important;min-height:0!important;padding:0!important;overflow:hidden!important;border-radius:0 0 20px 20px!important}
.logo{width:100%!important;min-width:0!important;min-height:70px!important;padding:12px 16px!important;border-right:0!important;border-radius:0!important}
.logo-mark{width:46px!important;height:46px!important;flex:0 0 auto}
.logo-text{min-width:0!important;font-size:25px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.logo-img{max-width:190px!important;height:54px!important;max-height:54px!important}
.menu{width:100%!important;max-width:100%!important;min-height:56px!important;padding:8px 14px 12px!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important}
.menu a{min-height:40px!important;padding:0 13px!important;flex:0 0 auto!important;font-size:14px!important}
.lang-switch,.currency-switch,.hdr-dd{flex:0 0 auto}
.hdr-dd summary{min-height:40px!important;padding:0 13px!important;font-size:14px!important}
.hdr-dd-panel a,.hdr-dd-panel button{min-height:auto!important;padding:10px 12px!important;font-size:13px!important}
.icons{display:flex!important;width:100%!important;justify-content:center!important;gap:8px!important;padding:4px 14px 12px!important}
.icons div,.cart-btn{flex:1 1 0!important;min-width:0!important;height:46px!important;padding:0 8px!important;font-size:12px!important;letter-spacing:.01em!important}
body.mobile-header-icons-off .icons{display:none!important}
.benefits{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;padding:20px 14px!important}
.benefit{min-width:0!important;padding:14px!important;border-radius:18px!important}
.main{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:20px!important;padding:0 14px 34px!important;overflow:hidden!important}
.sidebar{order:2!important;position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;border-right:0!important;padding:0!important}
.side-box{min-width:0!important;border-radius:18px!important;padding:18px!important;overflow:hidden!important}
.side-box a,.side-box li,.category-link{overflow-wrap:anywhere}
.hero{min-height:auto!important;width:100%!important;max-width:100%!important;margin-bottom:20px!important;padding:26px 18px!important;border-radius:22px!important;overflow:hidden!important;flex-direction:column!important;align-items:stretch!important}
.hero h1,.hero h2{font-size:clamp(34px,12vw,48px)!important;line-height:1.05!important;overflow-wrap:anywhere}
.hero p{font-size:16px!important;line-height:1.5!important}
.hero-buttons{flex-wrap:wrap}
.hero-buttons a{width:100%;justify-content:center}
.main-banners{grid-template-columns:minmax(0,1fr)!important}
.main-banners,.configured-elements,.content-blocks,.home,.action-block,.category-heading,.category-bottom-text{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
.tabs,.catbar{width:100%!important;max-width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important}
.tabs span,.tabs a,.cat-filter{flex:0 0 auto!important;white-space:nowrap!important}
.grid,.grid.cols-2,.grid.cols-3,.grid.cols-4,.grid.list{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;width:100%!important;max-width:100%!important}
.grid.list .product{grid-template-columns:minmax(0,1fr)!important}
.product{min-width:0!important;max-width:100%!important;min-height:auto!important;padding:0 14px 20px!important;border-radius:20px!important;overflow:hidden!important}
.product h3{min-height:0!important;overflow-wrap:anywhere}
.pimg{height:220px!important}
.pimg img{max-height:205px!important}
.product-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
.detail,.ghost-link{width:100%;text-align:center}
.footer{padding:24px 14px!important}
.footer-grid,.footer-grid.has-extra{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
.footer-grid>*{width:100%!important;max-width:100%!important;min-width:0!important}
.footer h3{line-height:1.25!important;margin:0 0 10px!important}
.footer p,.footer li,.footer a{max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}
.cookie{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;max-width:calc(100vw - 24px)!important;display:none;grid-template-columns:minmax(0,1fr)!important}
.cookie-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
}
/* LECH-WEB checkout flow update */
.modal{z-index:9999!important;align-items:center!important;justify-items:center!important}.modal.open{display:grid!important}.modal-card{width:min(860px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;overscroll-behavior:contain!important}.cart-open{overflow:hidden!important}.checkout-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 4px}.checkout-stepper span{border:1px solid var(--line);border-radius:999px;padding:10px 12px;text-align:center;font-weight:950;color:#dbeafe}.checkout-stepper span.active{background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;border-color:transparent}.added-notice{border:1px solid color-mix(in srgb,var(--a) 50%,rgba(255,255,255,.14));border-radius:14px;background:rgba(103,232,249,.10);padding:12px;margin:16px 0;color:#dffaff;font-weight:950}.step-copy{display:grid;gap:4px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045);padding:14px;margin:16px 0}.step-copy b{font-size:18px}.step-copy span{color:var(--muted)}.cart-tools{display:flex;justify-content:flex-end;margin:-8px 0 12px}.cart-tools button,.remove-item{border:1px solid var(--line);background:transparent;color:#fca5a5;border-radius:10px;padding:7px 10px;font-weight:900;cursor:pointer}.cart-line{grid-template-columns:1fr auto auto}.cart-subline{margin:-6px 0 8px 22px;border-left:3px solid var(--a);background:rgba(255,255,255,.035)}.cart-subline small{color:var(--a);font-weight:900}.gift-motivation{display:grid!important;gap:8px;border:1px solid color-mix(in srgb,var(--a) 45%,var(--line));border-radius:12px;padding:11px;background:rgba(255,255,255,.04)}.motivation-progress{height:7px!important;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--line) 72%,transparent)}.motivation-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--a),var(--a2))}.delivery-estimate{display:grid!important;gap:3px;border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(255,255,255,.035)}.delivery-estimate small{color:var(--muted)}.gift-options{display:grid!important;gap:6px}.gift-options label{display:flex;align-items:center;gap:8px}.cart-related{margin:18px 0}.cart-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cart-related-item{display:grid;gap:7px;border:1px solid var(--line);border-radius:12px;padding:9px;background:rgba(255,255,255,.035)}.cart-related-item img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px}.cart-related-item button{border:0;border-radius:9px;background:var(--a);color:#020617;padding:8px;font-weight:950;cursor:pointer}.cart-summary{display:grid;gap:8px;border:1px solid var(--line);border-radius:16px;background:rgba(103,232,249,.08);padding:14px;margin-bottom:16px}.cart-summary div{display:flex;justify-content:space-between;gap:18px}.cart-summary .gift-motivation,.cart-summary .delivery-estimate{display:grid!important}.cart-summary .total{border-top:1px solid var(--line);padding-top:10px;color:var(--a);font-size:18px;font-weight:950}.cart-actions,.checkout-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:12px}.secondary{border:1px solid var(--line);background:transparent;color:#dbeafe;border-radius:14px;padding:14px 16px;font-weight:950;cursor:pointer}.qty{display:flex;gap:6px;align-items:center}.qty button{border:0;background:var(--a);color:#020617;border-radius:8px;padding:6px 10px;font-weight:950;cursor:pointer}.qty .remove-item{background:transparent;color:#fca5a5}.customer-fields textarea{grid-column:1/-1;min-height:108px}.company-check{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(103,232,249,.08);border-radius:12px;padding:13px;font-weight:950;color:#dffaff}.company-check input{width:auto!important;accent-color:var(--a)}.submit:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}@media(max-width:650px){.checkout-stepper,.checkout-grid,.cart-line{grid-template-columns:1fr!important}.cart-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-card{padding:18px!important}}
.checkout-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.checkout-choice-panel{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);padding:14px}.checkout-choice-panel h3{margin:0 0 10px;font-size:18px}.checkout-choices{display:grid;gap:10px}.checkout-choice{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;border:1px solid var(--line);border-radius:16px;background:#020617;color:#f8fafc;padding:14px;cursor:pointer;font:inherit}.checkout-choice b{display:block}.checkout-choice small{display:block;margin-top:4px;color:var(--muted);font-size:13px}.checkout-choice strong{white-space:nowrap;color:var(--a)}.checkout-choice.active{background:linear-gradient(135deg,color-mix(in srgb,var(--a) 20%,#020617),color-mix(in srgb,var(--a2) 18%,#020617));border-color:var(--a);box-shadow:0 0 20px var(--glow)}.checkout-choice:disabled{opacity:.45;cursor:not-allowed}.packeta-pick{display:grid;gap:9px;margin-top:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);padding:12px}.packeta-pick button{width:max-content;max-width:100%;border:0;border-radius:11px;background:linear-gradient(135deg,var(--a),var(--a2));color:var(--button-text,#020617);padding:11px 14px;font-weight:950;cursor:pointer}.packeta-pick small{color:var(--muted)}.packeta-point{display:grid;gap:2px;color:var(--text);font-weight:850}.delivery-country{display:grid;gap:8px;margin:16px 0 4px;color:#dffaff;font-weight:950}.delivery-country select,.checkout-coupon{width:100%;border:1px solid var(--line);background:#020617!important;color:white!important;border-radius:12px;padding:13px}.delivery-country select option{background:#020617;color:white}.company-fields-wrap{display:grid;gap:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);padding:14px}.company-fields-title{font-weight:950;color:#dffaff}.vat-validation{border:1px solid var(--line);border-radius:14px;padding:12px;font-weight:900;background:rgba(255,255,255,.045);color:#dbeafe}.vat-validation.ok{border-color:#86efac;color:#dcfce7;background:rgba(34,197,94,.12)}.vat-validation.bad{border-color:#fca5a5;color:#fee2e2;background:rgba(248,113,113,.13)}.vat-validation.warn{border-color:#fde68a;color:#fef3c7;background:rgba(250,204,21,.12)}.vat-fill-button{display:inline-flex;margin-top:10px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;font-weight:950;padding:10px 14px;cursor:pointer;box-shadow:0 0 16px var(--glow)}.terms-check{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.05);padding:14px;font-weight:950;color:#f8fafc}.terms-check input{width:auto!important;margin-top:4px;accent-color:var(--a)}.terms-check small{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:800}.terms-check a{color:var(--a)}.order-success{display:grid;gap:14px}.order-success-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.05);padding:16px}.order-success-card h3{margin:0 0 10px}.order-success-grid{display:grid;grid-template-columns:1fr 190px;gap:14px;align-items:start}.qr-box{border:1px solid var(--line);border-radius:16px;background:white;padding:10px;text-align:center}.qr-box img{width:170px;height:170px;display:block}.checkout-radio{width:22px;height:22px;flex:0 0 auto;border-radius:999px;border:2px solid var(--line);box-shadow:inset 0 0 0 4px #020617}.checkout-choice.active .checkout-radio{background:var(--a);border-color:var(--a);box-shadow:inset 0 0 0 5px #020617,0 0 16px var(--glow)}@media(max-width:650px){.checkout-choice-grid{grid-template-columns:1fr!important}.checkout-choice{align-items:flex-start}.order-success-grid{grid-template-columns:1fr}.cart-actions,.checkout-actions{justify-content:stretch}.cart-actions button,.checkout-actions button{width:100%}}
/* RGB/neon must not tint real product photos or break fixed cart modals. */
body{filter:none!important}.modal,.cookie{transform:none!important;filter:none!important}.pimg,.pimg img,.product .pimg a,.main-img,.main-img img,.thumb img,.variant-img img,.gallery img,.lightbox-stage img{filter:none!important;mix-blend-mode:normal!important;opacity:1!important}.pimg img,.main-img img,.thumb img,.variant-img img,.gallery img,.lightbox-stage img{box-shadow:none!important}
.public-detail,.public-page{display:grid;gap:26px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035);padding:28px}.public-detail{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}.public-detail h1,.public-page h1{margin:0;color:var(--heading);font-size:clamp(38px,5vw,68px);line-height:.95}.detail-mobile-title,.detail-thumbs-mobile{display:none}.detail-gallery{display:grid;gap:14px}.detail-main-image{position:relative;min-height:360px;display:grid;place-items:center;border:1px solid var(--line);border-radius:20px;background:rgba(0,0,0,.24);overflow:hidden}.detail-main-image.zoom img{cursor:zoom-in}.detail-main-image.no-zoom img{cursor:default}.detail-main-image img{max-width:100%;max-height:520px;object-fit:contain}.detail-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px}.detail-thumbs img{width:100%;height:74px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.05)}.detail-summary,.detail-desktop-title{display:grid;align-content:start;gap:16px}.detail-price strong{font-size:36px}.detail-purchase-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.detail-quantity{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:900}.detail-quantity input{width:96px;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:10px}.detail-short,.lead-text{color:var(--muted);font-size:18px;line-height:1.65}.detail-variants{display:flex;flex-wrap:wrap;gap:8px}.detail-variants span{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);padding:9px 12px;font-weight:900;color:#e0f2fe}.detail-variants.split{display:block;overflow:auto}.detail-variants.split table{width:100%;border-collapse:collapse}.detail-variants.split th,.detail-variants.split td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.detail-variants.split td:last-child{text-align:right}.price-gate-placeholder{display:grid;gap:8px;margin:14px 0}.price-gate-placeholder strong{font-size:19px}.detail-buy{width:max-content;min-width:210px}.detail-panel{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px}.public-page .long,.detail-panel.long{color:#dbeafe;line-height:1.7}.public-page .long p,.detail-panel.long p{color:#dbeafe}@media(max-width:900px){.public-detail{grid-template-columns:minmax(0,1fr)}.detail-main-image{min-height:260px}.detail-buy{width:100%}}@media(max-width:760px){.public-detail{padding:16px;gap:16px}.detail-mobile-title{display:grid;gap:10px;order:1}.detail-gallery{order:2}.detail-summary{order:3}.detail-thumbs-desktop,.detail-desktop-title{display:none}.detail-thumbs-mobile{display:flex;order:4;max-width:100%;overflow-x:auto;overflow-y:hidden;gap:8px;padding-bottom:6px;scroll-snap-type:x proximity}.detail-thumbs-mobile img{flex:0 0 82px;scroll-snap-align:start}.detail-panel{order:5}.detail-main-image{min-height:220px;max-height:56vh}.detail-main-image img{max-height:54vh}.detail-price strong{font-size:30px}.detail-purchase-actions{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:end}.detail-quantity input{width:100%}.detail-purchase-actions .detail-buy{min-width:0;width:100%}}
.social-share{display:grid;gap:10px;margin:18px 0 8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface2) 92%,transparent)}.social-share-title{color:var(--text);font-size:15px;font-weight:950}.social-share-actions{display:flex;flex-wrap:wrap;gap:8px}.social-share a,.social-share button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--text);padding:8px 14px;font:inherit;font-size:13px;font-weight:950;cursor:pointer}.social-share a:hover,.social-share button:hover{border-color:var(--a);color:var(--a)}.social-share-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:linear-gradient(135deg,var(--a),var(--a2));color:var(--button-text,#020617);font-size:12px;font-weight:950}.social-share-compact a,.social-share-compact button{min-height:36px;padding:6px 10px;font-size:12px}@media(max-width:560px){.social-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.social-share a,.social-share button{min-width:0;padding:8px 6px}.social-share a>span:last-child,.social-share button>span:last-child{font-size:12px}}.fb-page-widget{margin-top:14px;max-width:100%;overflow:hidden}.fb-page-widget iframe{display:block;max-width:100%}
/* Intrinsic sizing guard: grid/flex content may not widen the page. */
.main>*,.top>*,.benefits>*,.main-banners>*,.grid>*{min-width:0}
.tabs.product-tabs{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden}
.public-flag-menu{max-width:100%;min-width:0}
@media(max-width:1050px){.main,body.has-right-column .main{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:900px){.public-detail{grid-template-columns:minmax(0,1fr)!important}}
/* LECH-WEB: tvrda poistka proti vodorovnemu pretekaniu na mobile */
html,body{max-width:100%;overflow-x:clip}
img,svg,video,iframe{max-width:100%}
/* ROZMERY V ZNACKE SU LEN POMER STRAN, NIE VELKOST.
Do kazdej znacky img sa doplna width a height, aby si prehliadac vyhradil
miesto a stranka pri nacitani neposkakovala. Bez height:auto by tie cisla
platili ako skutocna vyska: sirku by max-width zrazil na sirku karty,
vyska by ostala povodna (napr. 768 px) a object-fit:contain by v tej
privysokej diere ukazal prazdno. Na obchodoch tak 3.8.2026 zmizli fotky
z produktovych kariet. Sablony, ktore vysku nastavuju samy (nahlady, logo,
QR), maju silnejsi selektor a tohto sa netyka. */
img{height:auto}
.footer p,.footer div,.copy,.side-box,.long,.category-top-text,.category-bottom-text,.home,.product h3,.product p{overflow-wrap:anywhere}
.unit-price,.title-addon{display:block;color:var(--muted);font-size:12px;font-weight:700;line-height:1.35;margin-top:3px}
.long table,.category-top-text table,.category-bottom-text table,.home table,.content-blocks table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.long img,.long iframe,.category-bottom-text img,.home img{max-width:100%;height:auto}.video-embed{display:block;clear:both;width:100%;max-width:760px;aspect-ratio:16/9;margin:18px 0;border-radius:14px;overflow:hidden}.video-embed iframe{display:block;width:100%;height:100%;border:0}.yt-facade{position:relative;cursor:pointer;background:#000}.yt-facade img{width:100%;height:100%;object-fit:cover;display:block}.yt-facade .yt-play-ico{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:48px;border-radius:14px;background:rgba(18,18,18,.75);transition:background .2s ease}.yt-facade:hover .yt-play-ico,.yt-facade:focus-visible .yt-play-ico{background:#ff0000}.yt-facade .yt-play-ico:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #fff}.hero-sub p{margin:.4em 0}.hero-sub p:first-child{margin-top:0}.hero-sub p:last-child{margin-bottom:0}.hero-sub a{color:var(--a);text-decoration:underline;font-weight:800}
.home-group{margin:0 0 34px}
.home-group-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 18px}
.home-group-head h2{font-size:32px;margin:0;color:var(--heading);text-shadow:0 0 18px var(--glow)}
.home-group-head small{color:#94a3b8;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.homepage-categories .home-group-head{justify-content:center;text-align:center}
.homepage-category-tiles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;max-width:1120px;margin:0 auto 38px}
.homepage-category-tiles .subcategory-tile img,.homepage-category-tiles .subcategory-placeholder{aspect-ratio:4/3;object-fit:contain;border-radius:18px}
.homepage-category-tiles .subcategory-tile strong{font-size:20px;color:var(--a);text-shadow:0 0 16px var(--glow)}
.global-search-card{width:min(820px,calc(100% - 28px));max-height:min(760px,88vh);overflow:auto}
.global-search-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin:18px 0}
.global-search-form input{width:100%;border:1px solid var(--line);border-radius:14px;background:#020617!important;color:#fff!important;padding:15px 16px;font-size:18px;font-weight:800}
.global-search-form button{border:0;border-radius:14px;background:linear-gradient(135deg,var(--a),var(--a2));color:#020617;padding:0 20px;font-weight:950;cursor:pointer}
.global-search-results{display:grid;gap:10px}
.global-search-result{display:grid;gap:5px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.055);padding:14px;color:inherit}
.global-search-result b{color:var(--a);font-size:18px}
.global-search-result small{color:#94a3b8;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.global-search-result span{color:var(--muted);line-height:1.45}
.global-search-empty{border:1px dashed var(--line);border-radius:16px;padding:18px;color:var(--muted)}
/* LECH-WEB badge text glow control */
.badges>span .badge-icon,.badges>span>span,.photo-badges>span .badge-icon,.photo-badges>span>span{display:inline!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.badges>span.badge-text-neon-off,.photo-badges>span.badge-text-neon-off{text-shadow:none!important}
.badges>span.badge-text-neon-off .badge-icon,.badges>span.badge-text-neon-off>span,.photo-badges>span.badge-text-neon-off .badge-icon,.photo-badges>span.badge-text-neon-off>span{text-shadow:none!important}
/* LECH-WEB custom color layers */
body{color:var(--text)!important;background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--a) 24%,transparent),transparent 30%),radial-gradient(circle at 86% 6%,color-mix(in srgb,var(--a2) 20%,transparent),transparent 31%),linear-gradient(180deg,var(--dark),color-mix(in srgb,var(--dark) 88%,#000))!important}
.page{background:var(--page)!important}
.top{background:transparent!important}
.footer{background:var(--footer-bg)!important;color:var(--footer-text)!important}
.configured-elements .side-box,.side-box,.benefit,.category-heading,.action-block,.content-blocks article,.public-detail,.public-page,.detail-panel,.checkout-choice-panel,.company-fields-wrap,.order-success-card,.home{background:var(--panel)!important}
.product,.subcategory-placeholder,.subcategory-tiles.text-only .subcategory-tile,.global-search-result{background:var(--card)!important}
.category-tree .category-link,.cat-filter,.tabs span,.tabs a,.ghost-link,.step-copy,.cart-summary,.terms-check,.vat-validation,.checkout-choice,.detail-variants span{background:var(--surface2)!important}
.pimg div,.category-image,.subcategory-tile img,.detail-main-image,.detail-thumbs img,.main-img,.thumb,.variant-img,.info-row,.variant-public,.media-list a,.param-grid div,.lightbox-stage,.checkout-coupon,.delivery-country select,.global-search-form input{background:var(--input)!important;color:var(--text)!important}
.modal-card,.cookie{background:var(--input)!important;color:var(--text)!important}
input,textarea,select,.form input,.form textarea,.form select,.contact-form input,.contact-form textarea{background:var(--input)!important;color:var(--text)!important;border-color:var(--line)!important}
.menu a,.stars strong,.home h2,.action-block h2,.content-blocks h2,.content-blocks h3,.checkout-stepper span,.secondary,.checkout-choice,.terms-check{color:var(--text)!important}
.benefit span,.product p,.home,.action-block,.category-top-text,.category-bottom-text,.public-page .long,.detail-panel.long,.global-search-result span,.step-copy span,.checkout-choice small,.terms-check small{color:var(--muted)!important}
.detail,.submit,.search button,.cart-btn,.hero-buttons .primary,.main-banner-btn,.checkout-stepper span.active,.qty button,.cookie .accept,.cat-filter.active,.category-tree .category-link.active,.tabs a.active,.vat-fill-button{color:var(--button-text)!important}
/* Aktívna pilulka musí zostať čitateľná aj pri témach s tmavou farbou textu tlačidiel. */
.cat-filter.active{background:linear-gradient(135deg,var(--a),var(--a2))!important;color:#fff!important;border-color:transparent!important;text-shadow:0 1px 6px rgba(2,6,23,.78)}
/* Aktívna kategória v strome: farebná vrstva vyššie prebíja gradient (surface2!important) a button-text býva tmavý — vraciame gradient a biely text, inak je názov nečitateľný. */
.category-tree .category-link.active{background:linear-gradient(135deg,var(--a),var(--a2))!important;color:#fff!important;border-color:transparent!important;text-shadow:0 1px 6px rgba(2,6,23,.55)}
.category-tree .category-link.active:before{background:#fff;box-shadow:0 0 12px rgba(255,255,255,.8)}
.public-flag-menu{--pfm-b:var(--a2,var(--b,var(--a)));display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:0;margin:0 auto 26px;border-bottom:1px solid var(--line);max-width:100%;padding-top:18px}
.public-flag-menu a{flex:0 0 auto;min-height:56px;display:grid;place-items:center;border:1px solid var(--line);border-bottom:0;background:var(--surface2,rgba(255,255,255,.035));color:#f8fafc;padding:14px 30px;font-weight:950;text-align:center;white-space:nowrap}
.public-flag-menu a:hover,.public-flag-menu a.active{background:linear-gradient(135deg,var(--a),var(--a2,var(--pfm-b)))!important;color:#020617!important;text-shadow:none!important;border-color:transparent!important;box-shadow:0 0 24px color-mix(in srgb,var(--a) 28%,transparent)}
/* Na úzkych displejoch sa tlačidlá posúvajú do strán. Zarovnanie na začiatok je
povinné: pri justify-content:center sa prvé tlačidlo odreže vľavo a nedá sa
naň doscrollovať — potom menu začínalo v polovici slova. */
@media(max-width:760px){.public-flag-menu{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;margin-bottom:18px;padding:12px 0 4px}.public-flag-menu a{min-height:46px;padding:10px 16px;font-size:14px}}
/* Anketa: veľký nadpis, možnosti ako pilulky v štýle hlavičkových tlačidiel (HĽADAŤ/KOŠÍK), po hlase len kompaktné výsledky. !important prebíja témové vrstvy, ktoré tlačidlá nafukovali na celú šírku. */
.poll-card h3{margin:0 0 16px;font-size:26px;font-weight:950;letter-spacing:.01em}
.poll-card .poll-options{display:flex!important;flex-wrap:wrap;gap:10px}
.poll-card .poll-options[hidden]{display:none!important}
.poll-opt{flex:0 0 auto!important;width:auto!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:48px!important;padding:0 22px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--surface2,rgba(255,255,255,.05))!important;color:var(--text,#f8fafc)!important;font-size:14px!important;font-weight:950!important;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.poll-opt:hover{transform:translateY(-1px);background:linear-gradient(135deg,var(--a),var(--a2))!important;color:var(--button-text,#020617)!important;border-color:transparent!important;box-shadow:0 0 18px color-mix(in srgb,var(--a) 45%,transparent)}
.poll-opt.voted{opacity:.65;cursor:default}
.poll-results{display:grid;gap:8px;margin-top:12px;max-width:560px}
.poll-res{display:flex!important;align-items:center;gap:10px;font-size:13px!important;background:transparent!important;border:0!important;padding:0!important;min-height:0!important}
.poll-res-label{flex:0 0 34%!important;max-width:200px;color:var(--muted)!important;background:transparent!important;border:0!important;padding:0!important;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.poll-bar{flex:1!important;height:10px!important;min-height:10px!important;border-radius:999px;background:rgba(255,255,255,.10)!important;overflow:hidden;padding:0!important;border:0!important}
.poll-bar i{display:block;height:100%!important;width:0;background:linear-gradient(90deg,var(--a),var(--a2));transition:width .5s ease}
.poll-pct{flex:0 0 auto!important;min-width:70px;text-align:right;font-weight:950;font-size:12px!important;color:var(--a)!important;background:transparent!important;border:0!important;padding:0!important}
.poll-card small{display:block;margin-top:10px;color:var(--muted);font-weight:900}
.sidebar-right{border-left:1px solid var(--line);padding-left:28px}
@media(min-width:1051px){body.has-right-column:not(.layout-full-width) .main{grid-template-columns:320px minmax(0,1fr) 300px!important}}
/* Pravý stĺpec funguje aj bez ľavého — prvky sú nadriadené šablóne, takže si
majiteľ môže nechať panel len vpravo aj v šablóne na plnú šírku. */
@media(min-width:1051px){body.has-right-column.layout-full-width .main{grid-template-columns:minmax(0,1fr) 300px!important}}
@media(max-width:1050px){body.has-right-column .main{grid-template-columns:minmax(0,1fr)!important}body.has-right-column .sidebar-right{border-left:0;padding-left:0;order:3}}
.cookie{z-index:2147483600}.cookie.cookie-top{top:20px;bottom:auto}.cookie.cookie-left{right:auto;max-width:420px}.cookie.cookie-right{left:auto;max-width:420px}.cookie.cookie-center{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);max-width:560px;flex-direction:column;align-items:stretch;text-align:center}.cookie.cookie-skin-light{background:#fff;color:#0f172a;border-color:#e2e8f0}.cookie.cookie-skin-light button{color:#0f172a;border-color:#cbd5e1}.cookie.cookie-skin-light .accept{color:#020617}.cookie-consent-link{background:none;border:0;color:var(--a);font-weight:900;cursor:pointer;padding:0;font:inherit;text-decoration:underline}.cookie a{color:var(--a);text-decoration:underline;font-weight:900}.cookie.cookie-skin-light a{color:#0f172a}
.template-demo-bar{position:relative;z-index:1000;padding:9px 16px;text-align:center;background:#f8fafc;color:#0f172a;font-weight:800;font-size:14px}.template-demo-bar a{color:#0369a1;text-decoration:underline}
@media(min-width:761px){.cat-filter-mobile-only{display:none!important}}
.hero-text-center .hero{text-align:center}.hero-text-center .hero-copy,.hero-text-center .hero>div:first-child{margin-inline:auto}.hero-text-center .hero-buttons{justify-content:center}
.hero-text-right .hero{text-align:right}.hero-text-right .hero-copy,.hero-text-right .hero>div:first-child{margin-left:auto;margin-right:0}.hero-text-right .hero-buttons{justify-content:flex-end}
@media(max-width:760px){.hero-text-right .hero{text-align:left}.hero-text-right .hero-copy,.hero-text-right .hero>div:first-child{margin-left:0}.hero-text-right .hero-buttons{justify-content:flex-start}}
@media(max-width:760px){
body.mobile-hide-logo .logo,
body.mobile-hide-logo .brand,
body.mobile-hide-logo .top .brand{display:none!important}
body.mobile-hide-menu .menu,
body.mobile-hide-menu .top .nav,
body.mobile-hide-menu .nav-links{display:none!important}
body.mobile-hide-language-currency .lang-switch,
body.mobile-hide-language-currency .currency-switch,
body.mobile-hide-language-currency .lang-dd,
body.mobile-hide-language-currency .currency-dd,
body.mobile-hide-language-currency>.hdr-dd-panel{display:none!important}
body.mobile-hide-search .header-search{display:none!important}
body.mobile-hide-account .header-account{display:none!important}
body.mobile-hide-favorites .favorite-header-btn,
body.mobile-hide-favorites .favorite-top-link{display:none!important}
body.mobile-hide-cart [data-header-cart]{display:none!important}
body.mobile-hide-hero .hero{display:none!important}
body.mobile-hide-benefits .benefits{display:none!important}
body.mobile-hide-banners .main-banners{display:none!important}
body.mobile-hide-flag-menu .public-flag-menu{display:none!important}
body.mobile-hide-product-tabs .desc-tabs{display:none!important}
body.mobile-hide-category-bar .catbar{display:none!important}
body.mobile-hide-category-tiles .subcategory-tiles,
body.mobile-hide-category-tiles .homepage-category-tiles,
body.mobile-hide-category-tiles .homepage-categories{display:none!important}
body.mobile-hide-product-list .section-products,
body.mobile-hide-product-list .home-group:not(.homepage-categories),
body.mobile-hide-product-list #produkty,
body.mobile-hide-product-list #produkty-grid{display:none!important}
body.mobile-hide-home-text .home,
body.mobile-hide-home-text .category-top-text,
body.mobile-hide-home-text .category-bottom-text{display:none!important}
body.mobile-hide-action-block .action-block{display:none!important}
body.mobile-hide-articles .article-blocks{display:none!important}
body.mobile-hide-icons .icon-blocks{display:none!important}
body.mobile-hide-polls .poll-blocks{display:none!important}
body.mobile-hide-reviews .reviews{display:none!important}
body.mobile-hide-configured-elements .configured-elements{display:none!important}
body.mobile-hide-sidebar .sidebar,
body.mobile-hide-sidebar .shop-sidebar,
body.mobile-hide-sidebar .sidebar-right{display:none!important}
body.mobile-hide-product-gallery .product-layout>.gallery{display:none!important}
body.mobile-hide-product-summary .product-layout>.summary{display:none!important}
body.mobile-hide-social-share .social-share{display:none!important}
body.mobile-hide-watchdog .watchdog-box{display:none!important}
body.mobile-hide-product-description .product-description{display:none!important}
body.mobile-hide-product-parameters .product-parameters{display:none!important}
body.mobile-hide-related-products .related-products{display:none!important}
body.mobile-hide-product-ratings .product-ratings{display:none!important}
body.mobile-hide-newsletter .newsletter-box{display:none!important}
body.mobile-hide-facebook-widget .fb-page-widget{display:none!important}
body.mobile-hide-footer .footer{display:none!important}
}