/* =========================================================================
   /geo/ — страница GEO-продвижения. Базовый слой (токены, кнопки, шапка,
   футер) — /home/assets/home.css; здесь только общее для секций /geo/.
   Секционные стили — в assets/css/NN-slug.css.
   ========================================================================= */

/* ---------- общие утилиты секций /geo/ ----------
   .geo-cut — рамка из линий с «разрывами» на углах, как в макете: каждая ячейка
   рисует свои 4 линии с отступом --cut от углов. Соседние ячейки в сетке
   перекрываются на 1px (margin -1px), поэтому общие линии совпадают. */
.fmf2 .geo-cut{--cut:8px;--cut-c:var(--c-line);position:relative}
.fmf2 .geo-cut::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(var(--cut-c),var(--cut-c)) var(--cut) 0/calc(100% - 2 * var(--cut)) 1px no-repeat,
    linear-gradient(var(--cut-c),var(--cut-c)) var(--cut) 100%/calc(100% - 2 * var(--cut)) 1px no-repeat,
    linear-gradient(var(--cut-c),var(--cut-c)) 0 var(--cut)/1px calc(100% - 2 * var(--cut)) no-repeat,
    linear-gradient(var(--cut-c),var(--cut-c)) 100% var(--cut)/1px calc(100% - 2 * var(--cut)) no-repeat}
.fmf2 .geo-nowrap{white-space:nowrap}

/* ---------- управление мобильными лентами (assets/js/slider.js) ----------
   Точки и стрелки под лентой; цвета задаются переменными, у тёмных секций свои. */
.fmf2 .geo-slider__controls{--sl-off:var(--c-line);--sl-line:var(--c-line);
  display:flex;align-items:flex-end;justify-content:space-between;margin-top:24px;
  padding-bottom:16px;border-bottom:1px solid var(--sl-line)}
.fmf2 .geo-slider__controls[hidden]{display:none}
.fmf2 .section--dark .geo-slider__controls{--sl-off:#48474B;--sl-line:#48474B}
.fmf2 .geo-slider__dots{display:flex;align-items:center;gap:6px}
.fmf2 .geo-slider__dot{width:6px;height:6px;padding:0;border:0;background:var(--sl-off);cursor:pointer;transition:width .2s ease,background .2s ease}
.fmf2 .geo-slider__dot.is-active{width:32px;background:var(--c-accent)}
.fmf2 .geo-slider__arrows{display:flex;gap:6px}
.fmf2 .geo-slider__arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;
  background:var(--sl-off);color:#fff;cursor:pointer;transition:background .2s ease}
.fmf2 .geo-slider__arrow .ic-svg{width:24px;height:24px}
.fmf2 .geo-slider__arrow .ic-svg *{stroke:currentColor}
.fmf2 .geo-slider__arrow:hover:not(:disabled){background:var(--c-accent-grad)}
.fmf2 .geo-slider__arrow:disabled{opacity:.45;cursor:default}
@media (prefers-reduced-motion:reduce){
  .fmf2 .geo-slider__dot,.fmf2 .geo-slider__arrow{transition:none}
}