/* Shared public commerce additions. Existing navy / lime identity is preserved. */
.commerce-main{max-width:1240px;margin:auto}.commerce-heading{max-width:820px;margin:38px 0 44px}.commerce-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.3;margin:16px 0}.commerce-heading>p:last-child{font-size:18px;color:#56667b;line-height:1.8}.role-grid{margin-bottom:44px}.role-grid article{display:flex;flex-direction:column}.role-grid article>a{margin-top:auto}.role-grid .number{font-size:13px;letter-spacing:.08em}.commerce-panel{padding:36px;border:1px solid #dce2e8;border-radius:16px;margin:26px 0;scroll-margin-top:110px}.commerce-panel h2{font-size:28px;margin:10px 0 18px;line-height:1.4}.commerce-panel p{line-height:1.9}.commerce-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-left:24px;margin:32px 0}.commerce-steps li{padding-left:4px}.commerce-steps strong{font-size:18px}.commerce-steps p{font-size:15px;color:#53647a}.commerce-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:22px 0 8px}.commerce-actions .button{font-size:15px;text-align:center;min-height:44px}.member-panel{background:#f3f6ed}.supplier-checklist{padding-left:24px;display:grid;gap:12px;margin-bottom:28px}.supplier-template-label{display:block;font-weight:600;margin-bottom:10px}#supplier-template,#inquiry-copy-text{box-sizing:border-box;font:inherit;width:100%;resize:vertical;line-height:1.8;padding:16px;border:1px solid #bbc8d5;border-radius:8px;background:#fafbfc;color:#13263e}.commerce-help{border-top:1px solid #dce2e8;margin:50px 0 20px;padding-top:28px}.commerce-help h2{font-size:23px}.commerce-help p{line-height:1.8}.inquiry-nav{white-space:nowrap}.inquiry-nav span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:30px;background:#ddf56d;color:#13263e;font-size:12px;box-sizing:border-box}.inquiry-add{font:inherit;font-size:14px;font-weight:600;min-height:44px;padding:10px 16px;border:1px solid #14263e;border-radius:6px;background:#fff;color:#14263e;cursor:pointer;margin-top:16px}.inquiry-add:hover{background:#eff6d6}.inquiry-add.is-selected{background:#ddf56d}.product-detail-copy>.inquiry-add{display:block}.inquiry-add[hidden]{display:none}.product-links{flex-wrap:wrap;gap:8px 12px}.inquiry-notice{padding:22px 26px;background:#f3f6ed;border-left:4px solid #90a548;border-radius:0 10px 10px 0;margin:24px 0}.inquiry-notice p{font-size:15px;line-height:1.8;margin:8px 0 0}#inquiry-status{padding:14px 0;line-height:1.8;color:#53647a}.inquiry-row{border:1px solid #dce2e8;border-radius:12px;padding:24px;margin-bottom:16px}.inquiry-item-info h2{font-size:21px;line-height:1.5;margin:6px 0}.inquiry-item-info h2 a{overflow-wrap:anywhere}.inquiry-index{font-size:12px;font-weight:700;color:#69788b;letter-spacing:.1em}.inquiry-item-state{font-size:14px;color:#61734c;margin-bottom:22px}.inquiry-item-state.is-warning{color:#9a4418}.inquiry-fields{display:grid;grid-template-columns:140px 1fr auto;gap:18px;align-items:end}.inquiry-fields label{display:block;font-size:14px;font-weight:600}.inquiry-fields input{box-sizing:border-box;display:block;width:100%;min-height:46px;margin-top:8px;padding:10px 12px;font:inherit;font-weight:400;color:#14263e;border:1px solid #b7c5d4;border-radius:6px}.inquiry-fields input:invalid{border-color:#a64e35}.inquiry-remove{border:0;border-radius:6px;background:#f3f4f6;color:#7c3d30;font:inherit;min-height:46px;padding:10px 16px;cursor:pointer}.inquiry-toolbar{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;margin:20px 0 32px}.inquiry-toolbar button{font:inherit;border:0;background:none;min-height:44px;cursor:pointer}.inquiry-submit{padding:28px;background:#f5f7fa;border-radius:12px}.inquiry-submit h2{font-size:24px}.inquiry-submit p{line-height:1.8}#inquiry-copy-fallback{margin-top:24px}#inquiry-copy-fallback label{display:block;margin-bottom:8px}.inquiry-back{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:30px 0}.commerce-toast{position:fixed;z-index:80;bottom:24px;left:50%;transform:translateX(-50%);padding:16px 22px;border-radius:12px;background:#14263e;color:#fff;max-width:calc(100vw - 32px);width:max-content;box-sizing:border-box;box-shadow:0 8px 30px #14263e22;line-height:1.7;font-size:15px}button:disabled{cursor:not-allowed;opacity:.55}.commerce-main [hidden]{display:none}.commerce-main :focus-visible,.inquiry-add:focus-visible,.inquiry-nav:focus-visible{outline:3px solid #879e26;outline-offset:4px}
@media(max-width:1150px){header{flex-wrap:wrap}header nav{order:3;flex:1 0 100%;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 22px;padding-top:10px}header nav a{font-size:14px}.commerce-steps{gap:24px}}
@media(max-width:700px){.commerce-heading{margin:24px 0 28px}.commerce-heading>p:last-child{font-size:16px}.commerce-panel{padding:24px 18px}.commerce-panel h2{font-size:24px}.commerce-steps{grid-template-columns:1fr;gap:14px}.commerce-actions{align-items:stretch;flex-direction:column}.commerce-actions .button{width:100%;box-sizing:border-box}.inquiry-fields{grid-template-columns:105px minmax(0,1fr);gap:14px}.inquiry-remove{grid-column:1/-1;justify-self:end}.inquiry-row{padding:20px 16px}.inquiry-notice{padding:20px}.inquiry-submit{padding:22px 16px}.role-grid{margin-bottom:28px}header nav{gap:8px 16px}header nav a{min-height:36px;display:inline-flex;align-items:center}}
.after-sales-faq{margin-top:48px;padding-top:36px;border-top:1px solid #dce2e8;scroll-margin-top:100px}.after-sales-faq h3{font-size:clamp(24px,2.4vw,30px);line-height:1.5;margin:0}.after-sales-intro{max-width:820px;font-size:16px;line-height:1.9;color:#536477;margin:20px 0 28px}.after-sales-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;align-items:start}.after-sales-grid .member-faq-item{min-width:0}.after-sales-grid summary{font-size:16px;overflow-wrap:anywhere}.after-sales-grid .faq-answer{padding:0 4px 24px;font-size:16px;color:#536477;line-height:1.9}.after-sales-grid .faq-answer p{padding:0;margin:0 0 14px}.after-sales-grid .faq-answer p:last-child{margin-bottom:0}.after-sales-grid .faq-answer ul{margin:0 0 16px;padding-left:24px}.after-sales-grid .faq-answer li{margin:0 0 7px}@media(max-width:760px){.after-sales-grid{grid-template-columns:1fr}.after-sales-faq{margin-top:32px;padding-top:28px}}

/* Product availability presentation, shared by SSR and hydrated cards. */
.product-state{display:table;font-size:.8rem;font-weight:700;padding:.3rem .65rem;border-radius:5px;margin:.6rem 0;background:#eaf0f3;color:#163446;line-height:1.5}
.product-state.state-wish{background:#edeaf5;color:#554573}.product-state.state-closed{background:#fff0d9;color:#795017}
.product-state-note{padding:1rem 1.15rem;border-left:3px solid #a8b7c0;background:#f6f8fa;line-height:1.8;border-radius:0 6px 6px 0}
.product-state-note.state-wish{border-color:#9381b0;background:#f5f2f9}.product-state-note.state-closed{border-color:#c79943;background:#fff8ed}

/* Member entry points: clear benefits and preparation before the existing application. */
.hero .member-home-intro h1{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.4;letter-spacing:-.025em;margin-bottom:20px}
.member-home-intro .intro{max-width:34em;font-size:1.0625rem;line-height:1.9;margin-bottom:24px}
.member-home-intro .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.member-home-intro .actions .button{min-height:48px;gap:10px;padding:12px 20px;font-size:1rem;white-space:normal;text-align:center}
.member-home-intro .home-member-login{margin:16px 0 0;font-size:.875rem;color:var(--muted);line-height:1.9}
.home-member-login .text-link{display:inline-block;padding:6px 0;font-size:.875rem;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.member-home-intro .hero-tags{flex-wrap:wrap;gap:6px 16px;margin-top:22px;font-size:.875rem}
.member-home-intro .member-home-note{margin:8px 0 0;font-size:.875rem;color:var(--muted);line-height:1.8}
.commerce-heading.membership-intro{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:40px;align-items:center;max-width:none;margin:20px 0 40px}
.membership-intro>div,.membership-intro>aside{min-width:0}
.membership-intro h1{font-size:clamp(1.9rem,3.3vw,2.8rem);line-height:1.45;margin:12px 0 20px}
.membership-intro .eyebrow,.member-benefits>.eyebrow{font-size:.875rem;letter-spacing:.08em}
.membership-intro .membership-lead{max-width:36em;font-size:1rem;color:var(--muted);line-height:1.9;margin:0}
.membership-intro .commerce-actions{margin-top:22px;gap:16px}
.member-role-shortcuts{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.member-role-shortcuts h2{font-size:1.125rem;letter-spacing:0;line-height:1.6}
.member-role-shortcuts p{font-size:.9375rem;color:var(--muted);line-height:1.8;margin:10px 0 18px}
.member-role-shortcuts>.button{width:100%;min-height:48px;padding:12px;font-size:.9375rem;text-align:center;white-space:normal;gap:8px}
.member-role-shortcuts>div{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:.875rem}
.member-role-shortcuts .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem}
.member-benefits{margin:0 0 40px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.member-benefits>h2{font-size:clamp(1.4rem,2.3vw,1.75rem);letter-spacing:0;line-height:1.5}
.member-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:26px}
.member-benefit-grid article{min-width:0}
.member-benefit-grid .number{display:inline-block;font-size:.875rem;font-weight:700;color:var(--ink);padding-bottom:4px;border-bottom:3px solid var(--lime)}
.member-benefit-grid h3{margin:12px 0 10px;font-size:1.0625rem;line-height:1.6;letter-spacing:0}
.member-benefit-grid p{font-size:1rem;line-height:1.85;color:var(--muted);margin:0}
.member-benefit-grid a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;margin-top:6px}
.member-application{border-top:4px solid var(--lime)}
.member-eligibility{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:24px 0 30px}
.member-eligibility>div{min-width:0}
.member-eligibility h3,.member-application .member-process-title{font-size:1.125rem;letter-spacing:0;line-height:1.6;margin:0 0 10px}
.member-eligibility p{font-size:1rem;line-height:1.9;margin:0 0 10px}
.member-eligibility ul{padding-left:22px;margin:0;font-size:1rem;line-height:1.9}
.member-eligibility li{margin:0 0 8px}
.member-eligibility .member-b2b-note{font-size:.875rem;color:var(--muted)}
.member-application .member-process-title{padding-top:24px;border-top:1px solid var(--line)}
.member-application .commerce-steps{margin:20px 0 26px}
.member-application .commerce-steps li::marker{color:var(--ink);font-weight:700}
.member-application .commerce-steps p{font-size:1rem;line-height:1.85;margin-bottom:0}
.member-application .member-application-note{font-size:.875rem;color:var(--muted);line-height:1.9;margin:14px 0 0}
.member-questions{margin:36px 0 44px}
.member-questions>h2{font-size:1.5rem;line-height:1.6;letter-spacing:0;margin-bottom:20px}
.member-questions details{border-bottom:1px solid var(--line)}
.member-questions summary{min-height:48px;padding:17px 4px;font-size:1rem;font-weight:600;line-height:1.8;cursor:pointer;overflow-wrap:anywhere}
.member-questions details[open] summary{color:#244260}
.member-questions details>p{font-size:1rem;line-height:1.9;color:var(--muted);margin:0;padding:0 4px 20px;max-width:68em}
.member-questions summary:focus-visible{outline:3px solid #789325;outline-offset:2px}
@media(max-width:1000px){.member-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}.commerce-heading.membership-intro{gap:24px}}
@media(max-width:700px){
 .commerce-heading.membership-intro{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:12px}
 .membership-intro .commerce-actions{flex-direction:row;align-items:center}
 .membership-intro .commerce-actions .button{width:auto}
 .member-eligibility{grid-template-columns:minmax(0,1fr);gap:20px}
 .member-benefits{padding-top:24px;padding-bottom:24px}
 .member-role-shortcuts{padding:20px}
 .hero .member-home-intro h1{font-size:2rem}
 .member-home-intro .actions{align-items:stretch}
 .member-home-intro .actions>.button{flex:1 1 150px;padding:12px 14px}
 .member-home-intro .hero-tags{margin-top:18px}
}
@media(max-width:400px){.member-benefit-grid{grid-template-columns:minmax(0,1fr);gap:24px}.membership-intro h1{font-size:1.8rem}}