/* Product cards: one native link covers the card; independent actions stay above it. */
.product-card{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;display:flex;flex-direction:column}
.product-card .product-visual{border-radius:0;clip-path:none}
.product-card .product-info{padding:19px 2px 0;display:flex;flex-direction:column;flex:1}
.product-meta{font-size:10px;letter-spacing:.1em;font-weight:700}
.product-card .product-info h3{margin:8px 0;font-size:15px;line-height:1.45;letter-spacing:-.02em}
.product-card-link{display:flex;align-items:start;gap:12px;justify-content:space-between}
.product-card-link:after{content:'';position:absolute;inset:0;z-index:1;border-radius:6px}
.product-card-link:focus-visible{outline:none}
.product-card-link:focus-visible:after{outline:3px solid var(--blue);outline-offset:4px}
.product-link-arrow{display:none}
.product-card:hover .product-link-arrow{transform:translateX(3px);color:var(--blue)}
.product-card .wishlist,.product-card .add-cart{z-index:2;min-width:40px;min-height:40px;border-radius:4px}
.product-card .wishlist{position:absolute;top:12px;right:12px;width:40px;height:40px;border:1px solid #d9dde4;border-radius:50%;background:#fff;color:#343942;box-shadow:0 2px 6px #0000000a;transition:background .2s,color .2s,box-shadow .2s}
.product-card .wishlist .icon{width:18px;height:18px;stroke-width:1.7}
.product-card .wishlist:hover{background:#eef3ff;color:#164dff;box-shadow:0 3px 12px #0002}
.product-card .wishlist.active{background:#164dff;color:white;border-color:#164dff}
.product-card .wishlist.active .icon{fill:currentColor}
.product-card .product-badge{display:inline-flex;align-items:center;gap:5px;top:14px;left:12px;max-width:calc(100% - 70px);min-height:28px;padding:6px 9px;border-radius:2px;background:#fff;color:#1b2536;font-size:10px;font-weight:700;line-height:1.25;letter-spacing:.035em;white-space:nowrap;box-shadow:0 2px 8px #00000008}
.product-card .product-badge.bestseller,.product-card .product-badge.sale{background:#164dff;color:#fff}
.product-badge.bestseller>span{font-size:12px}
.product-card .add-cart{position:relative;color:var(--blue);background:var(--paper)}
.product-card .add-cart:hover{background:var(--blue);color:white}
.product-card button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.product-card .product-fit{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.5;color:var(--muted);margin-bottom:12px}
.product-card .product-fit>span{display:none}
.product-fit>span{width:14px;height:14px;flex:none;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:700 10px/1 var(--font)}
.product-card .product-bottom{margin-top:auto;border:0;padding-top:0;gap:10px;min-height:40px}
.product-card .product-price{font-size:15px;line-height:1.4;color:var(--ink);font-weight:700;letter-spacing:-.03em}
.product-card .product-price small{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}
.related-grid .product-price{margin-top:auto;padding-top:12px}
.toast{display:flex;align-items:flex-start;gap:12px;right:24px;bottom:88px;width:370px;max-width:calc(100vw - 32px);padding:17px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 42px #0003;transform:translateY(15px);visibility:hidden;transition:opacity .22s,transform .22s,visibility .22s;z-index:60}
.toast.visible{visibility:visible;pointer-events:auto;transform:none}
.toast-symbol{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--paper);color:var(--blue)}
.toast-symbol .icon{width:18px;height:18px}
.toast-copy{flex:1;min-width:0;padding-top:1px}
.toast-copy strong{display:block;font-size:13px;line-height:1.4}
.toast-copy p{font-size:12px;color:var(--muted);line-height:1.55;margin:5px 0 0}
.toast-action{display:flex;align-items:center;gap:12px;color:var(--blue);background:none;border:0;padding:10px 0 0;font-size:12px;font-weight:700;min-height:36px}
.toast-action[hidden]{display:none}
.toast-close{display:grid;place-items:center;flex:none;width:30px;height:30px;border:0;border-radius:4px;background:none;color:var(--muted)}
.toast-close .icon{width:15px;height:15px}.toast-close:hover{background:var(--paper);color:var(--ink)}
.footer-logo .logo-dark{display:none}
:root[data-theme=dark] .footer-brand .logo-box img{filter:none}
:root[data-theme=dark] .footer-logo .logo-light{display:none}
:root[data-theme=dark] .footer-logo .logo-dark{display:block}
/* Neutral dark surfaces. Blue remains an accent, with a lighter text variant. */
:root[data-theme=dark]{--ink:#f5f5f5;--muted:#b5b5b5;--paper:#1b1b1b;--surface:#121212;--line:#383838;--dark:#090909;--accent-text:#a8beff;color-scheme:dark}
:root[data-theme=dark] body{background:#121212}
:root[data-theme=dark] .site-header{background:#121212}
:root[data-theme=dark] .site-header.scrolled{background:rgba(18,18,18,.96)}
:root[data-theme=dark] .nav-row{background:transparent}
:root[data-theme=dark] :is(.product-meta,.section-kicker,.text-link:hover,.filter.active,.search-result-copy b,.detail-price,.detail-tabs button.active,.detail-gallery-spec span,.cart-empty a){color:var(--accent-text)}
:root[data-theme=dark] :is(em,.nav-links a:hover,.nav-links a.active,.shop-menu-toggle.active,.shop-menu-toggle:hover,.mega-column a:hover,.product-info h3 a:hover,.footer a:hover,.footer button:hover,.toast-action,.toast-symbol,.product-card .add-cart,.product-card:hover .product-link-arrow){color:var(--accent-text)}
:root[data-theme=dark] .product-card .add-cart:hover{color:white}
:root[data-theme=dark] .category-tile:hover,:root[data-theme=dark] .category-tile:focus-visible{color:var(--accent-text);border-color:var(--accent-text)}
:root[data-theme=dark] .button-dark{background:#292929;border-color:#505050;color:#fff}
:root[data-theme=dark] .button-dark:hover{background:#383838}
:root[data-theme=dark] .detail-badge{background:#333;color:#f5f5f5}
:root[data-theme=dark] .marketplace-link.shopee,:root[data-theme=dark] .marketplace-link.tokopedia{color:#fff}
:root[data-theme=dark] .marketplace-link:hover{color:#fff}
:root[data-theme=dark] .intro-loader{background:#121212;color:#f5f5f5}
:root[data-theme=dark] .intro-mark img{content:url('/assets/rcx-logo.svg')}
:root[data-theme=dark] .inner-hero{background-image:linear-gradient(90deg,#090909f5,#090909c9 50%,#09090960),url('assets/rcx-hero-sport-kb.webp')}
:root[data-theme=dark] .detail-gallery-spec{background-image:linear-gradient(0deg,#090909f5,#09090926),url('assets/rcx-hero-kb.webp')}
:root[data-theme=dark] #home-page>.section-categories{background:#090909}
:root[data-theme=dark] #home-page>.section-categories .category-tiles{background:#252525}
:root[data-theme=dark] .hero{background:#090909}
@media(max-width:760px){
 .product-card .product-info{padding:15px 1px 0}.product-card .product-info h3{font-size:14px;margin:8px 0}.product-card .product-price{font-size:14px}.product-card .product-price small{font-size:11px}
 .product-card .product-fit{font-size:11px;align-items:flex-start;gap:5px;margin-bottom:12px}.product-fit>span{margin-top:2px}.product-link-arrow{display:none}.product-meta{font-size:10px;letter-spacing:.06em}
 .product-card .product-bottom{padding-top:0;gap:5px}.product-card .wishlist{width:36px;height:36px;min-width:36px;min-height:36px;right:7px;top:7px}.product-card .product-badge{left:7px;top:10px;max-width:calc(100% - 53px);font-size:9px;padding:5px 6px;min-height:25px;gap:4px}.product-card .product-badge.bestseller>span{display:none}
 .product-card .add-cart{min-width:36px;min-height:40px}.toast{left:16px;right:16px;bottom:calc(80px + env(safe-area-inset-bottom));width:auto}
 :root[data-theme=dark] .nav-row,:root[data-theme=dark] .nav-row.open{background:var(--surface)}
}
@media(prefers-reduced-motion:reduce){.toast,.product-link-arrow{transition:none}}

/* Direct Shop link and a separate, accessible menu toggle. */
.mega-feature-image{height:auto;aspect-ratio:1;background-size:200% 200%;border-radius:5px;margin-bottom:12px}
.nav-links .mega-feature{padding:0;border:0;min-width:0}
.mega-feature strong{font:700 14px/1.3 var(--font);letter-spacing:-.02em}
.mega-feature small{font-size:12px;line-height:1.55;margin-top:5px}
.nav-links .mega-promo{align-items:flex-start;text-align:left;justify-content:center;gap:0;padding:24px;border:0;background-image:linear-gradient(90deg,#05080fed,#05080f70 65%,#05080f20),url('assets/rcx-hero-sport-kb.webp')}
@media(max-width:760px){.mega-feature-image{height:auto;aspect-ratio:1}.mega-feature strong{font-size:13px}.mega-feature small{font-size:11px}.nav-links .mega-promo{min-height:160px;padding:22px}.mega-promo strong{font:700 26px/1.05 var(--font);letter-spacing:-.035em}.mega-inner{gap:22px 14px}}
.nav-shop-wrap{gap:3px}
.nav-links .nav-shop-link{font-size:12px;white-space:nowrap}
.nav-shop-wrap .shop-menu-toggle{width:30px;min-width:30px;justify-content:center}
:root[data-page=home] .site-header:not(.scrolled) .nav-shop-link{color:white}
:root[data-theme=dark] .nav-shop-link.active{color:var(--accent-text)}
.shop-menu-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.contact-layout h2{font:700 clamp(30px,3.4vw,46px)/1.05 var(--font);letter-spacing:-.04em;margin:17px 0 23px}
.contact-layout p{color:var(--muted);font-size:14px;line-height:1.8;max-width:450px}
.contact-topics{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}
.contact-topics span{font-size:12px;border:1px solid var(--line);padding:8px 12px;border-radius:30px}
.contact-panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:32px}
.contact-status{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--muted)}
.contact-panel h3{font:700 28px/1.15 var(--font);letter-spacing:-.035em;margin:17px 0}
.contact-links{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:24px}
@media(min-width:761px) and (max-width:1100px){.main-header{gap:18px}.nav-links{gap:14px}.header-search{width:170px}.nav-links>a,.nav-links .nav-shop-link{font-size:11px}}
@media(max-width:760px){
 .nav-shop-wrap{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:0}
 .nav-links .nav-shop-link{height:48px;border-bottom:1px solid var(--line);padding:0;font-size:13px}
 .nav-shop-wrap .shop-menu-toggle{width:44px;height:48px;min-width:44px}
 .nav-shop-wrap .mega-menu{grid-column:1/-1}
 :root[data-page=home] .site-header:not(.scrolled) .nav-shop-link{color:var(--ink)}
 .contact-layout{grid-template-columns:1fr;gap:30px}.contact-panel{padding:24px}.contact-links{align-items:flex-start;flex-direction:column}
}