/* One photograph and six clear routes: the garden, rather than a tile catalogue. */
.garden-page .garden-cultures{position:relative;background:#f0f0e5;padding-bottom:58px;margin-top:56px;padding-top:64px}
.garden-page .garden-cultures:before,.garden-page #solutions:before{content:"";position:absolute;inset:0;pointer-events:none;background:url('/assets/garden-botanical.svg') no-repeat right -90px top -120px / 510px auto;opacity:.105}
.garden-page .garden-cultures>.b2b-shell,.garden-page #solutions>.b2b-shell{position:relative}
.garden-page .garden-cultures .b2b-heading{margin-bottom:48px}
.garden-explorer{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:start}
.garden-explorer-photo{margin:0;min-width:0}
.garden-scene-media{aspect-ratio:1.2;background:#dce3cf;overflow:hidden}
.garden-scene-media img{width:100%;height:100%;object-fit:cover;object-position:58% center;display:block}
.garden-explorer-photo figcaption{display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--farm-rule);min-height:65px;font:400 12px/1.5 var(--body);color:#526047}
.garden-explorer-photo .farm-text-link{font-size:12px;margin:0;border:0;min-width:150px;justify-content:space-between;min-height:48px}
.garden-scene-choices{border-top:1px solid var(--farm-rule)}
.garden-scene-choice{position:relative;display:grid;grid-template-columns:26px 1fr 22px;gap:19px;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid var(--farm-rule);background:transparent;color:#334936;padding:20px 8px 20px 0;min-height:88px;cursor:pointer}
.garden-scene-number{font:400 10px/1.5 var(--body);color:#7b856f;align-self:start;margin-top:8px}
.garden-scene-text strong{display:block;font:400 27px/1.25 var(--serif);letter-spacing:-.025em;color:#3b4939}
.garden-scene-text>span{display:block;font:400 12px/1.75 var(--body);color:#59634f;margin-top:8px}
.garden-scene-arrow{font:400 18px/1 var(--body);color:#70835b}
.garden-scene-choice[aria-pressed=true]{background:#dce6cc80}
.garden-scene-choice[aria-pressed=true]:before{content:"";position:absolute;left:-14px;top:20px;bottom:20px;width:2px;background:#957431}
.garden-scene-choice[aria-pressed=true] .garden-scene-text strong{color:#244d31}
.garden-scene-choice[aria-pressed=true] .garden-scene-number,.garden-scene-choice[aria-pressed=true] .garden-scene-arrow{color:#8c6b24}
.garden-scene-choice:hover{background:#e0e7d3aa}
.garden-scene-choice:focus-visible{outline:2px solid #8c6b24;outline-offset:3px}
.garden-page #solutions{position:relative;background:#edf0e3}
.garden-page #solutions:before{background-position:right -150px top -125px;opacity:.065}
@media(max-width:760px){.garden-page .garden-scene-choices{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.garden-page .garden-scene-choice{grid-template-columns:18px 1fr;gap:8px;min-height:82px;padding:14px 3px 14px 0}.garden-page .garden-scene-text strong{font-size:20px;line-height:1.3}.garden-page .garden-scene-text>span,.garden-page .garden-scene-arrow{display:none}}
@media(min-width:1700px){.garden-explorer{gap:88px}.garden-scene-choice{min-height:98px;padding-block:24px}.garden-scene-text strong{font-size:30px}}
@media(min-width:761px) and (max-width:1100px){.garden-explorer{grid-template-columns:1.1fr 1fr;gap:36px}.garden-scene-media{aspect-ratio:.84}.garden-scene-choice{gap:12px;grid-template-columns:22px 1fr 18px;min-height:92px;padding-block:17px}.garden-scene-text strong{font-size:24px}.garden-explorer-photo figcaption{gap:12px;flex-wrap:wrap;padding-block:8px}.garden-explorer-photo .farm-text-link{min-width:145px}}
@media(max-width:760px){.garden-page .garden-cultures{margin-top:24px;padding-top:42px;padding-bottom:34px}.garden-page .garden-cultures:before{background-size:340px auto;background-position:right -150px top -40px;opacity:.08}.garden-page .garden-cultures .b2b-heading{margin-bottom:28px}.garden-explorer{grid-template-columns:1fr;gap:22px}.garden-scene-media{aspect-ratio:1.2}.garden-explorer-photo figcaption{gap:10px;min-height:62px;font-size:11px}.garden-explorer-photo .farm-text-link{min-width:133px;font-size:11px}.garden-scene-choice{grid-template-columns:20px 1fr 20px;gap:13px;min-height:85px;padding:17px 6px 17px 0}.garden-scene-text strong{font-size:24px}.garden-scene-text>span{font-size:11px;margin-top:6px}.garden-scene-choice[aria-pressed=true]:before{left:-9px;top:18px;bottom:18px}}

/* Plant, task and recommendations stay together, without a second route. */
.garden-explorer-controls{min-width:0}
.garden-page #cultures #solutions{position:static;background:transparent;border:0;padding:0;margin:0;scroll-margin-top:100px}
.garden-page #cultures #solutions:before{display:none}
.garden-page #cultures .garden-finder{display:block;margin-top:28px;padding:24px 0 0;border:0;border-top:1px solid var(--farm-rule)}
.garden-page #cultures .garden-finder[hidden],.garden-page #cultures .garden-finder label[hidden]{display:none!important}
.garden-page #cultures .garden-care-title{font:400 24px/1.4 var(--serif);color:#294b35;margin:0 0 16px}
.garden-page #cultures .garden-finder select{font:400 16px/1.5 var(--body);border:1px solid #7c8a70;padding:12px;min-height:54px;background:#f9faf4;margin-top:8px}
.garden-care-routes{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:22px}
.garden-page #cultures .garden-care-routes .farm-text-link{font-size:16px;margin:0}
.garden-page #cultures #garden-results:has(.garden-results-grid){margin-top:36px;border-top:1px solid var(--farm-rule)}
.garden-page #cultures .garden-scene-arrow{display:none}
.garden-page #cultures .garden-scene-choice{grid-template-columns:26px minmax(0,1fr)}
.garden-page #cultures .garden-explorer-photo figcaption{justify-content:flex-start}
@media(max-width:760px){
 .garden-page #cultures .garden-scene-media{width:100%;aspect-ratio:3;max-height:180px}
 .garden-page #cultures .garden-explorer-photo figcaption{min-height:40px}
 .garden-page #cultures .garden-scene-choice{grid-template-columns:18px minmax(0,1fr);gap:8px}
 .garden-page #cultures .garden-finder{margin-top:22px;padding-top:22px}
 .garden-page #cultures .garden-care-title{font-size:22px}
 .garden-page #cultures .garden-care-routes{gap:8px 20px;margin-top:18px}
}