/* ==========================================================================================
   21art.cz — stránky služeb (/reels, /reklamni-spot, /3d-sken, /montazni-reels, /video-praha)
   Stavebnice /znacka/strizna.css (načíst před tímto souborem). Tady jen díly navíc: úvod s inspektorem,
   drobečky, číslované kroky, karty dalších služeb a závěrečná výzva. Žádná animace — stránky jsou ke čtení.
   ========================================================================================== */
body{background:var(--tubus)}
.drobky{display:flex;flex-wrap:wrap;gap:4px 8px;margin-bottom:18px;font:500 var(--p6)/1.4 var(--f-mono);letter-spacing:.06em;color:var(--hloubka)}
.drobky a{color:var(--elox);text-decoration:none}
.drobky a:hover{color:var(--rytina);text-decoration:underline;text-underline-offset:3px}
.drobky [aria-current]{color:var(--text2)}

/* úvod: text vlevo, inspektor s fakty vpravo */
.sl-uvod{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:end}
@media (max-width:900px){.sl-uvod{grid-template-columns:minmax(0,1fr);align-items:start}}
.sl-uvod h1{margin-top:14px}
.sl-uvod .perex{margin-top:18px}
.sl-uvod .akce{margin-top:clamp(20px,3vw,30px)}
.sl-fakta .insp-radky{padding:14px}

/* obsah: dvě kolony textu a seznamů */
.sl-text p{font-size:var(--p4);line-height:1.7;color:var(--text2);max-width:40em}
.sl-text p+p{margin-top:12px}
.sl-text strong{color:var(--rytina);font-weight:500}
.sl-panel{padding:18px}
.sl-panel h3{margin-bottom:12px}
.sl-panel .seznam{font-size:var(--p4);color:var(--text2)}
.sl-panel+.sl-panel{margin-top:10px}
.sl-pozn{margin-top:16px;font-size:var(--p5);line-height:1.6;color:var(--elox);max-width:46em}

/* číslované kroky (jako call sheet na úvodu, jen staticky) */
.sl-kroky{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px;counter-reset:krok}
.sl-kroky li{position:relative;padding:16px 16px 18px;border:1px solid var(--linka);border-radius:var(--r3);background:var(--plech);counter-increment:krok}
.sl-kroky li::before{content:counter(krok,decimal-leading-zero);display:block;margin-bottom:10px;font:500 var(--p6)/1 var(--f-mono);letter-spacing:.1em;color:var(--elox)}
.sl-kroky h3{margin-bottom:6px}
.sl-kroky p{font-size:var(--p5);line-height:1.6;color:var(--text2)}

/* další služby */
.sl-dalsi{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px}
.sl-dalsi a{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--linka);border-radius:var(--r3);background:var(--plech);color:var(--text2);text-decoration:none;transition:border-color .15s}
.sl-dalsi a:hover{border-color:var(--elox)}
.sl-dalsi a b{font:700 var(--p3)/1.25 var(--f-nad);color:var(--rytina)}
.sl-dalsi a span{font-size:var(--p5);line-height:1.5}
.sl-dalsi a small{margin-top:auto;padding-top:6px;font:500 var(--p6)/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--elox)}

/* závěrečná výzva */
.sl-vyzva{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;align-items:center;padding:clamp(20px,3vw,32px)}
@media (max-width:760px){.sl-vyzva{grid-template-columns:minmax(0,1fr)}}
.sl-vyzva p{margin-top:10px;color:var(--text2)}
.sl-vyzva .kontakty{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 18px;font:400 var(--p5)/1.4 var(--f-mono)}
.sl-vyzva .kontakty a{color:var(--rytina);text-decoration:none}
.sl-vyzva .kontakty a:hover{text-decoration:underline;text-underline-offset:3px}

.kopie-in>span a{color:inherit;text-decoration:none}
.kopie-in>span a:hover{text-decoration:underline;text-underline-offset:3px}
.pata-sluzby{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 16px;font:400 var(--p5)/1.4 var(--f-mono)}
.pata-sluzby a{color:var(--elox);text-decoration:none}
.pata-sluzby a:hover,.pata-sluzby a[aria-current]{color:var(--rytina)}