.details.details-slider{position:relative;display:block;min-width:0}
.details-track{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b3b3b3 #353535;cursor:grab}
.details-slide{position:relative;flex:0 0 calc(100% / 3.25);width:calc(100% / 3.25);min-width:0;aspect-ratio:255/186;margin:0;overflow:hidden;scroll-snap-align:start;border-right:1px solid #e6e6e6;user-select:none;-webkit-user-select:none}
.details .details-track .details-slide img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border:0;filter:none;transform:none;opacity:1;pointer-events:none}
.details-slide::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#353535b8);pointer-events:none}
.details-slide figcaption{position:absolute;left:9%;right:9%;bottom:12%;z-index:1;color:#ffffff;font:400 clamp(11px,1vw,15px)/1.6 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-shadow:none;pointer-events:none}
.details-slide figcaption::after{content:"";display:block;width:32px;height:1px;background:#ffffff;margin-top:16px}
.details-track.is-dragging{cursor:grabbing;scroll-snap-type:none}
.details-track.is-repositioning{scroll-snap-type:none;scroll-behavior:auto}
.details-track.is-animating{scroll-snap-type:none;scroll-behavior:auto}
.details.details-slider .details-track{scrollbar-width:none}
.details-track::-webkit-scrollbar{display:none}
.details-track:focus-visible{outline:2px solid #e6e6e6;outline-offset:-3px}
.details-control{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e6e6e6a6;border-radius:50%;background:#353535d9;color:#f2f2f2;font:24px/1 Georgia,serif;cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:background .2s,opacity .2s}
.details-prev{left:16px}.details-next{right:16px}
.details-control:hover{background:#464646}
.details-control:disabled{opacity:.35;cursor:default}
.details-control:focus-visible{outline:2px solid #e6e6e6;outline-offset:3px}
@media(max-width:900px){.details-slide{flex-basis:calc(100% / 2.25);width:calc(100% / 2.25)}}
@media(max-width:560px){.details-slide{flex-basis:84%;width:84%}.details-slide figcaption{font-size:12px}.details-control{width:38px;height:38px;font-size:22px}.details-prev{left:10px}.details-next{right:10px}}
@media(prefers-reduced-motion:reduce){.details-control{transition:none}}
.details-slide figcaption{left:6%;right:6%;bottom:7%;padding:10px 12px;border-radius:6px;background:rgba(53,53,53,.94);text-transform:none;letter-spacing:0}
.details-slide figcaption::after{display:none}
.details-slide .flower-name{display:block;color:#fff;font:400 24px/1.2 Georgia,serif!important}
.details-slide .flower-note{display:block;margin-top:5px;color:#eee;font-size:14px!important;line-height:1.4!important;letter-spacing:.02em}
@media(max-width:560px){.details-slide .flower-name{font-size:20px!important}}
/* Intrinsic caption height can grow the slide at enlarged text sizes. */
.details-slide{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;aspect-ratio:auto;min-height:0}
.details-slide::before{content:"";grid-area:1/1;padding-top:72.941176%}
.details .details-track .details-slide img{position:absolute;inset:0;min-height:0}
.details-slide figcaption{position:relative;grid-area:1/1;align-self:end;left:auto;right:auto;bottom:auto;margin:14px 6%;min-width:0}

/* A hidden scrollbar does not disable native touch panning. No snap jump on pause. */
html body .details.details-slider .details-track{scrollbar-width:none;scroll-snap-type:none}
html body .details.details-slider .details-track::-webkit-scrollbar{display:none;width:0;height:0}