/* Carpet Ends Catalog — photo viewer */
.cect-zoom { position: fixed; inset: 0; z-index: 100000; background: rgba(12, 16, 22, .94); display: flex; align-items: center; justify-content: center; }
.cect-zoom[hidden] { display: none; }
html.cect-zoom-open { overflow: hidden; }
.cect-zoom-stage { position: absolute; inset: 0 0 56px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 16px 64px; }
.cect-zoom-stage img { max-width: 100%; max-height: 100%; object-fit: contain; margin: 0 !important; cursor: zoom-in; transition: transform .2s ease; border-radius: 4px; background: #222; user-select: none; -webkit-user-drag: none; }
.cect-zoom.is-zoomed .cect-zoom-stage img { transform: scale(2.6); cursor: zoom-out; }
.cect-zoom-load { position: absolute; color: #c9ced6; font: 14px/1.4 system-ui, sans-serif; opacity: 0; transition: opacity .2s; pointer-events: none; }
.cect-zoom.is-loading .cect-zoom-load { opacity: 1; }
.cect-zoom.is-loading .cect-zoom-stage img { opacity: .25; }
.cect-zoom .cect-zoom-btn { position: absolute; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .12); color: #fff; font: 400 30px/1 system-ui, sans-serif; cursor: pointer; box-shadow: none; text-transform: none; letter-spacing: 0; min-height: 0; }
.cect-zoom .cect-zoom-btn:hover { background: rgba(255, 255, 255, .24); color: #fff; }
.cect-zoom .cect-zoom-btn:focus-visible { outline: 2px solid #c4922f; outline-offset: 2px; }
.cect-zoom .cect-zoom-btn[hidden] { display: none; }
.cect-zoom-x { top: 12px; right: 12px; }
.cect-zoom-prev { left: 10px; top: calc(50% - 52px); }
.cect-zoom-next { right: 10px; top: calc(50% - 52px); }
.cect-zoom-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 56px; display: flex; align-items: center; gap: 16px; padding: 0 20px; color: #e8ebef; font: 14px/1.3 system-ui, sans-serif; }
.cect-zoom-cap { flex: 1; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cect-zoom-hint { color: #9aa3ae; font-size: 13px; }
.cect-zoom-n { color: #9aa3ae; font-variant-numeric: tabular-nums; }
@media (max-width: 600px) {
	.cect-zoom-stage { padding: 8px; }
	.cect-zoom-prev, .cect-zoom-next { top: auto; bottom: 64px; }
	.cect-zoom-hint { display: none; }
}
@media (prefers-reduced-motion: reduce) { .cect-zoom-stage img { transition: none; } }

/* "Enlarge" badge on photos that open the viewer */
.cect-enlarge { position: absolute; right: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(24, 34, 46, .78); color: #fff; font: 600 12px/1 system-ui, sans-serif; pointer-events: none; }
.cect-enlarge svg { width: 14px; height: 14px; }