.qcl{position:relative;display:block;width:100%;min-width:0;aspect-ratio:3/2;overflow:hidden;background:#f7f2ea}
.qcl__track{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.qcl__track::-webkit-scrollbar{display:none}
.qcl__slide{flex:0 0 100%;width:100%;height:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.qcl .qcl__link{display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;text-decoration:none;-webkit-user-drag:none}
.qcl .qcl__link:focus-visible{outline:3px solid #806735;outline-offset:-4px}
.qcl .qcl__slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}
.qcl .qcl__slide--safe-square img{object-fit:contain}
.qcl:has(.qcl__controls) .qcl__track{bottom:32px}
.qcl__controls{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0;padding:0;color:#665746;isolation:isolate}
.qcl__controls::before{content:'';position:absolute;left:0;right:0;top:50%;height:18px;transform:translateY(-50%);border-radius:18px;background:rgba(255,253,249,.9);z-index:-1;pointer-events:none}
.qcl__controls[hidden]{display:none}
.qcl__dots{display:flex;align-items:center}
.qcl .qcl__dot,.qcl .qcl__arrow{display:flex;align-items:center;justify-content:center;min-width:24px;width:24px;height:32px;min-height:32px;margin:0;padding:0;border:0;box-shadow:none;border-radius:0;background:transparent;color:inherit;cursor:pointer}
.qcl__dot span{display:block;width:5px;height:5px;border-radius:50%;background:#665746;opacity:.35}
.qcl__dot[aria-current=true] span{opacity:1}
.qcl__arrow{font-size:18px;line-height:1}
.qcl__arrow:disabled{opacity:.3;cursor:default}
.qcl button:focus-visible,.qcl__track:focus-visible{outline:2px solid #806735;outline-offset:-2px}
@media(max-width:700px){.qcl .qcl__arrow{display:none}.qcl__controls{bottom:0}.qcl:has(.qcl__controls) .qcl__track{bottom:28px}.qcl .qcl__dot{height:28px;min-height:28px}.qcl__controls::before{height:16px}}

@media(prefers-reduced-motion:reduce){.qcl__track{scroll-behavior:auto}}