/* Страница замены стёкол: дополнительные сетки к общей дизайн-системе. */
.glass-options h2 { margin-bottom: 34px; }
.glass-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.glass-type { display: flex; flex-direction: column; align-items: flex-start; border-top: 1px solid var(--line); padding-top: 20px; }
.glass-type-number { color: var(--muted); font-size: 13px; margin-bottom: 28px; }
.glass-type h3 { font-size: clamp(29px, 3vw, 44px); }
.glass-type > p { color: var(--muted); font-size: 19px; margin: 13px 0 24px; max-width: 390px; }
.glass-type .text-link { margin-top: auto; }
.glass-fit { padding-top: 0; }
.glass-fit .craft { margin-top: 0; padding-top: 32px; grid-template-columns: 1.08fr 1fr; gap: clamp(30px, 5vw, 84px); }
.glass-fit .craft img { aspect-ratio: 1.24; object-fit: cover; }
.glass-fit .craft h2 { margin-bottom: 22px; font-size: clamp(34px, 4vw, 62px); }
.glass-specs { margin: 0; }
.glass-specs > div { display: grid; grid-template-columns: minmax(130px, .8fr) 1.3fr; gap: 24px; padding: 15px 0; border-top: 1px solid var(--line); }
.glass-specs dt { font-size: 17px; }
.glass-specs dd { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.45; }
.glass-fit-note { margin-top: 16px; color: var(--muted); font-size: 14px; max-width: 570px; }
.glass-process { padding-top: 0; }
.glass-process .container { padding-top: 32px; border-top: 1px solid var(--line); }
.glass-process h2 { margin-bottom: 31px; }
@media (max-width: 980px) {
  .glass-types { gap: 26px; }
  .glass-type > p { font-size: 17px; }
  .glass-specs > div { grid-template-columns: 1fr; gap: 5px; padding-block: 12px; }
}
@media (max-width: 700px) {
  .glass-options h2 { margin-bottom: 25px; }
  .glass-types { grid-template-columns: 1fr; gap: 27px; }
  .glass-type { padding-top: 16px; }
  .glass-type-number { margin-bottom: 12px; font-size: 12px; }
  .glass-type h3 { font-size: 32px; }
  .glass-type > p { margin-block: 10px 13px; max-width: none; }
  .glass-type .text-link { font-size: 16px; }
  .glass-fit .craft { padding-top: 25px; gap: 24px; }
  .glass-fit .craft img { aspect-ratio: 1.5; }
  .glass-fit .craft h2 { font-size: 37px; margin-bottom: 20px; }
  .glass-specs > div { grid-template-columns: minmax(110px, .8fr) 1.3fr; gap: 15px; padding-block: 13px; }
  .glass-specs dt { font-size: 16px; }
  .glass-specs dd { font-size: 15px; }
  .glass-fit-note { font-size: 14px; line-height: 1.5; margin-top: 15px; }
  .glass-process .container { padding-top: 25px; }
  .glass-process h2 { margin-bottom: 15px; }
}
@media (max-width: 370px) {
  .glass-specs > div { grid-template-columns: 1fr; gap: 5px; }
}