.waste-hub{margin-top:52px;border-top:1px solid var(--line);padding-top:34px;scroll-margin-top:25px}.waste-hub-intro h2{font:400 clamp(32px,4vw,46px)/1.15 Georgia,serif;letter-spacing:-1px;margin:10px 0 12px}.waste-hub-intro>p:last-of-type{max-width:68ch;color:var(--muted);font-size:14px;line-height:1.8}.waste-hub-nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.waste-hub-nav a,.map-view-switch button{border:1px solid var(--line);border-radius:30px;padding:10px 15px;background:var(--white);color:var(--ink);font:inherit;font-size:12px;text-decoration:none}.waste-hub-nav a:hover,.waste-place-card:hover{border-color:#7f9d69}.waste-hub .map-invitation{margin-top:24px}.waste-hub .sorting-section{margin-top:32px}.waste-places{margin-top:32px;scroll-margin-top:24px}.waste-places h3{font:400 28px/1.3 Georgia,serif;margin-bottom:10px}.waste-places>p{color:var(--muted);font-size:12px;line-height:1.8;max-width:80ch}.waste-place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 14px}.waste-place-card{display:flex;gap:14px;align-items:flex-start;padding:20px;border:1px solid var(--line);background:var(--white);border-radius:17px;color:var(--ink);text-decoration:none}.waste-place-art{flex:none;width:48px}.waste-place-art svg{width:100%;height:52px}.waste-place-card strong{display:block;font-size:15px;font-weight:600;margin:5px 0 8px}.waste-place-card small{display:block;color:var(--muted);font-size:11px;line-height:1.7}.waste-place-action{display:block;font-size:10px;margin-top:14px;text-decoration:underline;text-underline-offset:3px}.waste-place-card.is-seasonal{border-style:dashed}.map-view-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin:22px 0 16px;background:var(--white)}.map-view-switch{display:flex;gap:6px}.map-view-switch button{cursor:pointer}.map-view-switch button[aria-pressed=true]{background:#315f4b;color:#fff;border-color:#315f4b}.map-view-bar>p{color:var(--muted);font-size:11px;max-width:60ch;line-height:1.7}.map-view-switch button:focus-visible,.waste-place-card:focus-visible,.waste-hub-nav a:focus-visible{outline:3px solid #bd9547;outline-offset:3px}.waste-hub :is(#svoz,#trideni){scroll-margin-top:24px}
.waste-hub-intro{position:relative;padding-right:355px;min-height:310px;display:flex;flex-direction:column;justify-content:center}.bin-carousel{position:absolute;right:5px;top:-15px;width:320px;margin:0;text-align:center;color:var(--ink)}.bin-carousel-stage{height:270px;position:relative;isolation:isolate}.bin-carousel-track{position:absolute;inset:0;width:100%;height:100%;color:#8ea572}.bin-orbit{position:absolute;inset:0;animation:bin-round 28s linear infinite;pointer-events:none}.bin-ride{position:absolute;width:77px;height:83px;left:calc(50% - 38.5px);top:calc(50% - 41.5px);transform:translateX(91px)}.bin-counter{display:block;width:100%;height:100%;animation:bin-upright 28s linear infinite}.bin-counter svg{width:100%;height:100%;filter:drop-shadow(0 5px 5px #0002)}.bin-orbit-1,.bin-orbit-1 .bin-counter{animation-delay:-7s}.bin-orbit-2,.bin-orbit-2 .bin-counter{animation-delay:-14s}.bin-orbit-3,.bin-orbit-3 .bin-counter{animation-delay:-21s}.bin-carousel-word{position:absolute;left:125px;top:84px;transform:rotate(-13deg);font:italic 19px Georgia,serif;color:#7c945c}.bin-carousel-spark{position:absolute;font-size:24px;color:#b89a52;transform:rotate(12deg)}.spark-one{left:38px;top:37px}.spark-two{right:28px;bottom:35px;font-size:32px}.bin-carousel figcaption{font:italic 17px/1.4 Georgia,serif;margin-top:-3px}.bin-carousel figcaption small{display:block;font:11px/1.7 'Segoe UI',sans-serif;color:var(--muted);margin-top:4px}.bin-carousel-toggle{margin:8px 0 0;background:transparent;border:0;padding:6px 10px;color:var(--ink);font:11px 'Segoe UI',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.bin-carousel-toggle:focus-visible{outline:2px solid #b99959;outline-offset:2px;border-radius:5px}.bin-carousel.is-paused :is(.bin-orbit,.bin-counter){animation-play-state:paused}html[data-theme=dark] .bin-carousel-word{color:#c0d09f}html[data-theme=dark] .bin-carousel-track{color:#8fa773}
@keyframes bin-round{to{transform:rotate(360deg)}}@keyframes bin-upright{to{transform:rotate(-360deg)}}
@media(max-width:850px){.waste-hub-intro{padding-right:0;min-height:0}.bin-carousel{position:relative;right:auto;top:auto;align-self:center;margin:0 0 12px}.waste-hub-nav{order:2}.bin-carousel-stage{height:245px}.bin-carousel-track{height:245px}.bin-carousel figcaption{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.bin-orbit,.bin-counter{animation:none}.bin-orbit-1{transform:rotate(90deg)}.bin-orbit-1 .bin-counter{transform:rotate(-90deg)}.bin-orbit-2{transform:rotate(180deg)}.bin-orbit-2 .bin-counter{transform:rotate(-180deg)}.bin-orbit-3{transform:rotate(270deg)}.bin-orbit-3 .bin-counter{transform:rotate(-270deg)}.bin-carousel-toggle{display:none}}
html[data-theme=dark] .waste-place-card{background:#1a2a21;color:#e3eadf}html[data-theme=dark] .waste-place-card:hover{background:#24372a}html[data-theme=dark] .map-view-switch button[aria-pressed=true]{background:#527849;color:#fff;border-color:#8ba77a}html[data-theme=dark] .waste-place-card strong{color:#e3eadf}html[data-theme=dark] .map-color-caption{background:#24372a;color:#d5e1ce}
@media(max-width:800px){.waste-place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.waste-place-card{padding:15px;gap:10px}.waste-place-art{width:38px}}
@media(max-width:460px){.waste-place-grid{grid-template-columns:1fr}.waste-place-card{align-items:center}.waste-place-card small{font-size:12px}.waste-place-art{width:48px}.waste-hub-nav{gap:6px}.waste-hub-nav a{font-size:11px;padding:10px}.map-view-bar{padding:12px}.map-view-switch{width:100%}.map-view-switch button{flex:1}.waste-hub{margin-top:34px;padding-top:25px}}
