/* ARCHIVE0 — услуги, гарантии, процесс */

/* ---------- карточки услуг ---------- */
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(14px,1.6vw,20px)}
.service-card::before{
  content:"";position:absolute;left:0;top:clamp(22px,2.4vw,30px);bottom:clamp(22px,2.4vw,30px);width:1px;
  background:linear-gradient(180deg,transparent,var(--acc),transparent);
  opacity:0;transition:opacity .45s ease;
}
.service-card:hover::before{opacity:.85}
.service-card{
  position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);
  padding:clamp(22px,2.4vw,30px);transition:border-color .25s,background .25s,transform .25s;
}
@media (hover:hover){.service-card:hover{border-color:var(--line-strong);background:var(--panel-2);transform:translateY(-3px)}}
.service-card .arrow{position:absolute;top:22px;right:24px;color:var(--mut);transition:color .2s,transform .2s}
.service-card:hover .arrow{color:var(--acc);transform:translate(2px,-2px)}
.service-tag{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-2)}
.service-card h3{margin-top:14px;font-size:clamp(19px,1.7vw,23px);line-height:1.18}
.service-card>p{margin-top:12px;color:var(--txt-dim);font-size:14.5px}
.service-card ul{margin-top:18px;display:grid;gap:9px}
.service-card li{position:relative;padding-left:20px;font-size:14px;color:var(--txt-dim)}
.service-card li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:1px;background:var(--acc)}

/* ---------- инфографика маркетплейсов ---------- */
.mp-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.mp-thumb{
  position:relative;display:flex;flex-direction:column;gap:8px;
  min-height:118px;padding:8px;border-radius:12px;overflow:hidden;
  border:1px solid var(--line);background:linear-gradient(155deg,var(--panel-2),var(--panel) 70%);
  transition:transform .3s ease,border-color .3s ease;
}
@media (hover:hover){.service-card:hover .mp-thumb{border-color:var(--line-strong);transform:translateY(-2px)}}
.mp-thumb::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(135deg,transparent 0 9px,rgba(255,255,255,.03) 9px 18px);
}
.mp-1::after,.mp-2::after,.mp-3::after{content:"";position:absolute;inset:0;mix-blend-mode:screen;opacity:.45;pointer-events:none}
.mp-1::after{background:radial-gradient(circle at 25% 20%,oklch(0.82 0.12 78 / .5),transparent 65%)}
.mp-2::after{background:radial-gradient(circle at 75% 20%,oklch(0.82 0.10 205 / .5),transparent 65%)}
.mp-3::after{background:radial-gradient(circle at 50% 75%,oklch(0.82 0.12 78 / .35),transparent 65%)}

/* Метка площадки и бейдж всегда в две строки: в узкую карточку они рядом
   не помещаются, а перенос «по возможности» давал разную высоту у карточек. */
.mp-top{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.mp-plat{
  font-family:var(--mono);font-size:10px;letter-spacing:.02em;line-height:1.3;
  color:var(--txt-dim);border:1px solid var(--line-strong);padding:3px 6px;border-radius:6px;
  background:oklch(0.11 0.005 80 / .7);white-space:nowrap;
}
.mp-badge{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.01em;line-height:1.3;
  background:var(--acc);color:#151208;padding:3px 7px;border-radius:999px;white-space:nowrap;
}
.mp-badge-off{background:#ff8383;color:#2a0f0f}
.mp-badge-new{background:var(--acc-2);color:#0b1420}

.mp-glyph{
  position:relative;z-index:1;flex:1;display:grid;place-items:center;
  color:var(--acc);opacity:.8;
}
.mp-glyph svg{width:30px;height:30px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.mp-2 .mp-glyph{color:var(--acc-2)}

.mp-price{
  position:relative;z-index:1;font-family:var(--serif);font-size:13px;font-weight:600;color:var(--txt);
  text-align:center;padding-top:7px;border-top:1px solid var(--line);
}

/* ---------- гарантии / процесс ---------- */
.guar-grid,.terms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(14px,1.6vw,20px)}
.guar-card,.terms-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);padding:clamp(20px,2.2vw,26px)}
.guar-num{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--acc)}
.guar-card h3,.terms-card h3{margin-top:14px;font-size:19px}
.guar-card p,.terms-card p{margin-top:10px;font-size:14px;color:var(--txt-dim)}

.process-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(16px,2vw,24px);counter-reset:step}
.process-step{position:relative;padding-top:26px;border-top:1px solid var(--line-strong)}
.process-step::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--acc)}
.process-num{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--acc)}
.process-step h3{margin-top:12px;font-size:19px}
.process-step p{margin-top:10px;font-size:14px;color:var(--txt-dim)}