.wizard{max-width:950px;margin-inline:auto}
.wizard .stage{margin-bottom:22px;padding:13px 0;border-bottom:1px solid var(--line)}
.wizard .stage li{font-size:13px}
.wizard .section-head{margin-bottom:18px}
.wizard .section-head .wizard-kicker{margin:0 0 4px;color:var(--brand-dark);font-weight:800;font-size:12px}
.wizard-card .card-body,.manage-form.card,.manage-form .card{padding:clamp(16px,2.5vw,27px)}
.wizard-card .stack,.manage-form.stack{gap:17px}
.wizard h1:focus,.wizard-done h1:focus{outline:none}
.task-list{display:grid;gap:9px}
.task-choice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;min-height:70px;padding:11px 14px;text-align:left;color:var(--ink);background:#fff;border:1px solid #c7d8df;border-radius:12px}
.task-choice:hover,.task-choice.selected{background:#edf5fb;border-color:#5582ae}
.task-choice strong,.task-choice small{display:block}
.task-choice strong{font-size:16px;line-height:1.35}
.task-choice small{font-size:13px;color:var(--muted);margin-top:3px}
.task-choice>svg{width:19px;height:19px;color:var(--brand-dark)}
.source-box{border-radius:10px;padding:13px 15px;background:#f1f6f8}
.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:13px}
.wizard .btn,.manage-form .btn{min-height:45px}
.wizard .add-product{justify-self:start}
.wizard-table{margin:0;border:1px solid var(--line);border-radius:10px}
.wizard-table select,.wizard-table input{min-height:42px}
.wizard-table .number strong{font-size:17px;color:var(--brand-dark)}
#review-summary:empty{display:none}
.help-box{border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:#f9fbfc;color:var(--muted)}
.help-box summary{color:var(--brand-dark);font-weight:750;cursor:pointer}
.help-box[open] summary{margin-bottom:9px}
.help-box p{max-width:65ch;line-height:1.6}
.help-box .btn{margin-top:10px}
.sample-sheet{display:block;width:min(100%,390px);height:auto;margin:10px 0 0;border:1px solid var(--line);border-radius:7px}
.wizard-done{max-width:780px;margin-inline:auto;padding:clamp(19px,4vw,39px);display:grid;gap:12px}
.wizard-done h1{font-size:clamp(26px,4vw,38px)}
.wizard-done p{margin-bottom:8px}
.manage-form{max-width:950px}
.manage-form .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.check-field{display:flex;align-items:center;gap:9px;min-height:44px;font-weight:650}
.check-field input{accent-color:var(--brand);width:19px;height:19px}
.photo-field{min-width:0}
.edit-preview{display:block;width:min(100%,230px);max-height:150px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:var(--canvas)}
.catalog-photo{width:44px;height:44px;object-fit:cover;border-radius:8px;flex:none}
.shop-photo{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f2f6f7;border-radius:8px}
.product-description{font-size:13px;overflow-wrap:anywhere;white-space:pre-line}
.form-feedback{color:var(--danger);font-weight:700}
.form-feedback:empty{display:none}
.pack-fields{border:1px solid var(--line);border-radius:9px;margin:0;padding:10px 13px;display:grid;gap:10px;min-inline-size:0}
.pack-fields legend{font-weight:750;padding:0 5px}
.pack-fields .pack-line{grid-template-columns:minmax(0,1fr) minmax(70px,105px)}
.storefront{background:#f6f8f8}
.shop-top nav{display:flex;gap:clamp(10px,2vw,25px);font-size:14px;font-weight:700;align-items:center}
.shop-top nav [aria-current]{color:var(--brand-dark);text-decoration:underline;text-underline-offset:5px}
.shop-kicker{display:block;margin-bottom:8px;font-size:12px;font-weight:750;color:#d8f0f0}
.shop-demo-note{margin:12px 0 20px;color:var(--muted);font-size:13px}
.shop-footer{display:flex;justify-content:center;gap:clamp(12px,3vw,30px);flex-wrap:wrap;background:#163c4b;color:#fff;padding:23px 14px;font-size:13px}
@media(max-width:720px){
  .nav{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:3px}
  .nav a{font-size:12px;min-height:43px}
  .topbar .btn,.hero .btn{min-height:44px;font-size:12px}
  .wizard .stage li{font-size:11px;line-height:1.25}
  .wizard .stage{margin-bottom:15px}
  .task-choice{padding:10px;gap:8px;min-height:67px}
  .task-choice small{font-size:12px}
  .wizard-card .card-body{padding:13px}
  .wizard-table .editor-table td[data-title]::before{font-size:12px}
  .manage-form .field-grid{grid-template-columns:1fr}
  .shop-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px}
  .shop-top nav{grid-column:1/-1;grid-row:2;justify-content:space-between;padding:6px 0}
  .shop-admin{font-size:12px}
}