/* Scoped overview styles. Existing LujoGardens pill interactions are retained. */
.garden-page{--garden-green:#275634;--garden-muted:#62695f;--garden-tint:#edf1e8}
.garden-page [hidden]{display:none!important}
.garden-page .breadcrumbs{flex-wrap:wrap}
.garden-page h1,.garden-page main h2{font-weight:500;letter-spacing:-.06em;line-height:1.06;text-wrap:balance}
.garden-page main h2{font-size:clamp(2.7rem,4.55vw,4.1rem)}
.garden-kicker{font-size:.875rem;font-weight:600;letter-spacing:0;line-height:1.6;color:var(--garden-muted);margin-bottom:20px}
.garden-page main .pill{max-width:100%;white-space:normal;text-align:left;line-height:1.45;justify-content:space-between;--pill-circle:35px;min-height:55px;font-size:.9375rem;background:#f3f3ef}
.garden-page main .pill--white{background:#fff}
.garden-page main .pill-label{white-space:normal}
.garden-page main a:focus-visible,.garden-page main button:focus-visible,.garden-page main summary:focus-visible{outline:3px solid var(--garden-green);outline-offset:5px}
.garden-page main input:focus-visible{outline:0}
.garden-intro{padding-block:54px 44px;display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:end}
.garden-intro h1{font-size:clamp(3.5rem,6.2vw,5.8rem)}
.garden-intro-copy{max-width:410px;padding-bottom:6px;justify-self:end}
.garden-intro-copy>p{font-size:1rem;line-height:1.8;color:var(--garden-muted);margin-bottom:14px}
.garden-intro-copy .pill{margin-top:9px}
.garden-hero{position:relative;overflow:hidden;border-radius:26px;min-height:390px;aspect-ratio:2.7;background:#e9ece4}
.garden-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.garden-hero-caption{position:absolute;bottom:25px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-radius:14px;padding:19px 24px;font-size:.9375rem;line-height:1.6;max-width:880px}
.garden-hero-caption>a{font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:20px}
.garden-hero-caption>a>span{display:grid;place-items:center;background:var(--garden-green);color:#fff;width:32px;height:32px;border-radius:50%;flex:none}
.garden-intro-note{display:flex;justify-content:space-between;gap:30px;padding-block:28px;border-bottom:1px solid var(--line);font-size:.8125rem;line-height:1.7;color:var(--garden-muted)}
.garden-intro-note>p{color:var(--ink);font-weight:550}
.garden-explorer{padding-block:100px;scroll-margin-top:105px}
.garden-section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}
.garden-section-heading>p{max-width:360px;color:var(--garden-muted);font-size:1rem;line-height:1.8}
.garden-search{max-width:650px;margin:0 0 36px auto}
.garden-search label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:10px}
.garden-search-field{display:flex;align-items:center;gap:14px;border:1px solid #dedfd9;background:#fafaf8;border-radius:14px;min-height:59px;padding:0 17px}
.garden-search-field:focus-within{border-color:var(--garden-green);outline:2px solid var(--garden-green);outline-offset:3px}
.garden-search-field>svg{width:22px;height:22px;fill:none;stroke:var(--garden-green);stroke-width:1.7;flex:none}
.garden-search-field input{background:transparent;border:0;min-width:0;width:100%;padding:18px 0;font:inherit;font-size:.9375rem;color:var(--ink)}
.garden-search-field input::placeholder{color:#747b6e;opacity:1}
.garden-search-field input::-webkit-search-cancel-button{-webkit-appearance:none}
.garden-search-field button{flex:none;width:38px;height:38px;border:0;border-radius:50%;background:#ebede6;font:inherit;font-size:24px;cursor:pointer}
.garden-search>p{font-size:.75rem;line-height:1.6;color:var(--garden-muted);margin-top:10px}
.garden-explorer-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:65px;align-items:start}
.garden-sidebar{position:sticky;top:108px}
.garden-selectors{display:grid;gap:8px}
.garden-selectors button{display:flex;align-items:center;gap:15px;text-align:left;font:inherit;color:var(--ink);border:0;background:transparent;cursor:pointer;border-radius:15px;padding:19px 17px;min-height:91px;transition:background .22s,color .22s;min-width:0}
.garden-selectors button[aria-pressed=true]{background:var(--garden-tint);color:var(--garden-green)}
.garden-selectors button:hover{background:#f2f4ee}
.garden-selectors strong{display:block;font-weight:600;font-size:.9375rem;line-height:1.5}
.garden-selectors small{display:block;font-size:.75rem;color:var(--garden-muted);margin-top:5px;line-height:1.5}
.garden-selector-index{font-size:.6875rem;color:#727a69;align-self:start;line-height:2.1}
.garden-selector-arrow{margin-left:auto;font-size:21px;opacity:0;flex:none}
.garden-selectors button[aria-pressed=true] .garden-selector-arrow{opacity:1}
.garden-fallback-nav{display:grid;gap:16px}
.garden-sidebar-help{border-top:1px solid var(--line);margin:27px 17px 0;padding-top:24px;font-size:.8125rem;line-height:1.7}
.garden-sidebar-help>p{color:var(--garden-muted);margin-bottom:9px}
.garden-sidebar-help>a{display:flex;gap:15px;font-weight:600}
.garden-results{min-width:0}
.garden-group{scroll-margin-top:112px;margin-bottom:35px}
.garden-group-heading{padding:3px 0 24px}
.garden-group-number{font-size:.75rem;color:var(--garden-muted);margin-bottom:12px;letter-spacing:.025em}
.garden-group-heading h3{font-size:clamp(2rem,2.9vw,2.75rem);font-weight:500;letter-spacing:-.05em;line-height:1.12;text-wrap:balance}
.garden-group-heading>p:last-child{font-size:.9375rem;line-height:1.8;color:var(--garden-muted);margin-top:18px;max-width:650px}
.garden-group-photo{margin:0 0 20px;aspect-ratio:2.25;border-radius:19px;overflow:hidden;background:#eceee7}
.garden-group-photo>img{width:100%;height:100%;object-fit:cover}
.garden-photo-tegelstalen-1782 img{object-position:60% 42%}
.garden-photo-kantopsluiting img{object-position:50% 63%}
.garden-photo-grind img{object-position:50% 61%}
.garden-photo-verlichting img{object-position:50% 70%}
.garden-category{border-bottom:1px solid #dddfd7;scroll-margin-top:112px}
.garden-category summary{list-style:none;display:flex;align-items:center;gap:25px;padding:24px 2px;cursor:pointer}
.garden-category summary::-webkit-details-marker{display:none}
.garden-category summary>span:first-child{min-width:0}
.garden-category summary strong{font-size:1.25rem;font-weight:550;letter-spacing:-.025em;line-height:1.4;display:block}
.garden-category-description{display:block;font-size:.875rem;color:var(--garden-muted);line-height:1.75;margin-top:8px;max-width:570px}
.garden-plus{position:relative;flex:none;margin-left:auto;width:34px;height:34px;border-radius:50%;background:#f1f2ed;color:var(--garden-green);transition:background .2s}
.garden-plus:before,.garden-plus:after{content:"";position:absolute;left:10px;right:10px;top:16px;height:1.5px;background:currentColor}
.garden-plus:after{transform:rotate(90deg);transition:transform .2s}
.garden-category[open] .garden-plus{background:#e4ecd9}
.garden-category[open] .garden-plus:after{transform:rotate(0deg)}
/* Material choices use one quiet grid; supporting facts have their own surface. */
.garden-category-content{padding:8px 0 30px;container-type:inline-size}
.garden-material-list{margin:0 0 30px}
.garden-list-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.garden-material-list h4,.garden-material-facts h4{font-size:.875rem;line-height:1.6;font-weight:600;color:var(--ink);margin:0}
.garden-list-count{font-size:.6875rem;color:var(--garden-muted);background:#f2f3ee;border-radius:99px;min-width:25px;padding:2px 6px;text-align:center;line-height:1.6}
.garden-material-list ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.garden-material-list li{min-width:0;max-width:100%;border-bottom:1px solid #eceee7;font-size:.875rem;line-height:1.55}
.garden-material-list .garden-series-link,.garden-material-list .garden-material-label{display:flex;align-items:center;min-height:47px;height:100%;padding:11px 6px;overflow-wrap:anywhere}
.garden-series-link{color:var(--garden-green);font-weight:550;text-decoration:none;text-underline-offset:4px;text-decoration-thickness:1px;border-radius:6px;transition:background .18s,color .18s}
.garden-material-list .garden-series-link:hover,.garden-material-list .garden-series-link:focus-visible{background:#f0f3eb;text-decoration:underline}
.garden-material-label{color:var(--garden-muted);font-weight:400}
.garden-material-info{display:grid;gap:20px;background:#f5f5f1;border-radius:16px;padding:22px 24px;margin:0 0 24px}
.garden-material-facts h4{font-size:.75rem;margin-bottom:9px;color:var(--garden-muted)}
.garden-material-facts ul{display:flex;flex-wrap:wrap;gap:6px 0;padding:0;margin:0;list-style:none}
.garden-material-facts li{font-size:.8125rem;line-height:1.7;display:flex;align-items:baseline;max-width:100%;min-width:0}
.garden-material-facts li:not(:last-child):after{content:"·";padding:0 10px;color:#8b9384}
.garden-material-facts .garden-material-label{color:var(--ink)}
.garden-material-facts .garden-series-link:hover{text-decoration:underline}
@container(min-width:660px){.garden-material-list ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:359px){.garden-material-list ul{gap:0 14px}.garden-material-list li{font-size:.8125rem}.garden-material-list .garden-series-link,.garden-material-list .garden-material-label{padding-inline:2px}.garden-material-info{padding:20px 18px}}
.garden-category-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:22px}
.garden-page .garden-category-actions .pill{--pill-circle:28px;min-height:47px;font-size:.8125rem;padding:9px 9px 9px 17px}
.garden-category-note,.garden-assortment-note{font-size:.75rem;line-height:1.8;color:var(--garden-muted);max-width:680px}
.garden-search-status{font-size:.875rem;color:var(--garden-green);margin-bottom:26px;line-height:1.7}
.garden-explorer.is-searching .garden-group-photo{display:none}
.garden-explorer.is-searching .garden-group-heading{padding-bottom:4px}
.garden-explorer.is-searching .garden-group-heading>p{display:none}
.garden-explorer.is-searching .garden-group-heading h3{font-size:1.5rem}
.garden-no-results{padding:37px;border-radius:21px;background:var(--garden-tint)}
.garden-no-results>span{font-size:2rem;color:var(--garden-green)}
.garden-no-results h3{font-size:2rem;font-weight:500;line-height:1.15;letter-spacing:-.04em;margin-top:20px}
.garden-no-results p{font-size:1rem;color:var(--garden-muted);line-height:1.8;margin:20px 0}
.garden-no-results .pill{margin:0 8px 14px 0;background:white!important}
.garden-combine{display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;background:var(--garden-tint)}
.garden-combine-copy{padding:64px 55px}
.garden-combine-copy>p:not(.garden-kicker){font-size:1rem;line-height:1.8;color:var(--garden-muted);max-width:420px;margin-top:23px}
.garden-combine-copy .pill{margin-top:29px}
.garden-combine-photo{position:relative;min-height:565px}
.garden-combine-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:55% 50%}
.garden-combine-photo>span{position:absolute;left:27px;bottom:27px;right:27px;background:white;width:max-content;max-width:calc(100% - 54px);padding:12px 17px;border-radius:99px;font-size:.8125rem;line-height:1.6}
.garden-steps{padding-block:110px 100px}
.garden-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}
.garden-step-number{display:block;color:var(--garden-green);font-size:.8125rem;padding-bottom:19px;border-bottom:1px solid #d9dfd0;margin-bottom:24px}
.garden-step-grid h3{font-size:1.5rem;font-weight:500;line-height:1.22;letter-spacing:-.035em;max-width:250px}
.garden-step-grid p{font-size:.9375rem;line-height:1.8;color:var(--garden-muted);margin-top:17px;max-width:345px}
.garden-appointment{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;padding:58px;border-radius:26px;background:#f4f5f0;margin-bottom:90px;align-items:center}
.garden-appointment h2{font-size:clamp(2.8rem,4.3vw,4rem)}
.garden-appointment>div>p:not(.garden-kicker){font-size:1rem;line-height:1.8;color:var(--garden-muted);max-width:430px;margin-top:24px}
.garden-appointment-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:27px}
.garden-page .garden-appointment-actions .pill{font-size:.8125rem;--pill-circle:30px;min-height:49px;gap:12px;padding:9px 9px 9px 19px}
.garden-business-link{display:inline-flex;gap:16px;align-items:center;font-size:.8125rem;line-height:1.7;margin-top:28px;font-weight:550}
.garden-appointment figure{margin:0}
.garden-appointment figure img{width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;object-position:42% 50%;border-radius:18px}
.garden-appointment figcaption{font-size:.75rem;color:var(--garden-muted);line-height:1.7;margin-top:14px}
@media(prefers-reduced-motion:no-preference){.garden-interactive .garden-group:not([hidden]){animation:garden-arrive .3s ease both}@keyframes garden-arrive{from{opacity:.6;transform:translateY(7px)}to{opacity:1;transform:none}}}
@media(max-width:1100px){.garden-explorer-layout{grid-template-columns:280px minmax(0,1fr);gap:35px}.garden-selectors button{padding-inline:12px;gap:11px}.garden-combine-copy{padding:43px 35px}.garden-appointment{padding:40px;gap:35px}.garden-intro{gap:6%}}
@media(max-width:800px){.garden-intro{grid-template-columns:1fr;gap:25px;padding-top:37px}.garden-intro-copy{justify-self:start;max-width:570px}.garden-intro h1{font-size:clamp(3.2rem,8vw,4.6rem)}.garden-intro-copy>p{display:inline}.garden-intro-copy>p:first-child:after{content:" "}.garden-intro-copy .pill{display:flex;width:max-content;margin-top:25px}.garden-hero{aspect-ratio:auto;min-height:370px}.garden-hero-caption{left:20px;right:20px;bottom:20px;padding:16px 20px;display:block;max-width:430px}.garden-hero-caption>a{margin-top:10px;justify-content:space-between}.garden-intro-note{display:block}.garden-intro-note>span{display:block;margin-top:7px}.garden-explorer{padding-block:65px}.garden-section-heading{display:block;margin-bottom:30px}.garden-section-heading>p{max-width:550px;margin-top:23px}.garden-search{max-width:none;margin-bottom:25px}.garden-explorer-layout{grid-template-columns:1fr;gap:28px}.garden-sidebar{position:static}.garden-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.garden-selectors button{min-height:64px;border:1px solid #e3e6dc;padding:14px;gap:10px;border-radius:11px}.garden-selectors strong{font-size:.8125rem}.garden-selectors small,.garden-selector-index,.garden-selector-arrow,.garden-sidebar-help{display:none}.garden-group-heading{padding-top:4px}.garden-group-heading h3{font-size:2rem}.garden-group-heading>p:last-child{font-size:.9375rem;margin-top:16px}.garden-group-number{margin-bottom:10px}.garden-group-photo{aspect-ratio:2.6}.garden-combine-copy{padding:32px 27px}.garden-page .garden-combine h2{font-size:2.6rem}.garden-combine-photo{min-height:555px}.garden-steps{padding-block:70px}.garden-step-grid{gap:28px}.garden-step-grid h3{font-size:1.3rem}.garden-appointment{grid-template-columns:1fr;padding:35px;gap:30px;margin-bottom:65px}.garden-appointment figure{max-width:550px}.garden-appointment figure img{aspect-ratio:1.8}}
@media(max-width:580px){.garden-page main h2{font-size:2.65rem}.garden-kicker{font-size:.8125rem;margin-bottom:16px}.garden-intro{padding-top:29px;padding-bottom:30px}.garden-intro h1{font-size:clamp(2.8rem,9.6vw,3.6rem)}.garden-hero{min-height:370px;border-radius:20px}.garden-hero>img{object-position:70% 50%}.garden-hero-caption{font-size:.875rem;left:17px;right:17px;bottom:17px;border-radius:12px;padding:17px}.garden-hero-caption>a{font-size:.75rem}.garden-intro-note{font-size:.75rem;padding-block:22px}.garden-explorer{padding-block:60px;scroll-margin-top:90px}.garden-search-field{padding:0 12px;gap:9px}.garden-search-field input{font-size:16px}.garden-search-field input::placeholder{font-size:.8125rem}.garden-selectors button{padding:12px;min-height:68px}.garden-group-heading h3{font-size:1.85rem}.garden-group-photo{aspect-ratio:1.85;border-radius:14px;margin-bottom:10px}.garden-category summary{gap:18px;padding-block:21px}.garden-category summary strong{font-size:1.125rem}.garden-category-description{font-size:.8125rem;line-height:1.7}.garden-plus{width:30px;height:30px}.garden-plus:before,.garden-plus:after{top:14px;left:9px;right:9px}.garden-combine{grid-template-columns:1fr;border-radius:20px}.garden-combine-copy{padding:33px 26px 36px}.garden-combine-photo{min-height:340px}.garden-combine-photo>span{left:24px;bottom:23px}.garden-step-grid{grid-template-columns:1fr;gap:28px}.garden-step-grid article{display:grid;grid-template-columns:38px 1fr;gap:0 17px}.garden-step-number{grid-row:1/3;padding:0;border:0;margin:0;line-height:2}.garden-step-grid h3{font-size:1.5rem;max-width:none}.garden-step-grid p{margin-top:13px;max-width:none}.garden-steps{padding-block:65px}.garden-appointment{padding:32px 26px;border-radius:20px;gap:25px}.garden-appointment-actions{display:grid;justify-items:start}.garden-appointment figure img{aspect-ratio:1.4}.garden-business-link{font-size:.75rem}.garden-no-results{padding:28px 24px}.garden-no-results h3{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.garden-page main *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.garden-page main .pill:hover,.garden-page main .pill:focus-visible{transform:none}}

/* Focus on the upper paving patterns, above the shop labels. */
.garden-photo-klinkerstalen-1786 img{object-position:50% 0;transform-origin:center top;transform:scale(1.3)}
@media(max-width:800px){.garden-photo-klinkerstalen-1786 img{transform:scale(1.15)}}
@media(max-width:580px){.garden-photo-klinkerstalen-1786 img{transform:scale(1.6)}}