/* Keep the original collection grid and the client's collection name. */
.lookbook-new-card .artists__artist__text { text-transform: none; }

.lookbook-collection {
    display: block;
    color: inherit;
    text-decoration: none;
}

.lookbook-collection:focus-visible {
    outline: 2px solid white;
    outline-offset: 5px;
}

html.lookbook-viewer-open { overflow: hidden; }

.lookbook-viewer {
    position: fixed;
    inset: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100dvh;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: #080808;
    color: #fff;
    font-family: Arial, sans-serif;
    overflow: hidden;
}

.lookbook-viewer::backdrop { background: #080808; }
.lookbook-viewer:not([open]) { display: none; }

.lookbook-viewer__layout {
    display: grid;
    grid-template-rows: 60px minmax(0, 1fr) 100px;
    height: 100%;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    box-sizing: border-box;
}

.lookbook-viewer__toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

.lookbook-viewer__title { margin-right: auto; font-size: 16px; }
.lookbook-viewer__counter { margin-right: 16px; font-size: 13px; letter-spacing: .15em; }

.lookbook-viewer button {
    appearance: none;
    border: 0;
    margin: 0;
    border-radius: 0;
    color: #fff;
    background: transparent;
    cursor: pointer;
    font-family: Arial, sans-serif;
}

.lookbook-viewer button:focus-visible { outline: 2px solid #fff; outline-offset: -3px; }
.lookbook-viewer__close { width: 44px; height: 44px; font-size: 36px; line-height: 1; }

.lookbook-viewer__stage {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    padding: 0 64px;
    touch-action: pan-y;
}

.lookbook-viewer__image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.lookbook-viewer__stage[aria-busy="true"] .lookbook-viewer__image { opacity: .55; }

.lookbook-viewer__previous,
.lookbook-viewer__next {
    position: absolute;
    z-index: 1;
    top: calc(50% - 28px);
    width: 48px;
    height: 56px;
    font-size: 25px;
    background: rgb(0 0 0 / 45%) !important;
}

.lookbook-viewer__previous { left: 8px; }
.lookbook-viewer__next { right: 8px; }
.lookbook-viewer__error { position: absolute; max-width: 70%; text-align: center; font-size: 14px; }
.lookbook-viewer__error[hidden] { display: none; }

.lookbook-viewer__thumbnails {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow-x: auto;
    padding: 10px 20px;
    scrollbar-width: thin;
    scrollbar-color: #666 #080808;
}

.lookbook-viewer .lookbook-viewer__thumb {
    flex: 0 0 60px;
    height: 76px;
    padding: 3px;
    border: 1px solid transparent;
    opacity: .5;
}

.lookbook-viewer .lookbook-viewer__thumb[aria-current="true"] { border-color: #fff; opacity: 1; }
.lookbook-viewer__thumb:hover { opacity: 1; }
.lookbook-viewer__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* The original page assumed a desktop-width viewport on phones. */
@media (max-width: 1170px) {
    .lookbook-page .Header_header__eJj7q { height: 80px; background: #000; }
    .lookbook-page #loo { left: 12px; font-size: clamp(24px, 5vw, 32px); padding: 0; }
    .lookbook-page .Header_social__e8Ibu { right: 16px; }
    .lookbook-page .fa-bars::before { font-size: 30px; }
    .lookbook-page .Header_dropdownContent { overflow-y: auto; padding: 64px 20px 24px; }
    .lookbook-page .Header_dropdownContent .close-btn { top: 10px; right: 20px; font-size: 40px; }
    .lookbook-page .Header_dropdownContent > a { padding: 10px; font-size: 28px; line-height: 1.2; }
    .lookbook-page .Header_dropdownContent .dropdown-submenu a { padding: 8px; font-size: 23px; }
    .lookbook-page .Header_dropdownContent .Social_iconContainer__wP4sH svg { width: 28px; height: 28px; }
    .lookbook-page .page-artists { margin-top: 70px; padding: 0 20px; }
}

@media (max-width: 600px) {
    .lookbook-viewer__layout { grid-template-rows: 52px minmax(0, 1fr) 88px; }
    .lookbook-viewer__toolbar { padding: 0 12px; }
    .lookbook-viewer__stage { padding: 0 8px; }
    .lookbook-viewer__previous { left: 4px; }
    .lookbook-viewer__next { right: 4px; }
    .lookbook-viewer__previous, .lookbook-viewer__next { width: 40px; height: 48px; font-size: 20px; }
    .lookbook-viewer__thumbnails { padding: 8px 12px; gap: 6px; }
    .lookbook-viewer .lookbook-viewer__thumb { flex-basis: 50px; height: 66px; }
}

@media (prefers-reduced-motion: reduce) {
    .lookbook-collection .thumbnail { transition: none; }
}