/* Kontakt — „smerovník“ (19.10.2026). Rovnaký jazyk ako Výroba a O nás, texty a markup bez zmeny. */
.pl-page-full:has(.pl-ct-hero){counter-reset:plct}

/* úvod: mriežka výkresu, veľký nadpis */
.pl-ct-hero{position:relative;padding-top:56px !important;padding-bottom:64px;
	box-shadow:0 0 0 100vmax var(--pl-bg,#F5F3EF);clip-path:inset(0 -100vmax);
	background:linear-gradient(rgba(20,20,20,.07) 1px,transparent 1px) 0 0/120px 120px,linear-gradient(90deg,rgba(20,20,20,.07) 1px,transparent 1px) 0 0/120px 120px,linear-gradient(rgba(20,20,20,.03) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(20,20,20,.03) 1px,transparent 1px) 0 0/24px 24px}
.pl-ct-hero .pl-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--pl-ink2);letter-spacing:.14em}
.pl-ct-hero .pl-eyebrow:before{content:"";width:34px;height:3px;background:var(--pl-brand)}
.pl-ct-hero .pl-h1{font-weight:900;font-size:clamp(42px,5.6vw,84px) !important;line-height:.95;letter-spacing:-1.6px}
.pl-ct-hero .pl-h1 span{display:inline-block;background:var(--pl-brand);color:#fff;padding:0 .14em .04em;transform:rotate(-2deg);border-radius:4px}
.pl-ct-writebtn{border-radius:999px !important}
.pl-ct-hero-media{overflow:visible !important;border-radius:6px !important}
.pl-ct-hero-media:before{content:"";position:absolute;inset:18px -18px -18px 18px;border:3px solid var(--pl-brand);border-radius:6px}
.pl-ct-hero-media img{position:relative;border-radius:6px}
.pl-ct-hero-cap{z-index:2;border-radius:4px !important;transform:rotate(-2deg);background:var(--pl-ink) !important}
.pl-ct-hero-cap:before{content:"";position:absolute;left:-10px;top:50%;margin-top:-10px;border:10px solid transparent;border-right-color:var(--pl-ink);border-left:0}

/* štyri dlaždice → čierna informačná tabuľa */
.pl-ct-tiles{gap:0 !important;margin-top:24px;background:var(--pl-ink);border-radius:6px;padding:8px !important;position:relative}
.pl-ct-tile{background:transparent !important;border:0 !important;border-radius:0 !important;color:#fff;border-right:2px dashed rgba(255,255,255,.18) !important;padding:24px 22px !important}
.pl-ct-tile:last-child{border-right:0 !important}
.pl-ct-tiles .pl-ct-ico{background:var(--pl-brand) !important;color:#fff !important;border-radius:50% !important}
.pl-ct-tiles .pl-ct-tile-l{color:rgba(255,255,255,.6) !important}
.pl-ct-tiles .pl-ct-tile-v a,.pl-ct-tiles .pl-ct-tile-v b{color:#fff !important;font-size:20px !important}
.pl-ct-tiles .pl-ct-tile-v a:hover{color:#FFD100 !important}
.pl-ct-tiles .pl-ct-tile-v .is-sub{color:rgba(255,255,255,.75) !important}
.pl-ct-tiles .pl-ct-tile-link{color:#FFD100 !important}

/* číslované hlavičky */
.pl-ct-stores-head .pl-eyebrow,.pl-ct-faq-l .pl-eyebrow{display:inline-flex;align-items:center;gap:10px;counter-increment:plct}
.pl-ct-stores-head .pl-eyebrow:before,.pl-ct-faq-l .pl-eyebrow:before{content:counter(plct,decimal-leading-zero);font-family:var(--pl-display);font-weight:900;font-size:13px;color:var(--pl-brand);border:2px solid var(--pl-brand);border-radius:999px;padding:2px 10px;letter-spacing:.1em}
.pl-ct-stores-head .pl-h2,.pl-ct-faq-l .pl-h2,.pl-ct-form-head .pl-h2{font-weight:900 !important;font-size:clamp(28px,3.4vw,46px) !important;letter-spacing:-.6px;line-height:1.02}
.pl-ct-badge{background:#FFD100 !important;color:var(--pl-ink) !important;border:0 !important;font-weight:900 !important;transform:rotate(3deg);border-radius:4px !important}

/* predajne ako lístky s perforáciou */
.pl-ct-stores-grid{counter-reset:plst}
.pl-ct-store{counter-increment:plst;position:relative;border-radius:6px !important;overflow:visible !important;transition:transform .25s,box-shadow .25s}
.pl-ct-store:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 16px 30px rgba(0,0,0,.12)}
.pl-ct-store>img{border-radius:6px 6px 0 0}
.pl-ct-store:before{content:counter(plst,decimal-leading-zero);position:absolute;top:10px;left:10px;z-index:2;background:var(--pl-brand);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)}
.pl-ct-store-t b{font-size:20px !important;text-transform:uppercase;letter-spacing:.02em;font-weight:900 !important}
.pl-ct-store-sep{height:0 !important;background:none !important;border-top:2px dashed var(--pl-line);margin:2px -14px;position:relative}
.pl-ct-store-sep:before,.pl-ct-store-sep:after{content:"";position:absolute;top:-9px;width:16px;height:16px;border-radius:50%;background:var(--pl-bg,#F5F3EF);border:1px solid var(--pl-line)}
.pl-ct-store-sep:before{left:-9px;clip-path:inset(0 0 0 50%)}
.pl-ct-store-sep:after{right:-9px;clip-path:inset(0 50% 0 0)}

/* formulár ako technický papier */
.pl-ct-form{position:relative;border-radius:6px !important;border:2px solid var(--pl-ink) !important;
	background:#fff linear-gradient(rgba(20,20,20,.045) 1px,transparent 1px) 0 0/100% 24px !important;box-shadow:10px 10px 0 var(--pl-brand) !important}
.pl-ct-form label>span{text-transform:uppercase;letter-spacing:.08em;font-size:11.5px !important;font-weight:800 !important}
.pl-ct-form input[type=text],.pl-ct-form input[type=email],.pl-ct-form input[type=tel],.pl-ct-form select,.pl-ct-form textarea{border-radius:4px !important;border-width:2px !important}
.pl-ct-form .pl-btn{border-radius:999px}
.pl-ct-fmap{border-radius:6px !important;border:2px solid var(--pl-ink)}
.pl-ct-fmap-cap{border-radius:4px !important}

/* otázky */
.pl-ct-faq-i{border-radius:0 !important;border:0 !important;border-top:2px solid var(--pl-ink) !important;background:transparent !important}
.pl-ct-faq-i:last-child{border-bottom:2px solid var(--pl-ink) !important}
.pl-ct-faq-i summary>span{font-family:var(--pl-display);font-weight:900;font-size:34px !important;color:transparent !important;-webkit-text-stroke:1.5px var(--pl-brand);min-width:56px}
.pl-ct-faq-i[open] summary>span{color:var(--pl-brand) !important}
.pl-ct-faq-i summary b{font-size:18px !important}
.pl-ct-faq-btns a{border-radius:999px !important}

/* záver — červený pruhovaný pás */
.pl-ct-cta{background:var(--pl-brand) !important;border-radius:6px !important;position:relative;overflow:hidden}
.pl-ct-cta:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.06) 0 2px,transparent 2px 22px)}
.pl-ct-cta>*{position:relative}
.pl-ct-cta .pl-h2{color:#fff !important;font-weight:900 !important;font-size:clamp(28px,3.4vw,46px) !important}
.pl-ct-cta span{color:rgba(255,255,255,.9) !important}
.pl-ct-cta-btns a{border-radius:999px !important;background:var(--pl-ink) !important;color:#fff !important;border:2px solid var(--pl-ink) !important}
.pl-ct-cta-btns a.is-ghost{background:transparent !important;border-color:rgba(255,255,255,.75) !important}
.pl-ct-cta-btns a:hover{background:#fff !important;color:var(--pl-ink) !important;border-color:#fff !important}

@media (max-width:1100px){
	.pl-ct-tile{border-right:0 !important;border-bottom:2px dashed rgba(255,255,255,.18) !important}
	.pl-ct-tile:nth-last-child(-n+2){border-bottom:0 !important}
}
@media (max-width:760px){
	.pl-ct-tile:nth-last-child(2){border-bottom:2px dashed rgba(255,255,255,.18) !important}
	.pl-ct-hero-media:before{inset:12px -10px -12px 10px}
	.pl-ct-form{box-shadow:6px 6px 0 var(--pl-brand) !important}
	.pl-ct-faq-i summary>span{font-size:26px !important;min-width:40px}
}
/* tabuľa na šírku obsahu (pozadie na dlaždiciach, nie na .pl-wrap s okrajmi) */
.pl-ct-tiles{background:none !important;padding-top:0 !important;padding-bottom:0 !important}
.pl-ct-tile{background:var(--pl-ink) !important}
.pl-ct-tile:first-child{border-radius:6px 0 0 6px !important}
.pl-ct-tile:last-child{border-radius:0 6px 6px 0 !important}
@media (max-width:1100px){ .pl-ct-tile:nth-child(n){border-radius:0 !important} .pl-ct-tile:first-child{border-radius:6px 0 0 0 !important} .pl-ct-tile:nth-child(2){border-radius:0 6px 0 0 !important} .pl-ct-tile:nth-child(3){border-radius:0 0 0 6px !important} .pl-ct-tile:last-child{border-radius:0 0 6px 0 !important} .pl-ct-tile:nth-child(odd){border-right:2px dashed rgba(255,255,255,.18) !important} }
@media (max-width:760px){ .pl-ct-tile:nth-child(n){border-radius:0 !important;border-right:0 !important} .pl-ct-tile:first-child{border-radius:6px 6px 0 0 !important} .pl-ct-tile:last-child{border-radius:0 0 6px 6px !important} }
