#lokality{scroll-margin-top:120px}
.stg-size-calculator-link{margin-top:var(--stg-space-4)}
/* Shared native picker styles. Tibor v13 light with approved owner updates. */
.stg-design-page { padding-top:34px; }
.stg-picker h1 { font-size:42px; line-height:1.04; letter-spacing:-.025em; font-weight:700; margin:0; }
.stg-hub-intro { max-width:60ch; display:flex; flex-direction:column; gap:12px; margin-bottom:26px; }
.stg-hub-intro p { margin:0; font-size:16px; line-height:1.55; color:var(--stg-muted); }
.stg-hub-intro .stg-eyebrow { font-size:14px; color:var(--stg-orange); }
.stg-city-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:14px; }
.stg-picker button { font-family:var(--stg-font); cursor:pointer; }
.stg-city-card { padding:0; text-align:left; color:var(--stg-ink); background:var(--stg-surface); border:1px solid var(--stg-line); border-radius:var(--stg-r2); overflow:hidden; display:flex; flex-direction:column; min-width:0; box-shadow:none; }
/* A whole-card link uses card styling, not inline-text link decoration. */
.stg-site a.stg-city-card { text-decoration:none; color:var(--stg-ink); }
.stg-site a.stg-city-card.is-unavailable { color:var(--stg-muted); }
.stg-city-card:hover { border-color:var(--stg-ink); background:var(--stg-surface); color:var(--stg-ink); }
.stg-city-card>img { width:100%; height:118px; object-fit:cover; }
.stg-city-card__body { display:flex; flex-direction:column; gap:6px; padding:14px 15px 16px; flex:1; }
.stg-card-title-row { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.stg-card-title-row strong { font-size:18px; font-weight:700; letter-spacing:-.015em; }
.stg-card-title-row small { font:12px var(--stg-mono); color:var(--stg-muted2); }
.stg-city-names { font-size:13px; line-height:1.45; color:var(--stg-muted); min-height:34px; }
.stg-city-price { font-size:13px; font-weight:600; color:var(--stg-orange); padding-top:4px; }
.stg-size-pills { display:flex; flex-wrap:wrap; gap:5px; margin-top:auto; padding-top:8px; }
.stg-size-pills>span { font:11px var(--stg-mono); padding:5px 7px; border-radius:4px; border:1px solid var(--stg-accent); color:var(--stg-orange); }
.stg-size-pills>.is-full { background:var(--stg-surface3); color:var(--stg-muted); border-color:var(--stg-line); }
.stg-text-button { padding:10px 0; color:var(--stg-orange); background:transparent; border:0; font-size:14px; }
.stg-text-button:hover { color:var(--stg-ink); background:transparent; }
.stg-depot-selector { border:1px solid var(--stg-line); border-radius:var(--stg-r2); background:var(--stg-soft); }
.stg-city-tabs { display:flex; overflow:auto; border-bottom:1px solid var(--stg-line); }
.stg-city-tabs button { border-bottom:2px solid transparent; background:transparent; color:var(--stg-muted); white-space:nowrap; }
.stg-city-tabs [aria-pressed=true] { color:var(--stg-ink); border-bottom-color:var(--stg-accent); }
.stg-depot-options { grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); }
.stg-depot-option { display:flex; text-align:left; background:var(--stg-surface); border:1.5px solid var(--stg-line); color:var(--stg-ink2); }
.stg-depot-option:not([aria-pressed=true]):hover { color:var(--stg-ink); background:var(--stg-surface3); }
.stg-depot-option[aria-pressed=true] { border:1.5px solid var(--stg-accent); background:var(--stg-tint); color:var(--stg-orange); }
.stg-depot-option>span { font-size:12px; color:var(--stg-muted); }
.stg-live-status { font:11px/1.5 var(--stg-mono); color:var(--stg-muted2); margin:12px 0; }
.stg-depot-hero { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; padding:20px 0 8px; }
.stg-depot-hero h1 { line-height:1.1; }
.stg-depot-address { font-size:16px; line-height:1.5; color:var(--stg-ink2); }
.stg-depot-hero .stg-button { margin:8px 0; }
.stg-depot-hero .stg-muted { font-size:13px; max-width:50ch; }
.stg-depot-media>img { width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; border:1px solid var(--stg-line); display:block; }
.stg-map-row { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; margin-top:14px; }
.stg-depot-map { height:280px; border:1px solid var(--stg-line); background:var(--stg-soft); }
.stg-depot-map iframe { display:block; height:100%; width:100%; border:0; }
.stg-map-link { display:flex; align-items:center; padding:12px 14px; border:1.5px solid var(--stg-ink); border-radius:var(--stg-r1); font-size:13px; font-weight:600; color:var(--stg-ink)!important; text-decoration:none; }
.stg-size-section { padding-top:34px; }
.stg-size-section>h2 { font-size:26px; margin:0 0 6px; }
.stg-size-section>p { margin:0; font-size:15px; line-height:1.55; }
.stg-size-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:22px; scroll-margin-top:20px; }
.stg-design-size { display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--stg-line); border-radius:var(--stg-r2); background:var(--stg-surface); }
.stg-design-size>img { width:100%; height:250px; object-fit:contain; padding:14px 14px 6px; background:var(--stg-surface); }
.stg-design-size__body { padding:20px 20px 22px; display:flex; flex-direction:column; gap:14px; flex:1; }
.stg-design-size__body h3 { font-size:20px; line-height:1.25; font-weight:700; letter-spacing:-.015em; margin:0; }
.stg-dimensions { font:12px/1.5 var(--stg-mono); color:var(--stg-muted2); margin:0; }
.stg-design-size__body>ul { line-height:1.45; display:flex; flex-direction:column; gap:7px; list-style:none; padding:0; margin:0; font-size:14px; color:var(--stg-ink2); }
.stg-design-size__body>ul li:before { content:'·'; color:var(--stg-accent); font-weight:700; margin-right:9px; }
.stg-availability { align-self:flex-start; border:1.5px solid var(--stg-accent); border-radius:var(--stg-r1); background:var(--stg-tint); padding:7px 11px; font-size:13px; font-weight:600; color:var(--stg-orange); margin:0; }
.stg-availability.is-full { border-color:var(--stg-line); background:var(--stg-surface3); color:var(--stg-muted); }
.stg-size-bottom { margin-top:auto; padding-top:8px; display:flex; flex-direction:column; gap:12px; }
.stg-size-bottom .stg-price { margin:0; }
.stg-size-bottom .stg-button { width:100%; font-size:16px; font-weight:700; text-align:center; }
.stg-size-section .stg-price-note { margin-top:16px; font-size:13px; color:var(--stg-muted2); }
.stg-alternatives { padding-top:44px; }
.stg-alternatives h2 { font-size:22px; }
.stg-alternatives .stg-city-card>img { height:96px; }
.stg-alternatives strong { font-size:15px; }
.stg-alternatives .stg-muted { font-size:13px; }
.stg-picker-sticky { display:none; }
@media(max-width:900px) {
.stg-size-grid { gap:14px; }
.stg-design-size__body { padding:16px 14px; }
.stg-depot-hero h1 { font-size:30px; }
}
@media(max-width:700px) {
.stg-design-page { padding-top:24px; }
.stg-picker h1 { font-size:42px; }
.stg-hub-intro .stg-eyebrow { font-size:14px; }
.stg-city-grid { grid-template-columns:1fr; gap:14px; }
.stg-city-card>img { height:118px; }
.stg-card-title-row { flex-wrap:wrap; gap:3px; }
.stg-city-card__body { padding:14px 15px 16px; }
.stg-card-title-row strong { font-size:18px; }
.stg-size-pills { gap:4px; }
.stg-size-pills>span { font-size:10px; padding:4px; }
.stg-depot-hero { grid-template-columns:1fr; gap:20px; }
.stg-size-grid { grid-template-columns:1fr; gap:20px; }
.stg-design-size>img { height:250px; }
.stg-design-size__body { padding:20px; }
.stg-picker-sticky:not([hidden]) { display:flex; position:sticky; bottom:12px; width:100%; z-index:20; box-shadow:var(--stg-shadow-sticky); }
.stg-depot-options { grid-template-columns:1fr; }
.stg-alternatives .stg-city-grid { grid-template-columns:1fr; }
}
@media(max-width:370px) {
.stg-city-grid { grid-template-columns:1fr; }
.stg-alternatives .stg-city-grid { grid-template-columns:1fr; }
}
.stg-city-tabs { gap:4px; padding:8px 14px; }
.stg-city-tabs button { font-size:15px; font-weight:600; padding:9px 14px; border:1.5px solid transparent; border-radius:var(--stg-r1); }
.stg-city-tabs [aria-pressed=true] { border-color:var(--stg-ink); background:var(--stg-surface); }
.stg-depot-options { display:flex; flex-wrap:wrap; gap:8px; padding:10px 14px; }
.stg-depot-option { flex-direction:row; align-items:center; gap:9px; padding:8px 13px; border-radius:999px; min-height:38px; }
.stg-depot-option strong { font-size:14px; font-weight:600; }
.stg-depot-option .stg-size-pills { display:none; padding:0; }
.stg-depot-option[aria-pressed=true] .stg-size-pills { display:flex; }
.stg-depot-option .stg-size-pills>span { font-size:11px; padding:3px 5px; }
.stg-depot-hero h1 { font-size:42px; }
@media(max-width:700px) {
.stg-depot-options { flex-wrap:nowrap; overflow-x:auto; }
.stg-depot-option { flex-shrink:0; }
.stg-depot-hero h1 { font-size:42px; }
}
.stg-hub-intro>[data-picker-heading] { font-size:42px; line-height:1.04; letter-spacing:-.025em; font-weight:700; margin:0; }
.stg-depot-hero [data-picker-heading] { font-size:42px; line-height:1.03; letter-spacing:-.025em; font-weight:700; margin:0; }
@media(max-width:700px) {
.stg-hub-intro>[data-picker-heading],.stg-depot-hero [data-picker-heading] { font-size:42px; }
}
.stg-city-card.is-unavailable,.stg-depot-option.is-unavailable { background:var(--stg-surface3); border-color:var(--stg-line-strong); color:var(--stg-muted); }
.stg-city-card.is-unavailable>img { filter:grayscale(1); }
.stg-city-card.is-unavailable :is(strong,.stg-city-price),.stg-depot-option.is-unavailable strong { color:var(--stg-muted); }
.stg-city-tabs button.is-unavailable { background:var(--stg-surface3); color:var(--stg-muted); }
.stg-depot-option.is-unavailable[aria-pressed=true],.stg-city-tabs button.is-unavailable[aria-pressed=true] { border-color:var(--stg-muted); box-shadow:inset 0 -2px var(--stg-muted); background:var(--stg-surface3); }
.stg-city-card.is-unavailable:hover,.stg-depot-option.is-unavailable:hover { background:var(--stg-soft); border-color:var(--stg-muted); }
.stg-location-status { font-size:11px; color:var(--stg-muted); font-weight:400; }
.stg-city-tabs button { display:flex; align-items:center; gap:8px; }
.stg-city-count { font-size:12px; font-weight:500; color:var(--stg-muted2); white-space:nowrap; }

.stg-design-size.is-unavailable>img{filter:grayscale(.85)}
.stg-city-tabs button,.stg-depot-option{min-height:var(--stg-control-height)}
@media(min-width:701px) and (max-width:1000px){.stg-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* The jump action is redundant while the size choices themselves are on screen. */
.stg-selection[data-sizes-visible="true"] .stg-picker-sticky{visibility:hidden;pointer-events:none}

/* Reference badge hierarchy is shared by city and nearby-depot cards. */
.stg-city-card .stg-size-pills{padding-top:10px}
.stg-city-card .stg-size-pills>span{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:44px;border-radius:var(--stg-r1);padding:5px 8px 6px;border-width:1.5px}
.stg-city-card .stg-size-pills>.is-full{border-color:transparent;background:var(--stg-surface3)}
.stg-size-pills b{font:700 15px/1 var(--stg-font);letter-spacing:-.01em}
.stg-size-pills small{font:500 10px/1.1 var(--stg-mono);opacity:.85}
.stg-depot-option .stg-size-pills b,.stg-depot-option .stg-size-pills small{font:inherit;letter-spacing:0}
.stg-depot-option .stg-size-pills b::after{content:' · '}
.stg-city-tabs [aria-pressed=false] .stg-city-count{color:var(--stg-muted3)}
.stg-design-size:hover{border-color:var(--stg-line2)}
.stg-map-link:hover{background:var(--stg-soft)}
.stg-availability{display:inline-flex;align-items:center;gap:8px}
.stg-availability::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--stg-accent);flex:none}
.stg-availability.is-full::before{background:transparent;border:1.5px solid var(--stg-line-strong)}

/* Show half of the next card; all alternatives remain reachable in distance order. */
.stg-alternatives .stg-city-grid.is-carousel { --stg-carousel-gap:var(--stg-space-2); display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:calc((100% - 3 * var(--stg-carousel-gap)) / 3.5); gap:var(--stg-carousel-gap); overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; padding-bottom:var(--stg-space-1); }
.stg-city-grid.is-carousel>.stg-city-card { scroll-snap-align:start; }
.stg-city-grid.is-carousel>.stg-city-card:focus-visible { outline-offset:-3px; }
@media(max-width:1000px){.stg-alternatives .stg-city-grid.is-carousel{grid-auto-columns:calc((100% - 2 * var(--stg-carousel-gap)) / 2.5)}}
@media(max-width:700px){.stg-alternatives .stg-city-grid.is-carousel{grid-auto-columns:calc((100% - var(--stg-carousel-gap)) / 1.5)}}

.stg-upcoming{margin-top:var(--stg-space-7)}
.stg-upcoming>p{color:var(--stg-muted);margin-bottom:var(--stg-space-5)}
.stg-site .stg-city-card.is-upcoming,.stg-depot-option.is-upcoming{background:var(--stg-tint);border-color:var(--stg-accent);color:var(--stg-ink)}
.stg-city-card.is-upcoming .stg-city-card__body{gap:var(--stg-space-2)}


/* Tibor depot hero: facts and reviews; size offers live in the section below. */
.stg-selector-label{font:12px var(--stg-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--stg-muted);align-self:center;flex-shrink:0;padding-right:8px}
.stg-depot-hero{padding-top:24px;gap:24px}
.stg-depot-hero .stg-eyebrow{margin:0 0 16px}
.stg-depot-address{margin:20px 0 26px}
.stg-depot-facts{display:flex;flex-wrap:wrap;gap:20px;margin:0 0 22px}
.stg-depot-facts dt{font:11px var(--stg-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--stg-muted);margin-bottom:6px}
.stg-depot-facts dd{font-size:15px;font-weight:600;margin:0;max-width:22ch}
.stg-depot-facts a{color:var(--stg-ink);text-decoration:none}
.stg-depot-facts small{display:block;font-size:12px;font-weight:400;color:var(--stg-muted);margin-top:4px}
.stg-depot-rating{display:inline-flex;align-items:center;gap:14px;padding:12px 16px;border:1.5px solid var(--stg-ink);border-radius:var(--stg-r1);color:var(--stg-ink)!important;text-decoration:none!important}
.stg-depot-rating>strong{font-size:22px}
.stg-depot-rating span{font-size:14px;font-weight:600}
.stg-depot-rating small{display:block;font-size:12px;font-weight:400;color:var(--stg-muted)}
.stg-depot-review{border-left:3px solid var(--stg-accent);padding-left:16px;margin:24px 0 0;max-width:48ch}
.stg-depot-review blockquote{margin:0;font-size:16px;line-height:1.6;color:var(--stg-ink2)}
.stg-depot-review p{margin:0 0 8px}
.stg-depot-review figcaption{font-size:12px;line-height:1.5;color:var(--stg-muted)}
.stg-depot-review a{color:inherit;text-decoration:none}
.stg-map-link{flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}
.stg-entrance-note{font-size:12px;line-height:1.5;color:var(--stg-muted);font-weight:400}
.stg-entrance-note:empty,.stg-depot-facts small:empty{display:none}
@media(max-width:700px){.stg-selector-label{min-width:58px}.stg-depot-facts{gap:16px}.stg-depot-review{margin-bottom:8px}}

/* Mobile depot hero: one real testimonial, without repeated selector/facts/badge. */
@media(max-width:700px){
.stg-depot-hero .stg-depot-location-label,.stg-depot-hero .stg-depot-rating{display:none}
.stg-depot-hero .stg-depot-review{margin-top:18px}
}

.stg-map-navigation{min-width:0}
.stg-map-apps{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}
.stg-map-app{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 120px;min-height:48px;padding:10px;border:1px solid var(--stg-line-strong);border-radius:var(--stg-r1);color:var(--stg-ink);text-decoration:none;font-size:13px;font-weight:600}
.stg-map-app:hover{background:var(--stg-soft)}
.stg-map-app img{width:28px;height:28px;padding:3px;background:var(--stg-on-accent);border-radius:6px;object-fit:contain}
@media(max-width:600px){.stg-depot-map{height:260px}}

.stg-depot-presale{padding:24px;background:var(--stg-tint);border:1px solid var(--stg-line);border-radius:var(--stg-r2);margin-bottom:14px}
.stg-depot-presale h2{font-size:24px;line-height:1.3;margin:10px 0}
.stg-depot-presale p{line-height:1.6}
.stg-depot-presale .stg-button{margin-top:8px}

/* Programmatic heading focus announces a location without a decorative frame. */
.stg-selection [data-picker-heading][tabindex="-1"]:focus{outline:none}

/* Native disclosure works with keyboard, touch and without JavaScript. */

/* Keep nearby-depot availability inside the padded card body. */
.stg-city-card__body>.stg-location-status{margin-top:auto;padding-top:var(--stg-space-2);line-height:1.5}

/* Editorial hero copy wraps fully, including on narrow screens. */
.stg-depot-hero .stg-depot-price{font-size:16px;font-weight:600;color:var(--stg-orange)}
.stg-depot-hero .stg-depot-description{font-size:14px;color:var(--stg-muted);max-width:56ch;line-height:1.5}

/* Homepage illustrations: equal image height, wider cards for larger storage models. */
@media(min-width:1001px){.stg-size-section .stg-size-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.17fr) minmax(0,1.56fr)}}

.stg-size-section .stg-homepage-size-cta{margin-top:auto;align-self:stretch;text-align:center}