.shipwrap, .paywrap { max-width: 650px; margin: 30px auto; padding: 20px; font-family: system-ui, sans-serif; color: #333; }
.shipbox, .paybox { background: #fafafa; border: 1px solid #e5e5e5; padding: 20px; border-radius: 8px; margin-bottom: 20px; }
.shipmeta { font-size: 0.95rem; color: #555; margin-top: 8px; }
.shipgroup { margin-top: 25px; }
.shipgroup h3 { font-size: 1.1rem; border-bottom: 1px solid #e5e5e5; padding-bottom: 6px; margin-bottom: 12px; }
.shipopt { display: flex; justify-content: space-between; align-items: center; padding: 15px; background: #fff; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 10px; cursor: pointer; transition: background 0.2s; }
.shipopt:hover { background: #fdfdfd; border-color: #bbb; }
.shipopt:has(input[type="radio"]:checked) { border-color: #222; background: #f9f9f9; box-shadow: 0 2px 6px rgba(0,0,0,0.03); }
.shipopt .left { display: flex; align-items: center; gap: 15px; }
.shipopt .carrier-logo { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #eee; border-radius: 4px; overflow: hidden; }
.shipopt .carrier-logo.text-icon { font-size: 1.5rem; background: #eef3f8; }
.shipopt .carrier-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.shipopt .txt .carrier-name { font-size: 0.85rem; color: #666; margin-top: 2px; }
.shiperr { background: #fdf2f2; color: #9b1c1c; border: 1px solid #f8b4b4; padding: 12px; border-radius: 6px; margin-bottom: 15px; }
.btn, .paybtn, .success-btn { display: inline-block; width: 100%; text-align: center; background: #222; color: #fff; border: 0; padding: 14px; border-radius: 6px; font-size: 1rem; font-weight: 600; cursor: pointer; text-decoration: none; box-sizing: border-box; }
.btn:hover, .paybtn:hover, .success-btn:hover { background: #111; }
.collect-tag { display: inline-block; background: #e6f4ea; color: #137333; padding: 4px 8px; border-radius: 4px; font-weight: 600; font-size: 0.85rem; }
.paysummary { margin-bottom: 20px; line-height: 1.6; }
.payrow { padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px; }
.paylines { margin-top: 15px; background: #fff; padding: 15px; border-radius: 6px; border: 1px solid #eee; }
.payline { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 0.95rem; }
.payline.paytotal { margin-top: 12px; padding-top: 12px; border-top: 2px solid #eee; font-size: 1.15rem; }
.paycard { margin: 20px 0; }
.paycardbox { background: #fff; padding: 15px; border: 1px solid #ccc; border-radius: 6px; }