/* Карта стиля. Общие стили в /assets/css/main.css, здесь только специфичное. */
.fields-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.promo-row{display:flex;gap:8px;align-items:stretch}
.promo-row .form-input{flex:1;min-width:0}
.promo-btn{flex-shrink:0;white-space:nowrap;height:auto}

/* Чипсы «что нравится» (та же пластика, что у ответов в разборе кожи) */
.map-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.map-chip{cursor:pointer;position:relative}
.map-chip input{position:absolute;opacity:0;pointer-events:none}
.map-chip-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid rgba(24,21,19,.14);border-radius:999px;background:#fff;font-size:.75rem;font-weight:700;color:var(--black);line-height:1.25;text-align:center;user-select:none;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.map-chip:hover .map-chip-btn{border-color:var(--rose-deep);transform:translateY(-1px)}
.map-chip input:checked + .map-chip-btn{background:var(--black);border-color:var(--black);color:#fff}
.map-chip input:focus-visible + .map-chip-btn{outline:2px solid var(--rose-deep);outline-offset:2px}

/* Подсказка и поле не должны визуально слипаться. */
.map-helper-spacing .form-why + .form-input{margin-top:10px}

/* Свободное описание: фиксированная высота, без ручного растягивания. */
.map-textarea{height:250px;min-height:250px;max-height:250px;resize:none;line-height:1.55;font-family:inherit}
.map-counter{margin-top:6px;text-align:right;color:var(--grey);font-size:.65rem}
.map-counter.is-full{color:var(--error)}

/* Превью страниц (две карточки вместо трёх) */
.service-preview-stack-map .service-preview-back{right:1%;top:11%;transform:rotate(8deg)}
.service-preview-stack-map .service-preview-front{left:10%;top:2%;transform:rotate(-3deg)}

@media(max-width:720px){
  .fields-grid-2col{grid-template-columns:1fr}
  .promo-row{display:grid}
  .promo-btn{width:100%}
}
@media(max-width:520px){
  .map-chips{display:grid;grid-template-columns:1fr 1fr}
  .map-chip-btn{width:100%;height:100%}
}