#planter-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#edeae2;z-index:2}#planter-photo[hidden],#planter-photographs[hidden]{display:none}#planter-photographs{margin-top:20px}.photo-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px}.photo-toolbar button{background:transparent;border:0;text-decoration:underline;color:#303f34;padding:8px}.photo-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.photo-thumbnails button{padding:0;background:#f7f6f2;border:1px solid #c1c7b9;text-align:left;color:#303832}.photo-thumbnails button[aria-pressed=true]{outline:2px solid #55674e;outline-offset:1px}.photo-thumbnails img{width:100%;height:80px;object-fit:cover;display:block}.photo-thumbnails span{display:block;padding:6px 8px;font-size:11px}.photo-caption{font-size:12px;line-height:1.5;color:#5b6459}

.photo-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;margin-top:10px}#planter-photo-position{min-width:0;overflow-wrap:anywhere;padding-block:8px}.photo-navigation[hidden]{display:none}.photo-navigation button{min-height:44px}.photo-navigation button:focus-visible{outline:2px solid #55674e;outline-offset:2px}

#planter-image-unavailable{position:absolute;inset:0;display:grid;place-content:center;margin:0;padding:24px;text-align:center;color:#303f34;line-height:1.5}
#planter-image-unavailable[hidden]{display:none}