/* Форма «Заказать». Сетка #do и #works не перестраивается:
   те же колонки, minmax(0, 1fr) не даёт карточке раздвинуть страницу. */
#order{scroll-margin-top:84px}
#order-ok{scroll-margin-top:84px}
#do .feat{
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  min-width:0;
}
#works .gal{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%;
  min-width:0;
  overflow-x:visible;
  scroll-snap-type:none;
}
#do .f,#works .it,#works .gal .it{min-width:0}
@media(max-width:860px){
  #do .feat{grid-template-columns:repeat(2,minmax(0,1fr))}
  #works .gal{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  #do .feat{grid-template-columns:minmax(0,1fr)}
  #works .gal{grid-template-columns:minmax(0,1fr)!important}
}

.order-form{
  max-width:720px;
  margin-top:34px;
  display:grid;
  gap:8px;
  min-width:0;
}
.order-form label{font-size:14px;color:#333}
.order-form input[type="text"],.order-form textarea{
  width:100%;
  max-width:100%;
  min-width:0;
  font:inherit;
  font-weight:300;
  font-size:16px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
  color:#111;
}
.order-form textarea{min-height:150px;resize:vertical}
.order-form input:focus,.order-form textarea:focus{
  outline:2px solid rgba(255,100,26,.35);
  border-color:#ff641a;
}
.order-check{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin:12px 0 4px;
  font-size:15px;
  line-height:1.55;
  color:#333;
}
.order-check input{margin-top:4px;width:18px;height:18px;flex:none}
.order-note,.order-alt{color:#777;font-size:15px;line-height:1.55;max-width:720px}
.order-alt{margin-top:22px}
.order-alt a{color:#ff641a}
button.pill{font:inherit;cursor:pointer;border:0}
button.pill:disabled{opacity:.55;transform:none;box-shadow:none;cursor:default}
.order-status{margin:12px 0 0;font-size:15px;line-height:1.5;max-width:720px}
.order-status.err{color:#9a3412}
.order-status.wait{color:#555}
#order-ok{
  margin-top:16px;
  padding:16px 18px;
  border-radius:16px;
  background:#f3faf4;
  border:1px solid #cfe8d4;
  color:#14532d;
  max-width:720px;
}
#order-ok[hidden]{display:none!important}
#order-ok p{margin:0 0 8px}
#order-ok p:last-child{margin:0}
.order-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}