/* Storefront presentation only; pricing and fulfillment remain in existing modules. */
#order {max-width:640px; padding:28px; scroll-behavior:auto}
#order h2 {font-size:36px; margin:12px 30px 8px 0}
#order .close {min-width:44px; min-height:44px}
#order .customer-portal-note {padding:0; background:none; border:0; margin:12px 0; font-size:12px; line-height:1.7}
#order .form-steps {margin:16px 0 12px; font-size:12px}
#order label {font-size:14px}
#order input:not([type=checkbox]), #order select, #order textarea {font-size:16px; min-height:46px}
#order .connection-upgrade {margin:12px 0 18px; padding:16px; border-color:#a76b4c}
#order .upgrade-intro {margin:4px 0 10px; font-size:13px; line-height:1.6}
#order .upgrade-option {margin:0; padding:14px}
#order .upgrade-copy strong {font-size:17px}
#order .upgrade-copy .upgrade-price {color:#ffc09d; font-size:15px; font-weight:700}
#order .upgrade-copy span {line-height:1.5}
#order .upgrade-renewal {font-size:12px; line-height:1.6; color:#c1ccdd; margin:12px 0 0}
#order .checkout-options {margin:20px 0; padding:16px 0; border-block:1px solid #344157}
#order .checkout-options>summary {cursor:pointer; font-size:14px; min-height:44px; color:#f6f7fb}
#order .checkout-options>summary span {display:block; font-size:12px; color:#b9c8de; margin:5px 0}
#order .cat {min-height:44px; display:flex; align-items:center}
#order .checkout-actions {margin-top:18px; padding:16px; border:1px solid #42516a; border-radius:8px; background:#16243a}
#order .checkout-actions .button {width:100%; margin-top:16px; min-height:48px}
#order .order-row {gap:16px; padding:9px 0; font-size:13px}
#order .order-row b {white-space:nowrap}
#order .order-row.total {font-size:17px; border:0; font-weight:700}
#order .form-privacy, #order #request-payment-field p {font-size:12px; line-height:1.6}
#order .request-email-actions {display:flex; flex-direction:column; align-items:stretch}
#order .request-email-actions[hidden] {display:none}
#order .request-email-actions>.button {flex:auto; min-height:48px}
#order .copy-help {font-size:12px; padding-top:14px}
#order .copy-help summary {cursor:pointer; min-height:44px; display:flex; align-items:center; color:#bcc9db}
#order .copy-help p {font-size:12px}
#order .dialog-actions .button {background:transparent; color:#ffbd9e; border:1px solid #67748a}
#order #review-total {margin:18px 0}
#order :focus-visible {outline:3px solid #ffac88; outline-offset:3px}
#reseller-title {font:700 56px/1.05 'Barlow Condensed',Impact,sans-serif; margin:16px 0}
@media(max-width:650px){#order{width:calc(100% - 20px);padding:20px;max-height:92dvh}#order h2{font-size:32px}#order .connection-upgrade{padding:12px}#order .upgrade-option{padding:12px}#order .order-row.total{font-size:16px}#reseller-title{font-size:40px}}