.service-commerce-section{background:var(--mdz-bg,#f7f8fc);position:relative;overflow:hidden}.service-commerce-section:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--mdz-border)}.service-commerce-head{max-width:780px;margin:0 auto 30px;text-align:center}.service-commerce-head h2{margin:10px 0 8px}.service-commerce-head p{color:var(--mdz-text-muted);max-width:720px;margin:auto}.commerce-loading{text-align:center;padding:28px;color:var(--mdz-text-muted)}
.commerce-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px}.commerce-segment-tabs{display:inline-flex;padding:3px;border:1px solid var(--mdz-border);border-radius:999px;background:var(--mdz-surface);box-shadow:var(--neu-shadow-sm,0 7px 18px rgba(27,31,43,.05))}.commerce-segment-tab{border:0;background:transparent;color:var(--mdz-text-muted);padding:9px 16px;border-radius:999px;font-weight:750;cursor:pointer}.commerce-segment-tab.active{background:var(--mdz-text,#101114);color:#fff}.commerce-duration-select{display:flex;align-items:center;gap:10px;margin-left:auto}.commerce-duration-select span{font-size:12px;font-weight:800;color:var(--mdz-text-muted)}.commerce-duration-select select{min-width:175px;border:1px solid var(--mdz-border);background:var(--mdz-surface);color:var(--mdz-text);border-radius:12px;padding:10px 38px 10px 12px}
.commerce-packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.commerce-package{background:var(--mdz-surface,#fff);border:1px solid var(--mdz-border);border-radius:20px;padding:20px 14px;display:flex;flex-direction:column;min-height:500px;box-shadow:var(--neu-shadow-sm,0 8px 22px rgba(27,31,43,.06));transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.commerce-package:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(27,31,43,.08)}.commerce-package.selected{outline:2px solid var(--mdz-primary);outline-offset:2px}.commerce-package.featured{background:linear-gradient(155deg,#2f2054,#17131f 72%);color:#fff;border-color:transparent;box-shadow:0 18px 40px rgba(35,24,58,.22)}.commerce-package .pkg-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.commerce-package .pkg-top small{font-size:10px;font-weight:850;letter-spacing:.08em;color:var(--mdz-text-muted)}.commerce-package.featured .pkg-top small{color:#bca9ff}.commerce-package .pkg-badge{font-size:10px;border-radius:999px;padding:4px 7px;background:#eee8ff;color:#6546c5;white-space:nowrap}.commerce-package.featured .pkg-badge{background:#6d4be6;color:#fff}.commerce-package h3{font-size:18px;margin:9px 0 4px}.commerce-package>p{min-height:52px;color:var(--mdz-text-muted);font-size:12px;line-height:1.5;margin:0}.commerce-package.featured>p,.commerce-package.featured small{color:#d3cce3}.commerce-price{margin:14px 0 6px}.commerce-price del{display:block;font-size:11px;opacity:.58;margin-bottom:2px}.commerce-price>div{display:flex;align-items:baseline;gap:3px;flex-wrap:wrap}.commerce-price strong{font-size:25px;letter-spacing:-.04em}.commerce-price span{font-size:11px}.commerce-referral-chip{font-size:10px;color:#0a8b64;background:#e5f7f1;border-radius:999px;padding:5px 8px;width:max-content;max-width:100%;margin:0 0 14px}.commerce-package.featured .commerce-referral-chip{color:#d9fff1;background:rgba(20,168,115,.22)}.commerce-package>.button{width:100%;margin:0 0 16px}.commerce-package.featured>.button.outline{background:#7548ed;color:#fff;border-color:#7548ed}.commerce-feature-list{border-top:1px solid var(--mdz-border);padding:14px 0 0;display:grid;gap:8px;font-size:11px;line-height:1.35}.commerce-package.featured .commerce-feature-list{border-color:rgba(255,255,255,.15)}.commerce-feature-list span:before{content:'✓';margin-right:7px;color:#16a56a}.commerce-package.featured .commerce-feature-list span:before{color:#b9a3ff}
.commerce-public-fallback{display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--mdz-surface);border:1px solid var(--mdz-border);border-radius:20px;padding:24px;box-shadow:var(--neu-shadow-sm,0 8px 22px rgba(27,31,43,.06))}.commerce-public-fallback h3{margin:4px 0}.commerce-public-fallback p{margin:0;color:var(--mdz-text-muted)}
.commerce-cart{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin-top:34px;scroll-margin-top:90px}.commerce-cart-main,.commerce-summary,.commerce-order-form{background:var(--mdz-surface);border:1px solid var(--mdz-border);border-radius:22px;padding:22px}.commerce-cart-title{display:flex;justify-content:space-between;gap:12px;align-items:start}.commerce-cart-title h3{margin:5px 0 0}.commerce-cart-count{font-size:12px;font-weight:800;padding:7px 10px;border-radius:999px;background:var(--mdz-bg)}.commerce-selected-package{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px;border-radius:16px;background:var(--mdz-bg);margin:18px 0}.commerce-selected-package div{display:grid;gap:3px}.commerce-selected-package small{color:var(--mdz-text-muted)}.commerce-selected-package strong{font-size:20px}.commerce-selected-package strong small{font-size:11px;margin-left:4px}.commerce-step{border-top:1px solid var(--mdz-border);padding-top:18px;margin-top:18px}.commerce-step-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.commerce-step-head small{color:var(--mdz-text-muted);text-align:right}.commerce-pills{display:flex;gap:8px;flex-wrap:wrap}.commerce-pill{border:1px solid var(--mdz-border);background:var(--mdz-surface);padding:10px 16px;border-radius:999px;cursor:pointer;color:var(--mdz-text);font-weight:750}.commerce-pill.active{background:var(--mdz-text);color:#fff;border-color:transparent}.commerce-addons{display:grid;gap:8px}.commerce-addon{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--mdz-border);border-radius:14px}.commerce-addon.selected{border-color:var(--mdz-primary);background:color-mix(in srgb,var(--mdz-primary) 5%,var(--mdz-surface))}.commerce-addon-copy small{display:block;color:var(--mdz-text-muted);margin-top:3px}.addon-qty{display:flex;align-items:center;gap:7px}.addon-qty button{width:32px;height:32px;border-radius:10px;border:1px solid var(--mdz-border);background:var(--mdz-bg);cursor:pointer}.commerce-empty-note{padding:12px;border-radius:12px;background:var(--mdz-bg);color:var(--mdz-text-muted);font-size:12px}.commerce-referral-row{display:flex;gap:8px}.commerce-referral-row input{flex:1}.commerce-referral>small{display:block;margin-top:8px;color:var(--mdz-text-muted)}
.commerce-summary{position:sticky;top:90px;height:max-content}.commerce-summary-line{display:flex;justify-content:space-between;gap:14px;padding:8px 0;font-size:13px}.commerce-summary-line.discount{color:#13895a}.commerce-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--mdz-border);padding:16px 0;margin-top:8px}.commerce-total strong{font-size:22px}.commerce-attribution{font-size:12px;font-weight:750;background:var(--mdz-bg);padding:10px 12px;border-radius:12px;margin-bottom:12px}.button.wide{width:100%}.commerce-summary>small{display:block;margin-top:10px;color:var(--mdz-text-muted)}.commerce-form-wrap{margin-top:28px;scroll-margin-top:90px}.commerce-order-form{max-width:900px;margin:0 auto}.commerce-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.commerce-order-form label{display:grid;gap:6px;margin:12px 0}.commerce-form-actions{display:flex;gap:10px;margin-top:16px}.commerce-submit-status{margin-top:12px;font-weight:700}.commerce-form-summary{background:var(--mdz-bg);border-radius:14px;padding:14px;margin-top:14px}
.service-commerce-final-cta{padding-top:0}.service-final-cta-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:24px;padding:30px;background:linear-gradient(145deg,var(--mdz-text,#172033),#252b3a);color:#fff;box-shadow:0 20px 46px rgba(22,29,43,.16)}.service-final-cta-card h2{margin:5px 0 8px;color:#fff}.service-final-cta-card p{margin:0;max-width:700px;color:#d2d7df}.service-final-cta-card .eyebrow{color:#aebcff}.service-final-cta-card .button{white-space:nowrap;background:#fff;color:#111;border-color:#fff}
@media(max-width:1050px){.commerce-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-package{min-height:430px}}@media(max-width:760px){.commerce-packages,.commerce-form-grid,.commerce-cart{grid-template-columns:1fr}.commerce-package{min-height:0}.commerce-summary{position:static}.commerce-addon{grid-template-columns:1fr auto}.commerce-referral-row,.commerce-form-actions,.commerce-step-head,.commerce-catalog-toolbar,.commerce-public-fallback,.service-final-cta-card{flex-direction:column;align-items:stretch}.commerce-step-head small{text-align:left}.commerce-selected-package{align-items:flex-start}.commerce-packages{gap:12px}.commerce-duration-select{margin-left:0;justify-content:space-between}.commerce-duration-select select{flex:1}.commerce-segment-tabs{width:100%;overflow:auto}.commerce-segment-tab{flex:1;white-space:nowrap}.service-final-cta-card .button{width:100%;text-align:center}}@media(max-width:430px){.commerce-pills{display:grid;grid-template-columns:repeat(3,1fr)}.commerce-pill{width:100%;padding:10px 8px}.commerce-addon{grid-template-columns:1fr}.addon-qty{justify-content:flex-start}.commerce-package{padding:18px 16px}.commerce-price strong{font-size:24px}}