/* Account experience: Star Safety's black, orange and safety-yellow identity. */
:root{color-scheme:light;--black:#000;--ink:#141414;--muted:#696963;--line:#deded8;--surface:#fff;--canvas:#f7f7f3;--lime:#f4ff00;--orange:#ff6500;--soft-orange:#fff0e5;--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a{touch-action:manipulation}a{color:inherit;text-underline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h1{font-size:clamp(30px,3.4vw,45px);font-weight:750;letter-spacing:-1.5px}h2{font-size:23px;font-weight:720;letter-spacing:-.65px}h3{font-size:16px;font-weight:680;letter-spacing:-.2px}img,svg{max-width:100%}button{border:0}input,select,textarea{min-width:0}small,.small{font-size:12px}strong{font-weight:680}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #486aee;outline-offset:4px}.icon{width:22px;height:22px;flex-shrink:0;display:inline-block;vertical-align:middle}.muted{color:var(--muted)}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.8px;font-weight:750;text-transform:uppercase;color:var(--muted);margin-bottom:11px}.lead{font-size:15px;line-height:1.7}.section-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.5px;background:var(--lime);color:#000;padding:7px 10px}.optional{font-weight:450;color:var(--muted)}.skip-link{position:fixed;top:-80px;left:20px;z-index:300;background:var(--lime);color:#000;padding:12px 18px;font-weight:700}.skip-link:focus{top:12px}.loading-account{padding:90px 24px;text-align:center}.loading-account p{margin-top:20px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 19px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:700;line-height:1.25;text-decoration:none;transition:background .15s,transform .15s,border-color .15s}.btn:hover{transform:translateY(-1px)}.btn .icon{width:18px;height:18px}.btn-primary{background:var(--orange);color:#000;border-color:var(--orange)}.btn-primary:hover{background:#ff7a26;border-color:#ff7a26}.btn-secondary{background:#fff;color:#111;border-color:#cfcfc7}.btn-secondary:hover{background:#f2f2ed;border-color:#a6a69b}.btn-dark{background:#000;color:#fff;border-color:#000}.btn-dark:hover{background:#222}.btn-lime{background:var(--lime);color:#000;border-color:var(--lime)}.btn-lime:hover{background:#e5ee00}.btn-header{background:transparent;border-color:#575757;color:#fff}.btn-header:hover{background:#202020;border-color:#a2a2a2}.btn-text{background:transparent;border-color:transparent;color:#111;padding:9px 0;min-height:36px;text-align:left;justify-content:flex-start}.btn-text:hover{text-decoration:underline;text-underline-offset:5px;transform:none}.btn-full{width:100%}.text-link{padding:0;color:inherit;text-decoration:underline;text-underline-offset:4px;background:none;font-weight:700}.icon-button{display:grid;place-items:center;width:38px;height:38px;background:#f1f1eb;border-radius:50%}.back-link{display:inline-flex;gap:10px;align-items:center;padding:0;background:transparent;font-size:12px;color:var(--muted);margin-bottom:28px}.back-link:hover{color:#000;text-decoration:underline}.form-error:empty{display:none}
.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px max(22px,calc((100vw - 1410px)/2));background:#eeeee7;border-bottom:1px solid #d5d5cb;color:#56564f;font-size:10px}.preview-bar p{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.preview-bar p>strong{letter-spacing:1px;color:#333}.preview-bar>div{display:flex;align-items:center;gap:8px;flex-shrink:0}.preview-bar select{background:#fff;border:1px solid #c5c5ba;border-radius:4px;font-size:10px;max-width:215px;min-height:27px;padding:3px 7px;color:#333}.preview-code{background:#fff;border:1px solid #d4d4c8;padding:2px 7px;border-radius:3px}.store-header{background:#000;color:#fff}.store-header-inner{max-width:1440px;min-height:115px;padding:20px 34px;margin:auto;display:flex;align-items:center;gap:36px}.brand-button{background:none;padding:0;display:flex;align-items:center;flex:0 0 auto}.brand-button img{display:block;width:190px;height:auto}.store-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:12px;color:#d6d6d6}.store-link .icon{width:16px}.store-link:hover{color:var(--lime)}.header-account{margin-left:auto;display:flex;align-items:center;gap:12px}.header-user{display:flex;align-items:center;gap:11px;background:none;color:#fff;text-align:left;padding:5px 8px;min-width:0}.header-user small,.header-user strong{display:block}.header-user small{color:#a6a6a6;font-size:10px;margin-bottom:2px}.header-user strong{font-size:13px}.brand-stripe{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #303030;border-bottom:3px solid var(--lime);padding:9px max(34px,calc((100vw - 1372px)/2));font-size:9px;letter-spacing:1.5px;font-weight:650;color:#aaa}.brand-stripe>span:first-child{color:var(--lime)}.brand-stripe>span:last-child{letter-spacing:.25px;font-weight:450}.global-notice{max-width:1368px;margin:20px auto 0;padding:14px 19px;border:1px solid #bad1b3;background:#f0f8ec;color:#284c24;display:flex;gap:12px;align-items:flex-start;border-radius:8px}.global-notice .icon{width:18px}
.public-layout{max-width:1440px;margin:auto}.landing-main{padding:44px 34px 65px}.account-landing{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;min-height:500px}.landing-copy{padding:22px 0}.landing-copy h1{font-size:clamp(40px,5.2vw,69px);letter-spacing:-3.2px;line-height:1.03;margin:22px 0}.landing-copy h1 span{color:#74746a}.landing-copy>p{font-size:16px;max-width:470px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:31px;color:#55564f;font-size:11px}.hero-proof>span{display:flex;align-items:center;gap:6px}.hero-proof .icon{width:16px;height:16px;color:#454c00}.landing-visual{position:relative;isolation:isolate;height:490px;border-radius:22px;background:#e7e7dc;overflow:hidden}.graphic-grid{position:absolute;inset:0;background-image:linear-gradient(#00000008 1px,transparent 1px),linear-gradient(90deg,#00000008 1px,transparent 1px);background-size:36px 36px;transform:rotate(-12deg) scale(1.4)}.visual-label{position:absolute;top:31px;left:31px;font-size:12px;font-weight:850;letter-spacing:2px;line-height:1.25;z-index:2}.hero-helmet{position:absolute;top:50px;right:35px;transform:rotate(13deg);width:235px;height:235px;border-radius:50%;background:var(--lime);display:grid;place-items:center;box-shadow:16px 20px 0 #0000000c}.hero-helmet .icon{width:160px;height:160px;stroke-width:1.1}.hero-shirt{position:absolute;bottom:50px;left:20px;transform:rotate(-16deg);width:215px;height:240px;border-radius:25px;background:#171717;color:var(--orange);display:grid;place-items:center;box-shadow:8px 9px 0 #00000014}.hero-shirt .icon{width:150px;height:170px;stroke-width:1.2}.visual-stamp{position:absolute;right:35px;bottom:50px;display:grid;place-items:center;text-align:center;transform:rotate(10deg);border:1.5px solid #111;border-radius:50%;width:106px;height:106px;font-size:13px;font-weight:850;line-height:1.1;letter-spacing:1.4px}.visual-order-chip{position:absolute;left:62px;bottom:23px;display:flex;gap:12px;align-items:center;padding:14px 18px;border-radius:10px;background:#fff;box-shadow:0 7px 25px #0000000d;font-size:10px}.visual-order-chip strong{display:block;font-size:15px}.visual-order-chip>.icon:last-child{margin-left:20px;background:var(--lime);border-radius:50%;padding:4px;width:28px;height:28px}.landing-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:55px 0 45px}.landing-benefits article{border-top:1px solid var(--line);padding-top:27px}.landing-benefits article>.icon{width:27px;height:27px;margin-bottom:20px}.landing-benefits h2{font-size:20px;margin-bottom:12px}.landing-benefits p{color:var(--muted);font-size:13px;line-height:1.8;max-width:345px}.landing-signin{display:flex;gap:25px;align-items:center;justify-content:space-between;background:var(--lime);padding:28px 33px;border-radius:12px}.landing-signin h2{font-size:24px}.landing-signin .eyebrow{color:#4b5000}
.auth-main{padding:43px 34px 64px}.auth-layout{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);max-width:1115px;margin:auto;border:1px solid var(--line);border-radius:21px;overflow:hidden;background:#fff;box-shadow:0 10px 50px #00000004}.auth-story{position:relative;background:#080808;color:#fff;padding:48px 38px;overflow:hidden}.auth-story .eyebrow{color:#a1a1a1}.auth-story h2{font-size:clamp(37px,4.1vw,55px);line-height:1.07;letter-spacing:-2px;margin:24px 0}.auth-story h2 span{color:var(--lime)}.auth-story>p:not(.eyebrow){color:#a4a4a4;line-height:1.8;max-width:290px}.auth-story-art{position:relative;height:215px;margin:30px 0 15px}.auth-story-art>.icon:first-child{color:var(--lime);width:185px;height:185px;stroke-width:1;transform:rotate(-12deg)}.auth-story-art>.icon:last-child{position:absolute;color:var(--orange);width:80px;height:100px;right:15px;bottom:14px;stroke-width:1.1;transform:rotate(13deg)}.auth-story-points{display:grid;gap:14px;margin-top:25px;font-size:11px;color:#c7c7c7}.auth-story-points>span{display:flex;align-items:center;gap:10px}.auth-story-points .icon{color:var(--lime);width:16px}.auth-card{padding:41px 48px 45px;min-width:0}.auth-card h1{font-size:34px;letter-spacing:-1.25px}.auth-card>.eyebrow{margin-bottom:13px}.auth-card .back-link{margin-bottom:33px}.auth-subtitle{margin-top:13px;color:var(--muted);line-height:1.8;font-size:13px}.auth-subtitle strong{color:var(--ink);overflow-wrap:anywhere}.auth-form{margin-top:27px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:19px;min-width:0}.field label{font-size:12px;font-weight:650;line-height:1.5}.field input,.field select,.field textarea{display:block;width:100%;min-height:47px;padding:12px 13px;background:#fff;border:1px solid #ccccc3;border-radius:6px;color:var(--ink);line-height:1.35}.field textarea{resize:vertical;min-height:100px}.field input::placeholder,.field textarea::placeholder{color:#99998e}.field input[readonly]{background:#f6f6f0;color:#62625a}.field input:disabled,.field select:disabled{background:#f2f2ec;color:#76766a}.field small{color:var(--muted);font-size:11px;line-height:1.6}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-row-three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-hint{font-size:10px;line-height:1.7;color:var(--muted);margin:-4px 0 20px}.signin-security{display:flex;gap:8px;align-items:center;justify-content:center;color:var(--muted);font-size:10px;margin:18px 0 30px}.signin-security .icon{width:14px;height:14px}.auth-divider{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1.25px;font-weight:650;color:#8a8a7f;margin:26px 0 21px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-switch{text-align:center;font-size:12px;margin-top:20px;color:var(--muted)}.auth-switch button{color:var(--ink)}.consent-group{border:1px solid var(--line);border-radius:9px;margin:24px 0;padding:14px 15px 16px;min-width:0}.consent-group legend{font-size:11px;font-weight:650;padding:0 5px}.check-row{display:flex;align-items:flex-start;gap:11px;cursor:pointer;margin:12px 0}.check-row input{margin:3px 0 0;accent-color:#000;width:17px;height:17px;flex-shrink:0}.check-row strong{display:block;font-size:12px}.check-row small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:2px}.consent-group>p{font-size:10px;color:var(--muted);margin-top:15px;line-height:1.7}.code-field input{text-align:center;font-size:34px;font-weight:650;letter-spacing:11px;min-height:78px;padding-left:24px}.code-field small{text-align:center}.code-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px}.code-actions .btn{font-size:11px}.email-only-action{margin-top:13px;text-align:center}.email-only-action .btn{justify-content:center;width:100%}.feedback{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid var(--line);border-radius:7px;margin-bottom:20px;font-size:12px}.feedback-error{background:#fff2ec;color:#9c340c;border-color:#e5b39c}.feedback .icon{width:18px;height:18px;margin-top:1px}
.account-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:216px minmax(0,1fr);gap:46px;padding:43px 34px 70px;align-items:start}.account-main{min-width:0}.public-layout>.account-main{padding:43px 34px 70px;max-width:1170px;margin:auto}.account-sidebar{position:sticky;top:26px;min-width:0}.sidebar-person{display:flex;gap:11px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:20px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:50%;background:#000;color:var(--lime);font-size:13px;font-weight:750;flex-shrink:0}.sidebar-person>div{min-width:0}.sidebar-person strong,.sidebar-person small{display:block;overflow-wrap:anywhere}.sidebar-person strong{font-size:12px}.sidebar-person small{font-size:10px;color:var(--muted);margin-top:3px}.account-sidebar nav{display:grid;gap:4px}.account-sidebar nav button{display:flex;align-items:center;gap:11px;width:100%;padding:12px 13px;border-radius:7px;background:none;text-align:left;color:#66665c;font-size:12px;line-height:1.4}.account-sidebar nav button>.icon{width:19px;height:19px}.account-sidebar nav button .nav-chevron{margin-left:auto;width:13px;height:13px;opacity:0}.account-sidebar nav button[aria-current]{background:#000;color:#fff;font-weight:650}.account-sidebar nav button[aria-current]>.icon:first-child{color:var(--lime)}.account-sidebar nav button[aria-current] .nav-chevron{opacity:1}.account-sidebar nav button:hover{background:#e9e9e0;color:#111}.account-sidebar nav button[aria-current]:hover{background:#202020;color:#fff}.signout-button{display:flex;gap:11px;align-items:center;font-size:11px;background:none;color:var(--muted);padding:14px 13px;margin-top:15px}.signout-button .icon{width:18px}.sidebar-note{margin-top:35px;border-top:1px solid var(--line);padding:24px 13px;display:flex;align-items:flex-start;gap:10px;color:#8c8c7f;font-size:10px;line-height:1.8}.sidebar-note .icon{width:20px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:30px}.page-heading .lead{margin-top:12px;max-width:650px}.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px;flex-shrink:0}.page-heading .eyebrow{margin-bottom:12px}.profile-completion{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin-bottom:24px;border:1px solid #d9df89;border-radius:10px;background:#fcffe6}.profile-completion p{color:var(--muted);font-size:12px;margin-top:4px}.profile-completion h2{font-size:17px}.welcome-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#eaeae1;border-radius:var(--radius);overflow:hidden;padding:31px 34px;position:relative;min-height:244px}.welcome-panel>div:first-child{position:relative;z-index:1}.welcome-panel .section-tag{background:#fff;color:#55564a;font-size:9px}.welcome-panel h2{font-size:33px;line-height:1.12;letter-spacing:-1.1px;margin:18px 0 23px}.welcome-illustration{display:flex;align-items:center;gap:18px;margin-right:14px}.welcome-illustration>.icon{width:142px;height:142px;stroke-width:1;background:var(--lime);border-radius:50%;padding:21px;transform:rotate(10deg)}.welcome-illustration>span{font-size:19px;line-height:1.1;font-weight:850;letter-spacing:-.6px;transform:rotate(-7deg)}.account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0 37px}.account-stats button{display:flex;align-items:center;gap:12px;padding:19px 17px;background:#fff;border:1px solid var(--line);border-radius:10px;text-align:left;min-width:0}.account-stats button>.icon:first-child{width:20px;height:20px}.account-stats button>.icon:last-child{margin-left:auto;width:13px;height:13px}.account-stats strong{font-size:23px;display:block;line-height:1.2}.account-stats small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.account-stats button:hover{border-color:#111}.account-section{margin-bottom:33px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2{font-size:23px}.section-heading .small{margin-top:7px}.section-heading .btn{font-size:11px}.two-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:27px;min-width:0}.detail-card>.card-icon{margin-bottom:20px}.detail-card h2{font-size:23px;margin-bottom:12px}.detail-card h3{margin-bottom:11px}.detail-card>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.detail-card>.btn{margin-top:18px;font-size:12px}.card-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:9px;background:#f0f0e8}.card-icon>.icon{width:22px;height:22px}.card-lime{background:var(--lime);border-color:var(--lime)}.card-lime>.card-icon{background:#ffffff80}.card-lime>p:not(.eyebrow){color:#494d00}.channel-chips{display:flex;gap:8px;margin-top:17px}.channel-chips>span{display:flex;align-items:center;gap:6px;font-size:10px;border:1px solid #deded4;border-radius:4px;padding:5px 7px;color:var(--muted)}.channel-chips .icon{width:12px;height:12px}
.order-list{display:grid;gap:18px}.order-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.order-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 23px;border-bottom:1px solid #eeeeE6}.order-card-top .eyebrow{margin-bottom:4px;font-size:9px;letter-spacing:1.15px}.order-card-top strong{font-size:11px;font-weight:500;color:var(--muted)}.status{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:5px;font-size:9px;font-weight:700;line-height:1.4;text-transform:capitalize;background:#f1f1e8;color:#646456;white-space:nowrap}.status-delivered,.status-confirmed,.status-approved{background:#ecf2db;color:#475b16}.status-processing,.status-pending{background:#fff0db;color:#8b5513}.status-shipped{background:#eaf0f5;color:#34617b}.order-card-body{display:flex;align-items:center;gap:17px;padding:22px 23px}.order-product-icons{display:flex;gap:6px;flex-shrink:0}.product-swatch{display:grid;place-items:center;width:59px;height:62px;border-radius:7px;background:#eeeee4;color:#333}.product-swatch>.icon{width:35px;height:35px;stroke-width:1.2}.product-swatch-1{background:#fff0e5;color:#ca560e}.product-swatch-2{background:#eef0d7;color:#535824}.order-product-icons>.product-swatch:not(:first-child){display:none}.order-description{min-width:0;flex:1}.order-description h3{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.order-description p{font-size:11px;color:var(--muted);margin-top:5px}.order-description>small{display:flex;align-items:center;gap:4px;font-size:10px;color:#878775;margin-top:6px}.order-description>small .icon{width:12px;height:12px}.order-card-total{flex-shrink:0;text-align:right}.order-card-total strong{display:block;font-size:19px;letter-spacing:-.5px}.order-card-total small{font-size:9px;color:var(--muted)}.order-card-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 23px;border-top:1px solid #eeeeE6;background:#fcfcf9}.order-card-footer>span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);min-width:0}.order-card-footer>span>.icon{width:15px;height:15px}.order-card-footer .btn{font-size:11px;flex-shrink:0}.orders-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:start;background:#fff;border:1px solid var(--line);padding:20px 23px;border-radius:12px;margin-bottom:22px}.orders-toolbar .field{margin-bottom:0}.search-field>label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}.search-field>div{display:flex;align-items:center;border:1px solid #ccccc3;border-radius:6px;min-height:47px;padding:0 13px;gap:9px}.search-field input{padding:11px 0;border:0;outline:none;background:none;width:100%;font-size:13px}.search-field .icon{width:17px;color:#929283}.search-field>div:focus-within{outline:3px solid #486aee;outline-offset:3px}.search-field input:focus-visible{outline:none}.order-results{font-size:12px;margin-bottom:18px}.order-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:23px;align-items:start}.surface{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;min-width:0}.surface-heading{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:22px 25px;border-bottom:1px solid #eaeae3}.surface-heading h2{font-size:19px}.surface-heading p{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.7}.surface-heading>span{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.surface-heading>span>.icon{width:13px;height:13px}.surface-body{padding:25px}.order-lines{padding:0 24px}.order-lines article{display:flex;align-items:center;gap:15px;padding:20px 0}.order-lines article+article{border-top:1px solid var(--line)}.order-lines article>div{flex:1;min-width:0}.order-lines h3{font-size:13px;line-height:1.5}.order-lines p,.order-lines small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.order-lines article>strong{font-size:13px;flex-shrink:0}.order-addresses{margin:20px 0}.order-addresses .detail-card{padding:22px}.address-block{display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.address-block>strong{font-size:13px}.address-block>span{color:var(--muted)}.address-lines{white-space:pre-line}.summary-line{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:var(--muted);margin-bottom:15px}.summary-line>span:last-child{color:var(--ink)}.summary-total{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:19px}.summary-total>span{font-size:11px}.summary-total>strong{font-size:24px;letter-spacing:-1px}.summary-total>small{width:100%;text-align:right;color:var(--muted);font-size:9px;margin-top:-8px}.order-help{margin-top:20px;padding:23px;border:1px dashed #c4c4b3;border-radius:12px}.order-help h3{margin:18px 0 10px}.order-help p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:20px}.order-help .btn{font-size:11px;width:100%}.details{display:grid;grid-template-columns:110px minmax(0,1fr);gap:11px 15px;font-size:12px;margin:20px 0 0}.details dt{color:var(--muted)}.details dd{margin:0;overflow-wrap:anywhere}
.profile-tabs{display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:28px}.profile-tabs>button{display:flex;align-items:center;gap:9px;padding:0 0 17px;border-bottom:3px solid transparent;background:none;font-size:12px;color:#78786c;margin-bottom:-1px}.profile-tabs>button>.icon{width:18px;height:18px}.profile-tabs>button[aria-selected="true"]{color:#000;border-color:var(--orange);font-weight:700}.tiny-dot{width:6px;height:6px;border-radius:50%;background:#759026}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:23px;align-items:start}.profile-layout>aside{display:grid;gap:20px}.profile-note{background:#eeeee5}.profile-layout .detail-card h3{line-height:1.4}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:8px}.form-footer>.small{font-size:10px}.company-hero{display:flex;gap:20px;align-items:center;background:#000;color:#fff;padding:27px;border-radius:13px}.company-mark{display:grid;place-items:center;flex-shrink:0;background:#232323;color:var(--lime);width:63px;height:63px;border-radius:11px}.company-mark>.icon{width:34px;height:34px}.company-hero h2{font-size:28px;letter-spacing:-.9px}.company-hero .eyebrow{color:#aaaa93;font-size:9px;margin-bottom:6px}.company-hero p:not(.eyebrow){color:#c1c1b4;font-size:11px;margin-top:9px}.verified-pill{margin-left:auto;display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;color:var(--lime)}.verified-pill>.icon{width:14px;height:14px}.workspace-note{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:var(--muted);padding:16px 0}.workspace-note>.icon{width:16px;height:16px}.company-credit{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;align-items:center;padding:23px;background:#efefe5;border:1px solid #deded0;border-radius:11px;margin-bottom:29px}.company-credit .eyebrow{font-size:8px;margin-bottom:7px}.company-credit h3{font-size:19px;margin-bottom:6px}.company-credit small{font-size:9px;line-height:1.6;color:var(--muted);display:block;max-width:270px}.company-credit dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.company-credit dt{font-size:9px;color:var(--muted);margin-bottom:7px}.company-credit dd{font-size:21px;letter-spacing:-.7px;margin:0;font-weight:750}.company-credit dl>div:last-child dd{color:#465e0c}.workspace-tabs{display:flex;gap:7px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:25px}.workspace-tabs button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:10px 12px;font-size:11px;background:#fff;color:var(--muted)}.workspace-tabs button>.icon{width:16px;height:16px}.workspace-tabs button[aria-selected="true"]{background:#000;border-color:#000;color:#fff}.workspace-tabs button>span{background:var(--lime);color:#000;font-size:9px;border-radius:3px;min-width:17px;text-align:center;padding:1px 3px}.workspace-content>.section-heading{align-items:flex-start}.workspace-content .section-heading h2{font-size:21px}.workspace-content .section-heading .field{margin:0;min-width:180px}.workspace-content .section-heading .field label{font-size:10px}.workspace-content .section-heading select{min-height:39px;font-size:11px;padding:8px 10px}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.person-card{display:flex;gap:12px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}.person-card>div{min-width:0}.avatar-small{width:37px;height:37px;background:#e9e9df;color:#3a3a30;font-size:10px}.person-card h3{font-size:13px;line-height:1.6}.person-card p{font-size:10px;color:var(--muted);margin-top:3px}.person-card small{display:block;font-size:9px;margin-top:9px;color:#7e7e6c;overflow-wrap:anywhere}.company-site-address{margin:18px 0}.purchasing-handoff{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px;background:#edede3;border-radius:12px;margin-top:30px}.purchasing-handoff>div{display:flex;gap:16px;align-items:flex-start;min-width:0}.purchasing-handoff>div>.icon{flex-shrink:0}.purchasing-handoff h3{font-size:14px;line-height:1.5}.purchasing-handoff p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:7px;max-width:480px}.purchasing-handoff>.btn{flex-shrink:0;font-size:10px;padding:11px 13px}
.address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.address-card{display:flex;flex-direction:column;gap:17px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.address-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:4px}.address-card-footer{border-top:1px solid #eaeae1;margin-top:auto;padding-top:12px}.address-card-footer .btn{font-size:11px}.info-strip{display:flex;gap:16px;align-items:center;margin-top:26px;padding:20px;border:1px solid #d4d4bf;border-radius:10px;font-size:11px;color:var(--muted)}.info-strip>p{flex:1;line-height:1.8}.info-strip>.btn{font-size:10px;flex-shrink:0}.preferences-section{margin-bottom:22px}.preference-toggle{position:relative;display:flex;align-items:center;gap:14px;cursor:pointer;padding:13px 0 21px}.preference-toggle+.preference-toggle{border-top:1px solid var(--line);padding-top:21px}.preference-icon{display:grid;place-items:center;width:39px;height:39px;background:#f1f1e8;border-radius:8px;flex-shrink:0}.preference-icon .icon{width:20px;height:20px}.preference-toggle>span:nth-child(2){min-width:0;flex:1}.preference-toggle strong{font-size:13px;display:block}.preference-toggle small{font-size:11px;color:var(--muted);display:block;line-height:1.7;margin-top:5px}.preference-toggle input{position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0;width:44px;height:27px;margin:0;cursor:pointer;z-index:1}.toggle-track{display:block;position:relative;width:44px;height:26px;flex-shrink:0;background:#cfcfc3;border-radius:20px;transition:background .2s}.toggle-track:after{position:absolute;content:"";height:20px;width:20px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 1px 3px #0002;transition:transform .2s}.preference-toggle input:checked+.toggle-track{background:#111}.preference-toggle input:checked+.toggle-track:after{transform:translateX(18px);background:var(--lime)}.preference-toggle input:focus-visible+.toggle-track{outline:3px solid #486aee;outline-offset:4px}.sms-phone{max-width:425px;margin:1px 0 20px 53px}.sms-phone .field{margin-bottom:0}.transactional-note{display:flex;gap:9px;align-items:flex-start;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:var(--muted);line-height:1.8}.transactional-note>.icon{width:16px;height:16px;margin-top:2px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.topic-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 17px;border:1px solid #d6d6c9;border-radius:9px;cursor:pointer;min-width:0}.topic-card:has(input:checked){border-color:#8d9500;background:#faffcf}.topic-card>input{position:absolute;width:18px;height:18px;right:14px;top:15px;opacity:0;z-index:1;cursor:pointer}.topic-card>.icon{width:23px;height:23px;margin-bottom:3px}.topic-card strong{font-size:11px;padding-right:8px}.topic-card small{font-size:10px;color:var(--muted);line-height:1.7}.topic-check{position:absolute;right:14px;top:15px;display:grid;place-items:center;width:18px;height:18px;border:1px solid #a9a99a;border-radius:3px;background:#fff}.topic-check .icon{width:13px;height:13px;visibility:hidden}.topic-card input:checked+.topic-check{background:#000;border-color:#000;color:var(--lime)}.topic-card input:checked+.topic-check .icon{visibility:visible}.topic-card input:focus-visible+.topic-check{outline:3px solid #486aee;outline-offset:4px}.frequency-field{max-width:350px;margin-top:23px}.frequency-field>.field{margin-bottom:0}.preferences-save{display:flex;gap:24px;align-items:center;justify-content:space-between;padding-top:3px}.preferences-save p{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.preferences-save p>.icon{width:15px;height:15px}
.saved-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.saved-list-card{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.saved-list-art{height:130px;display:flex;align-items:center;justify-content:center;gap:25px;background:#e8e8dc}.saved-list-art>.icon{width:75px;height:75px;stroke-width:1.1;transform:rotate(-12deg)}.saved-list-art>.icon+svg{color:#646c12;transform:rotate(12deg)}.saved-list-body{padding:24px}.saved-list-body h2{font-size:22px;margin-bottom:7px;overflow-wrap:anywhere}.saved-list-body>p{font-size:12px;margin:20px 0}.saved-items{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}.saved-items li{display:flex;gap:9px;align-items:center;font-size:12px}.saved-items .icon{width:16px;height:16px;color:#75785d}.list-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;padding-top:14px;border-top:1px solid var(--line)}.list-actions .btn{font-size:11px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:48px 27px;background:#fff;border:1px dashed #cecebf;border-radius:12px}.empty-icon{display:grid;place-items:center;width:64px;height:64px;background:#efefe6;border-radius:50%;margin-bottom:6px}.empty-icon>.icon{width:30px;height:30px}.empty-state h3{font-size:23px;letter-spacing:-.7px}.empty-state p{font-size:13px;color:var(--muted);line-height:1.7;max-width:390px}.empty-state .btn{margin-top:8px}.support-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.support-cards>button{display:flex;flex-direction:column;align-items:flex-start;gap:19px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;text-align:left;transition:border-color .15s}.support-cards>button:hover{border-color:#000}.support-cards>button>.icon:first-child{width:28px;height:28px}.support-cards h2{font-size:18px;line-height:1.25}.support-cards p{color:var(--muted);font-size:11px;line-height:1.8;margin-top:-8px}.support-cards>button>.icon:last-child{margin-top:auto;width:20px;height:20px}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;margin-top:48px}.faq-section>div:first-child>p:last-child{margin-top:15px;font-size:12px;line-height:1.8}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:650;padding:20px 0;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>.icon{width:17px;height:17px}.faq-list details[open] summary>.icon{transform:rotate(45deg)}.faq-list details>p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 28px 22px 0}
.account-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px max(34px,calc((100vw - 1372px)/2));background:#000;color:#fff;border-top:3px solid var(--lime)}.account-footer>div>strong{display:block;font-size:11px;letter-spacing:1px}.account-footer>div>span{display:block;font-size:9px;color:#99998f;margin-top:5px}.account-footer nav{display:flex;gap:24px;align-items:center}.account-footer nav>a,.account-footer nav>button{font-size:10px;color:#cacac1;text-decoration:none;background:none;padding:0}.account-footer nav .icon{width:12px;height:12px;margin-left:5px}.account-footer nav>a:hover,.account-footer nav>button:hover{color:var(--lime)}.account-footer>small{font-size:9px;color:#88887f}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.account-modal{display:flex;flex-direction:column;width:min(100%,560px);max-height:calc(100dvh - 48px);background:#fff;border-radius:16px;box-shadow:0 20px 80px #0004;overflow:hidden}.modal-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line);flex-shrink:0}.modal-heading h2{font-size:24px;overflow-wrap:anywhere}.modal-heading .icon-button{flex-shrink:0}.account-modal>form{display:flex;flex-direction:column;min-height:0}.modal-body{padding:26px;overflow:auto;min-height:0;overscroll-behavior:contain}.modal-body>.muted{font-size:12px;line-height:1.8;margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding:18px 26px;border-top:1px solid var(--line);background:#f8f8f3;flex-shrink:0}.modal-list-actions{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0 16px}
@media(min-width:1500px){.landing-visual{height:515px}}
@media(max-width:1200px){.account-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.welcome-illustration>span{display:none}.welcome-illustration{margin-right:0}.welcome-illustration>.icon{width:125px;height:125px}.profile-layout,.order-detail-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.profile-layout .detail-card{padding:21px}.company-credit{grid-template-columns:1fr}.company-credit dl{gap:20px}.company-credit small{max-width:100%}.purchasing-handoff{flex-direction:column;align-items:flex-start}.auth-card{padding:35px}.landing-visual{height:445px}.hero-helmet{right:15px;width:220px;height:220px}.hero-shirt{left:20px;width:190px;height:210px}.hero-shirt .icon{width:135px;height:150px}.visual-stamp{right:22px;width:90px;height:90px}.hero-actions{gap:12px}.landing-copy h1{letter-spacing:-2.5px}.account-stats button{padding:17px 13px;gap:8px}.account-stats button>.icon:last-child{display:none}.topic-grid{gap:10px}.topic-card{padding:19px 14px}.support-cards>button{padding:21px}}
@media(max-width:1000px){.store-link{display:none}.account-layout{grid-template-columns:170px minmax(0,1fr);gap:25px;padding-left:25px;padding-right:25px}.profile-layout,.order-detail-layout{grid-template-columns:minmax(0,1fr)}.profile-layout>aside{grid-template-columns:repeat(2,minmax(0,1fr))}.order-detail-layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.order-help{margin-top:0}.account-landing{gap:28px}.hero-helmet{width:180px;height:180px;top:72px;right:15px}.hero-helmet .icon{width:125px;height:125px}.hero-shirt{width:160px;height:190px;bottom:70px;left:22px}.hero-shirt .icon{width:115px;height:140px}.visual-stamp{right:22px;bottom:70px;width:76px;height:76px;font-size:10px}.visual-order-chip{left:26px;bottom:25px}.landing-copy>p{font-size:14px}.hero-proof{gap:9px;flex-direction:column}.landing-benefits{gap:25px}.auth-story{padding:36px 29px}.auth-story h2{font-size:43px}.auth-card{padding:32px}.auth-card h1{font-size:29px}.auth-story-art{height:185px}.auth-story-art>.icon:first-child{width:155px;height:155px}.auth-story-art>.icon:last-child{right:0;width:62px;height:80px}.auth-story-points{font-size:10px}.page-heading{flex-direction:column;gap:13px}.page-actions{margin-top:0}.company-hero{flex-wrap:wrap}.verified-pill{margin-left:84px;margin-top:-6px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:96px;padding-left:58px;gap:7px}.topic-card>.icon{position:absolute;left:18px;top:19px}.topic-card strong{padding-right:20px}.topic-card small{padding-right:17px}.support-cards{gap:12px}.support-cards h2{font-size:16px}.faq-section{grid-template-columns:1fr;gap:25px}.welcome-panel h2{font-size:28px}.welcome-panel{padding:27px}.welcome-illustration>.icon{width:108px;height:108px;padding:18px}.address-grid,.saved-lists{gap:15px}.details{grid-template-columns:90px minmax(0,1fr)}.person-card{padding:15px}.company-credit dd{font-size:23px}.account-stats{grid-template-columns:1fr;gap:9px}.account-stats button{display:grid;grid-template-columns:23px 1fr 15px;gap:12px;padding:13px 17px}.account-stats button>span{display:flex;align-items:center;gap:10px}.account-stats strong{font-size:19px}.account-stats small{margin-top:0;font-size:11px}.account-stats button>.icon:last-child{display:block}.order-card-total strong{font-size:17px}}
@media(max-width:760px){.preview-bar{padding:8px 17px;gap:8px;flex-wrap:wrap;font-size:9px}.preview-bar p{gap:7px}.preview-bar>div{width:100%;justify-content:space-between}.preview-bar select{max-width:255px;flex:1;font-size:10px}.store-header-inner{padding:17px;min-height:92px;gap:13px}.brand-button img{width:147px}.header-account{gap:7px}.header-account .btn{min-height:40px;padding:9px 11px;font-size:11px;gap:5px}.header-account .btn>.icon{width:15px;height:15px}.header-user{padding:4px 0;gap:8px}.header-user>.icon{width:19px;height:19px}.header-user strong{font-size:11px}.header-user small{font-size:8px}.header-account>.btn-header>span{display:none}.brand-stripe{padding:8px 17px;font-size:8px}.brand-stripe>span:last-child{font-size:8px}.landing-main{padding:29px 21px 43px}.account-landing{grid-template-columns:1fr;gap:26px;min-height:0}.landing-copy{padding:8px 0}.landing-copy h1{font-size:56px;max-width:650px;letter-spacing:-2.6px;margin:20px 0}.landing-copy>p{max-width:530px;font-size:14px;line-height:1.8}.hero-actions{gap:13px;margin-top:24px}.hero-proof{flex-direction:row;gap:14px;margin-top:24px}.landing-visual{height:340px}.hero-helmet{width:190px;height:190px;top:32px;right:20%;transform:rotate(13deg)}.hero-shirt{width:160px;height:187px;left:18%;bottom:31px}.visual-stamp{right:8%;bottom:32px;width:82px;height:82px;font-size:11px}.visual-order-chip{left:31%;bottom:18px}.visual-label{top:23px;left:23px;font-size:10px}.landing-benefits{padding:36px 0 32px;gap:22px}.landing-benefits h2{font-size:17px}.landing-benefits p{font-size:11px;line-height:1.8}.landing-benefits article>.icon{width:23px;height:23px;margin-bottom:15px}.landing-signin{padding:24px;align-items:flex-start}.landing-signin h2{font-size:21px}.landing-signin .btn{flex-shrink:0}.account-layout{display:block;padding:19px 17px 46px}.account-sidebar{position:static;margin-bottom:27px}.sidebar-person,.sidebar-note{display:none}.account-sidebar nav{display:flex;gap:5px;overflow-x:auto;padding-bottom:7px;scrollbar-width:thin}.account-sidebar nav button{width:auto;flex-shrink:0;padding:10px 13px;font-size:10px;gap:7px}.account-sidebar nav button>.icon{width:15px;height:15px}.account-sidebar nav button .nav-chevron{display:none}.signout-button{margin:3px 0 0 auto;font-size:9px;padding:3px 6px;gap:6px}.signout-button .icon{width:12px;height:12px}.page-heading{margin-bottom:24px}.page-heading .lead{font-size:13px;margin-top:10px;line-height:1.75}.page-heading h1{font-size:33px;letter-spacing:-1.1px}.page-heading .eyebrow{font-size:9px;margin-bottom:9px}.welcome-panel{min-height:220px;padding:26px}.welcome-panel h2{font-size:30px}.welcome-illustration>span{display:block;font-size:15px}.welcome-illustration>.icon{width:108px;height:108px;padding:16px}.welcome-panel .btn{font-size:11px;min-height:41px}.account-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px;margin-bottom:29px}.account-stats button{display:flex;flex-direction:column;align-items:flex-start;padding:15px 13px;gap:12px}.account-stats button>span{display:block}.account-stats strong{font-size:23px}.account-stats small{font-size:9px;margin-top:5px;line-height:1.55}.account-stats button>.icon:last-child{display:none}.section-heading h2{font-size:22px}.order-card-top{padding:16px 18px}.order-card-body{padding:20px 18px;gap:13px}.order-card-footer{padding:10px 18px}.order-card-total strong{font-size:18px}.detail-card{padding:23px}.detail-card h2{font-size:21px}.card-icon{width:38px;height:38px}.auth-main{padding:27px 20px 43px}.auth-layout{grid-template-columns:1fr;max-width:590px}.auth-story{display:none}.auth-card{padding:32px}.auth-card h1{font-size:34px}.auth-card .back-link{margin-bottom:27px}.auth-subtitle{font-size:13px}.auth-register .auth-card{padding:29px}.auth-form .form-row{gap:14px}.auth-form{margin-top:25px}.auth-card .field input,.auth-card .field select,.auth-card .field textarea{font-size:16px}.auth-card .code-field input{font-size:34px}.global-notice{margin:15px 17px 0;font-size:12px}.orders-toolbar{padding:18px;grid-template-columns:minmax(0,1fr) 165px;gap:14px}.orders-toolbar .field input,.orders-toolbar .field select,.search-field input{font-size:14px}.surface-heading{padding:20px 23px}.surface-body{padding:23px}.profile-tabs{gap:24px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;margin-bottom:24px}.profile-tabs>button{font-size:11px;flex-shrink:0}.company-hero{padding:23px}.company-hero h2{font-size:26px}.company-credit{grid-template-columns:1fr 1.5fr;padding:22px;gap:21px}.company-credit dd{font-size:23px}.company-credit small{font-size:9px}.workspace-tabs{gap:7px;overflow-x:auto;scrollbar-width:thin}.workspace-tabs button{white-space:nowrap;flex-shrink:0}.workspace-content>.section-heading{align-items:flex-start}.company-credit dl{gap:14px}.purchasing-handoff{flex-direction:row;align-items:center;padding:23px}.purchasing-handoff>.btn{flex-shrink:0;min-width:0}.purchasing-handoff p{font-size:10px}.address-grid{gap:17px}.address-card{padding:22px}.preferences-section .surface-heading>div{max-width:92%}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-card{padding:19px 14px;gap:12px}.topic-card>.icon{position:static}.topic-card strong{padding-right:3px}.topic-card small{padding-right:0}.info-strip{padding:18px;flex-wrap:wrap;gap:12px}.info-strip>.btn{margin-left:33px}.saved-lists{gap:18px}.support-cards>button{padding:23px}.support-cards h2{font-size:18px}.faq-section{grid-template-columns:.7fr 1.3fr;gap:28px}.account-footer{padding:26px 21px;flex-wrap:wrap;gap:20px}.account-footer>small{width:100%}.profile-completion{padding:17px 20px}.profile-completion h2{font-size:16px}.profile-completion p{font-size:11px}.profile-completion .btn{flex-shrink:0;font-size:11px}}
@media(max-width:540px){.store-header-inner{flex-wrap:wrap;justify-content:space-between;padding:17px 18px 15px;gap:15px;min-height:0}.brand-button img{width:146px}.header-account{margin-left:0}.header-account:has([data-view="register"]){width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.header-account:has([data-view="register"]) .btn{min-height:42px;font-size:12px}.header-account:has([data-view="register"]) .btn>.icon{width:17px;height:17px}.header-account>.btn-header:has(span){padding:9px 11px}.brand-stripe>span:last-child{display:none}.brand-stripe{justify-content:center;padding:8px 18px;font-size:8px;letter-spacing:1.65px}.preview-bar p>span:not(.preview-code){font-size:8px}.preview-bar p{gap:5px 8px}.preview-bar{padding:7px 14px}.preview-bar>div{gap:9px}.preview-bar select{max-width:100%;min-width:0;font-size:9px;min-height:26px}.landing-main{padding:29px 18px 36px}.landing-copy h1{font-size:43px;letter-spacing:-2px;line-height:1.06}.landing-copy .section-tag{font-size:8px}.landing-copy>p{font-size:13px;line-height:1.9}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px;margin-top:21px}.hero-actions>.btn-primary{width:100%;min-height:47px}.hero-actions>.btn-text{font-size:11px;min-height:29px}.hero-proof{gap:8px;flex-direction:column;font-size:10px;margin-top:17px}.landing-visual{height:316px;border-radius:15px}.hero-helmet{right:25px;top:40px;width:164px;height:164px}.hero-helmet .icon{width:112px;height:112px}.hero-shirt{left:15px;bottom:43px;width:137px;height:159px}.hero-shirt .icon{width:97px;height:116px}.visual-stamp{right:22px;bottom:38px;width:65px;height:65px;font-size:9px}.visual-order-chip{left:57px;bottom:14px;padding:10px 13px;gap:9px;font-size:8px}.visual-order-chip>svg:first-child{width:21px}.visual-order-chip strong{font-size:12px}.visual-order-chip>.icon:last-child{width:23px;height:23px;margin-left:17px}.visual-label{top:21px;left:18px;font-size:9px;letter-spacing:1.5px}.landing-benefits{grid-template-columns:1fr;gap:24px;padding:31px 0}.landing-benefits article{position:relative;padding:22px 0 0 42px;min-height:95px}.landing-benefits article>.icon{position:absolute;top:25px;left:0;width:25px;height:25px}.landing-benefits h2{font-size:18px;margin-bottom:10px}.landing-benefits p{font-size:12px;max-width:none;line-height:1.8}.landing-signin{flex-direction:column;gap:19px;padding:24px 21px}.landing-signin h2{font-size:22px;line-height:1.2}.landing-signin .eyebrow{font-size:8px}.landing-signin .btn{width:100%}.auth-main{padding:23px 14px 34px}.auth-layout{border-radius:13px}.auth-card,.auth-register .auth-card{padding:26px 22px}.auth-card h1{font-size:29px;letter-spacing:-1px}.auth-card .back-link{font-size:10px;margin-bottom:27px}.auth-card>.eyebrow{font-size:9px}.auth-subtitle{font-size:12px}.field{margin-bottom:19px}.field label{font-size:11px}.form-row,.form-row-three{grid-template-columns:1fr;gap:0}.auth-form .form-row{gap:0}.field input,.field select,.field textarea{font-size:16px;min-height:46px}.field small{font-size:10px}.auth-card .code-field input{font-size:30px;letter-spacing:8px;padding-left:19px;min-height:73px}.code-actions{flex-direction:column;gap:5px}.code-actions .btn{min-height:32px;font-size:11px}.consent-group{padding:11px 13px 13px}.consent-group legend{font-size:10px}.auth-switch{font-size:11px}.auth-form .btn-full{font-size:12px;padding-left:12px;padding-right:12px}.signin-security{font-size:9px}.account-layout{padding:17px 14px 38px}.account-sidebar{margin-bottom:23px}.page-heading h1{font-size:30px;letter-spacing:-1px;line-height:1.1}.page-heading .lead{font-size:12px;margin-top:10px}.page-heading .eyebrow{font-size:8px}.page-actions{width:100%}.page-actions>.btn{width:100%;font-size:12px}.page-heading{gap:16px;margin-bottom:23px}.welcome-panel{padding:23px 21px;min-height:225px;align-items:flex-start}.welcome-panel h2{font-size:28px;letter-spacing:-1px;line-height:1.15;margin:15px 0 23px}.welcome-panel .section-tag{font-size:7px;letter-spacing:1px}.welcome-illustration{position:absolute;right:-15px;top:47px;transform:rotate(14deg);opacity:.18}.welcome-illustration>span{display:none}.welcome-illustration>.icon{width:137px;height:137px}.welcome-panel .btn{font-size:11px;min-height:42px}.account-stats{gap:7px;margin-top:13px;margin-bottom:28px}.account-stats button{padding:13px 11px;gap:9px;border-radius:8px}.account-stats strong{font-size:21px}.account-stats small{font-size:8px;line-height:1.55}.account-stats button>.icon:first-child{width:19px;height:19px}.section-heading{align-items:flex-start;gap:15px;margin-bottom:16px}.section-heading h2{font-size:22px}.section-heading .eyebrow{font-size:8px;margin-bottom:5px}.section-heading .btn{font-size:10px;min-height:31px;padding:5px 0;white-space:nowrap}.order-card{border-radius:11px}.order-card-top{padding:15px 16px}.order-card-top .eyebrow{font-size:8px;letter-spacing:1px}.order-card-top strong{font-size:10px}.status{font-size:8px;padding:4px 7px}.order-card-body{display:grid;grid-template-columns:50px minmax(0,1fr);padding:17px 16px;gap:12px}.order-card-body .product-swatch{width:50px;height:55px}.product-swatch>.icon{width:30px;height:30px}.order-description h3{font-size:12px;line-height:1.5}.order-description p{font-size:10px}.order-description>small{font-size:9px}.order-card-total{grid-column:2;text-align:left;display:flex;align-items:baseline;gap:9px;margin-top:1px}.order-card-total strong{font-size:18px}.order-card-total small{font-size:8px}.order-card-footer{padding:10px 16px;align-items:flex-start;gap:8px}.order-card-footer>span{font-size:9px;line-height:1.7;max-width:57%}.order-card-footer>span>.icon{width:14px;height:14px;margin-top:2px}.order-card-footer .btn{font-size:10px;padding:2px 0;min-height:29px;gap:6px}.order-card-footer .btn>.icon{width:15px}.order-list{gap:15px}.two-cards{grid-template-columns:1fr;gap:16px}.detail-card{padding:23px}.detail-card h2{font-size:23px}.detail-card p{font-size:12px}.detail-card>.btn{font-size:12px}.orders-toolbar{grid-template-columns:1fr;padding:17px;gap:18px}.orders-toolbar .field select,.search-field input{font-size:16px}.search-field>label,.orders-toolbar .field label{font-size:11px}.search-field>div{min-height:46px}.order-results{font-size:10px;align-items:center;margin-bottom:15px}.order-results .small{font-size:9px}.order-detail-layout>aside{grid-template-columns:1fr}.surface-heading{padding:19px 20px;gap:10px}.surface-heading h2{font-size:18px}.surface-heading>span{font-size:9px}.surface-heading p{font-size:11px}.surface-body{padding:21px}.order-lines{padding:0 18px}.order-lines article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:18px 0}.order-lines .product-swatch{width:48px;height:55px}.order-lines h3{font-size:12px}.order-lines article>strong{grid-column:2;font-size:13px;margin-top:-5px}.order-lines p,.order-lines small{font-size:9px}.order-addresses{gap:15px}.order-addresses .detail-card{padding:21px}.order-help{padding:22px}.order-help .btn{font-size:12px}.summary-total strong{font-size:27px}.details{grid-template-columns:98px minmax(0,1fr);font-size:11px;gap:12px}.profile-layout>aside{grid-template-columns:1fr}.profile-tabs{gap:20px;margin-bottom:22px}.profile-tabs>button{font-size:11px;padding-bottom:14px}.profile-tabs>button>.icon{width:17px}.form-footer{flex-direction:column;align-items:stretch;gap:14px}.form-footer .btn{width:100%}.profile-layout .surface-heading>span{display:none}.company-hero{padding:22px;gap:15px}.company-mark{width:48px;height:48px;border-radius:9px}.company-mark>.icon{width:27px;height:27px}.company-hero .eyebrow{font-size:7px;letter-spacing:1.1px}.company-hero h2{font-size:25px}.company-hero>div:nth-child(2){flex:1;min-width:0}.company-hero p:not(.eyebrow){font-size:10px;line-height:1.8;margin-top:7px}.verified-pill{margin-left:63px;font-size:8px;margin-top:-6px}.workspace-note{font-size:10px;line-height:1.8;padding:14px 0;gap:8px}.company-credit{grid-template-columns:1fr;padding:22px;gap:21px;margin-bottom:24px}.company-credit dl{gap:11px}.company-credit dd{font-size:20px;letter-spacing:-.7px}.company-credit dt{font-size:8px;margin-bottom:6px}.company-credit .eyebrow{font-size:7px}.company-credit h3{font-size:20px}.company-credit small{font-size:9px;max-width:100%}.workspace-tabs{gap:6px;padding-bottom:17px;margin-bottom:23px}.workspace-tabs button{font-size:9px;padding:9px 10px;gap:5px}.workspace-tabs button>.icon{width:14px;height:14px}.workspace-tabs button>span{font-size:8px;min-width:14px}.workspace-content>.section-heading{flex-direction:column;gap:18px}.workspace-content .section-heading .field{width:100%;min-width:0}.workspace-content .section-heading select{font-size:16px;min-height:45px}.workspace-content .section-heading h2{font-size:22px}.workspace-content .section-heading .small{font-size:10px;line-height:1.8}.people-grid{grid-template-columns:1fr;gap:12px}.person-card{padding:19px}.person-card h3{font-size:13px}.person-card small{font-size:10px}.purchasing-handoff{flex-direction:column;align-items:stretch;padding:22px;gap:19px}.purchasing-handoff h3{font-size:14px;line-height:1.5}.purchasing-handoff p{font-size:10px;line-height:1.8}.purchasing-handoff .btn{font-size:11px;width:100%;white-space:normal}.address-grid{grid-template-columns:1fr;gap:16px}.address-card{padding:22px}.address-block{font-size:12px}.info-strip{padding:19px;align-items:flex-start}.info-strip>p{font-size:10px}.info-strip>.icon{width:19px;height:19px}.info-strip>.btn{margin-left:31px;font-size:10px}.preferences-section .surface-heading>div{max-width:100%}.preferences-section .surface-heading>.icon{display:none}.preferences-section .surface-heading h2{font-size:21px}.preferences-section .surface-heading p{font-size:11px;line-height:1.8}.preference-toggle{gap:11px;padding-bottom:22px;align-items:flex-start}.preference-toggle+.preference-toggle{padding-top:22px}.preference-icon{width:32px;height:32px;border-radius:7px}.preference-icon .icon{width:17px;height:17px}.preference-toggle strong{font-size:12px}.preference-toggle small{font-size:10px;line-height:1.75;padding-right:3px;margin-top:7px}.toggle-track{width:38px;height:23px;margin-top:3px}.toggle-track:after{height:17px;width:17px}.preference-toggle input:checked+.toggle-track:after{transform:translateX(15px)}.preference-toggle input{width:38px}.sms-phone{margin:0 0 21px 0}.transactional-note{font-size:9px;line-height:1.8}.topic-grid{grid-template-columns:1fr;gap:12px}.topic-card{padding:19px 18px 19px 56px;gap:7px;min-height:97px}.topic-card>.icon{position:absolute;left:17px;top:19px}.topic-card strong{font-size:12px;padding-right:18px}.topic-card small{font-size:10px;line-height:1.7;padding-right:10px}.preferences-save{flex-direction:column;align-items:stretch;gap:16px;padding-top:0}.preferences-save>p{font-size:10px}.preferences-save>.btn{width:100%}.saved-lists{grid-template-columns:1fr;gap:20px}.saved-list-art{height:135px}.saved-list-body{padding:22px}.support-cards{grid-template-columns:1fr;gap:13px}.support-cards>button{position:relative;display:block;padding:23px 47px 23px 66px;min-height:113px}.support-cards>button>.icon:first-child{position:absolute;left:22px;top:26px;width:25px;height:25px}.support-cards>button>.icon:last-child{position:absolute;right:18px;top:27px;width:18px;height:18px}.support-cards h2{font-size:18px;margin-bottom:10px}.support-cards p{font-size:11px;margin-top:0;line-height:1.75}.faq-section{grid-template-columns:1fr;gap:23px;margin-top:34px}.faq-section h2{font-size:26px}.faq-section>div:first-child>p:last-child{font-size:12px}.faq-list summary{font-size:12px;padding:20px 0;line-height:1.6}.faq-list details>p{font-size:11px;line-height:1.9}.empty-state{padding:37px 22px;gap:13px}.empty-state h3{font-size:23px}.empty-state p{font-size:12px}.empty-state .btn{font-size:12px}.public-layout>.account-main{padding:29px 17px 40px}.profile-completion{align-items:flex-start;flex-direction:column;gap:13px;padding:19px}.profile-completion p{font-size:11px;line-height:1.8}.profile-completion .btn{font-size:11px}.account-footer{padding:25px 19px;gap:22px}.account-footer nav{gap:22px;flex-wrap:wrap}.account-footer>div,.account-footer nav{width:100%}.account-footer>div>strong{font-size:11px}.account-footer>div>span{font-size:9px}.account-footer nav>a,.account-footer nav>button{font-size:10px}.account-footer>small{font-size:8px}.modal-backdrop{padding:12px}.account-modal{max-height:calc(100dvh - 24px);border-radius:12px}.modal-heading{padding:19px 20px}.modal-heading h2{font-size:22px}.modal-heading .icon-button{width:33px;height:33px}.modal-body{padding:22px 20px}.modal-footer{padding:17px 20px;gap:9px}.modal-footer>.btn{flex:1;font-size:12px;padding:11px 12px;min-height:44px}.modal-list-actions{flex-direction:column;align-items:stretch}.modal-list-actions>.btn{font-size:12px}.modal-body .check-row{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* Readable phone typography: keep the information, let the layout grow. */
@media(max-width:760px){
  #screen p{font-size:14px;line-height:1.75}
  #screen small,#screen .small{font-size:12px;line-height:1.65}
  #screen .eyebrow{font-size:11px;line-height:1.5;letter-spacing:1.2px}
  #screen .btn,#screen .text-link{font-size:14px;line-height:1.4}
  #screen .field label,.search-field>label{font-size:13px;line-height:1.5}
  #screen .field small,#screen .form-hint,#screen .consent-group>p{font-size:12px;line-height:1.7}
  #screen .check-row strong,#screen .check-row small{font-size:13px;line-height:1.65}
  #screen .consent-group legend{font-size:13px;line-height:1.6}
  #screen .hero-proof,#screen .signin-security,#screen .auth-divider{font-size:12px}
  #screen .section-tag{font-size:11px;line-height:1.45}
  #screen .auth-subtitle,#screen .auth-switch{font-size:14px}
  #screen .back-link{font-size:13px}
  #screen .status,#screen .order-card-top strong,#screen .order-card-footer>span,#screen .order-description>small{font-size:12px;line-height:1.6}
  #screen .order-description h3,#screen .order-lines h3{font-size:14px;line-height:1.5}
  #screen .order-card-total small{font-size:12px}
  #screen .order-card-total{flex-wrap:wrap;gap:3px 9px}
  #screen .surface-heading>span,#screen .summary-line,#screen .summary-total>span,#screen .summary-total>small,#screen .details{font-size:13px}
  #screen .profile-tabs>button,#screen .workspace-tabs button{font-size:13px;line-height:1.5}
  #screen .verified-pill,#screen .workspace-note{font-size:12px;line-height:1.65}
  #screen .company-credit dt,#screen .company-credit small{font-size:12px;line-height:1.6}
  #screen .company-credit dd{font-size:22px}
  #screen .company-hero p:not(.eyebrow){font-size:13px}
  #screen .person-card h3{font-size:15px}
  #screen .person-card p,#screen .person-card small{font-size:12px}
  #screen .address-block,#screen .address-block>strong{font-size:14px;line-height:1.75}
  #screen .preference-toggle strong,#screen .topic-card strong{font-size:14px}
  #screen .preference-toggle small,#screen .topic-card small{font-size:13px;line-height:1.75}
  #screen .transactional-note{font-size:12px;line-height:1.8}
  #screen .saved-items li,#screen .faq-list summary{font-size:14px;line-height:1.6}
  #screen .faq-list details>p{font-size:13px}
  .account-sidebar nav button{font-size:13px;line-height:1.5;padding:11px 13px}
  .signout-button{font-size:12px;min-height:32px}
  .header-account .btn,.header-account:has([data-view="register"]) .btn{font-size:14px;line-height:1.4}
  .header-user strong{font-size:13px}.header-user small{font-size:11px}
  .preview-bar,.preview-bar label,.preview-bar select,.preview-bar p>span:not(.preview-code){font-size:10px}
  .brand-stripe{font-size:10px;letter-spacing:1.1px}
  .account-footer nav>a,.account-footer nav>button,.account-footer>div>span,.account-footer>small{font-size:12px;line-height:1.6}
  .modal-body .field label,.modal-body .check-row{font-size:13px}
  .modal-body>.muted,.modal-body .saved-items li{font-size:14px;line-height:1.75}
  .modal-body .small{font-size:12px}
  .modal-footer>.btn,.modal-list-actions>.btn{font-size:14px;line-height:1.4}
}
@media(max-width:540px){
  #screen .company-hero{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start}
  #screen .company-hero>div:nth-child(2){grid-column:2;min-width:0}
  #screen .company-hero .verified-pill{grid-column:2;margin:0;justify-self:start}
  #screen .order-card-footer{flex-wrap:wrap;align-items:center;gap:10px}
  #screen .order-card-footer>span{max-width:100%;flex:1 1 155px}
  #screen .order-card-footer>.btn{margin-left:auto;min-height:36px}
  #screen .company-credit dl{grid-template-columns:1fr;gap:12px}
  #screen .company-credit dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px}
  #screen .company-credit dt{margin-bottom:0}
  #screen .section-heading{flex-wrap:wrap}
  #screen .order-card-top{gap:11px;align-items:flex-start}
  #screen .order-card-top .eyebrow{font-size:11px;letter-spacing:.7px}
  #screen .account-stats small{font-size:12px;line-height:1.6}
  #screen .account-stats button{padding:14px 10px}
  #screen .info-strip>.btn{margin-left:0}
  #screen .summary-total>small{margin-top:0}
  #screen .code-field input{font-size:30px}
}
@media print{.preview-bar,.store-header,.account-sidebar,.account-footer,.modal-backdrop,.page-actions,.orders-toolbar,.btn,.back-link{display:none!important}.account-layout,.public-layout,.account-main{display:block;padding:0;margin:0;max-width:none}.surface,.detail-card,.order-card{break-inside:avoid}.account-main{background:#fff}.order-detail-layout{display:block}.order-detail-layout>aside{margin-top:20px}.order-help{display:none}}