:root{--green:#0d503b;--dark:#073c2d;--ink:#151b1a;--muted:#65706c;--soft:#f2f5f3;--gold:#c99a38;--line:#d9e0dd;--shadow:0 18px 45px rgba(12,35,27,.12);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;gap:30px}.brand img{width:66px;height:66px;object-fit:contain}.links{display:flex;gap:22px;margin-left:auto;align-items:center}.links a{font-weight:700;position:relative}.links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:3px;background:var(--gold);transition:.25s}.links a:hover:after,.links a.active:after{right:0}.cart-link{background:var(--green);color:#fff;padding:9px 14px;border-radius:999px}.cart-count{background:var(--gold);color:#111;border-radius:50%;padding:2px 7px;margin-left:4px}.menu-btn{display:none;margin-left:auto}.hero{min-height:640px;display:grid;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(3,24,18,.94),rgba(3,24,18,.5)),url('../images/evergreen-tourer-250.webp') center/cover}.hero-inner{padding:80px 0;max-width:700px}.eyebrow{color:#e8c575;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.8rem}.hero h1{font-size:clamp(3.2rem,8vw,6.8rem);line-height:.9;margin:16px 0}.hero h2{font-size:clamp(1.5rem,3vw,2.25rem)}.hero p{font-size:1.15rem;color:#e7eeeb}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{min-height:48px;border:1px solid var(--green);background:var(--green);color:#fff;border-radius:10px;padding:12px 22px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s;box-shadow:0 6px 14px rgba(13,80,59,.12)}.btn:hover{transform:translateY(-3px);background:var(--dark);box-shadow:0 12px 22px rgba(13,80,59,.2)}.btn.alt{background:transparent;color:inherit;border-color:currentColor}.btn.gold{background:var(--gold);border-color:var(--gold);color:#111}.btn.active{background:var(--gold);color:#111}.section{padding:82px 0}.soft{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section h2,.page-hero h1{font-size:clamp(2rem,4vw,2.85rem);line-height:1.05}.section-head p{max-width:560px;color:var(--muted)}.category-grid,.why-grid,.service-grid,.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-card,.info-card,.service-card,.panel{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 30px rgba(12,35,27,.05);transition:.25s}.category-card:hover,.info-card:hover,.service-card:hover,.panel:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-card{min-height:210px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,var(--dark),#167052);color:#fff}.category-card:nth-child(2){background:linear-gradient(145deg,#17211f,#3b4945)}.category-card:nth-child(3){background:linear-gradient(145deg,#735419,#c99a38)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:.25s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-image{aspect-ratio:4/3;width:100%;object-fit:cover}.product-body{padding:20px}.product-body h3{margin:5px 0 0}.meta{color:var(--muted);font-size:.9rem}.price{font-size:1.35rem;font-weight:900;margin:10px 0}.card-actions{display:flex;gap:8px}.card-actions .btn{flex:1;padding:10px}.page-hero{padding:70px 0;background:var(--dark);color:#fff}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filter,.option{border:1px solid var(--line);background:#fff;padding:10px 16px;border-radius:9px;cursor:pointer;transition:.2s}.filter:hover,.option:hover{transform:translateY(-2px);border-color:var(--green);box-shadow:0 6px 15px rgba(12,35,27,.1)}.filter.active{background:var(--green);color:#fff}.detail,.checkout-grid,.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:45px}.detail-image{border-radius:var(--radius);width:100%;aspect-ratio:4/3;object-fit:cover}.detail h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.selector{margin:24px 0}.options{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:36px;height:36px;border-radius:50%;padding:0}.swatch.selected{outline:3px solid var(--green)}.cart-row,.summary-row{display:grid;grid-template-columns:130px 1fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.cart-row img,.summary-row img{width:130px;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.total-box{margin:28px 0 0 auto;max-width:420px;padding:24px;background:var(--soft);border-radius:var(--radius)}.line-total{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:900}.empty{text-align:center;padding:70px 20px;border:1px dashed var(--line);border-radius:var(--radius)}.field{margin-bottom:16px}.field label{display:block;font-weight:800;margin-bottom:6px}.field input,.field textarea{width:100%;padding:12px 14px;border:1px solid #aab5b0;border-radius:8px}.field textarea{min-height:120px}.field input:focus,.field textarea:focus{outline:3px solid rgba(13,80,59,.2);border-color:var(--green)}.error{color:#a22620;font-size:.85rem;min-height:1.2em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.span-2{grid-column:1/-1}.notice{padding:18px;border-left:4px solid var(--gold);background:#fff8e7;border-radius:8px}.success{padding:28px;background:#eaf6ef;border:1px solid #9ecdb1;border-radius:var(--radius)}.policy{max-width:820px}.policy h2{font-size:1.55rem;color:var(--green);border-bottom:1px solid var(--line);padding-bottom:8px;margin-top:38px}.policy p{color:#4e5b56}.site-footer{background:#111a17;color:#dfe9e5;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1fr;gap:30px}.footer-logo{width:105px;border-radius:50%;background:#fff}.footer-col h3{color:#fff}.footer-col a{display:block;margin:7px 0;color:#c8d4cf}.footer-col a:hover{color:#e7bf63}.footer-bottom{border-top:1px solid #31403a;margin-top:35px;padding-top:20px;color:#98a8a1}.to-top{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:1.3rem;opacity:0;pointer-events:none;transition:.2s}.to-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(18px);transition:.6s}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.menu-btn{display:block;background:transparent;border:0;font-size:1.5rem}.links{display:none;position:absolute;top:82px;left:0;right:0;padding:20px;background:#fff;flex-direction:column;align-items:stretch}.links.open{display:flex}.category-grid,.why-grid,.service-grid,.process-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.detail,.checkout-grid,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.container{width:calc(100% - 24px)}.section{padding:60px 0}.category-grid,.why-grid,.service-grid,.process-grid,.product-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.cart-row,.summary-row{grid-template-columns:88px 1fr}.cart-row img,.summary-row img{width:88px}.cart-row>div:last-child{grid-column:2}.card-actions{flex-direction:column}.hero h1{font-size:3.2rem}.section-head{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* cart refinements */
.cart-symbol{display:inline-flex;width:17px;height:17px;margin-right:4px;vertical-align:-3px}.cart-symbol svg{width:100%;height:100%}.cart-link:after{display:none!important}.cart-link{display:inline-flex;align-items:center;gap:3px}.page-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#063b2c,#0d503b 58%,#1c7155)}.page-hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(232,197,117,.3);border-radius:50%;right:8%;top:-155px;box-shadow:0 0 0 18px rgba(232,197,117,.06),0 0 0 36px rgba(232,197,117,.04)}body[data-page="cart"] .page-hero{padding:48px 0 52px}body[data-page="cart"] .page-hero h1:before{content:"🛒";font-size:.7em;margin-right:14px}body[data-page="cart"] .section{padding-top:58px}.checkout-grid .panel h2{font-size:1.65rem;margin-top:0}.checkout-grid .panel h2:not(:first-child){margin-top:30px}
/* contact and order page refinements */
.cart-symbol{display:inline-flex;width:17px;height:17px;margin-right:4px}.cart-symbol svg{width:100%;height:100%}.cart-link:after{display:none!important}.cart-link{display:inline-flex;align-items:center;gap:3px}.page-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#063b2c,#0d503b 58%,#1c7155)}.page-hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(232,197,117,.3);border-radius:50%;right:8%;top:-155px;box-shadow:0 0 0 18px rgba(232,197,117,.06),0 0 0 36px rgba(232,197,117,.04)}body:has(.contact-grid) .page-hero{background:linear-gradient(120deg,#17211f,#0d503b);padding:58px 0}body:has(.checkout-grid) .page-hero{background:linear-gradient(120deg,#063b2c,#0d503b);padding:48px 0 54px}body:has(.checkout-grid) .page-hero h1{max-width:560px}.contact-list{font-style:normal}.contact-grid .panel{padding:34px}.contact-grid textarea{min-height:170px}.contact-grid .btn{min-width:150px}.checkout-grid .panel{padding:30px}.checkout-grid .panel h2{font-size:1.65rem;margin-top:0}.checkout-grid .panel h2:not(:first-child){margin-top:30px}.checkout-grid .field{margin-bottom:18px}
@media(max-width:850px){.links a:after,.links a:hover:after,.links a.active:after{display:none}.links a.active{background:#f1f5f3;color:var(--green);border-left:3px solid var(--gold);padding-left:13px}.links .cart-link{width:max-content;align-self:stretch;justify-content:flex-start;border-left:0;padding:10px 16px;border-radius:999px;margin-top:4px}.links{gap:6px}.links a{padding:10px 13px;transition:background .2s,color .2s}.links a:hover{background:#f7f9f8}}
/* final compact controls */
.btn{min-height:42px;padding:10px 16px;font-size:.92rem;font-weight:800}.card-actions .btn{padding:9px 12px}.filter{padding:8px 12px;font-size:.92rem;white-space:nowrap}.filters{gap:8px}.option{padding:8px 12px;font-size:.92rem}.cart-link:after{display:none!important}body[data-page="cart"] .page-hero h1:before{display:none}
/* image-first product hover */
.filter:hover,.option:hover{transform:none;border-color:var(--line);box-shadow:none}.product-card{overflow:hidden}.product-image{transition:transform .38s ease,filter .38s ease}.product-card:hover .product-image{transform:scale(1.045);filter:saturate(1.08) brightness(1.03)}
/* active cart button and home-card polish */
.btn.active,.btn.active:hover{background:var(--gold);border-color:var(--gold)!important;color:#111;box-shadow:0 7px 16px rgba(201,154,56,.24)}.why-grid,.service-grid,.process-grid{counter-reset:homecards}.why-grid .info-card,.service-grid .service-card,.process-grid .info-card{position:relative;overflow:hidden;border:0;border-top:4px solid var(--green);box-shadow:0 10px 30px rgba(12,35,27,.08)}.why-grid .info-card:before,.service-grid .service-card:before,.process-grid .info-card:before{counter-increment:homecards;content:"0" counter(homecards);display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:12px;background:#e9f3ee;color:var(--green);font-weight:900}.why-grid .info-card:after,.service-grid .service-card:after,.process-grid .info-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-55px;bottom:-55px;background:rgba(201,154,56,.12);transition:.35s}.why-grid .info-card:hover,.service-grid .service-card:hover,.process-grid .info-card:hover{transform:translateY(-7px);background:linear-gradient(145deg,#fff,#f4f8f6);box-shadow:0 20px 42px rgba(12,35,27,.14)}.why-grid .info-card:hover:after,.service-grid .service-card:hover:after,.process-grid .info-card:hover:after{transform:scale(1.45);background:rgba(201,154,56,.18)}
/* definitive home card and active-state update */
.btn.active,.btn.active:hover,.btn[aria-pressed="true"],.btn[aria-pressed="true"]:hover{border:0!important;outline:0!important;box-shadow:0 8px 18px rgba(201,154,56,.28)!important;background:#d3a438!important;color:#101513!important}.category-grid .category-card{position:relative;min-height:240px;padding:32px;border:0;overflow:hidden;box-shadow:0 16px 32px rgba(12,35,27,.14)}.category-grid .category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,rgba(255,255,255,.08));transition:.35s}.category-grid .category-card:after{content:"→";position:absolute;right:28px;top:28px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:1.35rem;transition:.3s}.category-grid .category-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(12,35,27,.22)}.category-grid .category-card:hover:after{transform:translateX(5px);background:rgba(255,255,255,.22)}.why-grid .info-card,.process-grid .info-card,.service-grid .service-card{border:0!important;border-left:4px solid var(--gold)!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,#f6f9f7)!important}.why-grid .info-card:hover,.process-grid .info-card:hover,.service-grid .service-card:hover{border-left-color:var(--green)!important;transform:translateY(-7px) scale(1.01)!important}
/* universal button interaction and compact contact success */
.btn,.filter,.option{transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.btn:hover,.filter:hover,.option:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(12,35,27,.14)}.filter:hover,.option:hover{background:#eef5f1;color:var(--green);border-color:transparent}.filter.active,.filter.active:hover,.btn.active,.btn.active:hover,.btn[aria-pressed="true"],.btn[aria-pressed="true"]:hover{border-color:transparent!important;outline:0!important}.filter.active:hover{background:#073c2d;color:#fff}.btn:hover{border-color:transparent}.btn:active,.filter:active,.option:active{transform:translateY(0);border-color:transparent!important;outline:0!important}.contact-grid #contact-success .success{margin-top:16px;padding:16px 20px;border:0;border-left:4px solid var(--green);border-radius:10px;box-shadow:0 8px 20px rgba(12,35,27,.08)}.contact-grid #contact-success .success h2{font-size:1.3rem;margin:0 0 4px}.contact-grid #contact-success .success p{margin:0;color:#405049}
/* dedicated services page */
body[data-page="services"] .page-hero{padding:62px 0;background:linear-gradient(115deg,#071f18 0%,#0d503b 62%,#bd9031 160%)}body[data-page="services"] .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}body[data-page="services"] .service-card{min-height:215px;padding:30px 32px;border:1px solid #dde5e1!important;border-left:0!important;border-top:4px solid var(--gold)!important;border-radius:18px!important;background:#fff!important;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 12px 32px rgba(12,35,27,.08)}body[data-page="services"] .service-card:first-child{grid-column:1/-1;min-height:190px;background:linear-gradient(120deg,#f5faf7,#fff)!important}body[data-page="services"] .service-card h2{font-size:1.45rem;line-height:1.22;margin:4px 0 14px;max-width:360px}body[data-page="services"] .service-card p{margin:0;color:var(--muted);max-width:570px}body[data-page="services"] .service-card:before{width:38px;height:38px;margin-bottom:16px;border-radius:10px}body[data-page="services"] .service-card:hover{transform:translateY(-6px)!important;border-top-color:var(--green)!important;box-shadow:0 20px 42px rgba(12,35,27,.14)}body[data-page="services"] .section>.actions{width:min(1180px,calc(100% - 40px));margin:30px auto 0}body[data-page="services"] .section>.actions .btn{min-width:140px;justify-content:center}@media(max-width:700px){body[data-page="services"] .service-grid{grid-template-columns:1fr}body[data-page="services"] .service-card:first-child{grid-column:auto}body[data-page="services"] .section>.actions{width:calc(100% - 24px)}body[data-page="services"] .section>.actions .btn{width:100%}}
/* unique asymmetric workshop layout */
body[data-page="services"] .service-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;grid-template-rows:repeat(2,minmax(210px,auto));gap:18px;counter-reset:services}body[data-page="services"] .service-card,body[data-page="services"] .service-card:first-child{grid-column:auto;min-height:0;padding:28px;border:0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 30px rgba(12,35,27,.08);position:relative;overflow:hidden;justify-content:flex-end}body[data-page="services"] .service-card:first-child{grid-row:1/3;min-height:438px;padding:36px;background:linear-gradient(155deg,#06271d,#0d503b)!important;color:#fff;box-shadow:0 20px 45px rgba(5,45,32,.22)}body[data-page="services"] .service-card:first-child p{color:#d8e7e1;font-size:1.04rem}body[data-page="services"] .service-card:before{counter-increment:services;content:"0" counter(services);position:absolute;left:28px;top:25px;width:auto;height:auto;margin:0;background:transparent;color:var(--gold);font-size:2.2rem;font-weight:900;letter-spacing:-.08em}body[data-page="services"] .service-card:first-child:before{font-size:4.4rem;top:32px;left:36px;color:#e4b64f}body[data-page="services"] .service-card:after{content:"";position:absolute;width:100px;height:100px;right:-42px;top:-42px;border:18px solid rgba(13,80,59,.07);border-radius:50%;transition:.35s}body[data-page="services"] .service-card:first-child:after{width:230px;height:230px;right:-100px;top:-90px;border-color:rgba(232,197,117,.12)}body[data-page="services"] .service-card h2{font-size:1.35rem;line-height:1.25;margin:70px 0 10px;max-width:330px}body[data-page="services"] .service-card:first-child h2{font-size:2.1rem;margin-top:150px;max-width:360px}body[data-page="services"] .service-card p{margin:0;color:#65706c}body[data-page="services"] .service-card:hover{transform:translateY(-7px)!important;background:#f3f8f5!important;box-shadow:0 22px 46px rgba(12,35,27,.16)}body[data-page="services"] .service-card:first-child:hover{background:linear-gradient(155deg,#041e16,#126147)!important}body[data-page="services"] .service-card:hover:after{transform:scale(1.28) rotate(15deg)}body[data-page="services"] .section>.actions{display:flex;justify-content:center;margin-top:34px}body[data-page="services"] .section>.actions .btn{min-width:170px}@media(max-width:900px){body[data-page="services"] .service-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}body[data-page="services"] .service-card:first-child{grid-row:auto;grid-column:1/-1;min-height:300px}}@media(max-width:620px){body[data-page="services"] .service-grid{grid-template-columns:1fr}body[data-page="services"] .service-card:first-child{grid-column:auto;min-height:300px}body[data-page="services"] .service-card{min-height:190px}}