.uoph-collections {
    --uoph-collections-bg: #191816;
    --uoph-collections-ink: #191816;
    --uoph-collections-header-ink: #fff;
    --uoph-collections-accent: #D4AF37;
    --uoph-collections-muted: rgb(25 24 22 / 62%);
    inline-size: 100vw;
    margin-inline: calc(50% - 50vw);
    padding-block: clamp(5rem, 9vw, 9rem);
    overflow: hidden;
    color: var(--uoph-collections-ink);
    background: var(--uoph-collections-bg);
    box-sizing: border-box;
}

.uoph-collections *,
.uoph-collections *::before,
.uoph-collections *::after {
    box-sizing: border-box;
}

.uoph-collections[data-uoph-collections] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-block-size: 100vh;
    min-block-size: 100svh;
}

.uoph-collections__header[hidden] {
    display: none !important;
}

.uoph-collections__header {
    inline-size: min(90rem, calc(100% - 2rem));
    margin-inline: auto;
    text-align: center;
}

.uoph-collections__header h2 {
    max-inline-size: 12ch;
    margin: 0 auto;
    color: var(--uoph-collections-header-ink);
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: clamp(3.453125rem, 8.84vw, 7.96875rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.045em;
}

.uoph-collections__brand-logo {
    display: block;
    flex: 0 0 auto;
    width: var(--uoph-brand-logo-inline-size);
    inline-size: var(--uoph-brand-logo-inline-size);
    height: auto !important;
    block-size: auto;
    max-width: none;
    max-inline-size: none;
    margin: clamp(1.25rem, 2.5vw, 2rem) auto 0;
    object-fit: contain;
    aspect-ratio: auto;
    filter: brightness(0) invert(1);
}

.uoph-collections__header p {
    max-inline-size: 45rem;
    margin: clamp(1.25rem, 2.5vw, 2rem) auto 0;
    color: var(--uoph-collections-header-ink);
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: clamp(1.5625rem, 2.425vw, 2.34375rem);
    font-weight: 400;
    line-height: 1.25;
}

html body .uoph-collections button.uoph-collections__reveal {
    margin: clamp(1.75rem, 3vw, 2.875rem) auto 0;
}

html body .uoph-collections button.uoph-collections__reveal,
html body .uoph-collections button.uoph-collections__reveal:hover,
html body .uoph-collections button.uoph-collections__reveal:focus,
html body .uoph-collections button.uoph-collections__reveal:focus-visible,
html body .uoph-collections button.uoph-collections__reveal:active {
    border: 0 !important;
    color: #191816 !important;
    background: var(--uoph-collections-accent) !important;
}

html body .uoph-collections button.uoph-collections__reveal:focus-visible {
    outline-color: var(--uoph-collections-accent) !important;
}

html body .uoph-collections button.uoph-collections__reveal[hidden] {
    display: none !important;
}

.uoph-collections__track[hidden] {
    display: none !important;
}

.uoph-collections.is-collection-revealed .uoph-collections__track {
    margin-block-start: 0;
}

.uoph-collections.is-collection-revealed {
    padding-block: 0;
}

.uoph-collections.is-collection-revealed .uoph-collections__track::before,
.uoph-collections.is-collection-revealed .uoph-collections__track::after {
    position: absolute;
    inset-block: 0;
    z-index: 10;
    inline-size: 50%;
    background: var(--uoph-collections-bg);
    content: "";
    pointer-events: none;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
    animation-fill-mode: both;
}

.uoph-collections.is-collection-revealed .uoph-collections__track::before {
    inset-inline-start: 0;
    animation-name: uoph-collections-curtain-left;
}

.uoph-collections.is-collection-revealed .uoph-collections__track::after {
    inset-inline-end: 0;
    animation-name: uoph-collections-curtain-right;
}

@keyframes uoph-collections-curtain-left {
    from { opacity: 1; }
    to { opacity: 0; transform: translateX(-100%); }
}

@keyframes uoph-collections-curtain-right {
    from { opacity: 1; }
    to { opacity: 0; transform: translateX(100%); }
}

.uoph-collections__track {
    position: relative;
    display: flex;
    gap: 0;
    inline-size: 100%;
    margin-block-start: clamp(1.75rem, 3.5vw, 3.5rem);
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: inline mandatory;
    scroll-padding-inline: 0;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    cursor: grab;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
}

.uoph-collections__track::-webkit-scrollbar {
    display: none;
}

.uoph-collections__track.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
    user-select: none;
}

.uoph-collections .uoph-collections__card {
    position: relative;
    flex: 0 0 100vw;
    min-inline-size: 0;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    color: var(--uoph-collections-ink);
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    background: #fff !important;
    background-color: #fff !important;
}

.uoph-collections__share {
    position: absolute;
    z-index: 4;
    inset-block-start: calc(clamp(1rem, 2.25vw, 2rem) + (clamp(3.5625rem, 5.25vw, 4.875rem) - 46px) / 2);
    inset-inline-end: clamp(0.5rem, 1.5vw, 0.875rem);
    display: grid;
    justify-items: end;
    gap: 0.45rem;
}

html body .uoph-collections button.uoph-collections__share-button {
    all: unset;
    display: grid !important;
    place-items: center;
    inline-size: 44px !important;
    block-size: 44px !important;
    border: 1px solid #fff !important;
    border-radius: 50% !important;
    color: var(--uoph-collections-ink) !important;
    background: rgb(255 255 255 / 92%) !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
    appearance: none !important;
    -webkit-appearance: none !important;
    -webkit-tap-highlight-color: transparent !important;
    transition:
        opacity 180ms cubic-bezier(0.2, 0, 0, 1),
        transform 180ms cubic-bezier(0.2, 0, 0, 1);
}

.uoph-collections__share-button svg {
    display: block;
    inline-size: 20px;
    block-size: 20px;
    overflow: visible;
    fill: none;
    stroke: currentcolor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

html body .uoph-collections button.uoph-collections__share-button:focus-visible {
    opacity: 0.82;
    transform: scale(0.97);
}

@media (hover: hover) and (pointer: fine) {
    html body .uoph-collections button.uoph-collections__share-button:hover {
        opacity: 0.82;
        transform: scale(1.04);
    }
}

html body .uoph-collections button.uoph-collections__share-button:active {
    opacity: 0.72;
    transform: scale(0.96);
}

.uoph-collections__product-title,
.uoph-collections__price {
    margin: 0;
    color: var(--uoph-collections-ink);
    font-family: inherit;
    font-weight: 400;
}

.uoph-collections__card-price-note {
    margin: 0.35rem 0 0;
    color: #5e5b55;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.35;
    text-align: center;
}

.uoph-collections__collection-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    margin-block-end: clamp(0.75rem, 2vw, 1.25rem);
    background: transparent;
}

.uoph-collections__collection-logo-image {
    display: block;
    inline-size: auto;
    max-inline-size: min(30%, 12rem);
    block-size: auto;
    max-block-size: 4rem;
    object-fit: contain;
    object-position: center;
}

@media (min-width: 80rem), (hover: hover) and (pointer: fine) {
    .uoph-collections__collection-logo-image {
        inline-size: 9.6rem !important;
        max-inline-size: 9.6rem !important;
        block-size: 3.2rem !important;
        max-block-size: 3.2rem !important;
    }
}

.uoph-collections__media {
    position: relative;
    inline-size: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 0;
    background: #fff !important;
    background-color: #fff !important;
}

.uoph-collections__product-stage > .uoph-collections__media {
    display: block;
    inline-size: 100%;
    block-size: 100% !important;
    height: 100% !important;
    margin: 0;
    aspect-ratio: auto;
}

.uoph-collections__gallery-hint {
    position: absolute;
    z-index: 2;
    inset-inline-start: 50%;
    inset-block-end: clamp(1rem, 3vw, 1.5rem);
    display: block;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    color: #191816;
    background: #fff;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: clamp(0.6875rem, 1.4vw, 0.8125rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 0.4rem);
    transition:
        opacity 240ms cubic-bezier(0.2, 0, 0, 1),
        transform 240ms cubic-bezier(0.2, 0, 0, 1),
        visibility 0s linear 240ms;
}

.uoph-collections__gallery-hint.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
    transition-delay: 0s;
}

html body .uoph-collections .uoph-collections__image {
    display: block;
    inline-size: 100%;
    block-size: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.uoph-collections__picture {
    display: block;
    inline-size: 100%;
    block-size: 100%;
}

.uoph-collections__product-stage {
    position: relative;
    inline-size: 100%;
    block-size: 100dvh;
    overflow: hidden;
    border-radius: 0;
}

.uoph-collections__product-counter {
    position: absolute;
    z-index: 4;
    inset-block-end: clamp(1rem, 2vw, 1.75rem);
    inset-inline-start: 50%;
    min-inline-size: 7rem;
    padding: 0.75rem 2rem 0.75rem 0.75rem;
    color: #fff;
    background: linear-gradient(90deg, rgb(8 8 8 / 32%), transparent);
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: clamp(1.125rem, 1.35vw, 1.3125rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.12em;
    pointer-events: none;
    transform: translateX(-50%);
}

.uoph-collections__piece-link {
    position: absolute;
    z-index: 5;
    inset-block-end: clamp(1rem, 2vw, 1.75rem);
    inset-inline-start: clamp(1rem, 2vw, 1.75rem);
    padding-block-end: 0.2rem;
    border-block-end: 0;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-decoration: none !important;
    text-transform: uppercase;
}

.uoph-collections__piece-link:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px;
}

.uoph-collections__product-stage > .uoph-collections__collection-logo {
    position: absolute;
    z-index: 4;
    inset-block-start: clamp(1rem, 2.25vw, 2rem);
    inset-inline-start: 50%;
    inline-size: fit-content;
    max-inline-size: calc(100% - 7rem);
    margin: 0;
    flex-direction: column;
    gap: clamp(0.35rem, 0.8vw, 0.65rem);
    pointer-events: none;
    transform: translateX(-50%);
}

.uoph-collections__product-stage > .uoph-collections__collection-logo .uoph-collections__collection-logo-image {
    flex: 0 0 auto;
    inline-size: min(30vw, 9.6rem) !important;
    max-inline-size: min(30vw, 9.6rem) !important;
    block-size: auto !important;
    max-block-size: 4rem !important;
    filter: brightness(0) invert(1);
}

.uoph-collections__collection-product-name {
    display: block;
    max-inline-size: min(42rem, calc(100vw - 4rem));
    color: #fff;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: clamp(0.875rem, 1.25vw, 1.125rem);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-align: center;
    text-wrap: balance;
}

.uoph-collections__product-stage > .uoph-collections__collection-logo--dark .uoph-collections__collection-logo-image {
    filter: brightness(0);
}

.uoph-collections__collection-logo--dark .uoph-collections__collection-product-name {
    color: #191816;
}

html body .uoph-collections button.uoph-collections__panel-toggle {
    --uoph-sonar-size: 46px;
    --uoph-sonar-color: 255 255 255;
    --uoph-sonar-contrast-color: 0 0 0;
    position: absolute !important;
    z-index: 5;
    inset-block-start: 50%;
    inset-inline-end: clamp(0.5rem, 1.5vw, 0.875rem);
    width: 46px !important;
    inline-size: 46px !important;
    min-width: 46px !important;
    min-inline-size: 46px !important;
    max-width: 46px !important;
    max-inline-size: 46px !important;
    height: 46px !important;
    block-size: 46px !important;
    min-height: 46px !important;
    min-block-size: 46px !important;
    max-height: 46px !important;
    max-block-size: 46px !important;
    border-color: #fff !important;
    color: #fff !important;
    background: #fff !important;
    background-color: #fff !important;
    pointer-events: auto !important;
    isolation: isolate;
    scale: 1;
    translate: 0 -50%;
    transition:
        inset-inline-end 600ms cubic-bezier(0.65, 0, 0.35, 1),
        opacity 180ms ease;
}

.uoph-collections__card.is-active .uoph-sonar-pulse__wave,
.uoph-collections__card.is-active .uoph-sonar-pulse__heartbeat {
    animation-play-state: running;
}

html body .uoph-collections .uoph-collections__card.is-product-panel-open button.uoph-collections__panel-toggle {
    inset-inline-end: calc(33.333333% - 23px);
}

/*
 * This button inherits .uoph-control-circle from Shared/Assets/controls.css, whose ::before/::after draw the "+" with !important.
 * Exactly six !important declarations are therefore required here: inline-size, block-size, border-block-start, border-inline-start, background and transform.
 * This rule wins by specificity within the important layer (0,2,3 versus 0,1,0), not by load order.
 */
html body .uoph-collections button.uoph-collections__panel-toggle::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    display: block;
    inline-size: 8px !important;
    block-size: 8px !important;
    border-block-start: 1px solid var(--uoph-collections-ink) !important;
    border-inline-start: 1px solid var(--uoph-collections-ink) !important;
    color: var(--uoph-collections-ink);
    background: transparent !important;
    opacity: 0;
    transform: translate(-50%, -50%) rotate(135deg) !important;
    transition: opacity 600ms cubic-bezier(0.65, 0, 0.35, 1);
    pointer-events: none;
}

html body .uoph-collections button.uoph-collections__panel-toggle[aria-expanded="true"]::before {
    opacity: 1;
}

html body .uoph-collections button.uoph-collections__panel-toggle::after {
    display: none !important;
}

.uoph-collections__product-panel {
    position: absolute;
    z-index: 3;
    inset-block: 0;
    inset-inline-end: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    inline-size: 33.333333%;
    padding: clamp(4.5rem, 7vw, 6.5rem) clamp(1.25rem, 2.5vw, 2.5rem) clamp(1.5rem, 3vw, 3rem);
    color: var(--uoph-collections-ink);
    background: radial-gradient(
        ellipse 115% 42% at 72% 55%,
        rgb(255 255 255 / 94%) 0%,
        rgb(255 255 255 / 82%) 56%,
        rgb(255 255 255 / 0%) 100%
    );
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition:
        opacity 600ms cubic-bezier(0.65, 0, 0.35, 1),
        transform 600ms cubic-bezier(0.65, 0, 0.35, 1),
        visibility 0s linear 600ms;
    box-sizing: border-box;
}

.uoph-collections__product-panel > * {
    pointer-events: none;
}

html body .uoph-collections .uoph-collections__product-panel[aria-hidden="true"],
html body .uoph-collections .uoph-collections__product-panel[aria-hidden="true"] * {
    pointer-events: none !important;
}

.uoph-collections__card.is-product-panel-open .uoph-collections__product-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
    transition-delay: 0s;
}

.uoph-collections__card.is-product-panel-open .uoph-collections__product-panel > * {
    pointer-events: auto;
}

html body .uoph-collections .uoph-collections__card.is-product-panel-open .uoph-collections__product-panel .uoph-pill-action {
    pointer-events: auto !important;
}

.uoph-collections__product-panel .uoph-collections__details {
    display: grid;
    grid-template-rows: auto auto;
    margin-block-start: clamp(1.125rem, 2.1vw, 1.875rem);
}

.uoph-collections__product-panel .uoph-collections__tabs {
    grid-area: 1 / 1;
    justify-content: flex-start;
}

html body .uoph-collections .uoph-collections__product-panel .uoph-collections__tabpanel {
    grid-area: 2 / 1;
    display: block !important;
    visibility: hidden;
}

html body .uoph-collections .uoph-collections__product-panel .uoph-collections__tabpanel[aria-hidden="false"],
html body .uoph-collections .uoph-collections__product-panel .uoph-collections__tabpanel:not([hidden]) {
    visibility: visible;
}

.uoph-collections__product-panel .uoph-collections__tab {
    text-align: start;
}

.uoph-collections__product-panel .uoph-collections__tabpanel p {
    text-align: center;
}

.uoph-collections__product-panel .uoph-collections__tab::after {
    inset-inline: 0 35%;
}

.uoph-collections__product-panel .uoph-collections__price {
    margin-block-start: clamp(0.75rem, 1.4vw, 1.25rem);
    text-align: center;
}

.uoph-collections__product-panel .uoph-collections__card-price-note {
    text-align: center;
}

html body .uoph-collections .uoph-collections__product-panel button.uoph-collections__gallery-action {
    position: static;
    display: block;
    inline-size: fit-content;
    margin-inline: auto;
    margin-block-start: clamp(1rem, 1.8vw, 1.5rem);
    padding: 0.55rem 0.9rem;
    border: 0 !important;
    color: var(--uoph-collections-ink) !important;
    background: #fff !important;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-align: center;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    cursor: zoom-in;
}

.uoph-collections__product-panel .uoph-collections__acquire {
    margin: clamp(0.75rem, 1.4vw, 1.25rem) 0 0;
}

.uoph-collections__product-title {
    margin-block-start: 1.5rem;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 0.04em;
    text-align: center;
}

.uoph-collections__details {
    margin-block-start: 0.39375rem;
}

.uoph-collections__tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
}

.uoph-collections .uoph-collections__tab {
    all: unset;
    position: relative;
    display: block;
    flex: 1 1 0;
    min-inline-size: 0;
    padding-block: 0.4375rem;
    color: var(--uoph-collections-ink);
    background: transparent !important;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.14em;
    text-transform: none;
    outline: 0 !important;
    box-shadow: none !important;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    text-align: center;
}

.uoph-collections .uoph-collections__tab::after {
    position: absolute;
    inset-inline: 20%;
    inset-block-end: 0;
    block-size: 1px;
    background: var(--uoph-collections-ink);
    content: "";
    opacity: 0;
    transform: scaleX(0.5);
    transition:
        opacity 240ms cubic-bezier(0.2, 0, 0, 1),
        transform 240ms cubic-bezier(0.2, 0, 0, 1);
}

.uoph-collections .uoph-collections__tab[aria-selected="true"]::after {
    opacity: 1;
    transform: scaleX(1);
}

.uoph-collections .uoph-collections__tab:hover,
.uoph-collections .uoph-collections__tab:focus,
.uoph-collections .uoph-collections__tab:focus-visible,
.uoph-collections .uoph-collections__tab:active {
    color: var(--uoph-collections-ink) !important;
    background: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.uoph-collections .uoph-collections__tab:focus-visible {
    opacity: 0.82;
}

.uoph-collections__tabpanel {
    animation: uoph-collections-tab-enter 320ms cubic-bezier(0.2, 0, 0, 1) both;
}

.uoph-collections__tabpanel[hidden] {
    display: none !important;
}

.uoph-collections__tabpanel p {
    margin: 0;
    padding-block: 0.625rem;
    color: var(--uoph-collections-muted);
    font-family: inherit;
    font-size: 0.9375rem;
    line-height: 1.45;
    letter-spacing: 0.08em;
    text-align: center;
    text-transform: lowercase;
}

@keyframes uoph-collections-tab-enter {
    from {
        opacity: 0;
        transform: translateY(0.5rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.uoph-collections__price {
    margin-block-start: 1.25rem;
    font-size: 1.375rem;
    letter-spacing: 0.12em;
    text-align: center;
}

.uoph-collections .uoph-collections__acquire {
    margin: 1.5rem auto 0;
    opacity: 0.72;
    cursor: default;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.uoph-collections .uoph-collections__acquire:not(:disabled) {
    opacity: 1;
    cursor: pointer;
}

html body .uoph-collections .uoph-collections__card button.uoph-collections__acquire:not(:disabled):focus-visible {
    opacity: 0.82 !important;
    transform: scale(0.99);
}

html body .uoph-collections button.uoph-collections__reveal,
html body .uoph-collections .uoph-collections__card button.uoph-collections__acquire {
    padding: 1rem 0.875rem !important;
    text-transform: uppercase;
}

html body .uoph-collections .uoph-collections__card button.uoph-collections__acquire,
html body .uoph-collections .uoph-collections__card button.uoph-collections__acquire:hover,
html body .uoph-collections .uoph-collections__card button.uoph-collections__acquire:focus,
html body .uoph-collections .uoph-collections__card button.uoph-collections__acquire:focus-visible,
html body .uoph-collections .uoph-collections__card button.uoph-collections__acquire:active {
    border: 0 !important;
    color: #191816 !important;
    background: var(--uoph-collections-accent) !important;
}

.uoph-collections__overlay {
    --uoph-collections-overlay-ink: #191816;
    --uoph-collections-overlay-surface: #fff;
    --uoph-collections-overlay-radius: clamp(1.5rem, 3vw, 3rem);

    position: fixed;
    z-index: 100000;
    inset: 0;
    display: grid;
    place-items: center;
    inline-size: 100vw;
    block-size: 100dvh;
    padding: clamp(1rem, 4vw, 4rem);
    overflow: auto;
    color: var(--uoph-collections-overlay-ink);
    background: rgb(25 24 22 / 72%);
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 240ms cubic-bezier(0.2, 0, 0, 1),
        visibility 0s linear 240ms;
    box-sizing: border-box;
}

.uoph-collections__overlay[hidden] {
    display: none;
}

.uoph-collections__overlay.is-open {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.uoph-collections__overlay *,
.uoph-collections__overlay *::before,
.uoph-collections__overlay *::after {
    box-sizing: border-box;
}

.uoph-collections__overlay-dialog {
    position: relative;
    inline-size: min(48rem, 100%);
    max-block-size: calc(100dvh - clamp(2rem, 8vw, 8rem));
    padding: clamp(1.25rem, 3vw, 2rem);
    overflow: auto;
    border-radius: var(--uoph-collections-overlay-radius);
    background: var(--uoph-collections-overlay-surface);
    opacity: 0;
    transform: scale(0.96) translateY(0.75rem);
    transition:
        opacity 240ms cubic-bezier(0.2, 0, 0, 1),
        transform 240ms cubic-bezier(0.2, 0, 0, 1);
}

.uoph-collections__overlay.is-open .uoph-collections__overlay-dialog {
    opacity: 1;
    transform: scale(1) translateY(0);
}

.uoph-collections__overlay-toolbar {
    display: grid;
    grid-template-columns: 56.4px minmax(0, 1fr) 56.4px;
    align-items: center;
    gap: 1rem;
}

.uoph-collections__overlay-toolbar h2 {
    margin: 0;
    color: var(--uoph-collections-overlay-ink);
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: clamp(1.75rem, 4vw, 3rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.04em;
    text-align: center;
    text-transform: uppercase;
    outline: none;
}

.uoph-collections__overlay .uoph-collections__overlay-close {
    position: absolute;
    inset-block-start: max(1rem, env(safe-area-inset-top));
    inset-inline-end: max(1rem, env(safe-area-inset-right));
    color: var(--uoph-collections-overlay-ink) !important;
}

.uoph-collections__overlay-greeting {
    margin: clamp(1.25rem, 2.5vw, 2rem) auto 0;
    color: var(--uoph-collections-overlay-ink);
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: clamp(1.5625rem, 2.425vw, 2.34375rem);
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

.uoph-collections__partners {
    margin-block-start: clamp(2rem, 5vw, 3.5rem);
}

.uoph-collections__partner-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.uoph-auth__customer-zone.is-authenticated.uoph-auth__customer-zone--with-partners::after {
    content: "";
    grid-column: 1 / -1;
    inline-size: 100%;
    block-size: 1px;
    margin-block: 0.75rem;
    background: rgb(25 24 22 / 24%);
}

.uoph-auth__customer-zone.is-authenticated.uoph-auth__customer-zone--with-partners {
    flex: 0 0 100%;
    grid-template-columns: auto auto;
    inline-size: 100%;
    justify-items: center;
    justify-content: center;
}

.uoph-auth__customer-zone.is-authenticated.uoph-auth__customer-zone--with-partners [data-uoph-checkout-start-payment] {
    grid-column: auto;
}

html body .uoph-collections__partner:not(.uoph-pill-action) {
    display: flex;
    align-items: center;
    justify-content: center;
    min-block-size: clamp(5rem, 12vw, 6.5rem);
    padding: 0.75rem clamp(1rem, 3vw, 1.5rem);
    border: 1px solid rgb(25 24 22 / 24%);
    border-radius: 999px;
    color: var(--uoph-collections-overlay-ink) !important;
    background: transparent !important;
    background-color: #fff !important;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
    transition:
        opacity 180ms ease,
        transform 180ms cubic-bezier(0.2, 0, 0, 1);
    -webkit-tap-highlight-color: transparent;
}

html body .uoph-collections__partner:not(.uoph-pill-action):link,
html body .uoph-collections__partner:not(.uoph-pill-action):visited,
html body .uoph-collections__partner:not(.uoph-pill-action):hover,
html body .uoph-collections__partner:not(.uoph-pill-action):focus,
html body .uoph-collections__partner:not(.uoph-pill-action):focus-visible,
html body .uoph-collections__partner:not(.uoph-pill-action):active {
    border: 1px solid rgb(25 24 22 / 24%) !important;
    border-color: rgb(25 24 22 / 24%) !important;
    color: #191816 !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.uoph-collections__partner:not(.uoph-pill-action) .uoph-collections__partner-name {
    min-inline-size: 0;
    font-size: clamp(1rem, 2.5vw, 1.25rem);
    font-weight: 400;
    letter-spacing: 0.08em;
    text-align: center;
    text-transform: uppercase;
}

.uoph-collections__partner:not(.uoph-pill-action):focus-visible {
    opacity: 0.82;
}

@media (hover: hover) and (pointer: fine) {
    html body .uoph-collections__partner:not(.uoph-pill-action):hover {
        color: var(--uoph-collections-overlay-ink) !important;
        background: #f3f0e9 !important;
        background-color: #f3f0e9 !important;
        transform: translateY(-2px);
    }
}

html body .uoph-collections__partner:not(.uoph-pill-action):active,
html body .uoph-collections__partner:not(.uoph-pill-action).is-pressed {
    color: #191816 !important;
    background: #f3f0e9 !important;
    background-color: #f3f0e9 !important;
    transform: scale(0.985);
}

html body .uoph-collections__partner.uoph-pill-action {
    border-width: 2px !important;
    text-transform: uppercase;
}

.uoph-collections__availability-toast {
    position: fixed;
    z-index: 100300;
    inset-block-end: clamp(1rem, 3vw, 2rem);
    inset-inline-start: 50%;
    max-inline-size: min(36rem, calc(100vw - 2rem));
    padding: 0.9rem 1.4rem;
    border: 1px solid #191816;
    border-radius: 999px;
    background: #fff;
    color: #191816;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
    opacity: 0;
    transform: translate(-50%, 0.75rem);
    transition: opacity 180ms ease, transform 180ms ease;
    pointer-events: none;
}

.uoph-collections__availability-toast.is-visible {
    opacity: 1;
    transform: translate(-50%, 0);
}

.uoph-collections__card.is-sold {
    opacity: 0.68;
}

.uoph-collections__checkout-overlay {
    position: fixed;
    z-index: 100250;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    overflow-y: auto;
    background: rgb(0 0 0 / 58%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 220ms ease, visibility 0s linear 220ms;
}

.uoph-collections__checkout-overlay.is-open {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.uoph-collections__checkout-dialog {
    position: relative;
    inline-size: min(72rem, 100%);
    max-block-size: calc(100dvh - 2rem);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    overflow-y: auto;
    border-radius: clamp(1.5rem, 3vw, 3rem);
    background: #fff;
    color: #191816;
}

.uoph-collections__checkout-review {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.9fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: start;
    transform: translateX(-20px);
}

.uoph-collections__checkout-review-product,
.uoph-collections__checkout-review-shipping {
    min-inline-size: 0;
}

.uoph-collections__checkout-product {
    display: grid;
    gap: 1rem;
}

.uoph-collections__checkout-brand {
    display: grid;
    place-items: center;
    min-block-size: 2rem;
    padding-block-end: 0.75rem;
}

.uoph-collections__checkout-brand img {
    display: block;
    inline-size: var(--uoph-brand-logo-inline-size);
    max-inline-size: none;
    block-size: auto;
    max-block-size: none;
    object-fit: contain;
}

.uoph-collections__checkout-gallery {
    min-inline-size: 0;
    inline-size: min(100%, 31.2rem);
    margin-inline: auto;
}

.uoph-collections__checkout-gallery-track {
    display: flex;
    inline-size: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    touch-action: pan-x pan-y pinch-zoom;
}

.uoph-collections__checkout-gallery-track::-webkit-scrollbar {
    display: none;
}

.uoph-collections__checkout-gallery-slide {
    flex: 0 0 100%;
    display: grid;
    place-items: center;
    aspect-ratio: 1 / 1;
    scroll-snap-align: center;
}

.uoph-collections__checkout-gallery-slide img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
}

.uoph-collections__checkout-gallery-dots {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-block-start: 0.25rem;
}

.uoph-collections__checkout-gallery-dots button.uoph-gallery-dot::before {
    border-color: #191816;
    background: #191816;
}

.uoph-collections__checkout-piece-heading {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: clamp(0.625rem, 1.5vw, 1rem);
    min-inline-size: 0;
}

.uoph-collections__checkout-piece-heading .uoph-collections__collection-logo {
    flex: 0 0 auto;
    inline-size: auto;
    margin: 0;
}

.uoph-collections__checkout-piece-heading .uoph-collections__collection-logo-image {
    inline-size: auto !important;
    max-inline-size: 6.75rem !important;
    block-size: auto !important;
    max-block-size: 2.25rem !important;
}

.uoph-collections__checkout-piece-heading .uoph-collections__product-title {
    min-inline-size: 0;
    margin: 0;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.uoph-collections__checkout-product .uoph-collections__details-panels {
    display: grid;
}

.uoph-collections__checkout-product .uoph-collections__tabpanel {
    grid-area: 1 / 1;
    display: block !important;
    visibility: hidden;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-weight: 400;
    animation: none;
}

.uoph-collections__checkout-product .uoph-collections__tabpanel[aria-hidden="false"],
.uoph-collections__checkout-product .uoph-collections__tabpanel:not([hidden]) {
    visibility: visible;
}

.uoph-collections__checkout-review-shipping address {
    display: grid;
    gap: 0.4rem;
    margin-block-end: 1.5rem;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
}

.uoph-collections__checkout-back {
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-start: 1rem;
    width: 42.3px !important;
    inline-size: 42.3px !important;
    min-width: 42.3px !important;
    min-inline-size: 42.3px !important;
    max-width: 42.3px !important;
    max-inline-size: 42.3px !important;
    height: 42.3px !important;
    block-size: 42.3px !important;
    min-height: 42.3px !important;
    min-block-size: 42.3px !important;
    max-height: 42.3px !important;
    max-block-size: 42.3px !important;
    border-width: 1.5px !important;
    color: #191816 !important;
}

.uoph-collections__checkout-back::before {
    width: 17.4px !important;
    height: 1.5px !important;
    transform: translate(-42%, -50%) !important;
}

.uoph-collections__checkout-back::after {
    width: 7.83px !important;
    height: 7.83px !important;
    border-block-end: 1.5px solid currentColor !important;
    border-inline-start: 1.5px solid currentColor !important;
    background: transparent !important;
    transform: translate(-82%, -50%) rotate(45deg) !important;
}

html body .uoph-collections__checkout-overlay button.uoph-collections__checkout-close {
    position: absolute !important;
    z-index: 3;
    inset-block-start: 1rem;
    inset-inline-end: 1rem;
    color: #191816 !important;
}

.uoph-collections__checkout-dialog h2 {
    margin: 0 3rem clamp(1.5rem, 4vw, 2.5rem) 0;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    font-weight: 500;
}

.uoph-collections__checkout-dialog form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.uoph-collections__checkout-field {
    display: grid;
    gap: 0.4rem;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
}

html body .uoph-collections__checkout-field input,
html body .uoph-collections__checkout-field select,
html body .uoph-collections__checkout-field textarea {
    inline-size: 100%;
    min-block-size: 3.25rem;
    padding-inline: 1.25rem;
    border: 1px solid rgb(25 24 22 / 32%);
    border-radius: 999px;
    background: #fff;
    color: #191816;
    font: inherit;
}

.uoph-collections__checkout-field--comments,
.uoph-collections__checkout-field--address,
.uoph-collections__checkout-section,
.uoph-collections__checkout-save-default,
.uoph-collections__checkout-dialog form > [data-uoph-checkout-form-error],
.uoph-collections__checkout-dialog form > .uoph-collections__checkout-continue {
    grid-column: 1 / -1;
}

.uoph-collections__checkout-section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.uoph-collections__checkout-section legend {
    inline-size: 100%;
    margin-block-end: 0.75rem;
    padding: 0;
    color: #191816;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 500;
}

.uoph-collections__checkout-section > .uoph-collections__checkout-save-default,
.uoph-collections__checkout-billing-fields {
    grid-column: 1 / -1;
}

.uoph-collections__checkout-billing-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.uoph-collections__checkout-billing-fields[hidden] {
    display: none !important;
}

.uoph-collections__checkout-save-default {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: #191816;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3;
}

html body .uoph-collections__checkout-save-default input {
    flex: 0 0 auto;
    inline-size: 1.125rem;
    block-size: 1.125rem;
    margin: 0;
    border: 1px solid #191816;
    border-radius: 50%;
    appearance: none;
    background: #fff;
}

html body .uoph-collections__checkout-save-default input:checked {
    background: radial-gradient(circle, #191816 0 42%, transparent 46%);
}

html body .uoph-collections__checkout-save-default input:focus-visible {
    outline: 2px solid #191816;
    outline-offset: 2px;
}

html body .uoph-collections__checkout-field textarea {
    min-block-size: 5rem;
    padding-block: 0.9rem;
    border-radius: 1.5rem;
    resize: vertical;
}

.uoph-collections__checkout-field [aria-invalid="true"] {
    border-color: #191816;
}

.uoph-collections__checkout-error {
    min-block-size: 1em;
    color: #7b2828;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
}

.uoph-collections__checkout-field .uoph-collections__checkout-error {
    font-weight: 500;
}

html body .uoph-collections__checkout-continue {
    min-block-size: 3.25rem;
    padding: 0.75rem 1.5rem;
    border: 1px solid #191816 !important;
    border-radius: 999px;
    background: transparent !important;
    color: #191816 !important;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.112em;
    text-transform: uppercase;
}

html body .uoph-collections__checkout-continue[hidden] {
    display: none !important;
}

@media (max-width: 47.99rem) {
    .uoph-collections__checkout-review {
        grid-template-columns: 1fr;
    }

    .uoph-collections__checkout-review-product {
        max-inline-size: 34rem;
        margin-inline: auto;
    }

    .uoph-collections__checkout-dialog form {
        grid-template-columns: 1fr;
    }

    .uoph-collections__checkout-section,
    .uoph-collections__checkout-billing-fields {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 48rem) {
    .uoph-collections__checkout-overlay {
        overflow: hidden;
    }

    .uoph-collections__checkout-dialog {
        block-size: calc(100dvh - 2rem);
        overflow: hidden;
    }

    .uoph-collections__checkout-review {
        grid-template-columns: minmax(0, 1.25fr) minmax(17rem, 0.75fr);
        gap: clamp(1rem, 3vw, 2rem);
        block-size: 100%;
        align-items: center;
    }

    .uoph-collections__checkout-review-shipping {
        max-block-size: 100%;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
    }

    .uoph-collections__checkout-product {
        gap: clamp(0.25rem, 0.7dvh, 0.5rem);
    }

    .uoph-collections__checkout-gallery {
        max-inline-size: min(31.2rem, 40.3dvh);
    }

    .uoph-collections__checkout-product > .uoph-collections__price {
        margin-block-start: 0;
    }
}

.uoph-collections__checkout-dialog.is-paypal-card-expanded {
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
}

.uoph-collections__checkout-dialog.is-paypal-card-expanded .uoph-collections__checkout-complete {
    padding-block-start: 40px;
}

@media (min-width: 48rem) {
    .uoph-collections__checkout-dialog.is-paypal-card-expanded {
        overflow: hidden;
    }

    .uoph-collections__checkout-dialog.is-paypal-card-expanded .uoph-collections__checkout-review {
        min-block-size: 100%;
        block-size: 100%;
        align-items: stretch;
    }

    .uoph-collections__checkout-dialog.is-paypal-card-expanded .uoph-collections__checkout-review-shipping {
        min-block-size: 0;
        max-block-size: 100%;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
    }
}

@media (min-width: 48rem) and (max-width: 87.49rem) {
    .uoph-collections__checkout-gallery {
        transform: translateY(-12.2px);
    }
}

.uoph-collections__checkout-total-amount,
.uoph-collections__checkout-total-details {
    display: block;
    text-align: center;
}

.uoph-collections__checkout-total-details {
    margin-block-start: 0.25rem;
    font-size: 0.75rem;
    line-height: 1.35;
}

.uoph-collections__checkout-complete {
    padding-block: clamp(3rem, 8vw, 6rem);
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: clamp(1.25rem, 3vw, 2rem);
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
}

.uoph-collections__checkout-review[hidden],
.uoph-collections__checkout-success[hidden],
.uoph-collections__checkout-back[hidden] {
    display: none !important;
}

.uoph-collections__checkout-success {
    display: grid;
    place-content: center;
    justify-items: center;
    min-block-size: calc(100dvh - 7rem);
    max-inline-size: 48rem;
    margin-inline: auto;
    padding: clamp(3rem, 8vw, 7rem) clamp(1rem, 5vw, 4rem);
    color: #191816;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-align: center;
}

.uoph-collections__checkout-success h2 {
    margin: 0;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 500;
    line-height: 1.15;
}

.uoph-collections__checkout-success-lead {
    max-inline-size: 42rem;
    margin: clamp(1.5rem, 3vw, 2.5rem) 0 0;
    font-size: clamp(1.125rem, 2vw, 1.5rem);
    line-height: 1.5;
}

.uoph-collections__checkout-success-secondary {
    display: grid;
    gap: 0.5rem;
    margin-block-start: clamp(1.5rem, 3vw, 2.5rem);
    color: #5e5b55;
    font-size: clamp(0.875rem, 1.4vw, 1rem);
    line-height: 1.5;
}

.uoph-collections__checkout-success-secondary p {
    margin: 0;
}

.uoph-collections__checkout-success .uoph-collections__checkout-continue {
    min-inline-size: min(18rem, 100%);
    margin-block-start: clamp(2rem, 4vw, 3rem);
}

.uoph-collections__share-overlay {
    --uoph-collections-ink: #191816;
    --uoph-collections-bg: #fff;

    position: fixed;
    z-index: 100000;
    inset: 0;
    display: grid;
    place-items: center;
    inline-size: 100vw;
    block-size: 100dvh;
    padding-block: clamp(1rem, 4vw, 4rem);
    padding-inline: clamp(0.75rem, 3vw, 3rem);
    overflow: auto;
    color: var(--uoph-collections-ink);
    background: rgb(25 24 22 / 72%);
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 240ms cubic-bezier(0.2, 0, 0, 1),
        visibility 0s linear 240ms;
    box-sizing: border-box;
}

.uoph-collections__share-overlay[hidden] {
    display: none;
}

.uoph-collections__share-overlay.is-open {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.uoph-collections__share-overlay *,
.uoph-collections__share-overlay *::before,
.uoph-collections__share-overlay *::after {
    box-sizing: border-box;
}

.uoph-collections__share-dialog {
    position: relative;
    inline-size: min(33.15rem, 100%);
    max-block-size: calc(100dvh - 2rem);
    margin-block: auto;
    padding: clamp(4.25rem, 8vw, 5rem) clamp(0.75rem, 3vw, 1.6875rem) clamp(1.5rem, 4vw, 2.5rem);
    overflow: auto;
    border-radius: clamp(1.5rem, 3vw, 3rem);
    background: #fff;
    opacity: 0;
    transform: scale(0.96) translateY(0.75rem);
    transition:
        opacity 240ms cubic-bezier(0.2, 0, 0, 1),
        transform 240ms cubic-bezier(0.2, 0, 0, 1);
}

.uoph-collections__share-overlay.is-open .uoph-collections__share-dialog {
    opacity: 1;
    transform: scale(1) translateY(0);
}

.uoph-collections__share-overlay .uoph-collections__share-close {
    position: absolute;
    inset-block-start: max(1rem, env(safe-area-inset-top));
    inset-inline-end: max(1rem, env(safe-area-inset-right));
    color: var(--uoph-collections-ink) !important;
}

.uoph-collections__share-preview {
    display: grid;
    justify-items: center;
    color: var(--uoph-collections-ink);
    text-align: center;
}

.uoph-collections__share-preview-brand {
    inline-size: var(--uoph-brand-logo-inline-size);
    block-size: auto;
    margin-block-end: 1rem;
}

.uoph-collections__share-preview-collection {
    inline-size: min(10rem, 42%);
    block-size: 3.25rem;
    margin-block-end: 0.75rem;
}

.uoph-collections__share-preview-collection[hidden] {
    display: none;
}

.uoph-collections__share-preview-brand img,
.uoph-collections__share-preview-collection img,
.uoph-collections__share-preview-media img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
    object-position: center;
}

.uoph-collections__share-preview-brand img {
    block-size: auto;
    aspect-ratio: 717 / 502;
}

.uoph-collections__share-preview-media {
    inline-size: min(100%, 33.8rem);
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: clamp(1.25rem, 3vw, 2.5rem);
    background: #fff;
}

.uoph-collections__share-preview h2 {
    margin: 1.25rem 0 0;
    color: var(--uoph-collections-ink);
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    outline: none;
}

.uoph-collections__share-preview-subtitle,
.uoph-collections__share-preview-price,
.uoph-collections__share-help,
.uoph-collections__share-feedback {
    color: var(--uoph-collections-ink);
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.uoph-collections__share-preview-subtitle {
    margin: 0.4rem 0 0;
    font-size: 1rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.uoph-collections__share-preview-price {
    margin: 0.6rem 0 0;
    font-size: 1.125rem;
    letter-spacing: 0.08em;
}

.uoph-collections__share-help {
    max-inline-size: 32rem;
    margin: 1.2rem 0 0;
    font-size: 0.875rem;
    line-height: 1.45;
}

html body .uoph-collections__share-overlay button.uoph-collections__share-submit {
    all: unset;
    position: sticky !important;
    z-index: 2 !important;
    inset-block-end: 0 !important;
    display: grid !important;
    place-items: center;
    inline-size: fit-content !important;
    min-block-size: 2.75rem !important;
    min-inline-size: 8rem;
    margin-block-start: 1.2rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid #191816 !important;
    border-radius: 999px;
    color: #fff !important;
    background: #191816 !important;
    background-color: #191816 !important;
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-indent: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: 0 0 0 0.75rem #fff !important;
    outline: none !important;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 180ms cubic-bezier(0.2, 0, 0, 1);
}

@media (min-width: 64rem) and (min-height: 42rem) {
    .uoph-collections__share-dialog {
        max-block-size: none;
        padding: 4.25rem 1.3125rem 1.5rem;
        overflow: visible;
    }

    .uoph-collections__share-preview-brand {
        inline-size: var(--uoph-brand-logo-inline-size);
        block-size: auto;
        margin-block-end: 0.625rem;
    }

    .uoph-collections__share-preview-collection {
        inline-size: 8rem;
        block-size: 2.5rem;
        margin-block-end: 0.625rem;
    }

    .uoph-collections__share-preview-media {
        inline-size: min(22.1rem, 44.2dvh);
    }

    .uoph-collections__share-preview h2 {
        margin-block-start: 0.75rem;
        font-size: clamp(1.25rem, 2vw, 1.75rem);
    }

    .uoph-collections__share-preview-subtitle {
        margin-block-start: 0.25rem;
    }

    .uoph-collections__share-preview-price {
        margin-block-start: 0.35rem;
    }

    .uoph-collections__share-help {
        margin-block-start: 0.625rem;
    }

}

html body .uoph-collections__share-overlay button.uoph-collections__share-submit:hover,
html body .uoph-collections__share-overlay button.uoph-collections__share-submit:focus,
html body .uoph-collections__share-overlay button.uoph-collections__share-submit:focus-visible,
html body .uoph-collections__share-overlay button.uoph-collections__share-submit:active {
    border-color: #191816 !important;
    color: #fff !important;
    background: #191816 !important;
    background-color: #191816 !important;
    box-shadow: 0 0 0 0.75rem #fff !important;
    outline: none !important;
}

html body .uoph-collections__share-overlay button.uoph-collections__share-submit:focus-visible,
html body .uoph-collections__share-overlay button.uoph-collections__share-submit:active {
    opacity: 0.82;
}

html body .uoph-collections__share-overlay button.uoph-collections__share-submit[aria-busy="true"] {
    opacity: 0.55;
    cursor: wait;
}

@media (max-width: 63.999rem) {
    html body .uoph-collections__share-overlay button.uoph-collections__share-submit,
    html body .uoph-collections__share-overlay button.uoph-collections__share-submit:hover,
    html body .uoph-collections__share-overlay button.uoph-collections__share-submit:focus,
    html body .uoph-collections__share-overlay button.uoph-collections__share-submit:focus-visible,
    html body .uoph-collections__share-overlay button.uoph-collections__share-submit:active {
        position: relative !important;
        inset: auto !important;
        margin-block-start: 1rem;
        box-shadow: none !important;
    }
}

.uoph-collections__share-feedback {
    margin: 0.75rem 0 0;
    font-size: 0.75rem;
    line-height: 1.35;
}

.uoph-collections__share-feedback:empty {
    display: none;
}

.uoph-collections__share-feedback.is-error {
    font-family: "UOPH Gilroy", "UOPH Gilroy Fallback", Arial, Helvetica, sans-serif;
    font-weight: 800;
}

.uoph-collections__partner--disabled {
    opacity: 0.55;
    cursor: default;
    user-select: none;
}

@media (max-width: 47.99rem) {
    .uoph-collections__header h2 {
        font-size: clamp(3.1875rem, 15.9375vw, 5.3125rem);
    }

    .uoph-collections__header p {
        font-size: clamp(1.25rem, 5.7vw, 1.625rem);
    }

    .uoph-collections__track {
        padding-inline: 0;
        scroll-padding-inline: 0;
    }

    .uoph-collections .uoph-collections__card {
        flex-basis: 100vw;
    }

    .uoph-collections__product-panel {
        inline-size: 100%;
        padding: 4.25rem 1.25rem 1.25rem 38%;
        background: radial-gradient(
            ellipse 80% 46% at 78% 55%,
            rgb(255 255 255 / 94%) 0%,
            rgb(255 255 255 / 82%) 58%,
            rgb(255 255 255 / 0%) 100%
        );
    }

    html body .uoph-collections button.uoph-collections__panel-toggle {
        inset-inline-end: 0.75rem;
    }

    html body .uoph-collections .uoph-collections__card.is-product-panel-open button.uoph-collections__panel-toggle {
        inset-inline-end: calc(100% - 46px - 1rem);
    }

    .uoph-collections .uoph-collections__product-panel .uoph-collections__tab {
        font-size: 0.75rem;
        letter-spacing: 0.08em;
    }

    .uoph-collections__product-panel .uoph-collections__tabpanel p,
    .uoph-collections__product-panel .uoph-collections__price {
        font-size: 0.75rem;
    }

    .uoph-collections__overlay {
        align-items: end;
        padding: 1rem;
    }

    .uoph-collections__overlay-dialog {
        max-block-size: calc(100dvh - 2rem);
        border-radius: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .uoph-collections__tabpanel {
        animation: none !important;
    }

    .uoph-collections.is-collection-revealed .uoph-collections__track::before,
    .uoph-collections.is-collection-revealed .uoph-collections__track::after {
        display: none !important;
        animation: none !important;
    }

    .uoph-collections .uoph-collections__tab::after {
        transition: none !important;
    }

    .uoph-collections__overlay,
    .uoph-collections__overlay-dialog,
    .uoph-collections__partner,
    .uoph-collections__share-overlay,
    .uoph-collections__share-dialog,
    .uoph-collections__share-submit {
        transition: none !important;
    }

    .uoph-collections__gallery-hint {
        transition: none !important;
    }

    .uoph-collections__share-button {
        transition: none !important;
    }

    html body .uoph-collections button.uoph-collections__panel-toggle,
    html body .uoph-collections button.uoph-collections__panel-toggle::before,
    .uoph-collections__product-panel {
        transition: none !important;
        animation: none !important;
    }
}