/* DOCHOIXE99 shared visual polish — 2026-08-19 */
:root{--dx-red:#ef233c;--dx-line:#30353e;--dx-panel:#14171c;--dx-shadow:0 18px 55px rgba(0,0,0,.28)}
html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}header{box-shadow:0 8px 28px rgba(0,0,0,.18)}img{background-color:transparent}
.category-card,.store-card,.brake-card,.shock-card,.product-card,.card,.topic,.panel{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.category-card:hover,.store-card:hover,.brake-card:hover,.shock-card:hover,.product-card:hover,.card:hover{transform:translateY(-4px);box-shadow:var(--dx-shadow)}
.store-photo img,.product-image img,.product-stage>img,.shock-visual>.main-shot,.photo img{object-fit:contain;object-position:center}
.global-category-bar{position:relative;z-index:19;border-bottom:1px solid rgba(255,255,255,.08);background:#0d0f13;color:#d9dce3}
.global-category-bar__inner{width:min(1180px,calc(100% - 32px));margin:auto;display:flex;gap:8px;align-items:center;overflow-x:auto;padding:10px 0;scrollbar-width:none}.global-category-bar__inner::-webkit-scrollbar{display:none}
.global-category-bar a{flex:0 0 auto;padding:8px 11px;border:1px solid #2d323a;border-radius:999px;background:#14171c;color:#cbd0d8;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}.global-category-bar a:hover,.global-category-bar a[aria-current="page"]{border-color:#7d2934;background:#261317;color:#ff7281}
.img-fallback{padding:18px!important;object-fit:contain!important;background:radial-gradient(circle at 50% 45%,#2b2f36,#0d0f13 72%)!important}
@media(max-width:720px){.global-category-bar__inner{width:min(100% - 20px,1180px);padding:8px 0}.global-category-bar a{font-size:11px}.category-card,.store-card,.brake-card,.shock-card,.product-card,.card{border-radius:16px!important}}

/* INDEX SHELL SYNC START */
.dx-shell-topbar{height:34px;background:#0f1115;border-bottom:1px solid rgba(255,255,255,.07);color:#c6c8cf;font:12px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center}
.dx-shell-topbar .dx-shell-container{display:flex;justify-content:space-between;align-items:center;gap:20px}.dx-shell-topbar b{color:#fff}
.dx-shell-container{width:min(1420px,calc(100% - 64px));margin-inline:auto}
header.dx-shell-header{position:sticky!important;top:0!important;z-index:100!important;background:rgba(8,9,11,.82)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;transition:.25s!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#fff}
header.dx-shell-header.scrolled{box-shadow:0 10px 45px rgba(0,0,0,.38)!important}
header.dx-shell-header .dx-shell-nav{height:76px!important;min-height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:0!important}
header.dx-shell-header .dx-shell-brand{display:flex!important;align-items:center!important;gap:11px!important;min-width:max-content!important;margin:0!important;padding:0!important;color:#fff!important;text-decoration:none!important;font-size:25px!important;font-weight:950!important;letter-spacing:-.05em!important;line-height:1!important;background:none!important;border:0!important;box-shadow:none!important}
header.dx-shell-header .dx-shell-brand-logo{display:block!important;width:54px!important;height:54px!important;flex:0 0 54px!important;object-fit:cover!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.16)!important;background:transparent!important;box-shadow:0 9px 24px rgba(255,53,47,.25)!important;padding:0!important;margin:0!important}
header.dx-shell-header .dx-shell-brand-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;line-height:1!important}
header.dx-shell-header .dx-shell-brand-name{display:block!important;color:#fff!important;font-size:25px!important;font-weight:950!important;letter-spacing:-.05em!important;white-space:nowrap!important}
header.dx-shell-header .dx-shell-brand-name em{color:#ff352f!important;font-style:normal!important}
header.dx-shell-header .dx-shell-brand-tagline{display:block!important;margin-top:6px!important;color:#989ca6!important;font-size:9px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;white-space:nowrap!important}
header.dx-shell-header .dx-shell-navlinks{margin:0!important;margin-left:auto!important;padding:0!important;display:flex!important;align-items:center!important;gap:30px!important;position:relative!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#d9dbe0!important;font-size:14px!important;font-weight:700!important;transform:none!important;opacity:1!important;pointer-events:auto!important;min-height:0!important}
header.dx-shell-header .dx-shell-navlinks>a{position:relative!important;display:block!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;color:#d9dbe0!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important;white-space:nowrap!important;transition:.2s!important}
header.dx-shell-header .dx-shell-navlinks>a::after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:#ff352f;transition:.25s}
header.dx-shell-header .dx-shell-navlinks>a:hover{color:#fff!important}header.dx-shell-header .dx-shell-navlinks>a:hover::after{right:0}
header.dx-shell-header .dx-shell-dropdown{position:relative!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
header.dx-shell-header .dx-shell-dropdown summary{display:block!important;padding:0!important;margin:0!important;color:#d9dbe0!important;cursor:pointer!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;list-style:none!important;white-space:nowrap!important;user-select:none!important;background:none!important;border:0!important}.dx-shell-dropdown summary::-webkit-details-marker{display:none}.dx-shell-dropdown summary span{margin-left:4px;color:#ff352f}
header.dx-shell-header .dx-shell-dropdown-menu{position:absolute!important;top:calc(100% + 16px)!important;left:50%!important;z-index:150!important;display:grid!important;width:220px!important;padding:10px!important;border:1px solid #2c3038!important;border-radius:14px!important;background:#111419!important;box-shadow:0 18px 45px rgba(0,0,0,.4)!important;opacity:0!important;pointer-events:none!important;transform:translate(-50%,-8px)!important;transition:.2s!important}
header.dx-shell-header .dx-shell-dropdown[open] .dx-shell-dropdown-menu{opacity:1!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
header.dx-shell-header .dx-shell-dropdown-menu a{display:block!important;padding:11px 12px!important;border-radius:9px!important;background:none!important;color:#d9dbe0!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important;white-space:nowrap!important}header.dx-shell-header .dx-shell-dropdown-menu a:hover{background:#211315!important;color:#ff625d!important}
header.dx-shell-header .dx-shell-nav-actions{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important;min-width:max-content!important}
header.dx-shell-header .dx-shell-cart-link{position:relative!important;display:inline-flex!important;min-height:44px!important;height:44px!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:0 14px!important;border:1px solid #3a3e47!important;border-radius:13px!important;background:#171a20!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important;transition:.2s!important}header.dx-shell-header .dx-shell-cart-link:hover{border-color:#ff352f!important;background:#251416!important}header.dx-shell-header .dx-shell-cart-link svg{width:19px!important;height:19px!important;display:block!important}
header.dx-shell-header .dx-shell-cart-count{display:grid!important;min-width:20px!important;height:20px!important;padding:0 5px!important;place-items:center!important;border-radius:999px!important;background:#ff352f!important;color:#fff!important;font-size:10px!important;font-weight:900!important;line-height:1!important}
header.dx-shell-header .dx-shell-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 19px!important;border:0!important;border-radius:13px!important;background:#d91f26!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:850!important;box-shadow:0 10px 26px rgba(255,53,47,.22)!important;white-space:nowrap!important}
header.dx-shell-header .dx-shell-menu-btn{display:none!important;width:44px!important;height:44px!important;flex:0 0 44px!important;padding:0!important;margin:0!important;border:1px solid #2b2f37!important;border-radius:13px!important;background:#14171c!important;color:#fff!important;place-items:center!important;font-size:20px!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important}
@media(max-width:1120px){.dx-shell-container{width:min(100% - 40px,1040px)}header.dx-shell-header .dx-shell-navlinks{gap:18px!important}header.dx-shell-header .dx-shell-cta{display:none!important}}
@media(max-width:820px){.dx-shell-topbar{display:none!important}.dx-shell-container{width:calc(100% - 28px)}header.dx-shell-header{backdrop-filter:none!important;background:rgba(8,9,11,.97)!important}header.dx-shell-header .dx-shell-nav{height:68px!important;min-height:68px!important;gap:10px!important}header.dx-shell-header .dx-shell-navlinks{position:fixed!important;z-index:140!important;top:68px!important;left:14px!important;right:14px!important;width:auto!important;max-height:calc(100vh - 90px)!important;overflow-y:auto!important;margin:0!important;padding:22px!important;background:#111419!important;border:1px solid #2c3038!important;border-radius:18px!important;display:grid!important;align-items:stretch!important;gap:20px!important;box-shadow:0 18px 45px rgba(0,0,0,.4)!important;transform:translateY(-15px)!important;opacity:0!important;pointer-events:none!important;transition:.25s!important}header.dx-shell-header .dx-shell-navlinks.open{opacity:1!important;transform:none!important;pointer-events:auto!important}header.dx-shell-header .dx-shell-navlinks>a{padding:4px 0!important}header.dx-shell-header .dx-shell-navlinks>a::after{display:none!important}header.dx-shell-header .dx-shell-dropdown{width:100%!important}header.dx-shell-header .dx-shell-dropdown summary{padding:4px 0!important}header.dx-shell-header .dx-shell-dropdown-menu{position:static!important;left:auto!important;top:auto!important;width:100%!important;margin-top:10px!important;box-shadow:none!important;opacity:1!important;pointer-events:auto!important;transform:none!important}header.dx-shell-header .dx-shell-menu-btn{display:grid!important}header.dx-shell-header .dx-shell-cta{display:none!important}header.dx-shell-header .dx-shell-cart-link span:not(.dx-shell-cart-count){display:none!important}header.dx-shell-header .dx-shell-cart-link{width:44px!important;padding:0!important}}
@media(max-width:560px){header.dx-shell-header .dx-shell-brand-logo{width:46px!important;height:46px!important;flex-basis:46px!important}header.dx-shell-header .dx-shell-brand-name{font-size:20px!important}header.dx-shell-header .dx-shell-brand-tagline{display:none!important}header.dx-shell-header .dx-shell-nav-actions{gap:7px!important}header.dx-shell-header .dx-shell-cart-link{width:42px!important;height:42px!important;min-height:42px!important}header.dx-shell-header .dx-shell-cart-count{position:absolute!important;right:-5px!important;top:-6px!important}header.dx-shell-header .dx-shell-menu-btn{width:42px!important;height:42px!important;flex-basis:42px!important}}

.dx-shell-footer-fallback{padding:38px 0;border-top:1px solid #242830;background:#090a0d;color:#999da7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.dx-shell-footer-grid{display:flex;justify-content:space-between;gap:24px;align-items:center}.dx-shell-footer-fallback .dx-shell-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.dx-shell-footer-fallback .dx-shell-brand-logo{width:54px;height:54px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.16);box-shadow:0 9px 24px rgba(255,53,47,.25)}.dx-shell-footer-fallback .dx-shell-brand-copy{display:flex;flex-direction:column;line-height:1}.dx-shell-footer-fallback .dx-shell-brand-name{color:#fff;font-size:25px;font-weight:950;letter-spacing:-.05em;white-space:nowrap}.dx-shell-footer-fallback .dx-shell-brand-name em{color:#ff352f;font-style:normal}.dx-shell-footer-fallback .dx-shell-brand-tagline{margin-top:6px;color:#989ca6;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.dx-shell-footer-copyright{margin-top:14px;font-size:12px;line-height:1.6}.dx-shell-footer-disclaimer{font-size:11px;color:#a9adb6;margin-top:8px;max-width:700px}.dx-shell-footer-links{display:flex;gap:20px;font-size:13px}.dx-shell-footer-links a{color:#999da7;text-decoration:none}.dx-shell-footer-links a:hover{color:#fff}@media(max-width:820px){.dx-shell-footer-grid{display:block}.dx-shell-footer-links{margin-top:20px;flex-wrap:wrap}}@media(max-width:560px){.dx-shell-footer-fallback .dx-shell-brand-logo{width:46px;height:46px}.dx-shell-footer-fallback .dx-shell-brand-tagline{display:none}.dx-shell-footer-links{display:grid;gap:10px}}
/* INDEX SHELL SYNC END */


/* ACCOUNT UI START */
.dx-auth-actions{display:inline-flex;align-items:center;gap:7px}
.dx-auth-btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 13px;border:1px solid #343943;border-radius:11px;background:#15181e;color:#f3f4f6;text-decoration:none;font:800 12px/1 Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:.2s}
.dx-auth-btn:hover{border-color:#ef233c;color:#fff;background:#211214}.dx-auth-btn.register{border-color:#d91f26;background:#d91f26;color:#fff}.dx-auth-btn.register:hover{background:#f02630}.dx-auth-user{max-width:160px;overflow:hidden;text-overflow:ellipsis}.dx-auth-logout{color:#aeb3bd}
.dx-mobile-auth-link{display:none!important}
@media(max-width:1180px){.dx-auth-btn{padding:0 10px}.dx-auth-btn.register{display:none}}
@media(max-width:820px){.dx-auth-actions{display:none!important}.dx-mobile-auth-link{display:block!important;color:#fff!important;font-weight:850!important}.dx-mobile-auth-link.register{color:#ff5b65!important}}
.account-section{position:relative}.account-anchor{position:absolute;top:-90px}.account-box{align-items:stretch}.account-copy{display:flex;flex-direction:column;justify-content:center}.account-benefits{position:relative;z-index:2;display:grid;gap:11px;margin-top:27px}.account-benefits span{font-size:13px;font-weight:800;color:#fff1ef}.account-panel{padding:50px 58px;background:#111319}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:30px;padding:5px;border:1px solid #2f343d;border-radius:14px;background:#0d0f13}.account-tabs button{min-height:44px;border:0;border-radius:10px;background:transparent;color:#8f96a2;font:900 13px/1 Inter,Arial,sans-serif;cursor:pointer}.account-tabs button.active{background:#23262d;color:#fff;box-shadow:0 7px 20px rgba(0,0,0,.22)}.account-heading{margin-bottom:24px}.account-heading h3{margin:0 0 6px;color:#fff;font-size:25px}.account-heading p{margin:0;color:#8f96a2;font-size:13px}.account-form[hidden]{display:none!important}.account-form .field{margin-bottom:15px}.account-form .field input{min-height:50px}.account-submit{width:100%;margin-top:5px}.account-message{min-height:22px;margin-top:14px;color:#8ad9ae;font-size:12px;font-weight:750}.account-message.error{color:#ff7078}.account-agree{display:flex;gap:9px;align-items:flex-start;margin:2px 0 17px;color:#9da3ad;font-size:11px;line-height:1.55}.account-agree input{margin-top:3px;accent-color:#ef233c}.account-agree a{color:#ff6871}.account-local-note{margin:18px 0 0;color:#666d78;font-size:10px;line-height:1.6}.account-local-note code{color:#9299a4}.account-signed-card{position:relative;z-index:2;margin-top:28px;padding:18px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:rgba(28,0,4,.2);backdrop-filter:blur(8px)}.account-signed-card small{display:block;color:#ffd6d4;font-size:9px;font-weight:900;letter-spacing:.12em}.account-signed-card strong{display:block;margin-top:7px;color:#fff;font-size:19px}.account-signed-card span{display:block;margin-top:4px;color:#ffe4e2;font-size:12px}.account-signed-card button{margin-top:14px;padding:9px 12px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:rgba(0,0,0,.18);color:#fff;font-weight:850;cursor:pointer}
@media(max-width:820px){.account-panel{padding:38px 40px}.account-copy{padding:42px!important}}
@media(max-width:560px){.account-panel{padding:28px 20px}.account-copy{padding:34px 24px!important}.account-tabs{margin-bottom:22px}.account-form .field-row{grid-template-columns:1fr}.account-local-note{font-size:9px}}
/* ACCOUNT UI END */