.page-id-130105 .l-canvas.type_wide {background: #F5F5F5;}
.sw-order-form{
  --sw-bg:#F5F5F5;
  --sw-white:#FFFFFF;
  --sw-navy:#182A38;
  --sw-navy-deep:#0F1D28;
  --sw-ink:#20303B;
  --sw-ink-soft:#5A6B74;
  --sw-orange:#CF5B19;
  --sw-orange-deep:#B44A12;
  --sw-line:#E1E1E1;
  --sw-good:#3E8C5E;

  background:var(--sw-bg);
  color:var(--sw-ink);
  
  font-size:14.5px;
  line-height:1.55;
}
.sw-order-form *{ box-sizing:border-box; }
.sw-order-form h1,.sw-order-form h2,.sw-order-form h3,.sw-order-form h4{  margin:0; }
.sw-order-form a{ color:inherit; }

.sw-order-form .btn-outline{
  border:1px solid var(--sw-navy);
  color:var(--sw-navy);
  background:none;
  padding:9px 16px;
  font-size:12.5px;
  
  font-weight:500;
  border-radius:2px;
  cursor:pointer;
  text-decoration:none;
}
.sw-order-form .btn-outline:hover{ background:var(--sw-navy); color:#fff; }
.sw-order-form .btn-solid{
  background:var(--sw-orange);
  color:#fff;
  border:1px solid var(--sw-orange);
  padding:9px 18px;
  font-size:12.5px;
  
  font-weight:600;
  border-radius:2px;
  cursor:pointer;
  text-decoration:none;
  display:inline-block;
}
.sw-order-form .btn-solid:hover{ background:var(--sw-orange-deep); border-color:var(--sw-orange-deep); }
.sw-order-form .btn-solid:disabled{ opacity:0.6; cursor:not-allowed; }

.sw-order-form .page-head{
  max-width:1180px;
  margin:0 auto;
  padding:28px 24px 6px 24px;
}
.sw-order-form .crumb{
  font-size:12px;
  color:var(--sw-ink-soft);
  margin-bottom:10px;
}
.sw-order-form .crumb a{ color:var(--sw-ink-soft); text-decoration:none; }
.sw-order-form .crumb a:hover{ text-decoration:underline; }
.sw-order-form .page-head h1{
  font-size:30px;
  font-weight:600;
  color:var(--sw-navy);
}
.sw-order-form .page-head .lede{
  margin-top:8px;
  color:var(--sw-ink-soft);
  font-size:14px;
  max-width:70ch;
}
@media (max-width:640px){
  .sw-order-form .page-head{ padding:20px 16px 4px 16px; }
  .sw-order-form .page-head h1{ font-size:23px; }
  .sw-order-form .page-head .lede{ font-size:13px; }
}

.sw-order-form .stepper-wrap{
  max-width:1180px;
  margin:22px auto 0 auto;
  padding:0 24px;
}
.sw-order-form .stepper{
  display:flex;
  gap:1px;
  background:var(--sw-line);
  border:1px solid var(--sw-line);
  overflow-x:auto;
}
.sw-order-form .step{
  flex:1 1 0;
  min-width:130px;
  background:var(--sw-white);
  padding:12px 14px;
  font-size:12.5px;
  color:var(--sw-ink-soft);
  cursor:pointer;
  white-space:nowrap;
  border-bottom:3px solid transparent;
}
@media (max-width:640px){
  .sw-order-form .stepper-wrap{ padding:0 16px; }
  .sw-order-form .step{
    white-space:normal;
    min-width:96px;
    padding:10px 8px;
    font-size:11.5px;
  }
}
@media (max-width:400px){
  .sw-order-form .step{ min-width:78px; padding:8px 6px; font-size:11px; }
}
.sw-order-form .step .n{

  font-weight:600;
  color:var(--sw-navy);
  display:block;
  font-size:11px;
  margin-bottom:2px;
}
.sw-order-form .step.active{ border-bottom-color:var(--sw-orange); }
.sw-order-form .step.active .n{ color:var(--sw-orange); }
.sw-order-form .step.done{ border-bottom-color:var(--sw-good); }

.sw-order-form .wrap{
  max-width:1180px;
  margin:0 auto;
  padding:22px 24px 70px 24px;
  display:grid;
  grid-template-columns:1fr 300px;
  gap:24px;
}
@media (max-width:900px){
  .sw-order-form .wrap{ grid-template-columns:1fr; padding:16px 16px 50px 16px; }
}

.sw-order-form section.card{
  background:var(--sw-white);
  border:1px solid var(--sw-line);
  border-radius:3px;
  margin-bottom:20px;
  display:none;
}
.sw-order-form section.card.active{ display:block; }

.sw-order-form .card-head{
  padding:20px 24px 14px 24px;
  border-bottom:1px solid var(--sw-line);
}
.sw-order-form .card-head h2{
  font-size:18px;
  font-weight:600;
  color:var(--sw-navy);
}
.sw-order-form .card-head p{
  margin:4px 0 0 0;
  font-size:12.5px;
  color:var(--sw-ink-soft);
}
.sw-order-form .card-body{ padding:22px 24px 26px 24px; }
@media (max-width:640px){
  .sw-order-form .card-head{ padding:16px 16px 12px 16px; }
  .sw-order-form .card-head h2{ font-size:16px; }
  .sw-order-form .card-body{ padding:16px 16px 20px 16px; }
}

.sw-order-form .grid2{ display:grid; grid-template-columns:1fr 1fr; gap:16px 22px; }
@media (max-width:640px){ .sw-order-form .grid2{ grid-template-columns:1fr; } }

.sw-order-form .field label{
  display:block;
  font-size:11.5px;
  font-weight:500;
  color:var(--sw-ink-soft);
  margin-bottom:6px;
  
}
.sw-order-form .field input, .sw-order-form .field select, .sw-order-form .field textarea{
  width:100%;
  /* padding:9px 10px; */
  border:1px solid #CBCBCB;
  border-radius:2px;
  
  font-size:13.5px;
  background:#FAFAFA;
  color:var(--sw-ink);
}
.sw-order-form .field input::placeholder{ color:#A6A6A6; }
.sw-order-form .field input:focus, .sw-order-form .field select:focus, .sw-order-form .field textarea:focus{
  outline:2px solid var(--sw-orange);
  outline-offset:1px;
  border-color:var(--sw-orange);
  background:#fff;
}
.sw-order-form .field.wide{ grid-column:1/-1; }
.sw-order-form .field input.field-invalid,
.sw-order-form .field select.field-invalid{
  border-color:#B23A2E;
  background:#FCEDEC;
}
.sw-order-form .field input[readonly]{
  background:#ECECEC;
  color:var(--sw-ink-soft);
  cursor:not-allowed;
}
.sw-order-form .field-hint{
  margin-top:6px;
  font-size:11.5px;
  color:var(--sw-ink-soft);
}
.sw-order-form .field input.field-invalid + .field-hint{
  color:#B23A2E;
}

.sw-order-form .divider-label{
  grid-column:1/-1;
  
  font-size:13px;
  font-weight:600;
  color:var(--sw-navy);
  border-top:1px solid var(--sw-line);
  padding-top:16px;
  margin-top:4px;
  text-transform:uppercase;
  letter-spacing:0.04em;
}
.sw-order-form .divider-label span{ text-transform:none; font-weight:400; color:var(--sw-ink-soft); font-size:12px; letter-spacing:normal; }

.sw-order-form .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.sw-order-form table.order-table{ width:100%; border-collapse:collapse; min-width:760px; }
.sw-order-form table.order-table th{
  text-align:left;
  font-size:10.5px;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:var(--sw-ink-soft);
  padding:0 8px 8px 0;
  border-bottom:2px solid var(--sw-navy);
  font-weight:600;

}
.sw-order-form table.order-table td{ padding:7px 8px 7px 0; vertical-align:top; }
.sw-order-form table.order-table td input, .sw-order-form table.order-table td select{
  width:100%;
  /* padding:7px 8px; */
  border:1px solid #CBCBCB;
  border-radius:2px;
  font-size:13px;

  background:#FAFAFA;
}
.sw-order-form table.order-table td.ref-cell{

  font-size:12px;
  font-weight:500;
  color:var(--sw-navy);
  white-space:nowrap;
  padding-top:9px;
  vertical-align: middle;
}
.sw-order-form table.order-table td.qty{ width:70px; }
.sw-order-form table.order-table td.rm{ width:32px; text-align:center; }
.sw-order-form .auto-sealant-product{ display:block; width:100%; }
.sw-order-form .auto-sealant-note{
  display:block;
  margin-top:4px;
  font-size:11.5px;
  color:var(--sw-ink-soft);
  white-space:normal;
}

/* Below 640px, each row becomes a stacked card instead of a horizontally-scrolling
   table row — dropdowns stay full-width and usable instead of being squeezed. */
@media (max-width:640px){
  .sw-order-form .table-wrap{ overflow-x:visible; }
  .sw-order-form table.order-table{ min-width:0; }
  .sw-order-form table.order-table thead{ display:none; }
  .sw-order-form table.order-table, .sw-order-form table.order-table tbody{ display:block; width:100%; }
  .sw-order-form table.order-table tr{
    display:block;
    position:relative;
    background:var(--sw-white);
    border:1px solid var(--sw-line);
    border-radius:3px;
    padding:10px;
    margin-bottom:10px;
  }
  .sw-order-form table.order-table td{
    display:flex;
    align-items:center;
    gap:10px;
    padding:6px 0;
    width:100%;
  }
  .sw-order-form table.order-table td:has(.auto-sealant-product){ align-items:flex-start; }
  .sw-order-form table.order-table td[data-label]::before{
    content:attr(data-label);
    flex:0 0 100px;
    font-size:10.5px;
    text-transform:uppercase;
    letter-spacing:0.05em;
    color:var(--sw-ink-soft);
    font-weight:600;
    padding-top:2px;
  }
  .sw-order-form table.order-table td input, .sw-order-form table.order-table td select{
    font-size:13px;
    width:auto;
    flex:1 1 auto;
  }
  .sw-order-form table.order-table td .auto-sealant-product{
    flex:1 1 auto;
    min-width:0;
  }
  .sw-order-form table.order-table td .auto-sealant-product select{ width:100%; }
  .sw-order-form table.order-table td.ref-cell{
    padding-top:6px;
    border-bottom:1px solid var(--sw-line);
    margin-bottom:4px;
    font-weight:600;
  }
  .sw-order-form table.order-table td.qty{ width:100%; }
  .sw-order-form table.order-table td.qty input{ max-width:90px; }
  .sw-order-form table.order-table td.rm{
    position:absolute;
    top:8px;
    right:6px;
    width:auto;
    padding:0;
  }
}
.sw-order-form .rm-btn{
  border:none; background:none; color:#B23A2E; cursor:pointer; font-size:16px; line-height:1; padding:6px;
}
.sw-order-form .rm-btn:hover{ color:#8A2C22; }

.sw-order-form .add-row-btn{
  margin-top:12px;
  background:none;
  border:1.5px dashed var(--sw-navy);
  color:var(--sw-navy);
  padding:9px 18px;
  border-radius:2px;
  font-size:12.5px;
  /*  */
  font-weight:500;
  cursor:pointer;
}
.sw-order-form .add-row-btn:hover{ background:#EEF2F4; }

.sw-order-form .note{
  margin-top:14px;
  font-size:12px;
  color:var(--sw-ink-soft);
  border-left:3px solid var(--sw-orange);
  padding:4px 0 4px 10px;
}

.sw-order-form .nav-buttons{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:16px 24px;
  border-top:1px solid var(--sw-line);
}
@media (max-width:480px){
  .sw-order-form .nav-buttons{
    flex-direction:column-reverse;
    padding:14px 16px;
  }
  .sw-order-form .nav-buttons .btn-solid,
  .sw-order-form .nav-buttons .btn-outline{
    width:100%;
    text-align:center;
  }
}

.sw-order-form aside.board{
  position:sticky;
  top:20px;
  align-self:start;
  background:var(--sw-navy);
  color:#fff;
  border-radius:3px;
  padding:22px;
  max-height:calc(100vh - 40px);
  overflow-y:auto;
}
@media (max-width:900px){
  .sw-order-form aside.board{
    position:static;
    max-height:none;
    padding:18px;
  }
}
.sw-order-form .board h3{color:#fff; font-size:16px; font-weight:600; margin-bottom:4px; }
.sw-order-form .board .board-sub{ font-size:11.5px; color:#9FB0B8; margin-bottom:16px; }
.sw-order-form .board-notice{
  background:rgba(207,91,25,0.16);
  border:1px solid var(--sw-orange);
  border-radius:2px;
  padding:10px 12px;
  font-size:12px;
  line-height:1.5;
  color:#F5DCC9;
  margin-bottom:16px;
}
.sw-order-form .board-notice b{ color:var(--sw-orange); }
.sw-order-form .board-total{
  display:flex; align-items:baseline; gap:8px;
  padding:12px 0; border-top:1px solid rgba(255,255,255,0.15); border-bottom:1px solid rgba(255,255,255,0.15);
  margin-bottom:14px;
}
.sw-order-form .board-total .num{
   
    font-size:32px; font-weight:700; color:var(--sw-orange); }
.sw-order-form .board-total .lbl{ font-size:11px; color:#B7C6CC; text-transform:uppercase; letter-spacing:0.06em; }
.sw-order-form .swatch-group{ margin-bottom:14px; }
.sw-order-form .swatch-group h4{ font-size:10.5px; text-transform:uppercase; letter-spacing:0.06em; color:#8FA3AB; margin:0 0 8px 0;  }
.sw-order-form .swatch{ display:flex; justify-content:space-between; gap:8px; font-size:12px; padding:6px 0; border-bottom:1px solid rgba(255,255,255,0.08); color:#E7EDEF; }
.sw-order-form .swatch .name{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sw-order-form .swatch .qty{ font-weight:600; color:var(--sw-orange); flex:none; }
.sw-order-form .swatch-empty{ font-size:12px; color:#6E838B; }
.sw-order-form .board-cta{
  display:block;
  width:100%;
  text-align:center;
  margin-top:6px;
  background:var(--sw-orange);
  color:#fff;
  border:none;
  padding:11px 0;
  
  font-weight:600;
  font-size:13px;
  border-radius:2px;
  cursor:pointer;
}
.sw-order-form .board-cta:hover{ background:var(--sw-orange-deep); }
.sw-order-form .board-footer{ margin-top:16px; font-size:11px; color:#7E939B; line-height:1.6; }

.sw-order-form .review-block{ margin-bottom:20px; }
.sw-order-form .review-block h4{  font-size:14px; font-weight:600; color:var(--sw-navy); border-bottom:1px solid var(--sw-line); padding-bottom:6px; margin-bottom:8px; }
.sw-order-form .review-row{ display:flex; justify-content:space-between; font-size:12.5px; padding:4px 0; color:var(--sw-ink-soft); }
.sw-order-form .review-row span.v{ color:var(--sw-ink); font-weight:500; }
.sw-order-form .confirm-banner{
  margin-top:18px;
  background:#FCEBDC;
  border:1px solid var(--sw-orange);
  border-radius:2px;
  padding:16px 18px;
  font-size:13px;
  color:var(--sw-navy);
  display:none;
}
.sw-order-form .confirm-banner.show{ display:block; }
.sw-order-form .confirm-banner b{ color:var(--sw-orange-deep); }