#sewingPanel{
  max-width:1320px;
  margin:0 auto 48px;
  padding:0 18px;
}

#sewingPanel .panel-header{
  margin:0 0 18px;
  padding:22px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,190,90,.14),rgba(212,175,55,.08));
  border:1px solid rgba(255,190,90,.28);
  box-shadow:0 18px 45px rgba(0,0,0,.25);
}

#sewingPanel .panel-header h2{
  margin:8px 0 10px;
  font-size:32px;
}

#sewingPanel .sewing-grid{
  display:grid !important;
  grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) minmax(360px,.9fr);
  gap:18px;
  align-items:start;
}

#sewingPanel .card{
  margin:0;
  padding:20px;
  border-radius:24px;
  background:rgba(7,24,20,.96);
  border:1px solid rgba(212,175,55,.18);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}

#sewingPanel .card h3{
  margin:0 0 16px;
  font-size:21px;
}

#sewingPanel label{
  display:block;
  margin:12px 0 6px;
  color:#a8c8bf;
  font-weight:900;
}

#sewingPanel input,
#sewingPanel select{
  width:100%;
  box-sizing:border-box;
  min-height:44px;
  border-radius:13px;
  padding:10px 12px;
}

#sewingPanel .sewing-result-card{
  grid-column:3;
  grid-row:1 / span 2;
  position:sticky;
  top:18px;
  border-color:rgba(255,190,90,.45);
  background:linear-gradient(135deg,rgba(255,190,90,.13),rgba(7,24,20,.98));
}

#sewingPanel .table-row{
  padding:14px 0;
  border-bottom:1px solid rgba(212,175,55,.13);
}

#sewingPriceResult,
#sewingTotalResult{
  font-size:1.45rem;
  color:#fff3c4;
}

#sewingPanel button{
  margin-top:12px;
  margin-right:8px;
}

@media(max-width:1200px){
  #sewingPanel .sewing-grid{
    grid-template-columns:1fr 1fr;
  }

  #sewingPanel .sewing-result-card{
    grid-column:1 / -1;
    grid-row:auto;
    position:relative;
    top:auto;
  }
}

@media(max-width:760px){
  #sewingPanel .sewing-grid{
    grid-template-columns:1fr;
  }
}