/* Stefanshof – vzhľad webu B2 „Banská mapa“ (návrh zmeny č. 20)
   List banskej mapy: krémový papier s vlasovými vrstvami horniny, jedna zlatá žila a hĺbkomer na úvode, obsah vo
   vzdušných stĺpcoch, hĺbka ako typografia. Identita v12: hnedá, zlatá, krémová, piesková; zlatá nikdy ako farba
   textu na svetlom podklade. Jeden svetlý svet (bez tmavého režimu). */
@font-face{font-family:Literata;src:url(../pisma/literata.woff) format('woff');font-weight:400 600;font-display:swap}
@font-face{font-family:Manrope;src:url(../pisma/manrope.woff) format('woff');font-weight:200 800;font-display:swap}
:root{
  --krem:#FBF2DF; --papier:#FFFAF0; --piesok:#E4CFA9; --piesok-sv:#EFE1C6;
  --hneda:#694126; --tmava:#4E2F1B; --zlata:#E9B748; --zlata-h:#DDA933;
  --linka:rgba(105,65,38,.15); --linka-2:rgba(105,65,38,.30); --tien:rgba(78,47,27,.18); --chyba:#9C2F1A;
  --f-nadpis:Literata,Georgia,'Times New Roman',serif;
  --f-text:Manrope,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --r:10px; --ease:cubic-bezier(.2,.7,.1,1);
  --obal:1232px; --okraj:0px; --lista:68px;
  color-scheme:light;
}
@media (min-width:1100px){.s-domov{--okraj:78px}}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--lista) + 28px);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html:has(dialog[open]){overflow:hidden}
body{margin:0;background:var(--krem);color:var(--hneda);font:400 17px/1.65 var(--f-text);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block;height:auto}
h1,h2,h3{font-family:var(--f-nadpis);font-weight:400;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.012em;color:var(--hneda)}
h1{font-size:clamp(38px,6vw,86px)}
h2{font-size:clamp(32px,4.4vw,60px)}
h3{font-size:clamp(21px,2vw,27px);line-height:1.18}
p{margin:0}
a{color:var(--hneda);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--tmava)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--hneda);outline-offset:3px;box-shadow:0 0 0 6px rgba(233,183,72,.45);border-radius:6px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skok{position:absolute;left:-9999px}.skok:focus{left:12px;top:12px;z-index:90;background:var(--krem);padding:8px 14px}
.nahlad-pruh{background:var(--zlata);color:var(--hneda);text-align:center;font:700 12px/1.4 var(--f-text);letter-spacing:.06em;padding:6px 12px}
.nadtitul{font:600 12px/1.45 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--hneda)}
.velky{font-size:clamp(18px,1.45vw,21px);line-height:1.6}
.tlmene{font-size:14px;opacity:.82}
.obal{width:100%;max-width:min(calc(var(--obal) + 32px),calc(100% - 2 * var(--okraj)));margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0}

/* tlačidlá */
.tl{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;background:var(--hneda);color:var(--krem);font:600 15px/1.15 var(--f-text);letter-spacing:.02em;text-decoration:none;text-align:center;border:1.5px solid var(--hneda);cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease)}
.tl:hover{background:var(--tmava);border-color:var(--tmava);color:var(--krem)}
.tl:active{transform:scale(.97)}
.tl-zlate{background:var(--zlata);border-color:var(--zlata);color:var(--hneda)}
.tl-zlate:hover{background:var(--zlata-h);border-color:var(--zlata-h);color:var(--hneda)}
.tl-obrys{background:transparent;color:var(--hneda);border-color:var(--linka-2)}
.tl-obrys:hover{background:var(--hneda);border-color:var(--hneda);color:var(--krem)}
.tl-male{min-height:42px;padding:0 18px;font-size:14px}
.tl svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tlacidla{display:flex;flex-wrap:wrap;gap:10px}

/* lišta */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:70;background:var(--krem)}
.lista{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:rgba(251,242,223,.9);-webkit-backdrop-filter:saturate(1.3) blur(14px);backdrop-filter:saturate(1.3) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.lista.posunuta{border-bottom-color:var(--linka);background:rgba(251,242,223,.96)}
.lista-obal{display:flex;align-items:center;gap:18px;height:var(--lista)}
.logo{display:flex;flex:none;border-radius:8px}
.logo img{height:38px;width:auto}
.lista-nav{display:flex;gap:clamp(12px,1.8vw,26px);margin-left:auto}
.lista-nav a{position:relative;text-decoration:none;font:600 15px/1 var(--f-text);padding:8px 1px}
.lista-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--zlata);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.lista-nav a:hover::after,.lista-nav a[aria-current]::after{transform:scaleX(1)}
.jazyky{display:flex;gap:2px;padding:3px;border-radius:999px;border:1px solid var(--linka)}
.jazyky a{font:700 12px/1 var(--f-text);letter-spacing:.06em;text-decoration:none;padding:8px 9px;border-radius:999px}
.jazyky a[aria-current]{background:var(--hneda);color:var(--krem)}
.mob-menu{display:none}
.pruh{display:none}
@media (max-width:1179px){
  .lista-nav,.lista .jazyky{display:none}
  .lista-cta{margin-left:auto}
  .mob-menu{display:block;position:relative}
  .mob-menu summary{list-style:none;cursor:pointer;width:46px;height:46px;border-radius:999px;border:1.5px solid var(--hneda);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}
  .mob-menu summary::-webkit-details-marker{display:none}
  .mob-menu summary span{width:18px;height:2px;background:var(--hneda);border-radius:2px;transition:transform .3s}
  .mob-menu[open] summary span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mob-menu[open] summary span:nth-child(2){opacity:0}
  .mob-menu[open] summary span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mob-menu nav{position:absolute;right:0;top:56px;background:var(--papier);border:1px solid var(--linka);border-radius:14px;box-shadow:0 18px 40px rgba(78,47,27,.2);padding:10px;display:flex;flex-direction:column;min-width:240px}
  .mob-menu nav a{padding:12px 14px;border-radius:8px;text-decoration:none;font-weight:600}
  .mob-menu nav a[aria-current],.mob-menu nav a:hover{background:rgba(228,207,169,.55)}
  .mob-menu .mob-rez{background:var(--zlata);margin-top:6px;text-align:center}
  .mob-jazyky{display:flex;gap:6px;padding:10px 6px 2px;border-top:1px solid var(--linka);margin-top:8px}
  .mob-jazyky a{padding:8px 12px!important;border:1px solid var(--linka)}
  .s-domov .pruh{display:flex;justify-content:space-between;align-items:center;gap:12px;height:26px;position:relative;font:600 11px/1 var(--f-text);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;border-top:1px solid var(--linka)}
  .pruh i{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--zlata);transform-origin:left;transform:scaleX(var(--p,0))}
}
@media (max-width:420px){.lista-cta{padding:0 14px;font-size:13px}.logo img{height:32px}.lista-obal{gap:10px}}

/* hĺbkomer (úvod) */
.merac{position:fixed;right:max(18px,env(safe-area-inset-right,0px));top:calc(var(--lista) + 40px);bottom:56px;width:52px;z-index:40;display:none;flex-direction:column;align-items:center}
@media (min-width:1100px){.merac{display:flex}}
.merac svg.koleso{width:52px;height:29px;overflow:visible}
.koleso path{fill:none;stroke:var(--hneda);stroke-linecap:round}
.m-sachta{position:relative;flex:1;width:52px;margin-top:2px}
.m-sachta::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--linka-2)}
.m-lano{position:absolute;left:50%;top:0;width:1.5px;margin-left:-.75px;background:var(--hneda);height:calc(var(--hl,0) * 100%)}
.m-tick{position:absolute;left:0;right:0;top:calc(var(--y) * 100%);height:0;text-decoration:none;color:var(--hneda);font:600 10px/1 var(--f-text);font-variant-numeric:tabular-nums}
.m-tick::before{content:"";position:absolute;left:50%;width:12px;margin-left:-6px;top:0;height:1px;background:var(--hneda)}
.m-tick span:first-child{position:absolute;right:calc(50% + 10px);top:-5px;opacity:.6}
.m-tick:hover span:first-child{opacity:1}
.m-klietka{position:absolute;left:50%;top:calc(var(--hl,0) * 100%);width:16px;height:20px;margin:-10px 0 0 -8px;border:1.5px solid var(--hneda);border-radius:3px;background:repeating-linear-gradient(90deg,var(--hneda) 0 1px,transparent 1px 4px),var(--krem)}
.m-hodnota{position:absolute;left:50%;top:calc(var(--hl,0) * 100% + 16px);transform:translateX(-50%);white-space:nowrap;background:var(--hneda);color:var(--krem);font:600 11px/1 var(--f-text);font-variant-numeric:tabular-nums;padding:5px 7px;border-radius:6px}

/* žila (úvod) */
.banska-mapa{position:relative}
.zila{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:3;overflow:visible}
.zila .z-ciara{fill:none;stroke:var(--zlata);stroke-width:2.2;stroke-linecap:round}
.zila .z-zar{fill:none;stroke:rgba(233,183,72,.35);stroke-width:9;stroke-linecap:round;filter:blur(3px)}
.zila .z-vetva{fill:none;stroke:var(--zlata-h);stroke-linecap:round;transition:stroke-dashoffset 1.1s var(--ease)}
.zila .z-uzol{fill:var(--krem);stroke:var(--zlata-h);stroke-width:1.5;transition:fill .5s}
.zila .z-uzol.svieti{fill:var(--zlata)}
.banska-mapa section{position:relative;z-index:2}
.vrstvy{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22900%22 viewBox=%220 0 1600 900%22%3E%3Cpath d=%22M0 39.9 L20 41.3 L40 43.4 L60 46.2 L80 49.6 L100 53.4 L120 57.4 L140 61.6 L160 65.7 L180 69.5 L200 72.9 L220 75.9 L240 78.2 L260 79.9 L280 80.8 L300 81.1 L320 80.7 L340 79.8 L360 78.4 L380 76.7 L400 74.8 L420 72.9 L440 71.1 L460 69.7 L480 68.6 L500 68.0 L520 67.9 L540 68.4 L560 69.5 L580 71.1 L600 73.1 L620 75.4 L640 77.9 L660 80.5 L680 82.9 L700 85.1 L720 86.8 L740 88.0 L760 88.6 L780 88.4 L800 87.5 L820 85.9 L840 83.6 L860 80.7 L880 77.3 L900 73.6 L920 69.6 L940 65.6 L960 61.8 L980 58.3 L1000 55.2 L1020 52.7 L1040 50.9 L1060 49.8 L1080 49.4 L1100 49.8 L1120 50.8 L1140 52.4 L1160 54.5 L1180 56.9 L1200 59.4 L1220 62.0 L1240 64.3 L1260 66.4 L1280 68.0 L1300 69.1 L1320 69.7 L1340 69.5 L1360 68.8 L1380 67.5 L1400 65.7 L1420 63.5 L1440 61.1 L1460 58.5 L1480 56.0 L1500 53.7 L1520 51.7 L1540 50.1 L1560 49.1 L1580 48.8 L1600 49.1%22 fill=%22none%22 stroke=%22rgba%28105,65,38,.075%29%22 stroke-width=%221%22/%3E%3Cpath d=%22M0 166.0 L20 168.2 L40 171.0 L60 174.1 L80 177.6 L100 181.4 L120 185.4 L140 189.5 L160 193.6 L180 197.6 L200 201.5 L220 205.0 L240 208.3 L260 211.1 L280 213.5 L300 215.5 L320 216.9 L340 217.9 L360 218.3 L380 218.3 L400 217.9 L420 217.0 L440 215.9 L460 214.5 L480 212.9 L500 211.2 L520 209.5 L540 207.8 L560 206.1 L580 204.6 L600 203.3 L620 202.1 L640 201.2 L660 200.5 L680 200.1 L700 199.8 L720 199.7 L740 199.8 L760 199.9 L780 200.1 L800 200.3 L820 200.4 L840 200.5 L860 200.3 L880 200.0 L900 199.4 L920 198.6 L940 197.5 L960 196.2 L980 194.6 L1000 192.9 L1020 190.9 L1040 188.8 L1060 186.6 L1080 184.5 L1100 182.4 L1120 180.4 L1140 178.6 L1160 177.1 L1180 175.9 L1200 175.0 L1220 174.6 L1240 174.6 L1260 175.1 L1280 176.0 L1300 177.4 L1320 179.1 L1340 181.3 L1360 183.7 L1380 186.4 L1400 189.2 L1420 192.2 L1440 195.1 L1460 197.9 L1480 200.6 L1500 203.0 L1520 205.0 L1540 206.7 L1560 207.9 L1580 208.6 L1600 208.8%22 fill=%22none%22 stroke=%22rgba%28105,65,38,.075%29%22 stroke-width=%221%22/%3E%3Cpath d=%22M0 306.5 L20 306.9 L40 308.2 L60 310.5 L80 313.7 L100 317.8 L120 322.5 L140 327.3 L160 331.8 L180 335.7 L200 338.6 L220 340.2 L240 340.5 L260 339.3 L280 337.0 L300 333.7 L320 330.0 L340 326.2 L360 322.9 L380 320.5 L400 319.3 L420 319.6 L440 321.3 L460 324.4 L480 328.7 L500 333.6 L520 338.9 L540 343.9 L560 348.2 L580 351.3 L600 352.9 L620 353.0 L640 351.4 L660 348.3 L680 344.0 L700 338.9 L720 333.5 L740 328.1 L760 323.3 L780 319.2 L800 316.0 L820 314.0 L840 312.8 L860 312.5 L880 312.6 L900 312.9 L920 312.9 L940 312.5 L960 311.4 L980 309.5 L1000 306.9 L1020 303.7 L1040 300.2 L1060 296.8 L1080 293.8 L1100 291.7 L1120 290.7 L1140 291.1 L1160 292.9 L1180 296.1 L1200 300.6 L1220 305.8 L1240 311.5 L1260 317.1 L1280 322.2 L1300 326.3 L1320 329.0 L1340 330.3 L1360 330.0 L1380 328.3 L1400 325.5 L1420 322.0 L1440 318.2 L1460 314.6 L1480 311.8 L1500 310.0 L1520 309.6 L1540 310.7 L1560 313.3 L1580 317.1 L1600 321.9%22 fill=%22none%22 stroke=%22rgba%28105,65,38,.075%29%22 stroke-width=%221%22/%3E%3Cpath d=%22M0 441.7 L20 439.8 L40 437.0 L60 433.9 L80 430.7 L100 428.0 L120 425.9 L140 425.0 L160 425.3 L180 427.0 L200 429.8 L220 433.7 L240 438.1 L260 442.8 L280 447.2 L300 451.1 L320 454.1 L340 456.1 L360 457.0 L380 457.0 L400 456.3 L420 455.3 L440 454.3 L460 453.8 L480 454.0 L500 455.2 L520 457.4 L540 460.7 L560 464.7 L580 469.1 L600 473.7 L620 477.8 L640 481.2 L660 483.4 L680 484.4 L700 484.0 L720 482.3 L740 479.5 L760 476.0 L780 472.2 L800 468.4 L820 465.1 L840 462.6 L860 460.9 L880 460.2 L900 460.2 L920 460.9 L940 461.7 L960 462.4 L980 462.5 L1000 461.8 L1020 460.0 L1040 457.0 L1060 452.9 L1080 447.8 L1100 442.2 L1120 436.4 L1140 430.9 L1160 426.0 L1180 422.2 L1200 419.6 L1220 418.3 L1240 418.3 L1260 419.3 L1280 421.1 L1300 423.3 L1320 425.4 L1340 427.2 L1360 428.3 L1380 428.5 L1400 427.9 L1420 426.6 L1440 424.8 L1460 422.8 L1480 421.1 L1500 420.1 L1520 420.1 L1540 421.2 L1560 423.7 L1580 427.5 L1600 432.4%22 fill=%22none%22 stroke=%22rgba%28105,65,38,.075%29%22 stroke-width=%221%22/%3E%3Cpath d=%22M0 590.1 L20 587.8 L40 584.5 L60 580.3 L80 575.1 L100 569.3 L120 563.0 L140 556.4 L160 550.0 L180 543.9 L200 538.6 L220 534.2 L240 531.1 L260 529.5 L280 529.5 L300 531.2 L320 534.6 L340 539.6 L360 546.1 L380 553.9 L400 562.6 L420 572.0 L440 581.7 L460 591.3 L480 600.4 L500 608.7 L520 615.8 L540 621.6 L560 625.7 L580 628.1 L600 628.7 L620 627.6 L640 624.8 L660 620.6 L680 615.2 L700 608.8 L720 601.9 L740 594.8 L760 587.7 L780 581.0 L800 575.0 L820 569.9 L840 565.9 L860 563.1 L880 561.5 L900 561.1 L920 561.9 L940 563.5 L960 565.9 L980 568.8 L1000 571.9 L1020 575.1 L1040 577.9 L1060 580.3 L1080 582.0 L1100 583.0 L1120 583.1 L1140 582.3 L1160 580.6 L1180 578.2 L1200 575.2 L1220 571.8 L1240 568.2 L1260 564.6 L1280 561.3 L1300 558.4 L1320 556.2 L1340 554.8 L1360 554.3 L1380 554.8 L1400 556.2 L1420 558.5 L1440 561.6 L1460 565.3 L1480 569.4 L1500 573.8 L1520 578.1 L1540 582.3 L1560 586.0 L1580 589.2 L1600 591.6%22 fill=%22none%22 stroke=%22rgba%28105,65,38,.075%29%22 stroke-width=%221%22/%3E%3Cpath d=%22M0 713.8 L20 708.8 L40 703.5 L60 698.3 L80 693.2 L100 688.5 L120 684.3 L140 680.8 L160 678.1 L180 676.2 L200 675.3 L220 675.4 L240 676.4 L260 678.3 L280 681.0 L300 684.4 L320 688.4 L340 692.8 L360 697.4 L380 702.1 L400 706.6 L420 710.8 L440 714.4 L460 717.4 L480 719.7 L500 721.1 L520 721.5 L540 721.0 L560 719.6 L580 717.3 L600 714.3 L620 710.5 L640 706.2 L660 701.6 L680 696.9 L700 692.1 L720 687.6 L740 683.4 L760 679.8 L780 677.0 L800 675.0 L820 673.9 L840 673.8 L860 674.7 L880 676.6 L900 679.4 L920 683.1 L940 687.4 L960 692.4 L980 697.7 L1000 703.2 L1020 708.8 L1040 714.1 L1060 719.1 L1080 723.5 L1100 727.2 L1120 730.1 L1140 732.0 L1160 733.0 L1180 733.0 L1200 732.1 L1220 730.2 L1240 727.5 L1260 724.1 L1280 720.2 L1300 715.9 L1320 711.4 L1340 706.9 L1360 702.6 L1380 698.7 L1400 695.3 L1420 692.6 L1440 690.7 L1460 689.7 L1480 689.7 L1500 690.6 L1520 692.5 L1540 695.2 L1560 698.7 L1580 702.9 L1600 707.6%22 fill=%22none%22 stroke=%22rgba%28105,65,38,.075%29%22 stroke-width=%221%22/%3E%3Cpath d=%22M0 855.3 L20 853.2 L40 850.9 L60 848.6 L80 846.2 L100 843.8 L120 841.6 L140 839.5 L160 837.6 L180 836.0 L200 834.6 L220 833.6 L240 832.8 L260 832.3 L280 832.1 L300 832.1 L320 832.2 L340 832.5 L360 832.8 L380 833.1 L400 833.3 L420 833.3 L440 833.1 L460 832.7 L480 832.0 L500 830.9 L520 829.6 L540 827.9 L560 825.9 L580 823.7 L600 821.2 L620 818.7 L640 816.0 L660 813.5 L680 811.0 L700 808.7 L720 806.8 L740 805.2 L760 804.0 L780 803.3 L800 803.1 L820 803.5 L840 804.4 L860 805.8 L880 807.7 L900 809.9 L920 812.6 L940 815.4 L960 818.5 L980 821.5 L1000 824.6 L1020 827.5 L1040 830.1 L1060 832.5 L1080 834.5 L1100 836.0 L1120 837.1 L1140 837.7 L1160 837.9 L1180 837.6 L1200 836.9 L1220 836.0 L1240 834.8 L1260 833.6 L1280 832.3 L1300 831.1 L1320 830.1 L1340 829.3 L1360 829.0 L1380 829.1 L1400 829.7 L1420 830.8 L1440 832.5 L1460 834.7 L1480 837.3 L1500 840.5 L1520 843.9 L1540 847.6 L1560 851.5 L1580 855.3 L1600 859.1%22 fill=%22none%22 stroke=%22rgba%28105,65,38,.075%29%22 stroke-width=%221%22/%3E%3C/svg%3E");background-size:1600px auto;background-repeat:repeat-y;background-position:center top}

/* povrch – úvodná fotka podľa ročného obdobia */
.povrch{padding-block:18px 0}
.s-foto{position:relative;border-radius:var(--r);overflow:hidden;height:clamp(320px,54vh,560px);background:var(--piesok);isolation:isolate}
.s-foto .s-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;transform:scale(var(--zoom,1.03));transform-origin:50% 62%}
.s-foto canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.s-kruh{position:absolute;z-index:3;width:2px;height:2px;margin:-1px 0 0 -1px;border-radius:50%;border:1.5px solid var(--zlata);pointer-events:none}
.s-prepinac{position:absolute;z-index:4;top:14px;right:14px;display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:rgba(251,242,223,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px rgba(78,47,27,.18)}
.s-prepinac button{appearance:none;border:0;background:transparent;color:var(--hneda);font:600 14px/1 var(--f-text);display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px 0 11px;border-radius:999px;cursor:pointer;transition:background .3s,color .3s}
.s-prepinac button:hover{background:rgba(105,65,38,.08)}
.s-prepinac button[aria-pressed="true"]{background:var(--hneda);color:var(--krem)}
.s-prepinac svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.s-stitok{position:absolute;z-index:4;left:14px;bottom:14px;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(251,242,223,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:600 13px/1 var(--f-text)}
.s-stitok img{width:28px;height:28px}
.povrch-text{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(22px,4vw,72px);align-items:end;padding-block:clamp(26px,3.6vw,46px) clamp(18px,2.4vw,28px)}
.pt-l{display:grid;gap:16px}
.pt-r{display:grid;gap:22px;padding-bottom:8px}
.pt-r .uvod{font-size:clamp(17px,1.35vw,19px);max-width:52ch}
.horizont{display:flex;align-items:center;gap:16px;padding-block:6px 0;font:600 11px/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase}
.horizont .h-ciara{flex:1;height:12px;background:repeating-linear-gradient(90deg,var(--linka-2) 0 1px,transparent 1px 12px) bottom/100% 6px no-repeat,repeating-linear-gradient(90deg,var(--hneda) 0 1px,transparent 1px 96px) bottom/100% 12px no-repeat;border-bottom:1px solid var(--linka-2)}
@media (max-width:899px){
  .povrch-text{grid-template-columns:1fr}
  .s-foto{height:auto;aspect-ratio:4/3.3;min-height:290px}
  .s-prepinac{top:auto;bottom:12px;right:50%;transform:translateX(50%);gap:0;padding:4px}
  .s-prepinac button{padding:0 11px 0 9px;font-size:13px;gap:5px;min-height:38px}
  .s-stitok{display:none}
  .horizont span:last-child{display:none}
}
@media (max-width:380px){.s-prepinac button span{display:none}.s-prepinac button{padding:0 12px}}
.slovo{display:inline-block;white-space:nowrap}
.pismeno{display:inline-block}
.pohyb h1.hraj .pismeno{animation:pismeno .9s var(--ease) both;animation-delay:calc(var(--i) * 22ms + 180ms)}
@keyframes pismeno{from{opacity:0;transform:translateY(.42em) rotate(5deg)}to{opacity:1;transform:none}}

/* obzory a značky */
.obzor{padding-block:clamp(64px,8.5vw,124px) clamp(48px,6.5vw,96px)}
.znacka{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2vw,28px);margin-bottom:clamp(30px,4vw,56px)}
.z-hlbka,.sh-hlbka{font:300 clamp(54px,8.4vw,124px)/.9 var(--f-nadpis);letter-spacing:-.03em;color:var(--hneda);font-variant-numeric:tabular-nums;white-space:nowrap}
@supports (-webkit-text-stroke:1px black){.z-hlbka,.sh-hlbka{color:transparent;-webkit-text-stroke:1.2px var(--hneda)}}
.z-ciara{height:1px;background:var(--linka-2);position:relative}
.z-ciara::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--hneda)}
.z-nazov{font:600 12px/1.3 var(--f-text);letter-spacing:.16em;text-transform:uppercase;text-align:right}
@media (max-width:599px){.znacka{grid-template-columns:auto minmax(0,1fr)}.z-nazov{grid-column:1/-1;text-align:left}}
.pohyb [data-odhal].cakaj{opacity:.28;transform:translateY(26px)}
.pohyb [data-odhal="foto"].cakaj{opacity:1;transform:none;clip-path:inset(0 0 26% 0 round var(--r))}
.pohyb [data-odhal]{transition:opacity .9s var(--ease),transform 1s var(--ease),clip-path 1.25s var(--ease)}
.pohyb [data-odhal="foto"]{clip-path:inset(0 0 0 0 round var(--r))}

/* hlavička podstránok */
.stranka-hlava{padding-block:clamp(40px,6vw,88px) clamp(28px,4vw,52px);border-bottom:1px solid var(--linka)}
.stranka-hlava .obal{display:grid;gap:16px;justify-items:start}
.stranka-hlava .velky{max-width:62ch}
.sh-hlbka{font-size:clamp(46px,6.4vw,96px);margin-bottom:4px}

/* 1. obzor – dom (úvod) */
.dom-mriezka{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.dom-text{display:grid;gap:22px;align-content:start}
.sluzby{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sluzby li{padding:8px 13px;border-radius:999px;border:1px solid var(--linka-2);font-size:14px;line-height:1.2}
.dom-fotky{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:14px}
.df{margin:0;border-radius:var(--r);overflow:hidden;background:var(--piesok)}
.df img{width:100%;height:100%;object-fit:cover}
.df-1{grid-row:span 2;aspect-ratio:3/4}
.df-2,.df-3{aspect-ratio:4/3}
.fakty{list-style:none;margin:clamp(40px,5vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--linka-2)}
.fakty li{position:relative;padding:22px 18px 0 0;font-size:15px;line-height:1.45}
.fakty li::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--zlata);box-shadow:0 0 0 4px var(--krem)}
@media (max-width:999px){.dom-mriezka{grid-template-columns:1fr}.fakty{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}}
@media (max-width:499px){.df-1{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}}

/* 2. obzor – izby: register s náhľadom */
.izby{background:var(--papier);border-block:1px solid var(--linka)}
.izby-stranka{border-top:0}
.izby-hlava{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 40px;align-items:end}
.izby-hlava p{max-width:58ch;margin-top:16px}
.izby-hlava-kratka{align-items:center}
.izby-hlava-kratka p{margin-top:0}
.znacka-kava{font-weight:600}
.filtre{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.filtre-nad{font:600 12px/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;margin-right:6px}
.filtre button{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--linka-2);background:transparent;color:var(--hneda);font:600 14px/1 var(--f-text);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.filtre button:hover{border-color:var(--hneda)}
.filtre button[aria-pressed="true"]{background:var(--hneda);border-color:var(--hneda);color:var(--krem)}
.filtre-pocet{font-size:13px;margin-left:4px;font-variant-numeric:tabular-nums}
.index{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4.5vw,72px);margin-top:clamp(28px,4vw,52px);align-items:start}
.zoznam{list-style:none;margin:0;padding:0;border-top:1px solid var(--linka)}
.riadok{border-bottom:1px solid var(--linka)}
.r-tl{display:grid;grid-template-columns:14px 44px minmax(0,1fr) auto 34px;align-items:center;gap:0 16px;width:100%;padding:20px 12px 20px 10px;border-radius:10px;text-decoration:none;color:var(--hneda);transition:background .35s var(--ease)}
.r-tl:hover{color:var(--hneda)}
.r-uzol{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--zlata-h);background:var(--papier);transition:background .35s,box-shadow .35s,transform .35s var(--ease)}
.r-cislo{font:600 13px/1 var(--f-text);letter-spacing:.08em;font-variant-numeric:tabular-nums;opacity:.72}
.r-text{min-width:0}
.r-meno{display:block;font:400 clamp(25px,2.5vw,36px)/1.05 var(--f-nadpis);letter-spacing:.01em;transition:transform .5s var(--ease)}
.r-typ{display:block;font-size:14px;line-height:1.35;margin-top:6px}
.r-cena{text-align:right;white-space:nowrap;font:500 14px/1.25 var(--f-text);font-variant-numeric:tabular-nums}
.r-cena b{font:400 24px/1 var(--f-nadpis);margin-left:2px}
.r-cena small{display:block;font-size:12px;margin-top:5px;opacity:.75}
.r-sipka{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--linka-2);transition:background .35s,color .35s,border-color .35s,transform .45s var(--ease)}
.r-sipka svg,.d-sipky svg,.d-zavriet svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.r-foto{display:none}
.riadok.akt .r-tl,.r-tl:hover{background:rgba(228,207,169,.42)}
.riadok.akt .r-meno{transform:translateX(8px)}
.riadok.akt .r-uzol{background:var(--zlata);transform:scale(1.25);box-shadow:0 0 0 6px rgba(233,183,72,.25)}
.riadok.akt .r-sipka{background:var(--hneda);border-color:var(--hneda);color:var(--krem);transform:rotate(-45deg)}
.nahlad{position:sticky;top:calc(var(--lista) + 28px);margin:0}
.nahlad-foto{position:relative;aspect-ratio:4/3.6;border-radius:var(--r);overflow:hidden;background:var(--piesok)}
.nahlad-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nahlad-foto .n-cislo{position:absolute;z-index:3;left:14px;top:14px;padding:8px 12px;border-radius:999px;background:rgba(251,242,223,.9);font:600 12px/1 var(--f-text);letter-spacing:.1em;text-transform:uppercase}
.nahlad figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-block:16px 14px;border-bottom:1px solid var(--linka)}
.nahlad figcaption b{font:400 26px/1.1 var(--f-nadpis)}
.nahlad figcaption span{font-size:14px;text-align:right}
.n-tip{font-size:13px;margin-top:10px;opacity:.8}
@media (max-width:999px){
  .izby-hlava{grid-template-columns:1fr}
  .index{grid-template-columns:1fr}
  .nahlad{display:none}
  .zoznam{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:30px 18px;border:0}
  .riadok{border:0}
  .r-tl{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"foto foto" "text cena";gap:14px 12px;padding:0;border-radius:var(--r)}
  .r-tl:hover,.riadok.akt .r-tl{background:transparent}
  .riadok.akt .r-meno{transform:none}
  .r-foto{display:block;grid-area:foto;aspect-ratio:16/10.5;border-radius:var(--r);overflow:hidden;background:var(--piesok);position:relative}
  .r-foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
  .r-tl:hover .r-foto img{transform:scale(1.04)}
  .r-foto::after{content:attr(data-cislo);position:absolute;left:10px;top:10px;padding:6px 10px;border-radius:999px;background:rgba(251,242,223,.92);font:600 11px/1 var(--f-text);letter-spacing:.1em}
  .r-text{grid-area:text}.r-cena{grid-area:cena;align-self:start}
  .r-uzol,.r-cislo,.r-sipka{display:none}
}
/* detaily izieb na stránke Izby – bez skriptu viditeľné, so skriptom ich nahradí okno s detailom */
.detaily{padding-block:clamp(40px,6vw,80px)}
.detaily .obal{display:grid;gap:clamp(36px,5vw,64px)}
.js .detaily{display:none}
.izba-karta{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start;scroll-margin-top:calc(var(--lista) + 20px)}
.ik-fotky{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ik-fotky a{border-radius:var(--r);overflow:hidden;background:var(--piesok)}
.ik-fotky a:first-child{grid-column:1/-1}
.ik-fotky img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.ik-text{display:grid;gap:14px}
@media (max-width:899px){.izba-karta{grid-template-columns:1fr}}
.pas-pozn{padding-block:28px 56px}
.pas-pozn .obal{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;border-top:1px solid var(--linka)}
.pas-pozn p{max-width:80ch;font-size:15px}

/* okno s detailom izby */
.detail{border:0;padding:0;margin:auto;width:min(1120px,calc(100% - 40px));max-height:min(820px,calc(100% - 40px));border-radius:16px;background:var(--papier);color:var(--hneda);overflow:hidden;box-shadow:0 40px 100px rgba(78,47,27,.38)}
.detail::backdrop{background:rgba(78,47,27,.55);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.pohyb .detail[open]{animation:dOtvor .55s var(--ease)}
@keyframes dOtvor{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.d-obal{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);height:min(820px,calc(100dvh - 40px))}
.d-galeria{position:relative;background:var(--piesok);min-height:0}
.d-pas{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.d-pas::-webkit-scrollbar{display:none}
.d-pas img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}
.d-sipky{position:absolute;left:14px;right:14px;bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}
.d-sipky button{pointer-events:auto;width:46px;height:46px;border-radius:50%;border:0;background:rgba(251,242,223,.92);color:var(--hneda);display:grid;place-items:center;cursor:pointer}
.d-sipky button:disabled{opacity:.45;cursor:default}
.d-pocet{pointer-events:auto;padding:8px 12px;border-radius:999px;background:rgba(251,242,223,.92);font:600 12px/1 var(--f-text);font-variant-numeric:tabular-nums}
.d-info{padding:clamp(24px,3.4vw,44px);overflow-y:auto;display:grid;gap:16px;align-content:start}
.d-info h2{font-size:clamp(34px,3.6vw,52px)}
.d-typ{font-size:15px;font-weight:600}
.d-zavriet{position:absolute;z-index:5;top:14px;right:14px;width:46px;height:46px;border-radius:50%;border:0;background:var(--hneda);color:var(--krem);display:grid;place-items:center;cursor:pointer}
.d-fakty{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;margin:0;font-size:15px;border-top:1px solid var(--linka);padding-top:16px}
.d-fakty dt{font:600 11px/1.9 var(--f-text);letter-spacing:.12em;text-transform:uppercase}
.d-fakty dd{margin:0}
.d-vyb{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.d-vyb li{padding:6px 11px;border-radius:999px;background:rgba(228,207,169,.55);font-size:13px;line-height:1.25}
.d-ceny{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.d-ceny div{padding:14px 16px;border-radius:var(--r);background:var(--krem);border:1px solid var(--linka)}
.d-ceny span{display:block;font:600 11px/1.3 var(--f-text);letter-spacing:.12em;text-transform:uppercase}
.d-ceny b{display:block;font:400 30px/1.1 var(--f-nadpis);margin-top:6px;font-variant-numeric:tabular-nums}
.d-ceny small{font-size:12px}
.d-akcie{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}
@media (max-width:819px){
  .detail{width:100%;max-width:100%;max-height:100%;height:100%;margin:0;border-radius:0;overflow-y:auto;overscroll-behavior:contain}
  .d-obal{display:block;height:auto;padding-top:env(safe-area-inset-top,0px)}
  .d-galeria{aspect-ratio:4/3.1;width:100%}
  .d-info{overflow:visible;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
  .d-zavriet{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px))}
}
::view-transition-old(izba-foto),::view-transition-new(izba-foto),::view-transition-group(izba-foto){animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.7,.1,1)}

/* 3. obzor – okolie */
.okolie{background-color:var(--piesok-sv)}
.okolie-hlava{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:22px 48px;align-items:end}
.okolie-hlava .vpravo{display:grid;gap:18px;justify-items:start}
.s-mini{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--krem);border:1px solid var(--linka)}
.s-mini button{border:0;background:transparent;color:var(--hneda);font:600 13px/1 var(--f-text);min-height:38px;padding:0 14px;border-radius:999px;cursor:pointer}
.s-mini button[aria-pressed="true"]{background:var(--hneda);color:var(--krem)}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:14px;margin-top:clamp(28px,4vw,48px)}
.b-dlazdica{position:relative;border-radius:var(--r);overflow:hidden;background:var(--krem);color:var(--hneda);display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;isolation:isolate}
.b-dlazdica.b-0{grid-column:span 2;grid-row:span 2;min-height:440px}
.b-dlazdica.s-fotkou>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform 1.2s var(--ease)}
.b-dlazdica.s-fotkou:hover>img{transform:scale(1.05)}
.b-dlazdica.s-fotkou:not(.b-0){justify-content:flex-start}
.b-dlazdica.s-fotkou:not(.b-0)>img{position:relative;inset:auto;height:150px;flex:none;z-index:0}
.b-text{margin:12px;padding:16px 18px;border-radius:8px;background:rgba(251,242,223,.93);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;gap:6px}
.b-dlazdica.s-fotkou:not(.b-0) .b-text{margin:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:16px 18px 18px}
.bez-fotky{border:1px solid var(--linka-2);background:var(--papier)}
.bez-fotky .b-text{background:transparent;margin:0;padding:22px;backdrop-filter:none}
.b-znak{position:absolute;top:22px;left:22px;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--zlata-h);background:radial-gradient(circle,var(--zlata) 0 4px,transparent 5px)}
.b-sezona{font:600 11px/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase}
.b-nazov{font-size:clamp(20px,1.8vw,26px)}
.b-0 .b-nazov{font-size:clamp(26px,2.6vw,38px)}
.b-popis{font-size:14px;line-height:1.45}
.b-odkazy{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:3px 14px;font-size:13px;line-height:1.5}
.b-odkazy a{font-weight:600}
.kremnica-pas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center;margin-top:clamp(50px,6vw,90px)}
.kremnica-pas.prvy{margin-top:0;margin-bottom:clamp(50px,6vw,90px)}
.kremnica-pas figure{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;background:var(--hneda)}
.kremnica-pas img{width:100%;height:100%;object-fit:cover}
.kremnica-pas .k-text{display:grid;gap:16px}
.kremnica-pas p{max-width:56ch}
@media (max-width:999px){.okolie-hlava,.kremnica-pas{grid-template-columns:1fr}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.b-dlazdica.b-0{min-height:360px}}
@media (max-width:599px){.bento{grid-template-columns:1fr}.b-dlazdica.b-0{grid-column:auto;grid-row:auto;min-height:320px}.b-dlazdica{min-height:200px}}
.aktivity{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin-top:clamp(28px,4vw,48px)}
.aktivita{border-radius:var(--r);overflow:hidden;background:var(--papier);border:1px solid var(--linka);display:flex;flex-direction:column}
.aktivita figure{margin:0;aspect-ratio:3/2;overflow:hidden;background:var(--piesok)}
.aktivita figure img{width:100%;height:100%;object-fit:cover}
.a-text{padding:18px 20px 20px;display:grid;gap:8px}

/* 4. obzor – mapa obsadenosti (tabuľka z č. 18) a dopyt */
.rez{background:var(--krem)}
.rez-hlava{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px 48px;align-items:end;margin-bottom:clamp(24px,3.4vw,40px)}
.rez-hlava p{max-width:56ch}
.mapa{background:var(--papier);border:1px solid var(--linka);border-radius:16px;padding:clamp(16px,2.6vw,32px);scroll-margin-top:calc(var(--lista) + 20px);box-shadow:0 24px 60px -30px var(--tien)}
.m-hlava{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px}
.m-hlava h3{font-size:clamp(26px,2.6vw,36px);margin-top:4px}
.m-ovl{display:flex;flex-wrap:wrap;gap:8px}
.m-ovl button{min-height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--linka-2);background:var(--papier);color:var(--hneda);font:600 14px/1 var(--f-text);cursor:pointer;transition:background .25s,color .25s}
.m-ovl button:hover:not(:disabled){background:var(--hneda);color:var(--krem);border-color:var(--hneda)}
.m-ovl button:disabled{opacity:.38;cursor:not-allowed}
.m-navod{font-size:15px;margin-top:12px;max-width:80ch}
.m-legenda{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px}
.m-legenda li{display:inline-flex;align-items:center;gap:9px}
.lg{display:inline-block;width:30px;height:12px;border-radius:999px}
.lg-v{background:linear-gradient(180deg,#F3CF77,var(--zlata) 55%,var(--zlata-h))}
.lg-o{height:16px;border-radius:4px;background:repeating-linear-gradient(135deg,rgba(105,65,38,.38) 0 1.4px,transparent 1.4px 5px),var(--piesok-sv)}
.lg-s{background:var(--hneda);height:16px}
.obs-obal{overflow-x:auto;margin-top:16px;border-radius:12px;border:1px solid var(--linka);background:var(--papier);overscroll-behavior-x:contain;transition:opacity .15s;scrollbar-color:var(--piesok) transparent}
.obs-obal.nacitava{opacity:.5}
table.obs{border-collapse:separate;border-spacing:0;min-width:100%;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}
.obs th,.obs td{padding:0}
.obs thead th{font:500 10px/1.1 var(--f-text);text-align:center;vertical-align:bottom;min-width:34px;padding:10px 0 9px;border-bottom:1px solid var(--linka)}
.obs thead th span{display:block;text-transform:uppercase;letter-spacing:.06em;opacity:.72}
.obs thead th b{display:inline-block;font:600 14px/1 var(--f-text);margin-top:5px;min-width:26px;padding:4px 0;border-radius:999px}
.obs thead th i{display:block;width:0;overflow:visible;white-space:nowrap;text-align:left;font:600 11px/1.2 var(--f-text);font-style:normal;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px 6px}
.obs thead th.vk{background:rgba(228,207,169,.38)}
.obs thead th.dn b{background:var(--hneda);color:var(--krem)}
.obs thead th.nm{border-left:1px solid var(--linka-2)}
.obs .obs-izba{position:sticky;left:0;z-index:2;background:var(--papier);text-align:left;padding:9px 14px;min-width:160px;border-right:1px solid var(--linka);font-weight:400}
.obs thead .obs-izba{z-index:3;vertical-align:bottom;font:600 11px/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;padding-bottom:12px}
.obs tbody th .mi-c{display:block;font:600 11px/1 var(--f-text);letter-spacing:.12em;opacity:.72}
.obs tbody th b{display:block;font:400 17px/1.15 var(--f-nadpis);margin-top:4px}
.obs tbody th small{display:block;font-size:12px;margin-top:2px;opacity:.82}
.obs td{position:relative;height:56px;min-width:34px;border-bottom:1px solid rgba(105,65,38,.08)}
.obs td.vk{background:rgba(228,207,169,.24)}
.obs td.nm{box-shadow:inset 1px 0 0 var(--linka-2)}
.obs td.v{cursor:pointer}
.obs td.v::before{content:"";position:absolute;left:5px;right:5px;top:50%;height:12px;margin-top:-6px;border-radius:999px;background:linear-gradient(180deg,#F3CF77,var(--zlata) 55%,var(--zlata-h));box-shadow:inset 0 1px 0 rgba(255,255,255,.6);transition:transform .25s var(--ease),box-shadow .25s,background .25s}
.obs td.v:hover::before{transform:scaleY(1.7);box-shadow:0 0 0 1.5px var(--hneda)}
.obs td.o{cursor:not-allowed}
.obs td.o::before{content:"";position:absolute;left:0;right:0;top:15px;bottom:15px;background:repeating-linear-gradient(135deg,rgba(105,65,38,.36) 0 1.4px,transparent 1.4px 5px),var(--piesok-sv)}
.obs th+td.o::before,.obs td.v+td.o::before{left:5px;border-radius:5px 0 0 5px}
.obs td.o:has(+ td.v)::before,.obs td.o:last-child::before{right:5px;border-radius:0 5px 5px 0}
.obs th+td.o:has(+ td.v)::before,.obs td.v+td.o:has(+ td.v)::before{border-radius:5px}
.obs td.s::before{left:-1px;right:-1px;height:22px;margin-top:-11px;border-radius:0;background:var(--hneda);box-shadow:none;transform:none}
.obs td.s.sa::before{left:5px;border-radius:999px 0 0 999px}
.obs td.s.sz::before{right:5px;border-radius:0 999px 999px 0}
.obs td.s.sa.sz::before{border-radius:999px}
.obs td.s.sa::after{content:"";position:absolute;left:12px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--zlata)}
.obs td.s.caka::before{background:var(--hneda);box-shadow:0 0 0 3px rgba(233,183,72,.55)}
.obs td:focus-visible{outline:2px solid var(--hneda);outline-offset:-4px;box-shadow:none;border-radius:8px}
.obs tr.zvolena th{background:linear-gradient(90deg,rgba(233,183,72,.32),var(--papier))}
.obs-stav{min-height:1.6em;margin:12px 0 0;font-weight:700}
.obs-stav.chyba{color:var(--chyba)}
.m-pozn{font-size:13px;margin-top:4px;opacity:.85}
@media (max-width:599px){.obs .obs-izba{min-width:122px;padding:8px 10px}.obs tbody th b{font-size:15px}.obs td,.obs thead th{min-width:32px}}

/* formuláre */
.formular{display:grid;gap:18px}
.formular fieldset{border:0;margin:0;padding:0;display:grid;gap:14px}
.formular legend{font:400 26px/1.2 var(--f-nadpis);margin-bottom:12px;padding:0}
.formular label{display:grid;gap:7px;font-weight:600;font-size:14px}
.formular input:not([type=checkbox]),.formular select,.formular textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:10px;border:1px solid var(--linka-2);background:var(--krem);color:var(--hneda);font-weight:400;font-size:16px;transition:border-color .2s,box-shadow .2s}
.formular textarea{min-height:110px;resize:vertical}
.formular input:focus-visible,.formular select:focus-visible,.formular textarea:focus-visible{outline:none;border-color:var(--hneda);box-shadow:0 0 0 4px rgba(233,183,72,.45)}
.formular .zaskrt{display:flex;align-items:flex-start;gap:12px;font-weight:500;font-size:15px;line-height:1.5}
.formular .zaskrt input{width:20px;height:20px;margin-top:2px;accent-color:var(--hneda);flex:none}
.formular select option.obsadena{color:var(--chyba)}
.pole2{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.pov{color:var(--chyba)}
.skryte-pole{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.chyby{padding:14px 18px;border-radius:10px;border:2px solid var(--chyba);background:var(--papier);color:var(--chyba)}
.chyby ul{margin:6px 0 0;padding-left:20px}
.rez-spodok{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(18px,2.6vw,32px);margin-top:clamp(18px,2.6vw,32px);align-items:start}
.dopyt{background:var(--papier);border:1px solid var(--linka);border-radius:16px;padding:clamp(22px,2.8vw,36px)}
.rez-bok{display:grid;gap:14px;position:sticky;top:calc(var(--lista) + 24px)}
.karta{background:var(--piesok);border-radius:16px;padding:clamp(20px,2.4vw,28px);display:grid;gap:10px}
.karta h3{font-size:24px}
.karta.odhad{background:var(--hneda);color:var(--krem)}
.karta.odhad .nadtitul,.karta.odhad .tlmene{color:var(--krem)}
.karta.odhad.varovanie{background:var(--chyba)}
.velka-cena{font:400 clamp(32px,3.2vw,44px)/1.05 var(--f-nadpis);font-variant-numeric:tabular-nums}
.karta.odhad .velka-cena{color:var(--zlata)}
.odhad-termin{font-weight:600;font-variant-numeric:tabular-nums}
.poznamky{margin:0;padding-left:18px;display:grid;gap:6px;font-size:15px}
.rychly{margin-top:clamp(16px,2.4vw,28px);background:var(--papier);border:1px solid var(--linka);border-radius:16px;padding:clamp(18px,2.4vw,28px)}
.rychly-polia{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;align-items:end}
.rychly-polia .siroke{grid-column:span 3}
.rychly-polia .zaskrt{align-self:center}
.rychly-spodok{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}
.rychly .karta.odhad{flex:1 1 320px;grid-template-columns:auto 1fr;align-items:center;gap:4px 18px;padding:16px 20px}
.rychly .karta.odhad .tlmene{grid-column:1/-1}
@media (max-width:999px){.rez-hlava,.rez-spodok{grid-template-columns:1fr}.rez-bok{position:static}.rychly-polia{grid-template-columns:1fr 1fr}.rychly-polia .siroke{grid-column:1/-1}}
@media (max-width:599px){.pole2{grid-template-columns:1fr}}

/* ostatné podstránky */
.dva{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.dva.obratene>:first-child{order:2}
.text-stlpec{display:grid;gap:16px;align-content:start}
.kolaz{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;align-items:end}
.kolaz figure{margin:0;border-radius:var(--r);overflow:hidden;background:var(--piesok)}
.kolaz figure img{width:100%;height:100%;object-fit:cover}
.kolaz figure:first-child{aspect-ratio:3/4}
.kolaz figure:last-child:not(:first-child){aspect-ratio:4/3}
.kolaz.jedna{grid-template-columns:1fr}
.kolaz.jedna figure{aspect-ratio:4/3}
.pieskovy{background-color:var(--piesok-sv)}
.podpis{font:italic 400 20px/1.3 var(--f-nadpis)}
.pecat-text{font-weight:700}
.uzky-blok .obal{max-width:min(880px,100%);display:grid;gap:18px}
.text-stranka h2{font-size:clamp(24px,2.4vw,32px);margin-top:12px}
.tab-obal{overflow-x:auto}
table.cennik{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.cennik th,.cennik td{padding:14px 12px;border-bottom:1px solid var(--linka);text-align:left;vertical-align:top}
.cennik th{font:600 11px/1.3 var(--f-text);letter-spacing:.12em;text-transform:uppercase}
.cennik td a{text-decoration:none}
.cennik td b{font:400 19px/1.2 var(--f-nadpis)}
.cennik .mi-c{font:600 12px/1 var(--f-text);letter-spacing:.1em;opacity:.72}
.cennik td .tlmene{display:block}
.cennik .c{text-align:right;white-space:nowrap}
.cennik td.c .tlmene{display:inline}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px}
.galeria a{border-radius:var(--r);overflow:hidden;background:var(--piesok);aspect-ratio:4/3}
.galeria img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.galeria a:hover img{transform:scale(1.05)}
.kontakt-udaje h3{font-size:14px;font-family:var(--f-text);font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-top:6px}
@media (max-width:899px){.dva{grid-template-columns:1fr}.dva.obratene>:first-child{order:0}}
.hotovo .obal{justify-items:start}
.o-pecat{width:140px;height:140px;position:relative}
.o-pecat img{width:100%;height:100%}
.o-pecat::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--zlata);opacity:0}
.pohyb .o-pecat img{animation:razba .9s cubic-bezier(.3,1.4,.4,1) both .15s}
.pohyb .o-pecat::after{animation:vlna 1.1s var(--ease) .55s}
@keyframes razba{0%{transform:scale(1.9) rotate(-18deg);opacity:0;filter:blur(6px)}55%{opacity:1;filter:blur(0)}100%{transform:none;opacity:1}}
@keyframes vlna{0%{opacity:.9;transform:scale(.9)}100%{opacity:0;transform:scale(1.6)}}
.zhrnutie dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 20px;margin:0}
.zhrnutie dt{font:600 11px/1.9 var(--f-text);letter-spacing:.12em;text-transform:uppercase}
.zhrnutie dd{margin:0}

/* päta */
.pata{position:relative;z-index:2;background:var(--hneda);color:var(--krem)}
.pata a{color:var(--krem)}
.pata-mriezka{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));gap:30px;padding-block:clamp(48px,6vw,80px) 34px;align-items:start}
.pata-mriezka>*{display:grid;gap:8px;align-content:start;justify-items:start}
.pata-mriezka nav a,.pata-odkazy a{text-decoration:none}
.pata-mriezka nav a:hover,.pata-odkazy a:hover{text-decoration:underline}
.pata-logo img{width:220px;height:auto;margin-bottom:10px}
.pata .nadtitul{color:var(--zlata)}
.pata .tl-zlate{color:var(--hneda)}
.pata-firma{border-top:1px solid rgba(251,242,223,.18);padding-block:18px 26px;font-size:13px;opacity:.85;display:grid;gap:4px}
@media (max-width:899px){.pata-mriezka{grid-template-columns:1fr 1fr}}
@media (max-width:519px){.pata-mriezka{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
