/* Shared component handles remain compatible; these tokens define the new identity. */
:root{--orange:#286744;--orange-dark:#194b31;--ink:#183328;--muted:#5e6e62;--paper:#f2f5ed;--line:#dce4d6;--garden:#286744;--garden-deep:#143a28;--garden-lime:#c8e59e}
body{background:#f9faf6;color:var(--ink)}
.os-topline{background:var(--garden-deep)}
.os-header{background:rgba(253,254,250,.97)}
.os-header .custom-logo{width:250px;max-height:66px}
.os-search button,.os-button:not(.os-button-dark),.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--garden);color:#fff}
.os-search button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--garden-deep);color:#fff}
.os-basket-count{background:var(--garden);color:white}
.os-hero-copy h1 em{color:var(--garden)}
.os-hero-visual{background:radial-gradient(ellipse at 70% 20%,#4e8054 0,transparent 60%),linear-gradient(145deg,#224f36,#163c29);color:#fff}
.os-hero-visual .os-visual-heading{color:#e6efdc}
.os-hero-visual .os-showcase-tabs{background:rgba(0,0,0,.15)}
.os-hero-visual .os-showcase-tabs button{color:#eef5e6}
.os-hero-visual .os-showcase-tabs button[aria-selected=true]{background:#d6e9b9;color:#183d28}
.os-hero-visual .os-visual-footer,.os-hero-visual .os-visual-footer strong{color:#fff}
.os-hero-visual .os-stage-caption{color:#d8e9c9}
.os-hero-visual .os-circle-arrow{background:#c8e59e;color:#183d28}
.os-hero-visual .os-real-photo-stage{background:radial-gradient(ellipse at center,#dce9c9 0,#aecb92 70%)}
.os-hero-visual .os-real-art-label{color:#dcebcf}
.os-orange-dot,.os-showcase-dot{background:#79a754}
.os-nav-new,.os-text-link{color:#245e3b}
.os-nav-contact{background:#eef4e5;border-color:#cbdcc0;color:#204e34}
.os-help-band{background:linear-gradient(110deg,#d7e8bc,#bad598)}
.os-help-band h2,.os-help-band p,.os-help-band .os-eyebrow{color:#1b3a26}
.os-footer{background:#f0f4e9}
.os-footer .custom-logo{width:245px}
.os-mega-help{background:#edf3e6}
.os-category-hero,.os-brand-hero{border-color:#d3dfca}
.os-real-photo-stage{background:radial-gradient(ellipse at 50% 38%,#eef4e2,#dce8cb)}
.os-real-art--original img{mix-blend-mode:multiply}
.os-button-dark{background:var(--garden-deep);color:#fff}
@media(max-width:700px){.os-header .custom-logo{width:187px;max-height:49px}.os-hero-copy h1{font-size:clamp(42px,10.5vw,65px)}.os-search-examples{gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.os-orbit,.os-showcase-dot,.os-orange-dot{animation:none!important}}
.os-hero{background:linear-gradient(125deg,#e7efdc 0%,#dce9ce 60%,#c8dcb7 100%)}
.os-hero h1{color:#173c28}.os-hero h1 em{color:#286744;text-decoration-color:#9cbe7f}
.os-hero .os-eyebrow,.os-hero-copy>p,.os-search-examples>span{color:#415b3f}
.os-search-examples a{border-color:#aac29a;color:#244d32}
.os-hero-visual .os-machine-stage{background:transparent}
.os-route-strip>a>span,.os-route-strip b,.os-brand-section .os-eyebrow,.os-brand-row a span{color:#b7d886}
.os-category-hero{background:#214c33}.os-category-hero .os-eyebrow{color:#c8e59e}
.os-showcase{border-color:#6f966e;box-shadow:0 18px 42px #163c2926}
.os-showcase-tabs{border-color:#6f966e}.os-floating-part{background:#f8fbf3f5;box-shadow:0 4px 15px #173f2c20}
.os-showcase-dot{box-shadow:0 0 0 5px #b7d88620}
.gs-opening-notice{padding:9px 20px;text-align:center;background:#e8efdf;color:#2b5036;font-size:13px;line-height:1.5;border-bottom:1px solid #d0ddc4}
/* Real cutouts sit directly on the artwork, without a separate image tile. */
.os-real-art,.os-category-hero>.os-real-art{background:radial-gradient(ellipse at 70% 15%,#79a966 0%,#578c50 40%,#2b633d 100%)}
.os-hero-visual .os-real-art{background:radial-gradient(ellipse at 70% 30%,#6b9758 0%,#3c7344 48%,#224f36 100%)}
.os-real-photo-stage,.os-hero-visual .os-real-photo-stage{background:transparent}
.os-real-art:before{border-color:#e4efcc40;box-shadow:0 0 0 29px #e4efcc0a,0 0 0 58px #e4efcc06}
.os-real-art:after{background:radial-gradient(ellipse,#102f2840,transparent 68%)}

/* Complete machines have a clear shopping route alongside spare parts. */
.gs-shopping-routes{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:22px 0 18px}
.gs-shopping-routes .os-button{padding:14px 20px}
.gs-machinery-section .os-section-heading p{margin-top:14px;max-width:560px}
.gs-machinery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gs-machinery-card{display:flex;flex-direction:column;min-width:0;border:1px solid #d3dfca;border-radius:18px;background:#f8faf3;overflow:hidden;transition:box-shadow .2s,transform .2s}
.gs-machinery-card:hover{box-shadow:0 12px 28px #173c2818;transform:translateY(-3px)}
.gs-machinery-card>.os-real-art{position:relative;display:block;inset:auto;width:100%;height:240px;border-radius:0}
.gs-machinery-card>div{padding:20px;display:flex;flex:1;flex-direction:column;gap:18px}
.gs-machinery-card h3{font-size:23px;line-height:1.2;color:#173c28}
.gs-machinery-card>div>span{display:flex;justify-content:space-between;margin-top:auto;font-size:14px;font-weight:650;color:#286744}
.gs-more-machinery{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.gs-more-machinery a{padding:10px 15px;border:1px solid #cbdcc0;border-radius:30px;font-size:14px;color:#204e34;background:#eef4e5}
@media(max-width:1000px){.gs-machinery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.gs-machinery-grid{gap:12px}.gs-machinery-card>.os-real-art{height:175px}.gs-machinery-card>div{padding:14px;gap:14px}.gs-machinery-card h3{font-size:19px}.gs-machinery-card>div>span{font-size:12px}.gs-shopping-routes{gap:14px}.gs-more-machinery a{font-size:12px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.gs-machinery-card{transition:none}.gs-machinery-card:hover{transform:none}}

/* Spares lead the shopping journey; replacement machinery remains easy to find. */
.gs-repair-help{margin:-10px 0 24px}
.gs-machinery-section .os-section-heading p{max-width:720px}
.os-nav-new{color:var(--ink)}
.gs-illustrated-menu .gs-machine-menu-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:26px}
.gs-illustrated-menu.os-mega-types .os-menu-category-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;align-content:start}
.gs-illustrated-menu.os-mega-types .os-menu-category-links a{justify-content:flex-start;padding:9px;gap:10px;min-height:65px;background:#f0f5e9;border:1px solid #d9e5ce;border-radius:12px}
.gs-illustrated-menu .os-menu-category-links a strong{font-size:13px;line-height:1.35;font-weight:600;flex:1}
.gs-illustrated-menu .os-menu-category-links a .gs-menu-machine-icon{width:43px;height:43px;object-fit:contain;flex-shrink:0}
.gs-illustrated-menu .os-menu-category-links a:hover{background:#dfeccf}
.gs-machine-menu-feature{display:flex;flex-direction:column;border:1px solid #cbdcc0;border-radius:16px;overflow:hidden;align-self:start;background:#f5f8ee}
.gs-machine-menu-feature>.os-real-art{position:relative;display:block;inset:auto;width:100%;height:210px;border-radius:0}
.gs-machine-menu-feature>div{padding:17px;display:flex;flex-direction:column;gap:10px}
.gs-machine-menu-feature .os-eyebrow{font-size:10px;margin:0;color:#446c3a}
.gs-machine-menu-feature strong{font-size:23px;line-height:1.15;letter-spacing:-.03em;color:#173c28}
.gs-machine-menu-feature>div>span:last-child{font-size:13px;color:#286744;font-weight:600}
@media(max-width:1024px){
 .os-menu-dialog .gs-illustrated-menu .gs-machine-menu-layout{display:flex;flex-direction:column;gap:18px}
 .os-menu-dialog .gs-illustrated-menu .os-menu-category-links{grid-template-columns:1fr;gap:6px}
 .os-menu-dialog .gs-illustrated-menu .os-menu-category-links a{padding:8px 10px;min-height:58px}
 .os-menu-dialog .gs-illustrated-menu .os-menu-category-links a strong{font-size:14px}
 .os-menu-dialog .gs-illustrated-menu .os-menu-category-links a .gs-menu-machine-icon{width:38px;height:38px}
 .os-menu-dialog .gs-machine-menu-feature{width:100%;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:stretch}
 .os-menu-dialog .gs-machine-menu-feature>.os-real-art{height:100%;min-height:140px}
 .os-menu-dialog .gs-machine-menu-feature>div{padding:13px}
 .os-menu-dialog .gs-machine-menu-feature strong{font-size:19px}
 .os-menu-dialog .gs-machine-menu-feature .os-eyebrow{font-size:9px}
 .os-menu-dialog .gs-machine-menu-feature .os-real-art-label{display:none}
 .os-menu-dialog .gs-illustrated-menu .os-mega-help div{display:block;width:100%}
 .os-menu-dialog .gs-illustrated-menu .os-mega-help span{display:block;font-size:12px;margin-top:5px}
}