/*
Theme Name: EVMORO
Description: Affiliate catalog theme for EV accessories.
Version: 1.0.0
Text Domain: evmoro
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{--navy:#071b27;--ink:#0d2231;--teal:#00cdb6;--lime:#d9ff36;--line:#e4eaec;--muted:#687681}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans Thai',sans-serif}a{text-decoration:none;color:inherit}.nav{height:76px;display:flex;align-items:center;padding:0 5.2%;gap:35px;background:#fff}.logo{font:700 28px/1 'DM Mono';letter-spacing:-2px}.logo b{color:var(--teal)}.menu{display:flex;gap:30px;flex:1;justify-content:center;list-style:none;padding:0}.menu a{font-size:14px;font-weight:600}.merchant{color:#00bca7;background:#fff;border:1.5px solid #00bca7;border-radius:24px;padding:10px 17px;font-size:13px;font-weight:700}.hero{min-height:498px;color:#fff;background:#092434 url('assets/hero.png') center/cover no-repeat;position:relative}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,19,29,.62),rgba(3,22,33,.1))}.heroinner{position:relative;width:min(1320px,90%);margin:auto;padding:53px 0}.kicker{font:12px 'DM Mono';letter-spacing:1.3px;color:#65f3df}.hero h1{font-size:clamp(40px,4.8vw,71px);line-height:1.05;letter-spacing:-3px;margin:10px 0;font-weight:800}.hero h1 strong{color:var(--teal)}.lead{font-size:17px;line-height:1.6;max-width:500px}.finder{display:flex;gap:13px;margin-top:24px;max-width:680px}.finder select{flex:1;border:0;border-radius:12px;padding:16px;font-weight:600;color:#53616a}.match,.bundle button{border:0;border-radius:12px;padding:0 25px;background:var(--lime);font-weight:800;color:#12212a}.assures{display:flex;gap:32px;margin-top:28px}.assure{font-size:13px;font-weight:700}.assure span{display:block;color:#cad9db;font-size:11px;font-weight:400}.content{padding:38px 5.2% 70px}.sectiontop{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.sectiontop h2{font-size:29px;margin:0;letter-spacing:-1.5px}.sectiontop a{color:#009f8b;text-decoration:underline;text-underline-offset:4px;font-weight:700;font-size:14px}.cars,.productgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.car,.product{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.car{min-height:124px;padding:14px;display:flex;align-items:center;gap:13px}.car.active{background:#f0fffb;border-color:#20d1ba}.carphoto{width:42%;height:80px;border-radius:9px;background:linear-gradient(145deg,#d2e5e5,#f8fbfb);position:relative}.carphoto:before{content:'';position:absolute;width:87%;height:38%;left:7%;top:34%;border-radius:40% 45% 15% 18%;background:linear-gradient(150deg,#324e5a,#86a5aa)}.carname{font-weight:800;font-size:16px}.carname span{display:block;color:#687782;font-size:11px;font-weight:400;margin-top:4px}.products{margin-top:38px}.tabs{display:flex;gap:9px;margin:17px 0 20px}.tab{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 15px;font-size:13px}.tab.active{color:#fff;background:var(--navy)}.productvisual{height:180px;background:linear-gradient(135deg,#e9efef,#cbdcde);display:grid;place-items:center;font:62px 'DM Mono';color:#13323c}.info{padding:14px 15px 16px}.label{font:10px 'DM Mono';color:#007d6d;background:#e0faf5;border-radius:4px;padding:4px 6px}.product h3{font-size:15px;margin:9px 0 4px}.desc{font-size:11px;color:var(--muted);min-height:33px}.buyrow{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.price{font:700 17px 'DM Mono'}.buy{border:0;border-radius:9px;background:#dffaf4;color:#008d7d;font-weight:800;padding:9px 12px}.bundle{margin-top:47px;background:linear-gradient(113deg,#071e29,#133d44);border-radius:20px;color:#fff;padding:34px 38px;display:flex;justify-content:space-between;align-items:center}.bundle h2{font-size:27px;margin:0 0 8px}.bundle p{margin:0;color:#b7cbcc}.footer{background:#071b27;color:#cad9db;padding:25px 5.2%;font-size:13px}@media(max-width:850px){.menu{display:none}.cars,.productgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.nav{padding:0 18px}.merchant{display:none}.hero{min-height:560px;background-position:62%}.finder{flex-direction:column}.match{height:52px}.assures{gap:16px}.cars,.productgrid{grid-template-columns:1fr}.content{padding:28px 18px}.bundle{display:block;padding:26px}.bundle button{height:45px;margin-top:18px}}