.shopify-panel{max-width:1000px;margin:0 auto 28px;padding:28px;border:1px solid #e5e5e7;border-radius:24px;background:#fff}.shopify-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.shopify-summary h2{font-size:26px;margin:8px 0}.shopify-summary p,.shopify-test-notice,.shopify-note{font-size:13px;line-height:1.6;color:#6e6e73}.shopify-test-notice,.shopify-note{padding:15px 18px;background:#f5f5f7;border-radius:12px;margin:20px 0}.shopify-error{font-size:14px;color:#a51e2c}.shopify-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.shopify-amounts .secondary{min-height:56px;font-size:18px;font-weight:500;letter-spacing:-.4px;color:#1d1d1f}.shopify-amounts .secondary:hover{background:#f1f7ff;border-color:#b5d4f4;color:#0071e3}.shopify-receipts-panel,.shopify-open-panel{margin-top:8px}.shopify-open-panel{margin-bottom:20px}.shopify-open-panel .shopify-summary h2,.shopify-receipts-panel .shopify-summary h2{font-size:22px}.shopify-open-panel .shopify-receipt,.shopify-receipts-panel .shopify-receipt:first-of-type{border-top:0;padding-top:8px}.shopify-receipts-panel .shopify-summary .text-button,.shopify-open-panel .shopify-summary .text-button{flex-shrink:0;margin-top:6px}.shopify-receipt a.secondary{margin-top:14px}.shopify-back{margin:8px 0 80px}.shopify-pack-list{margin:20px 0}.shopify-pack-row{display:grid;grid-template-columns:minmax(140px,1fr) auto auto;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #eee}.shopify-pack-row strong,.shopify-pack-row span{display:block}.shopify-pack-row strong{font-size:15px}.shopify-pack-row div span{font-size:12px;color:#6e6e73;margin-top:5px}.shopify-status{font-size:11px;color:#6e6e73}.shopify-status.ready{color:#237044}.shopify-pack-option{margin-top:22px;padding:18px;border-radius:16px;background:#f5f5f7;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.shopify-pack-option>div{flex:1;min-width:140px}.shopify-pack-option strong{font-size:13px}.shopify-pack-option p,.shopify-pack-option small{font-size:11px;color:#6e6e73;line-height:1.5}.shopify-pack-option small{flex-basis:100%}.shopify-pack-option .secondary{font-size:12px;white-space:nowrap}@media(max-width:600px){.shopify-panel{padding:20px 16px;border-radius:18px;margin-bottom:20px}.shopify-summary{align-items:flex-start;flex-direction:column}.shopify-pack-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.shopify-pack-row>button{grid-column:1/-1;width:100%}.shopify-summary h2{font-size:22px}.shopify-amounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shopify-amounts .secondary{min-height:52px;font-size:16px}.shopify-back{margin-bottom:48px}}
.shopify-receipt{padding:24px 0;border-top:1px solid #e9e9ec}.shopify-receipt h3{margin:0 0 8px}.shopify-receipt>p{color:#6e6e73;font-size:14px}.shopify-receipt button{margin:8px 8px 0 0}.shopify-sample-reveal{display:flex;gap:20px;align-items:center;padding:24px;margin:16px 0;background:#f5f5f7;border-radius:20px;animation:shopify-reveal .6s cubic-bezier(.16,1,.3,1) both}.shopify-sample-reveal>span{font-size:48px}.shopify-sample-reveal strong{font-size:19px}.shopify-sample-reveal p,.shopify-sample-reveal small{color:#6e6e73}.shopify-sample-reveal p{margin:8px 0}.shopify-sample-reveal small{font-size:12px}@keyframes shopify-reveal{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.shopify-sample-reveal{animation:none}}
.shopify-payment-confirmation{display:flex;align-items:flex-start;gap:14px;margin:18px 0;padding:20px;background:#edf7f0;border:1px solid #d2e9d8;border-radius:18px;color:#185e35}.shopify-payment-check{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#237044;color:#fff;font-size:18px}.shopify-payment-confirmation strong{font-size:18px;line-height:1.4}.shopify-payment-confirmation p{margin:6px 0;font-size:14px;line-height:1.55}.shopify-payment-confirmation small{font-size:12px;line-height:1.5;color:#3e6950}@media(max-width:600px){.shopify-payment-confirmation{padding:16px;gap:12px}.shopify-payment-confirmation strong{font-size:16px}.shopify-payment-confirmation p{font-size:13px}}
.shopify-credit-note{display:block;margin-top:6px}