.farm-map{--farm-green:#0d5c3b;--farm-gold:#d7a928;--farm-text:#173128;font-family:Arial,Helvetica,sans-serif;color:var(--farm-text);max-width:1180px;margin:24px auto}
.farm-map *{box-sizing:border-box}
.farm-map__header{text-align:center;background:#fff;padding:20px;border-radius:18px 18px 0 0;box-shadow:0 2px 14px rgba(0,0,0,.08)}
.farm-map__header h2{margin:0;color:var(--farm-green);font-size:clamp(24px,4vw,40px)}
.farm-map__header p{margin:8px auto 0;max-width:760px;line-height:1.5}
.farm-map__layout{display:grid;grid-template-columns:minmax(320px,740px) minmax(240px,1fr);gap:22px;align-items:start;padding:22px;background:linear-gradient(135deg,#eef8f2,#e5f2f8);border-radius:0 0 18px 18px}
.farm-map__layout--single{grid-template-columns:1fr}
.farm-map__image-wrap{position:relative;width:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 16px 40px rgba(13,92,59,.16)}
.farm-map__image-wrap img{display:block;width:100%;height:auto}
.farm-map__hotspot{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:3px solid #fff;background:rgba(215,169,40,.96);box-shadow:0 0 0 5px rgba(13,92,59,.22),0 5px 14px rgba(0,0,0,.3);cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;padding:0}
.farm-map__hotspot::after{content:attr(data-short);font-size:11px;color:#fff;font-weight:700}
.farm-map__hotspot:hover,.farm-map__hotspot:focus{transform:translate(-50%,-50%) scale(1.22);background:var(--farm-green);outline:none}
.farm-map__legend{background:#fff;border-radius:18px;padding:20px;box-shadow:0 12px 30px rgba(0,0,0,.09)}
.farm-map__legend h3{margin-top:0;color:var(--farm-green)}
.farm-map__region-list{display:grid;gap:9px}
.farm-map__region-list button{width:100%;text-align:left;border:1px solid #d9e6df;background:#f8fbf9;padding:11px 13px;border-radius:10px;cursor:pointer;font-weight:700;color:#254b3e}
.farm-map__region-list button:hover,.farm-map__region-list button:focus{background:#e8f5ed;border-color:var(--farm-green)}
.farm-map__modal{position:fixed;inset:0;background:rgba(0,0,0,.62);align-items:center;justify-content:center;padding:18px;z-index:999999}
.farm-map__modal:not([hidden]){display:flex}
.farm-map__card{width:min(560px,100%);background:#fff;border-radius:18px;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.35);position:relative}
.farm-map__card h3{color:var(--farm-green);margin:0 42px 8px 0;font-size:30px}
.farm-map__description{line-height:1.55}
.farm-map__close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:50%;font-size:24px;cursor:pointer;background:#eef3f0;padding:0}
.farm-map__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.farm-map__open{display:inline-block;text-decoration:none;padding:12px 16px;border-radius:10px;font-weight:700;background:var(--farm-green);color:#fff!important}
.farm-map__open[hidden]{display:none!important}
@media(max-width:850px){.farm-map__layout{grid-template-columns:1fr}.farm-map__legend{order:-1}.farm-map__region-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.farm-map__layout{padding:12px}.farm-map__region-list{grid-template-columns:1fr}.farm-map__hotspot{width:29px;height:29px}.farm-map__card h3{font-size:24px}}