/* Přehled domu a návazných služeb. */
#p-index .dum-predloha{padding:48px 0 56px;background:#fff}
.dum-predloha .dum-sluzby-uvod{display:block}
.dum-predloha .dum-sluzby-text{max-width:760px;margin:0 auto 24px;min-width:0;text-align:center}
.dum-predloha .dum-sluzby-text .nk{margin-bottom:22px}
#p-index .dum-predloha h2{font-size:clamp(34px,3.15vw,46px);line-height:1.16;letter-spacing:-.04em;margin:0;color:var(--ink)}
.dum-predloha h2 span{font-weight:450}
.dum-predloha .dum-sluzby-text>p{max-width:68ch;margin:18px auto 0;font-size:15px;line-height:1.85;color:var(--ink-soft)}
.dum-predloha .dum-vizual{position:relative;height:560px;margin:0;min-width:0;isolation:isolate}
.dum-predloha .dum-vizual>img{position:absolute;width:76%;height:100%;left:12%;top:0;object-fit:contain}
.dum-predloha .dum-linky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.dum-predloha .dum-linky path{stroke:#d5a018;stroke-width:1.25;fill:none}
.dum-predloha .dum-linky circle{fill:#ffc300;stroke:#fff;stroke-width:1.6}
.dum-predloha svg:not(.dum-linky){width:27px;height:27px;flex-shrink:0;stroke:#987600;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
#p-index .dum-predloha a.dum-popisek{position:absolute;display:flex;align-items:center;gap:12px;width:224px;min-height:90px;padding:10px 13px 10px 8px;background:#fff;border:1px solid #eeeae0;border-radius:6px;box-shadow:0 8px 26px #3830240d;font-size:14px;font-weight:800;line-height:1.4;color:var(--ink);text-decoration:none;transition:border-color .18s,box-shadow .18s}
.dum-predloha .dum-popisek-fasada{left:0;top:46%}
.dum-predloha .dum-popisek-izolace{left:0;top:12%}
.dum-predloha .dum-popisek-klempirstvi{right:0;top:10%}
.dum-predloha .dum-popisek-detaily{right:0;top:42%}
.dum-predloha .dum-popisek-podlaha{right:0;bottom:8%}
.dum-predloha .dum-popisek-kruh{display:grid;place-items:center;width:72px;height:72px;flex:none;border:1px solid #e8bd56;border-radius:50%;overflow:hidden;background:#fff}
.dum-predloha .dum-popisek-kruh img{display:block;width:100%;height:100%;object-fit:cover}
.dum-predloha .dum-popisek-kruh svg{width:46px;height:46px;stroke:#68716f}
.dum-predloha .dum-popisek small{display:block;font-size:11px;line-height:1.5;font-weight:450;color:var(--ink-soft);margin-top:5px}
#p-index .dum-predloha a.dum-popisek:hover{border-color:var(--akce);box-shadow:0 4px 12px #ffc30024}
.dum-predloha .dum-karty{display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:22px}
#p-index .dum-predloha a.dum-sluzba{display:flex;flex-direction:column;min-width:0;padding:12px;background:#fff;border:1px solid var(--border);border-radius:6px;text-decoration:none;color:var(--ink);scroll-margin-top:110px;transition:border-color .18s,box-shadow .18s,transform .18s}
.dum-predloha .dum-sluzba-obrazek{display:block;position:relative;flex:none}
.dum-predloha .dum-sluzba-obrazek>img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:4px}
.dum-predloha .dum-sluzba-ikona{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:40px;height:40px;background:#fff;border:1px solid #e0e3df;border-radius:5px}
.dum-predloha .dum-sluzba-ikona svg{width:25px;height:25px}
.dum-predloha .dum-sluzba-text{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:16px 3px 5px}
#p-index .dum-predloha .dum-sluzba h3{margin:0;font-size:16px;line-height:1.4;letter-spacing:-.025em;color:var(--ink);font-weight:800}
.dum-predloha .dum-sluzba p{margin:10px 0 18px;font-size:13px;line-height:1.7;color:var(--ink-soft)}
.dum-predloha .dum-sluzba-odkaz{display:flex;width:100%;justify-content:space-between;gap:5px;margin-top:auto;color:#8a6b00;font-size:11px;line-height:1.5;font-weight:750}
#p-index .dum-predloha a.dum-sluzba:hover{border-color:var(--akce);box-shadow:0 6px 18px #252d3210;transform:translateY(-2px)}
.dum-predloha .dum-popisek:focus-visible,.dum-predloha .dum-sluzba:focus-visible{outline:3px solid #454c55;outline-offset:4px}
.dum-predloha .dum-sluzba:target{outline:2px solid var(--akce);outline-offset:2px}
.dum-predloha .dum-souhrn{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:20px 24px;margin-top:24px;border:1px solid var(--border);border-left:3px solid var(--akce);border-radius:5px;background:#fafbf9}
.dum-predloha .dum-souhrn>div{display:flex;align-items:center;gap:14px}
.dum-predloha .dum-souhrn b{display:block;font-size:13px;line-height:1.5}
.dum-predloha .dum-souhrn small{display:block;font-size:11px;line-height:1.6;color:var(--ink-soft);margin-top:3px}
.dum-predloha .dum-souhrn .btn{min-height:48px;font-size:12px;gap:22px;white-space:nowrap}
@media(max-width:1100px){
 .dum-predloha .dum-sluzby-text{max-width:650px;padding:0}
 .dum-predloha .dum-sluzby-text>p{max-width:65ch;margin-top:18px}
 .dum-predloha .dum-vizual{width:100%;height:470px}
 #p-index .dum-predloha a.dum-popisek{width:188px;gap:8px;font-size:12px;min-height:76px;padding:8px}
 .dum-predloha .dum-popisek-kruh{width:58px;height:58px}
 .dum-predloha .dum-popisek small{font-size:10px}
 .dum-predloha .dum-karty{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dum-predloha .dum-souhrn{gap:16px;padding:18px}
 .dum-predloha .dum-souhrn>div{gap:9px}
}
@media(max-width:950px){
 .dum-predloha .dum-vizual{height:auto;max-width:640px;margin:0 auto}
 .dum-predloha .dum-vizual>img{position:static;display:block;width:100%;height:auto}
 .dum-predloha .dum-linky{display:none}
 .dum-predloha .dum-vizual nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
 #p-index .dum-predloha a.dum-popisek{position:static;width:auto;min-height:76px;padding:8px;gap:9px}
}
@media(max-width:760px){
 #p-index .dum-predloha{padding:34px 0 38px}
 #p-index .dum-predloha h2{font-size:clamp(29px,7vw,39px)}
 .dum-predloha .dum-sluzby-text .nk{font-size:10px;margin-bottom:17px}
 .dum-predloha .dum-sluzby-text>p{font-size:14px;line-height:1.75}
 .dum-predloha .dum-vizual{height:auto;max-width:600px;margin:0 auto}
 .dum-predloha .dum-vizual>img{position:static;display:block;width:100%;height:auto}
 .dum-predloha .dum-linky{display:none}
 .dum-predloha .dum-vizual nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
 #p-index .dum-predloha a.dum-popisek{position:static;width:auto;min-height:76px;padding:8px;gap:9px;font-size:12px}
 .dum-predloha .dum-popisek-kruh{width:52px;height:52px}
 .dum-predloha .dum-popisek-kruh svg{width:34px;height:34px}
 .dum-predloha .dum-popisek small{font-size:10px}
 .dum-predloha .dum-popisek-izolace{left:0;top:0}
 .dum-predloha .dum-popisek-klempirstvi{right:0}
 .dum-predloha .dum-karty{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dum-predloha .dum-souhrn{flex-wrap:wrap;gap:20px}
 .dum-predloha .dum-souhrn>div{flex:1;min-width:180px}
 .dum-predloha .dum-souhrn .btn{width:100%;justify-content:space-between}
}
@media(max-width:560px){
 .dum-predloha .dum-vizual nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 #p-index .dum-predloha a.dum-popisek{min-height:70px;padding:8px;gap:7px;font-size:11px}
 .dum-predloha .dum-popisek-kruh{width:44px;height:44px}
 .dum-predloha .dum-popisek small{display:none}
 .dum-predloha .dum-karty{grid-template-columns:1fr;gap:12px;margin-top:18px}
 #p-index .dum-predloha a.dum-sluzba{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:10px}
 .dum-predloha .dum-sluzba-obrazek{min-height:122px;height:100%}
 .dum-predloha .dum-sluzba-obrazek>img{height:100%;aspect-ratio:auto}
 .dum-predloha .dum-sluzba-ikona{right:5px;bottom:5px;width:31px;height:31px}
 .dum-predloha .dum-sluzba-ikona svg{width:20px;height:20px}
 .dum-predloha .dum-sluzba-text{padding:3px 0}
 #p-index .dum-predloha .dum-sluzba h3{font-size:14px}
 .dum-predloha .dum-sluzba p{font-size:12px;line-height:1.6;margin:7px 0 12px}
 .dum-predloha .dum-sluzba-odkaz{font-size:10px}
}
@media(max-width:350px){.dum-predloha .dum-vizual nav{gap:8px}#p-index .dum-predloha a.dum-popisek{padding:6px;gap:6px;font-size:10px}.dum-predloha .dum-popisek-kruh{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.dum-predloha .dum-sluzba,.dum-predloha .dum-popisek{transition:none}#p-index .dum-predloha a.dum-sluzba:hover{transform:none}}

/* Jediná sada odkazů: kolem domu na PC, pod čistým domem na mobilu. */
@media(max-width:950px){
 #p-index .dum-predloha .dum-vizual nav{display:none}
 .dum-predloha .dum-karty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){.dum-predloha .dum-karty{grid-template-columns:1fr}}
/* Výrazné podsvícení shodné s kartami materiálů. */
#p-index .dum-predloha a.dum-popisek,#p-index .dum-predloha a.dum-sluzba{transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s}
#p-index .dum-predloha a.dum-popisek:is(:hover,:focus-visible),#p-index .dum-predloha a.dum-sluzba:is(:hover,:focus-visible){transform:translate(-4px,-4px);border-color:var(--akce);background:radial-gradient(320px circle at 50% 0%,rgba(255,195,0,.28),transparent 72%),#fffbee;box-shadow:7px 7px 0 var(--akce),0 14px 28px rgba(255,195,0,.16)}
@media(prefers-reduced-motion:reduce){#p-index .dum-predloha a.dum-popisek,#p-index .dum-predloha a.dum-sluzba{transition:none}#p-index .dum-predloha a.dum-popisek:is(:hover,:focus-visible),#p-index .dum-predloha a.dum-sluzba:is(:hover,:focus-visible){transform:none}}

/* Sklep: šest proklikávacích služeb. */
@media(min-width:951px){
 .dum-predloha .dum-vizual{height:640px}
 .dum-predloha .dum-popisek-izolace,.dum-predloha .dum-popisek-klempirstvi{top:10%}
 .dum-predloha .dum-popisek-fasada{top:40%}
 .dum-predloha .dum-popisek-detaily{top:38%}
 .dum-predloha .dum-popisek-podlaha{top:65%;bottom:auto}
 .dum-predloha .dum-popisek-sklep{left:0;top:70%}
}