.sswpi{
  --teal:#14c8bd;
  --ink:#111827;
  --muted:#667085;
  --line:#d9ece9;
  max-width:960px;
  margin:0 auto;
  padding:16px 12px 34px;
  color:var(--ink);
  box-sizing:border-box;
}
.sswpi *{box-sizing:border-box}
.sswpi-head{display:flex;align-items:center;gap:10px;margin:4px 0 14px}
.sswpi-head h1{font-size:22px;line-height:1.25;margin:0;font-weight:900;letter-spacing:0}
.sswpi-back{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 11px;font-weight:900;color:#12615c}
.sswpi-product{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 4px 16px rgba(20,80,75,.08);margin-bottom:12px}
.sswpi-image-wrap{background:#f7faf9;border-radius:8px;min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sswpi-image-wrap img{width:100%;height:100%;object-fit:contain;display:block}
.sswpi-product-info p{margin:0 0 5px;color:#12615c;font-weight:900;font-size:12px}
.sswpi-product-info h2{margin:0 0 8px;font-size:17px;line-height:1.35;font-weight:900;letter-spacing:0}
.sswpi-meta{display:flex;flex-wrap:wrap;gap:7px}
.sswpi-meta span{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;background:#effaf8;color:#12615c;padding:5px 9px;font-size:12px;font-weight:900}
.sswpi-form{display:grid;gap:12px}
.sswpi-section{border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px;box-shadow:0 3px 12px rgba(20,80,75,.06)}
.sswpi-section h3{font-size:16px;line-height:1.25;margin:0 0 12px;font-weight:900;letter-spacing:0}
.sswpi label{display:grid;gap:6px;font-size:13px;font-weight:900;color:#1f2937;margin-bottom:10px}
.sswpi input,.sswpi select,.sswpi textarea{width:100%;border:1px solid #cbdedb;border-radius:8px;background:#fff;color:#111827;font-size:16px;line-height:1.35;padding:10px 11px;outline:none}
.sswpi input:focus,.sswpi select:focus,.sswpi textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,200,189,.14)}
.sswpi-label{display:block;font-size:13px;font-weight:900;margin:0 0 7px;color:#1f2937}
.sswpi-size-list{display:grid;gap:7px}
.sswpi-size-row{grid-template-columns:1fr 120px;align-items:center;margin:0!important;border:1px solid #e2efed;border-radius:8px;padding:8px 10px}
.sswpi-size-row span{font-size:13px;font-weight:900}
.sswpi-size-row input{padding:8px 9px;text-align:right}
.sswpi-place-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:9px}
.sswpi-place{border:1px solid #cfe9e4;background:#f7fffd;color:#10413f;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900}
.sswpi-place.is-open{border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,200,189,.12)}
.sswpi-place.is-selected{background:var(--teal);border-color:var(--teal);color:#fff}
.sswpi-price-panel{display:grid;gap:9px}
.sswpi-price-panel:empty{display:none}
.sswpi-price-panel>strong{font-size:13px}
.sswpi-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sswpi-price{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:1px solid #dbe9e6;background:#fff;border-radius:8px;padding:10px;font-weight:900;color:#111827}
.sswpi-price span{font-size:13px;line-height:1.3}
.sswpi-price b{font-size:13px;color:#12615c;white-space:nowrap}
.sswpi-price.is-selected{background:#10bfb4;border-color:#10bfb4;color:#fff}
.sswpi-price.is-selected b{color:#fff}
.sswpi-estimate{display:grid;gap:5px;border-radius:10px;background:#111827;color:#fff;padding:13px}
.sswpi-estimate strong{font-size:24px;line-height:1.2}
.sswpi-estimate small{font-size:12px;color:#d9f7f3;font-weight:800}
.sswpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sswpi-grid label{margin:0}
.sswpi-wide{grid-column:1/-1}
.sswpi-file-list{font-size:12px;font-weight:800;color:#12615c;background:#f7fffd;border:1px solid #d9ece9;border-radius:8px;padding:9px;margin:-2px 0 10px;word-break:break-all}
.sswpi-muted{font-size:13px;color:var(--muted);font-weight:800;margin:0}
.sswpi-submit{width:100%;border:0;border-radius:10px;background:var(--teal);color:#fff;font-size:16px;font-weight:900;padding:14px 16px;box-shadow:0 8px 22px rgba(20,200,189,.24)}
.sswpi-submit:disabled{opacity:.65}
.sswpi-complete{display:none;margin:0;border-radius:10px;background:#ecfdf5;color:#047857;border:1px solid #b7ead3;padding:12px;font-size:13px;font-weight:900}
.sswpi-complete.is-visible{display:block}
@media(max-width:640px){
  .sswpi{padding:12px 10px 28px}
  .sswpi-head{align-items:flex-start;flex-direction:column}
  .sswpi-head h1{font-size:20px}
  .sswpi-product{grid-template-columns:96px 1fr;padding:10px}
  .sswpi-image-wrap{min-height:96px}
  .sswpi-product-info h2{font-size:15px}
  .sswpi-section{padding:12px}
  .sswpi-price-grid{grid-template-columns:1fr}
  .sswpi-grid{grid-template-columns:1fr}
}