/* Compact category introduction and one selectable row of recommendations. */
body#category #wrapper .n24-catalog-hero{min-height:0;margin-bottom:12px;padding:16px 22px}
body#category #wrapper .n24-catalog-hero-copy{max-width:780px}
body#category #wrapper .n24-catalog-eyebrow{margin:0 0 4px;font-size:10px;line-height:1.4}
body#category #wrapper .n24-catalog-hero h1{margin:0 0 6px;font-size:32px;line-height:1.15}
body#category #wrapper .n24-catalog-hero-copy>p:last-child{margin:0;font-size:13px;line-height:1.45}
body#category #wrapper .n24-creatine-shortcuts{gap:6px;margin:10px 0 12px}
body#category #wrapper .n24-creatine-shortcuts a{min-height:38px;padding:9px 12px;font-size:11px}
body#category #wrapper .n24-category-highlights{min-width:0;margin:12px 0 16px;padding-bottom:10px;border-bottom:1px solid #e2e6dd}
body#category #wrapper .n24-highlights-header{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:8px}
body#category #wrapper .n24-highlights-tabs{display:flex;flex:1;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:thin}
body#category #wrapper .n24-highlights-tab{flex:none;min-height:40px;padding:8px 12px;border:1px solid #dce2d4;border-radius:4px;background:#fff;color:#333;font:600 12px/1.3 var(--ndc-font,Montserrat,Arial,sans-serif);white-space:nowrap;cursor:pointer}
body#category #wrapper .n24-highlights-tab[aria-selected="true"]{background:var(--n24-lime,#b5f900);border-color:var(--n24-lime,#b5f900);color:#111}
body#category #wrapper .n24-highlights-catalog{display:inline-flex;flex:none;align-items:center;min-height:40px;color:#111;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
body#category #wrapper .n24-highlights-tab:focus-visible,body#category #wrapper .n24-highlights-catalog:focus-visible{outline:2px solid #111;outline-offset:-3px}
body#category #wrapper .n24-category-highlights>[hidden]{display:none!important}
body#category #wrapper .n24-category-highlights .ndc-bs-heading{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
body#category #wrapper .n24-catalog-carousel{--n24-carousel-image-height:90px;margin:12px 0 16px;padding-bottom:10px}
body#category #wrapper .n24-category-highlights .n24-catalog-carousel{margin:0;padding:0;border:0}
body#category #wrapper .n24-catalog-carousel .ndc-bs-heading{min-height:24px;margin-bottom:8px}
body#category #wrapper .n24-catalog-carousel .ndc-bs-heading h2{font-size:16px}
body#category #wrapper .n24-catalog-carousel .ndc-bs-subtitle{margin:0 0 6px;font-size:11px;line-height:1.4;text-align:left}
body#category #wrapper .n24-catalog-carousel .ndc-bs-track{gap:10px;padding-bottom:0}
body#category #wrapper .n24-catalog-carousel .ndc-bs-card{flex-basis:calc((100% - 30px)/4)}
body#category #wrapper .n24-catalog-carousel .thumbnail-container{padding:8px}
body#category #wrapper .n24-catalog-carousel .product-flags{min-height:22px;margin-bottom:2px;gap:4px}
body#category #wrapper .n24-catalog-carousel .product-flag{min-height:22px;padding:3px 5px;font-size:9px}
body#category #wrapper .n24-catalog-carousel .thumbnail-top{margin-bottom:4px}
body#category #wrapper .n24-catalog-carousel .n24-card-brand{margin-bottom:3px;font-size:12px}
body#category #wrapper .n24-catalog-carousel .product-title{min-height:0;margin-bottom:4px;font-size:13px;line-height:1.35}
body#category #wrapper .n24-catalog-carousel .ndc-list-category{margin:0 0 4px;font-size:10px}
body#category #wrapper .n24-catalog-carousel .n24-list-formats{gap:3px;margin-bottom:4px;font-size:10px}
body#category #wrapper .n24-catalog-carousel .n24-list-format{min-height:26px;padding:3px 6px;font-size:10px}
body#category #wrapper .n24-catalog-carousel .product-price-and-shipping{gap:2px 6px;padding-top:4px;font-size:19px}
body#category #wrapper .n24-catalog-carousel .n24-unit-prices{min-height:0;margin:3px 0 0;font-size:11px;line-height:1.4}
body#category #wrapper .n24-catalog-carousel .n24-card-promotion{padding-top:4px}
body#category #wrapper .n24-catalog-carousel .product-description:has(.n24-card-promotion) .product-price-and-shipping{padding-top:4px}
body#category #wrapper .n24-catalog-carousel .n24-card-coupon-value{padding:5px 6px;font-size:11px}
body#category #wrapper .n24-catalog-carousel .n24-card-coupon-details{padding:3px 6px}
body#category #wrapper .n24-catalog-carousel .n24-card-coupon code{font-size:11px}
body#category #wrapper .n24-catalog-carousel .n24-card-actions{padding-top:6px}
body#category #wrapper .n24-catalog-carousel .n24-card-buy{min-height:36px;padding:7px 8px;font-size:12px}
body#category #wrapper .n24-catalog-carousel .ndc-bs-nav{inset-inline:2px;top:calc(32px + var(--n24-carousel-image-height)/2 - 18px)}
body#category #wrapper .n24-catalog-carousel .ndc-bs-nav button{width:36px;height:36px;font-size:28px}
body#category #wrapper .n24-catalog-carousel .ndc-bs-progress{height:2px;margin:7px auto 0}
body#category #products{scroll-margin-top:160px}
@media(min-width:768px) and (max-width:991px){
 body#category #wrapper .n24-catalog-carousel .ndc-bs-card{flex-basis:calc((100% - 20px)/3)}
}
@media(max-width:767px){
 body#category #wrapper .n24-catalog-hero{padding:12px 14px}
 body#category #wrapper .n24-catalog-hero h1{font-size:26px}
 body#category #wrapper .n24-catalog-hero-copy>p:last-child{font-size:12px}
 body#category #wrapper .n24-creatine-shortcuts{display:flex;flex-wrap:nowrap;overflow-x:auto}
 body#category #wrapper .n24-creatine-shortcuts a{flex:none;min-height:44px}
 body#category #wrapper .n24-highlights-header{flex-wrap:wrap;gap:2px}
 body#category #wrapper .n24-highlights-tabs{flex-basis:100%}
 body#category #wrapper .n24-highlights-tab{min-height:44px;padding:8px 10px;font-size:11px}
 body#category #wrapper .n24-highlights-catalog{margin-left:auto;min-height:44px}
 body#category #wrapper .n24-catalog-carousel{--n24-carousel-image-height:80px}
 body#category #wrapper .n24-catalog-carousel .ndc-bs-track{gap:8px}
 body#category #wrapper .n24-catalog-carousel .ndc-bs-card{flex-basis:calc((100% - 8px)/2)}
 body#category #wrapper .n24-catalog-carousel .thumbnail-container{padding:7px}
 body#category #wrapper .n24-catalog-carousel .product-title{font-size:12px}
 body#category #wrapper .n24-catalog-carousel .n24-list-format{min-height:30px}
 body#category #wrapper .n24-catalog-carousel .n24-card-buy{min-height:44px}
 body#category #wrapper .n24-catalog-carousel .ndc-bs-nav{top:calc(32px + var(--n24-carousel-image-height)/2 - 22px)}
 body#category #wrapper .n24-catalog-carousel .ndc-bs-nav button{width:44px;height:44px}
}