/* Button / Card / Input / Tabs patterns adapted from the installed shadcn/ui kit.
   Scoped to GRONN. Lucide SVG icons are compiled at build time (ISC license alongside). */
body.gronn{--gr-ring:#1749ed;--gr-border:#dce5f1;--gr-surface:#f2f5fa;--gr-foreground:#112b51;--gr-radius:16px}
body.gronn .gr-btn{border-radius:9px;font-weight:500;gap:12px;transition:background .18s,box-shadow .18s,border-color .18s;box-shadow:0 1px 2px #14315c08}
body.gronn .gr-btn:focus-visible,body.gronn input:focus-visible,body.gronn select:focus-visible,body.gronn textarea:focus-visible{outline:0;box-shadow:0 0 0 3px #1749ed30;border-color:var(--gr-ring)}
body.gronn .gr-btn svg{flex-shrink:0;width:20px;height:20px}.gr-card,.gr-map-card,.gr-news-card{transition:border-color .18s,box-shadow .18s}.gr-card:hover,.gr-map-card:hover,.gr-news-card:hover{border-color:#adc0e6;box-shadow:0 10px 32px #0d31550a}
body.gronn .gr-card h3 a{color:#153359}.gr-card-copy{padding:24px}.gr-card-photo{background:linear-gradient(145deg,#f4f6fa,#eaf0f7)}.gr-filter{border:1px solid #e0e7f2;background:#f6f8fc}.gr-status{background:#ecf1f8!important;color:#163458!important;border-radius:7px!important;font-size:13px!important;padding:7px 11px!important}
/* Menus are anchored to their own trigger, never the far edge of the header. */
@media(min-width:1200px){body.gronn .gr-context-menu{position:relative}body.gronn .gr-context-menu>.gr-company-menu{position:absolute;top:calc(100% + 9px)!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:390px;max-width:calc(100vw - 32px);padding:12px;border:1px solid #dce5f1;border-radius:16px;box-shadow:0 18px 55px #0d2f5626;gap:3px;z-index:90}body.gronn .gr-context-menu[open]>summary{background:#edf3ff;border-color:transparent;color:#1344df;box-shadow:none}}
body.gronn .gr-company-menu .gr-menu-caption{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7a89a2;margin:6px 12px 10px}
body.gronn .gr-company-menu>a{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px;border-radius:10px;color:#132e53;background:transparent;line-height:1.3;transition:background .15s}
body.gronn .gr-company-menu>a:hover,body.gronn .gr-company-menu>a:focus-visible{background:#f0f5ff;outline:0;color:#1643db}.gr-menu-icon{display:grid;place-items:center;width:38px;height:38px;background:#eef3fb;border-radius:10px;color:#1845dc}.gr-company-menu a>svg{width:16px;height:16px;color:#7388ae}.gr-company-menu strong{display:block;font-size:14px;font-weight:600}.gr-company-menu small{display:block;font-size:11px;color:#72819a;margin-top:4px;font-weight:400}
/* Product gallery: shared frame for photos, uploaded video and existing embeds. */
.gr-media{width:100%;min-width:0;margin-bottom:24px}.gr-media-tabs{display:flex;align-items:center;gap:6px;background:#eef3fa;border:1px solid #e2e9f4;padding:5px;border-radius:12px;margin-bottom:18px;width:max-content;max-width:100%}.gr-media-tabs button{display:flex;gap:9px;align-items:center;justify-content:center;border:0;background:transparent;color:#5c6f8c;padding:10px 18px;font-size:14px;font-weight:500;border-radius:8px;min-height:42px;white-space:nowrap}.gr-media-tabs button[aria-selected=true]{background:white;color:#1243dd;box-shadow:0 2px 5px #193b6412}.gr-media-tabs svg{width:18px;height:18px}.gr-media-tabs button>span{font-size:11px;color:#8291aa}
.gr-media-view{position:relative;aspect-ratio:1.52;background:linear-gradient(135deg,#f0f2f6,#e5eaf1);overflow:hidden;border-radius:30px;isolation:isolate}.gr-media-view>img{width:100%;height:100%;object-fit:contain;display:block}.gr-media[data-media-mode=photo] .gr-media-view{clip-path:polygon(0 0,92% 0,100% 12%,100% 100%,0 100%)}.gr-media-view video,.gr-media-view iframe{display:block;width:100%!important;height:100%!important;min-height:100%;border:0;background:#0b182d}.gr-media-view>div{height:100%}.gr-media-play{position:absolute;inset:0;border:0;padding:0;background:#0c1e37;width:100%;height:100%;cursor:pointer}.gr-media-play>img{display:block;width:100%;height:100%;object-fit:cover;opacity:.85}.gr-media-play>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#1244e8;border:5px solid #ffffff36;width:76px;height:76px;border-radius:50%;color:white;box-shadow:0 6px 30px #061c5240}.gr-media-play svg{width:32px;height:32px}.gr-media-expand{position:absolute;right:20px;bottom:20px;width:40px;height:40px;background:white;border:1px solid #d9e3f0;border-radius:50%;color:#1746db;font-size:24px}
.gr-media-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:12px 0}.gr-media-controls button{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #dbe4f2;background:white;color:#1643df}.gr-media-controls button:disabled{opacity:.35;cursor:default}.gr-media-controls p{margin:0;font-size:12px;color:#607390}.gr-media-thumbnails{display:flex;gap:12px;overflow:auto;padding:3px 2px 8px;scrollbar-width:thin}.gr-media-thumbnails button{position:relative;flex:0 0 calc((100% - 36px)/4);min-width:70px;aspect-ratio:1.52;border:2px solid transparent;padding:0;background:#edf2f9;border-radius:14px;overflow:hidden}.gr-media-thumbnails button[aria-pressed=true]{border-color:#1042ef;box-shadow:0 0 0 2px white inset}.gr-media-thumbnails img{display:block;width:100%;height:100%;object-fit:cover}.gr-media-thumbnails button>span{position:absolute;inset:0;display:grid;place-items:center;color:white;background:#0d2d5422}.gr-media-thumbnails svg{width:30px;height:30px;filter:drop-shadow(0 2px 5px #142a4b)}.gr-media-lightbox>img{max-width:100%;max-height:85vh;object-fit:contain}.gr-media-lightbox{padding:30px!important}
/* Overview composition, using original editorial content and verified manual data. */
.gr-overview{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);gap:40px;margin:16px 0 40px;align-items:start}.gr-overview-copy h2{color:#1242df!important;font-size:clamp(28px,3.1vw,48px)!important;line-height:1.06!important;font-weight:600!important;letter-spacing:-.8px;margin:0 0 18px!important}.gr-overview-copy>p{color:#233957;font-size:15px!important;line-height:1.6!important;text-align:left!important;margin-bottom:22px}.gr-overview-benefit{margin:0 0 12px;border:0;padding:12px 0 12px 52px;position:relative}.gr-overview-benefit:before{content:'✓';position:absolute;left:0;top:9px;width:38px;height:38px;border-radius:10px;background:#eaf0f9;color:#1545e5;display:grid;place-items:center;font-size:23px}.gr-overview-benefit summary{font-size:16px;font-weight:600;line-height:1.4;color:#123058;cursor:pointer}.gr-overview-benefit>div{font-size:14px!important;line-height:1.6;color:#60718d;padding-top:12px}.gr-overview-benefit .gr-benefit-text,.gr-overview-benefit p{font:inherit!important;text-align:left!important}.gr-overview-photos{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.gr-overview-photos .gr-node-photo{max-width:100%!important;width:100%!important;flex:none!important;padding:0!important;margin:0!important}.gr-overview-photos .gr-node-open{border-radius:24px!important;aspect-ratio:1.3!important;overflow:hidden}.gr-overview-photos .gr-node-photo:last-child .gr-node-open{clip-path:polygon(0 0,88% 0,100% 15%,100% 100%,0 100%)}.gr-overview-photos .text-os{font-size:12px!important;color:#72819a;padding:8px 0 0!important;font-weight:400!important}.gr-overview-table{overflow:auto;border:1px solid #dce5f1;border-radius:14px;max-width:100%}.gr-overview-table .gr-table-wrap{margin:0!important;border:0;border-radius:0}.gr-overview-table table{min-width:540px!important;margin:0}.gr-overview-table th,.gr-overview-table td{font-size:14px!important;text-align:left;padding:14px 16px!important;white-space:normal!important;min-width:130px}.gr-overview-table th:first-child{min-width:210px}.gr-overview-table thead th{background:#e3ecf6!important;color:#1242df;font-weight:600}.gr-overview-table tbody th{font-weight:400;color:#233957}.gr-overview-full{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:13px;margin-top:12px}.gr-overview-full svg{width:18px;height:18px}.gr-node-gallery .gr-node-open{border-radius:22px!important}.gr-benefits-grid{gap:18px!important}.gr-benefit{border-radius:16px!important;box-shadow:none!important;background:#f6f8fc!important}
/* Dealer finder: map behind a compact country/search/selected-dealer panel. */
.gr-map-hero{position:relative;border-radius:24px;overflow:hidden;background:#edf3fb;margin:20px 0 44px;border:1px solid #e0e8f4}.gr-map-hero .gr-map-heading{position:absolute;left:30px;top:28px;z-index:500;margin:0;display:block;max-width:370px;pointer-events:none}.gr-map-hero .gr-map-heading h1{font-size:38px!important;line-height:1.05!important;margin:0 0 10px!important}.gr-map-hero .gr-map-heading p{font-size:14px;line-height:1.35;margin:0;color:#253c60}.gr-map-hero .gr-map-heading>a{display:none}.gr-map-hero .gr-map-layout{display:block!important;position:relative;margin:0!important;border:0;border-radius:0;overflow:visible}.gr-map-hero .gr-map-stage{height:600px!important;min-height:600px!important;width:100%;border:0!important}.gr-map-hero .gr-map-sidebar{position:absolute;left:28px;top:155px;z-index:500;display:block!important;grid-template-columns:none!important;background:white;width:370px;max-width:calc(100% - 56px);border-radius:18px;padding:20px!important;box-shadow:0 10px 40px #183d6b12;border:1px solid #e4ebf5}.gr-map-hero .gr-country-tabs{display:flex;flex-wrap:nowrap;gap:0;overflow:auto;border-bottom:1px solid #e0e7f1;margin-bottom:14px}.gr-map-hero .gr-country-tabs button{font-size:12px!important;border-radius:0!important;padding:9px 10px!important;background:white!important;border:0!important;border-bottom:2px solid transparent!important;color:#213b60!important;white-space:nowrap}.gr-map-hero .gr-country-tabs button[aria-pressed=true]{color:#1243e7!important;border-bottom-color:#1243e7!important}.gr-map-hero .gr-map-search{font-size:0!important;display:block!important;margin:0}.gr-map-hero .gr-map-search input{min-height:42px!important;margin:0;padding:10px 12px;font-size:14px!important;background:#f5f7fb;border:1px solid #d7e1ef}.gr-map-hero [data-map-count]{font-size:11px;margin:10px 0;color:#7c8ba2}.gr-map-selected{padding-top:14px;border-top:1px solid #e1e8f3}.gr-dealer-label{display:inline-block;background:#dafa62;color:#22373f;border-radius:4px;font-size:10px;padding:4px 7px;margin-bottom:10px}.gr-map-selected h3{font-size:18px!important;line-height:1.25!important;margin:0 0 7px!important;color:#17335b!important}.gr-map-selected>p{font-size:12px;line-height:1.4;color:#647895;margin:0 0 10px}.gr-map-selected-phone{font-size:14px;font-weight:600;display:block;margin-bottom:14px}.gr-map-selected>div{display:flex;gap:10px}.gr-map-selected .gr-btn{flex:1;padding:9px!important;min-height:36px!important;font-size:13px!important}.gr-map-hero .gr-map-reset{left:auto;right:18px;top:18px;font-size:12px}.gr-map-hero .leaflet-control-zoom{margin-top:70px}.gr-map-hero .gr-map-note{left:auto;right:8px;max-width:calc(100% - 440px);font-size:10px}.gr-map-pin>span{width:28px!important;height:28px!important;border-radius:50% 50% 50% 4px!important;transform:rotate(-45deg);background:#1445e5!important;border:3px solid white!important;box-shadow:0 3px 8px #10358330!important;display:grid;place-items:center;color:white}.gr-map-pin i{width:7px;height:7px;background:white;border-radius:50%;display:block}.gr-map-pin span{font-size:11px}
@media(max-width:1199px){body.gronn .gr-context-menu>.gr-company-menu{position:static!important;transform:none!important;width:100%!important;max-width:none;padding:8px;border-radius:12px;box-shadow:none}.gr-company-menu>a{grid-template-columns:34px minmax(0,1fr) 16px!important}.gr-overview{gap:24px}.gr-media-tabs button{padding:9px 12px}.gr-map-hero .gr-map-heading h1{font-size:32px!important}}
@media(max-width:900px){.gr-map-hero{overflow:hidden}.gr-map-hero .gr-map-heading{position:static;padding:24px 22px 16px;max-width:none}.gr-map-hero .gr-map-sidebar{position:static;width:auto;max-width:none;margin:0 18px 18px;padding:18px!important}.gr-map-hero .gr-map-stage{height:360px!important;min-height:360px!important}.gr-map-hero .gr-map-note{max-width:calc(100% - 20px);left:10px;right:10px}.gr-map-hero .gr-map-reset{top:10px}.gr-map-hero .gr-map-heading p{max-width:500px}.gr-map-hero .gr-map-layout{display:flex!important;flex-direction:column!important}.gr-map-hero .gr-map-sidebar{order:0}.gr-map-hero .gr-map-stage{order:1}.gr-overview{grid-template-columns:1fr}.gr-overview-copy h2{max-width:650px}.gr-overview-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.gr-overview-benefit{padding-left:0;padding-top:50px}.gr-overview-benefit:before{top:0}.gr-overview-photos .gr-node-open{aspect-ratio:1.5!important}}
@media(max-width:767px){.gr-media-tabs{width:100%;margin-bottom:12px}.gr-media-tabs button{flex:1;padding:8px 10px;font-size:13px;gap:6px}.gr-media-tabs svg{width:16px;height:16px}.gr-media-view{border-radius:22px;aspect-ratio:1.25}.gr-media-thumbnails{gap:8px}.gr-media-thumbnails button{flex-basis:calc((100% - 24px)/4);border-radius:10px}.gr-media-controls{margin:8px 0}.gr-overview{gap:24px;margin:15px 0 30px}.gr-overview-copy h2{font-size:32px!important}.gr-overview-benefits{display:block}.gr-overview-benefit{padding:10px 0 10px 50px}.gr-overview-benefit:before{top:6px}.gr-overview-photos{gap:12px}.gr-overview-photos .gr-node-open{border-radius:16px!important;aspect-ratio:1.1!important}.gr-overview-table th,.gr-overview-table td{font-size:12px!important;padding:11px!important}.gr-map-hero .gr-map-heading h1{font-size:31px!important}.gr-map-hero .gr-map-sidebar{margin:0 12px 12px}.gr-map-hero{border-radius:18px}.gr-map-hero .gr-country-tabs button{font-size:12px!important;flex:1;padding:8px!important}.gr-company-menu small{font-size:11px}}
@media(prefers-reduced-motion:reduce){body.gronn .gr-btn,.gr-card,.gr-map-card,.gr-news-card{transition:none}}


.gr-overview-benefit:before{display:none}.gr-overview-icon{position:absolute;left:0;top:9px;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf0f9;color:#1545e5}.gr-overview-icon svg{width:22px;height:22px}.gr-overview-benefit summary{list-style:none}.gr-overview-benefit summary::-webkit-details-marker{display:none}.gr-overview-benefit summary:after{content:'+';float:right;color:#6e84a6;margin-left:12px;font-size:18px;font-weight:400}.gr-overview-benefit[open] summary:after{content:'−'}@media(min-width:768px) and (max-width:900px){.gr-overview-icon{top:0}}

.gr-media-thumbnails video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.gr-preview-unavailable:after{content:"Превью недоступно · Смотреть видео";position:absolute;bottom:24px;left:20px;right:20px;text-align:center;color:white;font-size:14px}
