/* Адаптив полосы фактов (От 500 шт. · От 2 дней · Доставка · Дизайн · Яндекс) */

/* 768–1279: все пять в один ряд, иконка над текстом, разделители между колонками */
@media(min-width:768px) and (max-width:1279px){
  .proof-strip.proof-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding-top:24px;padding-bottom:24px}
  .proof-strip.proof-five>div,.proof-strip.proof-five>div:first-child{
    padding:40px 14px 0;min-height:0;border-left:1px solid #99A8B332}
  .proof-strip.proof-five>div:first-child{padding-left:0;border-left:0}
  .proof-strip.proof-five .fact-icon,.proof-strip.proof-five>div:first-child .fact-icon{
    top:0;left:14px;transform:none;width:28px;height:28px}
  .proof-strip.proof-five>div:first-child .fact-icon{left:0}
  .proof-strip.proof-five dt{font-size:17px;line-height:1.25}
  .proof-strip.proof-five dd{font-size:13px;line-height:1.4;margin-top:4px}
}
@media(min-width:1024px) and (max-width:1279px){
  .proof-strip.proof-five>div,.proof-strip.proof-five>div:first-child{padding-right:18px;padding-left:18px}
  .proof-strip.proof-five>div:first-child{padding-left:0}
  .proof-strip.proof-five .fact-icon{left:18px}
  .proof-strip.proof-five dt{font-size:19px}
  .proof-strip.proof-five dd{font-size:14px}
}

/* <768: две колонки, отзывы Яндекса — во всю ширину снизу, отдельной строкой */
@media(max-width:767px){
  .proof-strip.proof-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
  .proof-strip.proof-five dt{font-size:18px}
  .proof-strip.proof-five dd{font-size:13px}
  .proof-strip.proof-five>.review-fact{grid-column:1/-1;display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;
    padding:16px 0 0 44px;border-top:1px solid #99A8B332;border-radius:0;min-height:0}
  .proof-strip.proof-five>.review-fact .fact-icon{top:16px;left:0;width:30px;height:30px}
  .proof-strip.proof-five>.review-fact dd{margin:0}
}

/* О типографии на телефоне: текст сверху, фото станка — отдельной полосой снизу, без наложения */
@media(max-width:767px){
  .factory-about .factory-scene{min-height:0;padding-bottom:250px}
  .factory-about .factory-scene>img{top:auto;bottom:0;height:270px}
  .factory-about .factory-scene::before{background:linear-gradient(180deg,#161D24 0,#161D24 calc(100% - 270px),#161D24B3 calc(100% - 230px),transparent calc(100% - 140px))}
}

/* Попап «Подробнее о типографии» */
dialog[data-panel=about]{width:min(860px,calc(100% - 32px))}
dialog[data-panel=about] .about-lead{font-size:17px;color:#D5DDE3;margin:0 0 26px;max-width:640px}
.about-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px;margin-bottom:28px}
.about-sections section{border-top:1px solid #C6AD7940;padding-top:14px}
.about-sections h3{font:500 17px/1.3 'Golos Text',Arial,sans-serif;color:#D9BF8A;margin:0 0 8px}
dialog[data-panel=about] .about-sections p{font-size:15px;line-height:1.6;margin:0}
.about-cta{margin-top:4px}
@media(max-width:767px){
  .about-sections{grid-template-columns:1fr;gap:18px}
  dialog[data-panel=about] .about-lead{font-size:16px}
  dialog[data-panel=about] .about-sections p{font-size:14px}
}

/* Заголовок над этапами работы (01–06) */
.factory-steps-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 40px;flex-wrap:wrap;margin:64px 0 6px}
.factory-steps-heading h2{font:400 clamp(36px,3.4vw,54px)/1.02 Impact,'Arial Narrow',sans-serif;letter-spacing:.01em;color:#F0F3F5;margin:0}
.factory-steps-heading p{font-size:16px;line-height:1.5;color:#BBC6D0;margin:0;max-width:420px}
@media(max-width:767px){
  .factory-steps-heading{margin:44px 0 4px;display:block}
  .factory-steps-heading h2{font-size:36px;margin-bottom:10px}
  .factory-steps-heading p{font-size:15px}
}