/* ================================================================
   MAIN STREET LANDSCAPE SUPPLY — SHARED SITE STYLES
   This file is intentionally dependency-free. Every section below
   maps directly to a clearly labeled section in the HTML files.
   ================================================================ */

/* 1. Design tokens and global element defaults */
:root{--ink:#15221b;--cream:#f4f0e5;--paper:#faf8f1;--green:#0c5c3f;--forest:#083d2d;--lime:#d7f36a;--clay:#b8583d;--line:rgba(21,34,27,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}[hidden]{display:none!important}.icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.menu-button .icon{width:24px;height:24px}.contact-details>.icon,.contact-details>a>.icon{width:24px;height:24px}.buying-note>.icon{width:24px;height:24px}
/* 2. Announcement bar and primary navigation */
.topbar{min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:var(--ink);color:#fff;font-size:11px;letter-spacing:.055em}.topbar>div{display:flex;align-items:center;gap:30px}.topbar a{display:inline-flex;align-items:center;gap:7px}
.site-header{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(244,240,229,.92);backdrop-filter:blur(10px)}.brand img{width:112px;height:80px;object-fit:contain;mix-blend-mode:multiply}nav{display:flex;gap:32px;font-size:13px;font-weight:800}nav a{position:relative;padding:10px 0}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--green);transition:right .25s}nav a:hover:after{right:0}.header-cta{justify-self:end;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid var(--ink);padding-bottom:4px;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.menu-button,.mobile-menu{display:none}
/* 3. Home-page hero and trust strip */
.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(70px,9vw,130px) 5vw 70px 7vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 24px;color:var(--green);text-transform:uppercase;letter-spacing:.14em;font-size:14px;font-weight:900}h1{margin:0;font:700 clamp(52px,6.5vw,96px)/.92 Georgia,serif;letter-spacing:-.055em}h1 em,h2 em{color:var(--green);font-weight:400}.hero-lede{max-width:560px;margin:32px 0;font:19px/1.6 Georgia,serif;color:#435047}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px}.primary-button{display:inline-flex;align-items:center;gap:12px;background:var(--green);color:#fff;padding:17px 22px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-2px);background:#084b34}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.hero-image-wrap{position:relative;margin:24px 24px 24px 0;min-height:560px;overflow:hidden;background:#c9cfbc}.hero-image{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.02);transition:transform .8s}.hero-image-wrap:hover .hero-image{transform:scale(1.025)}.hero-note{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;gap:6px;width:min(310px,80%);padding:22px 26px;background:var(--lime)}.hero-note span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.hero-note strong{font:21px Georgia,serif}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:0 6vw}.trust-strip p{margin:0;padding:22px 3vw;border-right:1px solid var(--line);font:15px Georgia,serif}.trust-strip p:first-child{border-left:1px solid var(--line)}.trust-strip strong{margin-right:12px;color:var(--green);font:900 10px Arial;letter-spacing:.1em}
/* 4. Materials catalog */
.products-section{padding:120px 6vw}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:7vw;margin-bottom:54px}.section-heading h2,.delivery-copy h2,.estimator h2,.about-copy h2,.contact-info h2{margin:0;font:600 clamp(40px,5vw,72px)/.98 Georgia,serif;letter-spacing:-.045em}.section-heading>div .eyebrow{margin-bottom:22px}.section-intro{max-width:430px;margin:0 0 6px;font:17px/1.65 Georgia,serif;color:#536057}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.product-card{display:block;padding:14px 14px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transition:background .25s}.product-card:hover{background:var(--paper)}.product-image{position:relative;overflow:hidden;margin-bottom:20px}.product-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.72);transition:transform .55s}.product-card:hover img{transform:scale(1.04)}.product-image span{position:absolute;right:10px;top:10px;background:var(--paper);padding:6px 8px;font-size:9px;font-weight:900;letter-spacing:.1em}.product-card>p{margin:0 0 7px;color:var(--green);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.product-card h3{margin:0 0 18px;font:27px Georgia,serif}.product-detail{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;color:#536057;font:13px/1.45 Georgia,serif}.product-detail svg{color:var(--green)}.card-link{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.catalog-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}.catalog-cta p{margin:0;color:#536057;font:15px Georgia,serif}.catalog-cta a{display:flex;align-items:center;gap:8px;color:var(--green);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
/* 5. Pickup and delivery section */
.delivery-section{display:grid;grid-template-columns:1fr 1fr;background:var(--forest);color:#fff}.delivery-photo{position:relative;min-height:720px;overflow:hidden}.delivery-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.52) brightness(.72)}.roundel{position:absolute;right:34px;top:34px;width:112px;height:112px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;text-align:center;font-size:11px;font-weight:900;letter-spacing:.13em;line-height:1.5;transform:rotate(8deg)}.delivery-copy{padding:clamp(70px,8vw,130px) clamp(40px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.delivery-copy .eyebrow{color:var(--lime)}.delivery-copy h2{color:#fff}.delivery-copy>p:not(.eyebrow){margin:30px 0 44px;color:#c8d7ce;font:17px/1.7 Georgia,serif}.process{display:grid;grid-template-columns:1fr 1fr;gap:28px}.process>div{border-top:1px solid rgba(255,255,255,.28);padding-top:24px}.process span{display:grid;place-items:center;width:40px;height:40px;margin-bottom:22px;border:1px solid rgba(255,255,255,.28)}.process strong{display:block;font:19px Georgia,serif}.process p{color:#aebfb5;font-size:12px;line-height:1.6}
/* 6. Interactive material estimator */
.estimator{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;padding:100px 8vw;background:var(--lime)}.estimator-intro>p:not(.eyebrow){max-width:570px;font:17px/1.6 Georgia,serif}.calc-tabs{display:flex;gap:8px;margin-top:32px}.calc-tabs button{border:1px solid var(--ink);background:transparent;padding:12px 16px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.calc-tabs button.active{background:var(--ink);color:#fff}.calculator-card{background:var(--paper);padding:38px;box-shadow:16px 16px 0 rgba(8,61,45,.16)}.calc-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.calc-fields label{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.calc-fields label span{float:right;color:#6a756d}.calc-fields input{width:100%;margin-top:9px;border:1px solid var(--line);background:#fff;padding:14px;font:25px Georgia,serif;color:var(--ink);outline:none}.calc-fields input:focus{border-color:var(--green)}.calc-result{display:grid;grid-template-columns:auto 1fr;align-items:end;margin-top:26px;padding:24px 0;border-block:1px solid var(--line)}.calc-result p{grid-column:1/-1;margin:0 0 8px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.calc-result strong{font:60px/.9 Georgia,serif;color:var(--green)}.calc-result span{padding-left:16px;font:16px/1.2 Georgia,serif}.calc-note{font:12px/1.55 Georgia,serif;color:#5a665e}.calculator-card>a{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
/* 7. About, local service area, and business details */
.about-section{display:grid;grid-template-columns:1.05fr .95fr;min-height:720px}.about-copy{padding:120px 7vw}.about-copy>p:not(.eyebrow){max-width:650px;margin:32px 0;font:17px/1.7 Georgia,serif;color:#536057}.about-copy blockquote{margin:60px 0 0;padding:32px 0;border-block:1px solid var(--line);font:italic 25px/1.4 Georgia,serif}.about-copy cite{display:block;margin-top:16px;font:900 10px Arial;text-transform:uppercase;letter-spacing:.12em;color:var(--green)}.about-values{display:flex;flex-direction:column;justify-content:center;padding:70px 8vw;background:var(--green);color:#fff}.about-values>div{display:grid;grid-template-columns:120px 1fr;align-items:center;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.22)}.about-values strong{font:56px Georgia,serif;color:var(--lime)}.about-values span{font:17px/1.4 Georgia,serif}.about-values>p{margin:38px 0 24px;color:#c4d5ca;font:16px/1.65 Georgia,serif}.about-values>a{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid rgba(255,255,255,.25);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.service-area{padding:80px 6vw;border-top:1px solid var(--line)}.area-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.area-list span{display:flex;justify-content:space-between;align-items:center;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:18px Georgia,serif}.area-list svg{color:var(--green)}
/* 8. Contact panel and project-notes form */
.contact-section{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff}.contact-info{padding:120px 7vw}.contact-info .eyebrow{color:var(--lime)}.contact-info h2{color:#fff}.contact-info>p:not(.eyebrow){max-width:630px;color:#bdc9c1;font:17px/1.7 Georgia,serif}.contact-details{margin-top:50px;border-top:1px solid rgba(255,255,255,.2)}.contact-details>a,.contact-details>div{display:grid;grid-template-columns:30px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.2);font:15px/1.5 Georgia,serif}.contact-details small{display:block;margin-bottom:4px;color:var(--lime);font:900 9px Arial;text-transform:uppercase;letter-spacing:.14em}.contact-form{margin:42px 42px 42px 0;padding:58px;background:var(--paper);color:var(--ink);align-self:stretch}.contact-form label{display:grid;gap:9px;margin-bottom:22px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:12px 0;color:var(--ink);outline:none;text-transform:none;letter-spacing:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green)}.contact-form textarea{resize:vertical}.select-wrap{position:relative}.select-wrap select{appearance:none}.select-wrap svg{position:absolute;right:0;top:13px;pointer-events:none}.form-submit{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:var(--green);color:#fff;padding:18px 20px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.contact-form>small{display:block;margin-top:14px;color:#6d776f;font:11px/1.5 Georgia,serif}.form-success{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.form-success>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--lime)}.form-success h3{font:36px/1.1 Georgia,serif}.form-success p{font:16px/1.6 Georgia,serif;color:#536057}.form-success p a{color:var(--green);font-weight:bold}.form-success button{margin-top:20px;border:0;border-bottom:1px solid;background:transparent;padding:0 0 5px;cursor:pointer;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
/* 9. Shared footer */
footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:6vw;padding:70px 6vw 28px;background:#0c1611;color:#fff}footer>div:not(.footer-bottom){display:flex;flex-direction:column;align-items:flex-start;gap:12px}footer strong{margin-bottom:8px;color:var(--lime);font-size:9px;text-transform:uppercase;letter-spacing:.15em}footer a,footer p{color:#a9b5ad;font:13px/1.6 Georgia,serif}.footer-brand img{width:140px;background:var(--paper);padding:5px}.footer-brand p{margin:0}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);color:#758179;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.footer-bottom a{font:inherit;color:inherit}
/* 10. Material detail pages */
.detail-header{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line)}.back-link{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.detail-hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:650px;border-bottom:1px solid var(--line)}.detail-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px 7vw}.detail-title h1{font-size:clamp(58px,7vw,104px)}.detail-title>p:not(.eyebrow){max-width:590px;margin:30px 0;font:19px/1.6 Georgia,serif;color:#536057}.detail-image{margin:26px 26px 26px 0;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.76)}.detail-content{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;padding:110px 8vw}.detail-intro h2,.stone-guide h2,.detail-cta h2{margin:0;font:600 clamp(40px,4.5vw,66px)/1 Georgia,serif;letter-spacing:-.04em}.detail-intro>p:not(.eyebrow){max-width:680px;font:18px/1.75 Georgia,serif;color:#536057}.buying-note{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start;margin-top:38px;padding:25px 0;border-block:1px solid var(--line);font:14px/1.55 Georgia,serif}.buying-note svg{color:var(--green)}.buying-note strong{display:block;margin-bottom:6px;font:900 9px Arial;text-transform:uppercase;letter-spacing:.13em;color:var(--green)}.option-panel{padding:45px;background:var(--green);color:#fff}.option-panel .eyebrow{color:var(--lime)}.option-panel ul{list-style:none;margin:0;padding:0}.option-panel li{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.2);font:17px Georgia,serif}.option-panel li svg{color:var(--lime)}.best-for{padding:85px 7vw;border-block:1px solid var(--line)}.best-for>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.best-for article{min-height:150px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.best-for article span{color:var(--green);font-size:9px;font-weight:900}.best-for article h3{margin:45px 0 0;font:22px Georgia,serif}.stone-guide{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:110px 8vw;background:var(--lime)}.stone-tips article{padding:22px 0;border-bottom:1px solid rgba(21,34,27,.25)}.stone-tips strong{font:22px Georgia,serif}.stone-tips p{font:15px/1.65 Georgia,serif}.detail-cta{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:end;padding:100px 8vw;background:var(--ink);color:#fff}.detail-cta .eyebrow{color:var(--lime)}.detail-cta>div:last-child{display:flex;flex-direction:column}.detail-cta a{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.2);font:15px Georgia,serif}.detail-footer{display:flex;justify-content:space-between;padding:25px 6vw;background:#0c1611;color:#78847c;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.detail-footer a{font:inherit;color:inherit}
/* 11. Responsive layouts for tablets and phones */
@media(max-width:900px){.topbar>span,.topbar>div>span,nav,.header-cta{display:none}.topbar{justify-content:flex-end}.site-header{grid-template-columns:1fr auto}.menu-button{display:grid;place-items:center;border:0;background:transparent;color:var(--ink)}.mobile-menu{display:flex;position:absolute;top:91px;left:0;right:0;flex-direction:column;gap:0;padding:12px 5vw 24px;background:var(--cream);border-bottom:1px solid var(--line)}.mobile-menu a{padding:16px 0;border-bottom:1px solid var(--line);font:23px Georgia,serif}.hero,.delivery-section,.about-section,.contact-section{grid-template-columns:1fr}.hero-copy{padding:78px 7vw}.hero-image-wrap{margin:0 5vw 40px;min-height:480px}.trust-strip{grid-template-columns:1fr;padding:0 5vw}.trust-strip p{border-left:1px solid var(--line)}.section-heading{grid-template-columns:1fr;align-items:start}.product-grid{grid-template-columns:repeat(2,1fr)}.delivery-photo{min-height:520px}.estimator{grid-template-columns:1fr}.about-values{padding:70px 7vw}.area-list{grid-template-columns:repeat(2,1fr)}.contact-form{margin:0 5vw 60px}.contact-info{padding-bottom:70px}.detail-header{grid-template-columns:1fr auto}.detail-header .back-link{grid-column:2}.detail-hero,.detail-content,.stone-guide,.detail-cta{grid-template-columns:1fr}.detail-title{padding:75px 7vw}.detail-image{margin:0 5vw 50px;min-height:480px}.best-for>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.site-header{height:80px}.brand img{width:94px;height:68px}.mobile-menu{top:79px}.hero-copy{padding:68px 6vw}.hero-lede{font-size:17px}.hero-image-wrap{min-height:390px}.products-section{padding:85px 5vw}.product-grid{grid-template-columns:1fr}.catalog-cta{align-items:flex-start;flex-direction:column}.process{grid-template-columns:1fr}.estimator{grid-template-columns:1fr;padding:75px 6vw}.calculator-card{padding:25px;box-shadow:9px 9px 0 rgba(8,61,45,.16)}.calc-fields{grid-template-columns:1fr}.about-copy{padding:85px 6vw}.about-values>div{grid-template-columns:90px 1fr}.about-values strong{font-size:44px}.area-list{grid-template-columns:1fr}.contact-info{padding:85px 6vw 60px}.contact-form{padding:32px 22px}.field-row{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;gap:16px;flex-direction:column}.topbar{padding-inline:5vw}.detail-header{height:80px}.detail-header .brand img{width:88px}.detail-header .back-link{font-size:9px}.detail-image{min-height:360px}.detail-content{padding:75px 6vw}.option-panel{padding:30px 24px}.best-for{padding:70px 6vw}.best-for>div{grid-template-columns:1fr}.stone-guide,.detail-cta{padding:75px 6vw}.detail-footer{gap:20px;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #f4f0e5;
}