/* Fast native typography, calmer spacing and consistent touch targets. */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
input,textarea,select,button{font-family:inherit}
.page-home .hero-description,.page-home p,.page-home a,.page-home button{text-transform:none}
.skip-link{position:fixed;top:10px;left:12px;z-index:200;padding:14px 20px;background:#fff;color:#173e34;border:2px solid #087e42;border-radius:5px;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
#main-content:focus{outline:none}
:focus-visible{outline:3px solid #337d64;outline-offset:4px}
.hero :focus-visible,.conversion-cta :focus-visible{outline-color:#fff}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a.button{touch-action:manipulation}
.hero-quote-actions .button{margin-top:0!important}
.hero-quote-actions{margin-top:28px}
.email-enquiry{background:#fff;color:#173e34;border:1px solid #8fa58b!important}
.copy-enquiry{display:block;border:0;border-bottom:1px solid #8fa58b;background:transparent;color:#173e34;font-size:14px;padding:10px 0;cursor:pointer;margin-top:10px;min-height:44px}
.photo-filename{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px;background:#e9efe4;border-radius:7px;font-size:11px;overflow-wrap:anywhere;overflow:hidden}
.enquiry-status textarea{width:100%;min-height:160px;font-size:16px}
.enquiry-actions .button{min-height:52px}.quote-photo button{width:36px;height:36px;top:-6px;right:-6px}
.contact-card>span{min-width:0}.contact-card a,.contact-card span span{overflow-wrap:anywhere}
.review-layout{align-items:start}
.gallery-tile img,.business-photos img,.company-photo-grid img{background:#e8eee2}
.hero-coverage{max-width:650px}
header nav>a,.nav-dropdown>summary{white-space:nowrap}
@media(min-width:721px) and (max-width:1100px){header nav{gap:14px;flex-wrap:wrap;justify-content:center}}
@media(max-width:720px){
 header,header.compact{position:sticky;top:0;background:#fff;min-height:70px;grid-template-columns:minmax(0,1fr) auto auto}
 header .brand-pair{min-width:0}header .menu-toggle{min-width:54px}header nav{grid-column:1/-1}
 header.menu-open nav{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
 header nav>a,.nav-dropdown>summary{white-space:normal;line-height:1.35;min-height:48px}
 .landscape-hero{min-height:0}
 .landscape-hero .hero-content{padding:42px 6% 205px}
 .landscape-hero h1,html[lang=el] .landscape-hero h1{font-size:clamp(34px,8.5vw,52px);line-height:1.12;letter-spacing:-.8px}
 .landscape-hero .hero-description{margin-top:20px;line-height:1.6}
 .hero-coverage{font-size:13px;line-height:1.6}
 .hero-quote-actions{gap:10px;margin-top:24px}.hero-quote-actions .button{padding:15px 12px!important;min-height:52px}
 .landscape-hero .hero-bottom{bottom:150px;left:6%;right:6%}
 .landscape-hero .carousel-controls{bottom:85px;left:6%;padding:5px}
 .section{padding-top:56px;padding-bottom:56px}
 .section h2{font-size:clamp(29px,7.3vw,38px);line-height:1.2}
 .page-heading.image-page-heading{padding-top:32px;padding-bottom:55px}
 .page-heading h1{font-size:clamp(32px,8vw,45px)}
 .company-story,.business-overview,.business-story,.company-details,.team-card-grid,.group-intro{min-width:0}
 .company-story-copy,.business-copy{min-width:0}
 .company-logo-lockup{max-width:100%;box-sizing:border-box}
 .company-actions{display:grid;grid-template-columns:1fr;gap:12px}.company-actions .button{width:100%;justify-content:center}
 .team-card-copy .team-advice{white-space:normal}
 .floating-whatsapp,.floating-quote{font-size:13px;padding:12px 16px;min-height:48px;z-index:40}
 footer{display:flex;flex-direction:column;gap:28px;padding-bottom:100px}
 footer .brand-pair{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:flex-start}
 footer .brand-pair .garden-brand,footer .resin-brand{border:0;padding-left:0}
 footer .footer-pages{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:0;padding:0}
 footer .footer-pages a{padding:10px 0;min-height:44px}
 .simple-quote-dialog{margin:auto;max-height:calc(100dvh - 20px);width:calc(100% - 20px);border-radius:14px}
 .simple-quote-dialog .quote-body{padding:20px}.simple-quote-dialog .dialog-top{padding:16px 20px}
 .simple-quote-form input,.simple-quote-form select,.simple-quote-form textarea{font-size:16px}
 .enquiry-actions{gap:10px}.enquiry-actions .button{flex-basis:100%;font-size:16px}
 .inline-quote-section{gap:24px}.inline-quote-section [data-quote-form]{scroll-margin-top:90px}
 .enquiry-status{padding-bottom:5px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Keep carousel controls unobstructed while the hero's own enquiry buttons are present. */
body.hero-in-view>.floating-quote,body.hero-in-view>.floating-whatsapp{visibility:hidden;pointer-events:none}
.carousel-controls button[data-action=pause]{font-size:13px;font-weight:600;min-width:62px!important;border-radius:22px}
footer .footer-pages a{display:block!important}
.group-intro-heading h2 br::after{content:' '}