.garden-carousel{--carousel-height:370px;width:100%;min-width:0}
.carousel-stage{width:100%;min-width:0;touch-action:pan-y}
.carousel-slide{width:100%;height:var(--carousel-height)}
.carousel-slide>a{display:block;width:100%;height:100%}
.plant-visual .carousel-slide img,.detail-photo .carousel-slide img{width:100%;height:var(--carousel-height);max-width:100%;object-fit:contain;background:transparent}
.carousel-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:15px;color:var(--green)}
.carousel-arrow{display:grid;place-items:center;border:1px solid #b7cebe;border-radius:50%;width:29px;height:29px;padding:0}
.carousel-arrow .icon{width:17px;height:17px}
.carousel-arrow.previous .icon{transform:rotate(180deg)}
.carousel-arrow:hover{background:#e3eee2}
.carousel-switches{display:flex;gap:10px}
.carousel-switches button{font-size:12px;padding:3px 4px;border-bottom:2px solid transparent}
.carousel-switches button[aria-pressed=true]{color:var(--deep);border-bottom-color:var(--rose)}
.carousel-pause{font-size:11px;color:var(--muted);padding:4px;text-decoration:underline;text-underline-offset:4px}
.carousel-caption{margin-top:12px;font-size:11px;line-height:1.75;text-align:center;color:var(--muted);min-height:36px}
.carousel-caption a{text-decoration:underline}
.carousel-caption .drawing-note{font-family:var(--display);font-size:17px;color:#3f6f58}
.overview-photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;height:100%}
.overview-photos>a{display:flex;flex-direction:column;align-items:center;min-height:0;min-width:0;background:#f4f9f2}
.plant-visual .overview-photos img{width:100%;height:calc(100% - 24px);min-height:0;object-fit:contain}
.overview-photos span{font-size:11px;line-height:24px;color:var(--green)}
.detail-photo .garden-carousel{--carousel-height:450px;background:var(--mint);padding:14px 18px 10px}
.carousel-transition{animation:plant-image-settle .32s var(--ease)}
@keyframes plant-image-settle{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.garden-carousel{--carousel-height:335px}}
@media(max-width:800px){.garden-carousel{--carousel-height:295px}}
@media(max-width:600px){.garden-carousel{--carousel-height:260px}.carousel-controls{gap:10px;margin-top:13px}.carousel-caption{font-size:10px;min-height:32px;margin-top:10px}.carousel-caption .drawing-note{font-size:15px}.overview-photos{gap:8px}.overview-photos span{font-size:10px}.detail-photo .garden-carousel{--carousel-height:290px;padding:10px 12px}.carousel-arrow{width:29px;height:29px}}