/* ActionFit storefront layout, based on the client's reference. */
:root{--paper:#f8f7f3;--linen:#eeefee;--border:#e2e4e8;--ink:#141821;--muted:#70747e}
html{scroll-padding-top:24px}
.container{max-width:1280px;padding-left:40px;padding-right:40px}
.section{padding-top:64px;padding-bottom:64px}
h2{font-weight:700;font-size:32px;letter-spacing:-1.2px}
.button{border-radius:30px;min-height:46px;padding:12px 22px}
.announcement{background:var(--blue)}
.announcement>.container{min-height:30px}
.header{background:#111827;color:white}
.header-inner{height:80px;gap:28px}
.header .wordmark>span{color:#6795ff}
.header .wordmark small{color:#b8c2d7}
.header .brand img{border-radius:50%;width:37px;height:37px}
.desktop-nav{font-size:12px;gap:28px}
.header .cart-trigger{border-color:#394251;border-radius:30px;padding:9px 15px;min-height:44px}
.header .cart-count{border-color:#394251}
.header-actions{gap:10px}
.header .mobile-nav{background:#111827;color:white;border-color:#394251}
.highlights{padding-top:24px}
.highlight-window{overflow:hidden;border-radius:16px;background:#07152c;touch-action:pan-y}
.highlight-track{display:flex;transition:transform .5s cubic-bezier(.22,.68,0,1)}
.highlight-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1fr 1.12fr;min-height:420px;color:white;background:#0b1730}
.highlight-copy{padding:46px 0 36px 48px;position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.highlight-copy .eyebrow{color:#9cbcff;font-size:9px;margin-bottom:16px;letter-spacing:1.5px}
.highlight-copy h2{font-size:48px;line-height:1.06;letter-spacing:-2px;font-weight:800}
.highlight-copy h2 em{font-style:normal;color:#739dff}
.highlight-copy p{font-size:13px;color:#bec9df;line-height:1.7;margin:20px 0 24px}
.highlight-copy .button{font-size:12px;gap:26px}
.highlight-footnote{font-size:7px;letter-spacing:1.4px;color:#8c9bb6;margin-top:24px}
.highlight-visual{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;background:radial-gradient(ellipse at center,#265ee7 0,#174098 40%,#0b1730 75%)}
.highlight-visual>.product-art{position:relative;width:370px;height:370px;max-width:92%;z-index:1;filter:drop-shadow(0 16px 20px #0005)}
.highlight-word{position:absolute;font-size:110px;font-weight:800;font-style:italic;letter-spacing:-10px;color:#80a6ff;opacity:.16;transform:rotate(-12deg);white-space:nowrap}
.highlight-stamp{position:absolute;bottom:27px;right:27px;width:74px;height:74px;border:1px solid #91adff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:.8px;transform:rotate(12deg);z-index:2;background:#0d2457}
.highlight-video{background:#0b1730;padding:24px}
.highlight-video video{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:contain;border-radius:10px}
.highlight-creatine{background:#061b49}
.highlight-combo .highlight-visual{background:radial-gradient(ellipse at center,#4076fb 0,#213f8a 40%,#0b1730 75%)}
.highlight-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 4px}
.highlight-caption{font-size:8px;font-weight:600;letter-spacing:1.1px;display:flex;gap:8px;align-items:center;color:var(--muted)}
.highlight-caption>span{font-size:22px;color:var(--blue)}
.highlight-dots{display:flex;gap:2px}
.highlight-dots button{width:32px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none}
.highlight-dots span{width:6px;height:6px;border-radius:10px;background:#b5b9c2}
.highlight-dots .active span{width:26px;background:var(--blue)}
.highlight-arrows{display:flex;gap:6px}
.highlight-arrows button{width:36px;height:36px;background:transparent;border:1px solid #cbd0da;border-radius:50%;font-size:20px}
.category-section{padding-top:22px;padding-bottom:34px}
.category-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.category-heading h2{font-size:22px;letter-spacing:-.7px}
.category-heading>span{font-size:10px;color:var(--muted)}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.category-card{display:flex;position:relative;min-width:0;height:124px;padding:18px;overflow:hidden;border:1px solid #e1e4ec;background:#edf0f6;border-radius:12px;align-items:center}
.category-card>div:first-child{position:relative;z-index:1}
.category-card strong{display:block;font-size:18px;line-height:1.2;font-weight:700;letter-spacing:-.5px;margin:6px 0}
.category-card small{display:block;font-size:9px;color:var(--muted)}
.category-card>div>span{font-size:8px;color:#7d899f;font-weight:500}
.category-art.product-art{position:absolute;right:3px;bottom:0;width:108px;height:108px;transition:transform .25s}
.category-arrow{position:absolute;right:12px;top:9px;font-size:17px;z-index:2;color:#647089}
.category-all{background:var(--blue);border-color:var(--blue);color:white}
.category-all small,.category-all>div>span,.category-all .category-arrow{color:#c4d5ff}
.category-bolt{position:absolute;right:18px;bottom:0;font-size:104px;line-height:1;color:#79a0ff;opacity:.7;font-weight:800;transform:rotate(10deg)}
.category-card[aria-current=true]:not(.category-all){border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.benefits{border-top:1px solid var(--border);background:#f0f1ee}
.benefits-inner{padding-top:18px;padding-bottom:18px;gap:22px}
.benefits-inner svg{width:23px;height:23px;color:var(--blue)}
.benefits-inner strong{font-size:10px}.benefits-inner p{font-size:9px}
.catalog.section{padding-top:48px;padding-bottom:52px}
.catalog .section-top{justify-content:center;text-align:center;margin-bottom:24px}
.catalog .section-note{display:none}
.catalog .eyebrow{font-size:8px;margin-bottom:10px;letter-spacing:1.6px}
.catalog h2{font-size:28px;letter-spacing:-1px}
.catalog h2>span{color:var(--blue);font-size:24px}
.catalog-toolbar{border-bottom:0;margin-bottom:22px;background:#eeefec;border-radius:10px;padding:7px 12px}
.filters{gap:5px}
.filter{padding:9px 14px;min-height:40px;border:0;border-radius:30px;margin:0;font-size:11px;color:#616671}
.filter.active{background:#141821;color:white}
.sort-label{font-size:10px}.sort-label select{background:transparent;font-size:10px}
.products-grid{gap:18px}
.product-card{padding:9px 9px 13px;background:white;border:1px solid #eceef1;border-radius:14px}
.product-media{border-radius:9px;background:#f2f3f5}
.product-media .product-art{width:86%;height:86%;margin:7%}
.product-tag{top:10px;left:9px;padding:4px 7px;border:0;border-radius:20px;background:#151a24;color:#c5d5ff;max-width:calc(100% - 18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:6.5px;letter-spacing:.2px}
.product-meta{font-size:8px;letter-spacing:0;margin:12px 4px 5px}
.product-title{font-size:13px;min-height:36px;margin:0 4px}
.product-description{font-size:10px;min-height:16px;margin:4px 4px 0}
.product-price{margin:10px 4px 0;gap:6px}
.product-price strong{font-size:18px;font-weight:700}.product-price small{font-size:8px}
.product-actions{gap:6px;margin-top:12px}
.product-card .add-button{background:#151a24;color:white;border-color:#151a24;border-radius:25px;font-size:10px;font-weight:600;padding:9px 12px;min-height:40px}
.product-card .buy-button{background:#edf2ff;color:var(--blue);border:1px solid #dce5ff;border-radius:25px;font-size:10px;min-height:40px;padding:9px 12px}
.product-actions span{font-size:16px}
.demo-note{text-align:center;font-size:9px;margin-top:20px}
.routine-banner{padding-bottom:56px}
.routine-panel{position:relative;overflow:hidden;border-radius:16px;background:#151a24;color:white;min-height:270px;display:flex;align-items:center;justify-content:center;text-align:center;padding:36px}
.routine-panel:before{content:'ϟ ϟ ϟ ϟ ϟ ϟ ϟ ϟ ϟ ϟ ϟ ϟ';position:absolute;inset:-40px;line-height:1.2;font-size:120px;letter-spacing:50px;color:#262d3c;transform:rotate(-12deg);pointer-events:none}
.routine-panel>div{position:relative;z-index:1}
.routine-bolt{position:absolute;right:70px;bottom:-100px;font-size:390px;color:#123ee81f;line-height:1}
.routine-pill{display:inline-block;padding:5px 13px;border:1px solid #729bff;border-radius:30px;color:#b6cdff;font-size:9px;letter-spacing:1px}
.routine-panel h2{font-size:34px;margin-top:17px;letter-spacing:-1px}
.routine-panel em{color:#7fa5ff;font-style:normal}
.routine-panel p{font-size:11px;color:#aeb9ce;margin:12px 0 23px}
.routine-panel .button{font-size:11px;min-height:42px}
.combo-carousel{padding-top:0;padding-bottom:50px}
.combo-section-header{margin-bottom:22px;gap:20px}
.combo-section-header .eyebrow{font-size:8px;margin-bottom:9px}
.combo-section-header h2{font-size:28px}.combo-section-header>p{font-size:10px}
.combo-window{border-radius:16px;background:white;border:1px solid #e3e6ec}
.combo-slide{min-height:470px;grid-template-columns:1fr 1fr}
.combo-slide-copy{padding:34px}
.combo-slide-copy h3{font-size:38px;letter-spacing:-1.4px}
.combo-intro{font-size:12px;margin:16px 0}
.combo-slide-art{padding:30px 12px}
.combo-slide-art>.product-art{width:min(90%,370px)}
.combo-carousel .combo-price{margin:10px 0 15px}.combo-carousel .combo-actions .button{min-height:44px;font-size:11px}
.combo-carousel .combo-sizes{margin-bottom:15px}.combo-carousel .combo-sizes button{border-radius:24px;min-height:40px}
.carousel-arrow{border-radius:50%}.carousel-toolbar{margin-top:8px}
.brand-section{padding-bottom:18px;text-align:center}
.brand-section h2{font-size:24px;letter-spacing:-.6px;margin-bottom:20px}
.brand-strip{display:flex;align-items:center;justify-content:space-around;gap:26px;background:#151a24;border-radius:12px;padding:29px 24px;color:#eef3ff;overflow:hidden}
.brand-strip>span{font-size:22px;font-weight:800;line-height:1;font-style:italic;white-space:nowrap;letter-spacing:-1px}
.brand-strip small{display:block;font-size:6px;font-weight:500;letter-spacing:3px;font-style:normal;line-height:2;text-align:right}
.brand-strip .brand-darkness{letter-spacing:1px;font-size:20px}.brand-strip .brand-fullife{font-style:normal;font-size:20px}
.about-section{gap:60px}.about-heading h2{font-size:38px}.about-text p{font-size:12px}
.delivery-section{background:#eaf0fa}.delivery-inner{padding-top:44px;padding-bottom:44px;gap:60px}.delivery-inner h2{font-size:30px}
.faq h2{font-size:28px}.faq{gap:60px}
footer{background:#151a24;color:white}.footer-top p,.footer-top>div>a:not(.brand),.footer-top>div>span,.footer-bottom{color:#aab5c9}.footer-bottom{border-color:#354055}.footer-top .wordmark>span{color:#7fa5ff}
dialog{border-radius:16px}.product-dialog{border-radius:16px}
@media(hover:hover) and (pointer:fine){.header .desktop-nav a:hover{color:#9cbcff}.highlight-arrows button:hover{background:var(--blue);color:white;border-color:var(--blue)}.category-card:hover{border-color:var(--blue)}.category-card:hover .category-art{transform:translateY(-4px)}.product-card .add-button:hover{background:var(--blue);border-color:var(--blue)}.product-card .buy-button:hover{background:var(--blue);color:white;border-color:var(--blue)}}
@media(hover:none),(pointer:coarse){.product-card .add-button:active{background:#eaf0ff;color:var(--ink);border-color:var(--blue)}}
@media(max-width:1100px){.highlight-copy{padding-left:34px}.highlight-copy h2{font-size:41px}.highlight-slide{min-height:380px}.highlight-visual>.product-art{width:330px;height:330px}.category-card{padding:15px}.category-art.product-art{right:-10px;width:92px;height:92px}.category-card strong{font-size:16px}.category-card small{font-size:8px}.brand-strip>span{font-size:18px}}
@media(max-width:800px){.container{padding-left:24px;padding-right:24px}.header-inner{height:72px;gap:14px}.header .brand{width:180px}.header .wordmark{font-size:22px}.header .wordmark small{font-size:5.5px}.header .brand img{width:32px;height:32px}.highlights{padding-top:18px}.highlight-slide{min-height:340px}.highlight-copy{padding:28px 0 28px 26px}.highlight-copy h2{font-size:34px;letter-spacing:-1.3px}.highlight-copy p{font-size:11px;margin:16px 0 20px}.highlight-copy .button{font-size:10px;gap:12px;padding:11px 16px}.highlight-footnote{font-size:6px;letter-spacing:.8px}.highlight-copy .eyebrow{font-size:7px;letter-spacing:.8px}.highlight-visual>.product-art{width:270px;height:270px}.highlight-video{padding:16px}.highlight-stamp{width:55px;height:55px;font-size:7px;right:18px;bottom:20px}.highlight-word{font-size:85px}.category-grid{gap:10px}.category-card{height:108px;padding:12px}.category-card strong{font-size:14px}.category-art.product-art{width:76px;height:76px;right:-16px}.category-card small{max-width:70px;font-size:7px}.category-heading h2{font-size:20px}.category-bolt{font-size:80px;right:6px}.category-arrow{font-size:14px}.category-section{padding-top:12px;padding-bottom:26px}.products-grid{gap:14px}.brand-strip{flex-wrap:wrap;padding:26px 16px;gap:24px 32px}.brand-strip>span{font-size:18px}.combo-slide{min-height:510px}.combo-slide-copy{padding:28px}.combo-slide-copy h3{font-size:32px}.combo-section-header h2{font-size:25px}.about-section,.faq,.delivery-inner{gap:30px}.routine-panel h2{font-size:30px}.benefits-inner{gap:14px}.benefits-inner strong{font-size:9px}.benefits-inner p{font-size:8px}}
@media(max-width:600px){.highlight-slide{grid-template-columns:1fr;grid-template-rows:208px 1fr;min-height:470px}.highlight-visual{order:-1;min-height:208px}.highlight-visual>.product-art{width:202px;height:202px;max-width:95%}.highlight-copy{padding:23px 25px 27px;justify-content:flex-start}.highlight-copy h2{font-size:34px;line-height:1.04}.highlight-copy .eyebrow{font-size:7px;margin-bottom:10px}.highlight-copy p{font-size:11px;margin:13px 0 17px}.highlight-footnote{display:none}.highlight-copy .button{font-size:11px;min-height:44px;padding:11px 18px;gap:26px}.highlight-video{padding:12px}.highlight-video video{max-height:184px;object-fit:contain}.highlight-stamp{width:47px;height:47px;font-size:6.5px;bottom:16px;right:18px}.highlight-word{font-size:78px;letter-spacing:-6px}.highlight-caption{font-size:6px;letter-spacing:.5px;gap:4px}.highlight-caption>span{font-size:18px}.highlight-dots button{width:27px}.highlight-arrows button{width:32px;height:32px;font-size:17px}.highlight-toolbar{gap:6px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-card{height:112px;padding:15px}.category-art.product-art{width:85px;height:85px;right:-3px}.category-card strong{font-size:16px}.category-card small{font-size:8px;max-width:100px}.category-bolt{font-size:91px;right:8px}.category-heading h2{font-size:18px}.category-heading>span{display:none}.category-heading{margin-bottom:15px}.category-section{padding-top:14px;padding-bottom:25px}.catalog.section{padding-top:34px;padding-bottom:38px}.catalog h2{font-size:23px}.catalog h2>span{font-size:20px}.catalog .eyebrow{font-size:7px}.catalog-toolbar{padding:8px 10px;gap:0}.filters{gap:3px;justify-content:space-between;flex-wrap:wrap}.filter{font-size:9px;padding:8px 10px;min-height:36px}.sort-label{margin:7px 0 0;font-size:9px}.sort-label select{font-size:9px}.product-card{padding:7px 7px 10px;border-radius:12px}.products-grid{gap:12px}.product-tag{font-size:5.5px;padding:3px 5px;top:7px;left:6px;max-width:calc(100% - 12px)}.product-title{font-size:11px;min-height:32px}.product-meta{font-size:6.5px;margin:10px 2px 5px}.product-description{font-size:8px;min-height:24px;margin-left:2px;margin-right:2px}.product-price{margin:8px 2px 0;gap:3px}.product-price strong{font-size:16px}.product-price small{font-size:7px}.product-actions{margin-top:10px;gap:5px}.product-card .add-button,.product-card .buy-button{min-height:44px;font-size:9px;padding:9px}.product-actions span{font-size:14px}.routine-banner{padding-bottom:38px}.routine-panel{padding:30px 20px;min-height:275px}.routine-panel h2{font-size:28px;line-height:1.12}.routine-panel p{font-size:10px;line-height:1.7}.routine-pill{font-size:7px}.combo-carousel{padding-bottom:35px}.combo-section-header h2{font-size:24px}.combo-section-header h2>span{display:block}.combo-section-header .eyebrow{font-size:7px}.combo-slide{min-height:0;grid-template-rows:240px 1fr}.combo-slide-art{min-height:240px;padding:16px}.combo-slide-art>.product-art{width:210px;height:210px}.combo-slide-copy{padding:24px}.combo-slide-copy h3{font-size:32px}.combo-intro{font-size:11px}.combo-carousel .combo-actions .button{font-size:11px;min-height:46px}.combo-carousel .combo-sizes button{min-height:44px}.brand-section h2{font-size:21px}.brand-strip{gap:22px 24px;padding:26px 14px}.brand-strip>span,.brand-strip .brand-darkness,.brand-strip .brand-fullife{font-size:16px}.section{padding-top:44px;padding-bottom:44px}.about-heading h2{font-size:32px}.about-text p{font-size:12px}.delivery-inner{padding-top:36px;padding-bottom:36px}.delivery-inner h2{font-size:28px}.faq h2{font-size:26px}.benefits-inner{padding-top:17px;padding-bottom:17px;gap:17px 10px}.benefits-inner>div:nth-child(even){padding-left:13px}.benefits-inner svg{width:20px;height:20px}.benefits-inner strong{font-size:8px}.benefits-inner p{font-size:7px}.header-inner{height:68px}.header .brand{width:174px;gap:8px}.header .wordmark{font-size:21px}.header .wordmark small{font-size:5px;letter-spacing:1.3px}.header-actions{gap:1px}.header .cart-trigger{padding:7px 10px}.header .cart-count{padding-left:7px}.header .icon-button{width:34px}.header .cart-label{display:none}.announcement>.container{min-height:27px}.announcement{font-size:8px}}
@media(max-width:360px){.container{padding-left:16px;padding-right:16px}.header .brand{width:151px;gap:6px}.header .wordmark{font-size:18px}.header .wordmark small{font-size:4.3px;letter-spacing:1.1px}.header .brand img{width:29px;height:29px}.header .icon-button{width:30px}.header .cart-trigger{padding:7px 8px}.highlight-copy{padding-left:22px;padding-right:22px}.highlight-copy h2{font-size:31px}.highlight-caption{font-size:5.5px}.highlight-arrows{gap:3px}.highlight-arrows button{width:28px;height:32px}.category-card{padding:12px}.category-card strong{font-size:15px}.category-art.product-art{width:77px;height:77px;right:-8px}.category-card small{font-size:7px}.filter{font-size:8px;padding:8px}.product-card .add-button,.product-card .buy-button{font-size:8px;padding:8px}.product-title{font-size:10px}.product-price strong{font-size:14px}}
@media(max-width:800px){.mobile-bag-bar .button{padding:12px;gap:8px;min-height:48px}.mobile-bag-bar .mobile-bag-checkout{font-size:12px}.mobile-bag-bar .mobile-bag-review{font-size:13px}.mobile-bag-bar .button>span[aria-hidden]{font-size:18px}}
@media(max-width:600px){.highlight-slide{min-height:420px;grid-template-rows:180px 1fr}.highlight-visual{min-height:180px}.highlight-visual>.product-art{width:178px;height:178px}.highlight-video video{max-height:156px}.highlight-copy{padding-top:20px;padding-bottom:23px}.highlight-copy h2{font-size:28px;letter-spacing:-1px}.highlight-copy p{font-size:11px;margin-top:12px;margin-bottom:16px}.highlight-stamp{width:43px;height:43px;bottom:12px}.category-card small{max-width:80px}}
@media(max-width:360px){.highlight-copy h2{font-size:26px}.mobile-bag-bar .mobile-bag-checkout{font-size:11px;padding:10px 8px}.mobile-bag-bar .mobile-bag-review{font-size:12px;padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.highlight-track{transition:none}}
