/* Robotrata · Postavitev za telefon (≤ 900 px) */
/* ===== TELEFON (do 900 px) =====
   koraka 1–2: zemljevid čez cel zaslon, ena vrstica zgoraj, ena vrstica orodij, nizka plošča z enim gumbom;
   3. korak: navadna stran – slika zgoraj, eno vprašanje pod njo. Brez zamegljenosti in sija (tekoče premikanje). */
.m-sheet,.m-top,.m-only,.q3-dots,.m-lidar{display:none}
@media (max-width:900px){
  :root{--m-glass:color-mix(in srgb,var(--md-sc-lowest) 68%,transparent);--m-glass-line:color-mix(in srgb,#fff 35%,transparent);--m-card:color-mix(in srgb,var(--md-sc-lowest) 96%,transparent);--m-line:color-mix(in srgb,var(--md-on-surface) 10%,transparent);--m-sh:0 2px 10px rgba(10,30,14,.16)}
  /* dragi učinki izklopljeni: sij (SVG filter), sence črt, zamegljenost oznak */
  [data-rt-glow]{display:none!important}
  .draft-line{filter:none!important;animation:none!important}
  .maplabel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 1px 4px rgba(0,0,0,.3)!important}
  .vx{box-shadow:0 0 0 2px rgba(59,226,127,.22),0 1px 3px rgba(0,0,0,.35)!important}
  .vx.first{animation:none!important}
  html:has(body.m-stage),body.m-stage{overflow:hidden;overscroll-behavior:none;height:100%}
  body.m-stage .mbar,body.m-stage #konfigurator>.wz-steps,body.m-stage footer,body.m-stage .site-foot,body.m-stage #konfigurator .lead-card{display:none!important}
  /* kartice: skoraj neprozorne, brez zamegljenosti */
  body.m-stage .m-sheet,body.m-stage #status{
    background:var(--m-card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--m-line)!important;box-shadow:var(--m-sh)!important}
  /* gumbi in vrstice na zemljevidu: prosojni (brez zamegljenosti – ta zatika) */
  body.m-stage #search-box .searchbar,body.m-stage #wz-head,body.m-stage .m-tb,body.m-stage .map-wrap>.tools .segd,body.m-stage .map-wrap>.tools .act-btn,
  body.m-stage .map-wrap .passw,body.m-stage .map-wrap .edit-undo,body.m-stage .map-wrap .edit-tools .segd{
    background:var(--m-glass)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--m-glass-line)!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important}
  /* zemljevid čez cel zaslon (pod zgornjo vrstico) */
  body.m-stage #konfigurator .map-wrap{position:fixed!important;left:0;right:0;top:var(--tb,69px);bottom:0;z-index:5;margin:0!important;border-radius:0!important;width:auto!important}
  body.m-stage #konfigurator .map-wrap #map{width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;border-radius:0!important;margin:0!important}
  body.m-stage #fs-btn,body.m-stage #fs-hint,body.m-stage #fs-close,body.m-stage #finish-btn,
  body.m-stage .leaflet-control-zoom,body.m-stage .lm-z{display:none!important}
  /* zgoraj: 1. korak iskalnik + vrstica koraka; 2. korak le vrstica koraka (naslov spremenite z gumbom) */
  body.m-stage #search-box{position:fixed!important;top:calc(var(--tb,69px) + 62px);left:12px;z-index:1060;margin:0!important;width:auto!important}
  body.m-stage:not(.m-search-open) #konfigurator[data-step="2"] #search-box{display:none!important}
  body.m-stage #search-box .searchbar{height:48px;border-radius:14px}
  body.m-stage #search-box .searchbar input{background:transparent}
  body.m-stage #wz-head{position:fixed!important;top:calc(var(--tb,69px) + 10px);left:12px;max-width:calc(100% - 228px);z-index:1050;display:flex!important;align-items:center;gap:8px;margin:0!important;padding:5px 14px 5px 5px!important;border-radius:999px!important;width:auto!important;min-height:42px;box-sizing:border-box}
  body.m-stage #wz-head .wz-k{margin:0;padding:3px 9px;border-radius:999px;font-size:0;line-height:14px;white-space:nowrap}
  body.m-stage #wz-head .wz-k::after{content:attr(data-short);font-size:11.5px;letter-spacing:.02em}
  body.m-stage #wz-head h2{font-size:14px!important;line-height:18px!important;margin:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.m-stage #wz-head .wz-d,body.m-stage #wz-head .wz-why,body.m-stage .wz-tip{display:none!important}
  body.m-stage .m-top{display:flex;gap:8px;position:fixed;right:12px;top:calc(var(--tb,69px) + 10px);z-index:1065}
  body.m-stage #konfigurator[data-step="1"] :is(#m-search,.m-tw){display:none}
  body.m-stage #konfigurator[data-step="1"] #wz-head{max-width:calc(100% - 80px)}
  body.m-stage .m-sheet #map-side .ap-acts{display:none!important}
  /* napis o virih in merilo: drobno, da ne motita */
  body.m-stage .leaflet-control-attribution{font-size:9px!important;line-height:12px!important;padding:1px 6px!important;opacity:.75;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.m-stage .leaflet-control-scale{display:none!important}
  .m-tb{width:42px;height:42px;display:grid;place-items:center;padding:0;color:var(--md-on-surface);cursor:pointer;-webkit-tap-highlight-color:transparent}
  .m-tb .ms{font-size:21px}
  .m-tb[aria-expanded="true"]{background:var(--md-primary)!important;color:#fff}
  /* orodja: ena vrstica tik nad ploščo; Izbriši vse in Popravi obris sta v pomoči */
  body.m-stage #konfigurator .map-wrap>.tools{top:auto!important;bottom:calc(var(--sheet-h,130px) + 10px)!important;left:10px!important;right:10px!important;flex-wrap:wrap}
  body.m-stage #konfigurator .map-wrap .leaflet-bottom{bottom:calc(var(--sheet-h,130px) + 62px)!important}
  body.m-stage #konfigurator[data-step="1"] .map-wrap .leaflet-bottom{bottom:calc(var(--sheet-h,130px) + 12px)!important}
  body.m-stage #konfigurator .grid-note{bottom:calc(var(--sheet-h,130px) + 110px)!important}
  body.m-stage #status{position:fixed!important;top:calc(var(--tb,69px) + 120px);left:12px;right:auto;max-width:calc(100% - 24px);z-index:1045;margin:0;border-radius:12px}
  /* plošča spodaj: navodilo + glavni gumb; pomoč čez skoraj cel zaslon */
  body.m-stage .m-sheet{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:1070;border-radius:20px 20px 0 0!important;border-bottom:0!important;padding:12px 14px calc(10px + env(safe-area-inset-bottom))}
  body.m-stage .m-sheet[data-s="open"]{top:calc(var(--tb,69px) + 64px);box-shadow:0 -8px 30px rgba(10,30,14,.25)!important}
  .ms-head{display:none}
  .m-sheet[data-s="open"] .ms-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-2px 0 8px;font:700 16px/22px var(--font);color:var(--md-on-surface)}
  .ms-x{width:40px;height:40px;border:0;border-radius:50%;background:var(--md-sc-high);color:var(--md-on-surface);display:grid;place-items:center;cursor:pointer}
  .ms-more{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -14px;padding:0 14px}
  .m-sheet[data-s="peek"] .ms-more,.m-sheet[data-s="open"] .ms-main{display:none}
  .ms-main{flex:none}
  body.m-stage .m-sheet #hint{position:static!important;margin:0!important;padding:0 2px!important;background:none!important;box-shadow:none!important;border:0!important;color:var(--md-on-surface);font-size:15px;line-height:21px;font-weight:500;text-align:left;max-width:none!important;transform:none!important}
  body.m-stage .m-sheet #hint:empty{display:none}
  body.m-stage .m-sheet .wz-nav{position:static!important;margin:0!important;padding:10px 0 0!important;background:none!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;max-width:none!important;width:auto!important}
  body.m-stage .m-sheet .wz-info{display:none!important}
  body.m-stage .m-sheet #map-side{display:grid!important;gap:10px;margin:0 0 8px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;max-height:none!important;overflow:visible!important;position:static!important;width:auto!important}
  body.m-stage .m-sheet #map-side .wz-help{background:var(--md-sc)!important;border:0!important;margin:0}
  body.m-stage .m-sheet #map-side .only-mob{display:none}
  body.m-stage #konfigurator[data-step="1"] #find-help{display:block!important}
  body.m-stage .m-sheet #map-side .wz-side-t{display:none}

  /* ===== 3. korak na telefonu: navadna stran ===== */
  body.m-s3 .mbar{display:none!important}
  /* brez črt napredka in naslova nad sliko – slika takoj pod zgornjo vrstico, čez celo širino; korak je v sliki kot v 1. in 2. koraku */
  body.m-s3 #konfigurator>.wz-steps{display:none!important}
  body.m-s3 #konfigurator{padding-top:0!important;margin-top:0!important}
  body.m-s3 #konfigurator>.cfg{margin-top:0!important;padding-top:0!important}
  body.m-s3 #wz-lawn,body.m-s3 #nastavitve .set-head{display:none!important}
  body.m-s3 #nastavitve{position:relative!important;padding:0!important;margin-top:0!important;background:none!important;border:0!important;box-shadow:none!important}
  body.m-s3 #stage-left-set{position:static!important;margin:0!important;padding:0!important}
  body.m-s3 #wz-head{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:5px 14px 5px 5px!important;border-radius:999px!important;min-height:42px;box-sizing:border-box;max-width:calc(100% - 24px);}
  body.m-s3 #wz-head .wz-k{margin:0;padding:3px 9px;border-radius:999px;font-size:0;line-height:14px;white-space:nowrap}
  body.m-s3 #wz-head .wz-k::after{content:attr(data-short);font-size:11.5px;letter-spacing:.02em}
  body.m-s3 #wz-head h2{font-size:14px!important;line-height:18px!important;margin:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.m-s3 #wz-head .wz-d,body.m-s3 #wz-head .wz-why,body.m-s3 .wz-tip{display:none!important}
  body.m-s3 #nastavitve .lawn-stage{max-width:none!important;border-radius:0!important;overflow:hidden;aspect-ratio:auto!important;inset:auto!important;}
  body.m-s3 #nastavitve .lawn-stage .ls-img,body.m-s3 #nastavitve .lawn-stage .ls-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;border-radius:0}
  body.m-s3 #nastavitve .ls-fx{position:absolute!important;left:12px;right:12px;top:60px!important;bottom:auto;flex-wrap:wrap;gap:6px;pointer-events:none}
  body.m-s3 #nastavitve .ls-fx .ls-tag,body.m-s3 #nastavitve .ls-fx .ls-right{position:static!important;inset:auto!important;transform:none!important}
  body.m-s3 #nastavitve .ls-fx .ls-right{display:contents}
  body.m-s3 #nastavitve .ls-fx .ls-cx{display:none!important}
  body.m-s3 #nastavitve .ls-tag{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--m-glass)!important;backdrop-filter:none!important;color:var(--md-on-surface)!important;box-shadow:0 1px 4px rgba(0,0,0,.2)!important;border:1px solid var(--m-glass-line)!important}
  
  body.m-s3 #q3-panel{width:auto!important;background:none!important;transform:none!important}
  body.m-s3 #nastavitve #q3-panel .opt,body.m-s3 #nastavitve #q3-panel .opts-main{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  body.m-s3 #nastavitve .opt-slope::before,body.m-s3 #nastavitve .opt[data-opt]::before{display:none!important}
  
  body.m-s3 #nastavitve .opt-l{font-weight:700;}
  body.m-s3 #nastavitve .lidar-res,body.m-s3 #nastavitve .slope-leg,body.m-s3 #lidar-btn{display:none!important}
  
  
  body.m-s3 .q3-dots{display:flex;gap:4px;}
  
  
  
  
  .q3-dots button:disabled{cursor:default}
  body.m-s3 #konfigurator:is([data-step="3"],[data-step="4"])>.wz-nav{-webkit-backdrop-filter:none!important;}
  /* 4. korak: spodnja vrstica v enakem slogu */
  body:not(.v-home):not(.v-cat) #konfigurator[data-step="5"]>.wz-nav{background:var(--m-card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--m-line)!important;border-bottom:0!important;border-radius:20px 20px 0 0!important;box-shadow:0 -4px 16px rgba(10,30,14,.12)!important}
}
/* ===== telefon, 3. korak: slika čez cel zaslon, vprašanje v eni stekleni kartici spodaj (kot na računalniku: prosojno + zamegljeno) =====
   Slika se ne premika, zato zamegljenost tu ne zatika. Preliv v ozadje le čisto spodaj, za spodnjo vrstico. */
@media (max-width:900px){
  html:has(body.m-s3),body.m-s3{overflow:hidden;overscroll-behavior:none;height:100%}
  body.m-s3 #nastavitve .lawn-stage{position:fixed!important;inset:var(--tb,69px) 0 0 0!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;
    -webkit-mask-image:none!important;mask-image:none!important}
  body.m-s3 #nastavitve .lawn-stage .ls-img img{object-position:50% 45%}
  body.m-s3 #nastavitve .lawn-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16%;z-index:3;pointer-events:none;background:linear-gradient(transparent,var(--md-surface))}
  body.m-s3 #wz-head{position:fixed!important;top:calc(var(--tb,69px) + 10px)!important;left:12px!important;z-index:20}
  body.m-s3 #nastavitve .ls-fx{z-index:5}
  /* steklo kot na računalniku */
  body.m-s3 #wz-head,body.m-s3 #nastavitve .ls-tag,body.m-s3 #q3-panel,body.m-s3 #konfigurator:is([data-step="3"],[data-step="4"])>.wz-nav{
    background:var(--glass)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--glass-line)!important;box-shadow:0 8px 32px rgba(10,30,14,.18)!important}
  /* vprašanje in odgovori v eni kartici nad spodnjo vrstico */
  body.m-s3 #q3-panel{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--nav-h,96px) + 8px)!important;top:auto!important;z-index:15;overflow:auto!important;overscroll-behavior:contain;margin:0!important}
  body.m-s3 #nastavitve #q3-panel .seg .tool{background:color-mix(in srgb,var(--md-sc-lowest) 45%,transparent)!important;border-color:var(--glass-line)!important}
  body.m-s3 #nastavitve #q3-panel .seg .tool[aria-pressed="true"]{background:color-mix(in srgb,var(--rt-accent-soft,#e3f6d5) 70%,transparent)!important;border-color:var(--md-primary)!important}
  body.m-s3 #konfigurator:is([data-step="3"],[data-step="4"])>.wz-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:16;margin:0!important;border-radius:22px 22px 0 0!important;border-bottom:0!important}
}
/* telefon, naklon: izmerjen odgovor in »Drži, naprej« na vrhu, nad gumbi za izbiro; večje besedilo in večji gumb */
@media (max-width:900px){
  
  body.m-s3 #nastavitve .opt-slope>.opt-l{order:0}
  body.m-s3 #nastavitve .opt-slope>.m-lidar{order:1;font-weight:500;color:var(--md-on-surface)!important}
  body.m-s3 #nastavitve .opt-slope>.m-lidar .ms{font-size:20px!important}
  body.m-s3 #nastavitve .opt-slope>.m-lidar b{font-weight:800}
  body.m-s3 #nastavitve .opt-slope>.q3-ok{order:2;justify-self:stretch;width:100%;border:0!important;
    background:var(--md-primary)!important;color:var(--md-on-primary,#fff)!important;font:700 17px/22px var(--font)!important;justify-content:center;gap:8px;}
  body.m-s3 #nastavitve .opt-slope>.q3-ok .ms{font-size:22px}
  body.m-s3 #nastavitve .opt-slope>.seg{order:3}
  body.m-s3 #nastavitve .opt-slope>.exact,body.m-s3 #nastavitve .opt-slope>*:not(.opt-l):not(.m-lidar):not(.q3-ok):not(.seg){order:4}
}
/* telefon, 3. korak: gumb Naprej v vsaki kartici, kartica »Dodatne lastnosti vrta« in kratek opis vrta */
.q3-next,.q3-extra-next,.q3-sum{display:none}
@media (max-width:900px){
  body.m-s3 #nastavitve .opt .q3-next,body.m-s3 #nastavitve[data-q="9"] .q3-extra-next .q3-next{display:inline-flex;justify-content:center;align-items:center;gap:8px;width:100%;
    background:var(--md-primary)!important;color:var(--md-on-primary,#fff)!important;}
  
  body.m-s3 #nastavitve .q3-next:disabled{opacity:.45;box-shadow:none}
  body.m-s3 #nastavitve[data-q="3"] .q3-done,body.m-s3 #nastavitve:is([data-q="4"],[data-q="5"]) .q3-done{display:none!important}
  body.m-s3 #nastavitve[data-q="9"] .more-set{display:block!important;border:0!important;background:none!important;padding:0!important;margin:0!important}
  body.m-s3 #nastavitve[data-q="9"] .more-set>summary{pointer-events:none;list-style:none;padding:0 0 10px!important;border:0!important;background:none!important}
  body.m-s3 #nastavitve[data-q="9"] .more-set>summary::-webkit-details-marker{display:none}
  body.m-s3 #nastavitve[data-q="9"] .more-set>summary .ms-l{font-size:18px;line-height:24px;font-weight:700;color:var(--md-on-surface)}
  body.m-s3 #nastavitve[data-q="9"] .more-set>summary::after{display:none!important}
  body.m-s3 #nastavitve[data-q="5"] .q3-sum{display:block;animation:q3in .35s ease both}
  .q3-sum h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:700 20px/26px var(--font);color:var(--md-on-surface)}
  .q3-sum h3 .ms{font-size:24px;color:var(--md-primary)}
  .q3-sum-lead{margin:0 0 10px;font-size:16px;line-height:23px;color:var(--md-on-surface)}
  .q3-sum ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
  .q3-sum li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:21px;color:var(--md-on-surface)}
  .q3-sum li .ms{font-size:20px;color:var(--md-primary);margin-top:1px}
  .q3-sum-note{margin:0;font-size:13px;line-height:18px;color:var(--md-on-surface-variant)}
}
/* telefon, 3. korak: kompaktna kartica v spodnji tretjini zaslona, manjši gumbi */
@media (max-width:900px){
  body.m-s3 #q3-panel{padding:10px 12px 10px!important;border-radius:18px!important}
  body.m-s3 .q3-dots{margin:0 0 6px!important}
  body.m-s3 .q3-dots button{height:14px;width:26px}
  body.m-s3 #nastavitve .opt-l{font-size:16px!important;line-height:21px!important;margin:0 0 8px!important;gap:0!important;min-height:0!important}
  body.m-s3 #nastavitve .opt-l>.ms{display:none!important}
  body.m-s3 #nastavitve .seg{gap:6px!important}
  body.m-s3 #nastavitve .seg .tool{min-height:40px!important;height:auto!important;padding:6px 10px!important;border-radius:12px!important}
  body.m-s3 #nastavitve .seg .tool .tl{font-size:14px!important;line-height:18px!important}
  body.m-s3 #nastavitve .seg .tool .tl small{display:none!important}
  body.m-s3 #nastavitve .seg .tool .chk{font-size:16px!important}
  body.m-s3 #nastavitve .opt .q3-next,body.m-s3 #nastavitve[data-q="9"] .q3-extra-next .q3-next,body.m-s3 #nastavitve .opt-slope>.q3-ok{height:44px!important;margin-top:10px;border-radius:12px!important;font-size:15px!important;box-shadow:none!important}
  body.m-s3 #nastavitve .opt-slope>.q3-ok{margin:0 0 8px!important}
  body.m-s3 #nastavitve .q3-next .ms,body.m-s3 #nastavitve .opt-slope>.q3-ok .ms{font-size:19px!important}
  body.m-s3 #nastavitve .opt-slope>.m-lidar{font-size:14px!important;line-height:19px!important;margin:0 0 8px!important}
  body.m-s3 #nastavitve .exact>summary{font-size:13px!important;padding:6px 0 0!important}
  body.m-s3 #nastavitve[data-q="9"] .more-set>summary .ms-l{font-size:16px!important}
  body.m-s3 #nastavitve[data-q="9"] .more-set>summary small{display:none}
  .q3-sum h3{font-size:17px!important;margin-bottom:6px!important}
  .q3-sum-lead{font-size:14px!important;line-height:20px!important;margin-bottom:6px!important}
  .q3-sum li{font-size:13.5px!important;line-height:19px!important}
  .q3-sum ul{gap:5px!important}
}
/* telefon, naklon: gumb za ponovni izračun naklona v vrstici z izmerjenim naklonom */
@media (max-width:900px){
  body.m-s3 #nastavitve .opt-slope>.m-lidar{display:flex!important;align-items:center;gap:6px}
  body.m-s3 #nastavitve .opt-slope>.m-lidar[hidden]{display:none!important}
  body.m-s3 #nastavitve .m-lidar .ml-t{flex:1;min-width:0}
  body.m-s3 #nastavitve .m-relidar{flex:none;display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--glass-line);
    background:color-mix(in srgb,var(--md-sc-lowest) 40%,transparent);color:var(--md-on-surface);font:600 12.5px/16px var(--font);cursor:pointer;white-space:nowrap}
  body.m-s3 #nastavitve .m-relidar .ms{color:var(--md-primary)}
  body.m-s3 #nastavitve .m-relidar.busy .ms{animation:rtspin 1s linear infinite}
  @keyframes rtspin{to{transform:rotate(360deg)}}
}
/* telefon v ležečem položaju: zgornja vrstica se skrije, plošča desno */
@media (max-width:900px) and (max-height:500px) and (orientation:landscape){
  body.m-stage .topbar{display:none!important}
  body.m-stage .m-sheet{left:auto;width:min(400px,50vw);right:10px}
  body.m-stage .m-sheet[data-s="open"]{top:10px}
  body.m-stage #konfigurator .map-wrap>.tools{bottom:10px!important;right:calc(min(400px,50vw) + 20px)!important}
  body.m-stage #konfigurator .map-wrap .leaflet-bottom{bottom:62px!important;right:calc(min(400px,50vw) + 10px)!important}
  body.m-stage #search-box{right:calc(min(400px,50vw) + 20px)}
  body.m-stage .m-top{right:calc(min(400px,50vw) + 20px)}
}

/* 3. korak: Wi-Fi (4. vprašanje) in otroci/živali (5. vprašanje) sta samostojni kartici; dodatne lastnosti kot sklop ni več */
#nastavitve[data-q="3"] .opts-main .opt[data-opt="wifi"],#nastavitve[data-q="4"] .opts-main .opt[data-opt="q-kids"]{display:grid!important;}
body.q3c #nastavitve .more-set,body.q3c #nastavitve .q3-extra-next{display:none!important}
body.q3c #nastavitve:is([data-q="4"],[data-q="5"]) .sig-note{display:none!important}

/* ===== kartice brez drsenja: višina po vsebini, krajše vsebine ===== */
body.q3c #slope-exact>summary{display:none!important}
body.q3c #slope-exact:not([open]){display:none!important}
body.q3c #slope-exact[open]{margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important}
body.q3c #nastavitve .m-exact{flex:none;width:30px;height:30px;padding:0;border-radius:50%;border:1px solid var(--glass-line);background:color-mix(in srgb,var(--md-sc-lowest) 40%,transparent);color:var(--md-on-surface);display:grid;place-items:center;cursor:pointer}
body.q3c #nastavitve .m-exact .ms{font-size:16px;color:var(--md-primary)}
body.q3c #nastavitve .m-exact.on{background:var(--md-primary);border-color:var(--md-primary)}
body.q3c #nastavitve .m-exact.on .ms{color:#fff}
.w4-q[data-w="0"] .w4-opts{grid-template-columns:repeat(3,minmax(0,1fr))}
.w4-q[data-w="0"] .w4-o{flex-direction:column;justify-content:center;text-align:center;gap:3px;padding:7px 4px}
.w4-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 8px}
.w4-chip{grid-template-columns:20px minmax(0,1fr)!important;align-items:center;min-height:40px!important;padding:5px 8px!important;border:1px solid color-mix(in srgb,var(--md-on-surface) 12%,transparent)!important;border-radius:10px!important;background:color-mix(in srgb,var(--md-sc-lowest) 40%,transparent)!important}
.w4-chip>span:last-child{display:grid;font-weight:700;font-size:12.5px;line-height:15px}
.w4-chip small{font-weight:500;font-size:10.5px;line-height:13px;color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.04em}
.w4-chip.w4-nn>span:last-child{font-weight:500;color:var(--md-on-surface-variant)}
.w4-chip.w4-nn .ms{color:var(--md-on-surface-variant)}
@media (max-width:900px){
  body.m-s3 #q3-panel,body.m-s3 #konfigurator[data-step="4"] #q3-panel{max-height:min(62dvh,calc(100dvh - var(--tb,45px) - var(--nav-h,96px) - 60px))!important}
}