/* «Собственное производство» (/custom/) — дополняет site.css: те же токены, кнопки, карточки, полоски и кромка. */

/* направления: карточки как плитки каталога на главной */
.dirs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.dirs>li{display:flex}
.dirs .card{flex:1}
.dirs .card .bd{gap:8px}
.dirs .card .more{margin-top:auto;padding-top:8px;font-size:15px}
.dirs .card.noph{background:var(--teal-bg);border-color:var(--teal-bg)}
.dirs .card.noph .bd{border-top:0;padding-top:30px}
.dirs .card.noph .more{color:var(--teal-t)}
.dirs .card.noph::after{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:linear-gradient(to bottom,var(--ink) 0 4px,#fff 4px 6px,var(--teal) 6px 10px,#fff 10px 12px,var(--ink) 12px)}

/* материалы и параметры */
.opts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.opts div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}
.opts dt{font-weight:600;font-size:18px}
.opts dd{margin:6px 0 0;color:var(--ink2);font-size:16px}

/* порядок работы — список шагов (ol) с теми же кружками, что на главной */
.pr-steps{list-style:none;margin:0;padding:0}

@media (max-width:1100px){
  .dirs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .opts{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .dirs{grid-template-columns:1fr 1fr;gap:12px}
  .dirs .card p{display:block;font-size:14px}
  .dirs .card .more{display:none}
  .opts{grid-template-columns:minmax(0,1fr)}
  .opts div{padding:18px 16px}
}
@media (max-width:480px){
  .dirs .card p{display:none}
  .dirs .card h3{font-size:15px}
}