/* TuskSport P0 · D1 Gym Black · 2026-11-05 — amber CTA, flat nav, flag lang, paths, quote list, pre-footer CTA */
:root{--sport-accent:#F5A400;--xa:#F5A400;--xa-h:#FFB524;--xa-a:#D48900;--xon:#0E0F11;--xbg:#0E0F11;--xsf:#17191C;--xtx:#F2F2F2;--xmu:#8A8F96;--xbd:rgba(255,255,255,.1)}
/* 1 amber primary CTA sitewide (no lime) */
.button-primary,.btn-primary,.product-quote-link,.footer-cta,.header-contact,.xlk-consent button:first-child,html.d1 :is(.button-primary,.product-quote-link,.footer-cta,.btn-primary){background:#F5A400!important;color:#0E0F11!important;border-color:#F5A400!important}
:is(.button-primary,.btn-primary,.product-quote-link,.footer-cta,.header-contact):is(:hover,:focus-visible){background:#FFB524!important;color:#0E0F11!important}
:is(.button-primary,.btn-primary,.product-quote-link,.footer-cta,.header-contact):active{background:#D48900!important}
:is(.button-primary,.btn-primary):disabled{opacity:.4}
.sport-image-label{background:#F5A400!important;color:#0E0F11}
.sport-strip a,.sport-project .eyebrow,.sport-project-links span,.xlk-catalogue-hero .eyebrow{color:#F5A400!important}
.xlk-catalogue-hero nav a:hover{background:#F5A400!important;border-color:#F5A400!important;color:#0E0F11!important}
/* 2 flat desktop nav; hamburger only <=1024 */
.xlk-flat-nav{display:flex;gap:28px;align-items:center}
.xlk-flat-nav a{font-weight:700;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;text-decoration:none}
@media (min-width:1025px){.site-header .mobile-navigation{display:none!important}.site-header .desktop-navigation.xlk-flat-nav{display:flex!important}}
@media (max-width:1024px){.site-header .desktop-navigation.xlk-flat-nav{display:none!important}.site-header .mobile-navigation{display:block!important}}
/* 3 language switcher (SVG flags) */
.xlk-lang{position:relative}
.xlk-lang>summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;border:1px solid currentColor;padding:7px 10px;font:700 12px/1 Arial,sans-serif;letter-spacing:1.2px}
.xlk-lang>summary::-webkit-details-marker{display:none}
.xlk-lang svg{width:20px;height:14px;flex:none;display:block}
.xlk-lang-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:190px;background:#17191C;border:1px solid rgba(255,255,255,.1);padding:6px 0;z-index:60}
.xlk-lang-menu a{display:flex;align-items:center;gap:10px;padding:9px 14px;color:#F2F2F2!important;text-decoration:none;font-size:14px}
.xlk-lang-menu a b{width:26px;font-size:12px}
.xlk-lang-menu a:hover,.xlk-lang-menu a[aria-current]{background:rgba(245,164,0,.14);color:#F5A400!important}
.xlk-lang-menu .xlk-lang-off{display:none}
/* quote badge */
.xlk-quote-link{display:inline-flex;align-items:center;gap:8px;border:1px solid currentColor;padding:7px 10px;font:700 12px/1 Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;cursor:pointer;background:none;color:inherit}
.xlk-quote-badge{min-width:20px;height:20px;padding:0 5px;background:#F5A400;color:#0E0F11;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.xlk-quote-badge[data-count="0"]{background:transparent;color:inherit;border:1px solid currentColor}
@media (max-width:768px){.xlk-quote-link .txt,.xlk-lang .code{display:none}}
/* dark home hero */
.xlk-dhero{position:relative;min-height:620px;overflow:hidden;background:#0E0F11;color:#fff;display:flex;align-items:flex-end}
.xlk-dhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.38)}
.xlk-dhero .t{position:relative;padding:0 80px 90px;max-width:980px}
.xlk-dhero .tag{color:#F5A400!important;font:800 12px/1.4 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase}
.xlk-dhero h1{color:#fff!important;font-size:clamp(38px,6.4vw,84px);line-height:.98;font-weight:900;letter-spacing:-1.5px;text-transform:uppercase;margin:18px 0 22px}
.xlk-dhero h1 em{color:#F5A400;font-style:normal}
.xlk-dhero p{color:rgba(255,255,255,.85)!important;font-size:18px;line-height:1.6;max-width:600px;margin:0 0 32px}
.xlk-dhero .acts{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.xlk-dhero .ghost{color:#fff!important;border:1px solid rgba(255,255,255,.5);padding:15px 26px;text-decoration:none;font-weight:800;letter-spacing:1.4px;font-size:13px;text-transform:uppercase}
.xlk-dhero .button-primary{padding:16px 30px;font-weight:800;letter-spacing:1.4px;font-size:13px;text-transform:uppercase;text-decoration:none}
@media (max-width:768px){.xlk-dhero{min-height:540px}.xlk-dhero .t{padding:0 24px 56px}}
/* ① paths */
.xlk-paths{background:#0E0F11;color:#F2F2F2;padding:80px 80px}
.xlk-paths .tag,.xlk-req .tag{color:#F5A400!important;font:800 12px/1.4 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase}
.xlk-paths h2{color:#F2F2F2!important;font-size:34px;font-weight:900;text-transform:uppercase;margin:10px 0 34px}
.xlk-paths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.xlk-path{background:#17191C;border:1px solid rgba(255,255,255,.08);border-top:3px solid #F5A400;padding:30px;display:flex;flex-direction:column;gap:14px}
.xlk-path .num{color:#F5A400!important;font-weight:800;font-size:12px;letter-spacing:3px}
.xlk-path h3{color:#F2F2F2!important;margin:0;font-size:22px;font-weight:900;text-transform:uppercase}
.xlk-path p,.xlk-path li{color:#B9BEC4!important;line-height:1.6;font-size:15px;margin:0}
.xlk-path ul{margin:0;padding-left:18px}
.xlk-path .acts{margin-top:auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.xlk-path .lnk{color:#F5A400!important;font-weight:800;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;text-decoration:none}
.xlk-path .button-primary{padding:12px 20px;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;text-decoration:none}
@media (max-width:900px){.xlk-paths{padding:56px 24px}.xlk-paths-grid{grid-template-columns:1fr}}
/* ③ pre-footer CTA */
.xlk-req{background:#17191C;color:#F2F2F2;border-top:3px solid #F5A400;display:grid;grid-template-columns:1fr 1.2fr;gap:56px;padding:68px 80px}
.xlk-req h2{color:#F2F2F2!important;font-size:38px;font-weight:900;text-transform:uppercase;margin:12px 0 16px}
.xlk-req p{color:#B9BEC4!important;line-height:1.7;margin:0 0 24px}
.xlk-req ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.xlk-req li{color:#F2F2F2!important;border-bottom:1px solid rgba(255,255,255,.08);padding:0 0 10px;font-size:15px}
.xlk-req li b{color:#F5A400;display:inline-block;min-width:150px;font-size:12px;letter-spacing:1.4px;text-transform:uppercase}
.xlk-req .button-primary{display:inline-block;padding:16px 30px;font-weight:800;letter-spacing:1.4px;font-size:13px;text-transform:uppercase;text-decoration:none;margin-top:8px}
@media (max-width:900px){.xlk-req{grid-template-columns:1fr;gap:26px;padding:52px 24px}.xlk-req h2{font-size:28px}}
/* ② add to quote + drawer */
.xlk-add-quote{display:block;width:100%;margin-top:12px;padding:11px;background:transparent;border:1px solid #F5A400;color:#B07700;font:800 12px/1 Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer}
html.d1 .xlk-add-quote,.product-detail .xlk-add-quote{color:#F5A400}
.xlk-add-quote.added{background:#F5A400;color:#0E0F11!important}
.product-detail-actions .xlk-add-quote{width:auto;display:inline-block;padding:14px 22px;margin:0}
.xlk-drawer{position:fixed;top:0;bottom:0;right:0;width:400px;max-width:100%;background:#17191C;color:#F2F2F2;border-left:1px solid rgba(255,255,255,.1);padding:26px;display:none;flex-direction:column;gap:14px;z-index:1000;overflow:auto;font-family:Arial,sans-serif}
.xlk-drawer.open{display:flex}
.xlk-drawer h3{margin:0;color:#F2F2F2;text-transform:uppercase;letter-spacing:1px}
.xlk-drawer p{color:#8A8F96;margin:0;font-size:14px}
.xlk-qi{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0;font-size:14px}
.xlk-qi small{color:#8A8F96}
.xlk-qi input{width:70px;background:#0E0F11;border:1px solid rgba(255,255,255,.15);color:#F2F2F2;padding:6px}
.xlk-qi button,.xlk-drawer .x{background:none;border:0;color:#8A8F96;cursor:pointer;font-size:14px}
.xlk-drawer .button-primary{text-align:center;padding:15px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;text-decoration:none}
.xlk-drawer .ghost{background:none;border:1px solid rgba(255,255,255,.2);color:#F2F2F2;padding:13px;cursor:pointer}
@media (max-width:768px){.xlk-drawer{width:100%;border-left:0}}
/* fixes r2: no lime float, readable header controls on dark, hero legibility */
.whatsapp-float{background:#F5A400!important;color:#0E0F11!important}
html.d1 .site-header .xlk-quote-link,html.d1 .site-header .xlk-lang>summary{color:#F2F2F2!important;border-color:rgba(255,255,255,.35)}
.xlk-dhero img{filter:grayscale(1) contrast(1.1) brightness(.32)}
.xlk-dhero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,15,17,.97) 0%,rgba(14,15,17,.88) 42%,rgba(14,15,17,.45) 100%);z-index:1}
.xlk-dhero .t{z-index:2;padding-top:72px}
@media (max-width:768px){.xlk-dhero::before{background:rgba(14,15,17,.9)}}

/* P1 homepage scenario strip (after three paths) */
.xlk-scenarios{background:#121417;color:#F2F2F2;padding:72px 80px;border-top:1px solid rgba(255,255,255,.06)}
.xlk-scenarios .tag{color:#F5A400!important;font:800 12px/1.4 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase}
.xlk-scenarios h2{color:#F2F2F2!important;font-size:32px;font-weight:900;text-transform:uppercase;margin:10px 0 28px}
.xlk-scn-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.xlk-scn{display:flex;flex-direction:column;gap:12px;background:#17191C;border:1px solid rgba(255,255,255,.08);border-top:3px solid #F5A400;padding:0 0 18px;text-decoration:none;overflow:hidden;min-height:0}
.xlk-scn-img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;margin:0;border:0;background:#0E1012}
.xlk-scn h3{color:#F2F2F2!important;margin:0;padding:0 16px;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.3px}
.xlk-scn p{color:#B9BEC4!important;margin:0;padding:0 16px;font-size:14px;line-height:1.55}
.xlk-scn:hover{border-color:rgba(245,164,0,.55)}
.xlk-scn-cta{margin:26px 0 0;color:#B9BEC4!important;font-size:15px}
.xlk-scn-cta a{color:#F5A400!important;font-weight:800;text-decoration:none}
@media (max-width:1100px){.xlk-scn-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.xlk-scenarios{padding:52px 24px}.xlk-scn-grid{grid-template-columns:1fr}}