.gallery{min-width:0;max-width:100%}
.gallery-stage{position:relative}
.gallery-navigation{position:absolute;inset:50% 8px auto;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}
.gallery-step{position:relative;z-index:2;pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #b6aa99;border-radius:50%;background:#f8f5eeeF;color:#302218;font:32px/1 Arial,sans-serif;box-shadow:0 2px 8px #0002;cursor:pointer}
.gallery-step:hover{background:#fff}
.gallery-step:focus-visible{outline:3px solid var(--accent,#b64b0b);outline-offset:3px}

.gallery .gallery-thumbs{display:flex!important;gap:10px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:5px 4px 8px;overscroll-behavior-x:contain;scroll-snap-type:none;scrollbar-width:none}
.gallery .gallery-thumbs::-webkit-scrollbar{display:none}
.gallery .gallery-thumbs>button{flex:0 0 23%;min-width:44px;min-height:44px}
.gallery .gallery-thumbs>button[aria-pressed=true]{border-color:var(--accent,#b64b0b);box-shadow:0 0 0 1px var(--accent,#b64b0b)}
.gallery-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:700px){.gallery .gallery-thumbs>button{flex-basis:26%}.gallery-navigation{inset-inline:5px}}
@media(prefers-reduced-motion:reduce){.gallery *{scroll-behavior:auto!important}}