.joy-card-photo-host .joy-card-quick{position:absolute;top:var(--joy-photo-bottom);left:50%;transform:translate(-50%,-100%);z-index:6;border:0;border-radius:30px;padding:10px 22px;background:#000;color:#fff;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
@media(hover:hover){.joy-card-quick{opacity:0;transition:opacity .15s}.joy-card-photo-host:hover>.joy-card-quick,.joy-card-photo-host:focus-within>.joy-card-quick{opacity:1}}
.joy-qv{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;border:0;padding:0;width:50vw;max-width:none;height:100dvh;max-height:none;background:#080808;color:#fff;overflow:auto}
.joy-qv::backdrop{background:#0006}
.joy-qv>header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:#080808}
.joy-qv h2{font-size:18px;margin:0;color:inherit}
.joy-qv [data-qv-close]{border:0;background:transparent;color:#fff;font-size:32px;line-height:1;width:44px;height:44px;cursor:pointer}
.joy-qv [data-qv-body]{padding:0 28px 32px}
.joy-qv-images{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}
.joy-qv-images img{width:100%;height:48dvh;object-fit:contain;background:#a39d95;flex:0 0 100%;scroll-snap-align:center}
.joy-qv h3{font-size:22px;font-weight:400;margin:22px 0 10px;color:inherit}
.joy-qv form{display:grid;gap:12px;margin:22px 0}
.joy-qv select{width:100%;padding:14px;background:#222;color:#fff;border:1px solid #777;font:inherit}
.joy-qv [data-qv-add]{padding:15px;border:0;background:#fff;color:#111;font:inherit;cursor:pointer}
.joy-qv [data-qv-add]:disabled{opacity:.45;cursor:not-allowed}
.joy-qv a{color:inherit;text-decoration:underline}
@media(max-width:749px){.joy-qv{width:100%}.joy-qv>header{padding:12px 18px}.joy-qv [data-qv-body]{padding:0 18px 24px}.joy-card-photo-host .joy-card-quick{padding:8px 14px;font-size:12px}.joy-qv-images img{height:42dvh}}

.joy-qv-images{scrollbar-width:none}.joy-qv-images::-webkit-scrollbar{display:none}.joy-qv-images img{scroll-snap-stop:always}

.joy-card-photo-host button.joy-card-quick,.joy-card-photo-host button.joy-card-quick:hover,.joy-card-photo-host button.joy-card-quick:focus-visible{color:#fff!important;-webkit-text-fill-color:#fff;background:rgb(0 0 0 / .55)!important}
.joy-qv,.joy-qv>header{background:#080808;color:#fff}.joy-qv [data-qv-close]{color:#fff}.joy-qv [data-qv-body]{padding:0 24px 32px}.joy-qv-images{gap:12px}.joy-qv-images img{background:#f4f3f1}.joy-qv-info{min-width:0}.joy-qv-options{display:grid;gap:24px}.joy-qv-options fieldset{border:0;margin:0;padding:0;min-width:0}.joy-qv-options legend{font-size:14px;margin:0 0 14px;color:#b7b7b7}.joy-qv-options legend strong{font-weight:400;color:#fff;margin-left:8px}.joy-qv-values{display:flex;flex-wrap:wrap;gap:10px}.joy-qv .joy-qv-value{border:1px solid #777;background:#080808;color:#fff;padding:12px;min-height:44px;min-width:48px;cursor:pointer;font:inherit}.joy-qv .joy-qv-value[aria-pressed=true]{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.joy-qv .joy-qv-value:disabled{opacity:.35;cursor:default}.joy-qv .joy-qv-color{border-radius:50%;width:44px;padding:5px;min-width:44px}.joy-qv-color span{display:block;width:32px;height:32px;border-radius:50%;background-size:cover;border:1px solid #0002}.joy-qv [data-qv-add]{background:#fff;color:#111;min-height:52px;margin-top:12px}.joy-qv [data-qv-details]{display:block;text-align:center;border:1px solid #ccc;padding:15px;text-decoration:none}.joy-qv h3{line-height:1.3}.joy-qv [data-qv-price]{font-size:18px}.joy-qv select[hidden]{display:none}
@media(min-width:1000px){.joy-qv [data-qv-content]{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.joy-qv-images{display:flex;flex-direction:column;overflow:auto;max-height:calc(100dvh - 110px);scroll-snap-type:y proximity}.joy-qv-images img{height:auto;width:100%;flex:none;aspect-ratio:4/5;object-fit:contain;scroll-snap-align:start}.joy-qv-info{position:sticky;top:80px}.joy-qv h3{margin-top:0;font-size:20px}}

/* White Quick View panel */
.joy-qv,.joy-qv>header{background:#fff;color:#242424}.joy-qv [data-qv-close]{color:#242424}.joy-qv-options legend{color:#737373}.joy-qv-options legend strong{color:#242424}.joy-qv .joy-qv-value{background:#fff;color:#242424;border-color:#ccc}.joy-qv .joy-qv-value[aria-pressed=true]{border-color:#242424;box-shadow:inset 0 0 0 1px #242424}.joy-qv [data-qv-add]{background:#242424;color:#fff}.joy-qv [data-qv-details]{border-color:#ccc;color:#242424}
