:root{--orange:#f26522;--dark:#15191c;--text:#17191b;--muted:#666;--line:#e7e7e7;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 14px #00000010}.header-inner{height:100px;display:flex;align-items:center;gap:30px}.brand{width:190px;flex:0 0 190px}.brand img{max-height:84px;margin:auto}.main-nav{margin-left:auto}.main-nav ul{list-style:none;display:flex;gap:30px;margin:0;padding:0;align-items:center}.main-nav a{font-size:13px;font-weight:800;text-transform:uppercase}.main-nav a:hover{color:var(--orange)}.header-call,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:white;font-weight:800;text-transform:uppercase;padding:14px 20px;border-radius:3px;border:2px solid var(--orange);font-size:13px}.header-call{white-space:nowrap}.btn-outline{background:#fff;color:#222;border-color:#bbb}.btn-outline-light{background:transparent;border:1px solid var(--orange);color:#fff}.menu-toggle{display:none;background:none;border:0;font-size:28px}.hero{background-image:linear-gradient(90deg,#fff 0%,#fff 30%,#ffffffb8 45%,#ffffff08 70%),var(--hero);background-size:cover;background-position:center;min-height:540px}.hero-inner{min-height:540px;display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-copy{width:54%;padding:45px 0}.hero h1{font-size:56px;line-height:.98;margin:0 0 20px;text-transform:uppercase;font-weight:900;letter-spacing:-2px}.hero h1 span{color:var(--orange)}.hero p{max-width:560px;font-size:18px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.hero-badges{width:260px;align-self:flex-end;margin-bottom:35px;display:grid;gap:10px}.brand-badge{background:#fffffff2;border-radius:6px;padding:16px;box-shadow:0 10px 30px #0002}.stihl-badge strong{display:block;font-style:italic;font-size:36px;color:var(--orange);line-height:1}.stihl-badge span{font-size:12px;font-weight:700}.meyer-badge img{height:62px;object-fit:contain;width:100%}.section{padding:58px 0}.section-title{text-align:center;text-transform:uppercase;font-size:28px;margin:0 0 30px;position:relative}.section-title:after{content:"";display:block;width:34px;height:4px;background:var(--orange);margin:8px auto}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-card{border:1px solid #e2e2e2;background:#fff;box-shadow:0 4px 14px #0000000d}.service-card>img{height:175px;width:100%;object-fit:cover}.service-body{padding:18px;position:relative}.round-icon{position:absolute;top:-24px;left:18px;background:var(--orange);color:#fff;width:48px;height:48px;border-radius:50%;border:4px solid #fff;display:grid;place-items:center;font-weight:bold}.service-card h3{text-transform:uppercase;font-size:18px;margin:14px 0 8px}.service-card ul{padding-left:18px;font-size:13px;min-height:115px}.service-card li{margin:4px 0}.text-link{color:var(--orange);font-size:12px;font-weight:900;text-transform:uppercase}.why{background:linear-gradient(110deg,#171b1e,#252a2d);color:#fff;padding:45px 0}.why-grid{display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:22px;align-items:center}.why-intro h2{text-transform:uppercase;margin:0 0 12px;font-size:25px}.why-intro h2 span{color:var(--orange)}.why-intro p{font-size:13px;color:#ddd}.why-item{text-align:center;text-transform:uppercase}.why-icon{color:var(--orange);font-size:34px;margin-bottom:8px}.why-item strong,.why-item span{display:block;font-size:13px}.why-item span{font-size:11px;color:#ddd}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.feature-image img{width:100%;border-radius:5px;box-shadow:0 10px 30px #0002}.eyebrow{text-transform:uppercase;color:var(--orange);font-weight:900;font-size:12px;letter-spacing:1px}.feature-copy h2{font-size:38px;line-height:1.05;text-transform:uppercase;margin:8px 0 15px}.feature-copy h2 span,.stihl-word{color:var(--orange);font-style:italic}.feature-points{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.brands{padding-top:34px;padding-bottom:34px}.brand-strip{display:grid;grid-template-columns:repeat(10,1fr);align-items:center;gap:20px;text-align:center;font-weight:900}.brand-strip img{height:45px;width:100%;object-fit:contain}.brand-word{font-size:26px}.brand-strip small{font-size:8px}.cta-shop{background:linear-gradient(90deg,#111e 0%,#111d 31%,#1115 60%,transparent),var(--shop);background-size:cover;background-position:center;color:white;padding:50px 0}.cta-copy{max-width:430px}.cta-copy h2{text-transform:uppercase;font-size:35px;line-height:1;margin:0 0 15px}.contact-home{background:#f7f7f7}.contact-grid{display:grid;grid-template-columns:1.15fr .8fr 1fr 1.4fr;gap:35px}.contact-grid h3,.site-footer h3{text-transform:uppercase;font-size:14px}.contact-grid p{font-size:13px}.map-card{height:145px;background:linear-gradient(135deg,#f1ede5,#dfdfdf);display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ddd}.map-card span{font-weight:900;font-size:18px}.map-card a{color:var(--orange);font-size:12px;margin-top:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contact-form{display:grid;gap:8px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #ccc;padding:11px;font:inherit}.contact-form .btn{justify-self:end}.form-notice.success{background:#eaf7ea;padding:10px;margin-bottom:10px}.site-footer{border-top:1px solid #eee;background:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr 1.4fr .9fr 1fr;gap:40px;padding:40px 0}.footer-brand img{max-width:230px}.site-footer p{font-size:13px}.site-footer a{color:#333}.footer-bottom{background:#171a1c;color:#bbb;font-size:11px;padding:14px 0}.page-hero{background:#171a1c;color:#fff;padding:45px 0;border-bottom:4px solid var(--orange)}.page-hero h1{text-transform:uppercase;margin:0;font-size:38px}.page-hero p{margin:6px 0 0;color:#ddd}.page-content,.narrow{max-width:850px}.check-list{list-style:none;padding:0;columns:2}.check-list li{padding:7px 0}.check-list li:before{content:'✓';color:var(--orange);font-weight:bold;margin-right:9px}.inner-brand-logo{height:100px;object-fit:contain;object-position:left;width:280px}.contact-page-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.brands-page{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.brand-feature{border:1px solid #ddd;padding:30px;text-align:center;font-weight:800;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-feature img{max-height:70px;object-fit:contain}.brand-feature p{font-weight:400;font-size:13px}.narrow h2{font-size:32px;text-transform:uppercase}
@media(max-width:1000px){.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:flex-start}.menu-toggle{display:block;margin-left:auto}.header-call{display:none}.hero h1{font-size:44px}.service-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr 1fr 1fr}.why-intro{grid-column:1/-1}.brand-strip{grid-template-columns:repeat(5,1fr)}.contact-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.container{width:min(100% - 28px,var(--max))}.header-inner{height:82px}.brand{width:145px;flex-basis:145px}.hero{min-height:auto;background-image:linear-gradient(90deg,#fff 0%,#fffffff0 75%,#ffffffaa),var(--hero)}.hero-inner{min-height:520px}.hero-copy{width:100%}.hero h1{font-size:39px}.hero-badges{display:none}.service-grid,.feature-grid,.contact-page-grid,.brands-page{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}.brand-strip{grid-template-columns:repeat(2,1fr)}.contact-grid,.footer-grid{grid-template-columns:1fr}.service-card>img{height:220px}.feature-copy h2{font-size:30px}.form-row{grid-template-columns:1fr}.page-hero h1{font-size:30px}}

.about-shop-photo{width:100%;height:auto;max-height:560px;object-fit:cover;object-position:center;margin:0 0 28px;border-radius:4px;}

/* v1.2 layout refinements */
.site-header{background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 16px #00000012}
.header-inner{height:92px;display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:34px}
.brand{width:190px;display:flex;align-items:center}
.brand img{max-height:76px;width:auto;object-fit:contain;margin:0}
.main-nav{margin:0;justify-self:end}
.wls-menu{list-style:none;display:flex;gap:42px;margin:0;padding:0;align-items:center}
.wls-menu>li{position:relative}
.wls-menu>li>a{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:800;text-transform:uppercase;padding:34px 0}
.nav-chevron{font-size:15px;transform:translateY(-1px)}
.wls-menu>li>a:hover{color:var(--orange)}
.sub-menu{display:none;position:absolute;left:-18px;top:74px;min-width:245px;background:#fff;border-top:3px solid var(--orange);box-shadow:0 12px 30px #0002;padding:10px 0;margin:0;list-style:none;z-index:110}
.menu-item-has-children:hover>.sub-menu,.menu-item-has-children:focus-within>.sub-menu{display:block}
.sub-menu a{display:block;padding:11px 18px;font-size:12px;font-weight:800;text-transform:uppercase;white-space:nowrap}
.sub-menu a:hover{background:#f7f7f7;color:var(--orange)}
.header-call{padding:12px 18px;font-size:13px;border-radius:2px}

.hero{min-height:500px;background-image:linear-gradient(90deg,#fff 0%,#fffffff4 23%,#ffffffb8 37%,#ffffff28 62%,transparent 82%),var(--hero);background-size:cover;background-position:center center}
.hero-inner{min-height:500px;display:flex;align-items:center}
.hero-copy{width:48%;padding:42px 0}
.hero h1{font-size:52px;line-height:1.01}
.hero-badges{display:none!important}

.round-icon{width:46px;height:46px;top:-23px}
.round-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.why-icon{width:58px;height:58px;margin:0 auto 10px;display:grid;place-items:center;color:var(--orange)}
.why-icon svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}

.cta-shop{background:#161a1d;color:white;padding:0;border-top:1px solid #282d31;border-bottom:1px solid #282d31}
.cta-shop-grid{display:grid;grid-template-columns:36% 64%;align-items:stretch;min-height:300px}
.cta-copy{max-width:none;padding:46px 42px 46px 0;align-self:center}
.cta-copy h2{font-size:36px}
.cta-visual{background:#111;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cta-visual img{width:100%;height:100%;max-height:420px;object-fit:contain;object-position:center;background:#111}

.site-footer{background:#171b1e;color:#fff;border-top:0}
.footer-grid{display:grid;grid-template-columns:1.05fr 1.1fr .9fr 1.2fr 1.45fr;gap:28px;padding:38px 0;align-items:start}
.footer-brand img{max-width:180px;filter:none}
.site-footer h3{font-size:13px;margin:0 0 14px;color:#fff}
.site-footer p,.site-footer a{color:#ddd;font-size:12px}
.site-footer strong{color:#fff}
.footer-socials{display:flex;gap:8px;margin-top:16px}.footer-socials span{width:26px;height:26px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#ddd}
.footer-map iframe{width:100%;height:145px;border:0;display:block;background:#eee}
.footer-map .map-link{display:inline-block;color:var(--orange);font-weight:800;text-transform:uppercase;font-size:10px;margin-top:7px}
.footer-form .contact-form{gap:7px}.footer-form .contact-form input,.footer-form .contact-form textarea{background:#fff;color:#222;border:0;padding:9px;font-size:11px}.footer-form .contact-form textarea{min-height:74px}.footer-form .contact-form .btn{padding:9px 16px;font-size:10px}
.footer-bottom{border-top:1px solid #30363a;background:#121517;color:#aaa}
.contact-home{display:none!important}

@media(max-width:1100px){
 .header-inner{grid-template-columns:180px 1fr auto;gap:20px}.brand{width:165px}.wls-menu{gap:24px}.wls-menu>li>a{font-size:12px}
 .footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-form{grid-column:2/4}.footer-map{grid-column:auto}
}
@media(max-width:1000px){
 .header-inner{display:flex}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:12px 24px;border-top:1px solid #eee}.main-nav.open{display:block}.wls-menu{display:block}.wls-menu>li>a{padding:13px 0}.sub-menu{display:block;position:static;box-shadow:none;border:0;padding:0 0 8px 18px}.sub-menu a{padding:8px 0}.menu-toggle{display:block;margin-left:auto}.header-call{display:none}
 .hero-copy{width:60%}.cta-shop-grid{grid-template-columns:42% 58%}.footer-grid{grid-template-columns:1fr 1fr}.footer-form{grid-column:1/-1}
}
@media(max-width:700px){
 .hero{background-image:linear-gradient(90deg,#fffffff7 0%,#ffffffd8 72%,#ffffff7a),var(--hero);background-position:center}.hero-copy{width:100%}.hero h1{font-size:38px}
 .cta-shop-grid{grid-template-columns:1fr}.cta-copy{padding:34px 0}.cta-visual{min-height:0}.cta-visual img{height:auto;max-height:none;object-fit:contain}
 .footer-grid{grid-template-columns:1fr}.footer-form{grid-column:auto}.footer-map iframe{height:190px}
}
#services{scroll-margin-top:100px}

/* v1.3 flat primary navigation */
@media (min-width:1001px){
  .header-inner{gap:18px;}
  .brand{width:165px;flex:0 0 165px;}
  .brand img{max-height:76px;}
  .main-nav{margin-left:auto;}
  .wls-menu.wls-menu-flat{display:flex;gap:18px;align-items:center;white-space:nowrap;}
  .wls-menu.wls-menu-flat>li>a{padding:34px 0;font-size:11px;letter-spacing:-.1px;}
  .header-call{padding:12px 14px;font-size:12px;}
}
@media (min-width:1180px){
  .wls-menu.wls-menu-flat{gap:22px;}
  .wls-menu.wls-menu-flat>li>a{font-size:11.5px;}
}
@media (max-width:1000px){
  .wls-menu.wls-menu-flat{display:block;}
  .wls-menu.wls-menu-flat>li>a{padding:12px 0;}
}

/* v1.4 homepage refinements */
.why-item p{margin:8px auto 0;max-width:155px;font-size:11px;line-height:1.35;color:#d8d8d8;text-transform:none;font-weight:400}

/* Full-width storefront CTA: crop some sky and visually blend it into the page like the hero. */
.cta-shop{
  background-image:linear-gradient(90deg,#111f 0%,#111e 28%,#1119 46%,#1112 67%,transparent 84%),var(--cta-shop)!important;
  background-size:cover!important;
  background-position:center 68%!important;
  min-height:330px;
  display:flex;
  align-items:center;
  padding:0!important;
}
.cta-shop-grid{display:block!important;min-height:330px;width:min(var(--max),calc(100% - 40px));}
.cta-copy{max-width:440px!important;padding:55px 0!important;position:relative;z-index:2}
.cta-visual{display:none!important}

/* Light footer so the supplied WLS logo remains legible without altering the approved artwork. */
.site-footer{background:#f4f4f2!important;color:#1b1d1f!important;border-top:1px solid #e0e0dc}
.site-footer h3{color:#17191b!important}
.site-footer p,.site-footer a{color:#45484a!important}
.site-footer strong{color:#17191b!important}
.footer-brand img{max-width:190px!important}
.footer-socials{margin-top:15px}
.footer-socials .facebook-link{width:34px;height:34px;border:1px solid #c8c8c4;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1877f2!important;transition:.2s ease}
.footer-socials .facebook-link:hover{transform:translateY(-1px);border-color:#1877f2}
.footer-socials .facebook-link svg{width:18px;height:18px;fill:currentColor}
.footer-map iframe{border:1px solid #ddd;background:#fff}
.footer-form .contact-form input,.footer-form .contact-form textarea{border:1px solid #d2d2ce!important;background:#fff!important;color:#222!important}
.footer-bottom{background:#171a1c!important;color:#bbb!important;border-top:0!important}

@media(max-width:700px){
 .cta-shop{background-position:58% 66%!important;min-height:360px}
 .cta-shop-grid{width:min(100% - 28px,var(--max));min-height:360px}
 .cta-copy{max-width:78%!important;padding:42px 0!important}
 .why-item p{font-size:10.5px}
}

/* v1.5: graphical brand logos */
.logo-strip{grid-template-columns:repeat(11,minmax(0,1fr));gap:14px;align-items:center}
.logo-strip img{height:54px;width:100%;object-fit:contain;background:#fff;padding:3px}
.brands-more{text-align:right;margin-top:12px}
.brands-page{grid-template-columns:repeat(4,1fr)}
.brand-feature{min-height:180px;padding:24px 20px}
.brand-feature img{width:100%;height:78px;max-height:78px;object-fit:contain;margin-bottom:12px}
.brand-feature p{margin:0;font-size:13px;color:#555}

/* v1.5: more readable contact + hours details */
.site-footer .footer-grid>div:nth-child(2) p,
.site-footer .footer-grid>div:nth-child(3) p{font-size:15px!important;font-weight:700;line-height:1.55;color:#282b2d!important}
.site-footer .footer-grid>div:nth-child(2) a{font-weight:700;color:#282b2d!important}
.site-footer .footer-grid>div:nth-child(2) h3,
.site-footer .footer-grid>div:nth-child(3) h3{font-size:15px!important;font-weight:900}
.contact-details p{font-size:17px;font-weight:700;line-height:1.7}
.contact-details a{font-weight:800}
.contact-details h3{font-size:20px;margin-top:28px}

@media(max-width:1000px){.logo-strip{grid-template-columns:repeat(4,1fr)}.brands-page{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.logo-strip{grid-template-columns:repeat(2,1fr)}.logo-strip img{height:64px}.brands-page{grid-template-columns:1fr}.site-footer .footer-grid>div:nth-child(2) p,.site-footer .footer-grid>div:nth-child(3) p{font-size:16px!important}.contact-details p{font-size:16px}}
