/* A compact presentation for the existing Locavist screenshot switcher. */
.locavist{padding:72px 0 84px;scroll-margin-top:92px}
.locavist__shape{max-width:1280px;padding:54px 0 50px;background:#f6f6f7;border:1px solid #e9e9ec;border-radius:26px;box-shadow:0 16px 45px #1c1c2410}
.locavist__title{margin-bottom:8px;font-size:clamp(36px,3.7vw,50px);line-height:1.1;letter-spacing:-.025em}
.locavist__subtitle{margin-bottom:12px;color:#2c2c30;font-size:clamp(17px,1.6vw,22px);line-height:1.3;font-weight:600}
.locavist__description{max-width:720px;margin-bottom:30px;color:#626269;font-size:17px;line-height:1.5}
.locavist__grid{grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);grid-template-rows:auto auto;align-items:start;gap:18px 28px;max-width:1180px;transform:none}
.locavist__image-box{width:100%;aspect-ratio:1.55;margin-top:0;overflow:hidden;border:1px solid #e5e5e9;border-radius:18px;background:#fff;box-shadow:0 14px 32px #1c1c2414}
.locavist__image-boss{position:absolute;top:0;left:0;display:block;width:100%;max-width:none;height:auto;margin:0;transform:none}
.locavist__image{top:0;left:0;display:block;width:100%;max-width:none;height:100%;object-fit:contain;border-radius:0;box-shadow:none}
.locavist__image-box:has(.locavist__image.active) .locavist__image-boss{opacity:0}
.locavist__image.active{background:#fff}
.locavist__spoiler{min-width:0;grid-column:2;grid-row:1/span 2}
.locavist__item{margin-bottom:9px;padding:0;border:1px solid #e4e4e8;border-radius:13px;background:#fff;box-shadow:none;overflow:hidden}
.locavist__item:has(.locavist__label.active){border-color:#eab0b3;box-shadow:0 7px 20px #1c1c240b}
.locavist__label{display:block;min-height:48px;padding:14px 50px 14px 18px;color:#29292d;font-size:16px;line-height:20px;font-weight:700}
.locavist__label:hover,.locavist__label.active{color:#c91c27}
.locavist__label::before,.locavist__label::after{top:24px;background:#bd1d27}
.locavist__label::before{right:27px}
.locavist__label::after{right:18px}
.locavist__text{margin:0;padding:0 18px 17px;color:#5e5e65;font-size:15px;line-height:1.5}
.locavist__button{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;min-height:50px;width:max-content;min-width:206px;margin:0;padding:0 24px;border:0;border-radius:26px;background:#e6222a;color:#fff;font-size:16px;line-height:1.2;font-weight:700;box-shadow:none}
.locavist__button:hover,.locavist__button:focus-visible{border:0;background:#bf1720;box-shadow:none}
@media(max-width:992px){
  .locavist{padding:60px 15px 72px}
  .locavist__shape{padding:44px 0}
  .locavist__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:22px;max-width:720px}
  .locavist__image-box{margin:0;aspect-ratio:1.55}
  .locavist__spoiler{grid-column:1;grid-row:2}
  .locavist__button{grid-column:1;grid-row:3;justify-self:center}
}
@media(max-width:639px){
  .locavist{padding:48px 12px 60px;scroll-margin-top:155px}
  .locavist__shape{padding:34px 0;border-radius:20px}
  .locavist__title{margin-bottom:8px;font-size:36px}
  .locavist__subtitle{margin-bottom:12px;font-size:17px;line-height:1.3}
  .locavist__description{max-width:330px;margin-bottom:22px;padding:0 6px;font-size:15px;line-height:1.45}
  .locavist__grid{grid-template-rows:auto auto;gap:18px}
  .locavist__image-box{display:none}
  .locavist__spoiler{grid-row:1}
  .locavist__item{margin-bottom:8px}
  .locavist__label{min-height:48px;padding:14px 43px 14px 14px;font-size:14px;line-height:20px}
  .locavist__label::before,.locavist__label::after{top:24px}
  .locavist__text{padding:0 14px 14px;font-size:13px;line-height:1.45}
  .locavist__image-spoiler{display:block;width:100%;max-width:0;height:auto;border-radius:9px}
  .locavist__image-spoiler.active{max-width:calc(100% - 28px);margin:0 14px 14px}
  .locavist__button{grid-row:2;min-width:190px}
}
/* Original fleet concept illustration; shared across languages, not a product screenshot. */
.locavist__visual-link{display:block;position:relative;aspect-ratio:10/7;background:#eef1f5;transition:box-shadow .2s,transform .2s}
.locavist__fleet-visual{display:block;width:100%;height:auto}
.locavist__visual-link:hover{box-shadow:0 18px 38px #1c1c2424;transform:translateY(-2px)}
.locavist__visual-link:focus-visible{outline:3px solid #e6222a;outline-offset:5px}
@media(max-width:767px){.locavist__visual-link{display:block;grid-row:1}.locavist__grid{grid-template-rows:auto auto auto}.locavist__spoiler{grid-row:2}.locavist__button{grid-row:3}}
@media(prefers-reduced-motion:reduce){.locavist__visual-link{transition:none}}
/* Branded feature illustrations: blue Locavist identity on a light dashboard surface. */
.locavist__brand{display:block;width:220px;max-width:78%;height:auto;margin:0 auto 20px;object-fit:contain}
.locavist__label{cursor:pointer}
.locavist__label:focus-visible{outline:2px solid #126494;outline-offset:-3px;border-radius:12px}
.locavist__mobile-visual{display:none}
.locavist__item:has(.locavist__label.active){border-color:#a8c8dc;box-shadow:0 7px 20px #1645610b}
.locavist__label.active{color:#126494}
@media(max-width:992px){
 .locavist__visual-link{display:none}
 .locavist__grid{grid-template-rows:auto auto}
 .locavist__spoiler{grid-row:1}
 .locavist__button{grid-row:2}
 .locavist__mobile-visual:not([hidden]){display:block;margin:0 14px 14px;border-radius:12px;overflow:hidden}
 .locavist__mobile-visual img{display:block;width:100%;height:auto}
 .locavist__brand{width:180px}
}

/* Rounded component restored from pre-theme geometry; same rules in both themes. */
.locavist__spoiler{display:grid;gap:10px;align-content:start}
.locavist__item{margin:0}
.locavist__brand{background:transparent;padding:0;border:0}

.locavist__label:before,.locavist__label:after{top:50%}
