:root{--accent:#C9ED71;--on-accent:#252A32;--hero:#252A32;--icon-accent:#789844;--icon-contrast:#fff;--hero-light:#C9ED71;--surface:#fff;--shadow:rgba(27,33,27,.06)}
:root[data-theme="graphite"]{--green:#252A32;--green2:#48582C;--red:#485B25;--accent:#C9ED71;--on-accent:#252A32;--ink:#252A32;--muted:#697368;--bg:#F3F4F0;--line:#E3E6DC;--mint:#EEF3E3;--softred:#ECF2DC;--hero:#252A32;--hero-light:#C9ED71;--icon-accent:#82A341}
:root[data-theme="cobalt"]{--green:#2349C6;--green2:#2854B8;--red:#286B7A;--accent:#9FE3F0;--on-accent:#163B55;--ink:#202A43;--muted:#68728A;--bg:#F3F6FC;--line:#E0E6F2;--mint:#EAF0FD;--softred:#EAF7FA;--hero:#183581;--hero-light:#9FE3F0;--icon-accent:#44A7BD}
:root[data-theme="plum"]{--green:#4F315C;--green2:#73517D;--red:#94552D;--accent:#EDB28A;--on-accent:#442B38;--ink:#342C38;--muted:#7C6E7A;--bg:#F8F4F2;--line:#EADFE6;--mint:#EFE8F1;--softred:#F9EDE4;--hero:#402948;--hero-light:#EDB28A;--icon-accent:#BE865F}
:root[data-theme="burgundy"]{--green:#86283C;--green2:#873B49;--red:#82623A;--accent:#E7D8BD;--on-accent:#622633;--ink:#392A2F;--muted:#7D6B6E;--bg:#F8F5F1;--line:#E8DFDB;--mint:#F4E8EA;--softred:#F3ECDF;--hero:#642637;--hero-light:#E7D8BD;--icon-accent:#BD9870}
body{transition:background .25s,color .25s}svg.icon{stroke-width:1.9}.icon-color{fill:var(--icon-accent)}.icon-highlight{stroke:var(--icon-accent)}.btn .icon,.addsmall .icon{stroke:currentColor}.btn .icon-color,.addsmall .icon-color{fill:currentColor}.btn .icon-highlight{stroke:currentColor}.top{height:88px;border-bottom:0;box-shadow:0 1px 0 var(--line);gap:48px}.brandmark{width:44px;height:44px;border-radius:14px;background:var(--green);box-shadow:0 5px 13px var(--shadow)}.brandmark:after{display:none}.brandmark img{width:35px;height:35px;object-fit:contain}.brand b{font-size:26px;font-weight:800;letter-spacing:-1.2px;color:var(--ink)}.brand small{font-size:8px;letter-spacing:1.4px;margin-top:2px}.topright{gap:12px}.iconbtn{background:var(--bg);border-radius:13px;width:42px;height:42px}.iconbtn .icon{width:23px;height:23px;color:var(--green)}.badge{background:var(--green);border:2px solid white;min-width:20px;height:20px;font-size:9px;right:-3px;top:-5px}.desktopnav button.active:after{height:4px;width:21px;left:calc(50% - 10px);border-radius:3px}.container{padding-top:27px}.introbar{margin-bottom:19px}.introbar .eyebrow{color:var(--green);font-size:10px;letter-spacing:1.6px}.introbar p{font-size:12px;color:var(--muted)}.theme-trigger{background:white;border:1px solid var(--line);border-radius:100px;padding:9px 13px;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.theme-trigger b{font-size:10px;color:var(--ink)}.theme-dots{display:flex}.theme-dots span{height:13px;width:13px;border-radius:50%;border:2px solid white;margin-left:-3px}.theme-dots span:first-child{margin:0}.garagebar{background:white;border:0;box-shadow:0 1px 0 var(--line);padding:15px 19px;border-radius:17px}.garagebar .caricon{background:var(--mint);width:45px;height:42px;border-radius:12px}.caricon .icon{width:30px;height:30px}.garagebar .tag{border-radius:20px}.hero{background:var(--hero);border-radius:24px;min-height:370px}.hero-image{inset:0 0 0 39%;filter:grayscale(1) brightness(.75) contrast(1.1);opacity:.8}.hero:after{background:linear-gradient(90deg,var(--hero) 0%,var(--hero) 30%,transparent 80%)}.hero-copy{padding:40px 42px;width:62%}.hero-copy .eyebrow{color:var(--hero-light);font-size:9px;letter-spacing:2px}.hero h1{font-size:44px;line-height:1.17;letter-spacing:-2px;margin:18px 0}.hero h1 em{color:var(--hero-light)}.hero p{color:#ffffffa8;font-size:12px;line-height:1.8}.hero .btn{border-radius:100px;padding:0 24px;min-height:47px}.btn.red{background:var(--accent);color:var(--on-accent)}.hero-note{background:#ffffff12;backdrop-filter:blur(8px);border:1px solid #ffffff24;border-radius:14px;padding:12px 16px;font-size:9px;letter-spacing:0;display:flex;gap:9px;align-items:center;color:#ffffffb0}.hero-note .icon{height:22px;width:22px;color:var(--hero-light)}.hero-note b{color:white;display:block;font-size:11px;margin-bottom:3px}.searchbox{border:0;box-shadow:0 1px 0 var(--line);border-radius:15px}.searchbox .icon{height:25px;width:25px;color:var(--green)}.searchbox input{font-size:12px}.searchbox button .icon{width:17px}.searchrow{margin-bottom:27px}.vinbtn{background:var(--mint);border-radius:15px;color:var(--green)}.sectionhead h2{font-size:23px;letter-spacing:-.9px;font-weight:800}.categories{gap:13px}.category{border:0;padding:18px;border-radius:19px;position:relative;background:white;box-shadow:0 1px 0 var(--line);min-height:137px}.category>.icon{background:var(--mint);padding:8px;width:51px;height:51px;border-radius:14px;overflow:visible;margin-bottom:14px}.category b{font-size:11px}.category small{font-size:9px}.category:hover{transform:translateY(-4px);box-shadow:0 10px 24px var(--shadow)}.product{border:0;border-radius:20px;box-shadow:0 2px 2px var(--shadow);background:white}.product-image{height:200px;background:radial-gradient(ellipse at 50% 60%,white 0%,var(--mint) 100%);padding:15px}.product-image svg{transition:transform .3s}.product:hover .product-image svg{transform:scale(1.07) rotate(-2deg)}.product-body{padding:17px 19px 19px}.maker{font-size:9px;font-weight:800;letter-spacing:1.2px;color:var(--green)}.maker span{font-size:9px;color:#9A7B3E}.product-title{font-size:13px;margin-top:9px;min-height:40px;letter-spacing:-.2px}.product .heart{right:12px;top:13px;width:35px;height:35px;background:white;box-shadow:0 2px 8px var(--shadow);border-radius:12px}.heart.liked{color:var(--green)}.heart.liked .icon{fill:none}.heart.liked .icon>path:first-child{fill:var(--green);opacity:1}.heart.liked .icon>path:nth-child(2){stroke:var(--green)}.heart.liked .icon-highlight{stroke:var(--accent)}.product .product-label{border-radius:6px;font-size:8px;letter-spacing:.4px;top:16px;left:13px}.product-label.red{background:var(--accent);color:var(--on-accent)}.availability{color:var(--muted);font-size:9px}.availability:before{background:var(--icon-accent)}.price{font-size:21px;color:var(--ink)}.addsmall{background:var(--green);border-radius:11px;width:37px;height:37px;transition:transform .15s}.addsmall:active,.btn:active{transform:scale(.96)}.btn{border-radius:13px;font-size:12px}.feature{background:var(--mint);border-radius:20px;padding:26px}.feature.redish{background:var(--softred)}.feature>.icon{width:49px;height:49px;flex-shrink:0;padding:8px;border-radius:14px;background:#ffffff7a;color:var(--green)}.feature.redish>.icon{color:var(--red)}.feature h3{font-size:15px;letter-spacing:-.3px}.feature p{color:var(--muted)}.footer{font-size:9px}.footer b{font-size:12px;letter-spacing:1.6px}.avatar{background:var(--mint);color:var(--green);border-radius:13px}.profileheader{background:var(--hero);position:relative;overflow:hidden;border-radius:24px}.profileheader:after{content:'';width:220px;height:220px;border:35px solid #ffffff05;border-radius:50%;position:absolute;right:100px;top:-90px;pointer-events:none}.profileheader p{color:#ffffffa0}.profileheader .avatar{border-radius:17px;background:#ffffff15}.stat{border:0;border-radius:18px;box-shadow:0 1px 0 var(--line)}.stat b{font-size:27px}.stat .icon{width:17px;height:17px}.detailvisual{background:radial-gradient(ellipse at 50% 60%,white,var(--mint));border-radius:24px}.detailvisual .heart{position:absolute;color:var(--green)}.detailvisual .tag{background:#ffffffb0;border-radius:9px}.fitment{background:var(--mint);border-radius:15px}.fitment>.icon{width:29px;height:29px}.fitment small{color:var(--muted)}.recommend{background:var(--mint);border:0;border-radius:24px;padding:28px}.rechead>.icon{width:44px;height:44px;padding:7px;border-radius:13px;background:#ffffff7a;flex-shrink:0}.rechead p{color:var(--muted)}.recitem{border-radius:15px;background:#ffffffbf}.recitem button.addsmall{border-radius:9px}.recbuy .btn{background:var(--green)}.notice{background:var(--softred);border:0;color:var(--red);border-radius:13px}.panel,.ordercard,.garagecard{border:0;border-radius:20px;box-shadow:0 1px 0 var(--line)}.cartart{background:var(--mint);border-radius:13px}.step.done{border-color:var(--green2)}.modalcover{background:#14192380;backdrop-filter:blur(7px)}.modal{border-radius:26px;background:var(--bg);padding:31px}.modal h2{font-size:25px;letter-spacing:-1px}.modal>.eyebrow{font-size:9px;color:var(--green)}.close{border-radius:12px;width:33px;height:33px}.modal .close .icon{width:21px;height:21px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:23px 0}.theme-option{padding:0 0 12px;border-radius:17px;overflow:hidden;background:white;border:2px solid transparent;text-align:left;position:relative}.theme-option.selected{border-color:var(--green)}.theme-preview{display:block;height:115px;background:var(--sample-bg);position:relative;overflow:hidden;padding:15px;background-image:linear-gradient(145deg,var(--sample-primary) 0%,var(--sample-primary) 68%,var(--sample-bg) 68%)}.preview-brand{font-size:9px;font-weight:800;letter-spacing:1.7px;color:white;position:relative;z-index:1}.preview-line{position:relative;z-index:1;display:block;width:80px;height:5px;border-radius:3px;background:#ffffffbd;margin-top:18px}.preview-line.short{width:60px;margin-top:6px;background:var(--sample-accent)}.preview-button{display:block;position:relative;z-index:1;width:48px;height:12px;background:var(--sample-accent);border-radius:10px;margin-top:12px}.preview-disc{position:absolute;width:95px;height:95px;border:16px solid #ffffff23;border-radius:50%;right:-2px;bottom:-9px;box-shadow:inset 0 0 0 1px #ffffff38}.theme-caption{padding:12px 12px 0;display:block}.theme-caption b{display:block;font-size:11px;letter-spacing:-.1px}.theme-caption small{display:block;font-size:8px;line-height:1.5;color:var(--muted);margin-top:5px}.theme-check{position:absolute;right:10px;top:9px;color:var(--sample-primary);background:var(--bg);width:20px;height:20px;border-radius:50%;display:grid;place-items:center}.theme-check:empty{display:none}.theme-check .icon{width:14px;height:14px}.consult-icon{position:relative;width:75px;height:75px;border-radius:24px;background:var(--mint);color:var(--green);display:grid;place-items:center;margin:4px 0 25px}.consult-icon>.icon{width:43px;height:43px}.consult-icon>span{position:absolute;width:30px;height:30px;display:grid;place-items:center;bottom:-6px;right:-9px;border-radius:11px;background:var(--accent);color:var(--on-accent);border:3px solid var(--bg)}.consult-icon>span .icon{width:21px;height:21px}.consult-message{font-size:15px!important;color:var(--ink)!important;font-weight:700;line-height:1.6!important}.consult-parts{background:white;border-radius:13px;padding:10px 13px;display:flex;flex-direction:column;gap:10px;margin:20px 0;font-size:10px;max-height:170px;overflow:auto}.consult-parts span{display:flex;gap:9px;align-items:center}.consult-parts .icon{width:18px;height:18px;color:var(--green)}.manager-summary{display:flex;gap:12px;align-items:center;padding:16px;background:var(--mint);border-radius:14px;font-size:12px}.manager-summary>.icon{width:32px;height:32px;color:var(--green)}.manager-summary small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.formfield textarea{display:block;width:100%;background:white;border:1px solid var(--line);border-radius:12px;padding:13px;margin-top:8px;min-height:95px;resize:vertical;font:inherit;font-size:12px;color:var(--ink)}.purchase-kind{font-size:8px;padding:4px 7px;border-radius:5px;letter-spacing:.6px;margin-left:8px;display:inline-flex;color:var(--green);background:var(--mint)}.purchase-help{display:flex;gap:8px;align-items:center;font-size:10px;margin-top:12px;color:var(--muted)}.purchase-help .icon{height:18px;width:18px;color:var(--green);flex-shrink:0}.pill-light{display:inline-flex;align-items:center;gap:8px;margin-top:20px;border-radius:100px;padding:9px 13px;background:white;border:1px solid var(--line);font-size:10px}.pill-light .icon{height:17px;width:17px;color:var(--green)}
@media(max-width:799px){.top{height:calc(70px + var(--tg-content-safe-area-inset-top,0px));padding-left:18px;padding-right:18px;gap:10px}.brand{gap:9px}.brandmark{width:36px;height:36px;border-radius:11px}.brandmark img{width:29px;height:29px}.brand b{font-size:23px}.brand small{font-size:7px;letter-spacing:1.3px}.topright{gap:7px}.iconbtn{background:var(--bg);width:32px;height:32px;border-radius:10px}.iconbtn .icon{width:20px;height:20px}.badge{min-width:17px;height:17px;font-size:7px;border-width:1.5px;right:-3px;top:-5px}.container{padding-top:20px}.introbar{align-items:center;gap:6px;margin-bottom:17px}.introbar .eyebrow{font-size:8px;letter-spacing:1px}.introbar p{font-size:10px;max-width:180px;line-height:1.6}.theme-trigger{padding:8px 10px;gap:6px;flex-shrink:0}.theme-trigger .theme-name{display:none}.theme-dots span{width:14px;height:14px}.theme-trigger b{font-size:9px}.garagebar{border-radius:16px;padding:12px 14px;gap:11px}.garagebar .caricon{width:36px;height:36px;border-radius:11px}.caricon .icon{height:27px;width:27px}.hero{min-height:305px;border-radius:22px}.hero-image{inset:0 0 0 27%;background-position:58% 50%;opacity:.65;filter:grayscale(1) brightness(.78)}.hero:after{background:linear-gradient(90deg,var(--hero) 0%,transparent 110%)}.hero-copy{padding:27px 23px;width:95%}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.6px}.hero h1{font-size:32px;letter-spacing:-1.3px;line-height:1.14;margin:17px 0 13px}.hero p{font-size:10px;max-width:200px;margin-bottom:22px;line-height:1.75}.hero .btn{min-height:42px;font-size:10px;padding:0 18px}.hero-note{display:none}.searchrow{gap:9px;margin:16px 0 25px}.searchbox{min-height:51px;padding:0 13px;border-radius:14px}.searchbox input{font-size:10px}.searchbox .icon{width:22px;height:22px}.searchbox button .icon{width:16px;height:16px}.vinbtn{border-radius:14px;background:var(--mint);padding:0 13px}.vinbtn .icon{width:23px;height:23px}.sectionhead h2{font-size:20px;letter-spacing:-.6px}.categories{gap:10px;grid-template-columns:repeat(3,1fr)}.category{padding:13px 10px;border-radius:17px;min-height:118px}.category>.icon{width:42px;height:42px;border-radius:12px;padding:6px;margin-bottom:12px}.category b{font-size:9px;line-height:1.45}.category small{font-size:7px;margin-top:5px}.grid{gap:12px}.product{border-radius:17px}.product-image{height:157px;padding:10px}.product .heart{height:29px;width:29px;right:9px;top:10px;border-radius:10px}.heart .icon{width:18px;height:18px}.product .product-label{left:9px;top:14px;padding:4px 5px;font-size:6px}.product-body{padding:13px 12px 14px}.maker{font-size:7px;letter-spacing:.8px}.maker span{font-size:7px}.product-title{font-size:11px;letter-spacing:-.1px;min-height:34px;line-height:1.5;margin:8px 0 6px}.partno{font-size:8px}.availability{font-size:7px;margin:10px 0 12px}.price{font-size:17px;letter-spacing:-.5px}.unit{font-size:7px}.addsmall{height:32px;width:32px;border-radius:10px}.addsmall .icon{width:18px;height:18px}.featuretiles{gap:12px}.feature{padding:20px 16px;gap:12px;border-radius:19px}.feature>.icon{height:43px;width:43px;border-radius:13px;padding:7px}.feature h3{font-size:12px}.feature p{font-size:9px;line-height:1.6}.feature .textbtn .icon{width:20px;height:20px}.bottomnav{left:12px;right:12px;bottom:calc(9px + max(env(safe-area-inset-bottom),var(--tg-content-safe-area-inset-bottom,0px)));border:1px solid #ffffff90;box-shadow:0 7px 35px #171c2920;border-radius:21px;padding:8px 4px 9px;background:#ffffffed}.bottomnav button{font-size:8px;min-width:49px;gap:3px;padding:3px}.navicon{height:29px;width:43px;border-radius:10px}.bottomnav .active .navicon{background:var(--mint);border-radius:10px}.bottomnav .icon{width:24px;height:24px}.bottomnav .badge{right:10px;top:-1px;min-width:14px;height:14px;font-size:7px}.container{padding-bottom:115px}.footer{font-size:8px;gap:17px}.footer b{font-size:11px;letter-spacing:1.3px;flex-shrink:0}.profileheader{padding:23px;border-radius:22px}.profileheader h1{font-size:19px}.profileheader p{font-size:9px}.profileheader .avatar{border-radius:15px}.stat{border-radius:15px;padding:15px 12px}.stat b{font-size:23px}.stat span{font-size:8px}.stat .icon{width:14px;height:14px}.detailvisual{height:300px;min-height:300px;border-radius:22px}.detailvisual svg{max-width:325px}.detailinfo h1{font-size:25px}.detailinfo .price{font-size:30px}.fitment{padding:13px;gap:9px}.fitment>.icon{width:26px;height:26px}.fitment .textbtn{font-size:9px}.recommend{padding:20px 17px;border-radius:22px}.rechead{gap:11px}.rechead>.icon{height:38px;width:38px;padding:6px;border-radius:12px}.rechead h2{font-size:18px}.rechead p{font-size:10px}.recgrid{gap:10px}.recitem{border-radius:13px;padding:12px 10px}.recbuy strong{font-size:20px}.recbuy small{font-size:9px;max-width:180px;line-height:1.5}.recbuy .btn{width:100%;flex:auto;min-height:43px}.panel,.ordercard,.garagecard{border-radius:18px}.modal{padding:29px 23px calc(24px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.modal h2{font-size:24px}.theme-options{gap:11px}.theme-preview{height:112px}.theme-caption{padding:11px 10px 0}.theme-caption b{font-size:10px}.theme-caption small{font-size:8px}.consult-icon{width:68px;height:68px;border-radius:22px}.consult-message{font-size:14px!important}.purchase-kind{font-size:7px}.purchase-help{font-size:9px}.theme-top-btn{display:grid}}
@media(max-width:359px){.brand small{display:none}.topright{gap:5px}.iconbtn{width:30px}.product-image{height:140px}.price{font-size:15px}.category b{font-size:8px}.hero h1{font-size:29px}}

.brandmark img{filter:brightness(0) invert(1)}.maker span .icon{width:11px;height:11px;vertical-align:-2px;margin-right:2px}.detailinfo>.eyebrow .icon{width:12px;height:12px;vertical-align:-2px}.brandmark{background:var(--green)}