/* 08 — Сравнение тарифов (Figma 382:3693; mobile 423:5204).
   Desktop: строка = 5 равных колонок, у каждой ячейки верхняя линия и правая
   (кроме стоимости) с разрывами 9px у пересечений, между строками 24px.
   ≤640: каждая строка — карточка с рамкой .seo-cut-образной. */
.fmf2 .seo-compare{--cmp-line:var(--c-line);--cmp-cut:9px}
.fmf2 .seo-compare__title{margin-bottom:40px}
.fmf2 .seo-compare__table{display:block;width:100%;border-collapse:collapse}
.fmf2 .seo-compare__body{display:flex;flex-direction:column;gap:24px}
.fmf2 .seo-compare__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.fmf2 .seo-compare__cell{display:flex;flex-direction:column;gap:8px;padding:24px 24px 0;text-align:left;font-weight:400;
  background:
    linear-gradient(var(--cmp-line),var(--cmp-line)) var(--cmp-cut) 0/calc(100% - 2 * var(--cmp-cut)) 1px no-repeat,
    linear-gradient(var(--cmp-line),var(--cmp-line)) 100% var(--cmp-cut)/1px calc(100% - var(--cmp-cut)) no-repeat}
.fmf2 .seo-compare__name{padding:24px 24px 24px 0;font-size:24px;font-weight:500;line-height:1.2}
.fmf2 .seo-compare__cell--price{padding-right:0;
  background:linear-gradient(var(--cmp-line),var(--cmp-line)) var(--cmp-cut) 0/calc(100% - 2 * var(--cmp-cut)) 1px no-repeat}
.fmf2 .seo-compare__label{font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:rgba(26,26,26,.6)}
.fmf2 .seo-compare__value{font-size:16px;line-height:1.4}
.fmf2 .seo-compare__cell--price .seo-compare__value{font-size:24px;font-weight:500;line-height:1.2;color:var(--c-accent)}

@media (max-width:1024px){
  .fmf2 .seo-compare__row{grid-template-columns:1.1fr repeat(3,minmax(0,1fr)) 1.1fr}
  .fmf2 .seo-compare__cell{padding:20px 16px 0}
  .fmf2 .seo-compare__name{padding:20px 16px 20px 0;font-size:20px}
  .fmf2 .seo-compare__cell--price{padding-right:0}
  .fmf2 .seo-compare__cell--price .seo-compare__value{font-size:20px}
  .fmf2 .seo-compare__label{font-size:12px}
}
@media (max-width:768px){
  .fmf2 .seo-compare__body{gap:0}
  .fmf2 .seo-compare__row{display:flex;flex-direction:column;gap:16px;padding:24px 16px;position:relative;
    background:
      linear-gradient(var(--cmp-line),var(--cmp-line)) var(--cmp-cut) 0/calc(100% - 2 * var(--cmp-cut)) 1px no-repeat,
      linear-gradient(var(--cmp-line),var(--cmp-line)) var(--cmp-cut) 100%/calc(100% - 2 * var(--cmp-cut)) 1px no-repeat,
      linear-gradient(var(--cmp-line),var(--cmp-line)) 0 var(--cmp-cut)/1px calc(100% - 2 * var(--cmp-cut)) no-repeat,
      linear-gradient(var(--cmp-line),var(--cmp-line)) 100% var(--cmp-cut)/1px calc(100% - 2 * var(--cmp-cut)) no-repeat}
  .fmf2 .seo-compare__row + .seo-compare__row{margin-top:-1px}
  .fmf2 .seo-compare__cell,.fmf2 .seo-compare__name,.fmf2 .seo-compare__cell--price{padding:0;background:none}
  .fmf2 .seo-compare__name{font-size:20px}
  .fmf2 .seo-compare__label{font-size:14px}
}
@media (max-width:640px){
  .fmf2 .seo-compare__title{margin-bottom:32px}
}
