/* SpeedX Racegear — coordinated storefront release polish, 17 Oct 2026.
   Scoped to modern child theme. Does not change WooCommerce data or behaviour. */
:root{--sx-accent:#ed4035;--sx-black:#11161c;--sx-white:#f9f9f5}
html{scroll-padding-top:100px}
body.sx-modern{overflow-x:clip}
.sx-modern :where(a,button,input,select,textarea,summary,[role="button"]):focus-visible{outline:3px solid #1262d3!important;outline-offset:3px}
.sx-modern #sx-page:focus{outline:none}
.sx-modern .sx-skip{position:fixed!important;top:-120px!important;left:12px!important;z-index:200000!important;display:inline-block;padding:14px 18px;background:#fff!important;color:#111!important;box-shadow:0 6px 20px #0003;font-weight:800}
.sx-modern .sx-skip:focus,.sx-modern .sx-skip:focus-visible{top:12px!important}
.sx-modern .sx-main-target{display:block;height:1px;scroll-margin-top:105px}
/* The legacy live-theme plugin is intentionally dormant on the modern layout:
   the new theme already includes a full footer and a valid skip link. */
body.sx-modern .sx-business-footer,body.sx-modern .sx-skip-link{display:none!important}
/* Navigation: larger interactive targets and a robust focused dropdown. */
.sx-modern .sx-chevron{min-width:30px!important;min-height:44px!important}
.sx-modern .sx-nav-group:focus-within>.sx-mega{display:block}
.sx-modern .sx-mega a{min-height:32px}
.sx-modern .sx-mobile-toggle,.sx-modern .sx-search-toggle,.sx-modern .sx-bag,.sx-modern .sx-account{min-width:44px;min-height:44px}
.sx-modern .sx-mobile-header button{min-width:44px;min-height:44px}
.sx-modern .sx-mobile-scroller{scrollbar-gutter:stable}
.sx-modern .sx-mobile-group summary{min-height:54px}
.sx-modern .sx-mobile-extras a{display:inline-block;padding:9px 3px}
/* Cart and checkout: preserve native WC forms, coupons, shipping and payments. */
.sx-modern .woocommerce :where(a.button,button.button,input.button,.single_add_to_cart_button){min-height:46px;display:inline-flex;align-items:center;justify-content:center;line-height:1.3;white-space:normal;text-align:center}
.sx-modern .woocommerce :where(.variations select,.woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row select,.woocommerce-checkout .form-row textarea){width:100%;max-width:100%;min-height:46px}
.sx-modern .woocommerce :where(.woocommerce-error,.woocommerce-info,.woocommerce-message){line-height:1.6;overflow-wrap:anywhere}
.sx-modern .woocommerce div.product .summary .price{font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.3;overflow-wrap:anywhere}
.sx-modern .woocommerce :where(.woocommerce-tabs,.related,.upsells){clear:both}
.sx-modern .woocommerce :where(.cart-collaterals,#customer_details,#order_review,.col2-set,.checkout.woocommerce-checkout){min-width:0;max-width:100%}
.sx-modern .woocommerce :where(#payment,#order_review,table.shop_table,table.shop_table td,table.shop_table th){overflow-wrap:anywhere}
.sx-modern .woocommerce table.shop_table{max-width:100%}
.sx-modern .woocommerce form.checkout :where(input.input-text,textarea,.select2-selection){border-color:#aeb9bf}
.sx-modern .woocommerce form.checkout .form-row :where(label,.required){font-size:13px;line-height:1.5}
.sx-modern .woocommerce #payment .place-order{clear:both}
.sx-modern .woocommerce #payment #place_order{font-size:14px!important;min-height:52px!important}
.sx-modern .woocommerce :where(.checkout_coupon,.woocommerce-form-coupon,.woocommerce-form-login){max-width:100%}
/* Product sizing and support: compact, readable responsive data tables. */
.sx-modern .sx-funnel-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.sx-modern .sx-funnel-table{border-collapse:collapse;min-width:530px}
.sx-modern .sx-funnel-table :where(th,td){white-space:nowrap;line-height:1.5}
.sx-modern .sx-funnel a{color:#a6201a;text-decoration:underline;text-underline-offset:3px}
.sx-modern .sx-funnel summary{cursor:pointer;min-height:44px}
.sx-modern .sx-funnel-size-shortcut a{display:inline-block;padding:10px 0}
.sx-modern .sx-footer,.sx-modern .sx-footer a{overflow-wrap:anywhere}
.sx-modern .sx-footer-links a,.sx-modern .sx-footer-legal-links a{color:#d2dbe0}
.sx-modern .sx-footer-links a:hover,.sx-modern .sx-footer-legal-links a:hover{color:#fff}
.sx-modern .sx-footer a:focus-visible{outline-color:#fff!important}
@media(max-width:1024px){
 .sx-modern .sx-header-row{min-height:72px}
 .sx-modern .sx-logo{min-width:100px}
 .sx-modern .sx-search-panel form{flex-wrap:wrap}
 .sx-modern .sx-search-panel input{flex-basis:100%}
}
@media(max-width:767px){
 .sx-modern .woocommerce :where(.cart-collaterals,.cart-collaterals .cart_totals,.summary,.images,#order_review,.col2-set){float:none!important;width:100%!important;max-width:100%!important}
 .sx-modern .woocommerce form.cart :where(.variations,.variations tbody){max-width:100%}
 .sx-modern .woocommerce :where(.shop_table_responsive,table.shop_table){max-width:100%}
 .sx-modern .woocommerce form.checkout :where(.form-row-first,.form-row-last){width:100%;float:none}
 .sx-modern .sx-footer{padding-top:42px}
 .sx-modern .sx-container{width:calc(100% - 32px)}
 .sx-modern .sx-mega{display:none!important}
 .sx-modern .sx-mobile{width:min(430px,94vw)}
 .sx-modern .sx-mobile-filter input{font-size:16px}
 .sx-modern .sx-search-panel{padding:16px}
 .sx-modern .sx-funnel-table{font-size:12px}
}
@media(max-width:430px){
 .sx-modern .sx-header-row{gap:9px}
 .sx-modern .sx-logo{width:auto;min-width:80px}
 .sx-modern .sx-nav-actions{gap:3px}
 .sx-modern .sx-footer-base{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 .sx-modern *, .sx-modern *::before,.sx-modern *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* Homepage merchandising: unnumbered category cards and actual team collection logos. */
.sx-modern .sx-home-perks .sx-container>div{display:flex;align-items:center;justify-content:center;padding:18px 12px;min-width:0}
.sx-modern .sx-home-perks .sx-container>div span{font-weight:750;letter-spacing:.055em;text-align:center}
.sx-modern .sx-category-number{display:none!important}
.sx-modern .sx-category-copy{position:relative;z-index:3}
.sx-modern .sx-category-tile h3{padding-top:0!important;margin-top:0!important}
.sx-modern .sx-team-band{padding:65px 0 78px}
.sx-modern .sx-team-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:transparent;border:0}
.sx-modern .sx-team-logo-grid .sx-team-logo-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;gap:14px;min-width:0;min-height:184px;padding:22px 15px 17px;background:#f5f6f5!important;border:1px solid #e1e5e7;color:#17232b!important;box-shadow:none;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
.sx-modern .sx-team-logo-grid .sx-team-logo-card:hover{background:#fff!important;border-color:#e83b31;transform:translateY(-3px);box-shadow:0 12px 26px #0002}
.sx-modern .sx-team-logo-media{display:flex;align-items:center;justify-content:center;width:100%;height:96px;min-height:96px}
.sx-modern .sx-team-logo{display:block;width:auto;max-width:95%;height:auto;max-height:90px;object-fit:contain}
.sx-modern .sx-team-wordmark{display:flex;align-items:center;justify-content:center;height:96px;font:900 clamp(22px,2.4vw,33px)/1.1 var(--sx-display),sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#26333d}
.sx-modern .sx-team-logo-card strong{display:block;width:100%;font:800 13px/1.4 var(--sx-body),sans-serif;letter-spacing:.02em;color:#1a2830}
.sx-modern .sx-team-logo-card .sx-team-arrow{position:absolute;top:12px;right:13px;color:#d22d28;font-size:18px}
@media(max-width:1024px){.sx-modern .sx-team-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.sx-modern .sx-team-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sx-modern .sx-team-logo-grid .sx-team-logo-card{min-height:158px;padding:18px 9px 14px;gap:9px}.sx-modern .sx-team-logo-media,.sx-modern .sx-team-wordmark{height:83px;min-height:83px}.sx-modern .sx-team-logo{max-height:76px}.sx-modern .sx-team-logo-card strong{font-size:11px}.sx-modern .sx-home-perks .sx-container>div{padding:14px 10px}.sx-modern .sx-category-tile h3{margin-top:0!important}}
