/* Product photos: the chosen color's thumbnails, and the full-screen viewer (assets/js/photos.js). */
.dk-photos { display: flex; align-items: center; gap: 10px; min-width: 0; }
.dk-photos[hidden] { display: none; }
.dk-photos__label { display: inline-flex; align-items: center; gap: 6px; flex: none; font-size: .8rem; font-weight: 600; color: var(--muted); }
.dk-photos__label .dk-icon { width: 16px; height: 16px; color: var(--gold-deep); }
.dk-photos__list { display: flex; gap: 8px; min-width: 0; padding: 3px; overflow-x: auto; scrollbar-width: none; }
.dk-photos__list::-webkit-scrollbar { display: none; }
.dk-photos .dk-photos__item, .dk-photos .dk-photos__item:hover, .dk-photos .dk-photos__item:focus { flex: none; width: 56px; height: 56px; min-width: 0; padding: 0; margin: 0; overflow: hidden; background: #fff; border: 1.5px solid var(--line); border-radius: 10px; box-shadow: none; cursor: zoom-in; transition: border-color .2s, transform .2s; }
.dk-photos .dk-photos__item:hover, .dk-photos .dk-photos__item:focus-visible { border-color: var(--gold); transform: translateY(-1px); }
.dk-photos__item img { display: block; width: 100%; height: 100%; object-fit: cover; }

.dk-viewer { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; overflow: auto; background: #fff; touch-action: pinch-zoom; }
.dk-viewer[hidden] { display: none; }
.dk-viewer__img { width: auto; height: auto; max-width: 100vw; max-height: 100vh; object-fit: contain; cursor: zoom-in; user-select: none; -webkit-user-select: none; transition: transform .25s ease; }
.dk-viewer__img.is-zoomed { transform: scale(2.4); cursor: zoom-out; }
.dk-viewer .dk-viewer__btn, .dk-viewer .dk-viewer__btn:hover, .dk-viewer .dk-viewer__btn:focus { position: fixed; z-index: 1; display: grid; place-items: center; width: 46px; height: 46px; min-width: 0; padding: 0 0 4px; border: 0; border-radius: 50%; background: var(--plum); color: #fff; font-size: 30px; line-height: 1; box-shadow: 0 6px 18px -8px rgba(20, 15, 41, .6); cursor: pointer; }
.dk-viewer .dk-viewer__btn:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
.dk-viewer .dk-viewer__btn--close { top: 14px; right: 14px; padding: 0 0 2px; font-size: 28px; }
.dk-viewer .dk-viewer__btn--prev { top: 50%; left: 14px; transform: translateY(-50%); }
.dk-viewer .dk-viewer__btn--next { top: 50%; right: 14px; transform: translateY(-50%); }
.dk-viewer.is-single .dk-viewer__btn--prev, .dk-viewer.is-single .dk-viewer__btn--next { display: none; }
.dk-viewer__count { position: fixed; bottom: 14px; left: 50%; z-index: 1; margin: 0; padding: 6px 14px; border-radius: 999px; background: rgba(31, 24, 68, .88); color: #fff; font-size: .85rem; white-space: nowrap; transform: translateX(-50%); }
.dk-viewer__count:empty { display: none; }
html.dk-zoom-open { overflow: hidden; }

@media (max-width: 600px) {
	.dk-viewer .dk-viewer__btn--prev, .dk-viewer .dk-viewer__btn--next { width: 40px; height: 40px; font-size: 26px; background: rgba(31, 24, 68, .7); }
	.dk-viewer .dk-viewer__btn--prev { left: 8px; }
	.dk-viewer .dk-viewer__btn--next { right: 8px; }
}