/* Webshop preview: clear, quiet form layout */
.shop-checkout{max-width:860px;margin-top:28px}
.shop-checkout fieldset{border:1px solid #dbe3e9;border-radius:8px;padding:20px 22px;margin:18px 0 24px;min-width:0}
.shop-checkout legend{font-weight:600;font-size:17px;width:auto;padding:0 8px;border:0;margin:0 0 6px}
.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.shop-field{display:block;font-size:14px;color:#394a59;font-weight:500}
.shop-field span{display:block;margin-bottom:6px}
.shop-field input{display:block;width:100%;box-sizing:border-box;border:1px solid #bdcbd6;border-radius:5px;background:#fff;padding:9px 10px;margin:0;color:#1d2d3a;font-size:15px}
.shop-options{display:flex;flex-wrap:wrap;gap:16px}
.shop-options label{font-weight:400}
.shop-muted{color:#667787;font-size:13px}
.shop-csv{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0}
.shop-csv label{font-weight:normal}
.shop-csv input[type=file]{max-width:220px}
.shop-add-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}
@media(max-width:600px){.shop-grid{grid-template-columns:1fr}.shop-checkout fieldset{padding:15px}}

.shop-csv-details{margin:32px 0 8px;padding-top:10px;border-top:1px solid #e1e7ec;color:#617284;font-size:13px}
.shop-csv-details summary{cursor:pointer;width:fit-content;font-weight:400}
.shop-csv-details .shop-csv{padding:10px 0}
.shop-total{margin:24px 0;padding:18px;border:1px solid #dbe3e9;border-radius:8px}
.shop-total-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #edf1f3}
.shop-total-row:last-of-type{border-bottom:0;font-size:17px}

/* Compact discount card alongside the main checkout form */
.shop-checkout{max-width:100%;width:100%}
.shop-checkout form{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:0 22px;align-items:start}
.shop-checkout form>*{grid-column:1;min-width:0}
.shop-checkout form>.shop-discount{grid-column:2;grid-row:1 / span 3;position:sticky;top:20px;padding:14px;margin:0;border:1px solid #dbe3e9;background:#f8fafc;border-radius:8px}
.shop-checkout form>.shop-discount legend{font-size:15px}
.shop-checkout form>.shop-discount input[name="discount_code"]{width:100%;max-width:100%!important;box-sizing:border-box}
.shop-checkout form>.shop-discount .shop-add-row{display:block}
@media(max-width:800px){
 .shop-checkout form{display:block}
 .shop-checkout form>.shop-discount{position:static;margin-bottom:22px}
}