/* Garden compositions using the existing design tokens and shared components. */
.garden-page .hero{padding-bottom:var(--space-8)}
.garden-page .hero h1{font-size:clamp(2.75rem,5.1vw,5rem)}
.garden-page .navigation a[aria-current="page"]{text-decoration:underline;text-underline-offset:.4em}
.garden-page .garden-grill{padding-bottom:var(--space-12)}
.garden-page .garden-process{padding-top:var(--space-12)}
.garden-page .steps>li>div{min-width:0}
.garden-page .steps h3{font:700 var(--text-small)/1.5 var(--sans);letter-spacing:.1em;margin-bottom:var(--space-3)}
.garden-page .garden-gallery{display:grid;gap:var(--space-6)}
.garden-page .garden-gallery .photo-placeholder{min-height:20rem}
.garden-page .garden-gallery .photo-placeholder:nth-child(3){background:var(--sand)}
.garden-page .garden-gallery .photo-placeholder:last-child{background:var(--surface-garden)}
@media(min-width:48rem){
 .garden-page .garden-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}
 .garden-page .garden-gallery .photo-placeholder:first-child,
 .garden-page .garden-gallery .photo-placeholder:last-child{grid-column:1/-1;min-height:28rem}
}
@media(min-width:64rem){
 .garden-page .garden-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
 .garden-page .garden-gallery .photo-placeholder:first-child{grid-column:span 2;min-height:30rem}
 .garden-page .garden-gallery .photo-placeholder:last-child{min-height:34rem}
}
/* Grillmaster: compact groups within the existing Garden design. */
.garden-rules{padding-top:0}
.grill-conditions h3{color:inherit}
.grill-conditions ul{display:grid;gap:.6rem 2rem;padding-left:1.2rem}
.grill-minimum{font-weight:700;font-size:1.15rem}
.grill-category-nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-block:2rem}
.grill-category-nav a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid var(--line);font-weight:600;font-size:.875rem}
.grill-menu-group{margin-top:3rem;scroll-margin-top:calc(var(--header-height) + 1rem)}
.grill-menu-group>h3{margin-bottom:1.25rem;font-size:2rem}
.grill-components{max-width:65ch;margin-bottom:1.5rem}
.grill-card-grid{display:grid;gap:1rem}
.grill-card{min-width:0;background:var(--ivory);border:1px solid var(--line);padding:1.25rem}
.grill-card .eyebrow{display:block;margin-bottom:.4rem}
.grill-card h4{font-family:var(--serif);font-size:1.65rem;line-height:1.15;margin:0 0 1rem;overflow-wrap:anywhere}
.grill-prices{margin:0}
.grill-prices>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.6rem 0;border-bottom:1px solid var(--line)}
.grill-prices dt{min-width:0;overflow-wrap:anywhere}
.grill-prices dd{margin:0;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.grill-labels{display:flex;flex-wrap:wrap;align-items:center;gap:0 .25rem;margin-top:.75rem;font-size:.8rem}
.grill-labels>span{margin-right:.4rem}
.grill-labels a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:underline;text-underline-offset:.2em}
.grill-notice{font-size:.875rem;margin:.25rem 0 0}
.grill-mix-components{padding-left:1.2rem}
.grill-legend{border-top:1px solid var(--line);padding-top:2rem}
.grill-legend h4{font-size:1.2rem;margin-top:2rem}
.grill-legend-list{display:grid;gap:.75rem 2rem}
.grill-legend-list>div{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.5rem;scroll-margin-top:calc(var(--header-height) + 1rem)}
.grill-legend-list dt,.grill-text-legend dt{font-weight:700}
.grill-legend-list dd,.grill-text-legend dd{margin:0;overflow-wrap:anywhere}
.grill-text-legend>div{margin-bottom:1rem}
@media(min-width:48rem){.grill-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grill-conditions ul,.grill-legend-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:80rem){.grill-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:80rem){#grillsets .grill-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Phase 6E: deeper garden atmosphere and calmer Grillmaster cards. */
.garden-page .hero-photo{background:linear-gradient(145deg,var(--olive),var(--surface-grill))}
.garden-page .garden-panorama{background:linear-gradient(145deg,var(--surface-garden),var(--sand))}
.garden-page .garden-process{border-top:1px solid var(--line-on-dark)}
.garden-page .steps h3{color:var(--brass)}
.garden-page .grill-card{padding:clamp(1.25rem,2.5vw,1.75rem);border-color:rgb(112 82 46 / .25);border-radius:var(--radius-medium);box-shadow:0 .65rem 1.8rem rgb(30 29 26 / .055)}
.garden-page .grill-card h4{color:var(--olive)}
.garden-page .grill-prices dd{color:var(--brass-ink)}
.garden-page .grill-category-nav a{border-bottom-color:var(--brass)}
.garden-page .garden-gallery .photo-placeholder:first-child,.garden-page .garden-gallery .photo-placeholder:last-child{border-radius:var(--radius-large)}
@media(max-width:30rem){.garden-page .grill-conditions ul{grid-template-columns:minmax(0,1fr)}.garden-page .grill-conditions li,.garden-page .grill-card *,.garden-page .grill-text-legend dt{min-width:0;overflow-wrap:anywhere}}
@media(forced-colors:active){.garden-page .grill-card{box-shadow:none;border-color:CanvasText}}
/* Phase 6E.2: layered garden atmosphere without new imagery. */
.garden-page .hero{background:linear-gradient(135deg,rgb(215 221 207 / .34),transparent 58%)}
.garden-page #der-garten .photo-placeholder{border-radius:min(12rem,32%) min(12rem,32%) var(--radius-large) var(--radius-large)}
.garden-page .garden-grill{position:relative}
.garden-page .garden-grill::after{content:"";position:absolute;left:50%;bottom:0;width:min(8rem,24vw);height:2px;background:var(--brass);transform:translateX(-50%)}
.garden-page .grill-card{box-shadow:none;background:linear-gradient(145deg,#fffdfa,var(--ivory));transition:border-color var(--transition-quiet),transform var(--transition-quiet)}
.garden-page .grill-card:hover{transform:translateY(-2px);border-color:var(--brass)}
.garden-page .grill-card h4{padding-bottom:var(--space-4);border-bottom:1px solid rgb(112 82 46 / .22)}
.garden-page .garden-gallery{align-items:start}
.garden-page .garden-gallery .photo-placeholder:nth-child(3n+2){margin-top:var(--space-8)}
@media(max-width:47.999rem){.garden-page .garden-gallery .photo-placeholder:nth-child(n){margin-top:0}}
@media(forced-colors:active){.garden-page .garden-grill::after{background:CanvasText}.garden-page .grill-card:hover{transform:none}}