/* Roznos dopisů – Starostové, design dle manuálu „Starostové do voleb 2026“ */
@font-face{font-family:"Oldschool Condensed";src:url(../fonts/OldschoolGroteskCondensed_W-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Oldschool Condensed";src:url(../fonts/OldschoolGroteskCondensed_W-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Oldschool";src:url(../fonts/OldschoolGrotesk_W-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Oldschool";src:url(../fonts/OldschoolGrotesk_W-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Oldschool";src:url(../fonts/OldschoolGrotesk_W-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Feature Display";src:url(../fonts/FeatureDisplay-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Feature Display";src:url(../fonts/FeatureDisplay-Bold.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --magenta:#ce0f68;
  --magenta-dark:#a50b53;
  --yellow:#ffed00;
  --cream:#fcf7e0;
  --pink:#e9427b;
  --pink-light:#ffc0c7;
  --taken:#9a9590;
  --mine:#1d1d1b;
  --line:rgba(206,15,104,.22);
  --muted:rgba(206,15,104,.72);
  --f-head:"Oldschool Condensed","Arial Narrow",Arial,sans-serif;
  --f-ui:"Oldschool",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --f-serif:"Feature Display",Georgia,"Times New Roman",serif;
  --r:22px;
  --side:420px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--magenta);font:400 16px/1.35 var(--f-ui);-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--f-head);font-weight:700;line-height:.9;margin:0;letter-spacing:0}
.muted{color:var(--muted)}
[hidden]{display:none!important}

/* Pills & bubbles */
.pill{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;font:400 17px/1 var(--f-serif);white-space:nowrap}
.pill--light{background:var(--pink-light);color:var(--magenta)}
.bubble{position:relative;display:inline-block;background:var(--yellow);color:var(--magenta);font:700 1em/1 var(--f-serif);padding:.32em .6em .36em .55em;border-radius:0 .7em .7em .7em;filter:drop-shadow(.12em .12em .12em rgba(206,15,104,.3))}
.bubble::before{content:"";position:absolute;left:-.34em;top:0;width:.36em;height:.36em;background:radial-gradient(circle at 0 100%,transparent .34em,var(--yellow) calc(.34em + .5px))}
.hero .bubble{filter:drop-shadow(.1em .1em .1em rgba(0,0,0,.18))}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:0;background:var(--magenta);color:var(--cream);font:700 19px/1 var(--f-serif);cursor:pointer;text-decoration:none;transition:transform .12s ease,background .12s ease}
.btn:hover{background:var(--magenta-dark)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.5;cursor:default}
.btn--yellow{background:var(--yellow);color:var(--magenta)}
.btn--yellow:hover{background:#f5e300}
.btn--ghost{background:transparent;color:var(--magenta);box-shadow:inset 0 0 0 1.5px var(--magenta);min-height:42px;font-size:17px}
.btn--ghost:hover{background:var(--magenta);color:var(--cream)}
.btn--small{min-height:36px;padding:0 14px;font-size:15px}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;box-shadow:0 0 0 5px var(--magenta)}

/* Hero */
.hero{background:var(--magenta);color:var(--cream);padding:18px clamp(16px,3vw,36px) 20px;position:relative;overflow:hidden}
.hero>*{position:relative;z-index:1}
.hero__tags{display:flex;gap:8px;flex-wrap:wrap}
.hero__main{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px}
.hero__title{display:flex;align-items:flex-end;flex-wrap:wrap;gap:6px 22px}
.hero h1{font-size:clamp(46px,7vw,88px);color:var(--cream)}
.bubble--hero{font-size:clamp(17px,1.9vw,24px);margin-bottom:.35em;margin-left:.3em}
.hero__logo{color:var(--yellow);flex:0 0 auto;margin-bottom:6px}
.hero__logo img{display:block;width:clamp(120px,14vw,190px);height:auto}
.stats{display:grid;grid-template-columns:repeat(4,auto) 1fr;gap:10px 28px;align-items:end;margin-top:18px}
.stat{display:flex;flex-direction:column}
.stat b{font:800 clamp(30px,3.6vw,44px)/.95 var(--f-head);color:var(--yellow);font-variant-numeric:tabular-nums}
.stat span{font:400 15px/1.2 var(--f-serif);opacity:.95}
.progress{position:relative;height:30px;background:rgba(252,247,224,.18);border-radius:999px;overflow:hidden;min-width:180px;align-self:center}
.progress i{position:absolute;inset:0 auto 0 0;width:0;background:var(--yellow);border-radius:999px;transition:width .6s cubic-bezier(.2,.7,.2,1)}
.progress em{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:700 15px/1 var(--f-serif);font-style:normal;color:var(--cream)}

/* Layout */
.app{display:grid;grid-template-columns:var(--side) 1fr;height:calc(100vh - 0px);min-height:560px;position:relative;border-top:4px solid var(--yellow)}
.side{display:flex;flex-direction:column;min-height:0;border-right:1.5px solid var(--line);background:var(--cream)}
.mapwrap{position:relative;min-height:0}
#map{position:absolute;inset:0;background:#efece3}

/* Tabs */
.tabs{display:flex;gap:6px;padding:14px 16px 0;border-bottom:1.5px solid var(--line)}
.tab{flex:1;border:0;background:transparent;padding:10px 6px 12px;font:700 22px/1 var(--f-head);color:var(--muted);cursor:pointer;border-bottom:4px solid transparent;margin-bottom:-1.5px}
.tab.is-active{color:var(--magenta);border-bottom-color:var(--magenta)}
.panel{display:none;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.panel.is-active{display:flex;flex-direction:column}

/* Filters */
.filters{position:sticky;top:0;z-index:2;background:var(--cream);padding:14px 16px 10px;display:flex;flex-direction:column;gap:8px;border-bottom:1.5px solid var(--line)}
.filters input[type=search]{width:100%;height:46px;border-radius:999px;border:1.5px solid var(--magenta);background:#fffdf3;padding:0 18px;font-size:16px;color:var(--magenta)}
.filters input::placeholder{color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);background:transparent;font:500 14px/1 var(--f-ui);color:var(--magenta);cursor:pointer}
.chip.is-on{background:var(--magenta);border-color:var(--magenta);color:var(--cream)}
.chip--typ.is-on{background:var(--pink-light);border-color:var(--pink-light);color:var(--magenta)}
.chip--typ:not(.is-on){opacity:.55}
.chip--typ:not(.is-on) .sw{filter:grayscale(1)}
.sortrow{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);gap:8px}
.sortrow select{border:0;background:transparent;color:var(--magenta);font-weight:500;cursor:pointer}

/* Swatches */
.sw{display:inline-block;width:22px;height:8px;border-radius:4px;flex:0 0 auto;vertical-align:middle}
.sw--bd{background:var(--magenta)}
.sw--rd{background:var(--yellow);box-shadow:0 0 0 1.5px rgba(29,29,27,.55)}
.sw--mix{background:repeating-linear-gradient(90deg,var(--magenta) 0 6px,var(--yellow) 6px 11px);box-shadow:0 0 0 1.5px rgba(29,29,27,.35)}
.sw--taken{background:var(--taken)}
.sw--mine{background:var(--mine)}

/* Street list */
.list{list-style:none;margin:0;padding:6px 8px 24px}
.item{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:11px 10px;border-radius:14px;cursor:pointer;border:1.5px solid transparent}
.item:hover{background:rgba(255,192,199,.35)}
.item.is-sel{background:var(--pink-light);border-color:var(--magenta)}
.item__name{font:700 21px/1 var(--f-head);display:flex;align-items:center;gap:8px;min-width:0}
.item__name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item__part{font:400 14px/1.2 var(--f-serif);color:var(--muted);grid-column:1}
.item__meta{grid-column:1;font-size:13.5px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.item__mb{grid-column:2;grid-row:1/span 3;text-align:right;align-self:center}
.item__mb b{display:block;font:800 28px/.9 var(--f-head);font-variant-numeric:tabular-nums}
.item__mb small{font:400 13px/1 var(--f-serif);color:var(--muted)}
.tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font:500 12.5px/1 var(--f-ui)}
.tag--free{background:var(--yellow);color:var(--magenta)}
.tag--taken{background:rgba(154,149,144,.22);color:#5f5a56}
.tag--mine{background:var(--mine);color:var(--cream)}
.item.is-taken .item__name,.item.is-taken .item__mb b{color:#8b8580}
.empty{padding:30px 16px;text-align:center;color:var(--muted);font-family:var(--f-serif);font-size:18px}

/* People */
.people-head{padding:18px 16px 6px}
.people-head h2{font-size:34px}
.people-head p{font-family:var(--f-serif);margin:8px 0 0}
.people{list-style:none;margin:0;padding:6px 8px 20px}
.person{border-radius:16px;border:1.5px solid var(--line);margin:8px 0;overflow:hidden}
.person__head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;cursor:pointer;background:transparent;border:0;width:100%;text-align:left}
.person__rank{width:34px;height:34px;border-radius:50%;background:var(--magenta);color:var(--cream);display:grid;place-items:center;font:700 17px/1 var(--f-head)}
.person:nth-child(-n+3) .person__rank{background:var(--yellow);color:var(--magenta)}
.person__name{font:700 22px/1 var(--f-head)}
.person__sub{font:400 14px/1.2 var(--f-serif);color:var(--muted);margin-top:3px}
.person__mb{text-align:right}
.person__mb b{display:block;font:800 26px/.9 var(--f-head)}
.person__mb small{font:400 13px/1 var(--f-serif);color:var(--muted)}
.person__body{padding:0 14px 14px;display:none}
.person.is-open .person__body{display:block}
.person.is-open{border-color:var(--magenta);background:rgba(255,192,199,.18)}
.person__streets{list-style:none;padding:0;margin:0 0 12px}
.person__streets li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:15px;cursor:pointer}
.person__streets li:hover{text-decoration:underline}
.person__streets li b{font-variant-numeric:tabular-nums}
.person__actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-box{margin:8px 16px 24px;padding:16px;border-radius:16px;background:var(--pink-light);display:flex;flex-direction:column;gap:8px}
.admin-box h3{font-size:24px}

/* Info */
.panel--info{padding:18px 18px 30px;gap:8px}
.panel--info h2{font-size:30px;margin-top:10px}
.steps{margin:4px 0 6px;padding-left:22px;font:400 17px/1.35 var(--f-serif)}
.steps li{margin:6px 0}
.legend-list{list-style:none;margin:4px 0;padding:0;font:400 16px/1.3 var(--f-serif)}
.legend-list li{display:flex;gap:12px;align-items:center;margin:8px 0}
.method{font:400 16px/1.4 var(--f-serif)}
.method p{margin:6px 0}
.method table{border-collapse:collapse;width:100%;margin:10px 0;font:400 15px/1.2 var(--f-ui)}
.method th,.method td{text-align:right;padding:7px 6px;border-bottom:1px solid var(--line)}
.method th:first-child,.method td:first-child{text-align:left}
.method thead th{font:700 16px/1 var(--f-head)}
.ok{color:var(--magenta);font-weight:700}

/* Map */
.leaflet-container{font-family:var(--f-ui);background:#efece3}
.basemap{filter:grayscale(1) contrast(.92) brightness(1.06) sepia(.12)}
.map-legend{position:absolute;left:12px;bottom:26px;z-index:500;display:flex;flex-wrap:wrap;gap:6px 14px;background:rgba(252,247,224,.94);padding:9px 14px;border-radius:14px;font-size:13.5px;box-shadow:0 2px 10px rgba(206,15,104,.15);max-width:calc(100% - 24px)}
.map-legend span{display:inline-flex;align-items:center;gap:6px}
.map-jump{position:absolute;top:12px;right:12px;z-index:500;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.chip--map{background:rgba(252,247,224,.95);border-color:transparent;box-shadow:0 2px 8px rgba(206,15,104,.2);height:34px}
.chip--map:hover{background:var(--magenta);color:var(--cream)}
.leaflet-control-zoom a{color:var(--magenta)!important;background:var(--cream)!important;border-color:var(--line)!important}
.leaflet-control-attribution{background:rgba(252,247,224,.85)!important;color:var(--magenta)!important;font-size:11px}
.leaflet-control-attribution a{color:var(--magenta)!important}
.leaflet-tooltip.st-tip{background:var(--magenta);color:var(--cream);border:0;border-radius:12px;padding:7px 11px;font:500 14px/1.2 var(--f-ui);box-shadow:0 3px 12px rgba(0,0,0,.2)}
.leaflet-tooltip.st-tip::before{display:none}
.st-tip b{font:700 18px/1 var(--f-head);display:block;margin-bottom:2px}
.leaflet-tooltip.adr-tip{background:var(--cream);color:var(--magenta);border:1.5px solid var(--magenta);border-radius:10px;padding:4px 8px;font:500 13px/1.2 var(--f-ui);box-shadow:none}
.leaflet-tooltip.adr-tip::before{display:none}
.adr-label{background:transparent;border:0}
.adr-label span{display:inline-block;transform:translate(-50%,-50%);background:var(--cream);color:var(--magenta);border:1.5px solid var(--magenta);border-radius:999px;padding:2px 6px;font:700 12px/1 var(--f-ui);white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.adr-label.is-rd span{background:var(--yellow)}

/* Detail */
.detail{position:absolute;z-index:800;top:14px;left:calc(var(--side) + 14px);width:min(420px,calc(100% - var(--side) - 28px));max-height:calc(100% - 28px);overflow:auto;background:var(--cream);border-radius:var(--r);box-shadow:0 12px 40px rgba(120,0,50,.28);border:1.5px solid var(--magenta)}
.detail__in{position:relative;padding:20px 20px 22px}
.detail__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:0;background:var(--pink-light);color:var(--magenta);font:700 22px/1 var(--f-ui);cursor:pointer}
.detail__close:hover{background:var(--magenta);color:var(--cream)}
.detail__kicker{display:flex;gap:6px;flex-wrap:wrap;margin-right:44px}
.detail__kicker .pill{height:26px;font-size:15px;padding:0 11px}
.detail h2{font-size:clamp(38px,4vw,50px);margin-top:12px}
.detail__part{font:400 18px/1.2 var(--f-serif);margin-top:6px;color:var(--muted)}
.detail__big{display:flex;align-items:center;gap:16px;margin:18px 0 10px}
.detail__big .bubble{font-size:42px;padding:.18em .45em .22em .4em}
.detail__big span{font:400 18px/1.2 var(--f-serif)}
.mix-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:rgba(206,15,104,.1);margin:10px 0 6px}
.mix-bar i{display:block;height:100%}
.mix-bar .b{background:var(--magenta)}
.mix-bar .r{background:var(--yellow)}
.mix-bar .o{background:var(--pink-light)}
.mix-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:var(--muted)}
.mix-legend b{color:var(--magenta)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.fact{background:rgba(255,192,199,.35);border-radius:14px;padding:10px 12px}
.fact b{display:block;font:800 26px/.95 var(--f-head)}
.fact small{font:400 13.5px/1.1 var(--f-serif)}
.signup{background:var(--magenta);color:var(--cream);border-radius:18px;padding:16px;margin:14px 0 6px}
.signup label{display:block;font:700 22px/1 var(--f-head);margin-bottom:10px}
.signup input{width:100%;height:50px;border-radius:999px;border:0;padding:0 18px;background:var(--cream);color:var(--magenta);font-size:17px;margin-bottom:10px}
.signup .btn{width:100%}
.signup .err{margin:8px 0 0;font:700 15px/1.3 var(--f-serif);color:var(--yellow)}
.signup p.hint{margin:8px 0 0;font:400 14px/1.3 var(--f-serif);opacity:.9}
.taken-box{border-radius:18px;padding:16px;margin:14px 0 6px;background:rgba(154,149,144,.18);color:#5f5a56}
.taken-box.is-mine{background:var(--mine);color:var(--cream)}
.taken-box small{font:400 14px/1 var(--f-serif)}
.taken-box b{display:block;font:700 30px/1 var(--f-head);margin:4px 0 6px}
.taken-box .btn{margin-top:8px}
.taken-box.is-mine .btn--ghost{color:var(--cream);box-shadow:inset 0 0 0 1.5px var(--cream)}
.taken-box.is-mine .btn--ghost:hover{background:var(--cream);color:var(--mine)}
.adr{margin-top:16px}
.adr h3{font-size:24px;margin-bottom:8px}
.adr__grid{display:flex;flex-wrap:wrap;gap:6px}
.adr__item{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1.5px solid var(--line);padding:4px 10px 4px 8px;font-size:14px;cursor:pointer;background:transparent}
.adr__item:hover{border-color:var(--magenta)}
.adr__item i{width:9px;height:9px;border-radius:50%;background:var(--magenta)}
.adr__item.rd i{background:var(--yellow);box-shadow:0 0 0 1.5px rgba(29,29,27,.5)}
.adr__item.x i{background:var(--pink-light)}
.adr__item em{font-style:normal;color:var(--muted)}
.adr__note{font:400 13.5px/1.35 var(--f-serif);color:var(--muted);margin-top:10px}

/* Toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2000;background:var(--yellow);color:var(--magenta);font:700 18px/1.2 var(--f-serif);padding:12px 20px;border-radius:0 16px 16px 16px;box-shadow:4px 4px 10px rgba(206,15,104,.35);max-width:calc(100% - 32px)}
.toast.is-err{background:var(--magenta);color:var(--cream)}

/* Footer */
.foot{background:var(--magenta);color:var(--cream);display:flex;justify-content:space-between;align-items:flex-end;gap:16px 40px;flex-wrap:wrap;padding:24px clamp(16px,3vw,36px);font:400 15px/1.4 var(--f-serif)}
.foot p{margin:8px 0 0}
.foot__logo{display:block;width:140px;height:auto}
.foot__credit{opacity:.85}

.peek{display:none;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:1500;align-items:center;gap:12px;background:var(--magenta);color:var(--cream);border-radius:18px;padding:10px 10px 10px 16px;box-shadow:0 8px 26px rgba(120,0,50,.35);border:0;text-align:left;width:auto;cursor:pointer}
.peek b{font:700 22px/1 var(--f-head);display:block}
.peek small{font:400 14px/1.2 var(--f-serif)}
.peek span:first-child{flex:1;min-width:0}
.peek .bubble{font-size:17px;flex:0 0 auto}

/* Responsive */
@media (max-width:980px){
  :root{--side:360px}
  .stats{grid-template-columns:repeat(4,auto);}
  .progress{grid-column:1/-1}
}
@media (max-width:760px){
  .hero{padding-top:14px}
  .hero__main{align-items:flex-start;flex-direction:column-reverse;gap:10px;margin-top:10px}
  .hero__logo{position:absolute;top:-38px;right:0}
  .hero__logo img{width:120px}
  .hero__tags{padding-right:130px}
  .pill{font-size:15px;height:27px;padding:0 11px}
  .stats{gap:8px 14px;grid-template-columns:repeat(2,1fr)}
  .stat span{font-size:13px}
  .app{display:flex;flex-direction:column;height:auto;min-height:0}
  .mapwrap{order:1;height:62vh;min-height:380px}
  .detail{order:2}
  .side{order:3;border-right:0;border-top:1.5px solid var(--line)}
  .panel{overflow:visible}
  .filters{position:static}
  .map-legend{bottom:22px;font-size:12px;padding:7px 10px;gap:4px 10px}
  .map-jump{top:10px;right:10px}
  .chip--map{height:30px;font-size:13px;padding:0 10px}
  .detail{position:static;width:auto;max-height:none;overflow:visible;border-radius:0;border:0;border-top:4px solid var(--magenta);box-shadow:none}
  .detail__in{padding:18px 16px 24px}
  .peek.is-on{display:flex}
  .detail h2{font-size:40px}
  .detail__big .bubble{font-size:36px}
}



/* Odhad času */
.item__time{display:block;margin-top:3px;font:500 12.5px/1 var(--f-ui)!important;color:var(--magenta)!important;opacity:.8}
.timebox{display:flex;gap:12px;align-items:center;margin:14px 0 4px;padding:12px 14px;border-radius:16px;border:1.5px dashed var(--magenta)}
.timebox__ico{font-size:24px;line-height:1}
.timebox b{display:block;font:700 22px/1.05 var(--f-head)}
.timebox small{display:block;font:400 14px/1.3 var(--f-serif);color:var(--muted);margin-top:3px}
.signup p.hint--time{font-size:15px;opacity:1}
.signup p.hint--time b{color:var(--yellow)}
.admin-note{font:400 14px/1.3 var(--f-serif);margin:2px 0 0}

/* Desktop: vše na jednu obrazovku bez scrollování */
@media (min-width:761px){
  html,body{height:100%}
  body{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}
  .hero{flex:0 0 auto;padding-top:clamp(10px,1.8vh,18px);padding-bottom:clamp(10px,1.8vh,20px)}
  .hero__main{margin-top:clamp(6px,1.2vh,14px)}
  .hero h1{font-size:clamp(40px,min(7vw,8.5vh),88px)}
  .stats{margin-top:clamp(8px,1.6vh,18px)}
  .stat b{font-size:clamp(26px,min(3.6vw,4.6vh),44px)}
  .app{flex:1 1 0;height:var(--app-h,auto);min-height:0;grid-template-rows:minmax(0,1fr);overflow:hidden}
  .side,.mapwrap{height:100%;min-height:0;overflow:hidden}
  html,body{overflow:hidden}
  .detail{max-height:calc(100% - 28px)}
  .foot{flex:0 0 auto;padding:6px clamp(16px,3vw,36px);align-items:center;font-size:12.5px;gap:4px 24px}
  .foot>div{display:flex;align-items:center;gap:14px}
  .foot p{margin:0}
  .foot__logo{width:96px}
}
@media (min-width:761px) and (max-height:760px){
  .hero__tags{display:none}
  .hero h1{font-size:clamp(36px,7vh,60px)}
  .bubble--hero{font-size:18px}
  .stat span{font-size:13px}
  .progress{height:24px}
}

.taken-box .btn{margin-right:6px}