/* Úvodná stránka — zverejnené časti „dielenského“ štýlu (19.10.2026, Viktor): kategórie, konfigurátor, predajne. Zvyšok náhľadu bol zamietnutý a zmazaný. */
/* ── kategórie ── */
.home .pl-cats{counter-reset:plcat}
.home .pl-cat{counter-increment:plcat;border-radius:6px !important;position:relative;transition:transform .25s,box-shadow .25s,border-color .25s;border:2px solid transparent !important}
.home .pl-cat:before{content:none;--x:counter(plcat,decimal-leading-zero);position:absolute;top:10px;left:12px;z-index:2;font-family:var(--pl-display);font-weight:900;font-size:26px;line-height:1;color:transparent;-webkit-text-stroke:1.3px var(--n-red)}
.home .pl-cat:hover{transform:translateY(-4px) rotate(-.6deg);border-color:var(--n-ink) !important;box-shadow:0 14px 28px rgba(0,0,0,.12)}
.home .pl-cat-name{font-weight:900 !important;text-transform:uppercase;font-size:13.5px !important;letter-spacing:.03em;border-top:2px dashed var(--pl-line)}
.home .pl-cat:hover .pl-cat-name{background:var(--n-ink);color:#fff}

/* ── konfigurátor: tmavý výkres + bloček ── */
.home .pl-cfg-banner{border-radius:6px !important;border:0 !important;color:#fff;
	background:var(--n-ink) linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/40px 40px !important;
	background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) !important;background-size:40px 40px !important}
.home .pl-cfg-banner-bg{opacity:.18;mix-blend-mode:luminosity}
.home .pl-cfg-banner .pl-h2{color:#fff !important;font-weight:900 !important;font-size:clamp(28px,3.2vw,44px) !important}
.home .pl-cfg-banner .pl-eyebrow{color:var(--n-yel) !important}
.home .pl-cfg-steps span{color:rgba(255,255,255,.85) !important}
.home .pl-cfg-steps b{background:var(--n-red) !important;color:#fff !important}
.home .pl-cfg-banner .pl-btn{border-radius:999px}
.home .pl-cfg-banner .pl-btn-outline{color:#fff !important;border-color:rgba(255,255,255,.6) !important;background:transparent !important}
.home .pl-cfg-example{border-radius:2px !important;transform:rotate(2deg);font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;color:var(--n-ink);position:relative;padding-bottom:30px !important;
	-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat,radial-gradient(circle 6px at 8px 100%,transparent 6px,#000 6.5px) bottom/16px 12px repeat-x;
	mask:linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat,radial-gradient(circle 6px at 8px 100%,transparent 6px,#000 6.5px) bottom/16px 12px repeat-x}
.home .pl-cfg-example-t{text-transform:uppercase;letter-spacing:.12em;font-weight:800;border-bottom:2px dashed var(--n-ink);padding-bottom:8px}
.home .pl-cfg-example-r{border-bottom:1px dashed #ccc}
.home .pl-cfg-example-sum{border-top:2px solid var(--n-ink) !important}
.home .pl-cfg-example-sum b{color:var(--n-red)}

/* ── predajne ako lístky ── */
.home .pl-stores{counter-reset:plst}
.home .pl-store{counter-increment:plst;border-radius:6px !important;position:relative;overflow:visible !important;transition:transform .25s,box-shadow .25s}
.home .pl-store:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 16px 30px rgba(0,0,0,.12)}
.home .pl-store-media{border-radius:6px 6px 0 0;overflow:hidden}
.home .pl-store:before{content:counter(plst,decimal-leading-zero);position:absolute;top:10px;left:10px;z-index:3;background:var(--n-red);color:#fff;font-family:var(--pl-display);font-weight:900;font-size:15px;padding:4px 9px;border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.home .pl-store-badge{background:var(--n-yel) !important;color:var(--n-ink) !important;transform:rotate(3deg);font-weight:900 !important;border-radius:3px !important}
.home .pl-store-body>b:first-child{text-transform:uppercase;font-weight:900;letter-spacing:.02em}
.home .pl-store-hours{border-bottom:2px dashed var(--pl-line);padding-bottom:10px}
.home .pl-store .pl-btn{border-radius:999px}


.home{--n-ink:#141414;--n-red:var(--pl-brand,#D9232A);--n-yel:#FFD100}
/* pozadie konfigurátora viac viditeľné (Viktor) */
.home .pl-cfg-banner-bg{opacity:1 !important;mix-blend-mode:normal !important}
.home .pl-cfg-banner-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,20,.92) 0%,rgba(20,20,20,.72) 45%,rgba(20,20,20,.25) 100%)}
.home .pl-store:before{left:auto;right:10px}
@media (max-width:760px){ .home .pl-cfg-example{transform:none} .home .pl-cfg-banner-bg:after{background:rgba(20,20,20,.78)} }