/* ----- theme-advice-showcase-slider ----- */
theme-advice-showcase-slider {
    --acs-radius: 24px;
    --acs-arrow-size: 50px;
    --acs-max: 1400px;
    /* Matches .acs__shell horizontal padding (narrow breakpoints) */
    --acs-shell-inline: 10px;
    /*
       * Distance from viewport left edge to shell *content* (same as .acs__title).
       * Wide: center the 1400 column. Narrow: max(shell padding, 0) when (100vw - 1400)/2 would be negative.
       */
    --acs-gutter: max(var(--acs-shell-inline), calc((100vw - var(--acs-max)) / 2));
    --acs-font: var(--font-body-family, system-ui, -apple-system, 'Segoe UI', sans-serif);
    display: block;
    width: 100%;
    /* .acs__slider-bleed uses 100vw; vw ignores classic scrollbar gutter, so it can exceed 100% and widen the page. */
    overflow-x: hidden;
    overflow-x: clip;
    font-family: var(--acs-font);
    color: #353535;
}

@media screen and (max-width: 767.98px) {
    theme-advice-showcase-slider {
        --acs-radius: 12px;
    }
}

.advice-showcase-slider .acs__viewport {
    width: 100%;
}

.advice-showcase-slider .acs__shell {
    box-sizing: border-box;
    width: 100%;
    max-width: 1400px;
    margin-inline: auto;
}

@media screen and (min-width: 768px) and (max-width: 1439.98px) {
    .advice-showcase-slider .acs__shell {
        padding-inline: 20px;
    }

    theme-advice-showcase-slider {
        --acs-shell-inline: 10px;
    }
}

@media screen and (max-width: 767.98px) {
    .advice-showcase-slider .acs__shell {
        width: calc(100% - 20px);
    }
}

/*
     * Full-bleed inside .acs__shell: use margin calc(50% - 50vw) so the row lines up with the viewport
     * (left: 50%; margin-left: -50vw breaks when the parent is not full width).
     */
.advice-showcase-slider .acs__slider-bleed {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: auto;
    right: auto;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.advice-showcase-slider .acs__slider-bleed .acs__carousel-inner {
    width: 100%;
}

/* Gutters: use slide padding so theme-carousel goTo() offsetLeft matches scroll position (padding on track can desync JS). */
.advice-showcase-slider .acs__track.carousel__track>.acs__slide:first-child {
    padding-inline-start: var(--acs-gutter);
}

.advice-showcase-slider .acs__track.carousel__track>.acs__slide:last-child {
    padding-inline-end: var(--acs-gutter);
}

@media screen and (max-width: 767.98px) {

    /* Every slide needs a leading gutter so cards stay inset after arrow/swipe navigation, not only the first. */
    .advice-showcase-slider .acs__track.carousel__track>.acs__slide {
        padding-inline-start: var(--acs-gutter);
        box-sizing: border-box;
    }

    .advice-showcase-slider theme-carousel.acs__carousel .carousel__track.acs__track {
        scroll-padding-inline: var(--acs-gutter);
    }
}

.advice-showcase-slider[data-title-align='center'] .acs__title {
    text-align: center;
}

.advice-showcase-slider .acs__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-top: 0;
}

@media screen and (max-width: 767.98px) {
    .advice-showcase-slider .acs__title {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .advice-showcase-slider[data-display-mode='mode3'] .acs__title {
        font-size: 24px;
    }
}

/* —— Mode 3: tab row (item labels) —— */
.advice-showcase-slider .acs__pills-wrap {
    margin-bottom: 24px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.advice-showcase-slider .acs__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

@media screen and (max-width: 767.98px) {
    .advice-showcase-slider .acs__pills {
        gap: 10px;
    }
}

.advice-showcase-slider .acs__pill {
    padding: 8px 16px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 50px;
    border: 1px solid #000;
    cursor: pointer;
    background: transparent;
}

@media screen and (min-width: 768px) and (max-width: 1439.98px) {
    .advice-showcase-slider .acs__pill {
        font-size: 12px;
    }
}

@media screen and (max-width: 767.98px) {
    .advice-showcase-slider .acs__pill {
        font-size: 12px;
        padding: 6px 16px;
        white-space: nowrap;
    }
}

.advice-showcase-slider .acs__pill.is-active {
    border-color: var(--acs-accent, #1455ff);
    background: #1455ff;
    color: #fff !important;
}

/* Hide carousel track when a visible panel has no slides */
.advice-showcase-slider .acs__panel-root:not([hidden]) .acs__carousel-stage:not(:has(.acs__slide)) {
    display: none;
}

/* —— Carousel frame —— */
.advice-showcase-slider .acs__carousel-stage {
    position: relative;
    width: 100%;
}

.advice-showcase-slider .acs__carousel {
    display: block;
    width: 100%;
}

.advice-showcase-slider .acs__carousel-inner {
    position: relative;
    width: 100%;
}

.advice-showcase-slider .acs__track {
    display: flex;
    gap: 20px;
    align-items: stretch;
    padding: 6px 0;
}

@media screen and (max-width: 767.98px) {
    .advice-showcase-slider .acs__track {
        gap: 0;
    }
}

.advice-showcase-slider .acs__track>.acs__slide {
    min-width: 0;
}

/* Free scroll in half-slide steps; theme-carousel defaults to scroll-snap mandatory. */
.advice-showcase-slider theme-carousel.acs__carousel .carousel__track.acs__track {
    scroll-snap-type: none;
}

.advice-showcase-slider theme-carousel.acs__carousel .carousel__track.acs__track>* {
    scroll-snap-align: none;
}

/* —— Nav arrows (visual aligned with reference carousel) —— */
.advice-showcase-slider .acs__arrow {
    position: absolute;
    z-index: 6;
    top: calc(50% - var(--acs-arrow-size) / 2);
    width: var(--acs-arrow-size);
    height: var(--acs-arrow-size);
    padding: 10px;
    margin: 0;
    cursor: pointer;
    border: none;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50px;
    box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, .3);
}

.advice-showcase-slider .acs__arrow:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
}

.advice-showcase-slider .acs__arrow svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
}

.advice-showcase-slider .acs__arrow:disabled {
    display: none;
}

.advice-showcase-slider .acs__arrow--prev {
    left: 4px;
    right: auto;
    transform: scaleX(-1);
}

.advice-showcase-slider .acs__arrow--next {
    right: 4px;
    left: auto;
}

@media screen and (max-width: 767.98px) {
    .advice-showcase-slider .acs__arrow {
        width: 40px;
        height: 40px;
        padding: 8px;
    }
}

/* Arrows sit over the inner edge of the first/last *fully* visible card (reference layout), not the screen rim */
.advice-showcase-slider .acs__slider-bleed .acs__carousel-inner .acs__arrow--prev {
    left: calc(var(--acs-gutter) + 12px);
}

.advice-showcase-slider .acs__slider-bleed .acs__carousel-inner .acs__arrow--next {
    right: calc(var(--acs-gutter) + 12px);
}

theme-advice-showcase-slider .acs__carousel[data-single-slide='true'] .acs__arrow[data-role='acs-arrow'] {
    display: none !important;
}

@media screen and (max-width: 959.98px) {
    .advice-showcase-slider {
        --acs-arrow-size: 36px;
    }
}

/* —— Card shells —— */
.advice-showcase-slider .acs__slide {
    height: auto;
}

.advice-showcase-slider .acs-card {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    color: inherit;
    background: transparent;
    cursor: pointer;
    border-radius: var(--acs-radius);
    overflow: hidden;
}

.advice-showcase-slider a.acs-card:hover {
    text-decoration: none;
}

.advice-showcase-slider .acs-card:focus-visible {
    outline: 2px solid #000;
    outline-offset: 3px;
}

.advice-showcase-slider .acs-card__media {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}

.advice-showcase-slider .acs-card__media-inner,
.advice-showcase-slider .acs-card__media-inner :is(picture, .image, img) {
    display: block;
    width: 100%;
    height: 100%;
}

.advice-showcase-slider .acs-card__media-inner :is(img) {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Mode 1 & 3 full-bleed frame */
.advice-showcase-slider .acs-card--overlay-full,
.advice-showcase-slider .acs-card--bottom-overlay {
    position: relative;
    display: block;
    width: 360px;
    height: 100%;
    aspect-ratio: 30 / 43;
    cursor: default;
    border-radius: var(--acs-radius);
}

.advice-showcase-slider .acs-card--overlay-full {
    aspect-ratio: 360 / 457;
    cursor: pointer;
}

@media screen and (min-width: 768px) and (max-width: 1439px) {
    .advice-showcase-slider .acs-card--bottom-overlay {
        width: 300px;
    }
}

@media screen and (max-width: 767.98px) {
    .advice-showcase-slider .acs-card--bottom-overlay {
        width: calc((100vw - 40px) * 0.88);
        border-radius: var(--acs-radius);
    }

    .advice-showcase-slider .acs-card--overlay-full {
        width: 260px;
        border-radius: var(--acs-radius);
        aspect-ratio: 26 / 33;
    }
}

.advice-showcase-slider .acs-card--overlay-full .acs-card__media-inner {
    transform: scale(1.001);
}

/* Mode 1 top overlay */
.advice-showcase-slider .acs-card__scrim--full {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 0.72) 0%,
            rgba(255, 255, 255, 0.32) 38%,
            rgba(0, 0, 0, 0.12) 100%);
    pointer-events: none;
}

.advice-showcase-slider .acs-card__overlay-top {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 20px 20px 0;
    max-width: 100%;
}

.advice-showcase-slider .acs-card__title-row {
    display: inline-flex;
    align-items: flex-end;
    gap: 6px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    background-image: -webkit-linear-gradient(top, #1f7fff, #2683ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.advice-showcase-slider .acs-card__title-row:hover {
    text-decoration: none !important;
}

.advice-showcase-slider .acs-card__ext {
    font-size: 60%;
    padding-bottom: 4px;
}

.advice-showcase-slider .acs-card__desc-overlay {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
}

@media screen and (max-width: 767.98px) {
    .advice-showcase-slider .acs-card__title-row {
        font-size: 20px;
    }
}

/* Mode 1 — centered title & description (honor.com style) */
.advice-showcase-slider[data-mode1-centered-text='true'] .acs-card__overlay-centered {
    position: absolute;
    z-index: 2;
    width: 80%;
    left: 50%;
    top: 7%;
    transform: translateX(-50%);
    text-align: center;
}

.advice-showcase-slider[data-mode1-centered-text='true'] .acs-card__overlay-centered h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    color: #333333;
}

.advice-showcase-slider[data-mode1-centered-text='true'] .acs-card__overlay-centered h3+p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 5px;
    color: #333333;
}

/* Mode 3 bottom stack + zoom */
.advice-showcase-slider .acs-card__scrim--bottom {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.2) 46%, rgba(0, 0, 0, 0) 72%);
    pointer-events: none;
}

.advice-showcase-slider .acs-card__bottom-stack {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 20px 20px;
    pointer-events: none;
}

/* Bottom stack uses none so carousel drag isn’t blocked; re-enable clicks on the link/button. */
.advice-showcase-slider .acs-card__bottom-stack .acs-card__bottom-action {
    pointer-events: auto;
    cursor: pointer;
}

.advice-showcase-slider .acs-card--bottom-overlay .acs-card__heading-lg {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--acs-mode3-card-title-color, #fff);
    margin: 0;
}

@media screen and (min-width: 768px) and (max-width: 1439px) {
    .advice-showcase-slider .acs-card--bottom-overlay .acs-card__heading-lg {
        font-size: 14px;
    }
}

.advice-showcase-slider .acs-card--bottom-overlay .acs-card__sub-bottom {
    font-size: 0.88rem;
    line-height: 1.4;
    color: var(--acs-mode3-card-description-color, rgba(255, 255, 255, .85));
    max-width: 36ch;
}

.advice-showcase-slider .acs-card--bottom-overlay .acs-card__inline-link.acs-card__bottom-action {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    position: relative;
    display: inline-block;
    margin-top: 20px;
    color: var(--acs-mode3-card-link-color, #fff);
}

.advice-showcase-slider .acs-card--bottom-overlay .acs-card__inline-link.acs-card__bottom-action .acs-card__inline-link-icon {
    color: inherit;
}

@media screen and (max-width: 767.98px) {
    .advice-showcase-slider .acs-card--bottom-overlay .acs-card__inline-link.acs-card__bottom-action {
        margin-top: 10px;
    }
}

.advice-showcase-slider .acs-card__bottom-action:focus-visible {
    outline: 2px solid var(--acs-accent, #1a5aff);
    outline-offset: 2px;
    border-radius: 4px;
}

.advice-showcase-slider a.acs-card__bottom-action:hover {
    text-decoration: none !important;
}

.advice-showcase-slider .acs-card__media--zoomable .acs-card__media-inner {
    display: block;
    width: 100%;
    height: 100%;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

@media (hover: hover) and (pointer: fine) {

    .advice-showcase-slider .acs-card--bottom-overlay:hover .acs-card__media--zoomable .acs-card__media-inner,
    .advice-showcase-slider .acs-card--bottom-overlay:focus-visible .acs-card__media--zoomable .acs-card__media-inner {
        transform: scale(1.08);
    }
}

/* Mode 2 split */
.advice-showcase-slider .acs-card--split {
    display: flex !important;
    flex-direction: column;
    width: 360px;
    height: 457px;
    background: #f9f9f9;
    border-radius: var(--acs-radius);
    overflow: hidden;
    cursor: default;
}

@media screen and (max-width: 767.98px) {
    .advice-showcase-slider .acs-card--split {
        width: calc(100vw - 40px);
        height: 425px;
    }
}

.advice-showcase-slider .acs-card--split .acs-card__figure {
    position: relative;
    min-height: 200px;
}

.advice-showcase-slider .acs-card--split .acs-card__figure-inner {
    position: absolute;
    inset: 0;
}

.advice-showcase-slider .acs-card--split .acs-card__figure-inner :is(picture, img, .image) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.advice-showcase-slider .acs-card--split .acs-card__body {
    padding: 30px;
    background-color: #f9f9f9;
    flex: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.advice-showcase-slider .acs-card--split .acs-card__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
}

.advice-showcase-slider .acs-card--split .acs-card__desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    opacity: 0.6;
    margin-top: 10px;
    overflow: hidden;
    margin-bottom: 0;
}

.advice-showcase-slider .acs-card__cta {
    position: relative;
    align-self: flex-start;
    padding: 0;
    border: 0;
    background: none;
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 20px;
}

.advice-showcase-slider .acs-card__cta svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    color: var(--acs-accent, #256fff);
}

@media screen and (max-width: 767.98px) {
    .advice-showcase-slider .acs-card--split .acs-card__figure {
        min-height: 195px;
    }

    .advice-showcase-slider .acs-card--split .acs-card__body {
        padding: 20px 30px;
    }

    .advice-showcase-slider .acs-card--split .acs-card__title {
        font-size: 14px;
    }

    .advice-showcase-slider .acs-card__cta {
        font-size: 12px;
    }
}

/* ----- theme-promo-carousel-banner ----- */
theme-promo-carousel-banner {
    --promo-carousel-arrow-dark-idle: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU1IDU1Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjAiIHkxPSIwLjUiIHgyPSIxIiB5Mj0iMC41IiBpZD0ibWFzdGVyX3N2ZzBfMTFfMzYwMyI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0I4QjhCOCIgc3RvcC1vcGFjaXR5PSIwLjQzOTk5OTk5NzYxNTgxNDIiLz48c3RvcCBvZmZzZXQ9Ijk5Ljk5OTk4MjExODYwNjU3JSIgc3RvcC1jb2xvcj0iI0JBQkFCQSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGc+PGcgc3R5bGU9Im9wYWNpdHk6MDsiPjxlbGxpcHNlIGN4PSIyNy41IiBjeT0iMjcuNSIgcng9IjI3LjUiIHJ5PSIyNy41IiBmaWxsPSJ1cmwoI21hc3Rlcl9zdmcwXzExXzM2MDMpIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PGc+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEsMCwwLDEsODQsMCkiIHN0eWxlPSJvcGFjaXR5OjA7Ij48cmVjdCB4PSI0MiIgeT0iMTMiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgcng9IjAiIGZpbGw9IiNEOEQ4RDgiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSw2NC43ODkwNjI1LDApIj48Zz48cGF0aCBkPSJNMzIuNTgxMDE0MjUsMTcuMjI3NzUyODAyNzM0Mzc2UTMyLjc3NjI3NjI1LDE3LjQyMzAxMjgwMjczNDM3Nyw0Mi45NTM4MzEyNSwyNy42MDA3MjI4MDI3MzQzNzRDNDMuMDc0NzMxMjUsMjcuNzIxNTIyODAyNzM0Mzc3LDQzLjA4NTgzMTI1LDI3LjkwODAyMjgwMjczNDM3Niw0Mi45ODIyMzEyNSwyOC4wMzg5MjI4MDI3MzQzNzZMNDIuNTg4NzMxMjUsMjguNDMyNDIyODAyNzM0Mzc2TDQyLjU4ODczMTI1LDI4LjQzMjQyMjgwMjczNDM3NkwzMi41ODE2MjQyNSwzOC40Mzk1MjI4MDI3MzQzN0MzMi4zODYzNjIzOSwzOC42MzQ4MjI4MDI3MzQzOCwzMi4zODYzMDU0NywzOC45NTE1MjI4MDI3MzQzNzQsMzIuNTgxNTY3MjUsMzkuMTQ2ODIyODAyNzM0MzhMMzIuOTM1NTQ0MjUsMzkuNTAwNjIyODAyNzM0MzhDMzMuMTMwODA2MjUsMzkuNjk1ODIyODAyNzM0MzgsMzMuNDQ3MzkxMjUsMzkuNjk1ODIyODAyNzM0MzgsMzMuNjQyNjUxMjUsMzkuNTAwNjIyODAyNzM0MzhMNDQuMDE0OTMxMjUwMDAwMDA0LDI5LjEyODIyMjgwMjczNDM3NEM0NC43OTQ0MzEyNSwyOC4zNDg3MjI4MDI3MzQzNzUsNDQuODcwMTMxMjUsMjcuMzk1NjIyODAyNzM0MzczLDQ0LjA3MTAzMTI1MDAwMDAwNCwyNi41OTY1MjI4MDI3MzQzNzdMNDMuNjU3MDMxMjUsMjYuMTgwNDIyODAyNzM0Mzc3TDQzLjY1NzAzMTI1LDI2LjE4MDQyMjgwMjczNDM3N0wzMy42NDI2NTEyNSwxNi4xNjYwNjk4MDI3MzQzNzNDMzMuNDQ3MzkxMjUsMTUuOTcwODA3MzAyNzM0Mzc1LDMzLjEzMDgwNjI1LDE1Ljk3MDgwNzMwMjczNDM3NSwzMi45MzU1NDQyNSwxNi4xNjYwNjk4MDI3MzQzNzNMMzIuNTEwMzM1MjUsMTYuNTkxMzk5ODAyNzM0Mzc2QzMyLjMxNTA3MzM1LDE2Ljc4NjY2MTgwMjczNDM3NSwzMi4zODU3NTIwNCwxNy4wMzI0OTI4MDI3MzQzNzQsMzIuNTgxMDE0MjUsMTcuMjI3NzUyODAyNzM0Mzc2WiIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwLjg5OTk5OTk3NjE1ODE0MjEiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+');
    --promo-carousel-arrow-dark-bg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU1IDU1Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjAiIHkxPSIwLjUiIHgyPSIxIiB5Mj0iMC41IiBpZD0ibWFzdGVyX3N2ZzBfMTFfMzE5OCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0I4QjhCOCIgc3RvcC1vcGFjaXR5PSIwLjQzOTk5OTk5NzYxNTgxNDIiLz48c3RvcCBvZmZzZXQ9Ijk5Ljk5OTk4MjExODYwNjU3JSIgc3RvcC1jb2xvcj0iI0JBQkFCQSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGc+PGc+PGVsbGlwc2UgY3g9IjI3LjUiIGN5PSIyNy41IiByeD0iMjcuNSIgcnk9IjI3LjUiIGZpbGw9InVybCgjbWFzdGVyX3N2ZzBfMTFfMzE5OCkiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48Zz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSw4NCwwKSIgc3R5bGU9Im9wYWNpdHk6MDsiPjxyZWN0IHg9IjQyIiB5PSIxMyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiByeD0iMCIgZmlsbD0iI0Q4RDhEOCIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KC0xLDAsMCwxLDY0Ljc4OTA2MjUsMCkiPjxnPjxwYXRoIGQ9Ik0zMi41ODEwMTQyNSwxNy4yMjc3NTI4MDI3MzQzNzZRMzIuNzc2Mjc2MjUsMTcuNDIzMDEyODAyNzM0Mzc3LDQyLjk1MzgzMTI1LDI3LjYwMDcyMjgwMjczNDM3NEM0My4wNzQ3MzEyNSwyNy43MjE1MjI4MDI3MzQzNzcsNDMuMDg1ODMxMjUsMjcuOTA4MDIyODAyNzM0Mzc2LDQyLjk4MjIzMTI1LDI4LjAzODkyMjgwMjczNDM3Nkw0Mi41ODg3MzEyNSwyOC40MzI0MjI4MDI3MzQzNzZMNDIuNTg4NzMxMjUsMjguNDMyNDIyODAyNzM0Mzc2TDMyLjU4MTYyNDI1LDM4LjQzOTUyMjgwMjczNDM3QzMyLjM4NjM2MjM5LDM4LjYzNDgyMjgwMjczNDM4LDMyLjM4NjMwNTQ3LDM4Ljk1MTUyMjgwMjczNDM3NCwzMi41ODE1NjcyNSwzOS4xNDY4MjI4MDI3MzQzOEwzMi45MzU1NDQyNSwzOS41MDA2MjI4MDI3MzQzOEMzMy4xMzA4MDYyNSwzOS42OTU4MjI4MDI3MzQzOCwzMy40NDczOTEyNSwzOS42OTU4MjI4MDI3MzQzOCwzMy42NDI2NTEyNSwzOS41MDA2MjI4MDI3MzQzOEw0NC4wMTQ5MzEyNTAwMDAwMDQsMjkuMTI4MjIyODAyNzM0Mzc0QzQ0Ljc5NDQzMTI1LDI4LjM0ODcyMjgwMjczNDM3NSw0NC44NzAxMzEyNSwyNy4zOTU2MjI4MDI3MzQzNzMsNDQuMDcxMDMxMjUwMDAwMDA0LDI2LjU5NjUyMjgwMjczNDM3N0w0My42NTcwMzEyNSwyNi4xODA0MjI4MDI3MzQzNzdMNDMuNjU3MDMxMjUsMjYuMTgwNDIyODAyNzM0Mzc3TDMzLjY0MjY1MTI1LDE2LjE2NjA2OTgwMjczNDM3M0MzMy40NDczOTEyNSwxNS45NzA4MDczMDI3MzQzNzUsMzMuMTMwODA2MjUsMTUuOTcwODA3MzAyNzM0Mzc1LDMyLjkzNTU0NDI1LDE2LjE2NjA2OTgwMjczNDM3M0wzMi41MTAzMzUyNSwxNi41OTEzOTk4MDI3MzQzNzZDMzIuMzE1MDczMzUsMTYuNzg2NjYxODAyNzM0Mzc1LDMyLjM4NTc1MjA0LDE3LjAzMjQ5MjgwMjczNDM3NCwzMi41ODEwMTQyNSwxNy4yMjc3NTI4MDI3MzQzNzZaIiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjAuODk5OTk5OTc2MTU4MTQyMSIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=');
    --promo-carousel-arrow-dark-hover: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU1IDU1Ij48Zz48Zz48ZWxsaXBzZSBjeD0iMjcuNSIgY3k9IjI3LjUiIHJ4PSIyNy41IiByeT0iMjcuNSIgZmlsbD0iI0I4QjhCOCIgZmlsbC1vcGFjaXR5PSIwLjQzOTk5OTk5NzYxNTgxNDIiLz48L2c+PGc+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEsMCwwLDEsODQsMCkiIHN0eWxlPSJvcGFjaXR5OjA7Ij48cmVjdCB4PSI0MiIgeT0iMTMiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgcng9IjAiIGZpbGw9IiNEOEQ4RDgiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSw2NC43ODkwNjI1LDApIj48Zz48cGF0aCBkPSJNMzIuNTgxMDE0MjUsMTcuMjI3NzUyODAyNzM0Mzc2UTMyLjc3NjI3NjI1LDE3LjQyMzAxMjgwMjczNDM3Nyw0Mi45NTM4MzEyNSwyNy42MDA3MjI4MDI3MzQzNzRDNDMuMDc0NzMxMjUsMjcuNzIxNTIyODAyNzM0Mzc3LDQzLjA4NTgzMTI1LDI3LjkwODAyMjgwMjczNDM3Niw0Mi45ODIyMzEyNSwyOC4wMzg5MjI4MDI3MzQzNzZMNDIuNTg4NzMxMjUsMjguNDMyNDIyODAyNzM0Mzc2TDQyLjU4ODczMTI1LDI4LjQzMjQyMjgwMjczNDM3NkwzMi41ODE2MjQyNSwzOC40Mzk1MjI4MDI3MzQzN0MzMi4zODYzNjIzOSwzOC42MzQ4MjI4MDI3MzQzOCwzMi4zODYzMDU0NywzOC45NTE1MjI4MDI3MzQzNzQsMzIuNTgxNTY3MjUsMzkuMTQ2ODIyODAyNzM0MzhMMzIuOTM1NTQ0MjUsMzkuNTAwNjIyODAyNzM0MzhDMzMuMTMwODA2MjUsMzkuNjk1ODIyODAyNzM0MzgsMzMuNDQ3MzkxMjUsMzkuNjk1ODIyODAyNzM0MzgsMzMuNjQyNjUxMjUsMzkuNTAwNjIyODAyNzM0MzhMNDQuMDE0OTMxMjUwMDAwMDA0LDI5LjEyODIyMjgwMjczNDM3NEM0NC43OTQ0MzEyNSwyOC4zNDg3MjI4MDI3MzQzNzUsNDQuODcwMTMxMjUsMjcuMzk1NjIyODAyNzM0MzczLDQ0LjA3MTAzMTI1MDAwMDAwNCwyNi41OTY1MjI4MDI3MzQzNzdMNDMuNjU3MDMxMjUsMjYuMTgwNDIyODAyNzM0Mzc3TDQzLjY1NzAzMTI1LDI2LjE4MDQyMjgwMjczNDM3N0wzMy42NDI2NTEyNSwxNi4xNjYwNjk4MDI3MzQzNzNDMzMuNDQ3MzkxMjUsMTUuOTcwODA3MzAyNzM0Mzc1LDMzLjEzMDgwNjI1LDE1Ljk3MDgwNzMwMjczNDM3NSwzMi45MzU1NDQyNSwxNi4xNjYwNjk4MDI3MzQzNzNMMzIuNTEwMzM1MjUsMTYuNTkxMzk5ODAyNzM0Mzc2QzMyLjMxNTA3MzM1LDE2Ljc4NjY2MTgwMjczNDM3NSwzMi4zODU3NTIwNCwxNy4wMzI0OTI4MDI3MzQzNzQsMzIuNTgxMDE0MjUsMTcuMjI3NzUyODAyNzM0Mzc2WiIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwLjg5OTk5OTk3NjE1ODE0MjEiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+');
    --promo-carousel-arrow-light-idle: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU1IDU1Ij48Zz48Zz48ZWxsaXBzZSBjeD0iMjcuNSIgY3k9IjI3LjUiIHJ4PSIyNy41IiByeT0iMjcuNSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwIi8+PC9nPjxnPjxnPjxnPjxwYXRoIGQ9Ik0zMy4zMzM5MjczODM0MjI4NSwxNy42ODY4NjczNTE2ODQ1N0wyMy4zMTY1NTczODM0MjI4NSwyNy43MDQyMDczNTE2ODQ1N0MyMy4xOTU2NzczODM0MjI4NSwyNy44MjUxMDczNTE2ODQ1NzIsMjMuMTg3MDQ3MzgzNDIyODUsMjguMDE1NzA3MzUxNjg0NTcsMjMuMjkwNjU3MzgzNDIyODUsMjguMTQ2NTA3MzUxNjg0NTdMMjMuMzI2NzQ3MzgzNDIyODUyLDI4LjE4NTgwNzM1MTY4NDU3TDIzLjMyNjc0NzM4MzQyMjg1MiwyOC4xODU4MDczNTE2ODQ1N0wzMy4zMzM5MjczODM0MjI4NSwzOC4xOTMwMDczNTE2ODQ1N0MzMy41MjkxMjczODM0MjI4NSwzOC4zODgyMDczNTE2ODQ1NywzMy41MjkxMjczODM0MjI4NSwzOC43MDQ4MDczNTE2ODQ1NywzMy4zMzM5MjczODM0MjI4NSwzOC45MDAxMDczNTE2ODQ1N0wzMi42MjY4MjczODM0MjI4NSwzOS42MDcyMDczNTE2ODQ1N0MzMi40MzE1MjczODM0MjI4NSwzOS44MDI0MDczNTE2ODQ1NywzMi4xMTQ5MjczODM0MjI4NSwzOS44MDI0MDczNTE2ODQ1NywzMS45MTk3MjczODM0MjI4NTMsMzkuNjA3MjA3MzUxNjg0NTdMMjEuOTAyMzQ0MzgzNDIyODUsMjkuNTg5ODA3MzUxNjg0NTdDMjEuMDEwMTA1MzgzNDIyODUsMjguNjk3NjA3MzUxNjg0NTcsMjAuOTkxNTE3MzgzNDIyODUzLDI3LjI2MjUwNzM1MTY4NDU3LDIxLjg0NjU4MDM4MzQyMjg1LDI2LjM0NzcwNzM1MTY4NDU3TDIxLjkwNTMyNjM4MzQyMjg1MywyNi4yODcwMDczNTE2ODQ1NzJMMjEuOTA1MzI2MzgzNDIyODUzLDI2LjI4NzAwNzM1MTY4NDU3MkwzMS45MTk3MjczODM0MjI4NTMsMTYuMjcyNjU0MzUxNjg0NTdDMzIuMTE0OTI3MzgzNDIyODUsMTYuMDc3MzkxODUxNjg0NTcsMzIuNDMxNTI3MzgzNDIyODUsMTYuMDc3MzkxODUxNjg0NTcsMzIuNjI2ODI3MzgzNDIyODUsMTYuMjcyNjU0MzUxNjg0NTdMMzMuMzMzOTI3MzgzNDIyODUsMTYuOTc5NzYwMzUxNjg0NTcyQzMzLjUyOTEyNzM4MzQyMjg1LDE3LjE3NTAyNzM1MTY4NDU3LDMzLjUyOTEyNzM4MzQyMjg1LDE3LjQ5MTYwNzM1MTY4NDU3LDMzLjMzMzkyNzM4MzQyMjg1LDE3LjY4Njg2NzM1MTY4NDU3WiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjg5OTk5OTk3NjE1ODE0MiIhLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+');
    --promo-carousel-arrow-light-bg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU1IDU1Ij48ZGVmcz48ZmlsdGVyIGlkPSJtYXN0ZXJfc3ZnMF8xMV8zMTg3IiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIgeD0iMCIgeT0iMCIgd2lkdGg9IjU1IiBoZWlnaHQ9IjU1Ij48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJCYWNrZ3JvdW5kSW1hZ2UiIHN0ZERldmlhdGlvbj0iMTAiLz48ZmVDb21wb3NpdGUgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImluIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXIiLz48ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXIiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PGc+PGcgZmlsdGVyPSJ1cmwoI21hc3Rlcl9zdmcwXzExXzMxODcpIj48ZWxsaXBzZSBjeD0iMjcuNSIgY3k9IjI3LjUiIHJ4PSIyNy41IiByeT0iMjcuNSIgZmlsbD0iI0I4QjhCOCIgZmlsbC1vcGFjaXR5PSIwLjQzOTk5OTk5NzYxNTgxNDIiLz48L2c+PGc+PGc+PGc+PHBhdGggZD0iTTMzLjMzMzkyNzM4MzQyMjg1LDE3LjY4Njg2NzM1MTY4NDU3TDIzLjMxNjU1NzM4MzQyMjg1LDI3LjcwNDIwNzM1MTY4NDU3QzIzLjE5NTY3NzM4MzQyMjg1LDI3LjgyNTEwNzM1MTY4NDU3MiwyMy4xODcwNDczODM0MjI4NSwyOC4wMTU3MDczNTE2ODQ1NywyMy4yOTA2NTczODM0MjI4NSwyOC4xNDY1MDczNTE2ODQ1N0wyMy4zMjY3NDczODM0MjI4NTIsMjguMTg1ODA3MzUxNjg0NTdMMjMuMzI2NzQ3MzgzNDIyODUyLDI4LjE4NTgwNzM1MTY4NDU3TDMzLjMzMzkyNzM4MzQyMjg1LDM4LjE5MzAwNzM1MTY4NDU3QzMzLjUyOTEyNzM4MzQyMjg1LDM4LjM4ODIwNzM1MTY4NDU3LDMzLjUyOTEyNzM4MzQyMjg1LDM4LjcwNDgwNzM1MTY4NDU3LDMzLjMzMzkyNzM4MzQyMjg1LDM4LjkwMDEwNzM1MTY4NDU3TDMyLjYyNjgyNzM4MzQyMjg1LDM5LjYwNzIwNzM1MTY4NDU3QzMyLjQzMTUyNzM4MzQyMjg1LDM5LjgwMjQwNzM1MTY4NDU3LDMyLjExNDkyNzM4MzQyMjg1LDM5LjgwMjQwNzM1MTY4NDU3LDMxLjkxOTcyNzM4MzQyMjg1MywzOS42MDcyMDczNTE2ODQ1N0wyMS45MDIzNDQzODM0MjI4NSwyOS41ODk4MDczNTE2ODQ1N0MyMS4wMTAxMDUzODM0MjI4NSwyOC42OTc2MDczNTE2ODQ1NywyMC45OTE1MTczODM0MjI4NTMsMjcuMjYyNTA3MzUxNjg0NTcsMjEuODQ2NTgwMzgzNDIyODUsMjYuMzQ3NzA3MzUxNjg0NTdMMjEuOTA1MzI2MzgzNDIyODUzLDI2LjI4NzAwNzM1MTY4NDU3MkwyMS45MDUzMjYzODM0MjI4NTMsMjYuMjg3MDA3MzUxNjg0NTcyTDMxLjkxOTcyNzM4MzQyMjg1MywxNi4yNzI2NTQzNTE2ODQ1N0MzMi4xMTQ5MjczODM0MjI4NSwxNi4wNzczOTE4NTE2ODQ1NywzMi40MzE1MjczODM0MjI4NSwxNi4wNzczOTE4NTE2ODQ1NywzMi42MjY4MjczODM0MjI4NSwxNi4yNzI2NTQzNTE2ODQ1N0wzMy4zMzM5MjczODM0MjI4NSwxNi45Nzk3NjAzNTE2ODQ1NzJDMzMuNTI5MTI3MzgzNDIyODUsMTcuMTc1MDI3MzUxNjg0NTcsMzMuNTI5MTI3MzgzNDIyODUsMTcuNDkxNjA3MzUxNjg0NTcsMzMuMzMzOTI3MzgzNDIyODUsMTcuNjg2ODY3MzUxNjg0NTdaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuODk5OTk5OTc2MTU4MTQyMSIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4');
    --promo-carousel-arrow-light-hover: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU1IDU1Ij48ZGVmcz48ZmlsdGVyIGlkPSJtYXN0ZXJfc3ZnMF8xMV8zMTg3IiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIgeD0iMCIgeT0iMCIgd2lkdGg9IjU1IiBoZWlnaHQ9IjU1Ij48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJCYWNrZ3JvdW5kSW1hZ2UiIHN0ZERldmlhdGlvbj0iMTAiLz48ZmVDb21wb3NpdGUgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImluIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXIiLz48ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXIiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PGc+PGcgZmlsdGVyPSJ1cmwoI21hc3Rlcl9zdmcwXzExXzMxODcpIj48ZWxsaXBzZSBjeD0iMjcuNSIgY3k9IjI3LjUiIHJ4PSIyNy41IiByeT0iMjcuNSIgZmlsbD0iI0I4QjhCOCIgZmlsbC1vcGFjaXR5PSIwLjQzOTk5OTk5NzYxNTgxNDIiLz48L2c+PGc+PGc+PGc+PHBhdGggZD0iTTMzLjMzMzkyNzM4MzQyMjg1LDE3LjY4Njg2NzM1MTY4NDU3TDIzLjMxNjU1NzM4MzQyMjg1LDI3LjcwNDIwNzM1MTY4NDU3QzIzLjE5NTY3NzM4MzQyMjg1LDI3LjgyNTEwNzM1MTY4NDU3MiwyMy4xODcwNDczODM0MjI4NSwyOC4wMTU3MDczNTE2ODQ1NywyMy4yOTA2NTczODM0MjI4NSwyOC4xNDY1MDczNTE2ODQ1N0wyMy4zMjY3NDczODM0MjI4NTIsMjguMTg1ODA3MzUxNjg0NTdMMjMuMzI2NzQ3MzgzNDIyODUyLDI4LjE4NTgwNzM1MTY4NDU3TDMzLjMzMzkyNzM4MzQyMjg1LDM4LjE5MzAwNzM1MTY4NDU3QzMzLjUyOTEyNzM4MzQyMjg1LDM4LjM4ODIwNzM1MTY4NDU3LDMzLjUyOTEyNzM4MzQyMjg1LDM4LjcwNDgwNzM1MTY4NDU3LDMzLjMzMzkyNzM4MzQyMjg1LDM4LjkwMDEwNzM1MTY4NDU3TDMyLjYyNjgyNzM4MzQyMjg1LDM5LjYwNzIwNzM1MTY4NDU3QzMyLjQzMTUyNzM4MzQyMjg1LDM5LjgwMjQwNzM1MTY4NDU3LDMyLjExNDkyNzM4MzQyMjg1LDM5LjgwMjQwNzM1MTY4NDU3LDMxLjkxOTcyNzM4MzQyMjg1MywzOS42MDcyMDczNTE2ODQ1N0wyMS45MDIzNDQzODM0MjI4NSwyOS41ODk4MDczNTE2ODQ1N0MyMS4wMTAxMDUzODM0MjI4NSwyOC42OTc2MDczNTE2ODQ1NywyMC45OTE1MTczODM0MjI4NTMsMjcuMjYyNTA3MzUxNjg0NTcsMjEuODQ2NTgwMzgzNDIyODUsMjYuMzQ3NzA3MzUxNjg0NTdMMjEuOTA1MzI2MzgzNDIyODUzLDI2LjI4NzAwNzM1MTY4NDU3MkwyMS45MDUzMjYzODM0MjI4NTMsMjYuMjg3MDA3MzUxNjg0NTcyTDMxLjkxOTcyNzM4MzQyMjg1MywxNi4yNzI2NTQzNTE2ODQ1N0MzMi4xMTQ5MjczODM0MjI4NSwxNi4wNzczOTE4NTE2ODQ1NywzMi40MzE1MjczODM0MjI4NSwxNi4wNzczOTE4NTE2ODQ1NywzMi42MjY4MjczODM0MjI4NSwxNi4yNzI2NTQzNTE2ODQ1N0wzMy4zMzM5MjczODM0MjI4NSwxNi45Nzk3NjAzNTE2ODQ1NzJDMzMuNTI5MTI3MzgzNDIyODUsMTcuMTc1MDI3MzUxNjg0NTcsMzMuNTI5MTI3MzgzNDIyODUsMTcuNDkxNjA3MzUxNjg0NTcsMzMuMzMzOTI3MzgzNDIyODUsMTcuNjg2ODY3MzUxNjg0NTdaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuODk5OTk5OTc2MTU4MTQyMSIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4');
    --promo-carousel-arrow-idle: var(--promo-carousel-arrow-dark-idle);
    --promo-carousel-arrow-bg: var(--promo-carousel-arrow-dark-bg);
    --promo-carousel-arrow-bg-hover: var(--promo-carousel-arrow-dark-hover);
    /* Resume = triangle; pause = bars. Default chrome: dark glyphs on light circle. */
    --promo-play-toggle-icon-resume: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOCAxMCI+PGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOnBhc3N0aHJvdWdoIj48cGF0aCBkPSJNMCwxLjA4MjU1TDAsOC45MTc0NUMwLDkuMzg4NzEsMC41MTgzNzEsOS42NzYwMiwwLjkxNzk5OSw5LjQyNjI1TDcuMTg1OTIsNS41MDg4QzcuNTYxOTIsNS4yNzM4LDcuNTYxOTIsNC43MjYyLDcuMTg1OTIsNC40OTEyTDAuOTE3OTk5LDAuNTczNzVDMC41MTgzNzEsMC4zMjM5ODIsMCwwLjYxMTI4NywwLDEuMDgyNTVaIiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9zdmc+');
    --promo-play-toggle-icon-pause: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOCAxMCI+PGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOnBhc3N0aHJvdWdoIj48ZyBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6cGFzc3Rocm91Z2giPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiByeD0iMS41IiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOnBhc3N0aHJvdWdoIj48cmVjdCB4PSI1IiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgcng9IjEuNSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=');
    --promo-carousel-pager-handoff-duration: 0.35s position: relative;
    display: block;
    width: 100%;
    max-width: 2560px;
    margin-inline: auto;
    overflow: hidden;
}

theme-promo-carousel-banner:has(a.promo-carousel-banner__slide-bg-inner) {
    cursor: pointer;
}

theme-promo-carousel-banner[data-arrow-style="light"] {
    --promo-carousel-arrow-idle: var(--promo-carousel-arrow-light-idle);
    --promo-carousel-arrow-bg: var(--promo-carousel-arrow-light-bg);
    --promo-carousel-arrow-bg-hover: var(--promo-carousel-arrow-light-hover);
    --promo-play-toggle-icon-resume: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOCAxMCI+PGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOnBhc3N0aHJvdWdoIj48cGF0aCBkPSJNMCwxLjA4MjU1TDAsOC45MTc0NUMwLDkuMzg4NzEsMC41MTgzNzEsOS42NzYwMiwwLjkxNzk5OSw5LjQyNjI1TDcuMTg1OTIsNS41MDg4QzcuNTYxOTIsNS4yNzM4LDcuNTYxOTIsNC43MjYyLDcuMTg1OTIsNC40OTEyTDAuOTE3OTk5LDAuNTczNzVDMC41MTgzNzEsMC4zMjM5ODIsMCwwLjYxMTI4NywwLDEuMDgyNTVaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9zdmc+');
    --promo-play-toggle-icon-pause: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOCAxMCI+PGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOnBhc3N0aHJvdWdoIj48ZyBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6cGFzc3Rocm91Z2giPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiByeD0iMS41IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOnBhc3N0aHJvdWdoIj48cmVjdCB4PSI1IiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgcng9IjEuNSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=');
}



theme-promo-carousel-banner .promo-carousel-banner__carousel {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.promo-carousel-banner__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 750px;
    min-height: 0;
    overflow: hidden;
}

@media screen and (min-width: 751px) and (max-width: 1440px) {
    .promo-carousel-banner__inner {
        height: 52.083vw;
    }
}

@media screen and (max-width: 750px) {
    .promo-carousel-banner__inner {
        height: 138.8888vw;
    }
}

theme-promo-carousel-banner .promo-carousel-banner__track {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    align-self: stretch;
    width: 100%;
    min-height: 0;
    touch-action: pan-y pinch-zoom;
}

theme-promo-carousel-banner .promo-carousel-banner__slide {
    position: relative;
    flex: 0 0 100%;
    align-self: stretch;
    width: 100%;
    min-height: 100%;
}

.promo-carousel-banner__slide-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.promo-carousel-banner__slide-bg-inner {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2560px;
    height: 100%;
}

a.promo-carousel-banner__slide-bg-inner {
    z-index: 1;
    display: block;
    text-decoration: none;
    color: inherit;
}

.promo-carousel-banner__slide-bg-inner[tabindex="-1"]:focus {
    outline: 0;
}

.promo-carousel-banner__slide-bg-inner:focus:not([tabindex="-1"]) {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.promo-carousel-banner__slide-bg-inner :is(.image, picture, img) {
    display: block;
    width: 100%;
    height: 100%;
}

.promo-carousel-banner__slide-bg-inner :is(img, picture img) {
    object-fit: contain;
}

.promo-carousel-banner__energy-label-wrapper {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 50%;
    transform: translate(calc(-50% + var(--energy-offset-x, 277px)), var(--energy-offset-y, 445px));
    width: var(--energy-wrapper-width, 210px);
    height: var(--energy-wrapper-height, 50px);
    display: flex;
    justify-content: space-between;
    pointer-events: auto;
}

.promo-carousel-banner__energy-label-wrapper .energy-label-btn {
    display: block;
    width: var(--energy-label-btn-width, 60px);
    height: 100%;
}

.promo-carousel-banner__energy-label-wrapper .energy-label-btn:focus-visible {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
}

.promo-carousel-banner__energy-label-wrapper .energy-pdf-btn {
    display: block;
    width: var(--energy-pdf-btn-width, 166px);
    height: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #707070;
    text-decoration: none;
    white-space: nowrap;
}

.promo-carousel-banner__energy-label-wrapper .energy-pdf-btn:hover {
    cursor: pointer;
}

.promo-carousel-banner__energy-label-wrapper .energy-pdf-btn:focus-visible {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
}

@media screen and (min-width: 751px) and (max-width: 1440px) {
    .promo-carousel-banner__energy-label-wrapper {
        transform: translate(calc(-50% + var(--energy-offset-x-tablet, 10.6075vw)), var(--energy-offset-y-tablet, 30.8075vw));
        width: var(--energy-wrapper-width-tablet, 14.4375vw);
        height: var(--energy-wrapper-height-tablet, 3.4375vw);
    }

    .promo-carousel-banner__energy-label-wrapper .energy-label-btn {
        width: var(--energy-label-btn-width-tablet, 3.4375vw);
    }

    .promo-carousel-banner__energy-label-wrapper .energy-pdf-btn {
        width: var(--energy-pdf-btn-width-tablet, 10.65625vw);
    }
}

@media screen and (max-width: 750px) {
    .promo-carousel-banner__energy-label-wrapper {
        transform: translate(-50%, var(--energy-offset-y-mobile, 44.472222vw));
        width: var(--energy-wrapper-width-mobile, 27.777778vw);
        height: var(--energy-wrapper-height-mobile, 6.9vw);
    }

    .promo-carousel-banner__energy-label-wrapper .energy-label-btn {
        width: var(--energy-label-btn-width-mobile, 6.25vw);
    }

    .promo-carousel-banner__energy-label-wrapper .energy-pdf-btn {
        width: var(--energy-pdf-btn-width-mobile, 21.527778vw);
    }
}

.promo-carousel-banner__arrow {
    position: absolute;
    z-index: 10;
    top: calc(50% - 55px / 2);
    width: 55px;
    height: 55px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-radius: 0;
    background-image: var(--promo-carousel-arrow-idle);
    background-size: auto;
    background-repeat: round;
    background-position: unset;
    -webkit-appearance: none;
    appearance: none;
}

theme-promo-carousel-banner:hover .promo-carousel-banner__arrow:not(:hover),
theme-promo-showcase-hub:hover .promo-carousel-banner__arrow:not(:hover) {
    background-image: var(--promo-carousel-arrow-bg);
}

.promo-carousel-banner__arrow:focus-visible {
    outline: revert;
}

theme-promo-carousel-banner .promo-carousel-banner__arrow:hover,
theme-promo-showcase-hub .promo-carousel-banner__arrow:hover,
.promo-carousel-banner__arrow:hover {
    background-image: var(--promo-carousel-arrow-bg-hover);
}

.promo-carousel-banner__arrow--prev {
    left: 60px;
    right: auto;
}

.promo-carousel-banner__arrow--next {
    right: 60px;
    left: auto;
    transform: rotate(180deg);
}

@media screen and (min-width: 751px) and (max-width: 1440px) {
    .promo-carousel-banner__arrow--prev {
        left: 5px;
    }

    .promo-carousel-banner__arrow--next {
        right: 5px;
    }
}

@media screen and (max-width: 839.98px) {
    .promo-carousel-banner__arrow {
        top: calc(50% - 32px / 2);
        width: 32px;
        height: 32px;
    }

    .promo-carousel-banner__arrow--prev {
        left: 20px;
    }

    .promo-carousel-banner__arrow--next {
        right: 20px;
    }
}


.promo-carousel-banner__controls {
    position: absolute;
    z-index: 10;
    bottom: 28px;
    left: 50%;
    display: flex;
    align-items: center;
    width: auto;
    max-width: min(560px, calc(100% - 80px));
    transform: translateX(-50%);
}

@media screen and (max-width: 839.98px) {
    .promo-carousel-banner__controls {
        bottom: 8px;
        max-width: min(100% - 48px, 420px);
    }
}

.promo-carousel-banner__play-toggle {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    cursor: pointer;
    border: none;
    background-color: transparent;
}

.promo-carousel-banner__play-toggle:focus-visible {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
}

.promo-carousel-banner__play-toggle::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    margin: auto;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}

.promo-carousel-banner__play-toggle[data-playing="true"]::before {
    background-image: var(--promo-play-toggle-icon-pause);
    background-size: 8px 10px;
}

.promo-carousel-banner__play-toggle[data-playing="false"]::before {
    background-image: var(--promo-play-toggle-icon-resume);
    background-size: 8px 10px;
}

theme-promo-carousel-banner[data-arrow-style="light"] .promo-carousel-banner__play-toggle {
    box-shadow: none;
}

.promo-carousel-banner__progress-wrap {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.promo-carousel-banner__pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: center;
    justify-content: center;
    width: auto;
}

.promo-carousel-banner__pagination-item {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: none;
}

.promo-carousel-banner__pagination-track {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 2px;
    margin: 0 8px;
    background-color: rgba(0, 0, 0, 0.2);
}

.promo-carousel-banner__pagination-fill {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 0;
    height: 2px;
    background-color: rgba(0, 0, 0, 1);
    transform-origin: left center;
    transition: none;
}

/**
 * Promo carousel banner: segment progress matches autoplay interval.
 * Duration is mirrored via --promo-carousel-autoplay-duration on theme-promo-carousel-banner.
 */
@keyframes promo-carousel-pager-progress {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

theme-promo-carousel-banner .promo-carousel-banner__pagination-item.is-active .promo-carousel-banner__pagination-fill {
    animation: promo-carousel-pager-progress linear var(--promo-carousel-autoplay-duration, 6s) forwards;
    transition: none;
}

theme-promo-carousel-banner .promo-carousel-banner__pagination-item:not(.is-active) .promo-carousel-banner__pagination-fill {
    animation: none;
    width: 0;
    transition: width var(--promo-carousel-pager-handoff-duration, 0.35s) ease-out;
}

theme-promo-carousel-banner[data-manual-pager-handoff="true"] .promo-carousel-banner__pagination-item:not(.is-active) .promo-carousel-banner__pagination-fill {
    transition: none;
}

theme-promo-carousel-banner[data-progress-paused="true"] .promo-carousel-banner__pagination-item.is-active .promo-carousel-banner__pagination-fill {
    animation-play-state: paused;
}

theme-promo-carousel-banner[data-arrow-style="light"] .promo-carousel-banner__pagination-track {
    background-color: rgba(255, 255, 255, 0.2);
}

theme-promo-carousel-banner[data-arrow-style="light"] .promo-carousel-banner__pagination-fill {
    background-color: rgba(255, 255, 255, 1);
}

@media screen and (max-width: 839.98px) {
    .promo-carousel-banner__pagination-track {
        width: 18px;
        margin: 0 3px;
    }

    theme-promo-carousel-banner .promo-carousel-banner__pagination-item.is-active .promo-carousel-banner__pagination-fill {
        inset-inline-start: 0;
    }
}

/* ----- theme-store-service-banner ----- */
theme-store-service-banner {
    display: block;
    width: 100%;
    max-width: 2560px;
    margin-inline: auto;
    --ssb-panel-bg: #f7f7f7;
    --ssb-hover-bg: #2b70f4;
    --ssb-accent: #2b70f4;
    --ssb-heading-color: #111111;
}

.store-service-banner__stage {
    width: 100%;
    padding-inline: var(--page-margin, 16px);
    padding-block: clamp(24px, 3vw, 48px);
    box-sizing: border-box;
}

.store-service-banner__panel {
    box-sizing: border-box;
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
    padding: clamp(20px, 3vw, 28px) clamp(18px, 3vw, 36px);
    border-radius: 18px;
    background: var(--ssb-panel-bg);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: clamp(20px, 3vw, 28px);
}

@media screen and (min-width: 751px) {
    .store-service-banner__panel {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: clamp(24px, 3vw, 48px);
    }
}

.store-service-banner__heading {
    margin: 0;
    flex: 0 1 auto;
    max-width: 22em;
    font-size: clamp(1.05rem, 0.35vw + 0.95rem, 1.35rem);
    font-weight: 700;
    line-height: 1.35;
    color: var(--ssb-heading-color);
    text-align: center;
}

@media screen and (min-width: 751px) {
    .store-service-banner__heading {
        text-align: left;
    }
}

.store-service-banner__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(10px, 2vw, 14px);
}

@media screen and (min-width: 751px) {
    .store-service-banner__grid {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: clamp(8px, 1.2vw, 12px);
    }
}

.store-service-banner__item {
    -webkit-tap-highlight-color: transparent;
    appearance: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 10px;
    margin: 0;
    padding: clamp(14px, 2vw, 18px) clamp(10px, 1.5vw, 14px);
    border: none;
    border-radius: 12px;
    background: transparent;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    font: inherit;
    box-sizing: border-box;
    min-height: 100%;
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

@media screen and (min-width: 751px) {
    .store-service-banner__item {
        flex: 1 1 0;
        min-width: 0;
    }
}

.store-service-banner__item:focus-visible {
    outline: 2px solid var(--ssb-accent);
    outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
    .store-service-banner__item:hover {
        background-color: var(--ssb-hover-bg);
        color: #fff;
    }

    .store-service-banner__item:hover .store-service-banner__subtitle {
        color: rgba(255, 255, 255, 0.88);
    }

    .store-service-banner__item:hover .store-service-banner__arrow {
        color: #fff;
    }

    .store-service-banner__item:hover .store-service-banner__icon :is(img, picture img) {
        filter: brightness(0) invert(1);
    }
}

.store-service-banner__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
}

.store-service-banner__icon :is(.image, picture, img) {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.store-service-banner__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
}

.store-service-banner__title-line {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 0.2em;
    max-width: 100%;
}

.store-service-banner__title {
    font-size: clamp(0.8rem, 0.25vw + 0.72rem, 0.95rem);
    font-weight: 600;
    line-height: 1.35;
    color: #222;
    transition: color 0.2s ease;
}

@media (hover: hover) and (pointer: fine) {
    .store-service-banner__item:hover .store-service-banner__title {
        color: #fff;
    }
}

.store-service-banner__arrow {
    flex-shrink: 0;
    font-size: 0.95em;
    font-weight: 600;
    line-height: 1;
    color: var(--ssb-accent);
    transition: color 0.2s ease;
}

.store-service-banner__subtitle {
    font-size: clamp(0.68rem, 0.2vw + 0.62rem, 0.8rem);
    line-height: 1.4;
    color: #777;
    transition: color 0.2s ease;
}


/* ----- theme-text-with-image ----- */
theme-text-with-image {
    display: block;
    width: 100%;
    max-width: 2560px;
    margin-inline: auto;
}

.text-with-image__stage {
    width: 100%;
    padding-inline: var(--page-margin, 16px);
    padding-block: clamp(24px, 4vw, 48px);
}

.text-with-image__card {
    margin-inline: auto;
    width: 100%;
    max-width: 1320px;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(to right top,
            var(--twi-bg-1, #f1ebe2) 50%,
            var(--twi-bg-2, #fdfaf1) 100%);
    transform-origin: 50% 0%;
    box-sizing: border-box;
}

.text-with-image__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(24px, 4vw, 56px);
    padding: clamp(28px, 4.5vw, 56px) clamp(24px, 4vw, 64px);
    min-height: min(420px, 52vw);
}

.text-with-image__inner[data-layout="left_image_right_text"] {
    flex-direction: row-reverse;
}

.text-with-image__copy {
    flex: 1 1 42%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.text-with-image__title {
    margin: 0;
}

.text-with-image__title--image {
    line-height: 0;
    max-width: 100%;
}

.text-with-image__title-img {
    display: block;
    max-width: min(560px, 100%);
}

.text-with-image__title-img :is(picture, .image, img) {
    display: block;
    width: 100%;
    height: auto;
}

.text-with-image__subtitle {
    margin: 0;
    font-size: clamp(1rem, 0.6vw + 0.85rem, 1.25rem);
    line-height: 1.45;
    color: #111;
    font-weight: 400;
}

.text-with-image__info {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    font-size: 0.875rem;
    color: #444;
    text-decoration: none;
}

.text-with-image__info:hover {
    text-decoration: underline;
}

.text-with-image__info-icon {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.text-with-image__info-icon :is(.image, picture, img) {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.text-with-image__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 24px;
    margin-top: 8px;
}

.text-with-image__btn-primary.button {
    border-radius: 999px;
    padding-inline: 28px;
}

.text-with-image__link-secondary {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #111;
    text-decoration: none;
}

.text-with-image__link-secondary:hover {
    text-decoration: underline;
}

.text-with-image__media {
    flex: 1 1 50%;
    min-width: 0;
    align-self: stretch;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.text-with-image__img-box {
    position: relative;
    display: block;
    width: 100%;
    max-width: 560px;
    margin-inline: auto;
    text-decoration: none;
    color: inherit;
}

.text-with-image__pic {
    display: block;
    transform-origin: 50% 80%;
    will-change: transform;
}

.text-with-image__pic :is(img, picture img) {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.text-with-image__pic--primary {
    position: relative;
    z-index: 2;
    width: 74%;
    margin-left: auto;
    margin-right: 0;
}

.text-with-image__inner[data-layout="left_image_right_text"] .text-with-image__pic--primary {
    margin-left: 0;
    margin-right: auto;
}

.text-with-image__pic--secondary {
    position: absolute;
    z-index: 1;
    width: 68%;
    left: 0;
    bottom: 0;
    transform-origin: 50% 90%;
    will-change: transform;
}

.text-with-image__inner[data-layout="left_image_right_text"] .text-with-image__pic--secondary {
    left: auto;
    right: 0;
}

.text-with-image__img-box[data-single-image="true"] .text-with-image__pic--primary {
    width: 100%;
    margin-inline: 0;
}

@media screen and (max-width: 750px) {
    .text-with-image__card {
        transform: none !important;
    }

    .text-with-image__pic {
        will-change: auto;
    }

    .text-with-image__inner {
        flex-direction: column;
        align-items: stretch;
        min-height: 0;
    }

    .text-with-image__inner[data-layout="left_text_right_image"] .text-with-image__copy {
        order: 0;
    }

    .text-with-image__inner[data-layout="left_text_right_image"] .text-with-image__media {
        order: 1;
    }

    .text-with-image__inner[data-layout="left_image_right_text"] .text-with-image__media {
        order: 0;
    }

    .text-with-image__inner[data-layout="left_image_right_text"] .text-with-image__copy {
        order: 1;
    }

    .text-with-image__pic--primary {
        width: 100%;
        margin-inline: 0;
    }

    .text-with-image__pic--secondary {
        width: 78%;
    }
}

/* ----- promo-showcase-hub ----- */
theme-promo-showcase-hub {
    --psk-radius-lg: 24px;
    --psk-radius-pill: 999px;
    --psk-gutter: 20px;
    --psk-font: var(--font-body-family, system-ui, -apple-system, 'Segoe UI', sans-serif);
    --promo-carousel-arrow-dark-idle: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU1IDU1Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjAiIHkxPSIwLjUiIHgyPSIxIiB5Mj0iMC41IiBpZD0ibWFzdGVyX3N2ZzBfMTFfMzYwMyI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0I4QjhCOCIgc3RvcC1vcGFjaXR5PSIwLjQzOTk5OTk5NzYxNTgxNDIiLz48c3RvcCBvZmZzZXQ9Ijk5Ljk5OTk4MjExODYwNjU3JSIgc3RvcC1jb2xvcj0iI0JBQkFCQSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGc+PGcgc3R5bGU9Im9wYWNpdHk6MDsiPjxlbGxpcHNlIGN4PSIyNy41IiBjeT0iMjcuNSIgcng9IjI3LjUiIHJ5PSIyNy41IiBmaWxsPSJ1cmwoI21hc3Rlcl9zdmcwXzExXzM2MDMpIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PGc+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEsMCwwLDEsODQsMCkiIHN0eWxlPSJvcGFjaXR5OjA7Ij48cmVjdCB4PSI0MiIgeT0iMTMiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgcng9IjAiIGZpbGw9IiNEOEQ4RDgiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSw2NC43ODkwNjI1LDApIj48Zz48cGF0aCBkPSJNMzIuNTgxMDE0MjUsMTcuMjI3NzUyODAyNzM0Mzc2UTMyLjc3NjI3NjI1LDE3LjQyMzAxMjgwMjczNDM3Nyw0Mi45NTM4MzEyNSwyNy42MDA3MjI4MDI3MzQzNzRDNDMuMDc0NzMxMjUsMjcuNzIxNTIyODAyNzM0Mzc3LDQzLjA4NTgzMTI1LDI3LjkwODAyMjgwMjczNDM3Niw0Mi45ODIyMzEyNSwyOC4wMzg5MjI4MDI3MzQzNzZMNDIuNTg4NzMxMjUsMjguNDMyNDIyODAyNzM0Mzc2TDQyLjU4ODczMTI1LDI4LjQzMjQyMjgwMjczNDM3NkwzMi41ODE2MjQyNSwzOC40Mzk1MjI4MDI3MzQzN0MzMi4zODYzNjIzOSwzOC42MzQ4MjI4MDI3MzQzOCwzMi4zODYzMDU0NywzOC45NTE1MjI4MDI3MzQzNzQsMzIuNTgxNTY3MjUsMzkuMTQ2ODIyODAyNzM0MzhMMzIuOTM1NTQ0MjUsMzkuNTAwNjIyODAyNzM0MzhDMzMuMTMwODA2MjUsMzkuNjk1ODIyODAyNzM0MzgsMzMuNDQ3MzkxMjUsMzkuNjk1ODIyODAyNzM0MzgsMzMuNjQyNjUxMjUsMzkuNTAwNjIyODAyNzM0MzhMNDQuMDE0OTMxMjUwMDAwMDA0LDI5LjEyODIyMjgwMjczNDM3NEM0NC43OTQ0MzEyNSwyOC4zNDg3MjI4MDI3MzQzNzUsNDQuODcwMTMxMjUsMjcuMzk1NjIyODAyNzM0MzczLDQ0LjA3MTAzMTI1MDAwMDAwNCwyNi41OTY1MjI4MDI3MzQzNzdMNDMuNjU3MDMxMjUsMjYuMTgwNDIyODAyNzM0Mzc3TDQzLjY1NzAzMTI1LDI2LjE4MDQyMjgwMjczNDM3N0wzMy42NDI2NTEyNSwxNi4xNjYwNjk4MDI3MzQzNzNDMzMuNDQ3MzkxMjUsMTUuOTcwODA3MzAyNzM0Mzc1LDMzLjEzMDgwNjI1LDE1Ljk3MDgwNzMwMjczNDM3NSwzMi45MzU1NDQyNSwxNi4xNjYwNjk4MDI3MzQzNzNMMzIuNTEwMzM1MjUsMTYuNTkxMzk5ODAyNzM0Mzc2QzMyLjMxNTA3MzM1LDE2Ljc4NjY2MTgwMjczNDM3NSwzMi4zODU3NTIwNCwxNy4wMzI0OTI4MDI3MzQzNzQsMzIuNTgxMDE0MjUsMTcuMjI3NzUyODAyNzM0Mzc2WiIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwLjg5OTk5OTk3NjE1ODE0MjEiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+');
    --promo-carousel-arrow-dark-bg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU1IDU1Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjAiIHkxPSIwLjUiIHgyPSIxIiB5Mj0iMC41IiBpZD0ibWFzdGVyX3N2ZzBfMTFfMzE5OCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0I4QjhCOCIgc3RvcC1vcGFjaXR5PSIwLjQzOTk5OTk5NzYxNTgxNDIiLz48c3RvcCBvZmZzZXQ9Ijk5Ljk5OTk4MjExODYwNjU3JSIgc3RvcC1jb2xvcj0iI0JBQkFCQSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGc+PGc+PGVsbGlwc2UgY3g9IjI3LjUiIGN5PSIyNy41IiByeD0iMjcuNSIgcnk9IjI3LjUiIGZpbGw9InVybCgjbWFzdGVyX3N2ZzBfMTFfMzE5OCkiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48Zz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSw4NCwwKSIgc3R5bGU9Im9wYWNpdHk6MDsiPjxyZWN0IHg9IjQyIiB5PSIxMyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiByeD0iMCIgZmlsbD0iI0Q4RDhEOCIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KC0xLDAsMCwxLDY0Ljc4OTA2MjUsMCkiPjxnPjxwYXRoIGQ9Ik0zMi41ODEwMTQyNSwxNy4yMjc3NTI4MDI3MzQzNzZRMzIuNzc2Mjc2MjUsMTcuNDIzMDEyODAyNzM0Mzc3LDQyLjk1MzgzMTI1LDI3LjYwMDcyMjgwMjczNDM3NEM0My4wNzQ3MzEyNSwyNy43MjE1MjI4MDI3MzQzNzcsNDMuMDg1ODMxMjUsMjcuOTA4MDIyODAyNzM0Mzc2LDQyLjk4MjIzMTI1LDI4LjAzODkyMjgwMjczNDM3Nkw0Mi41ODg3MzEyNSwyOC40MzI0MjI4MDI3MzQzNzZMNDIuNTg4NzMxMjUsMjguNDMyNDIyODAyNzM0Mzc2TDMyLjU4MTYyNDI1LDM4LjQzOTUyMjgwMjczNDM3QzMyLjM4NjM2MjM5LDM4LjYzNDgyMjgwMjczNDM4LDMyLjM4NjMwNTQ3LDM4Ljk1MTUyMjgwMjczNDM3NCwzMi41ODE1NjcyNSwzOS4xNDY4MjI4MDI3MzQzOEwzMi45MzU1NDQyNSwzOS41MDA2MjI4MDI3MzQzOEMzMy4xMzA4MDYyNSwzOS42OTU4MjI4MDI3MzQzOCwzMy40NDczOTEyNSwzOS42OTU4MjI4MDI3MzQzOCwzMy42NDI2NTEyNSwzOS41MDA2MjI4MDI3MzQzOEw0NC4wMTQ5MzEyNTAwMDAwMDQsMjkuMTI4MjIyODAyNzM0Mzc0QzQ0Ljc5NDQzMTI1LDI4LjM0ODcyMjgwMjczNDM3NSw0NC44NzAxMzEyNSwyNy4zOTU2MjI4MDI3MzQzNzMsNDQuMDcxMDMxMjUwMDAwMDA0LDI2LjU5NjUyMjgwMjczNDM3N0w0My42NTcwMzEyNSwyNi4xODA0MjI4MDI3MzQzNzdMNDMuNjU3MDMxMjUsMjYuMTgwNDIyODAyNzM0Mzc3TDMzLjY0MjY1MTI1LDE2LjE2NjA2OTgwMjczNDM3M0MzMy40NDczOTEyNSwxNS45NzA4MDczMDI3MzQzNzUsMzMuMTMwODA2MjUsMTUuOTcwODA3MzAyNzM0Mzc1LDMyLjkzNTU0NDI1LDE2LjE2NjA2OTgwMjczNDM3M0wzMi41MTAzMzUyNSwxNi41OTEzOTk4MDI3MzQzNzZDMzIuMzE1MDczMzUsMTYuNzg2NjYxODAyNzM0Mzc1LDMyLjM4NTc1MjA0LDE3LjAzMjQ5MjgwMjczNDM3NCwzMi41ODEwMTQyNSwxNy4yMjc3NTI4MDI3MzQzNzZaIiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjAuODk5OTk5OTc2MTU4MTQyMSIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=');
    --promo-carousel-arrow-dark-hover: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU1IDU1Ij48Zz48Zz48ZWxsaXBzZSBjeD0iMjcuNSIgY3k9IjI3LjUiIHJ4PSIyNy41IiByeT0iMjcuNSIgZmlsbD0iI0I4QjhCOCIgZmlsbC1vcGFjaXR5PSIwLjQzOTk5OTk5NzYxNTgxNDIiLz48L2c+PGc+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEsMCwwLDEsODQsMCkiIHN0eWxlPSJvcGFjaXR5OjA7Ij48cmVjdCB4PSI0MiIgeT0iMTMiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgcng9IjAiIGZpbGw9IiNEOEQ4RDgiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSw2NC43ODkwNjI1LDApIj48Zz48cGF0aCBkPSJNMzIuNTgxMDE0MjUsMTcuMjI3NzUyODAyNzM0Mzc2UTMyLjc3NjI3NjI1LDE3LjQyMzAxMjgwMjczNDM3Nyw0Mi45NTM4MzEyNSwyNy42MDA3MjI4MDI3MzQzNzRDNDMuMDc0NzMxMjUsMjcuNzIxNTIyODAyNzM0Mzc3LDQzLjA4NTgzMTI1LDI3LjkwODAyMjgwMjczNDM3Niw0Mi45ODIyMzEyNSwyOC4wMzg5MjI4MDI3MzQzNzZMNDIuNTg4NzMxMjUsMjguNDMyNDIyODAyNzM0Mzc2TDQyLjU4ODczMTI1LDI4LjQzMjQyMjgwMjczNDM3NkwzMi41ODE2MjQyNSwzOC40Mzk1MjI4MDI3MzQzN0MzMi4zODYzNjIzOSwzOC42MzQ4MjI4MDI3MzQzOCwzMi4zODYzMDU0NywzOC45NTE1MjI4MDI3MzQzNzQsMzIuNTgxNTY3MjUsMzkuMTQ2ODIyODAyNzM0MzhMMzIuOTM1NTQ0MjUsMzkuNTAwNjIyODAyNzM0MzhDMzMuMTMwODA2MjUsMzkuNjk1ODIyODAyNzM0MzgsMzMuNDQ3MzkxMjUsMzkuNjk1ODIyODAyNzM0MzgsMzMuNjQyNjUxMjUsMzkuNTAwNjIyODAyNzM0MzhMNDQuMDE0OTMxMjUwMDAwMDA0LDI5LjEyODIyMjgwMjczNDM3NEM0NC43OTQ0MzEyNSwyOC4zNDg3MjI4MDI3MzQzNzUsNDQuODcwMTMxMjUsMjcuMzk1NjIyODAyNzM0MzczLDQ0LjA3MTAzMTI1MDAwMDAwNCwyNi41OTY1MjI4MDI3MzQzNzdMNDMuNjU3MDMxMjUsMjYuMTgwNDIyODAyNzM0Mzc3TDQzLjY1NzAzMTI1LDI2LjE4MDQyMjgwMjczNDM3N0wzMy42NDI2NTEyNSwxNi4xNjYwNjk4MDI3MzQzNzNDMzMuNDQ3MzkxMjUsMTUuOTcwODA3MzAyNzM0Mzc1LDMzLjEzMDgwNjI1LDE1Ljk3MDgwNzMwMjczNDM3NSwzMi45MzU1NDQyNSwxNi4xNjYwNjk4MDI3MzQzNzNMMzIuNTEwMzM1MjUsMTYuNTkxMzk5ODAyNzM0Mzc2QzMyLjMxNTA3MzM1LDE2Ljc4NjY2MTgwMjczNDM3NSwzMi4zODU3NTIwNCwxNy4wMzI0OTI4MDI3MzQzNzQsMzIuNTgxMDE0MjUsMTcuMjI3NzUyODAyNzM0Mzc2WiIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwLjg5OTk5OTk3NjE1ODE0MjEiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+');
    --promo-carousel-arrow-light-idle: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU1IDU1Ij48Zz48Zz48ZWxsaXBzZSBjeD0iMjcuNSIgY3k9IjI3LjUiIHJ4PSIyNy41IiByeT0iMjcuNSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwIi8+PC9nPjxnPjxnPjxnPjxwYXRoIGQ9Ik0zMy4zMzM5MjczODM0MjI4NSwxNy42ODY4NjczNTE2ODQ1N0wyMy4zMTY1NTczODM0MjI4NSwyNy43MDQyMDczNTE2ODQ1N0MyMy4xOTU2NzczODM0MjI4NSwyNy44MjUxMDczNTE2ODQ1NzIsMjMuMTg3MDQ3MzgzNDIyODUsMjguMDE1NzA3MzUxNjg0NTcsMjMuMjkwNjU3MzgzNDIyODUsMjguMTQ2NTA3MzUxNjg0NTdMMjMuMzI2NzQ3MzgzNDIyODUyLDI4LjE4NTgwNzM1MTY4NDU3TDIzLjMyNjc0NzM4MzQyMjg1MiwyOC4xODU4MDczNTE2ODQ1N0wzMy4zMzM5MjczODM0MjI4NSwzOC4xOTMwMDczNTE2ODQ1N0MzMy41MjkxMjczODM0MjI4NSwzOC4zODgyMDczNTE2ODQ1NywzMy41MjkxMjczODM0MjI4NSwzOC43MDQ4MDczNTE2ODQ1NywzMy4zMzM5MjczODM0MjI4NSwzOC45MDAxMDczNTE2ODQ1N0wzMi42MjY4MjczODM0MjI4NSwzOS42MDcyMDczNTE2ODQ1N0MzMi40MzE1MjczODM0MjI4NSwzOS44MDI0MDczNTE2ODQ1NywzMi4xMTQ5MjczODM0MjI4NSwzOS44MDI0MDczNTE2ODQ1NywzMS45MTk3MjczODM0MjI4NTMsMzkuNjA3MjA3MzUxNjg0NTdMMjEuOTAyMzQ0MzgzNDIyODUsMjkuNTg5ODA3MzUxNjg0NTdDMjEuMDEwMTA1MzgzNDIyODUsMjguNjk3NjA3MzUxNjg0NTcsMjAuOTkxNTE3MzgzNDIyODUzLDI3LjI2MjUwNzM1MTY4NDU3LDIxLjg0NjU4MDM4MzQyMjg1LDI2LjM0NzcwNzM1MTY4NDU3TDIxLjkwNTMyNjM4MzQyMjg1MywyNi4yODcwMDczNTE2ODQ1NzJMMjEuOTA1MzI2MzgzNDIyODUzLDI2LjI4NzAwNzM1MTY4NDU3MkwzMS45MTk3MjczODM0MjI4NTMsMTYuMjcyNjU0MzUxNjg0NTdDMzIuMTE0OTI3MzgzNDIyODUsMTYuMDc3MzkxODUxNjg0NTcsMzIuNDMxNTI3MzgzNDIyODUsMTYuMDc3MzkxODUxNjg0NTcsMzIuNjI2ODI3MzgzNDIyODUsMTYuMjcyNjU0MzUxNjg0NTdMMzMuMzMzOTI3MzgzNDIyODUsMTYuOTc5NzYwMzUxNjg0NTcyQzMzLjUyOTEyNzM4MzQyMjg1LDE3LjE3NTAyNzM1MTY4NDU3LDMzLjUyOTEyNzM4MzQyMjg1LDE3LjQ5MTYwNzM1MTY4NDU3LDMzLjMzMzkyNzM4MzQyMjg1LDE3LjY4Njg2NzM1MTY4NDU3WiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjg5OTk5OTk3NjE1ODE0MiIhLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+');
    --promo-carousel-arrow-light-bg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU1IDU1Ij48ZGVmcz48ZmlsdGVyIGlkPSJtYXN0ZXJfc3ZnMF8xMV8zMTg3IiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIgeD0iMCIgeT0iMCIgd2lkdGg9IjU1IiBoZWlnaHQ9IjU1Ij48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJCYWNrZ3JvdW5kSW1hZ2UiIHN0ZERldmlhdGlvbj0iMTAiLz48ZmVDb21wb3NpdGUgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImluIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXIiLz48ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXIiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PGc+PGcgZmlsdGVyPSJ1cmwoI21hc3Rlcl9zdmcwXzExXzMxODcpIj48ZWxsaXBzZSBjeD0iMjcuNSIgY3k9IjI3LjUiIHJ4PSIyNy41IiByeT0iMjcuNSIgZmlsbD0iI0I4QjhCOCIgZmlsbC1vcGFjaXR5PSIwLjQzOTk5OTk5NzYxNTgxNDIiLz48L2c+PGc+PGc+PGc+PHBhdGggZD0iTTMzLjMzMzkyNzM4MzQyMjg1LDE3LjY4Njg2NzM1MTY4NDU3TDIzLjMxNjU1NzM4MzQyMjg1LDI3LjcwNDIwNzM1MTY4NDU3QzIzLjE5NTY3NzM4MzQyMjg1LDI3LjgyNTEwNzM1MTY4NDU3MiwyMy4xODcwNDczODM0MjI4NSwyOC4wMTU3MDczNTE2ODQ1NywyMy4yOTA2NTczODM0MjI4NSwyOC4xNDY1MDczNTE2ODQ1N0wyMy4zMjY3NDczODM0MjI4NTIsMjguMTg1ODA3MzUxNjg0NTdMMjMuMzI2NzQ3MzgzNDIyODUyLDI4LjE4NTgwNzM1MTY4NDU3TDMzLjMzMzkyNzM4MzQyMjg1LDM4LjE5MzAwNzM1MTY4NDU3QzMzLjUyOTEyNzM4MzQyMjg1LDM4LjM4ODIwNzM1MTY4NDU3LDMzLjUyOTEyNzM4MzQyMjg1LDM4LjcwNDgwNzM1MTY4NDU3LDMzLjMzMzkyNzM4MzQyMjg1LDM4LjkwMDEwNzM1MTY4NDU3TDMyLjYyNjgyNzM4MzQyMjg1LDM5LjYwNzIwNzM1MTY4NDU3QzMyLjQzMTUyNzM4MzQyMjg1LDM5LjgwMjQwNzM1MTY4NDU3LDMyLjExNDkyNzM4MzQyMjg1LDM5LjgwMjQwNzM1MTY4NDU3LDMxLjkxOTcyNzM4MzQyMjg1MywzOS42MDcyMDczNTE2ODQ1N0wyMS45MDIzNDQzODM0MjI4NSwyOS41ODk4MDczNTE2ODQ1N0MyMS4wMTAxMDUzODM0MjI4NSwyOC42OTc2MDczNTE2ODQ1NywyMC45OTE1MTczODM0MjI4NTMsMjcuMjYyNTA3MzUxNjg0NTcsMjEuODQ2NTgwMzgzNDIyODUsMjYuMzQ3NzA3MzUxNjg0NTdMMjEuOTA1MzI2MzgzNDIyODUzLDI2LjI4NzAwNzM1MTY4NDU3MkwyMS45MDUzMjYzODM0MjI4NTMsMjYuMjg3MDA3MzUxNjg0NTcyTDMxLjkxOTcyNzM4MzQyMjg1MywxNi4yNzI2NTQzNTE2ODQ1N0MzMi4xMTQ5MjczODM0MjI4NSwxNi4wNzczOTE4NTE2ODQ1NywzMi40MzE1MjczODM0MjI4NSwxNi4wNzczOTE4NTE2ODQ1NywzMi42MjY4MjczODM0MjI4NSwxNi4yNzI2NTQzNTE2ODQ1N0wzMy4zMzM5MjczODM0MjI4NSwxNi45Nzk3NjAzNTE2ODQ1NzJDMzMuNTI5MTI3MzgzNDIyODUsMTcuMTc1MDI3MzUxNjg0NTcsMzMuNTI5MTI3MzgzNDIyODUsMTcuNDkxNjA3MzUxNjg0NTcsMzMuMzMzOTI3MzgzNDIyODUsMTcuNjg2ODY3MzUxNjg0NTdaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuODk5OTk5OTc2MTU4MTQyMSIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4');
    --promo-carousel-arrow-light-hover: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU1IDU1Ij48ZGVmcz48ZmlsdGVyIGlkPSJtYXN0ZXJfc3ZnMF8xMV8zMTg3IiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIgeD0iMCIgeT0iMCIgd2lkdGg9IjU1IiBoZWlnaHQ9IjU1Ij48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJCYWNrZ3JvdW5kSW1hZ2UiIHN0ZERldmlhdGlvbj0iMTAiLz48ZmVDb21wb3NpdGUgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImluIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXIiLz48ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXIiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PGc+PGcgZmlsdGVyPSJ1cmwoI21hc3Rlcl9zdmcwXzExXzMxODcpIj48ZWxsaXBzZSBjeD0iMjcuNSIgY3k9IjI3LjUiIHJ4PSIyNy41IiByeT0iMjcuNSIgZmlsbD0iI0I4QjhCOCIgZmlsbC1vcGFjaXR5PSIwLjQzOTk5OTk5NzYxNTgxNDIiLz48L2c+PGc+PGc+PGc+PHBhdGggZD0iTTMzLjMzMzkyNzM4MzQyMjg1LDE3LjY4Njg2NzM1MTY4NDU3TDIzLjMxNjU1NzM4MzQyMjg1LDI3LjcwNDIwNzM1MTY4NDU3QzIzLjE5NTY3NzM4MzQyMjg1LDI3LjgyNTEwNzM1MTY4NDU3MiwyMy4xODcwNDczODM0MjI4NSwyOC4wMTU3MDczNTE2ODQ1NywyMy4yOTA2NTczODM0MjI4NSwyOC4xNDY1MDczNTE2ODQ1N0wyMy4zMjY3NDczODM0MjI4NTIsMjguMTg1ODA3MzUxNjg0NTdMMjMuMzI2NzQ3MzgzNDIyODUyLDI4LjE4NTgwNzM1MTY4NDU3TDMzLjMzMzkyNzM4MzQyMjg1LDM4LjE5MzAwNzM1MTY4NDU3QzMzLjUyOTEyNzM4MzQyMjg1LDM4LjM4ODIwNzM1MTY4NDU3LDMzLjUyOTEyNzM4MzQyMjg1LDM4LjcwNDgwNzM1MTY4NDU3LDMzLjMzMzkyNzM4MzQyMjg1LDM4LjkwMDEwNzM1MTY4NDU3TDMyLjYyNjgyNzM4MzQyMjg1LDM5LjYwNzIwNzM1MTY4NDU3QzMyLjQzMTUyNzM4MzQyMjg1LDM5LjgwMjQwNzM1MTY4NDU3LDMyLjExNDkyNzM4MzQyMjg1LDM5LjgwMjQwNzM1MTY4NDU3LDMxLjkxOTcyNzM4MzQyMjg1MywzOS42MDcyMDczNTE2ODQ1N0wyMS45MDIzNDQzODM0MjI4NSwyOS41ODk4MDczNTE2ODQ1N0MyMS4wMTAxMDUzODM0MjI4NSwyOC42OTc2MDczNTE2ODQ1NywyMC45OTE1MTczODM0MjI4NTMsMjcuMjYyNTA3MzUxNjg0NTcsMjEuODQ2NTgwMzgzNDIyODUsMjYuMzQ3NzA3MzUxNjg0NTdMMjEuOTA1MzI2MzgzNDIyODUzLDI2LjI4NzAwNzM1MTY4NDU3MkwyMS45MDUzMjYzODM0MjI4NTMsMjYuMjg3MDA3MzUxNjg0NTcyTDMxLjkxOTcyNzM4MzQyMjg1MywxNi4yNzI2NTQzNTE2ODQ1N0MzMi4xMTQ5MjczODM0MjI4NSwxNi4wNzczOTE4NTE2ODQ1NywzMi40MzE1MjczODM0MjI4NSwxNi4wNzczOTE4NTE2ODQ1NywzMi42MjY4MjczODM0MjI4NSwxNi4yNzI2NTQzNTE2ODQ1N0wzMy4zMzM5MjczODM0MjI4NSwxNi45Nzk3NjAzNTE2ODQ1NzJDMzMuNTI5MTI3MzgzNDIyODUsMTcuMTc1MDI3MzUxNjg0NTcsMzMuNTI5MTI3MzgzNDIyODUsMTcuNDkxNjA3MzUxNjg0NTcsMzMuMzMzOTI3MzgzNDIyODUsMTcuNjg2ODY3MzUxNjg0NTdaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuODk5OTk5OTc2MTU4MTQyMSIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4');
    --promo-carousel-arrow-idle: var(--promo-carousel-arrow-dark-idle);
    --promo-carousel-arrow-bg: var(--promo-carousel-arrow-dark-bg);
    --promo-carousel-arrow-bg-hover: var(--promo-carousel-arrow-dark-hover);
    display: block;
    width: 100%;
    color: #353535;
}

theme-promo-showcase-hub[data-arrow-style="light"] {
    --promo-carousel-arrow-idle: var(--promo-carousel-arrow-light-idle);
    --promo-carousel-arrow-bg: var(--promo-carousel-arrow-light-bg);
    --promo-carousel-arrow-bg-hover: var(--promo-carousel-arrow-light-hover);
}

theme-promo-showcase-hub[data-arrow-style="light"] .promo-carousel-banner__pagination-track {
    background-color: rgba(255, 255, 255, 0.2);
}

theme-promo-showcase-hub[data-arrow-style="light"] .promo-carousel-banner__pagination-fill {
    background-color: rgba(255, 255, 255, 1);
}

.promo-showcase-hub .psk__viewport {
    width: 100%;
}

.promo-showcase-hub .psk__shell {
    box-sizing: border-box;
    width: 100%;
    max-width: 1400px;
    margin-inline: auto;
}

@media screen and (min-width: 768px) and (max-width: 1439.98px) {
    .promo-showcase-hub .psk__shell {
        padding-inline: 20px;
    }
}

.promo-showcase-hub .psk__title {
    margin: 0 0 20px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.promo-showcase-hub .psk__tabs-scroll {
    margin-bottom: 20px;
}

.promo-showcase-hub .psk__item-panels {
    width: 100%;
}

.promo-showcase-hub .psk__tabs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    min-width: min(100%, 720px);
    margin-inline: auto;
}

.promo-showcase-hub .psk__tab {
    flex: 0 0 auto;
    appearance: none;
    background: transparent;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    padding: 10px 10px;
    border-radius: 50px;
    color: #000;
    margin: 0 8px;
    cursor: pointer;
    text-align: center;
    border: 0;
    white-space: nowrap;
}

.promo-showcase-hub .psk__tab--active {
    background-color: #f5f5f5;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
}

.promo-showcase-hub .psk__tab:focus-visible {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
}

.promo-showcase-hub .psk__split {
    display: flex;
    flex-direction: column;
    gap: var(--psk-gutter);
    width: 100%;
}

.promo-showcase-hub .psk__split--product-hub .psk__col--left .psk__hub-gallery {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    align-self: stretch;
}

.promo-showcase-hub .psk__split--product-hub:not(:first-child) {
    margin-top: var(--psk-gutter);
}

.promo-showcase-hub .psk__product-hub-price {
    margin: 10px 0 0;
}

.promo-showcase-hub .psk__product-hub-price .product-price__sale {
    display: block;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 600;
}

.promo-showcase-hub .psk__product-hub-price .product-price__origin {
    display: inline-block;
    line-height: 1.3;
    font-size: 10px;
    font-weight: 400;
    opacity: 0.6;
    margin-left: 5px;
}

.promo-showcase-hub .psk__product-hub-price.hideprice {
    opacity: 0;
    user-select: none;
    pointer-events: none;
}

.promo-showcase-hub .psk__product-hub-price.hide-origin-price .product-price__origin {
    display: none !important;
}

.promo-showcase-hub .psk__product-hub-placeholder {
    box-sizing: border-box;
    width: 100%;
    padding: 24px 20px;
    margin: 0 auto;
    max-width: 480px;
    text-align: center;
    border: 1px dashed rgba(0, 0, 0, 0.2);
    border-radius: var(--psk-radius-lg, 12px);
    color: #555;
}

@media screen and (max-width: 767.98px) {
    .promo-showcase-hub .psk__tabs-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding: 5px 0px;
    }

    .promo-showcase-hub .psk__tabs {
        justify-content: flex-start;
    }

    .promo-showcase-hub .psk__tab {
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) {
    .promo-showcase-hub .psk__split {
        flex-direction: row;
        align-items: stretch;
    }

    .promo-showcase-hub .psk__split--product-hub {
        width: 100%;
    }

    .promo-showcase-hub .psk__col {
        flex: 1 1 0;
        min-width: 0;
    }

    .promo-showcase-hub .psk__col--left {
        display: flex;
        flex-direction: column;
        align-self: stretch;
        min-height: 0;
    }
}

/* ---- Left: carousel ---- */
.promo-showcase-hub .psk__left-panel--carousel {
    display: flex;
    flex-direction: column;
    border-radius: var(--psk-radius-lg);
    background: linear-gradient(180deg, #fffdf8 0%, #f6f0e6 100%);
    overflow: hidden;
    flex: 1 1 auto;
    align-self: stretch;
    min-height: 690px;
}

@media screen and (min-width: 768px) and (max-width: 1439px) {
    .promo-showcase-hub .psk__left-panel--carousel {
        min-height: 47.9166vw;
    }
}

@media screen and (max-width: 888.98px) {
    .promo-showcase-hub .psk__left-panel--carousel {
        width: 100%;
        min-height: min(92vw, 560px);
        flex: 0 0 auto;
    }
}

.promo-showcase-hub .psk__carousel.promo-carousel-banner__carousel {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
}

.promo-showcase-hub .psk__hub-carousel-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
}

@media screen and (max-width: 888.98px) {
    .promo-showcase-hub .psk__hub-carousel-inner {
        width: 100%;
        flex: 1 1 auto;
        min-height: min(88vw, 520px);
    }
}

.promo-showcase-hub .promo-carousel-banner__track {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    align-self: stretch;
    width: 100%;
    min-height: 0;
    height: 100%;
}

/* Match promo-carousel-banner arrows; inset for card layout */
.promo-showcase-hub .promo-carousel-banner__arrow--prev {
    left: 8px;
}

.promo-showcase-hub .promo-carousel-banner__arrow--next {
    right: 8px;
}

@media screen and (min-width: 900px) {
    .promo-showcase-hub .promo-carousel-banner__arrow--prev {
        left: 12px;
    }

    .promo-showcase-hub .promo-carousel-banner__arrow--next {
        right: 12px;
    }
}

.promo-showcase-hub .psk__hub-carousel-controls.promo-carousel-banner__controls {
    bottom: 20px;
    max-width: min(560px, calc(100% - 48px));
}

@media screen and (max-width: 839.98px) {
    .promo-showcase-hub .psk__hub-carousel-controls.promo-carousel-banner__controls {
        bottom: 12px;
        max-width: min(100% - 32px, 420px);
    }
}

/**
   * Hub carousel: segment progress matches autoplay (theme-carousel data-autoplay-speed in seconds).
   * Duration is mirrored via --psk-hub-autoplay-duration on .psk__hub-carousel-inner.
   */
@keyframes psk-hub-carousel-pager-progress {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

.promo-showcase-hub .psk__hub-carousel-inner .promo-carousel-banner__pagination-track {
    width: 80px;
    height: 2px;
    margin: 0 6px;
    border-radius: 1px;
    background-color: rgba(0, 0, 0, 0.18);
}

.promo-showcase-hub .psk__hub-carousel-inner .promo-carousel-banner__pagination-fill {
    width: 0;
    height: 2px;
    border-radius: 1px;
    transition: none;
    background-color: rgba(0, 0, 0, 1);
}

.promo-showcase-hub .psk__hub-carousel-inner .promo-carousel-banner__pagination-item.is-active .promo-carousel-banner__pagination-fill {
    animation: psk-hub-carousel-pager-progress linear var(--psk-hub-autoplay-duration, 6s) forwards;
}

.promo-showcase-hub .psk__hub-carousel-inner .promo-carousel-banner__pagination-item:not(.is-active) .promo-carousel-banner__pagination-fill {
    animation: none;
    width: 0;
}

@media screen and (max-width: 839.98px) {
    .promo-showcase-hub .psk__hub-carousel-inner .promo-carousel-banner__pagination-track {
        width: min(52px, 11vw);
        margin: 0 4px;
    }

    .promo-showcase-hub .psk__hub-carousel-inner .promo-carousel-banner__pagination-item.is-active .promo-carousel-banner__pagination-fill {
        inset-inline-start: 0;
    }
}

theme-carousel.psk__carousel[data-single-slide='true'] .promo-carousel-banner__arrow,
theme-carousel.psk__carousel[data-single-slide='true'] .psk__hub-carousel-controls {
    display: none;
}

.promo-showcase-hub .psk__left-slide {
    box-sizing: border-box;
    flex: 0 0 100%;
    align-self: stretch;
    width: 100%;
    min-height: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: stretch;
}

.promo-showcase-hub .psk__left-slide-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    min-height: 0;
}

.promo-showcase-hub .psk__left-slide-visual {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    display: flex;
    align-items: stretch;
    min-height: 0;
}

.promo-showcase-hub .psk__left-slide-img {
    flex: 1 1 auto;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    display: flex;
    align-items: stretch;
}

.promo-showcase-hub .psk__left-slide-img :is(img, picture),
.promo-showcase-hub .psk__left-slide-img img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
}

.promo-showcase-hub .psk__left-slide-img picture {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.promo-showcase-hub .psk__btn-primary {
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 50px;
    background-color: #000;
    color: #fff;
    margin-right: 20px;
}

.promo-showcase-hub .psk__btn-primary:focus-visible {
    outline: revert;
    outline-offset: 2px;
}

.promo-showcase-hub .psk__card.psk__card--gallery {
    width: 100%;
    min-height: 690px;
    height: 100%;
}

.promo-showcase-hub .psk__card.psk__card--gallery .psk__card-media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75%;
    position: relative;
    z-index: 1;
    margin: 10px auto;
    height: 440px;
    max-width: unset;
    max-height: unset;
}

.promo-showcase-hub .psk__card.psk__card--gallery .psk__card-media img {
    max-width: 373px;
    max-height: 440px;
    width: auto;
}

.promo-showcase-hub .psk__card.psk__card--gallery .psk__card-title {
    font-size: 32px;
}

.promo-showcase-hub .psk__card.psk__card--gallery .psk__product-hub-price {
    margin-top: 24px;
}

.promo-showcase-hub .psk__card.psk__card--gallery .product-price__sale {
    font-size: 18px;
}

.promo-showcase-hub .psk__card.psk__card--gallery .psk__card-buy-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.promo-showcase-hub .psk__card.psk__card--gallery .psk__card-buy {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 50px;
    background-color: #000;
    color: #fff;
    margin: 0 20px 0 0;
    width: max-content;
}

.promo-showcase-hub .psk__card.psk__card--gallery .psk__card-buy:focus-visible {
    outline: revert;
    outline-offset: 2px;
}

.promo-showcase-hub .psk__card.psk__card--gallery .psk__card-buy::after {
    display: none;
}

.promo-showcase-hub .psk__text-link {
    color: #111;
    text-decoration: underline;
    font-size: 0.9rem;
}

/* ---- Left: backdrop ---- */
.promo-showcase-hub .psk__left-panel--backdrop {
    position: relative;
    border-radius: var(--psk-radius-lg);
    overflow: hidden;
    min-height: 690px;
    background: #f3efe7;
    height: 100%;
}

.promo-showcase-hub .psk__backdrop-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.promo-showcase-hub .psk__backdrop-bg :is(img, picture) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.promo-showcase-hub .psk__backdrop-overlay {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    min-height: 690px;
    height: 100%;
}

.promo-showcase-hub .psk__backdrop-badge :is(img, picture) {
    max-width: 120px;
    height: auto;
}

.promo-showcase-hub .psk__backdrop-title {
    margin: 0;
    font-size: clamp(1.25rem, 2.2vw, 1.6rem);
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.promo-showcase-hub .psk__backdrop-subtitle,
.promo-showcase-hub .psk__backdrop-price,
.promo-showcase-hub .psk__backdrop-strip,
.promo-showcase-hub .psk__backdrop-bundle,
.promo-showcase-hub .psk__backdrop-energy-cap {
    margin: 0;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.promo-showcase-hub .psk__backdrop-energy :is(img, picture) {
    height: 100%;
    width: 100%;
    display: block;
    margin-inline: auto;
}

.promo-showcase-hub .psk__backdrop-energy-row {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: 30px;
    bottom: 260px;
    text-align: center;
}

.promo-showcase-hub .psk__backdrop-energy-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-decoration: none;
}

.promo-showcase-hub .psk__backdrop-energy-icon-link:focus-visible {
    outline: 2px solid #000;
    outline-offset: unset;
}

.promo-showcase-hub .psk__backdrop-energy--within-link {
    height: 30px;
}

.promo-showcase-hub .psk__backdrop-energy--within-link :is(img, picture) {
    height: 100%;
    width: auto;
    max-width: none;
}

.promo-showcase-hub .psk__backdrop-energy {
    height: 30px;
}

.promo-showcase-hub .psk__backdrop-product-info {
    color: #707070;
    font-size: 12px;
    text-decoration: none;
}

.promo-showcase-hub .psk__backdrop-product-info:focus-visible {
    outline: 2px solid #000;
    outline-offset: unset;
}

.promo-showcase-hub .psk__backdrop-product-info:hover {
    cursor: pointer;
}

.promo-showcase-hub .psk__backdrop-product-info-wrapper {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.promo-showcase-hub .psk__backdrop-product-price {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    line-height: 1.3;
}

.promo-showcase-hub .psk__backdrop-overlay .psk__backdrop-product-price .product-price__origin {
    display: none;
}

.promo-showcase-hub .psk__backdrop-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 6.5px;
}

.promo-showcase-hub .psk__btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    border-radius: var(--psk-radius-pill);
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

/* ---- Right grid ---- */
.promo-showcase-hub .psk__col--right {
    min-height: 690px;
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}

.promo-showcase-hub .psk__col--right-srcoll {
    display: flex;
    gap: var(--psk-gutter);
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 480px) {
    .promo-showcase-hub .psk__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.promo-showcase-hub .psk__card {
    position: relative;
    border-radius: var(--psk-radius-lg);
    width: calc(50% - var(--psk-gutter) / 2);
    overflow: hidden;
}

.promo-showcase-hub .psk__card[data-psk-card-bg="solid"] {
    background: var(--psk-card-bg-solid, #fff8ed);
}

.promo-showcase-hub .psk__card:not([data-psk-card-bg="solid"]) {
    background: linear-gradient(var(--psk-card-gradient-angle, 180deg),
            var(--psk-card-g1, #fff8ed) 0%,
            var(--psk-card-g2, #f4e8d4) 100%);
}

.promo-showcase-hub .psk__card-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.promo-showcase-hub .psk__card-corner-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 7px 16px;
    border-radius: 50px;
    background-color: #1455ff;
    color: #fff;
    z-index: 10;
}

.promo-showcase-hub .psk__card-tag {
    align-self: flex-start;
    padding: 4px 12px;
    border-radius: var(--psk-radius-pill);
    background: var(--psk-tag-bg, #0057ff);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
}

.promo-showcase-hub .psk__card-media {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 16px auto 13px;
    max-width: 169px;
    max-height: 169px;
}

.promo-showcase-hub .psk__card-media :is(img, picture) {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.promo-showcase-hub .psk__card-swatches {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0%;
    top: 0px;
    z-index: 5;
}

.promo-showcase-hub .psk__card-swatches:empty {
    display: none;
}

.promo-showcase-hub .psk__swatch {
    width: 26px;
    height: 26px;
    border-radius: 50px;
    padding: 2px;
    border: 1.5px solid transparent;
    margin: 0 3px;
    cursor: pointer;
}

.promo-showcase-hub .psk__swatch.is-selected {
    border-color: grey;
}

.promo-showcase-hub .psk__swatch:focus-visible {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
}

.promo-showcase-hub .psk__swatch-inner :is(img, picture) {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.promo-showcase-hub .psk__swatch.psk__swatch--color .psk__swatch-inner {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--swatch-background-color, #ccc);
    border: 1px solid grey;
}

.promo-showcase-hub .psk__swatch.psk__swatch--media .psk__swatch-inner {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid grey;
}

.promo-showcase-hub .psk__card-body {
    text-align: center;
    position: relative;
    padding: 30px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.promo-showcase-hub .psk__card.psk__card--gallery .psk__card-body {
    justify-content: flex-start;
}

.promo-showcase-hub .psk__card-title,
.promo-showcase-hub .psk__card-title-code {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.promo-showcase-hub .psk__card-title-code {
    margin-top: 10px;
}

.promo-showcase-hub .psk__card-title-code-text {
    margin-right: 8px;
}

.promo-showcase-hub .psk__card-title-code-value {
    appearance: none;
    color: red;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    line-height: inherit;
    text-align: inherit;
}

.promo-showcase-hub .psk__card-title-code-value:hover {
    opacity: 0.85;
}

.promo-showcase-hub .psk__card-title-code-value:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.psk__copy-toast {
    position: fixed;
    top: max(24px, env(safe-area-inset-top, 0px));
    left: 50%;
    z-index: 99999;
    max-width: calc(100vw - 32px);
    padding: 10px 20px;
    border-radius: 9999px;
    background: rgba(100, 100, 100, 0.92);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    pointer-events: none;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(-6px);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s;
}

.psk__copy-toast.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.promo-showcase-hub .psk__card-desc,
.promo-showcase-hub .psk__card-code-row,
.promo-showcase-hub .psk__card-price,
.promo-showcase-hub .psk__card-price-note {
    display: inline-block;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 600;
}

.promo-showcase-hub .psk__code {
    color: #e02020;
    font-weight: 700;
}

.promo-showcase-hub .psk__card-energy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    height: 30px;
}

.promo-showcase-hub .psk__energy-icon :is(img, picture) {
    width: 35px;
    height: auto;
}

.promo-showcase-hub .psk__energy-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.promo-showcase-hub .psk__energy-icon-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.promo-showcase-hub .psk__energy-icon--within-link :is(img, picture) {
    width: 35px;
    height: auto;
    display: block;
}

.promo-showcase-hub .psk__energy-link {
    color: #707070;
    font-size: 12px;
}

.promo-showcase-hub .psk__card-buy {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    background: none;
    border-radius: 0px;
    color: #000;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
}

.promo-showcase-hub .psk__card-buy:hover::after {
    transform: translateX(3px);
}

.promo-showcase-hub .psk__card-buy::after {
    content: "";
    width: 20px;
    height: 20px;
    content: "";
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiPiA8cGF0aCBkPSJNMzg1LjE3NDMxMiA3ODguNDE0OTYxYy02LjUwMzg4MSAwLTEzLjAwNzc2My0yLjE2Nzk2LTE4LjA2NjMzNy03LjIyNjUzNS0xMC4xMTcxNDktMTAuMTE3MTQ5LTEwLjExNzE0OS0yNi4wMTU1MjYgMC0zNS40MTAwMjFsMjMxLjI0OTExNy0yMzEuMjQ5MTE4YzEuNDQ1MzA3LTEuNDQ1MzA3IDEuNDQ1MzA3LTQuMzM1OTIxIDAtNS43ODEyMjhsLTIzMS4yNDkxMTctMjMyLjY5NDQyNWMtMTAuMTE3MTQ5LTEwLjExNzE0OS0xMC4xMTcxNDktMjYuMDE1NTI2IDAtMzYuMTMyNjc0czI2LjAxNTUyNi0xMC4xMTcxNDkgMzYuMTMyNjc0IDBsMjMxLjk3MTc3MiAyMzEuOTcxNzcxYzIxLjY3OTYwNSAyMS42Nzk2MDUgMjEuNjc5NjA1IDU2LjM2Njk3MiAwIDc3LjMyMzkyNGwtMjMxLjI0OTExOCAyMzEuMjQ5MTE4Yy01Ljc4MTIyOCA1Ljc4MTIyOC0xMi4yODUxMDkgNy45NDkxODgtMTguNzg4OTkxIDcuOTQ5MTg4eiIgZmlsbD0iIzAwMDAwMCIvPiA8L3N2Zz4=') no-repeat;
    position: relative;
    display: inline-block;
    transition: 0.6s ease;
}

.promo-showcase-hub .psk__card-footer-link {
    margin-top: auto;
    text-align: center;
    font-size: 0.85rem;
    color: #111;
    text-decoration: none;
    font-weight: 600;
}

@media screen and (max-width: 767.98px) {
    theme-promo-showcase-hub {
        --psk-gutter: 10px;
    }

    .promo-showcase-hub .psk__shell {
        width: calc(100vw - 20px);
        margin: 0 auto;
    }

    .promo-showcase-hub .psk__split {
        flex-wrap: wrap;
    }

    .promo-showcase-hub .psk__col--left {
        width: 100%;
    }

    .promo-showcase-hub .psk__card.psk__card--gallery .psk__card-media {
        height: 215px;
    }

    .promo-showcase-hub .psk__card.psk__card--gallery .psk__card-media img {
        max-width: 182px;
        max-height: 216px;
    }

    .promo-showcase-hub .psk__card.psk__card--gallery {
        min-height: 0;
    }

    .promo-showcase-hub .psk__card.psk__card--gallery .psk__product-hub-price {
        margin-top: 20px;
    }

    .promo-showcase-hub .psk__card.psk__card--gallery .product-price__sale {
        font-size: 14px;
    }

    .promo-showcase-hub .psk__card-swatches {
        top: -7px;
    }

    .promo-showcase-hub .psk__card-body {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .promo-showcase-hub .psk__col--right {
        overflow-x: scroll;
        padding-bottom: 15px;
        min-height: 0;
    }

    .promo-showcase-hub .psk__col--right-srcoll {
        flex-wrap: nowrap;
        width: auto;
    }

    .promo-showcase-hub .psk__card {
        width: 250px;
    }

    .promo-showcase-hub .psk__card-media {
        max-width: 120px;
        max-height: 120px;
    }

    .promo-showcase-hub .psk__card-body {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .promo-showcase-hub .psk__card-title,
    .promo-showcase-hub .psk__card-title-code {
        font-size: 14px;
    }

    .promo-showcase-hub .psk__backdrop-product-price {
        font-size: 14px;
    }

    .promo-showcase-hub .psk__backdrop-actions {
        margin-top: 20px;
    }

    .promo-showcase-hub .psk__left-panel--backdrop {
        min-height: 47.9166vw;
    }

    .promo-showcase-hub .psk__backdrop-overlay {
        min-height: 47.9166vw;
    }

    .promo-showcase-hub .psk__backdrop-energy-row {
        bottom: 28%;
    }
}

/* ====== Subscribe Form ====== */
.subscribe-form-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    height: 510px;
    background: #F9F9F9;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: relative;
    border-radius: 24px;
}

.subscribe-content-left {
    position: absolute;
    width: 70%;
    height: 100%;
    left: 0%;
    top: 0%;
    padding: 20px 20px 20px 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.subscribe-form .title {
    max-width: 786px;
    font-size: 22px;
    margin-top: 0px;
    padding-top: 0px;
    font-weight: 600;
    line-height: 1.3;
}

.subscribe-form .desc {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 0px;
    color: #000000;
    line-height: 26px;
    font-weight: 500;
}

.subscribe-form label {
    max-width: 90%;
    font-weight: 500;
    width: 100%;
}


.subscribe-form .term label {
    display: flex;
    align-items: flex-start;
}

.subscribe-form .term-code {
    display: none;
    width: 15px;
    height: 15px;
    opacity: 0.4;
    border: 1px solid #000000;
    border-radius: 2px;
    margin-top: 2px;
}

.subscribe-form .term-desc {
    position: relative;
}

.subscribe-form .term-desc::before {
    content: '';
    width: 15px;
    height: 15px;
    margin-top: 2px;
    float: left;
    display: block;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55+p5b2i5aSH5Lu9IDEwPC90aXRsZT4KICAgIDxnIGlkPSLkuLvku7YiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9IjAuNCI+CiAgICAgICAgPGcgaWQ9IuS4u+S7tuinhOiMg++8iDE0NDAvODQwLzM2MO+8iSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOS4wMDAwMDAsIC0xMjQwLjAwMDAwMCkiIHN0cm9rZT0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxnIGlkPSLnn6nlvaLlpIfku70tMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOS4wMDAwMDAsIDEyNDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2i5aSH5Lu9LTEwIiB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.subscribe-form .term-desc p {
    font-size: 12px;
    margin: 0 0 0 25px;
    line-height: 20px;
    font-weight: 500;
}

.subscribe-form .term-desc a {
    color: #1455ff;
    font-weight: 700;
}

.subscribe-form .term-desc a:focus-visible {
    outline: revert;
    outline-offset: 2px;
}

.subscribe-terms .term {
    margin-bottom: 10px;
}

.subscribe-form__form {
    margin-top: 20px;
    border-radius: 16px;
    max-width: 800px;
}

.subscribe-tabTitle {
    padding: 15px 20px;
    border-radius: 10px;
    background: #fff;
}

.subscribe-tabContent {
    display: flex;
    width: 100%;
    background-color: #FFFFFF;
    padding: 20px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.subscribe-form .email {
    flex: auto;
}

.subscribe-form .email input {
    font-size: 14px;
    width: -webkit-fill-available;
    color: #000000;
    line-height: 20px;
    font-weight: 500;
    background-color: #F9F9F9;
    border-radius: 20px;
    border: 1px solid #7f7f7f;
    padding: 9px 20px;
    margin-right: 10px;
    box-sizing: border-box;
}

.subscribe-form .submit {
    max-width: 195px;
}

.subscribe-form .submit-btn {
    width: auto;
    max-width: 195px;
    height: 40px;
    border-radius: 20px;
    background-color: #000;
    border: none;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    cursor: pointer;
    padding: 0 32px;
}

.subscribe-form .submit-btn:focus-visible {
    outline: revert;
    outline-offset: 2px;
}

.subscribe-form .email-icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-size: cover;
}

.subscribe-form .error-email {
    font-size: 11px;
    color: #EB1406;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    margin: 0 0 -20px;
}

.subscribe-form .error-email::before {
    content: '';
    width: 11px;
    height: 11px;
    margin-right: 5px;
    background: url(/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/subscribe/exclamation.webp) no-repeat;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 4px;
}

.subscribe-tabTitle span {
    margin-left: 6px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 1439px) {
    .subscribe-form .title {
        max-width: 500px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1439px) {
    .subscribe-form-wrapper {
        width: calc(100% - 40px);
    }
}

@media only screen and (max-width: 839.98px) {
    .subscribe-tabContent {
        display: block;
    }

    .subscribe-form .submit {
        width: 100%;
        margin-top: 12px;
        max-width: unset;
    }

    .subscribe-form .submit-btn {
        max-width: unset;
        width: 100%;
        padding: 0px 20px;
    }

    .subscribe-tabTitle span {
        font-size: 14px;
    }

    .subscribe-form .email input {
        width: 100%;
        margin-right: 0;
        padding: 10px 20px;
        height: 40px;
    }
}

@media screen and (max-width: 767.98px) {
    .subscribe-form-wrapper {
        width: calc(100% - 20px);
        margin: 0 auto;
        box-sizing: border-box;
        border-radius: 12px;
        background: url(/content/dam/honor/uk/shop/offers/2026/0430/sub-wap.png);
        background-repeat: repeat;
        background-size: 100%;
        background-position: top;
        height: auto;
        padding-top: 13vw;
    }

    .subscribe-content-left {
        width: 100%;
        bottom: 0;
        height: auto;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        position: relative;
        margin-top: 0px;
        padding: 10px;
    }

    .subscribe-form .title {
        padding-top: 0px;
        width: 60%;
        margin: 0px;
        text-align: left;
        margin-bottom: 5vw;
        font-size: 6vw;
    }

    .subscribe-form__form {
        border-radius: 12px;
        margin-top: 10px;
    }

    .subscribe-tabContent {
        padding: 10px;
    }
}

/* ====== Subscribe Form End ====== */

/* ====== Contact Icons  ====== */
.contact-icons-wrap {
    margin: 0 auto;
    max-width: 1400px;
    margin-bottom: 60px;
    color: #353535;
}

.contact-icons-wrap .contact-icons-tnc {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    opacity: 0.8;
    margin-bottom: 12px;
}

.contact-icons-wrap .contact-icons-tnc a {
    color: #256fff;
}

.contact-icons-cont {
    display: flex;
    padding: 20px 30px;
    border-radius: 24px;
    background: #f9f9f9;
    justify-content: space-between;
}

.contact-icons-wrap .item {
    width: 49%;
}

.contact-icons-wrap .list-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 10px;
}

.contact-icons-wrap .list-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact-icons-wrap li {
    width: 50%;
    padding: 10px;
    height: 80px;
}

.contact-icons-wrap li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.contact-icons-wrap .icon {
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.contact-icons-wrap .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-icons-wrap .title {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #353535;
    word-break: break-all;
}

.contact-icons-wrap .desc {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
    color: #353535;
    word-break: break-word;
    margin: 4px 0 0;
}

.contact-icons-wrap .text {
    flex: 1;
}

.contact-icons-wrap li a:hover .desc {
    color: #256fff;
}

@media screen and (min-width: 840px) and (max-width: 1439.99px) {
    .contact-icons-wrap .list-title {
        font-size: 18px;
    }

    .contact-icons-wrap li {
        padding: 5px;
    }

    .contact-icons-wrap .title {
        font-size: 14px;
    }

    .contact-icons-wrap .desc {
        font-size: 12px;
    }
}

@media screen and (max-width: 839.99px) {
    .contact-icons-wrap .list-title {
        font-size: 16px;
        padding-left: 10px;
        margin-bottom: 5px;
    }

    .contact-icons-wrap .icon {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .contact-icons-cont {
        flex-wrap: wrap;
        padding: 10px;
        border-radius: 12px;
    }

    .contact-icons-wrap .title {
        font-size: 12px;
    }

    .contact-icons-wrap .desc {
        font-size: 10px;
    }

    .contact-icons-wrap .item {
        width: 100%;
        margin-top: 10px;
    }

    .contact-icons-wrap li {
        padding: 5px;
        height: auto;
    }
}

@media screen and (max-width: 767.99px) {
    .contact-icons-wrap {
        padding: 0 10px;
        margin-bottom: 30px;
        max-width: 100%;
    }

    .contact-icons-cont {
        flex-wrap: wrap;
        padding: 10px;
        border-radius: 12px;
    }
}

/* ====== Product Gift Coupon ====== */
.procut-gift-coupon {
    max-width: 1400px;
    margin: 0 auto;
}

.new-title-box {
    margin-bottom: 20px;
}

.new-title-box h2 {
    font-size: 28px;
    color: #000;
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
}

.new-title-box h2+p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
    margin: 5px 0 0;
}

.diy-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.diy-main-product {
    width: 488px;
    position: relative;
    border-radius: 16px;
    background: #f9f9f9;
}

.diy-main-product .img {
    aspect-ratio: 1 / 1;
}

.diy-main-product img {
    width: 100%;
}

.diy-main-product .logo {
    position: absolute;
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
    width: 65%;
    z-index: 1;
}

.diy-add-icon {
    width: 50px;
    height: 50px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: #b30202;
    position: relative;
    margin: 0 20px;
}

.diy-add-icon::before {
    content: "";
    width: 60%;
    height: 4px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.diy-content .diy-add-icon::after {
    content: "";
    width: 4px;
    height: 60%;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.diy-content.type-blue .diy-add-icon {
    background-color: #1455ff;
}

.diy-content.type-black .diy-add-icon {
    background-color: #000;
}

.diy-content .diy-bundle-products-box {
    height: 499px;
    width: calc((100% - 488px - 90px - 220px));
}

.diy-main-product .main-color-change {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0%;
    top: 18%;
    z-index: 2;
}

.main-color-change .color-change {
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgb(0, 0, 0);
    background: var(--swatch-background-color);
    margin: 0 5px;
    cursor: pointer;
    position: relative;
}

.main-color-change .color-change:focus-visible {
    outline: 2px solid #0066cc;
    outline-offset: 3px;
}

.main-color-change .psk__swatch-inner {
    display: block;
    width: 18px;
    height: 18px;
    font-size: 0;
}

.main-color-change .psk__swatch-inner img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.main-color-change .color-change.active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
    height: 150%;
    border-radius: 50%;
    border: 1px solid #000;
}

.diy-content .diy-bundle-products {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
    align-content: space-between;
}

.diy-content .diy-bundle-products li {
    width: calc((100% / 2) - (10px / 2));
    border-radius: 16px;
    overflow: hidden;
    background: #f9f9f9;
    margin-bottom: 10px;
    height: calc((100% / 2) - (10px / 2));
    position: relative;
    padding: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.diy-content .diy-bundle-products .li3 {
    width: calc((100% / 3) - (9px / 3));
}

.diy-content .diy-bundle-products .special {
    width: 100%;
    padding: 10px 50px;
}

.diy-content .diy-bundle-products li:nth-child(n + 3) {
    margin-bottom: 0px;
}

.diy-content .diy-bundle-products li:first-child .diy-price-content {
    display: none;
}

.diy-content .diy-id-image {
    width: 45%;
    position: relative;
}

.diy-content .special .diy-id-image {
    width: 50%;
}

.diy-content .diy-id-image img {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.diy-content .diy-message {
    width: 55%;
    margin-left: 10px;
}

.diy-content .diy-message .diy-name {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: #000;
    word-break: break-word;
}

.diy-content .diy-price-content {
    margin-top: 10px;
}

.diy-content .bundle-price {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.diy-content .diy-real-price {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    opacity: 0.8;
    position: relative;
    display: inline-block;
}

.diy-content .diy-real-price::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    height: 1.5px;
    background: #7c7c7c;

    display: none;
}

.diy-content .diy-total {
    background: #f9f9f9;
    border-radius: 16px;
    width: 200px;
    margin-left: 20px;
    height: 499px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.diy-total .total-txt {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 5px;
}

.diy-total .cs-add-item {
    margin-bottom: 5px;
}

.diy-total .total-price {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0px;
}

.diy-total .total-tip {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: grey;
    display: inline-block;
}

.diy-total .total-btn a {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    padding: 6px 16px;
    background: #000;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 5px;
}

.diy-total .total-btn a:focus-visible {
    outline: revert;
    outline-offset: 3px;
}

.diy-total .total-btn a:last-of-type {
    margin-bottom: 0px;
}

.diy-total .total-btn a:hover {
    background: #1455ff;
}

.diy-total .message-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
}

.diy-total .addtobuy-message {
    height: 62%;
}

.diy-total .addtobuy-message ul {
    margin: 10px 0 0;
    padding: 0;
    height: 90%;
    overflow-y: scroll;
}

.diy-total .addtobuy-message ul::-webkit-scrollbar {
    width: 5px;
}

.diy-total .addtobuy-message ul::-webkit-scrollbar-thumb {
    background: #bcbcbc;
}

.diy-total .addtobuy-message li {
    list-style: none;
    padding: 8px 0;
    border-bottom: 1px solid grey;
}

.diy-total .addtobuy-message .total-message-name {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

.diy-total .addtobuy-message .total-message-price {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    opacity: 0.8;
}

.diy-tag {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    background: #b30202;
    text-align: center;

    border-radius: 16px;
    top: 0;
    left: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 16px;
}

.type-blue .diy-tag {
    background-color: #1455ff;
}

.type-black .diy-tag {
    background-color: #000;
}

@media (min-width: 768px) and (max-width: 1198.98px) {
    .diy-content .diy-bundle-products-box {
        width: calc((100% - 488px));
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 767.98px) {
    .diy-content {
        flex-direction: column;
    }

    .procut-gift-coupon {
        padding: 0 10px;
        max-width: 100%;
    }

    .diy-content .diy-main-product {
        width: 100%;
        border-radius: 12px;
    }

    .diy-content .diy-add-icon {
        width: 40px;
        height: 40px;
        margin: 10px 0;
    }

    .diy-content .diy-bundle-products-box {
        width: 100%;
        height: auto;
    }

    .diy-content .diy-bundle-products {
        height: auto;
    }

    .diy-content .diy-main-product .logo {
        top: 7%;
    }

    .diy-content .diy-main-product .main-color-change {
        top: 17%;
    }

    .diy-content .diy-bundle-products li {
        width: calc((100% / 2) - (10px / 2));
        margin-top: 10px;
        border-radius: 12px;
        height: auto;
        padding: 20px 10px;
    }

    .diy-content .diy-bundle-products .li3 {
        width: calc((100% / 2) - (10px / 2));
    }

    .diy-content .diy-bundle-products .special {
        height: 160px;
        padding: 10px;
    }

    .diy-content .diy-bundle-products li:nth-child(-n + 2) {
        margin-top: 0px;
    }

    .diy-content .diy-message .diy-name {
        font-size: 12px;
    }

    .diy-content .diy-message .diy-name .small {
        font-size: 8px;
    }

    .diy-content .diy-message .color-select {
        width: 16px;
        height: 16px;
    }

    .diy-content .diy-select-option {
        right: 5px;
        top: 5px;
    }

    .diy-content .diy-real-price {
        zoom: 0.8;
    }

    .diy-content .diy-total {
        margin-left: 0px;
        width: 100%;
        height: auto;
        margin-top: 10px;
        border-radius: 12px;
    }

    .diy-total .total-txt {
        font-size: 16px;
    }

    .diy-total .cs-add-item {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .diy-total .total-price {
        font-size: 24px;
    }

    .diy-total .total-tip {
        margin-left: 10px;
    }

    .diy-total .total-btn {
        display: flex;
        align-items: center;
    }

    .diy-total .total-btn a {
        margin-bottom: 0px;
        margin-right: 10px;
    }

    .diy-total .total-btn a:last-of-type {
        margin-right: 0px;
    }

    .diy-total .addtobuy-message {
        margin-bottom: 20px;
    }

    .diy-total .addtobuy-message li {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .diy-tag {
        position: absolute;
        top: 20px;
        left: 20px;
        padding: 4px 12px;
        border-radius: 50px;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.5;
        color: #fff;
        background: #b30202;
        text-align: center;

        border-radius: 16px;
        top: 0;
        left: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 16px;
    }

    .type-blue .diy-tag {
        background-color: #1455ff;
    }

    .type-black .diy-tag {
        background-color: #000;
    }
}

@media screen and (max-width: 767.98px) {
    .diy-tag {
        top: 10px;
        left: 10px;
        font-size: 10px;
        padding: 4px 10px;
        top: 0;
        left: 0;
    }
}

.carousel-containers {
    position: absolute;
    top: 51%;
    overflow: hidden;
}

.carousel-containers .carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-containers .carousel-slide {
    flex: 0 0 25%;
    /* 默认桌面端显示4张图片 */
    padding: 10px 20px;
}

.carousel-containers .carousel-image {
    cursor: pointer;
    width: 95%;
    margin-left: 2.5%;
}

.carousel-containers .carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.7);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.3s;
}

.carousel-containers .carousel-btn:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

.carousel-containers .carousel-btn.prev {
    left: 0%;
}

.carousel-containers .carousel-btn.next {
    right: 0%;
}

@media screen and (max-width: 1023.98px) {
    .carousel-containers {
        top: 51.5%;
    }

    .carousel-containers .carousel-slide {
        flex: 0 0 50%;
        /* 手机端显示2张图片 */
        padding: 0;
    }

    .carousel-containers .carousel-image {
        cursor: pointer;
        width: 80%;
        margin-left: 10%;
    }
}

.pcp-overview * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.pcp-overview .pcp-section {
    max-width: 1184px;
    margin: 0 auto;
    position: relative;
}

.pcp-overview .pcp-title {
    text-align: center;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 20px;
}

.pcp-overview .radius {
    border-radius: 24px;
}

.pcp-overview img,
.pcp-overview video {
    width: 100%;
    height: auto;
}

/* PCP only image */
.pcp-overview.pcp-only-image .pcp-section>a {
    display: block;
    line-height: 0;
}

.pcp-overview .pcp-only-image-fallback {
    min-height: 200px;
    background-color: #f5f5f5;
}

.pcp-overview .mob-show {
    display: none;
}

.image-wrap {
    position: relative;
}

#myVideo {
    border-radius: 24px;
}

@media screen and (max-width: 767.98px) {
    #myVideo {
        border-radius: 12px;
    }

    .pcp-overview .pcp-section {
        width: calc(100% - 20px);
        margin: 0 auto;
    }

    .pcp-overview .pcp-title {
        font-size: 5vw;
        margin-bottom: 10px;
    }

    .pcp-overview .radius {
        border-radius: 12px;
    }

    .pcp-overview .mob-show {
        display: block;
    }

    .pcp-overview .mob-hide {
        display: none;
    }
}

.learn-row {
    text-align: center;
    margin-top: 20px;
}

.learn-row a {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
}

@media screen and (max-width: 767.98px) {
    .learn-row {
        margin-top: 10px;
    }

    .learn-row a {
        font-size: 14px;
    }
}

.pcp-detail-section {
    --font-size-head-subhead: calc(30 / 19.2 * 1vw);
    --font-line-height-head-subhead: calc(36 / 19.2 * 1vw);
    --font-size-head-head---lg: calc(60 / 19.2 * 1vw);
    --font-line-height-head-head---lg: calc(70 / 19.2 * 1vw);
    --font-size-body-body---lg: calc(20 / 19.2 * 1vw);
    --font-line-height-body-body---lg: calc(30 / 19.2 * 1vw);
    --font-size-highlight-highlight---lg: calc(36 / 19.2 * 1vw);
    --font-line-height-highlight-highlight---lg: calc(43 / 19.2 * 1vw);
    --font-size-body-body---md: calc(18 / 19.2 * 1vw);
    --font-line-height-body-body---md: calc(27 / 19.2 * 1vw);
    --font-size-head-head---xs: calc(26 / 19.2 * 1vw);
    --font-line-height-head-head---xs: calc(32 / 19.2 * 1vw);
    --font-size-body-body---sm: calc(16 / 19.2 * 1vw);
    --font-line-height-body-body---sm: calc(24 / 19.2 * 1vw);
    --font-size-head-head---md: calc(48 / 19.2 * 1vw);
    --font-line-height-head-head---md: calc(56 / 19.2 * 1vw);
    --font-size-foot-note: calc(14 / 19.2 * 1vw);
    --font-line-height-foot-note: calc(21 / 19.2 * 1vw);
    --font-size-highlight-highlight---sm: calc(24 / 19.2 * 1vw);
    --font-line-height-highlight-highlight---sm: calc(28 / 19.2 * 1vw);
    --font-size-head-head---sm: calc(40 / 19.2 * 1vw);
    --font-line-height-head-head---sm: calc(48 / 19.2 * 1vw);
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
    .pcp-detail-section {
        --font-size-head-subhead: calc(18 / 3.75 * 1vw);
        --font-line-height-head-subhead: calc(21 / 3.75 * 1vw);
        --font-size-head-head---lg: calc(28 / 3.75 * 1vw);
        --font-line-height-head-head---lg: calc(34 / 3.75 * 1vw);
        --font-size-body-body---lg: calc(15 / 3.75 * 1vw);
        --font-line-height-body-body---lg: calc(22 / 3.75 * 1vw);
        --font-size-highlight-highlight---lg: calc(22 / 3.75 * 1vw);
        --font-line-height-highlight-highlight---lg: calc(26 / 3.75 * 1vw);
        --font-size-body-body---md: calc(14 / 3.75 * 1vw);
        --font-line-height-body-body---md: calc(21 / 3.75 * 1vw);
        --font-size-body-body---sm: calc(13 / 3.75 * 1vw);
        --font-line-height-body-body---sm: calc(19 / 3.75 * 1vw);
        --font-size-head-head---xs: calc(17 / 3.75 * 1vw);
        --font-line-height-head-head---xs: calc(20 / 3.75 * 1vw);
        --font-size-head-head---md: calc(30 / 3.75 * 1vw);
        --font-line-height-head-head---md: calc(36 / 3.75 * 1vw);
        --font-size-foot-note: calc(10 / 3.75 * 1vw);
        --font-line-height-foot-note: calc(16 / 3.75 * 1vw);
        --font-size-highlight-highlight---sm: calc(14 / 3.75 * 1vw);
        --font-line-height-highlight-highlight---sm: calc(21 / 3.75 * 1vw);
        --font-size-head-head---sm: calc(21 / 3.75 * 1vw);
        --font-line-height-head-head---sm: calc(25 / 3.75 * 1vw);
    }
}

.pcp-detail-section .subTitle {
    /* 标题/副标题 */
    font-size: var(--font-size-head-subhead, 1.5625vw);
    line-height: var(--font-line-height-head-subhead, 1.875vw);
    font-weight: 500;
    /* 120% */
}

.pcp-detail-section .firstTitle {
    /* 标题/一级标题 */
    font-size: var(--font-size-head-head---lg, 3.125vw);
    line-height: var(--font-line-height-head-head---lg, 3.6458333333vw);
    font-weight: 600;
    /* 116.667% */
}

.pcp-detail-section .secondTitle {
    /* 标题/二级标题 */
    font-size: var(--font-size-head-head---lg, 2.5vw);
    line-height: var(--font-line-height-head-head---lg, 2.9166666667vw);
    font-weight: 500;
    /* 116.667% */
}

.pcp-detail-section .thirdTitle {
    /* 标题/三级标题 */
    font-size: var(--font-size-head-head---sm, 2.0833333333vw);
    line-height: var(--font-line-height-head-head---sm, 2.5vw);
    font-weight: 500;
    /* 120% */
}

.pcp-detail-section .forthTitle {
    /* 标题/四级标题 */
    font-size: var(--font-size-head-head---xs, 1.3541666667vw);
    line-height: var(--font-line-height-head-head---xs, 1.6666666667vw);
    /* 123.077% */
}

.pcp-detail-section .firstCopy {
    /* 正文/一级正文 */
    font-size: var(--font-size-body-body---lg, 1.0416666667vw);
    line-height: var(--font-line-height-body-body---lg, 1.5625vw);
    /* 150% */
}

.pcp-detail-section .secondCopy {
    /* 正文/二级正文 */
    font-size: var(--font-size-body-body---md, 0.9375vw);
    line-height: var(--font-line-height-body-body---md, 1.40625vw);
    /* 150% */
}

.pcp-detail-section .thirdCopy {
    /* 正文/三级正文 */
    font-size: var(--font-size-body-body---sm, 0.8333333333vw);
    line-height: var(--font-line-height-body-body---sm, 1.25vw);
    /* 150% */
}

.pcp-detail-section .firstHl {
    /* 高亮/一级高亮 */
    font-size: var(--font-size-head-head---md, 2.5vw);
    line-height: var(--font-line-height-head-head---md, 2.9166666667vw);
    /* 116.667% */
}

.pcp-detail-section .secondHl {
    /* 高亮/二级高亮 */
    font-size: var(--font-size-highlight-highlight---lg, 1.875vw);
    line-height: var(--font-line-height-highlight-highlight---lg, 2.2395833333vw);
    /* 116.667% */
}

.pcp-detail-section .forthHl {
    /* 高亮/四级高亮 */
    font-size: var(--font-size-highlight-highlight---sm, 1.25vw);
    line-height: var(--font-line-height-highlight-highlight---sm, 1.4583333333vw);
}

.pcp-detail-section .footNote {
    /* 注释/注释 */
    font-size: var(--font-size-foot-note, 0.7291666667vw);
    line-height: var(--font-line-height-foot-note, 1.09375vw);
    /* 154.545% */
}

.pcp-detail-section .border-round {
    border-radius: 52.03125vw;
}

.pcp-detail-section {
    position: relative;
    background: #fff;
    color: #000;
    z-index: 2;
}

.pcp-detail-section.is-transition * {
    transition: none !important;
}

.pcp-detail-section section {
    position: relative;
    z-index: 2;
}

.pcp-detail-section div,
.pcp-detail-section h2,
.pcp-detail-section h3,
.pcp-detail-section h4,
.pcp-detail-section ul,
.pcp-detail-section ol,
.pcp-detail-section li,
.pcp-detail-section p,
.pcp-detail-section form,
.pcp-detail-section table,
.pcp-detail-section th,
.pcp-detail-section td,
.pcp-detail-section figure,
.pcp-detail-section button {
    border: none;
    margin: 0px;
    padding: 0px;
    color: inherit;
    font-weight: normal;
}

.pcp-detail-section h2,
.pcp-detail-section h3,
.pcp-detail-section h4 {
    line-height: 1.25;
}

.pcp-detail-section p,
.pcp-detail-section span {
    line-height: 1.25;
}

.pcp-detail-section button {
    background-color: transparent;
    cursor: pointer;
    font-family: inherit;
    line-height: 1;
}

.pcp-detail-section button img,
.pcp-detail-section button svg {
    overflow: initial;
}

.pcp-detail-section sup {
    position: relative !important;
    font-size: 60% !important;
    line-height: 0 !important;
    vertical-align: super !important;
    top: 0 !important;
}

.pcp-detail-section sup.smaller {
    font-size: 40% !important;
    top: -0.5208333333vw !important;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
    .pcp-detail-section sup.smaller {
        top: -1.3333333333vw !important;
    }
}

.pcp-detail-section sup.placeholder {
    display: none;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
    .pcp-detail-section sup.placeholder {
        display: inline-block;
        opacity: 0.001;
    }
}

.pcp-detail-section sup.static {
    position: static !important;
}

.pcp-detail-section picture,
.pcp-detail-section img,
.pcp-detail-section video,
.pcp-detail-section canvas {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
}

.pcp-detail-section a {
    color: inherit;
    text-decoration: none;
}

.pcp-detail-section *,
.pcp-detail-section *::before,
.pcp-detail-section *::after {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
}

.pcp-detail-section *:focus,
.pcp-detail-section *:active {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.pcp-detail-section a:focus-visible,
.pcp-detail-section button:focus-visible {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
}

.pcp-detail-section .nowrap {
    white-space: nowrap;
}

.pcp-detail-section .object-fit {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.pcp-detail-section .object-contain {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.pcp-detail-section .sticky-container {
    position: sticky;
    top: 52px;
    height: calc(100vh - 52px);
    overflow: hidden;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
    .pcp-detail-section .sticky-container {
        top: 52px;
        height: calc(100vh - 52px);
    }
}

/* Honor Points */
.honor-points {
    /* background: #fff; */
}

.honor-points * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.honor-points p {
    margin: 0;
}

.honor-points .main {
    width: 100%;
}

.honor-points .main img {
    user-select: none;
}

.honor-points .main .section-items {
    max-width: 1400px;
    margin: 80px auto;
    position: relative;
}

.honor-points .main .section-items .section-header {
    /* text-align: center; */
    padding: 20px 0;
}

.honor-points .main .section-items .section-header .section-title {
    font-size: 38px;
    font-weight: 600;
    line-height: 1.5;
}

@media screen and (max-width: 839.99px) {
    .honor-points .main .section-items {
        padding: 0 10px;
        margin: 20px auto;
    }

    .honor-points .main .section-items .section-header .section-title {
        font-size: 24px;
    }
}

.honor-points .main .section-items.kv-item {
    max-width: 100%;
}

.honor-points .main .section-items .kv-img {
    width: 100%;
}

.honor-points .main .section-items .kv-content {
    position: absolute;
    top: 0%;
    left: 10%;
    height: 100%;
    width: 34%;
    text-align: left;
    display: flex;
    align-items: center;
}

.honor-points .main .section-items .kv-content .title {
    font-size: 2.4vw;
    font-weight: 600;
    line-height: 1.5;
}

.honor-points .main .section-items .kv-content .desc {
    font-size: 1vw;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 1vw;
}

.honor-points .main .section-items .kv-content .btn-rows {
    margin-top: 2vw;
}

.honor-points .main .section-items .kv-content .btn-rows a {
    margin-right: 1vw;
    font-size: 0.8vw;
    padding: 0.6vw 0.9vw;
    border: 0.1vw solid #353535;
    border-radius: 5vw;
    text-decoration: none;
    color: #353535;
    display: inline-block;
    font-weight: 600;
}

.honor-points .main .section-items .kv-content .btn-rows a:last-child {
    margin-right: 0px;
}

.honor-points .main .section-items .kv-content .btn-rows a:hover {
    background: #353535;
    color: #fff;
}

@media screen and (max-width: 839.99px) {
    .honor-points .main .section-items.kv-item {
        padding: 0px;
    }

    .honor-points .main .section-items .kv-content {
        width: 100%;
        left: 0%;
        height: 35%;
        top: 0%;
        justify-content: center;
        text-align: center;
    }

    .honor-points .main .section-items .kv-content .title {
        padding: 0 10px;
        font-size: 20px;
    }

    .honor-points .main .section-items .kv-content .desc {
        font-size: 12px;
        margin-top: 5px;
        padding: 0 10px;
    }

    .honor-points .main .section-items .kv-content .btn-rows {
        margin-top: 10px;
    }

    .honor-points .main .section-items .kv-content .btn-rows a {
        margin-right: 10px;
        font-size: 12px;
        padding: 6px 18px;
        border-radius: 30px;
    }
}

.honor-points .main .delivery-item {
    /* padding: 40px 0; */
}

.honor-points .main .delivery-item .delivery {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.honor-points .main .delivery-item .delivery .de-mi {
    display: flex;
    width: 25%;
}

.honor-points .main .delivery-item .delivery .de-mi .de-icon {
    height: 50px;
}

.honor-points .main .delivery-item .delivery .de-mi .de-text {
    padding-left: 10px;
    padding-right: 20px;
}

.honor-points .main .delivery-item .delivery .de-mi .de-text p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 10px;
}

.honor-points .main .delivery-item .delivery .de-mi .de-text p:first-child {
    font-weight: 600;
    font-size: 20px;
    margin-top: 0px;
}

@media screen and (max-width: 839.99px) {
    .honor-points .main .delivery-item {
        padding: 20px 0;
    }

    .honor-points .main .delivery-item .delivery {
        flex-wrap: wrap;
    }

    .honor-points .main .delivery-item .delivery .de-mi {
        width: 50%;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding-bottom: 10px;
    }

    .honor-points .main .delivery-item .delivery .de-mi .de-icon {
        height: 40px;
        width: fit-content;
    }

    .honor-points .main .delivery-item .delivery .de-mi .de-text {
        padding: 10px 10px 0px;
    }

    .honor-points .main .delivery-item .delivery .de-mi .de-text p {
        font-size: 12px;
    }

    .honor-points .main .delivery-item .delivery .de-mi .de-text p:first-child {
        font-size: 16px;
    }
}

.honor-points .main .express-item {
    /* padding: 80px 0px; */
}

.honor-points .express-header {
    margin-bottom: 30px;
    text-align: center;
}

.honor-points .express-header .title {
    font-size: 38px;
    font-weight: 600;
    line-height: 1.5;
}

.honor-points .express-header .desc {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 10px;
}

.honor-points .main .express-item .express-content {
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-wrap: wrap;
}

.honor-points .main .express-item .express-content .express-si {
    width: calc(100% / 2);
    padding: 0 20px 20px;
    text-align: center;
}

.honor-points .main .express-item .express-content .express-si:nth-child(n+5) {
    padding-bottom: 0px;
}

.honor-points .main .express-item .express-content .express-si img {
    display: inline-block;
    height: 250px;
    width: auto;
}

.honor-points .main .express-item .express-content .express-si p {
    margin-top: 16px;
}

.honor-points .main .express-item .express-content .express-si .stitle {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
}

.honor-points .main .express-item .express-content .express-si .desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media screen and (max-width: 839.99px) {
    .honor-points .main .express-item {
        padding: 0px 0 20px;
    }

    .honor-points .express-header {
        padding: 0 10px;
        margin-bottom: 0px;
    }

    .honor-points .express-header .title {
        font-size: 24px;
    }

    .honor-points .express-header .desc {
        font-size: 12px;
    }

    .honor-points .main .express-item .express-content {
        flex-wrap: wrap;
        padding-top: 20px;
    }

    .honor-points .main .express-item .express-content .express-si {
        width: 100%;
        padding: 0px 10px 30px;
    }

    .honor-points .main .express-item .express-content .express-si img {
        height: auto;
        width: 100%;
    }

    .honor-points .main .express-item .express-content .express-si .stitle {
        font-size: 20px;
    }

    .honor-points .main .express-item .express-content .express-si .desc {
        font-size: 14px;
        margin-top: 8px;
    }
}

.honor-points .main .links-item {}

.honor-points .main .links-item .links-main {}

.honor-points .main .links-item .links-main .link {
    display: flex;
    width: 100%;
    height: 500px;
    margin: 20px auto;
    align-items: flex-start;
    background: #f9f9f9;
    border-radius: 24px;
    overflow: hidden;
}

.honor-points .main .links-item .links-main .link:nth-child(2n) {
    flex-direction: row-reverse;
}

.honor-points .main .links-item .links-main .link .screen-image {
    width: 50%;
}

.honor-points .main .links-item .links-main .link .content {
    display: flex;
    align-items: center;
    padding-left: 100px;
    padding-right: 30px;
    height: 100%;
}

.honor-points .main .links-item .links-main .link .content .l-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.5;
}

.honor-points .main .links-item .links-main .link .content .l-desc {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 14px;
}

.honor-points .main .links-item .links-main .link .content .link-btn {
    display: inline-block;
    margin-top: 30px;
    padding: 10px 20px;
    border-radius: 30px;
    background: #353535;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.honor-points .main .links-item .links-main .link:nth-child(2n) .content {
    padding-left: 30px;
    padding-right: 100px;
    text-align: right;
}

@media screen and (max-width: 839.99px) {
    .honor-points .main .links-item .links-main .link {
        flex-direction: column;
        height: auto;
        border-radius: 12px;
    }

    .honor-points .main .links-item .links-main .link:nth-child(2n) {
        flex-direction: column;
        height: auto;
        border-radius: 12px;
    }

    .honor-points .main .links-item .links-main .link .screen-image {
        width: 100%;
    }

    .honor-points .main .links-item .links-main .link .content {
        width: 100%;
        height: auto;
        padding: 10px 20px 20px;
    }

    .honor-points .main .links-item .links-main .link:nth-child(2n) .content {
        text-align: left;
        height: auto;
        padding: 10px 20px 10px;
    }

    .honor-points .main .links-item .links-main .link .content .l-title {
        font-size: 20px;
    }

    .honor-points .main .links-item .links-main .link .content .l-desc {
        font-size: 16px;
        margin-top: 10px;
    }

    .honor-points .main .links-item .links-main .link .content .link-btn {
        font-size: 12px;
        padding: 8px 18px;
    }
}

.honor-points .main .laptop-offer-item {
    margin-top: 80px;
}

.honor-points .main .laptop-offer-item .section-header {
    text-align: center;
    padding: 20px 0;
}

.honor-points .main .laptop-offer-item .section-header .section-title {
    font-size: 38px;
    font-weight: 600;
    line-height: 1.5;
}

.honor-points .main .laptop-offer-item .section-header .section-desc {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

.honor-points .main .laptop-offer-item .offer-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* border: 1px solid red; */
}

.honor-points .main .laptop-offer-item .offer-content .publish {
    width: 100%;
    padding: 10px;
}

.honor-points .main .laptop-offer-item .offer-content .publish .product-list {
    width: 25%;
    height: 50%;
    border-radius: 24px;
    /* border: 1px solid red; */
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    float: left;
    text-decoration: none;
}

.honor-points .main .laptop-offer-item .offer-content .publish .product-list:nth-child(1) {
    width: 50%;
    height: 100%;
    margin-left: 0px;
    margin-bottom: 0px;
}

.honor-points .main .laptop-offer-item .offer-content .publish .product-list div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    /* border: 1px solid green; */
    padding: 23.5px 10px;
    background: #f4f4f4;
    overflow: hidden;
    position: relative;
}

.honor-points .main .laptop-offer-item .offer-content .publish .product-list div img {
    width: 80%;
    transition: 0.5s;
}

.honor-points .main .laptop-offer-item .offer-content .publish .product-list div p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 5px;
    text-align: center;
    color: #353535;
}

.honor-points .main .laptop-offer-item .offer-content .publish .product-list div p.name {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.honor-points .main .laptop-offer-item .offer-content .publish .product-list:hover div img {
    transform: scale(1.05);
}

@media screen and (max-width: 839.99px) {
    .honor-points .main .laptop-offer-item {
        margin-top: 20px;
    }

    .honor-points .main .laptop-offer-item .section-header .section-title {
        font-size: 24px;
    }

    .honor-points .main .laptop-offer-item .section-header .section-desc {
        font-size: 16px;
    }

    .honor-points .main .laptop-offer-item .offer-content .publish {
        padding: 10px 0;
    }

    .honor-points .main .laptop-offer-item .offer-content .publish .product-list {
        width: 50%;
        height: 255px;
        padding: 5px;
    }

    .honor-points .main .laptop-offer-item .offer-content .publish .product-list:nth-child(1) {
        width: 100%;
        height: auto;
    }

    .honor-points .main .laptop-offer-item .offer-content .publish .product-list div {
        border-radius: 12px;
    }

    .honor-points .main .laptop-offer-item .offer-content .publish .product-list div img {
        width: 70%;
    }

    .honor-points .main .laptop-offer-item .offer-content .publish .product-list div p {
        font-size: 10px;
    }
}

.honor-points .main .student-pick-item {
    margin-top: 80px;
    margin-bottom: 80px;
}

.honor-points .main .student-pick-item .section-header {
    text-align: center;
    padding: 20px 0;
}

.honor-points .main .student-pick-item .section-header .section-title {
    font-size: 38px;
    font-weight: 600;
    line-height: 1.5;
}

.honor-points .main .student-pick-item .section-header .section-desc {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

.honor-points .main .student-pick-item .pick-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.honor-points .main .student-pick-item .pick-content {
    user-select: none;
}

.honor-points .main .student-pick-item .pick-content .product-list {
    padding: 10px 7px;
    width: 33%;
    text-align: center;
    display: inline-block;
    user-select: all;
}

.honor-points .main .student-pick-item .pick-content .product-list div {
    padding: 20px 10px;
    background: #f4f4f4;
    border-radius: 24px;
    position: relative;
}

.honor-points .main .student-pick-item .pick-content .product-list .list-tag {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 60px;
}

.honor-points .main .student-pick-item .pick-content .product-list .id-image {
    display: inline-block;
    width: 60%;
}

.honor-points .main .student-pick-item .pick-content .product-list .id-image img {
    width: 100%;
    display: inline-block;
}

.honor-points .main .student-pick-item .pick-content .product-list p {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.honor-points .main .student-pick-item .pick-content .product-list p.product-name {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
}

.honor-points .main .student-pick-item .pick-content .product-list a.product-button {
    display: inline-block;
    padding: 6px 20px;
    background: #353535;
    color: #fff;
    border-radius: 30px;
    margin: 20px auto 0;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
}

@media screen and (max-width: 839.99px) {
    .honor-points .main .student-pick-item {
        margin: 20px auto;
    }

    .honor-points .main .student-pick-item .section-header .section-title {
        font-size: 24px;
    }

    .honor-points .main .student-pick-item .section-header .section-desc {
        font-size: 16px;
    }

    .honor-points .main .student-pick-item .pick-content .publish {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .honor-points .main .student-pick-item .pick-content .product-list {
        width: 50%;
        padding: 5px;
    }

    .honor-points .main .student-pick-item .pick-content .product-list div {
        border-radius: 12px;
        padding: 10px;
    }

    .honor-points .main .student-pick-item .pick-content .product-list .list-tag {
        height: 30px;
    }

    .honor-points .main .student-pick-item .pick-content .product-list .id-image {
        width: 80%;
    }

    .honor-points .main .student-pick-item .pick-content .product-list p.product-name {
        font-size: 16px;
        margin: 5px 0;
        height: 50px;
    }

    .honor-points .main .student-pick-item .pick-content .product-list p {
        font-size: 12px;
        height: 36px;
    }

    .honor-points .main .student-pick-item .pick-content .product-list a.product-button {
        padding: 4px 16px;
        font-size: 12px;
        margin-top: 10px;
    }
}

.honor-points .main .button-item {
    padding: 0px 0 80px;
}

.honor-points .main .button-item .buttonTown {
    text-align: center;
}

.honor-points .main .button-item .buttonTown a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding: 10px 24px;
    background: #353535;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
}

@media screen and (max-width: 839.99px) {
    .honor-points .main .button-item {
        padding-bottom: 40px;
    }

    .honor-points .main .button-item .buttonTown a {
        font-size: 12px;
        padding: 8px 20px;
    }
}

.honor-points .main .discount-item {
    padding-bottom: 80px;
}

.honor-points .main .discount-item .desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 10px;
}

.honor-points .main .discount-item .subContent {
    margin-top: 20px;
}

.honor-points .main .discount-item .subContent p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 5px;
}

.honor-points .main .discount-item .subContent .m-l {
    padding-left: 2em;
}

.honor-points .main .discount-item .btn-row {
    margin-top: 30px;
}

.honor-points .main .discount-item .btn-row a {
    display: inline-block;
    color: #fff;
    background: #353535;
    border-radius: 30px;
    padding: 10px 22px;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.honor-points .main .discount-item .btn-row a:last-child {
    margin-top: 0px;
}

@media screen and (max-width: 839.99px) {
    .honor-points .main .discount-item {
        padding-bottom: 40px;
    }

    .honor-points .main .discount-item .desc {
        font-size: 14px;
    }

    .honor-points .main .discount-item .subContent p {
        font-size: 14px;
    }

    .honor-points .main .discount-item .btn-row {
        text-align: center;
    }

    .honor-points .main .discount-item .btn-row a {
        font-size: 14px;
        padding: 8px 18px;
    }
}

.honor-points .main .faq-item {
    padding-bottom: 80px;
}

.honor-points .main .faq-item .faq-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.honor-points .main .faq-item .faq-content p.qa {
    font-weight: 600;
    font-size: 18px;
    margin-top: 10px;
}

.honor-points .main .faq-item .faq-content p.aq {
    margin-top: 5px;
}

@media screen and (max-width: 839.99px) {
    .honor-points .main .faq-item .faq-content p {
        font-size: 14px;
    }

    .honor-points .main .faq-item .faq-content p.qa {
        font-size: 16px;
    }
}

.honor-points img.addTag {
    position: absolute;
    top: 0%;
    left: 20px;
    width: 60px !important;
}

@media screen and (max-width: 839.99px) {
    .honor-points img.addTag {
        left: 10px;
        width: 40px !important;
    }
}

.honor-points .step-text {
    padding: 0 10px;
}

.honor-points .step-text p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 10px;
}

@media screen and (max-width: 839.99px) {
    .honor-points .step-text p {
        font-size: 16px;
        margin-bottom: 5px;
    }
}

/* Installment */
.instalment * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.instalment p {
    margin: 0;
    padding: 0;
}

.instalment .ins-guide {
    width: 100%;
}

.instalment .sec-title {
    margin: 4vw 0 1vw;
}

.instalment .sec-title h2 {
    font-size: 38px;
    color: #333;
    text-align: center;
    font-weight: 600;
    line-height: 1.5;
}

.instalment .sec-desc {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 10px;
    text-align: center;
}

.instalment .ins-guide .guide-content {
    width: 59.1895%;
    margin: 0 auto;
}

.instalment .ins-guide .guide-content .guide-setp {
    margin-bottom: 0.8854vw;
    display: flex;
    align-items: center;
}

.instalment .ins-guide .guide-content .guide-setp p:nth-child(1) {
    font-size: 1.25vw;
    color: #000000;
    font-weight: 600;
    padding: 0.5vw 1.1vw;
    background: #ffc500;
    border-radius: 3vw;
    display: inline-block;
    margin-right: 1.823vw;
    white-space: nowrap;
}

.instalment .ins-guide .guide-content .guide-setp p:nth-child(2) {
    font-size: 1.042vw;
    color: #000000;
    font-weight: 500;
}

.instalment .ins-guide .guide-content .guide-image {
    width: 100%;
    padding: 1.5vw;
    padding: 1.5vw;
    padding: 1vw;
    border-radius: 1.25vw;
    border-radius: 1vw;
    background: rgba(250, 245, 235, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
}

.instalment .ins-guide .guide-content .guide-image picture {
    width: 100%;
}

.instalment .ins-guide .guide-content .guide-image img {
    height: auto;
    width: 100%;
    user-select: none;
}

.instalment .ins-guide .next {
    width: 2.917vw;
    height: 2.917vw;
    margin: 2.70834vw auto 1.875vw;
}

.instalment .ins-guide .next img {
    width: 100%;
    user-select: none;
}

.instalment .mb-show {
    display: none;
}

.instalment .wrap-list {
    justify-content: flex-start;
}

.instalment .wrap-list .ins-guide {
    width: calc((100% / 3) - 20px);
    flex: inherit;
}

.instalment .wrap-list .ins-guide .guide-content {
    margin-bottom: 20px;
}

.instalment .wrap-list .ins-guide:nth-child(n+4) .guide-content {
    margin-bottom: 0px;
}

@media screen and (max-width: 839.99px) {
    .instalment .mb-show {
        display: block;
    }

    .instalment .ins-guide .title {
        margin: 30px auto 20px;
    }

    .instalment .sec-title {
        margin: 30px 10px 10px;
    }

    .instalment .sec-title h2 {
        padding: 0 30px;
        font-size: 24px;
    }

    .instalment .sec-desc {
        font-size: 16px;
    }

    .instalment .ins-guide .guide-content {
        width: 96%;
        border-radius: 12px;
    }

    .instalment .ins-guide .guide-content .guide-setp {
        margin-bottom: 10px;
    }

    .instalment .ins-guide .guide-content .guide-setp p:nth-child(1) {
        font-size: 14px;
        padding: 4px 12px;
        white-space: nowrap;
        border-radius: 6px;
    }

    .instalment .ins-guide .guide-content .guide-setp p:nth-child(2) {
        font-size: 12px;
    }

    .instalment .ins-guide .next {
        width: 32px;
        height: 32px;
        margin: 24px auto 20px;
    }

    .instalment .ins-guide .guide-content .guide-image {
        padding: 10px;
        border-radius: 12px;
    }

    .instalment .wrap-list .ins-guide .guide-content {
        margin-bottom: 0px;
    }
}

.ins-guide-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1400px;
    margin: 0 auto;
}

.instalment .ins-guide {
    width: auto;
    flex: 1;
    margin: 0 10px;
}

.instalment .ins-guide .guide-content {
    width: auto;
}

.instalment .ins-guide .guide-content .guide-setp {
    min-height: 100px;
}

.instalment .ins-guide .guide-content .guide-setp p:nth-child(1) {
    font-size: 14px;
    margin-right: 10px;
}

.instalment .ins-guide .guide-content .guide-setp p:nth-child(2) {
    font-size: 12px;
}

@media screen and (max-width: 839.99px) {
    .ins-guide-list {
        flex-wrap: nowrap;
    }

    .ins-guide-list.list-3 {
        width: 240%;
    }

    .ins-guide-list.list-5 {
        width: 500%;
    }

    .section-scroll {
        overflow: scroll;
        width: calc(100% - 20px);
        margin: 0 auto;
        padding-bottom: 10px;
    }

    .section-scroll::-webkit-scrollbar-track-piece {
        background-color: rgba(0, 0, 0, 0);
        border-left: 1px solid rgba(0, 0, 0, 0);
    }

    .section-scroll::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .section-scroll::-webkit-scrollbar-thumb {
        background-color: rgba(191, 191, 191, 191);
        background-clip: padding-box;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        min-height: 28px;
    }

    .section-scroll::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .instalment .ins-guide {
        flex-basis: 100%;
        margin: 0px 10px 0px 0px;
    }

    .instalment .ins-guide:last-child {
        margin-right: 0px;
    }

    .instalment .ins-guide .guide-content .guide-setp {
        min-height: 80px;
    }

    .instalment .ins-guide .guide-content .guide-setp p:nth-child(2) {
        font-size: 10px;
    }
}

.mytable tr td {
    border: 1px solid #000 !important;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

/* grid-product-showcase */

.grid-product-showcase * {
    box-sizing: border-box;
}

.grid-product-showcase .gps-offres-box * {
    padding: 0;
    margin: 0;
}

.grid-product-showcase .gps-offres-box img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.grid-product-showcase .gps-hot-picks {
    position: relative;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    background-color: var(--gps-section-bg, #e0f7ef);
}

.grid-product-showcase .gps-radius {
    display: block;
    width: 100%;
    border-radius: 24px;
}

.grid-product-showcase .gps-bg-fallback {
    width: 100%;
    min-height: var(--gps-fallback-min-h, 560px);
    border-radius: 24px;
    background-color: var(--gps-section-bg, #e0f7ef);
}

.grid-product-showcase .gps-hot-title {
    position: absolute;
    font-weight: 700;
    top: 3.5%;
    left: 0;
    font-size: 38px;
    width: 100%;
    text-align: center;
    color: #000;
    z-index: 2;
}

.grid-product-showcase .gps-hot-title .t1 {
    font-weight: 600;
}

.grid-product-showcase .gps-hot-title .t2 {
    padding: 0 12px;
}

.grid-product-showcase .gps-hot-title .t3 {
    font-weight: 500;
}

.grid-product-showcase .gps-img-boxs {
    position: absolute;
    top: 11%;
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 0 10px;
    list-style: none;
    z-index: 2;
    gap: 12px 0;
}

.grid-product-showcase .gps-img-boxs>li {
    width: 24%;
}

.grid-product-showcase .gps-product-link {
    display: block;
    text-decoration: none;
}

.grid-product-showcase .gps-product-link:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.grid-product-showcase .gps-img-boxs>li .gps-product-link img,
.grid-product-showcase .gps-img-boxs>li img {
    width: 100%;
}

@media screen and (max-width: 767.98px) {
    .grid-product-showcase .gps-hot-picks {
        width: calc(100% - 20px);
    }

    .grid-product-showcase .gps-radius,
    .grid-product-showcase .gps-bg-fallback {
        border-radius: 12px;
    }

    .grid-product-showcase .gps-hot-title {
        top: 1.5%;
        font-size: 5.5vw;
    }

    .grid-product-showcase .gps-hot-title .t1 {
        display: block;
        font-size: 5.5vw;
        text-align: center;
    }

    .grid-product-showcase .gps-hot-title .t2 {
        display: none;
    }

    .grid-product-showcase .gps-hot-title .t3 {
        display: block;
        font-size: 4vw;
        text-align: center;
    }

    .grid-product-showcase .gps-img-boxs {
        top: 9%;
        align-items: center;
        padding: 0;
        gap: 0;
    }

    .grid-product-showcase .gps-img-boxs>li {
        width: 45%;
    }
}

/* grid-packs-showcase */

.grid-packs-showcase * {
    box-sizing: border-box;
}

.grid-packs-showcase .gpk-offres-box * {
    padding: 0;
    margin: 0;
}

.grid-packs-showcase .gpk-offres-box img {
    width: 100%;
}

.grid-packs-showcase .gpk-hot-picks {
    position: relative;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.grid-packs-showcase .gpk-radius {
    display: block;
    width: 100%;
    border-radius: 24px;
}

.grid-packs-showcase .gpk-bg-fallback {
    width: 100%;
    min-height: 560px;
    border-radius: 24px;
    background-color: #e0f7f1;
}

.grid-packs-showcase .gpk-hot-title {
    position: absolute;
    font-weight: 700;
    top: 7.5%;
    left: 3%;
    font-size: 36px;
    color: #000;
    z-index: 2;
}

.grid-packs-showcase .gpk-img-boxs {
    position: absolute;
    top: 19.5%;
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 0 10px;
    list-style: none;
    z-index: 2;
    gap: 15px;
}

.grid-packs-showcase .gpk-img-boxs>li {
    width: 23%;
}

.grid-packs-showcase .gpk-pack-link {
    display: block;
    text-decoration: none;
}

.grid-packs-showcase .gpk-img-boxs>li .gpk-pack-link img,
.grid-packs-showcase .gpk-img-boxs>li img {
    width: 100%;
}

.grid-packs-showcase .gpk-wap-show {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 1399.98px) {
    .grid-packs-showcase .gpk-hot-title {
        font-size: 2.5vw;
    }
}

@media screen and (max-width: 767.98px) {
    .grid-packs-showcase .gpk-hot-picks {
        width: calc(100% - 20px);
    }

    .grid-packs-showcase .gpk-radius,
    .grid-packs-showcase .gpk-bg-fallback {
        border-radius: 12px;
    }

    .grid-packs-showcase .gpk-hot-title {
        top: 3.2%;
        left: 5%;
        font-size: 5.5vw;
        line-height: 1.1;
    }

    .grid-packs-showcase .gpk-img-boxs {
        top: 15%;
        align-items: center;
        padding: 0;
        gap: 4vw;
    }

    .grid-packs-showcase .gpk-img-boxs>li {
        width: 44%;
    }

    .grid-packs-showcase .gpk-wap-show {
        display: block;
    }
}

/*
 * grid-product-time-showcase
 */

.grid-product-time-showcase .gptts-bundle * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.grid-product-time-showcase .gptts-bundle img {
    width: 100%;
}

.grid-product-time-showcase .gptts-bundle .hot-picks {
    position: relative;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.grid-product-time-showcase .gptts-bundle .radius {
    border-radius: 24px;
}

.grid-product-time-showcase .gptts-bundle .img-boxs {
    position: absolute;
    top: 22%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 0 10px;
    gap: 15px;
    list-style: none;
    width: 100%;
}

.grid-product-time-showcase .gptts-bundle .img-boxs li {
    width: 22.5%;
}

.grid-product-time-showcase .gptts-bundle .img-boxs li img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 767.98px) {
    .grid-product-time-showcase .gptts-bundle .hot-picks {
        width: calc(100% - 20px);
    }

    .grid-product-time-showcase .gptts-bundle .radius {
        border-radius: 12px;
    }

    .grid-product-time-showcase .gptts-bundle .img-boxs {
        top: 20%;
        align-items: center;
        padding: 0;
        gap: 3vw;
    }

    .grid-product-time-showcase .gptts-bundle .img-boxs li {
        width: 40%;
    }
}

.grid-product-time-showcase .gptts-bundle .hot-count {
    position: absolute;
    display: flex;
    align-items: center;
    top: 2%;
    left: 35%;
}

.grid-product-time-showcase .gptts-bundle .hot-count .count-star-txt {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    margin-right: 15px;
    color: #000;
}

.grid-product-time-showcase .gptts-bundle .hot-count-main {
    display: flex;
    justify-content: space-between;
    width: 400px;
    list-style: none;
}

.grid-product-time-showcase .gptts-bundle .hot-count-main li {
    width: calc((100% / 4) - (30px / 4));
    padding: 8px 0;
    border-radius: 10px;
    text-align: center;
    background-color: #fff;
}

.grid-product-time-showcase .gptts-bundle .hot-count-main .count-num {
    font-size: 34px;
    font-weight: 600;
    line-height: 1.4;
    font-feature-settings: "tnum";
}

.grid-product-time-showcase .gptts-bundle .hot-count-main .count-txt {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .grid-product-time-showcase .gptts-bundle .hot-count {
        top: 3%;
        left: 34%;
    }
}

@media screen and (min-width: 801px) and (max-width: 1001px) {
    .grid-product-time-showcase .gptts-bundle .hot-count-main {
        width: 250px;
    }

    .grid-product-time-showcase .gptts-bundle .hot-count-main li {
        width: calc((100% / 4) - (25px / 4));
        padding: 3px 0;
        border-radius: 10px;
        text-align: center;
        background-color: #fff;
    }

    .grid-product-time-showcase .gptts-bundle .hot-count-main .count-num {
        font-size: 26px;
        line-height: 1.4;
        font-feature-settings: "tnum";
    }

    .grid-product-time-showcase .gptts-bundle .hot-count-main .count-txt {
        font-size: 10px;
        line-height: 1.5;
    }

    .grid-product-time-showcase .gptts-bundle .hot-count {
        top: 3%;
        left: 34%;
    }
}

@media screen and (max-width: 800.98px) {
    .grid-product-time-showcase .gptts-bundle .hot-count {
        top: 8.5%;
        left: auto;
        width: 100%;
        flex-direction: column;
    }

    .grid-product-time-showcase .gptts-bundle .hot-count-main {
        padding-top: 1.5vw;
        justify-content: space-around;
        width: 100%;
    }

    .grid-product-time-showcase .gptts-bundle .hot-count-main li {
        width: calc((95% / 4) - (15px / 4));
        padding: 10px 0;
        border-radius: 10px;
    }

    .grid-product-time-showcase .gptts-bundle .hot-count .count-star-txt {
        font-size: 4vw;
    }

    .grid-product-time-showcase .gptts-bundle .hot-count-main .count-num {
        font-size: 3vw;
    }

    .grid-product-time-showcase .gptts-bundle .hot-count-main .count-txt {
        font-size: 2vw;
    }
}

.grid-product-time-showcase .gptts-hot-picks-bg {
    background-color: var(--gptts-section-bg, #e0f7ef);
}

.grid-product-time-showcase .gptts-bg-fallback {
    width: 100%;
    min-height: var(--gptts-fallback-min-h, 560px);
    border-radius: 24px;
    background-color: var(--gptts-section-bg, #e0f7ef);
}

@media screen and (max-width: 767.98px) {
    .grid-product-time-showcase .gptts-bg-fallback {
        border-radius: 12px;
    }
}

/* Shop category showcase */

.shop-category-showcase {
    --scs-max: 1400px;
    /*
     * Horizontal inset of title + first carousel card must match:
     * gutter = max(shell padding, centered column offset).
     */
    --scs-shell-padding: 0px;
    --scs-gutter: max(var(--scs-shell-padding), calc((100vw - var(--scs-max)) / 2));
    --scs-arrow-size: 50px;
    --scs-radius: 24px;
    display: block;
    width: 100%;
    overflow-x: clip;
    overflow-x: hidden;
    color: #000;
}

@media screen and (min-width: 768px) and (max-width: 1439.98px) {
    .shop-category-showcase {
        --scs-shell-padding: 10px;
    }
}

@media screen and (max-width: 767.98px) {
    .shop-category-showcase {
        --scs-shell-padding: 10px;
        --scs-radius: 12px;
    }
}

.shop-category-showcase .acs__viewport {
    width: 100%;
}

.shop-category-showcase .acs__shell {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--scs-max);
    margin-inline: auto;
    padding-inline: var(--scs-shell-padding);
}

@media screen and (max-width: 767.98px) {
    .shop-category-showcase .acs__shell {
        width: calc(100% - 20px);
        padding-inline: 0;
        /*
       * Outer margins center the shell; 20px inset matches --scs-shell-padding for gutter.
       */
    }
}

/*
   * Full-bleed carousel row inside .acs__shell (same idea as .acs__slider-bleed).
   */
.shop-category-showcase .acs__slider-bleed {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: auto;
    right: auto;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.shop-category-showcase .acs__slider-bleed .acs__carousel-inner {
    width: 100%;
}

/* Gutters on first/last slide so track scroll math stays aligned (advice pattern). */
.shop-category-showcase .acs__track.carousel__track>.acs__slide:first-child {
    padding-inline-start: var(--scs-gutter);
}

.shop-category-showcase .acs__track.carousel__track>.acs__slide:last-child {
    padding-inline-end: var(--scs-gutter);
}

.shop-category-showcase button.new-swiper-button {
    border: 0;
}

.shop-category-showcase .custom-color-radio button {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgb(0, 0, 0);
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    padding: 0;
}

.shop-category-showcase .custom-color-radio button:first-of-type {
    margin-left: 5px;
}

.shop-category-showcase .custom-color-radio button.active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
    height: 150%;
    border-radius: 50%;
    border: 1px solid #000;
}

.shop-category-showcase .custom-color-radio button:focus-visible {
    outline: revert;
    outline-offset: 4px;
}

.shop-category-showcase.shop-main .custom-btn-row .btn-buy:focus-visible {
    outline: revert;
    outline-offset: 4px;
}

.shop-category-showcase .new-title-box {
    width: 100%;
    margin-bottom: 20px;
}

.shop-category-showcase .new-title-box h2 {
    font-size: 28px;
    color: #000;
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
}

.shop-category-showcase .new-title-box h2+p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 5px;
}

@media screen and (max-width: 767.98px) {
    .shop-category-showcase .new-title-box h2 {
        font-size: 24px;
    }

    .shop-category-showcase .new-title-box h2+p {
        font-size: 12px;
    }
}

.shop-category-showcase.shop-main .custom-product-name {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    color: inherit;
    margin-bottom: 5px;
    position: relative;
}

.shop-category-showcase.shop-main .custom-price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: inherit;
    margin-bottom: 20px;
    flex-wrap: wrap;
    height: 51px;
    position: relative;
}

.shop-category-showcase.shop-main .custom-price span {
    margin-left: 10px;
}

.shop-category-showcase.shop-main .custom-price span:first-of-type {
    margin-left: 0px;
}

.shop-category-showcase.shop-main .custom-price .uvpprice {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #808080;
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}

.shop-category-showcase.shop-main .custom-price .lowprice {
    width: 100%;
    color: inherit;
    margin-left: 0px;
}

.shop-category-showcase.shop-main .custom-price .lowprice .low {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #808080;
}

.shop-category-showcase.shop-main .custom-price .saleprice {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    color: inherit;
}

.shop-category-showcase.shop-main .custom-price .hide+.saleprice {
    margin-left: 0px;
}

.shop-category-showcase.shop-main .custom-btn-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.shop-category-showcase.shop-main .custom-btn-row .custom-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin-left: 0;
}

.shop-category-showcase.shop-main .custom-btn-row .btn-buy {
    padding: 8px 20px;
    background: #000;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
}

.shop-category-showcase.shop-main .custom-btn-row .btn-buy:hover {
    background: #256fff;
    color: #fff;
}

.shop-category-showcase.shop-main .custom-btn-row .btn-more {
    position: relative;
    color: #000;
    text-decoration: none;
}

.shop-category-showcase.shop-main .custom-btn-row .btn-more::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    right: -12px;
    border-top: 2px solid #353535;
    border-right: 2px solid #353535;
    transition: 0.2s;
    pointer-events: none;
}

.shop-category-showcase.shop-main .custom-btn-row .btn-more:hover::after {
    right: -16px;
}

@media screen and (min-width: 768px) and (max-width: 1439.98px) {
    .shop-category-showcase.shop-main .custom-product-name {
        font-size: 18px;
    }

    .shop-category-showcase.shop-main .custom-price .uvpprice {
        font-size: 12px;
    }

    .shop-category-showcase.shop-main .custom-price .saleprice {
        font-size: 18px;
    }

    .shop-category-showcase.shop-main .custom-price .lowprice {
        margin-left: 0px;
    }

    .shop-category-showcase.shop-main .custom-price .lowprice .low {
        font-size: 12px;
    }

    .shop-category-showcase.shop-main .custom-btn-row .custom-btn {
        font-size: 12px;
    }

    .shop-category-showcase.shop-main .custom-btn-row .btn-buy {
        padding: 6px 14px;
    }

    .shop-category-showcase.shop-main .custom-btn-row .btn-more::after {
        width: 7px;
        height: 7px;
    }

    .shop-category-showcase.shop-main .custom-btn-row .btn-more:hover::after {
        right: -15px;
    }
}

@media screen and (max-width: 767.98px) {
    .shop-category-showcase.shop-main .custom-price {
        margin-bottom: 10px;
        height: 48px;
    }

    .shop-category-showcase.shop-main .custom-product-name {
        font-size: 18px;
    }

    .shop-category-showcase.shop-main .custom-price .saleprice {
        font-size: 18px;
    }

    .shop-category-showcase.shop-main .custom-price .uvpprice {
        font-size: 14px;
    }
}

/* —— Carousel (theme-carousel + arrows, aligned with advice-showcase-slider) —— */
.shop-category-showcase .acs__carousel-stage {
    position: relative;
    width: 100%;
}

.shop-category-showcase .acs__carousel {
    display: block;
    width: 100%;
}

.shop-category-showcase .acs__carousel-inner {
    position: relative;
    width: 100%;
    margin-bottom: 24px;
}

.shop-category-showcase .acs__track {
    display: flex;
    align-items: stretch;
    padding: 6px 0;
}

.shop-category-showcase .acs__track>.acs__slide {
    min-width: 0;
    flex: 0 0 calc(1400px * 22.215% / 100%);
    width: calc(1400px * 22.215% / 100%);
    min-width: 0;
    margin-right: 20px;
}

.shop-category-showcase .acs__track>.acs__slide:last-child {
    margin-right: 0;
}

.shop-category-showcase .acs__track>.acs__slide.special-slide {
    flex: 0 0 calc(1400px * 22.215% / 100% + var(--scs-gutter));
    width: calc(1400px * 22.215% / 100% + var(--scs-gutter));
}

.shop-category-showcase theme-carousel.acs__carousel .carousel__track.acs__track {
    scroll-snap-type: none;
}

.shop-category-showcase theme-carousel.acs__carousel .carousel__track.acs__track>* {
    scroll-snap-align: none;
}

.shop-category-showcase .acs__arrow {
    position: absolute;
    z-index: 6;
    top: calc(50% - var(--scs-arrow-size) / 2);
    width: var(--scs-arrow-size);
    height: var(--scs-arrow-size);
    padding: 10px;
    margin: 0;
    cursor: pointer;
    border: none;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.3);
}

.shop-category-showcase .acs__arrow:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
}

.shop-category-showcase .acs__arrow svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
}

.shop-category-showcase .acs__arrow:disabled {
    display: none;
}

.shop-category-showcase .acs__arrow--prev {
    left: calc(var(--scs-gutter) + 12px);
    right: auto;
}

.shop-category-showcase .acs__arrow--prev svg {
    transform: scaleX(-1);
}

.shop-category-showcase .acs__arrow--next {
    right: calc(var(--scs-gutter) + 12px);
    left: auto;
}

.shop-category-showcase .acs__slider-bleed .acs__carousel-inner .acs__arrow--prev {
    left: calc(var(--scs-gutter) + 12px);
}

.shop-category-showcase .acs__slider-bleed .acs__carousel-inner .acs__arrow--next {
    right: calc(var(--scs-gutter) + 12px);
}

@media screen and (max-width: 767.98px) {
    .shop-category-showcase .acs__arrow {
        width: 40px;
        height: 40px;
        padding: 8px;
        background: rgba(155, 155, 155, 0.3);
    }
}

/* Same as theme-advice-showcase-slider: hide arrows when track has ≤1 slide */
theme-shop-category-showcase .acs__carousel[data-single-slide='true'] .acs__arrow[data-role='acs-arrow'] {
    display: none !important;
}

/* —— Category + product slides (categories-swiper from temp) —— */
.shop-category-showcase .categories-swiper {
    position: relative;
}

/* 分类首卡：外层仅留轨道槽 + gutter；圆角与裁剪在 .scs-card--category */
.shop-category-showcase .categories-swiper .acs__slide--category {
    padding-block: 0;
    padding-inline-end: 0;
    background: transparent;
    overflow: visible;
    display: flex;
    flex-direction: column;
}

/* Product cards: chrome on inner article（与分类 hero 的 .scs-card--category 分离） */
.shop-category-showcase .categories-swiper .scs-card--product {
    border-radius: var(--scs-radius, 24px);
    overflow: hidden;
    padding: 20px;
    background: #f9f9f9;
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    border: 0;
}

.shop-category-showcase .categories-swiper .scs-card--image .top-content {
    height: auto;
    min-height: 0;
}

.shop-category-showcase .categories-swiper .scs-card--image .bottom-content {
    height: auto;
    min-height: 0;
}

.shop-category-showcase .categories-swiper .scs-card--image .content:empty {
    display: none;
}

.shop-category-showcase .categories-swiper .scs-card--category {
    display: block;
    box-sizing: border-box;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    border: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    color: inherit;
    background: transparent;
    border-radius: var(--scs-radius, 24px);
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    height: 100%;
}

.shop-category-showcase .category-title {
    font-size: 36px;
    color: #000;
    font-weight: 600;
    line-height: 1.3;
    position: absolute;
    top: 8%;
    left: 5%;
    width: 90%;
    text-align: center;
    margin: 0;
    z-index: 1;
}

.shop-category-showcase .categories-swiper .custom-color-radio {
    margin-bottom: 20px;
}

.shop-category-showcase .categories-swiper .category-image {
    position: relative;
    min-height: 280px;
    height: 100%;
    background-color: #dff7ea;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: block;
}

.shop-category-showcase .categories-swiper .category-image img {
    width: 100%;
    user-select: none;
    -webkit-user-drag: none;
    display: block;
    vertical-align: bottom;
}

.shop-category-showcase .categories-swiper .content {
    color: #000;
    padding-top: 0px;
}

.shop-category-showcase .categories-swiper .acs__slide:not(.acs__slide--category) .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.shop-category-showcase .categories-swiper .acs__slide:not(.acs__slide--category) .bottom-content {
    margin-top: auto;
}

.shop-category-showcase .categories-swiper .content .top-content {
    height: 110px;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.shop-category-showcase .categories-swiper .content .bottom-content {
    height: 125px;
    color: #000;
}

.shop-category-showcase .categories-swiper .product-images {
    overflow: hidden;
}

.shop-category-showcase .categories-swiper .product-images a {
    position: relative;
    text-align: center;
    display: block;
    margin: 20px auto;
}

.shop-category-showcase .categories-swiper .product-images img {
    width: 80%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    opacity: 0;
    transition: 0.5s;
    display: inline-block;
    user-select: none;
    -webkit-user-drag: none;
}

.shop-category-showcase .categories-swiper .product-images a {
    -webkit-user-drag: none;
}

.shop-category-showcase .categories-swiper .product-images img.active {
    position: relative;
    z-index: 2;
    opacity: 1;
    display: inherit;
}

.shop-category-showcase theme-carousel.has-drag.is-dragging .categories-swiper .product-images img {
    transition: none;
}

.shop-category-showcase .categories-swiper .custom-color-radio {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media screen and (min-width: 768px) and (max-width: 1439.98px) {
    .shop-category-showcase .categories-swiper .scs-card--product {
        border-radius: 12px;
        padding: 30px 10px 10px;
    }

    .shop-category-showcase .categories-swiper .scs-card--category {
        border-radius: 12px;
    }

    .shop-category-showcase .categories-swiper .content .top-content {
        height: 100px;
    }

    .shop-category-showcase .category-title {
        font-size: 24px;
        top: 22%;
    }
}

@media screen and (max-width: 767.98px) {
    .shop-category-showcase .category-title {
        font-size: 30px;
        top: 10%;
    }

    .shop-category-showcase .categories-swiper .content {
        padding-top: 0px;
    }

    .shop-category-showcase .categories-swiper .acs__slide {
        flex: 0 0 300px;
        width: 300px;
    }

    .shop-category-showcase .categories-swiper .acs__slide.special-slide {
        flex: 0 0 calc(300px + var(--scs-gutter));
        width: calc(300px + var(--scs-gutter));
    }

    .shop-category-showcase .categories-swiper .scs-card--product {
        border-radius: 12px;
    }

    .shop-category-showcase .categories-swiper .scs-card--category {
        border-radius: 12px;
    }

    .shop-category-showcase .categories-swiper .product-images a {
        margin: 20px auto 0px;
    }

    .shop-category-showcase .categories-swiper .content .top-content {
        height: 90px;
    }

    .shop-category-showcase .categories-swiper .content .bottom-content {
        height: 100px;
    }
}

.shop-category-showcase .custom-special-discount {
    position: absolute;
    z-index: 3;
    user-select: none;
    left: 20px;
    top: 20px;
}

.shop-category-showcase .custom-special-discount ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.shop-category-showcase .custom-special-discount .custom-type-capsule {
    border-radius: 50px;
    padding: 4px 12px;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    background: #b30202;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.shop-category-showcase .custom-special-discount .custom-type-coupon {
    padding: 4px 12px;
    border-radius: 5px;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    background: #b30202;
    text-align: center;
}

.shop-category-showcase .custom-special-discount .custom-type-coupon::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    left: -4.5px;
    background: #f9f9f9;
    border-radius: 50%;
}

.shop-category-showcase .custom-special-discount .custom-type-coupon::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    right: -4.5px;
    background: #f9f9f9;
    border-radius: 50%;
}

.shop-category-showcase .custom-special-discount li {
    margin-right: 10px;
    margin-bottom: 10px;
}

.shop-category-showcase .custom-special-discount li:last-of-type {
    margin-right: 0px;
}

.shop-category-showcase .custom-special-discount.type-color-blue .custom-type-capsule {
    background-color: #256fff;
}

.shop-category-showcase .custom-special-discount.type-color-blue .custom-type-coupon {
    background-color: #256fff;
}

@media screen and (min-width: 768px) and (max-width: 1439.98px) {
    .shop-category-showcase .custom-special-discount {
        left: 20px;
        top: 20px;
    }

    .shop-category-showcase .custom-special-discount .custom-type-capsule {
        font-size: 10px;
        padding: 4px 10px;
    }

    .shop-category-showcase .custom-special-discount .custom-type-coupon {
        font-size: 10px;
        padding: 4px 10px;
    }
}

@media screen and (max-width: 767.98px) {
    .shop-category-showcase .custom-special-discount {
        top: 10px;
        left: 10px;
    }

    .shop-category-showcase .custom-special-discount .custom-type-capsule {
        font-size: 10px;
    }

    .shop-category-showcase .custom-special-discount .custom-type-coupon {
        font-size: 10px;
        padding: 4px 10px;
        border-radius: 4px;
    }
}

/* Reference styles from temp.html */

.new-title-box {
    margin-bottom: 20px;
}

.new-title-box h2 {
    font-size: 28px;
    color: #000000;
    font-weight: 500;
    line-height: 1.3;
}

.new-title-box h2+p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 5px;
}

@media screen and (max-width: 767.98px) {
    .new-title-box {
        margin-bottom: 20px;
    }

    .new-title-box h2 {
        font-size: 24px;
    }

    .new-title-box h2+p {
        font-size: 12px;
    }
}

/* overseas-product-list */
.vue-overseas-product-list .vue-title {
    width: 100%;
    max-width: 1184px;
    margin: 24px auto;
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.3;
    color: #000000;
}

@media screen and (max-width: 767.98px) {
    .vue-overseas-product-list .vue-title {
        font-size: 24px;
        margin: 20px auto;
        padding: 0 16px;
    }
}

.vue-overseas-product-list {
    font-weight: 500;
}

.vue-overseas-product-list .product-list-item {
    position: relative;
}

.vue-overseas-product-list .product-list-item .product-list-new-section {
    position: absolute;
    left: 30px;
    top: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    color: #1455FF;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-new-title {
    display: none;
}

.vue-overseas-product-list .scroll-control {
    display: none;
}

.vue-overseas-product-list .scroll-control.disabled {
    display: none;
}

.vue-overseas-product-list .product-list-item .product-list-item-section {
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 0 14px;
    min-width: 69px;
    height: 30px;
    text-align: center;
    border-radius: 15px;
    opacity: 1;
    background: #256FFF;
}

/* tab color切换 */
.vue-overseas-product-list .product-list-item-section {
    position: absolute;
}

.vue-overseas-product-list .product-list .product-list-item-info .product-list-inner-top .product-image-tab-box {
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.vue-overseas-product-list .product-list .product-list-item-info .product-list-inner-top .product-image-tab-box li {
    list-style: none;
    float: left;
    margin-right: 11px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.vue-overseas-product-list .product-list .product-list-item-info .product-list-inner-top .product-image-tab-box li:focus-visible {
    outline: revert;
}

.vue-overseas-product-list .product-list .product-list-item-info .product-list-inner-top .product-image-tab-box li.selected {
    width: 24px;
    height: 24px;
    opacity: 1;
    border: 1px solid #000000;
    border-radius: 50%;
    display: flex;
    align-items: center;
}

.vue-overseas-product-list .product-list .product-list-item-info .product-list-inner-top .product-image-tab-box span.product-image-tab-btn {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    border-radius: 50%;
}

.vue-overseas-product-list .product-list .product-list-item-info .product-list-inner-top .product-image-tab-box span.product-image-tab-btn.checked {
    background: rgb(0, 31, 63);
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
}

/* layout-1 */
.vue-overseas-product-list .product-list.product-layout-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

.vue-overseas-product-list .product-layout-1 .product-list-item {
    width: 1400px;
    display: flex;
    position: relative;
    background: #F9F9F9;
    border-radius: 24px;
    margin: 0;
    flex-direction: row-reverse;
    padding: 30px 140px 30px 150px;
    height: 470px;
}

.vue-overseas-product-list .product-list.product-layout-1 .product-list-item .product-list-item-info {
    height: 398px;
    display: flex;
    margin-right: 65px;
    width: 525px;
    justify-content: space-between;
    padding-top: 12px;
}

.vue-overseas-product-list .product-list-item-section {
    position: relative;
}

.vue-overseas-product-list .product-list-item .product-list-item-tags {
    position: absolute;
    display: flex;
    flex-direction: row;
    font-size: 14px;
}

.vue-overseas-product-list .product-list-item-tag {
    display: inline-block;
    margin: 4px;
    border-radius: 6px;
    padding: 2px 8px;
}

.vue-overseas-product-list .product-list.product-layout-1 .product-list-item .product-list-item-img {
    width: 520px;
    height: 390px;
}

.vue-overseas-product-list .product-list.product-layout-1 .product-list-item .product-list-item-img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-img img {
    border-radius: 8px;
}

.vue-overseas-product-list .product-layout-1 .product-list-inner-bottom .product-list-gift-box,
.vue-overseas-product-list .product-layout-1 .product-list-inner-bottom .product-list-bundle-box {
    display: flex;
    width: 132px;
    height: 40px;
    align-items: center;
    position: relative;
    padding: 6px 4px 6px 8px;
    border-radius: 8px;
    opacity: 1;
    background: #FFFFFF;
}

.vue-overseas-product-list .product-layout-1 .product-list-inner-bottom .product-list-gift-box .product-list-gift-logo,
.vue-overseas-product-list .product-layout-1 .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-logo {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.vue-overseas-product-list .product-layout-1 .product-list-inner-bottom .product-list-gift-box .product-list-gift-logo span.gift-icon {
    width: 18px;
    height: 18px;
    display: block;
    background-size: 18px;
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/product/giftweb.svg') no-repeat;
}

.vue-overseas-product-list .product-layout-1 .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-logo span.bundle-icon {
    width: 18px;
    height: 18px;
    display: block;
    background-size: 18px;
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/product/bundleweb.svg') no-repeat;
}

.vue-overseas-product-list .product-layout-1 .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-logo span.optional-icon {
    width: 18px;
    height: 18px;
    display: block;
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/product/optional.svg') no-repeat;
    background-size: 18px;
}

.vue-overseas-product-list .product-layout-1 .product-list-inner-bottom span.more-icon {
    height: 10px;
    width: 2px;
    margin-top: 9px;
    display: block;
    background-size: 2px 10px;
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/product/moreweb.svg') no-repeat;
}

.vue-overseas-product-list .product-layout-1 .product-list-gift-box .product-list-gift-center li.more-icon-box,
.vue-overseas-product-list .product-layout-1 .product-list-bundle-box .product-list-bundle-center li.more-icon-box {
    width: 2px;
    height: 28px;
    margin-right: 0;
}

.vue-overseas-product-list .product-layout-1 .product-list-inner-bottom .product-list-gift-box .product-list-gift-center li img,
.vue-overseas-product-list .product-layout-1 .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-center li img {
    max-width: 100%;
    max-height: 100%;
}

/* common */
.vue-overseas-product-list .product-list .product-list-item .product-list-item-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    justify-content: space-between;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-inner-top {
    margin-bottom: 10px;
}

.vue-overseas-product-list .product-list-item-info-title-wrap {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}

.vue-overseas-product-list .product-list-item-info-sub-title-wrap {
    display: flex;
    height: 24px;
    margin-bottom: 25px;
}

.vue-overseas-product-list .product-image-tab {
    margin-bottom: 9px;
}

.vue-overseas-product-list .product-list-item-info-sub-title {
    font-size: 16px;
    color: #707070;
    line-height: 24px;
    font-weight: 500;
    margin-right: 10px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vue-overseas-product-list .product-list-item-info-sub-title span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.vue-overseas-product-list .product-list-item-info-placeholder {
    font-size: 16px;
    color: #707070;
}

.vue-overseas-product-list .placeholder-1 {
    margin-bottom: 5px;
    color: #000000;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 24px;
    overflow: hidden;
    opacity: 1;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0px;
}

.vue-overseas-product-list .placeholder-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-height: 40px;
}

.vue-overseas-product-list .placeholder-3 p {
    margin: unset;
    opacity: 1;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #707070;
}

.vue-overseas-product-list .product-list-item-info-installment {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    opacity: 1;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #000000;
    height: auto !important;
}

.vue-overseas-product-list .product-list-item-coupon {
    position: relative;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-coupon button {
    max-width: 200px;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    overflow: hidden;
    height: 22px;
    cursor: pointer;
    background: #E7EFFF;
    border: 0.5px solid #256FFF;
    border-radius: 3px;
    color: #1455FF;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-coupon button:focus-visible {
    outline: revert;
    outline-offset: 2px;
}

.vue-overseas-product-list .product-list-item-coupon .dot-before {
    width: 3px;
    height: 7px;
    background: #F9F9F9;
    border-radius: 0 5px 5px 0;
    position: absolute;
    top: 8px;
    left: 0px;
    border: 0.5px solid #256FFF;
    border-left: unset;
    box-shadow: unset;
    outline: unset;
}

.vue-overseas-product-list .product-list-item-coupon .dot-after {
    width: 3px;
    height: 7px;
    background: #F9F9F9;
    border-radius: 5px 0 0 5px;
    position: absolute;
    top: 8px;
    right: 0px;
    border: 0.5px solid #256FFF;
    border-right: unset;
    box-shadow: unset;
    outline: unset;
}

/* common */
.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-inner-bottom {
    width: 100%;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-price-wrap {
    margin-top: 20px;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-title {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-title img {
    max-width: 100%;
    max-height: 22px;
    min-height: 20px;
    height: 100%;
    display: block;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-new-title {
    height: 20px;
    opacity: 1;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    color: #256FFF;
}

.vue-overseas-product-list .product-list-item-info-label span {
    border: 1px solid;
    border-radius: 7px;
    font-size: 10px;
    padding: 1px 4px;
    transform: scale(0.7);
    display: block;
}

.vue-overseas-product-list .product-list.product-layout-1 .product-list-item-info-price-button-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

.vue-overseas-product-list .product-list.product-layout-2 .product-list-item-info-price-button-wrap {
    /* display: flex; */
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

/* common */
.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-price>span {
    margin-right: 10px;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-price .salePrice {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #EB1406;
    font-weight: 600;
}

/* common */
.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-price .orderPrice,
.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-price .lowestHisPrice,
.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-price .afterCoupon {
    display: inline-block;
    line-height: 20px;
    font-size: 14px;
    color: #707070;
    font-weight: 400;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-price .lowestHisPrice {
    width: 100%;
    margin-bottom: 8px;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-price .orderPrice {
    text-decoration: line-through;
}

.vue-overseas-product-list .product-list-item-info-price {
    overflow: hidden;
    max-width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* common */
.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-button {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-button button {
    min-width: 70px;
    max-width: 100% !important;
    height: 40px;
    line-height: 17px;
    background: #000000;
    border-radius: 22px;
    color: white;
    border: none;
    overflow: hidden;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    padding: 0px 22px;
    margin-right: 10px;
    flex: 1;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-button button:hover {
    opacity: 0.8;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-button button:focus-visible {
    outline: revert;
    outline-offset: 2px;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info-button .product-list-learn-more {
    opacity: 1;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    cursor: pointer;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info-button .product-list-learn-more>a:focus-visible {
    outline: revert;
    outline-offset: 2px;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info-button .product-list-learn-more>a:hover {
    color: #000000;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info-button .product-list-learn-more>a:hover:after {
    transform: translateX(4px);
}

.vue-overseas-product-list .product-list .product-list-item-info .product-list-learn-more>a:after {
    background: url("/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/product/Stroke.svg") no-repeat;
    content: "";
    width: 5px;
    height: 10px;
    position: relative;
    display: inline-block;
    background-size: contain;
    transition: .6s ease;
    margin-left: 10px;
}

/* layout-2 */
.vue-overseas-product-list .product-layout-2 .product-list-item {
    padding: 30px 50px;
}

.vue-overseas-product-list .product-list-item .product-list-img-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vue-overseas-product-list .product-list.product-layout-2 {
    justify-content: space-between;
}

.vue-overseas-product-list .product-layout-2 .product-list-item .product-list-item-info .product-list-item-info-title {
    height: auto;
    min-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.vue-overseas-product-list .product-layout-2 .product-list-item-info-installment,
.vue-overseas-product-list .product-layout-3 .product-list-item-info-installment,
.vue-overseas-product-list .product-layout-4 .product-list-item-info-installment {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
}

.vue-overseas-product-list .product-list.product-layout-2,
.vue-overseas-product-list .product-list.product-layout-3,
.vue-overseas-product-list .product-list.product-layout-4 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 1400px;
    margin: 0 auto;
    flex-wrap: wrap;
    position: relative;
    align-items: initial;

}

.vue-overseas-product-list .product-list.product-layout-2 .product-list-item,
.vue-overseas-product-list .product-list.product-layout-3 .product-list-item,
.vue-overseas-product-list .product-list.product-layout-4 .product-list-item {
    display: flex;
    background: #F9F9F9;
    border-radius: 24px;
    flex-direction: row-reverse;
    margin-bottom: 15px;
}

.vue-overseas-product-list .product-list.product-layout-2 .product-list-item {
    width: 690px;
}

.vue-overseas-product-list .product-list.product-layout-1 .product-list-item:focus-visible,
.vue-overseas-product-list .product-list.product-layout-2 .product-list-item:focus-visible,
.vue-overseas-product-list .product-list.product-layout-3 .product-list-item:focus-visible,
.vue-overseas-product-list .product-list.product-layout-4 .product-list-item:focus-visible {
    outline: revert;
}

.vue-overseas-product-list .product-list.product-layout-2 .product-list-item .product-list-item-img {
    width: 260px;
    height: 260px;
}

.vue-overseas-product-list .product-list.product-layout-2 .product-list-item .product-list-item-img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.vue-overseas-product-list .product-list.product-layout-2 .product-list-item .product-list-item-info {
    width: 275px;
    margin-right: 50px;
}

.vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-title {
    max-width: 544px;
}

/* layout-3 */

.vue-overseas-product-list .product-list.product-layout-3 .product-list-item {
    display: flex;
    background: #F9F9F9;
    border-radius: 24px;
    flex-direction: column;
    width: 453px;
    padding: 30px 50px;
    margin: 0px 20px 30px 0;
}

.vue-overseas-product-list .product-layout-3 .product-list-item .product-list-item-info {
    height: calc(100% - 260px);
    display: flex;
}

.vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item-info-title-wrap {
    margin-top: 25px;
}

.vue-overseas-product-list .product-list.product-layout-3 .product-list-item-info-price-button-wrap,
.vue-overseas-product-list .product-list.product-layout-4 .product-list-item-info-price-button-wrap {
    margin-top: 20px;
}

.vue-overseas-product-list .product-list.product-layout-3 .product-list-item .product-list-item-img {
    width: 260px;
    height: 260px;
    margin: 0 auto;
}

.vue-overseas-product-list .product-list.product-layout-3 .product-list-item .product-list-item-img img,
.vue-overseas-product-list .product-list.product-layout-4 .product-list-item .product-list-item-img img {
    width: 100%;
    height: 100%;
}

.vue-overseas-product-list .product-layout-3 .product-list-item .product-list-item-info {
    width: 353px;
}

.vue-overseas-product-list .product-list.product-layout-3 .product-list-item .product-list-item-info .product-list-item-info-title {
    max-width: 353px;
    height: auto;
    min-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.vue-overseas-product-list .product-list.product-layout-3 .product-list-item .product-list-item-info .product-list-item-info-placeholder {
    max-width: 353px;
}

.vue-overseas-product-list .product-list.product-layout-3 .product-list-item .product-list-item-info .product-list-item-info-button button {
    max-width: 353px;
}

/* layout-4 */

.vue-overseas-product-list .product-list.product-layout-4 .product-list-item {
    display: flex;
    background: #F9F9F9;
    border-radius: 24px;
    flex-direction: column;
    width: 335px;
    padding: 30px;
    margin: 0px 20px 30px 0;
}

.vue-overseas-product-list .product-layout-4 .product-list-item .product-list-item-info {
    height: calc(100% - 220px);
    display: flex;
}

.vue-overseas-product-list .product-list.product-layout-4 .product-list-item-info-title-wrap {
    margin-top: 20px;
}

.vue-overseas-product-list .product-list.product-layout-4 .product-list-item .product-list-item-img {
    width: 220px;
    height: 220px;
    margin: 0 auto;
}

.vue-overseas-product-list .product-layout-4 .product-list-item .product-list-item-info {
    width: 275px;
}

.vue-overseas-product-list .product-list.product-layout-4 .product-list-item .product-list-item-info .product-list-item-info-title {
    max-width: 275px;
    min-height: 24px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.vue-overseas-product-list .product-list.product-layout-1 .product-list-item-info-title .product-list-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0px;
}

.vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item-info-title .product-list-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
}

.vue-overseas-product-list .product-list.product-layout-4 .product-list-item .product-list-item-info .product-list-item-info-placeholder {
    max-width: 275px;
}

.vue-overseas-product-list .product-list.product-layout-4 .product-list-item .product-list-item-info .product-list-item-info-button button {
    max-width: 275px;
}

/* gift+捆绑+自选 */
.vue-overseas-product-list .product-list-inner-bottom .product-list-Package-box {
    display: flex;
}

.vue-overseas-product-list .product-list-inner-bottom .product-list-gift-box {
    margin-right: 10px;
}

.vue-overseas-product-list .product-list-inner-bottom .product-list-gift-box,
.vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-box {
    display: flex;
    width: 132px;
    height: 40px;
    align-items: center;
    position: relative;
    padding: 6px 4px 6px 8px;
    border-radius: 8px;
    opacity: 1;
    background: #FFFFFF;
}

.vue-overseas-product-list .product-list-inner-bottom .product-list-gift-box .product-list-gift-logo,
.vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-logo {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.vue-overseas-product-list .product-list-inner-bottom .product-list-gift-box .product-list-gift-logo button.gift-icon {
    width: 18px;
    height: 18px;
    display: block;
    background-size: 18px;
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/product/giftweb.svg') no-repeat;
    border: 0;
}

.vue-overseas-product-list .product-list-inner-bottom .product-list-gift-box .product-list-gift-logo button.gift-icon:focus-visible {
    outline-offset: 2px;
    outline: revert;
}

.vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-logo button.bundle-icon {
    width: 18px;
    height: 18px;
    display: block;
    background-size: 18px;
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/product/bundleweb.svg') no-repeat;
    border: 0;
}

.vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-logo button.optional-icon {
    width: 18px;
    height: 18px;
    display: block;
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/product/optional.svg') no-repeat;
    background-size: 18px;
    border: 0;
}

.vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-logo button.optional-icon:focus-visible,
.vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-logo button.bundle-icon:focus-visible {
    outline: revert;
}

.vue-overseas-product-list .product-list-gift-box .product-list-gift-center>ul>li,
.vue-overseas-product-list .product-list-bundle-box .product-list-bundle-center>ul>li {
    width: 28px;
    height: 28px;
    float: left;
    margin-right: 3px;
    line-height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vue-overseas-product-list .product-list-gift-box .product-list-gift-center li.more-icon-box,
.vue-overseas-product-list .product-list-bundle-box .product-list-bundle-center li.more-icon-box {
    width: 2px;
    height: 28px;
    margin-right: 0;
    display: none;
}

.vue-overseas-product-list .product-list-gift-box .product-list-gift-center li.more-icon-box.more-web,
.vue-overseas-product-list .product-list-bundle-box .product-list-bundle-center li.more-icon-box.more-web {
    display: block;
    width: 2px;
    height: 28px;
    margin-right: 0;
}

.vue-overseas-product-list .product-list-inner-bottom .product-list-gift-box .product-list-gift-center li img,
.vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-center li img {
    max-width: 100%;
    max-height: 100%;
}

.vue-overseas-product-list .product-list-inner-bottom .product-list-gift-box .product-list-gift-popup,
.vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-popup {
    position: absolute;
    display: none;
    left: 50%;
    top: 200%;
    width: 400px;
    max-height: 420px;
    padding: 20px 4px;
    border-radius: 8px;
    opacity: 1;
    background: #FFFFFF;
    z-index: 99;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}

.vue-overseas-product-list .product-list-inner-bottom .popup-top {
    display: block;
    padding: 0 16px 0;
    background: #fff;
}

.vue-overseas-product-list .product-list-inner-bottom .popup-top-title {
    width: 100%;
    height: 19px;
    opacity: 1;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.vue-overseas-product-list .product-list-inner-bottom .popup-top-subtitle {
    width: 100%;
    max-height: 34px;
    opacity: 1;
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}

.vue-overseas-product-list .product-list-inner-bottom .popup-bottom {
    padding: 0 16px;
    overflow-y: scroll;
    max-height: 314px;
    padding-bottom: 20px;
}

.vue-overseas-product-list .product-list-inner-bottom .popup-bottom .popup-bottom-hr-top {
    margin-bottom: 20px;
    width: 100%;
    height: 0;
    border-top: 1px solid #E9E9E9;
}

.vue-overseas-product-list .product-list-inner-bottom .popup-bottom::-webkit-scrollbar {
    width: 4px;
}

.vue-overseas-product-list .product-list-inner-bottom .popup-bottom::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}

.vue-overseas-product-list .product-list-inner-bottom .popup-bottom li {
    float: none;
    display: flex;
    width: 100%;
    min-height: 60px;
    margin-bottom: 20px;
    align-items: center;
}

.vue-overseas-product-list .product-list-inner-bottom .popup-bottom li.out_stock .popup-product-image>img {
    opacity: 0.4;
}

.vue-overseas-product-list .popup-bottom li.out_stock .popup-product-info .popup-product-name .out-of-stock-span {
    color: #eb1406;
    text-shadow: 0 1px 1px rgba(145, 0, 0, 0.06);
    text-align: center;
    min-width: 75px;
    height: 22px;
    background: rgba(235, 20, 6, 0.05);
    border: 1px solid rgba(235, 20, 6, 0.05);
    box-shadow: inset 0 0 5px 0 rgba(135, 0, 0, 0.03);
    border-radius: 4px;
    margin-top: 5px;
    width: fit-content;
    display: inline-block;
    padding: 0 10px;
}

.vue-overseas-product-list .popup-bottom li.out_stock .popup-product-info .popup-product-name .out-of-stock-span>i {
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #EB1406;
    text-shadow: 0px 1px 1px 0px rgba(145, 0, 0, 0.06);
    opacity: 0.4;
}

.vue-overseas-product-list .popup-bottom li.in_stock .popup-product-info .popup-product-name .groupitem-available-div .out-of-available-span {
    color: #256FFF;
    text-shadow: 0 1px 1px rgba(145, 0, 0, 0.06);
    min-width: 75px;
    max-width: 175px;
    min-height: 22px;
    box-shadow: inset 0 0 5px 0 rgba(135, 0, 0, 0.03);
    border-radius: 4px;
    margin-top: 5px;
    width: fit-content;
    display: inline-block;
    padding: 0 8px;
    background: rgba(37, 111, 255, 0.05);
    box-sizing: border-box;
    border: 1px solid rgba(37, 111, 255, 0.1);
    padding: 3px 8px;
}

.vue-overseas-product-list .popup-bottom li.in_stock .popup-product-info .popup-product-name .groupitem-available-div .out-of-available-span>i {
    border-radius: 4px;
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #1455ff;
}

.vue-overseas-product-list .popup-bottom li.out_stock .popup-product-info .popup-product-name,
.vue-overseas-product-list .popup-bottom li.out_stock .popup-product-info .popup-product-saleprice,
.vue-overseas-product-list .popup-bottom li.out_stock .popup-product-info .popup-product-orderPrice {
    color: #D0D0D0 !important;
}

.vue-overseas-product-list .popup-bottom li.out_stock .popup-product-info .popup-product-name .groupitem-outofstock-div {
    text-align: initial;
}

.vue-overseas-product-list .popup-bottom li .popup-product-image {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    align-self: flex-start;
}

.vue-overseas-product-list .popup-bottom li .popup-product-image>img {
    max-width: 100%;
    max-height: 100%;
}

.vue-overseas-product-list .popup-bottom li .popup-product-info {
    display: flex;
    width: calc(100% - 75px);
    margin-left: 15px;
    height: fit-content;
    justify-content: space-between;
    flex-direction: column;
}

.vue-overseas-product-list .popup-bottom li .popup-product-info .product-list-item-info-energy {
    margin: 5px 0 0;
}

.vue-overseas-product-list .popup-bottom li .popup-product-info .product-list-item-info-energy .energy-efficiency-img {
    display: inherit;
}

.vue-overseas-product-list .popup-bottom li .popup-product-info .product-list-item-info-energy .pdf-link {
    display: inherit;
}

.vue-overseas-product-list .popup-bottom li .popup-product-info .popup-product-name {
    max-width: 175px;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    color: #000000;
}

.vue-overseas-product-list .popup-bottom li .popup-product-info .popup-product-name>span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.vue-overseas-product-list .popup-bottom li .popup-product-info .popup-product-price {
    max-width: 120px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    text-align: right;
}

.vue-overseas-product-list .popup-bottom li .popup-product-info .popup-product-price .popup-product-saleprice {
    height: 24px;
    opacity: 1;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    color: #000000;
}

.vue-overseas-product-list .popup-bottom li .popup-product-info .popup-product-price .popup-product-orderPrice {
    height: 20px;
    opacity: 1;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0px;
    text-decoration: line-through;
    color: #707070;
}

.vue-overseas-product-list .popup-bottom li .popup-product-info .popup-product-info-top {
    display: flex;
    height: fit-content;
    justify-content: space-between;
    width: 100%;
}

.vue-overseas-product-list .popup-bottom .popup-bottom-description {
    display: flex;
    align-items: self-start;
    margin-top: 20px;
}

.vue-overseas-product-list .popup-bottom .popup-bottom-description .align-items-center i {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48Zz48cGF0aCBkPSJNMTYsOFExNiw4LjE5NjM5LDE1Ljk5MDQsOC4zOTI1NFExNS45ODA3LDguNTg4NjksMTUuOTYxNSw4Ljc4NDE0UTE1Ljk0MjIsOC45Nzk1OCwxNS45MTM0LDkuMTczODRRMTUuODg0Niw5LjM2ODExLDE1Ljg0NjMsOS41NjA3MlExNS44MDgsOS43NTMzNCwxNS43NjAyLDkuOTQzODRRMTUuNzEyNSwxMC4xMzQzLDE1LjY1NTUsMTAuMzIyM1ExNS41OTg1LDEwLjUxMDIsMTUuNTMyNCwxMC42OTUxUTE1LjQ2NjIsMTAuODgsMTUuMzkxLDExLjA2MTVRMTUuMzE1OSwxMS4yNDI5LDE1LjIzMTksMTEuNDIwNFExNS4xNDc5LDExLjU5OCwxNS4wNTU0LDExLjc3MTJRMTQuOTYyOCwxMS45NDQ0LDE0Ljg2MTgsMTIuMTEyOFExNC43NjA5LDEyLjI4MTMsMTQuNjUxOCwxMi40NDQ2UTE0LjU0MjYsMTIuNjA3OSwxNC40MjU3LDEyLjc2NTZRMTQuMzA4NywxMi45MjMzLDE0LjE4NDEsMTMuMDc1MVExNC4wNTk1LDEzLjIyNywxMy45Mjc2LDEzLjM3MjVRMTMuNzk1NywxMy41MTgsMTMuNjU2OSwxMy42NTY5UTEzLjUxOCwxMy43OTU3LDEzLjM3MjUsMTMuOTI3NlExMy4yMjcsMTQuMDU5NSwxMy4wNzUxLDE0LjE4NDFRMTIuOTIzMywxNC4zMDg3LDEyLjc2NTYsMTQuNDI1N1ExMi42MDc5LDE0LjU0MjYsMTIuNDQ0NiwxNC42NTE4UTEyLjI4MTMsMTQuNzYwOSwxMi4xMTI4LDE0Ljg2MThRMTEuOTQ0NCwxNC45NjI4LDExLjc3MTIsMTUuMDU1NFExMS41OTgsMTUuMTQ3OSwxMS40MjA0LDE1LjIzMTlRMTEuMjQyOSwxNS4zMTU5LDExLjA2MTUsMTUuMzkxUTEwLjg4LDE1LjQ2NjIsMTAuNjk1MSwxNS41MzI0UTEwLjUxMDIsMTUuNTk4NSwxMC4zMjIzLDE1LjY1NTVRMTAuMTM0MywxNS43MTI1LDkuOTQzODQsMTUuNzYwMlE5Ljc1MzM0LDE1LjgwOCw5LjU2MDcyLDE1Ljg0NjNROS4zNjgxMSwxNS44ODQ2LDkuMTczODQsMTUuOTEzNFE4Ljk3OTU4LDE1Ljk0MjIsOC43ODQxNCwxNS45NjE1UTguNTg4NjksMTUuOTgwNyw4LjM5MjU0LDE1Ljk5MDRROC4xOTYzOSwxNiw4LDE2UTcuODAzNjEsMTYsNy42MDc0NiwxNS45OTA0UTcuNDExMzEsMTUuOTgwNyw3LjIxNTg2LDE1Ljk2MTVRNy4wMjA0MiwxNS45NDIyLDYuODI2MTYsMTUuOTEzNFE2LjYzMTg5LDE1Ljg4NDYsNi40MzkyOCwxNS44NDYzUTYuMjQ2NjYsMTUuODA4LDYuMDU2MTYsMTUuNzYwMlE1Ljg2NTY1LDE1LjcxMjUsNS42Nzc3MiwxNS42NTU1UTUuNDg5NzksMTUuNTk4NSw1LjMwNDg4LDE1LjUzMjRRNS4xMTk5NywxNS40NjYyLDQuOTM4NTMsMTUuMzkxUTQuNzU3MDksMTUuMzE1OSw0LjU3OTU2LDE1LjIzMTlRNC40MDIwMywxNS4xNDc5LDQuMjI4ODMsMTUuMDU1NFE0LjA1NTYzLDE0Ljk2MjgsMy44ODcxOCwxNC44NjE4UTMuNzE4NzMsMTQuNzYwOSwzLjU1NTQ0LDE0LjY1MThRMy4zOTIxNSwxNC41NDI2LDMuMjM0NDEsMTQuNDI1N1EzLjA3NjY2LDE0LjMwODcsMi45MjQ4NSwxNC4xODQxUTIuNzczMDQsMTQuMDU5NSwyLjYyNzUzLDEzLjkyNzZRMi40ODIwMSwxMy43OTU3LDIuMzQzMTUsMTMuNjU2OVEyLjIwNDI4LDEzLjUxOCwyLjA3MjM5LDEzLjM3MjVRMS45NDA1LDEzLjIyNywxLjgxNTkyLDEzLjA3NTFRMS42OTEzMywxMi45MjMzLDEuNTc0MzQsMTIuNzY1NlExLjQ1NzM1LDEyLjYwNzksMS4zNDgyNCwxMi40NDQ2UTEuMjM5MTQsMTIuMjgxMywxLjEzODE3LDEyLjExMjhRMS4wMzcyMSwxMS45NDQ0LDAuOTQ0NjMsMTEuNzcxMlEwLjg1MjA1MywxMS41OTgsMC43NjgwODYsMTEuNDIwNFEwLjY4NDExOCwxMS4yNDI5LDAuNjA4OTY0LDExLjA2MTVRMC41MzM4MDksMTAuODgsMC40Njc2NDcsMTAuNjk1MVEwLjQwMTQ4NiwxMC41MTAyLDAuMzQ0NDc3LDEwLjMyMjNRMC4yODc0NjksMTAuMTM0MywwLjIzOTc1LDkuOTQzODRRMC4xOTIwMzEsOS43NTMzNCwwLjE1MzcxOCw5LjU2MDcyUTAuMTE1NDA0LDkuMzY4MTEsMC4wODY1ODc5LDkuMTczODRRMC4wNTc3NzE3LDguOTc5NTgsMC4wMzg1MjIyLDguNzg0MTRRMC4wMTkyNzI3LDguNTg4NjksMC4wMDk2MzYzNSw4LjM5MjU0UTAsOC4xOTYzOSwwLDhRMCw3LjgwMzYxLDAuMDA5NjM2MzUsNy42MDc0NlEwLjAxOTI3MjcsNy40MTEzMSwwLjAzODUyMjIsNy4yMTU4NlEwLjA1Nzc3MTcsNy4wMjA0MiwwLjA4NjU4NzksNi44MjYxNlEwLjExNTQwNCw2LjYzMTg5LDAuMTUzNzE4LDYuNDM5MjhRMC4xOTIwMzEsNi4yNDY2NiwwLjIzOTc1LDYuMDU2MTZRMC4yODc0NjksNS44NjU2NSwwLjM0NDQ3Nyw1LjY3NzcyUTAuNDAxNDg2LDUuNDg5NzksMC40Njc2NDcsNS4zMDQ4OFEwLjUzMzgwOSw1LjExOTk3LDAuNjA4OTY0LDQuOTM4NTNRMC42ODQxMTgsNC43NTcwOSwwLjc2ODA4Niw0LjU3OTU2UTAuODUyMDUzLDQuNDAyMDMsMC45NDQ2Myw0LjIyODgzUTEuMDM3MjEsNC4wNTU2MywxLjEzODE3LDMuODg3MThRMS4yMzkxNCwzLjcxODczLDEuMzQ4MjQsMy41NTU0NFExLjQ1NzM1LDMuMzkyMTUsMS41NzQzNCwzLjIzNDQxUTEuNjkxMzMsMy4wNzY2NiwxLjgxNTkyLDIuOTI0ODVRMS45NDA1LDIuNzczMDQsMi4wNzIzOSwyLjYyNzUzUTIuMjA0MjgsMi40ODIwMSwyLjM0MzE1LDIuMzQzMTVRMi40ODIwMSwyLjIwNDI4LDIuNjI3NTMsMi4wNzIzOVEyLjc3MzA0LDEuOTQwNSwyLjkyNDg1LDEuODE1OTJRMy4wNzY2NiwxLjY5MTMzLDMuMjM0NDEsMS41NzQzNFEzLjM5MjE1LDEuNDU3MzUsMy41NTU0NCwxLjM0ODI0UTMuNzE4NzMsMS4yMzkxNCwzLjg4NzE4LDEuMTM4MTdRNC4wNTU2MywxLjAzNzIxLDQuMjI4ODMsMC45NDQ2M1E0LjQwMjAzLDAuODUyMDUzLDQuNTc5NTYsMC43NjgwODZRNC43NTcwOSwwLjY4NDExOCw0LjkzODUzLDAuNjA4OTY0UTUuMTE5OTcsMC41MzM4MDksNS4zMDQ4OCwwLjQ2NzY0N1E1LjQ4OTc5LDAuNDAxNDg2LDUuNjc3NzIsMC4zNDQ0NzdRNS44NjU2NSwwLjI4NzQ2OSw2LjA1NjE2LDAuMjM5NzVRNi4yNDY2NiwwLjE5MjAzMSw2LjQzOTI4LDAuMTUzNzE4UTYuNjMxODksMC4xMTU0MDQsNi44MjYxNiwwLjA4NjU4NzlRNy4wMjA0MiwwLjA1Nzc3MTcsNy4yMTU4NiwwLjAzODUyMjJRNy40MTEzMSwwLjAxOTI3MjcsNy42MDc0NiwwLjAwOTYzNjM1UTcuODAzNjEsMCw4LDBROC4xOTYzOSwwLDguMzkyNTQsMC4wMDk2MzYzNVE4LjU4ODY5LDAuMDE5MjcyNyw4Ljc4NDE0LDAuMDM4NTIyMlE4Ljk3OTU4LDAuMDU3NzcxNyw5LjE3Mzg0LDAuMDg2NTg3OVE5LjM2ODExLDAuMTE1NDA0LDkuNTYwNzIsMC4xNTM3MThROS43NTMzNCwwLjE5MjAzMSw5Ljk0Mzg0LDAuMjM5NzVRMTAuMTM0MywwLjI4NzQ2OSwxMC4zMjIzLDAuMzQ0NDc3UTEwLjUxMDIsMC40MDE0ODYsMTAuNjk1MSwwLjQ2NzY0N1ExMC44OCwwLjUzMzgwOSwxMS4wNjE1LDAuNjA4OTY0UTExLjI0MjksMC42ODQxMTgsMTEuNDIwNCwwLjc2ODA4NlExMS41OTgsMC44NTIwNTMsMTEuNzcxMiwwLjk0NDYzUTExLjk0NDQsMS4wMzcyMSwxMi4xMTI4LDEuMTM4MTdRMTIuMjgxMywxLjIzOTE0LDEyLjQ0NDYsMS4zNDgyNFExMi42MDc5LDEuNDU3MzUsMTIuNzY1NiwxLjU3NDM0UTEyLjkyMzMsMS42OTEzMywxMy4wNzUxLDEuODE1OTJRMTMuMjI3LDEuOTQwNSwxMy4zNzI1LDIuMDcyMzlRMTMuNTE4LDIuMjA0MjgsMTMuNjU2OSwyLjM0MzE1UTEzLjc5NTcsMi40ODIwMSwxMy45Mjc2LDIuNjI3NTNRMTQuMDU5NSwyLjc3MzA0LDE0LjE4NDEsMi45MjQ4NVExNC4zMDg3LDMuMDc2NjYsMTQuNDI1NywzLjIzNDQxUTE0LjU0MjYsMy4zOTIxNSwxNC42NTE4LDMuNTU1NDRRMTQuNzYwOSwzLjcxODczLDE0Ljg2MTgsMy44ODcxOFExNC45NjI4LDQuMDU1NjMsMTUuMDU1NCw0LjIyODgzUTE1LjE0NzksNC40MDIwMywxNS4yMzE5LDQuNTc5NTZRMTUuMzE1OSw0Ljc1NzA5LDE1LjM5MSw0LjkzODUzUTE1LjQ2NjIsNS4xMTk5NywxNS41MzI0LDUuMzA0ODhRMTUuNTk4NSw1LjQ4OTc5LDE1LjY1NTUsNS42Nzc3MlExNS43MTI1LDUuODY1NjUsMTUuNzYwMiw2LjA1NjE2UTE1LjgwOCw2LjI0NjY2LDE1Ljg0NjMsNi40MzkyOFExNS44ODQ2LDYuNjMxODksMTUuOTEzNCw2LjgyNjE2UTE1Ljk0MjIsNy4wMjA0MiwxNS45NjE1LDcuMjE1ODZRMTUuOTgwNyw3LjQxMTMxLDE1Ljk5MDQsNy42MDc0NlExNiw3LjgwMzYxLDE2LDhaTTkuMDQ5OTYsMi45MTQwNkM4LjQ3NjU1LDIuOTE0MDYsOC4wMTE3MiwzLjMyNzQ1LDguMDExNzIsMy45MzcxNUM4LjAxMTcyLDQuNTQ2OTYsOC40NzY1Nyw0Ljk2MDM1LDkuMDQ5OTYsNC45NjAzNUM5LjYyMzI0LDQuOTYwMzUsMTAuMDg4MSw0LjU0Njk2LDEwLjA4ODEsMy45MzcxNUMxMC4wODgxLDMuMzI3NDUsOS42MjMyNCwyLjkxNDA2LDkuMDQ5OTYsMi45MTQwNlpNNS43NjQ5Myw3LjQyODg3QzYuNDQ2MDEsNi40MTYwNyw3LjU2NDM0LDUuNjE2Nyw4LjMyMjk4LDUuNjE2N0M5LjA0NDU5LDUuNjkwMDYsOS4zODUzNyw2LjI2MDk1LDkuMjU5NzcsNi44ODg4Mkw3Ljc1MDEyLDExLjgzMjlDNy43Mjk4OSwxMS45NDUxLDcuNzg5NDIsMTIuMDU3OSw3Ljg5MiwxMi4wOTM1QzguMDAyODYsMTIuMTMyMiw4LjIzNjE1LDExLjk4OTcsOC40MjM4MSwxMS43ODYzTDkuMzI5NzEsMTAuNzA1OUM5LjM0NjUxLDEwLjgyODMsOS4zMzMzMywxMS4wMTM4LDkuMzIzMDUsMTEuMTU4NUM5LjMxODE0LDExLjIyNzYsOS4zMTM5LDExLjI4NzMsOS4zMTM5LDExLjMyNjRDOC42MzI4MiwxMi4zMzkxLDcuOTQwMDksMTMuMTIwMiw2Ljc3NDM1LDEzLjEyMDJDNS45Nzg4MSwxMi45OTE4LDUuNjUyMTcsMTIuNDI2OSw1LjgyNDgxLDExLjg1MTVMNy4zMjQzMyw2LjkzMTIzQzcuMzYwMyw2LjgxMDY2LDcuMjk5NjUsNi42ODE4NSw3LjE4ODg2LDYuNjQzMzRDNy4wNzc5Myw2LjYwNDcsNi44NjEyOCw2Ljc0NzExLDYuNjczNTUsNi45NTA2NEw1Ljc2NzU5LDguMDMxQzUuNzQ5NTMsNy44OTg5Miw1Ljc1NjQyLDcuNzAzMjEsNS43NjE0NSw3LjU2MDE0QzUuNzYzMzIsNy41MDcyMiw1Ljc2NDkzLDcuNDYxNTEsNS43NjQ5Myw3LjQyODg3WiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjN0Y3RjdGIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9zdmc+");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: 2px;
    margin-right: 10px;
}

.vue-overseas-product-list .popup-bottom .popup-bottom-description p {
    width: 334px;
    height: max-content;
    margin-bottom: 0;
    opacity: 1;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #707070;
    padding: 0;
}

.vue-overseas-product-list .popup-bottom .popup-bottom-hr {
    width: 100%;
    height: 0;
    border-top: 1px solid #E9E9E9;
}

.vue-overseas-product-list .product-list-inner-bottom .product-list-gift-popup.hover-show,
.vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-popup.hover-show {
    transition: top 200ms, opacity 200ms;
    display: block;
    top: 50%;
}

.vue-overseas-product-list .product-list-inner-bottom span.more-icon {
    height: 10px;
    width: 2px;
    margin-top: 9px;
    display: block;
    background-size: 2px 10px;
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/product/moreweb.svg') no-repeat;
}

.vue-overseas-product-list .product-list .product-list-item {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.vue-overseas-product-list .product-modal-backdrop {
    display: none;
}

.vue-overseas-product-list .product-list-item-info-energy {
    margin: 20px 0 -10px;
}

/* 1440 */
@media only screen and (min-width: 1440px) {

    .vue-overseas-product-list .product-list.product-layout-1 .product-list-item-info-installment {
        max-width: 520px;
    }

    .vue-overseas-product-list .product-list.product-layout-1 .product-list-item .product-list-item-info .product-list-item-info-title {
        margin-right: 5px;
    }

    .vue-overseas-product-list .product-list.product-layout-1 .product-list-item-info-price-button-wrap {
        position: unset;
        display: unset;
        margin-top: 20px;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item:nth-child(4n) {
        margin-right: 0;
    }

    .vue-overseas-product-list .product-list.product-layout-1 .product-list-item-info-button {
        margin-top: 20px;
    }

    .vue-overseas-product-list .product-list.product-layout-3 .product-list-item:nth-child(3n) {
        margin-right: 0;
    }

    .vue-overseas-product-list .product-layout-1 .product-list-item .product-list-new-title {
        display: block;
    }

    .vue-overseas-product-list .product-list.product-layout-3 .product-list-item:nth-child(3n) .product-list-gift-box .product-list-gift-popup,
    .vue-overseas-product-list .product-list.product-layout-3 .product-list-item:nth-child(3n) .product-list-bundle-box .product-list-bundle-popup,
    .vue-overseas-product-list .product-list.product-layout-4 .product-list-item:nth-child(4n) .product-list-gift-box .product-list-gift-popup,
    .vue-overseas-product-list .product-list.product-layout-4 .product-list-item:nth-child(4n) .product-list-bundle-box .product-list-bundle-popup {
        left: auto;
        right: 50%;
    }

    .vue-overseas-product-list .product-layout-1 .product-list-item .product-list-new-section {
        display: none;
    }
}

/* 840 */
@media only screen and (max-width: 1439.98px) {
    .vue-overseas-product-list .product-list .product-list-item {
        width: 800px;
        padding: 30px;
        height: auto;
    }

    .vue-overseas-product-list .product-list {
        width: 800px !important;
        left: auto !important;
    }

    .vue-overseas-product-list .product-list.product-layout-1 .product-list-img-box {
        align-self: center;
    }

    .vue-overseas-product-list .product-list .product-list-item-info-title-wrap {
        margin-top: 15px;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-new-section {
        left: 20px;
    }

    /* layout-1 */
    .vue-overseas-product-list .product-list.product-layout-1 .product-list-item .product-list-item-img {
        width: 360px;
        height: 270px;
    }

    .vue-overseas-product-list .product-list.product-layout-1 .product-list-item-info-price-button-wrap {
        flex-direction: column;
        align-items: normal;
    }

    .vue-overseas-product-list .product-list .product-list-gift-box .product-list-gift-center>ul>li,
    .vue-overseas-product-list .product-list .product-list-bundle-box .product-list-bundle-center>ul>li {
        width: 28px;
        height: 28px;
    }

    .vue-overseas-product-list .product-list.product-layout-1 .product-list-item .product-list-item-img img {
        width: 100%;
        height: 100%;
    }

    .vue-overseas-product-list .product-list.product-layout-1 .product-list-item .product-list-item-info {
        width: 360px;
        margin-right: 20px;
        min-height: 330px;
        height: auto;
    }

    /* layout-2 */
    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item {
        padding: 30px;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item:nth-child(2n) {
        margin-right: 0;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item:nth-child(2n) .product-list-gift-box .product-list-gift-popup,
    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item:nth-child(2n) .product-list-bundle-box .product-list-bundle-popup {
        left: auto;
        right: 50%;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item {
        width: 390px;
        flex-direction: column;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item .product-list-item-img {
        width: 330px;
        height: 330px;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item .product-list-item-img img {
        width: 100%;
        height: 100%;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item .product-list-item-info {
        width: 330px;
        height: calc(100% - 330px);
    }

    .vue-overseas-product-list .product-list-item-info-sub-title {
        max-width: 180px;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-coupon button {
        max-width: 150px;
    }

    .vue-overseas-product-list .product-list-gift-box .product-list-gift-center li.more-icon-box.more-web,
    .vue-overseas-product-list .product-list-bundle-box .product-list-bundle-center li.more-icon-box.more-web {
        width: 2px;
        height: 28px;
        margin-right: 0;
    }

}

/* 360 */
@media only screen and (max-width: 839.98px) {
    .vue-overseas-product-list {
        position: relative;
    }

    .vue-overseas-product-list .scroll-control {
        display: block;
    }

    .vue-overseas-product-list .scroll-control .scroll-left-btn,
    .vue-overseas-product-list .scroll-control .scroll-right-btn {
        height: 32px;
        width: 32px;
        position: absolute;
        top: calc(50% - 16px);
        z-index: 1;
        border: 0;
        border-radius: 16px;
    }

    .vue-overseas-product-list .scroll-control .scroll-left-btn {
        left: 20px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48Zz48Zz48ZWxsaXBzZSBjeD0iMTYiIGN5PSIxNS45OTk5OTkwNDYzMjU2ODQiIHJ4PSIxNiIgcnk9IjE1Ljk5OTk5OTA0NjMyNTY4NCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PHBhdGggZD0iTTMyLDE2UTMyLDE2LjM5MjgsMzEuOTgwNywxNi43ODUxUTMxLjk2MTUsMTcuMTc3NCwzMS45MjMsMTcuNTY4M1EzMS44ODQ1LDE3Ljk1OTIsMzEuODI2OCwxOC4zNDc3UTMxLjc2OTIsMTguNzM2MiwzMS42OTI2LDE5LjEyMTRRMzEuNjE1OSwxOS41MDY3LDMxLjUyMDUsMTkuODg3N1EzMS40MjUxLDIwLjI2ODcsMzEuMzExLDIwLjY0NDZRMzEuMTk3LDIxLjAyMDQsMzEuMDY0NywyMS4zOTAyUTMwLjkzMjQsMjEuNzYwMSwzMC43ODIxLDIyLjEyMjlRMzAuNjMxOCwyMi40ODU4LDMwLjQ2MzgsMjIuODQwOVEzMC4yOTU5LDIzLjE5NTksMzAuMTEwNywyMy41NDIzUTI5LjkyNTYsMjMuODg4NywyOS43MjM3LDI0LjIyNTZRMjkuNTIxNywyNC41NjI1LDI5LjMwMzUsMjQuODg5MVEyOS4wODUzLDI1LjIxNTcsMjguODUxMywyNS41MzEyUTI4LjYxNzMsMjUuODQ2NywyOC4zNjgyLDI2LjE1MDNRMjguMTE5LDI2LjQ1MzksMjcuODU1MiwyNi43NDQ5UTI3LjU5MTQsMjcuMDM2LDI3LjMxMzcsMjcuMzEzN1EyNy4wMzYsMjcuNTkxNCwyNi43NDQ5LDI3Ljg1NTJRMjYuNDUzOSwyOC4xMTksMjYuMTUwMywyOC4zNjgyUTI1Ljg0NjcsMjguNjE3MywyNS41MzEyLDI4Ljg1MTNRMjUuMjE1NywyOS4wODUzLDI0Ljg4OTEsMjkuMzAzNVEyNC41NjI1LDI5LjUyMTcsMjQuMjI1NiwyOS43MjM2UTIzLjg4ODcsMjkuOTI1NiwyMy41NDIzLDMwLjExMDdRMjMuMTk1OSwzMC4yOTU5LDIyLjg0MDksMzAuNDYzOFEyMi40ODU4LDMwLjYzMTgsMjIuMTIyOSwzMC43ODIxUTIxLjc2MDEsMzAuOTMyNCwyMS4zOTAyLDMxLjA2NDdRMjEuMDIwNCwzMS4xOTcsMjAuNjQ0NiwzMS4zMTFRMjAuMjY4NywzMS40MjUxLDE5Ljg4NzcsMzEuNTIwNVExOS41MDY3LDMxLjYxNTksMTkuMTIxNCwzMS42OTI2UTE4LjczNjIsMzEuNzY5MiwxOC4zNDc3LDMxLjgyNjhRMTcuOTU5MiwzMS44ODQ1LDE3LjU2ODMsMzEuOTIzUTE3LjE3NzQsMzEuOTYxNSwxNi43ODUxLDMxLjk4MDdRMTYuMzkyOCwzMiwxNiwzMlExNS42MDcyLDMyLDE1LjIxNDksMzEuOTgwN1ExNC44MjI2LDMxLjk2MTUsMTQuNDMxNywzMS45MjNRMTQuMDQwOCwzMS44ODQ1LDEzLjY1MjMsMzEuODI2OFExMy4yNjM4LDMxLjc2OTIsMTIuODc4NiwzMS42OTI2UTEyLjQ5MzMsMzEuNjE1OSwxMi4xMTIzLDMxLjUyMDVRMTEuNzMxMywzMS40MjUxLDExLjM1NTQsMzEuMzExUTEwLjk3OTYsMzEuMTk3LDEwLjYwOTgsMzEuMDY0N1ExMC4yMzk5LDMwLjkzMjQsOS44NzcwNiwzMC43ODIxUTkuNTE0MTgsMzAuNjMxOCw5LjE1OTEyLDMwLjQ2MzhROC44MDQwNSwzMC4yOTU5LDguNDU3NjUsMzAuMTEwN1E4LjExMTI1LDI5LjkyNTYsNy43NzQzNiwyOS43MjM3UTcuNDM3NDYsMjkuNTIxNyw3LjExMDg4LDI5LjMwMzVRNi43ODQyOSwyOS4wODUzLDYuNDY4ODEsMjguODUxM1E2LjE1MzMzLDI4LjYxNzMsNS44NDk3MSwyOC4zNjgyUTUuNTQ2MDksMjguMTE5LDUuMjU1MDYsMjcuODU1MlE0Ljk2NDAzLDI3LjU5MTQsNC42ODYyOSwyNy4zMTM3UTQuNDA4NTYsMjcuMDM2LDQuMTQ0NzgsMjYuNzQ0OVEzLjg4MTAxLDI2LjQ1MzksMy42MzE4MywyNi4xNTAzUTMuMzgyNjYsMjUuODQ2NywzLjE0ODY4LDI1LjUzMTJRMi45MTQ3LDI1LjIxNTcsMi42OTY0OSwyNC44ODkxUTIuNDc4MjcsMjQuNTYyNSwyLjI3NjM0LDI0LjIyNTZRMi4wNzQ0MSwyMy44ODg3LDEuODg5MjYsMjMuNTQyM1ExLjcwNDExLDIzLjE5NTksMS41MzYxNywyMi44NDA5UTEuMzY4MjQsMjIuNDg1OCwxLjIxNzkzLDIyLjEyMjlRMS4wNjc2MiwyMS43NjAxLDAuOTM1Mjk1LDIxLjM5MDJRMC44MDI5NzIsMjEuMDIwNCwwLjY4ODk1NSwyMC42NDQ2UTAuNTc0OTM3LDIwLjI2ODcsMC40Nzk1LDE5Ljg4NzdRMC4zODQwNjMsMTkuNTA2NywwLjMwNzQzNSwxOS4xMjE0UTAuMjMwODA4LDE4LjczNjIsMC4xNzMxNzYsMTguMzQ3N1EwLjExNTU0MywxNy45NTkyLDAuMDc3MDQ0NCwxNy41NjgzUTAuMDM4NTQ1NCwxNy4xNzc0LDAuMDE5MjcyNywxNi43ODUxUTAsMTYuMzkyOCwwLDE2UTAsMTUuNjA3MiwwLjAxOTI3MjcsMTUuMjE0OVEwLjAzODU0NTQsMTQuODIyNiwwLjA3NzA0NDQsMTQuNDMxN1EwLjExNTU0MywxNC4wNDA4LDAuMTczMTc2LDEzLjY1MjNRMC4yMzA4MDgsMTMuMjYzOCwwLjMwNzQzNSwxMi44Nzg2UTAuMzg0MDYzLDEyLjQ5MzMsMC40Nzk1LDEyLjExMjNRMC41NzQ5MzcsMTEuNzMxMywwLjY4ODk1NSwxMS4zNTU0UTAuODAyOTcyLDEwLjk3OTYsMC45MzUyOTUsMTAuNjA5OFExLjA2NzYyLDEwLjIzOTksMS4yMTc5Myw5Ljg3NzA2UTEuMzY4MjQsOS41MTQxOCwxLjUzNjE3LDkuMTU5MTJRMS43MDQxMSw4LjgwNDA1LDEuODg5MjYsOC40NTc2NVEyLjA3NDQxLDguMTExMjUsMi4yNzYzNCw3Ljc3NDM1UTIuNDc4MjcsNy40Mzc0NiwyLjY5NjQ5LDcuMTEwODdRMi45MTQ3LDYuNzg0MjksMy4xNDg2OCw2LjQ2ODgxUTMuMzgyNjYsNi4xNTMzMywzLjYzMTgzLDUuODQ5NzFRMy44ODEwMSw1LjU0NjA5LDQuMTQ0NzgsNS4yNTUwNlE0LjQwODU2LDQuOTY0MDMsNC42ODYyOSw0LjY4NjI5UTQuOTY0MDMsNC40MDg1Niw1LjI1NTA2LDQuMTQ0NzhRNS41NDYwOSwzLjg4MTAxLDUuODQ5NzEsMy42MzE4M1E2LjE1MzMzLDMuMzgyNjYsNi40Njg4MSwzLjE0ODY4UTYuNzg0MjksMi45MTQ3LDcuMTEwODgsMi42OTY0OVE3LjQzNzQ2LDIuNDc4MjcsNy43NzQzNiwyLjI3NjM0UTguMTExMjUsMi4wNzQ0MSw4LjQ1NzY1LDEuODg5MjZROC44MDQwNSwxLjcwNDExLDkuMTU5MTIsMS41MzYxN1E5LjUxNDE4LDEuMzY4MjQsOS44NzcwNiwxLjIxNzkzUTEwLjIzOTksMS4wNjc2MiwxMC42MDk4LDAuOTM1Mjk1UTEwLjk3OTYsMC44MDI5NzIsMTEuMzU1NCwwLjY4ODk1NVExMS43MzEzLDAuNTc0OTM3LDEyLjExMjMsMC40Nzk1UTEyLjQ5MzMsMC4zODQwNjMsMTIuODc4NiwwLjMwNzQzNVExMy4yNjM4LDAuMjMwODA4LDEzLjY1MjMsMC4xNzMxNzZRMTQuMDQwOCwwLjExNTU0MywxNC40MzE3LDAuMDc3MDQ0NFExNC44MjI2LDAuMDM4NTQ1NCwxNS4yMTQ5LDAuMDE5MjcyN1ExNS42MDcyLDAsMTYsMFExNi4zOTI4LDAsMTYuNzg1MSwwLjAxOTI3MjdRMTcuMTc3NCwwLjAzODU0NTQsMTcuNTY4MywwLjA3NzA0NDRRMTcuOTU5MiwwLjExNTU0MywxOC4zNDc3LDAuMTczMTc2UTE4LjczNjIsMC4yMzA4MDgsMTkuMTIxNCwwLjMwNzQzNVExOS41MDY3LDAuMzg0MDYzLDE5Ljg4NzcsMC40Nzk1UTIwLjI2ODcsMC41NzQ5MzcsMjAuNjQ0NiwwLjY4ODk1NVEyMS4wMjA0LDAuODAyOTcyLDIxLjM5MDIsMC45MzUyOTVRMjEuNzYwMSwxLjA2NzYyLDIyLjEyMjksMS4yMTc5M1EyMi40ODU4LDEuMzY4MjQsMjIuODQwOSwxLjUzNjE3UTIzLjE5NTksMS43MDQxMSwyMy41NDIzLDEuODg5MjZRMjMuODg4NywyLjA3NDQxLDI0LjIyNTYsMi4yNzYzNFEyNC41NjI1LDIuNDc4MjcsMjQuODg5MSwyLjY5NjQ5UTI1LjIxNTcsMi45MTQ3LDI1LjUzMTIsMy4xNDg2OFEyNS44NDY3LDMuMzgyNjYsMjYuMTUwMywzLjYzMTgzUTI2LjQ1MzksMy44ODEwMSwyNi43NDQ5LDQuMTQ0NzhRMjcuMDM2LDQuNDA4NTYsMjcuMzEzNyw0LjY4NjI5UTI3LjU5MTQsNC45NjQwMywyNy44NTUyLDUuMjU1MDZRMjguMTE5LDUuNTQ2MDksMjguMzY4Miw1Ljg0OTcxUTI4LjYxNzMsNi4xNTMzMywyOC44NTEzLDYuNDY4ODFRMjkuMDg1Myw2Ljc4NDI5LDI5LjMwMzUsNy4xMTA4OFEyOS41MjE3LDcuNDM3NDYsMjkuNzIzNyw3Ljc3NDM1UTI5LjkyNTYsOC4xMTEyNSwzMC4xMTA3LDguNDU3NjVRMzAuMjk1OSw4LjgwNDA1LDMwLjQ2MzgsOS4xNTkxMlEzMC42MzE4LDkuNTE0MTgsMzAuNzgyMSw5Ljg3NzA2UTMwLjkzMjQsMTAuMjM5OSwzMS4wNjQ3LDEwLjYwOThRMzEuMTk3LDEwLjk3OTYsMzEuMzExLDExLjM1NTRRMzEuNDI1MSwxMS43MzEzLDMxLjUyMDUsMTIuMTEyM1EzMS42MTU5LDEyLjQ5MzMsMzEuNjkyNiwxMi44Nzg2UTMxLjc2OTIsMTMuMjYzOCwzMS44MjY4LDEzLjY1MjNRMzEuODg0NSwxNC4wNDA4LDMxLjkyMywxNC40MzE3UTMxLjk2MTUsMTQuODIyNiwzMS45ODA3LDE1LjIxNDlRMzIsMTUuNjA3MiwzMiwxNlpNMzEsMTZRMzEsMTUuNjMxOCwzMC45ODE5LDE1LjI2NFEzMC45NjM5LDE0Ljg5NjIsMzAuOTI3OCwxNC41Mjk3UTMwLjg5MTcsMTQuMTYzMywzMC44Mzc2LDEzLjc5OVEzMC43ODM2LDEzLjQzNDgsMzAuNzExOCwxMy4wNzM2UTMwLjYzOTksMTIuNzEyNSwzMC41NTA1LDEyLjM1NTNRMzAuNDYxLDExLjk5ODEsMzAuMzU0MSwxMS42NDU3UTMwLjI0NzIsMTEuMjkzNCwzMC4xMjMyLDEwLjk0NjdRMjkuOTk5MSwxMC41OTk5LDI5Ljg1ODIsMTAuMjU5N1EyOS43MTczLDkuOTE5NTUsMjkuNTU5OCw5LjU4NjY3UTI5LjQwMjQsOS4yNTM4LDI5LjIyODgsOC45MjkwNVEyOS4wNTUyLDguNjA0MywyOC44NjU5LDguMjg4NDZRMjguNjc2Niw3Ljk3MjYyLDI4LjQ3Miw3LjY2NjQ1UTI4LjI2NzUsNy4zNjAyNywyOC4wNDgxLDcuMDY0NTFRMjcuODI4OCw2Ljc2ODc1LDI3LjU5NTIsNi40ODQxUTI3LjM2MTYsNi4xOTk0NiwyNy4xMTQzLDUuOTI2NjJRMjYuODY3LDUuNjUzNzgsMjYuNjA2Niw1LjM5MzRRMjYuMzQ2Miw1LjEzMzAyLDI2LjA3MzQsNC44ODU3M1EyNS44MDA1LDQuNjM4NDQsMjUuNTE1OSw0LjQwNDg0UTI1LjIzMTMsNC4xNzEyNCwyNC45MzU1LDMuOTUxODlRMjQuNjM5NywzLjczMjUzLDI0LjMzMzUsMy41Mjc5NlEyNC4wMjc0LDMuMzIzMzgsMjMuNzExNSwzLjEzNDA3UTIzLjM5NTcsMi45NDQ3NiwyMy4wNzA5LDIuNzcxMThRMjIuNzQ2MiwyLjU5NzYsMjIuNDEzMywyLjQ0MDE2UTIyLjA4MDQsMi4yODI3MiwyMS43NDAyLDIuMTQxODFRMjEuNCwyLjAwMDg5LDIxLjA1MzMsMS44NzY4NFEyMC43MDY2LDEuNzUyNzksMjAuMzU0MywxLjY0NTlRMjAuMDAxOSwxLjUzOSwxOS42NDQ3LDEuNDQ5NTNRMTkuMjg3NSwxLjM2MDA2LDE4LjkyNjQsMS4yODgyMlExOC41NjUyLDEuMjE2MzgsMTguMjAxLDEuMTYyMzVRMTcuODM2NywxLjEwODMyLDE3LjQ3MDMsMS4wNzIyM1ExNy4xMDM4LDEuMDM2MTQsMTYuNzM2LDEuMDE4MDdRMTYuMzY4MiwxLDE2LDFRMTUuNjMxOCwxLDE1LjI2NCwxLjAxODA3UTE0Ljg5NjIsMS4wMzYxNCwxNC41Mjk3LDEuMDcyMjNRMTQuMTYzMywxLjEwODMyLDEzLjc5OSwxLjE2MjM1UTEzLjQzNDgsMS4yMTYzOCwxMy4wNzM2LDEuMjg4MjJRMTIuNzEyNSwxLjM2MDA2LDEyLjM1NTMsMS40NDk1M1ExMS45OTgxLDEuNTM5LDExLjY0NTcsMS42NDU5UTExLjI5MzQsMS43NTI3OSwxMC45NDY3LDEuODc2ODRRMTAuNTk5OSwyLjAwMDg5LDEwLjI1OTcsMi4xNDE4MVE5LjkxOTU1LDIuMjgyNzIsOS41ODY2NywyLjQ0MDE2UTkuMjUzOCwyLjU5NzYsOC45MjkwNSwyLjc3MTE4UTguNjA0MywyLjk0NDc2LDguMjg4NDYsMy4xMzQwN1E3Ljk3MjYyLDMuMzIzMzgsNy42NjY0NSwzLjUyNzk2UTcuMzYwMjcsMy43MzI1Myw3LjA2NDUxLDMuOTUxODlRNi43Njg3NSw0LjE3MTI0LDYuNDg0MSw0LjQwNDg0UTYuMTk5NDYsNC42Mzg0NCw1LjkyNjYyLDQuODg1NzNRNS42NTM3OCw1LjEzMzAyLDUuMzkzNCw1LjM5MzRRNS4xMzMwMiw1LjY1Mzc4LDQuODg1NzMsNS45MjY2MVE0LjYzODQ0LDYuMTk5NDYsNC40MDQ4NCw2LjQ4NDFRNC4xNzEyNCw2Ljc2ODc1LDMuOTUxODksNy4wNjQ1MVEzLjczMjUzLDcuMzYwMjcsMy41Mjc5Niw3LjY2NjQ1UTMuMzIzMzgsNy45NzI2MiwzLjEzNDA3LDguMjg4NDZRMi45NDQ3Niw4LjYwNDMsMi43NzExOCw4LjkyOTA1UTIuNTk3Niw5LjI1MzgsMi40NDAxNiw5LjU4NjY3UTIuMjgyNzIsOS45MTk1NSwyLjE0MTgxLDEwLjI1OTdRMi4wMDA4OSwxMC41OTk5LDEuODc2ODQsMTAuOTQ2N1ExLjc1Mjc5LDExLjI5MzQsMS42NDU4OSwxMS42NDU3UTEuNTM5LDExLjk5ODEsMS40NDk1MywxMi4zNTUzUTEuMzYwMDYsMTIuNzEyNSwxLjI4ODIyLDEzLjA3MzZRMS4yMTYzOCwxMy40MzQ4LDEuMTYyMzUsMTMuNzk5UTEuMTA4MzIsMTQuMTYzMywxLjA3MjIzLDE0LjUyOTdRMS4wMzYxNCwxNC44OTYyLDEuMDE4MDcsMTUuMjY0UTEsMTUuNjMxOCwxLDE2UTEsMTYuMzY4MiwxLjAxODA3LDE2LjczNlExLjAzNjE0LDE3LjEwMzgsMS4wNzIyMywxNy40NzAzUTEuMTA4MzIsMTcuODM2NywxLjE2MjM1LDE4LjIwMVExLjIxNjM4LDE4LjU2NTIsMS4yODgyMiwxOC45MjY0UTEuMzYwMDYsMTkuMjg3NSwxLjQ0OTUzLDE5LjY0NDdRMS41MzksMjAuMDAxOSwxLjY0NTg5LDIwLjM1NDNRMS43NTI3OSwyMC43MDY2LDEuODc2ODQsMjEuMDUzM1EyLjAwMDg5LDIxLjQsMi4xNDE4MSwyMS43NDAyUTIuMjgyNzIsMjIuMDgwNCwyLjQ0MDE2LDIyLjQxMzNRMi41OTc2LDIyLjc0NjIsMi43NzExOCwyMy4wNzA5UTIuOTQ0NzYsMjMuMzk1NywzLjEzNDA3LDIzLjcxMTVRMy4zMjMzOCwyNC4wMjc0LDMuNTI3OTYsMjQuMzMzNVEzLjczMjUzLDI0LjYzOTcsMy45NTE4OSwyNC45MzU1UTQuMTcxMjQsMjUuMjMxMyw0LjQwNDg0LDI1LjUxNTlRNC42Mzg0NCwyNS44MDA1LDQuODg1NzMsMjYuMDczNFE1LjEzMzAyLDI2LjM0NjIsNS4zOTM0LDI2LjYwNjZRNS42NTM3OCwyNi44NjcsNS45MjY2MSwyNy4xMTQzUTYuMTk5NDYsMjcuMzYxNiw2LjQ4NDEsMjcuNTk1MlE2Ljc2ODc1LDI3LjgyODgsNy4wNjQ1MSwyOC4wNDgxUTcuMzYwMjcsMjguMjY3NSw3LjY2NjQ1LDI4LjQ3MlE3Ljk3MjYyLDI4LjY3NjYsOC4yODg0NiwyOC44NjU5UTguNjA0MywyOS4wNTUyLDguOTI5MDUsMjkuMjI4OFE5LjI1MzgsMjkuNDAyNCw5LjU4NjY3LDI5LjU1OThROS45MTk1NSwyOS43MTczLDEwLjI1OTcsMjkuODU4MlExMC41OTk5LDI5Ljk5OTEsMTAuOTQ2NywzMC4xMjMyUTExLjI5MzQsMzAuMjQ3MiwxMS42NDU3LDMwLjM1NDFRMTEuOTk4MSwzMC40NjEsMTIuMzU1MywzMC41NTA1UTEyLjcxMjUsMzAuNjM5OSwxMy4wNzM2LDMwLjcxMThRMTMuNDM0OCwzMC43ODM2LDEzLjc5OSwzMC44Mzc2UTE0LjE2MzMsMzAuODkxNywxNC41Mjk3LDMwLjkyNzhRMTQuODk2MiwzMC45NjM5LDE1LjI2NCwzMC45ODE5UTE1LjYzMTgsMzEsMTYsMzFRMTYuMzY4MiwzMSwxNi43MzYsMzAuOTgxOVExNy4xMDM4LDMwLjk2MzksMTcuNDcwMywzMC45Mjc4UTE3LjgzNjcsMzAuODkxNywxOC4yMDEsMzAuODM3NlExOC41NjUyLDMwLjc4MzYsMTguOTI2NCwzMC43MTE4UTE5LjI4NzUsMzAuNjM5OSwxOS42NDQ3LDMwLjU1MDVRMjAuMDAxOSwzMC40NjEsMjAuMzU0MywzMC4zNTQxUTIwLjcwNjYsMzAuMjQ3MiwyMS4wNTMzLDMwLjEyMzJRMjEuNCwyOS45OTkxLDIxLjc0MDIsMjkuODU4MlEyMi4wODA0LDI5LjcxNzMsMjIuNDEzMywyOS41NTk4UTIyLjc0NjIsMjkuNDAyNCwyMy4wNzA5LDI5LjIyODhRMjMuMzk1NywyOS4wNTUyLDIzLjcxMTUsMjguODY1OVEyNC4wMjc0LDI4LjY3NjYsMjQuMzMzNSwyOC40NzJRMjQuNjM5NywyOC4yNjc1LDI0LjkzNTUsMjguMDQ4MVEyNS4yMzEzLDI3LjgyODgsMjUuNTE1OSwyNy41OTUyUTI1LjgwMDUsMjcuMzYxNiwyNi4wNzM0LDI3LjExNDNRMjYuMzQ2MiwyNi44NjcsMjYuNjA2NiwyNi42MDY2UTI2Ljg2NywyNi4zNDYyLDI3LjExNDMsMjYuMDczNFEyNy4zNjE2LDI1LjgwMDUsMjcuNTk1MiwyNS41MTU5UTI3LjgyODgsMjUuMjMxMywyOC4wNDgxLDI0LjkzNTVRMjguMjY3NSwyNC42Mzk3LDI4LjQ3MiwyNC4zMzM1UTI4LjY3NjYsMjQuMDI3NCwyOC44NjU5LDIzLjcxMTVRMjkuMDU1MiwyMy4zOTU3LDI5LjIyODgsMjMuMDcwOVEyOS40MDI0LDIyLjc0NjIsMjkuNTU5OCwyMi40MTMzUTI5LjcxNzMsMjIuMDgwNCwyOS44NTgyLDIxLjc0MDJRMjkuOTk5MSwyMS40LDMwLjEyMzIsMjEuMDUzM1EzMC4yNDcyLDIwLjcwNjYsMzAuMzU0MSwyMC4zNTQzUTMwLjQ2MSwyMC4wMDE5LDMwLjU1MDUsMTkuNjQ0N1EzMC42Mzk5LDE5LjI4NzUsMzAuNzExOCwxOC45MjY0UTMwLjc4MzYsMTguNTY1MiwzMC44Mzc2LDE4LjIwMVEzMC44OTE3LDE3LjgzNjcsMzAuOTI3OCwxNy40NzAzUTMwLjk2MzksMTcuMTAzOCwzMC45ODE5LDE2LjczNlEzMSwxNi4zNjgyLDMxLDE2WiIgZmlsbD0iI0U5RTlFOSIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KC0xLDAsMCwxLDM3LjM2MDM1MTU2MjUsMCkiPjxwYXRoIGQ9Ik0xOS4xMDQ1MzM3ODEyNSw5LjU3NTgzTDE5LjEwNDQzNjc4MTI1LDkuNTc1NzMzUTE5LjAyMDA0NTc4MTI1LDkuNDkxMzQzLDE4LjkwOTc4Mzc4MTI1LDkuNDQ1NjcxUTE4Ljc5OTUyMTc4MTI1LDkuNCwxOC42ODAxNzU3ODEyNSw5LjRRMTguNjIxMDgwOTgxMjUsOS40LDE4LjU2MzEyMTc4MTI1LDkuNDExNTI5UTE4LjUwNTE2MTc4MTI1LDkuNDIzMDU4LDE4LjQ1MDU2NTc4MTI1LDkuNDQ1NjcyUTE4LjM5NTk2ODc4MTI1LDkuNDY4Mjg3LDE4LjM0NjgzMzc4MTI0OTk5OCw5LjUwMTExOFExOC4yOTc2OTc3ODEyNSw5LjUzMzk1LDE4LjI1NTkxMTc4MTI1LDkuNTc1NzM2UTE4LjIxNDEyNTc4MTI1LDkuNjE3NTIyLDE4LjE4MTI5Mzc4MTI1LDkuNjY2NjU4UTE4LjE0ODQ2Mjc4MTI1LDkuNzE1NzkzLDE4LjEyNTg0Nzc4MTI1LDkuNzcwMzlRMTguMTAzMjMzNzgxMjUsOS44MjQ5ODU5OTk5OTk5OTksMTguMDkxNzA0NzgxMjUsOS44ODI5NDZRMTguMDgwMTc1NzgxMjUsOS45NDA5MDUyLDE4LjA4MDE3NTc4MTI1LDEwUTE4LjA4MDE3NTc4MTI1LDEwLjExOTM0OCwxOC4xMjU4NDg3ODEyNSwxMC4yMjk2MTJRMTguMTcxNTIxNzgxMjUsMTAuMzM5ODc1LDE4LjI1NTkxNDc4MTI1LDEwLjQyNDI2N0wxOC4yNTYwMTA3ODEyNSwxMC40MjQzNjNMMjMuNzA5OTE1NzgxMjUsMTUuODc4MlEyMy44MzE2NjU3ODEyNSwxNS45OTk5OCwyMy43MDk5NjU3ODEyNSwxNi4xMjE2Nzk5OTk5OTk5OThMMTguMjU2MzIwNzgxMjUsMjEuNTc1M0wxOC4yNTU5MTE3ODEyNSwyMS41NzU2OTk5OTk5OTk5OThRMTguMTcxNTIwNzgxMjUsMjEuNjYwMSwxOC4xMjU4NDc3ODEyNSwyMS43NzA0MDAwMDAwMDAwMDJRMTguMDgwMTc1NzgxMjUsMjEuODgwNjk5OTk5OTk5OTk3LDE4LjA4MDE3NTc4MTI1LDIyUTE4LjA4MDE3NTc4MTI1LDIyLjA1OTEsMTguMDkxNzA0NzgxMjUsMjIuMTE3MVExOC4xMDMyMzM3ODEyNSwyMi4xNzUsMTguMTI1ODQ3NzgxMjUsMjIuMjI5NTk5OTk5OTk5OTk4UTE4LjE0ODQ2Mjc4MTI1LDIyLjI4NDIsMTguMTgxMjkzNzgxMjUsMjIuMzMzM1ExOC4yMTQxMjU3ODEyNSwyMi4zODI1LDE4LjI1NTkxMTc4MTI1LDIyLjQyNDMwMDAwMDAwMDAwMlExOC4yOTc2OTc3ODEyNSwyMi40NjYsMTguMzQ2ODMzNzgxMjQ5OTk4LDIyLjQ5ODlRMTguMzk1OTY4NzgxMjUsMjIuNTMxNywxOC40NTA1NjU3ODEyNSwyMi41NTQyOTk5OTk5OTk5OThRMTguNTA1MTYxNzgxMjUsMjIuNTc2OTAwMDAwMDAwMDAyLDE4LjU2MzEyMTc4MTI1LDIyLjU4ODVRMTguNjIxMDgwOTgxMjUsMjIuNiwxOC42ODAxNzU3ODEyNSwyMi42UTE4Ljc5OTUyMjc4MTI1LDIyLjYsMTguOTA5Nzg1NzgxMjUsMjIuNTU0Mjk5OTk5OTk5OTk4UTE5LjAyMDA0ODc4MTI1LDIyLjUwODY5OTk5OTk5OTk5NywxOS4xMDQ0Mzk3ODEyNSwyMi40MjQzMDAwMDAwMDAwMDJMMTkuMTA0ODQ4NzgxMjUsMjIuNDIzOUwyNC41NTg0OTU3ODEyNTAwMDIsMTYuOTcwMjFRMjQuOTYwMzY1NzgxMjUsMTYuNTY4MzMsMjQuOTYwMzY1NzgxMjUsMTUuOTk5OTlRMjQuOTYwMzY1NzgxMjUsMTUuNDMxNjksMjQuNTU4NTQ1NzgxMjUsMTUuMDI5NzdMMTkuMTA0NTMzNzgxMjUsOS41NzU4M1oiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .vue-overseas-product-list .scroll-control .scroll-right-btn {
        right: 20px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48Zz48Zz48ZWxsaXBzZSBjeD0iMTYiIGN5PSIxNS45OTk5OTkwNDYzMjU2ODQiIHJ4PSIxNiIgcnk9IjE1Ljk5OTk5OTA0NjMyNTY4NCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PHBhdGggZD0iTTMyLDE2UTMyLDE2LjM5MjgsMzEuOTgwNywxNi43ODUxUTMxLjk2MTUsMTcuMTc3NCwzMS45MjMsMTcuNTY4M1EzMS44ODQ1LDE3Ljk1OTIsMzEuODI2OCwxOC4zNDc3UTMxLjc2OTIsMTguNzM2MiwzMS42OTI2LDE5LjEyMTRRMzEuNjE1OSwxOS41MDY3LDMxLjUyMDUsMTkuODg3N1EzMS40MjUxLDIwLjI2ODcsMzEuMzExLDIwLjY0NDZRMzEuMTk3LDIxLjAyMDQsMzEuMDY0NywyMS4zOTAyUTMwLjkzMjQsMjEuNzYwMSwzMC43ODIxLDIyLjEyMjlRMzAuNjMxOCwyMi40ODU4LDMwLjQ2MzgsMjIuODQwOVEzMC4yOTU5LDIzLjE5NTksMzAuMTEwNywyMy41NDIzUTI5LjkyNTYsMjMuODg4NywyOS43MjM3LDI0LjIyNTZRMjkuNTIxNywyNC41NjI1LDI5LjMwMzUsMjQuODg5MVEyOS4wODUzLDI1LjIxNTcsMjguODUxMywyNS41MzEyUTI4LjYxNzMsMjUuODQ2NywyOC4zNjgyLDI2LjE1MDNRMjguMTE5LDI2LjQ1MzksMjcuODU1MiwyNi43NDQ5UTI3LjU5MTQsMjcuMDM2LDI3LjMxMzcsMjcuMzEzN1EyNy4wMzYsMjcuNTkxNCwyNi43NDQ5LDI3Ljg1NTJRMjYuNDUzOSwyOC4xMTksMjYuMTUwMywyOC4zNjgyUTI1Ljg0NjcsMjguNjE3MywyNS41MzEyLDI4Ljg1MTNRMjUuMjE1NywyOS4wODUzLDI0Ljg4OTEsMjkuMzAzNVEyNC41NjI1LDI5LjUyMTcsMjQuMjI1NiwyOS43MjM2UTIzLjg4ODcsMjkuOTI1NiwyMy41NDIzLDMwLjExMDdRMjMuMTk1OSwzMC4yOTU5LDIyLjg0MDksMzAuNDYzOFEyMi40ODU4LDMwLjYzMTgsMjIuMTIyOSwzMC43ODIxUTIxLjc2MDEsMzAuOTMyNCwyMS4zOTAyLDMxLjA2NDdRMjEuMDIwNCwzMS4xOTcsMjAuNjQ0NiwzMS4zMTFRMjAuMjY4NywzMS40MjUxLDE5Ljg4NzcsMzEuNTIwNVExOS41MDY3LDMxLjYxNTksMTkuMTIxNCwzMS42OTI2UTE4LjczNjIsMzEuNzY5MiwxOC4zNDc3LDMxLjgyNjhRMTcuOTU5MiwzMS44ODQ1LDE3LjU2ODMsMzEuOTIzUTE3LjE3NzQsMzEuOTYxNSwxNi43ODUxLDMxLjk4MDdRMTYuMzkyOCwzMiwxNiwzMlExNS42MDcyLDMyLDE1LjIxNDksMzEuOTgwN1ExNC44MjI2LDMxLjk2MTUsMTQuNDMxNywzMS45MjNRMTQuMDQwOCwzMS44ODQ1LDEzLjY1MjMsMzEuODI2OFExMy4yNjM4LDMxLjc2OTIsMTIuODc4NiwzMS42OTI2UTEyLjQ5MzMsMzEuNjE1OSwxMi4xMTIzLDMxLjUyMDVRMTEuNzMxMywzMS40MjUxLDExLjM1NTQsMzEuMzExUTEwLjk3OTYsMzEuMTk3LDEwLjYwOTgsMzEuMDY0N1ExMC4yMzk5LDMwLjkzMjQsOS44NzcwNiwzMC43ODIxUTkuNTE0MTgsMzAuNjMxOCw5LjE1OTEyLDMwLjQ2MzhROC44MDQwNSwzMC4yOTU5LDguNDU3NjUsMzAuMTEwN1E4LjExMTI1LDI5LjkyNTYsNy43NzQzNiwyOS43MjM3UTcuNDM3NDYsMjkuNTIxNyw3LjExMDg4LDI5LjMwMzVRNi43ODQyOSwyOS4wODUzLDYuNDY4ODEsMjguODUxM1E2LjE1MzMzLDI4LjYxNzMsNS44NDk3MSwyOC4zNjgyUTUuNTQ2MDksMjguMTE5LDUuMjU1MDYsMjcuODU1MlE0Ljk2NDAzLDI3LjU5MTQsNC42ODYyOSwyNy4zMTM3UTQuNDA4NTYsMjcuMDM2LDQuMTQ0NzgsMjYuNzQ0OVEzLjg4MTAxLDI2LjQ1MzksMy42MzE4MywyNi4xNTAzUTMuMzgyNjYsMjUuODQ2NywzLjE0ODY4LDI1LjUzMTJRMi45MTQ3LDI1LjIxNTcsMi42OTY0OSwyNC44ODkxUTIuNDc4MjcsMjQuNTYyNSwyLjI3NjM0LDI0LjIyNTZRMi4wNzQ0MSwyMy44ODg3LDEuODg5MjYsMjMuNTQyM1ExLjcwNDExLDIzLjE5NTksMS41MzYxNywyMi44NDA5UTEuMzY4MjQsMjIuNDg1OCwxLjIxNzkzLDIyLjEyMjlRMS4wNjc2MiwyMS43NjAxLDAuOTM1Mjk1LDIxLjM5MDJRMC44MDI5NzIsMjEuMDIwNCwwLjY4ODk1NSwyMC42NDQ2UTAuNTc0OTM3LDIwLjI2ODcsMC40Nzk1LDE5Ljg4NzdRMC4zODQwNjMsMTkuNTA2NywwLjMwNzQzNSwxOS4xMjE0UTAuMjMwODA4LDE4LjczNjIsMC4xNzMxNzYsMTguMzQ3N1EwLjExNTU0MywxNy45NTkyLDAuMDc3MDQ0NCwxNy41NjgzUTAuMDM4NTQ1NCwxNy4xNzc0LDAuMDE5MjcyNywxNi43ODUxUTAsMTYuMzkyOCwwLDE2UTAsMTUuNjA3MiwwLjAxOTI3MjcsMTUuMjE0OVEwLjAzODU0NTQsMTQuODIyNiwwLjA3NzA0NDQsMTQuNDMxN1EwLjExNTU0MywxNC4wNDA4LDAuMTczMTc2LDEzLjY1MjNRMC4yMzA4MDgsMTMuMjYzOCwwLjMwNzQzNSwxMi44Nzg2UTAuMzg0MDYzLDEyLjQ5MzMsMC40Nzk1LDEyLjExMjNRMC41NzQ5MzcsMTEuNzMxMywwLjY4ODk1NSwxMS4zNTU0UTAuODAyOTcyLDEwLjk3OTYsMC45MzUyOTUsMTAuNjA5OFExLjA2NzYyLDEwLjIzOTksMS4yMTc5Myw5Ljg3NzA2UTEuMzY4MjQsOS41MTQxOCwxLjUzNjE3LDkuMTU5MTJRMS43MDQxMSw4LjgwNDA1LDEuODg5MjYsOC40NTc2NVEyLjA3NDQxLDguMTExMjUsMi4yNzYzNCw3Ljc3NDM1UTIuNDc4MjcsNy40Mzc0NiwyLjY5NjQ5LDcuMTEwODdRMi45MTQ3LDYuNzg0MjksMy4xNDg2OCw2LjQ2ODgxUTMuMzgyNjYsNi4xNTMzMywzLjYzMTgzLDUuODQ5NzFRMy44ODEwMSw1LjU0NjA5LDQuMTQ0NzgsNS4yNTUwNlE0LjQwODU2LDQuOTY0MDMsNC42ODYyOSw0LjY4NjI5UTQuOTY0MDMsNC40MDg1Niw1LjI1NTA2LDQuMTQ0NzhRNS41NDYwOSwzLjg4MTAxLDUuODQ5NzEsMy42MzE4M1E2LjE1MzMzLDMuMzgyNjYsNi40Njg4MSwzLjE0ODY4UTYuNzg0MjksMi45MTQ3LDcuMTEwODgsMi42OTY0OVE3LjQzNzQ2LDIuNDc4MjcsNy43NzQzNiwyLjI3NjM0UTguMTExMjUsMi4wNzQ0MSw4LjQ1NzY1LDEuODg5MjZROC44MDQwNSwxLjcwNDExLDkuMTU5MTIsMS41MzYxN1E5LjUxNDE4LDEuMzY4MjQsOS44NzcwNiwxLjIxNzkzUTEwLjIzOTksMS4wNjc2MiwxMC42MDk4LDAuOTM1Mjk1UTEwLjk3OTYsMC44MDI5NzIsMTEuMzU1NCwwLjY4ODk1NVExMS43MzEzLDAuNTc0OTM3LDEyLjExMjMsMC40Nzk1UTEyLjQ5MzMsMC4zODQwNjMsMTIuODc4NiwwLjMwNzQzNVExMy4yNjM4LDAuMjMwODA4LDEzLjY1MjMsMC4xNzMxNzZRMTQuMDQwOCwwLjExNTU0MywxNC40MzE3LDAuMDc3MDQ0NFExNC44MjI2LDAuMDM4NTQ1NCwxNS4yMTQ5LDAuMDE5MjcyN1ExNS42MDcyLDAsMTYsMFExNi4zOTI4LDAsMTYuNzg1MSwwLjAxOTI3MjdRMTcuMTc3NCwwLjAzODU0NTQsMTcuNTY4MywwLjA3NzA0NDRRMTcuOTU5MiwwLjExNTU0MywxOC4zNDc3LDAuMTczMTc2UTE4LjczNjIsMC4yMzA4MDgsMTkuMTIxNCwwLjMwNzQzNVExOS41MDY3LDAuMzg0MDYzLDE5Ljg4NzcsMC40Nzk1UTIwLjI2ODcsMC41NzQ5MzcsMjAuNjQ0NiwwLjY4ODk1NVEyMS4wMjA0LDAuODAyOTcyLDIxLjM5MDIsMC45MzUyOTVRMjEuNzYwMSwxLjA2NzYyLDIyLjEyMjksMS4yMTc5M1EyMi40ODU4LDEuMzY4MjQsMjIuODQwOSwxLjUzNjE3UTIzLjE5NTksMS43MDQxMSwyMy41NDIzLDEuODg5MjZRMjMuODg4NywyLjA3NDQxLDI0LjIyNTYsMi4yNzYzNFEyNC41NjI1LDIuNDc4MjcsMjQuODg5MSwyLjY5NjQ5UTI1LjIxNTcsMi45MTQ3LDI1LjUzMTIsMy4xNDg2OFEyNS44NDY3LDMuMzgyNjYsMjYuMTUwMywzLjYzMTgzUTI2LjQ1MzksMy44ODEwMSwyNi43NDQ5LDQuMTQ0NzhRMjcuMDM2LDQuNDA4NTYsMjcuMzEzNyw0LjY4NjI5UTI3LjU5MTQsNC45NjQwMywyNy44NTUyLDUuMjU1MDZRMjguMTE5LDUuNTQ2MDksMjguMzY4Miw1Ljg0OTcxUTI4LjYxNzMsNi4xNTMzMywyOC44NTEzLDYuNDY4ODFRMjkuMDg1Myw2Ljc4NDI5LDI5LjMwMzUsNy4xMTA4OFEyOS41MjE3LDcuNDM3NDYsMjkuNzIzNyw3Ljc3NDM1UTI5LjkyNTYsOC4xMTEyNSwzMC4xMTA3LDguNDU3NjVRMzAuMjk1OSw4LjgwNDA1LDMwLjQ2MzgsOS4xNTkxMlEzMC42MzE4LDkuNTE0MTgsMzAuNzgyMSw5Ljg3NzA2UTMwLjkzMjQsMTAuMjM5OSwzMS4wNjQ3LDEwLjYwOThRMzEuMTk3LDEwLjk3OTYsMzEuMzExLDExLjM1NTRRMzEuNDI1MSwxMS43MzEzLDMxLjUyMDUsMTIuMTEyM1EzMS42MTU5LDEyLjQ5MzMsMzEuNjkyNiwxMi44Nzg2UTMxLjc2OTIsMTMuMjYzOCwzMS44MjY4LDEzLjY1MjNRMzEuODg0NSwxNC4wNDA4LDMxLjkyMywxNC40MzE3UTMxLjk2MTUsMTQuODIyNiwzMS45ODA3LDE1LjIxNDlRMzIsMTUuNjA3MiwzMiwxNlpNMzEsMTZRMzEsMTUuNjMxOCwzMC45ODE5LDE1LjI2NFEzMC45NjM5LDE0Ljg5NjIsMzAuOTI3OCwxNC41Mjk3UTMwLjg5MTcsMTQuMTYzMywzMC44Mzc2LDEzLjc5OVEzMC43ODM2LDEzLjQzNDgsMzAuNzExOCwxMy4wNzM2UTMwLjYzOTksMTIuNzEyNSwzMC41NTA1LDEyLjM1NTNRMzAuNDYxLDExLjk5ODEsMzAuMzU0MSwxMS42NDU3UTMwLjI0NzIsMTEuMjkzNCwzMC4xMjMyLDEwLjk0NjdRMjkuOTk5MSwxMC41OTk5LDI5Ljg1ODIsMTAuMjU5N1EyOS43MTczLDkuOTE5NTUsMjkuNTU5OCw5LjU4NjY3UTI5LjQwMjQsOS4yNTM4LDI5LjIyODgsOC45MjkwNVEyOS4wNTUyLDguNjA0MywyOC44NjU5LDguMjg4NDZRMjguNjc2Niw3Ljk3MjYyLDI4LjQ3Miw3LjY2NjQ1UTI4LjI2NzUsNy4zNjAyNywyOC4wNDgxLDcuMDY0NTFRMjcuODI4OCw2Ljc2ODc1LDI3LjU5NTIsNi40ODQxUTI3LjM2MTYsNi4xOTk0NiwyNy4xMTQzLDUuOTI2NjJRMjYuODY3LDUuNjUzNzgsMjYuNjA2Niw1LjM5MzRRMjYuMzQ2Miw1LjEzMzAyLDI2LjA3MzQsNC44ODU3M1EyNS44MDA1LDQuNjM4NDQsMjUuNTE1OSw0LjQwNDg0UTI1LjIzMTMsNC4xNzEyNCwyNC45MzU1LDMuOTUxODlRMjQuNjM5NywzLjczMjUzLDI0LjMzMzUsMy41Mjc5NlEyNC4wMjc0LDMuMzIzMzgsMjMuNzExNSwzLjEzNDA3UTIzLjM5NTcsMi45NDQ3NiwyMy4wNzA5LDIuNzcxMThRMjIuNzQ2MiwyLjU5NzYsMjIuNDEzMywyLjQ0MDE2UTIyLjA4MDQsMi4yODI3MiwyMS43NDAyLDIuMTQxODFRMjEuNCwyLjAwMDg5LDIxLjA1MzMsMS44NzY4NFEyMC43MDY2LDEuNzUyNzksMjAuMzU0MywxLjY0NTlRMjAuMDAxOSwxLjUzOSwxOS42NDQ3LDEuNDQ5NTNRMTkuMjg3NSwxLjM2MDA2LDE4LjkyNjQsMS4yODgyMlExOC41NjUyLDEuMjE2MzgsMTguMjAxLDEuMTYyMzVRMTcuODM2NywxLjEwODMyLDE3LjQ3MDMsMS4wNzIyM1ExNy4xMDM4LDEuMDM2MTQsMTYuNzM2LDEuMDE4MDdRMTYuMzY4MiwxLDE2LDFRMTUuNjMxOCwxLDE1LjI2NCwxLjAxODA3UTE0Ljg5NjIsMS4wMzYxNCwxNC41Mjk3LDEuMDcyMjNRMTQuMTYzMywxLjEwODMyLDEzLjc5OSwxLjE2MjM1UTEzLjQzNDgsMS4yMTYzOCwxMy4wNzM2LDEuMjg4MjJRMTIuNzEyNSwxLjM2MDA2LDEyLjM1NTMsMS40NDk1M1ExMS45OTgxLDEuNTM5LDExLjY0NTcsMS42NDU5UTExLjI5MzQsMS43NTI3OSwxMC45NDY3LDEuODc2ODRRMTAuNTk5OSwyLjAwMDg5LDEwLjI1OTcsMi4xNDE4MVE5LjkxOTU1LDIuMjgyNzIsOS41ODY2NywyLjQ0MDE2UTkuMjUzOCwyLjU5NzYsOC45MjkwNSwyLjc3MTE4UTguNjA0MywyLjk0NDc2LDguMjg4NDYsMy4xMzQwN1E3Ljk3MjYyLDMuMzIzMzgsNy42NjY0NSwzLjUyNzk2UTcuMzYwMjcsMy43MzI1Myw3LjA2NDUxLDMuOTUxODlRNi43Njg3NSw0LjE3MTI0LDYuNDg0MSw0LjQwNDg0UTYuMTk5NDYsNC42Mzg0NCw1LjkyNjYyLDQuODg1NzNRNS42NTM3OCw1LjEzMzAyLDUuMzkzNCw1LjM5MzRRNS4xMzMwMiw1LjY1Mzc4LDQuODg1NzMsNS45MjY2MVE0LjYzODQ0LDYuMTk5NDYsNC40MDQ4NCw2LjQ4NDFRNC4xNzEyNCw2Ljc2ODc1LDMuOTUxODksNy4wNjQ1MVEzLjczMjUzLDcuMzYwMjcsMy41Mjc5Niw3LjY2NjQ1UTMuMzIzMzgsNy45NzI2MiwzLjEzNDA3LDguMjg4NDZRMi45NDQ3Niw4LjYwNDMsMi43NzExOCw4LjkyOTA1UTIuNTk3Niw5LjI1MzgsMi40NDAxNiw5LjU4NjY3UTIuMjgyNzIsOS45MTk1NSwyLjE0MTgxLDEwLjI1OTdRMi4wMDA4OSwxMC41OTk5LDEuODc2ODQsMTAuOTQ2N1ExLjc1Mjc5LDExLjI5MzQsMS42NDU4OSwxMS42NDU3UTEuNTM5LDExLjk5ODEsMS40NDk1MywxMi4zNTUzUTEuMzYwMDYsMTIuNzEyNSwxLjI4ODIyLDEzLjA3MzZRMS4yMTYzOCwxMy40MzQ4LDEuMTYyMzUsMTMuNzk5UTEuMTA4MzIsMTQuMTYzMywxLjA3MjIzLDE0LjUyOTdRMS4wMzYxNCwxNC44OTYyLDEuMDE4MDcsMTUuMjY0UTEsMTUuNjMxOCwxLDE2UTEsMTYuMzY4MiwxLjAxODA3LDE2LjczNlExLjAzNjE0LDE3LjEwMzgsMS4wNzIyMywxNy40NzAzUTEuMTA4MzIsMTcuODM2NywxLjE2MjM1LDE4LjIwMVExLjIxNjM4LDE4LjU2NTIsMS4yODgyMiwxOC45MjY0UTEuMzYwMDYsMTkuMjg3NSwxLjQ0OTUzLDE5LjY0NDdRMS41MzksMjAuMDAxOSwxLjY0NTg5LDIwLjM1NDNRMS43NTI3OSwyMC43MDY2LDEuODc2ODQsMjEuMDUzM1EyLjAwMDg5LDIxLjQsMi4xNDE4MSwyMS43NDAyUTIuMjgyNzIsMjIuMDgwNCwyLjQ0MDE2LDIyLjQxMzNRMi41OTc2LDIyLjc0NjIsMi43NzExOCwyMy4wNzA5UTIuOTQ0NzYsMjMuMzk1NywzLjEzNDA3LDIzLjcxMTVRMy4zMjMzOCwyNC4wMjc0LDMuNTI3OTYsMjQuMzMzNVEzLjczMjUzLDI0LjYzOTcsMy45NTE4OSwyNC45MzU1UTQuMTcxMjQsMjUuMjMxMyw0LjQwNDg0LDI1LjUxNTlRNC42Mzg0NCwyNS44MDA1LDQuODg1NzMsMjYuMDczNFE1LjEzMzAyLDI2LjM0NjIsNS4zOTM0LDI2LjYwNjZRNS42NTM3OCwyNi44NjcsNS45MjY2MSwyNy4xMTQzUTYuMTk5NDYsMjcuMzYxNiw2LjQ4NDEsMjcuNTk1MlE2Ljc2ODc1LDI3LjgyODgsNy4wNjQ1MSwyOC4wNDgxUTcuMzYwMjcsMjguMjY3NSw3LjY2NjQ1LDI4LjQ3MlE3Ljk3MjYyLDI4LjY3NjYsOC4yODg0NiwyOC44NjU5UTguNjA0MywyOS4wNTUyLDguOTI5MDUsMjkuMjI4OFE5LjI1MzgsMjkuNDAyNCw5LjU4NjY3LDI5LjU1OThROS45MTk1NSwyOS43MTczLDEwLjI1OTcsMjkuODU4MlExMC41OTk5LDI5Ljk5OTEsMTAuOTQ2NywzMC4xMjMyUTExLjI5MzQsMzAuMjQ3MiwxMS42NDU3LDMwLjM1NDFRMTEuOTk4MSwzMC40NjEsMTIuMzU1MywzMC41NTA1UTEyLjcxMjUsMzAuNjM5OSwxMy4wNzM2LDMwLjcxMThRMTMuNDM0OCwzMC43ODM2LDEzLjc5OSwzMC44Mzc2UTE0LjE2MzMsMzAuODkxNywxNC41Mjk3LDMwLjkyNzhRMTQuODk2MiwzMC45NjM5LDE1LjI2NCwzMC45ODE5UTE1LjYzMTgsMzEsMTYsMzFRMTYuMzY4MiwzMSwxNi43MzYsMzAuOTgxOVExNy4xMDM4LDMwLjk2MzksMTcuNDcwMywzMC45Mjc4UTE3LjgzNjcsMzAuODkxNywxOC4yMDEsMzAuODM3NlExOC41NjUyLDMwLjc4MzYsMTguOTI2NCwzMC43MTE4UTE5LjI4NzUsMzAuNjM5OSwxOS42NDQ3LDMwLjU1MDVRMjAuMDAxOSwzMC40NjEsMjAuMzU0MywzMC4zNTQxUTIwLjcwNjYsMzAuMjQ3MiwyMS4wNTMzLDMwLjEyMzJRMjEuNCwyOS45OTkxLDIxLjc0MDIsMjkuODU4MlEyMi4wODA0LDI5LjcxNzMsMjIuNDEzMywyOS41NTk4UTIyLjc0NjIsMjkuNDAyNCwyMy4wNzA5LDI5LjIyODhRMjMuMzk1NywyOS4wNTUyLDIzLjcxMTUsMjguODY1OVEyNC4wMjc0LDI4LjY3NjYsMjQuMzMzNSwyOC40NzJRMjQuNjM5NywyOC4yNjc1LDI0LjkzNTUsMjguMDQ4MVEyNS4yMzEzLDI3LjgyODgsMjUuNTE1OSwyNy41OTUyUTI1LjgwMDUsMjcuMzYxNiwyNi4wNzM0LDI3LjExNDNRMjYuMzQ2MiwyNi44NjcsMjYuNjA2NiwyNi42MDY2UTI2Ljg2NywyNi4zNDYyLDI3LjExNDMsMjYuMDczNFEyNy4zNjE2LDI1LjgwMDUsMjcuNTk1MiwyNS41MTU5UTI3LjgyODgsMjUuMjMxMywyOC4wNDgxLDI0LjkzNTVRMjguMjY3NSwyNC42Mzk3LDI4LjQ3MiwyNC4zMzM1UTI4LjY3NjYsMjQuMDI3NCwyOC44NjU5LDIzLjcxMTVRMjkuMDU1MiwyMy4zOTU3LDI5LjIyODgsMjMuMDcwOVEyOS40MDI0LDIyLjc0NjIsMjkuNTU5OCwyMi40MTMzUTI5LjcxNzMsMjIuMDgwNCwyOS44NTgyLDIxLjc0MDJRMjkuOTk5MSwyMS40LDMwLjEyMzIsMjEuMDUzM1EzMC4yNDcyLDIwLjcwNjYsMzAuMzU0MSwyMC4zNTQzUTMwLjQ2MSwyMC4wMDE5LDMwLjU1MDUsMTkuNjQ0N1EzMC42Mzk5LDE5LjI4NzUsMzAuNzExOCwxOC45MjY0UTMwLjc4MzYsMTguNTY1MiwzMC44Mzc2LDE4LjIwMVEzMC44OTE3LDE3LjgzNjcsMzAuOTI3OCwxNy40NzAzUTMwLjk2MzksMTcuMTAzOCwzMC45ODE5LDE2LjczNlEzMSwxNi4zNjgyLDMxLDE2WiIgZmlsbD0iI0U5RTlFOSIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjxnPjxwYXRoIGQ9Ik0xMy40MjQzNTgsOS41NzU4M0wxMy40MjQyNjEsOS41NzU3MzNRMTMuMzM5ODcsOS40OTEzNDMsMTMuMjI5NjA4LDkuNDQ1NjcxUTEzLjExOTM0Niw5LjQsMTMsOS40UTEyLjk0MDkwNTIsOS40LDEyLjg4Mjk0Niw5LjQxMTUyOVExMi44MjQ5ODU5OTk5OTk5OTksOS40MjMwNTgsMTIuNzcwMzksOS40NDU2NzJRMTIuNzE1NzkzLDkuNDY4Mjg3LDEyLjY2NjY1OCw5LjUwMTExOFExMi42MTc1MjIsOS41MzM5NSwxMi41NzU3MzYsOS41NzU3MzZRMTIuNTMzOTUsOS42MTc1MjIsMTIuNTAxMTE4LDkuNjY2NjU4UTEyLjQ2ODI4Nyw5LjcxNTc5MywxMi40NDU2NzIsOS43NzAzOVExMi40MjMwNTgsOS44MjQ5ODU5OTk5OTk5OTksMTIuNDExNTI5LDkuODgyOTQ2UTEyLjQsOS45NDA5MDUyLDEyLjQsMTBRMTIuNCwxMC4xMTkzNDgsMTIuNDQ1NjczLDEwLjIyOTYxMlExMi40OTEzNDYsMTAuMzM5ODc1LDEyLjU3NTczOSwxMC40MjQyNjdMMTIuNTc1ODM1LDEwLjQyNDM2M0wxOC4wMjk3NCwxNS44NzgyUTE4LjE1MTQ5LDE1Ljk5OTk4LDE4LjAyOTc5LDE2LjEyMTY3OTk5OTk5OTk5OEwxMi41NzYxNDUsMjEuNTc1M0wxMi41NzU3MzYsMjEuNTc1Njk5OTk5OTk5OTk4UTEyLjQ5MTM0NSwyMS42NjAxLDEyLjQ0NTY3MiwyMS43NzA0MDAwMDAwMDAwMDJRMTIuNCwyMS44ODA2OTk5OTk5OTk5OTcsMTIuNCwyMlExMi40LDIyLjA1OTEsMTIuNDExNTI5LDIyLjExNzFRMTIuNDIzMDU4LDIyLjE3NSwxMi40NDU2NzIsMjIuMjI5NTk5OTk5OTk5OTk4UTEyLjQ2ODI4NywyMi4yODQyLDEyLjUwMTExOCwyMi4zMzMzUTEyLjUzMzk1LDIyLjM4MjUsMTIuNTc1NzM2LDIyLjQyNDMwMDAwMDAwMDAwMlExMi42MTc1MjIsMjIuNDY2LDEyLjY2NjY1OCwyMi40OTg5UTEyLjcxNTc5MywyMi41MzE3LDEyLjc3MDM5LDIyLjU1NDI5OTk5OTk5OTk5OFExMi44MjQ5ODU5OTk5OTk5OTksMjIuNTc2OTAwMDAwMDAwMDAyLDEyLjg4Mjk0NiwyMi41ODg1UTEyLjk0MDkwNTIsMjIuNiwxMywyMi42UTEzLjExOTM0NywyMi42LDEzLjIyOTYxLDIyLjU1NDI5OTk5OTk5OTk5OFExMy4zMzk4NzMsMjIuNTA4Njk5OTk5OTk5OTk3LDEzLjQyNDI2NCwyMi40MjQzMDAwMDAwMDAwMDJMMTMuNDI0NjczLDIyLjQyMzlMMTguODc4MzIwMDAwMDAwMDAyLDE2Ljk3MDIxUTE5LjI4MDE5LDE2LjU2ODMzLDE5LjI4MDE5LDE1Ljk5OTk5UTE5LjI4MDE5LDE1LjQzMTY5LDE4Ljg3ODM3LDE1LjAyOTc3TDEzLjQyNDM1OCw5LjU3NTgzWiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9nPjwvc3ZnPg==");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-logo span.optional-icon,
    .vue-overseas-product-list .product-layout-1 .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-logo span.optional-icon {
        width: 24px;
        height: 24px;
        display: block;
        background-size: 24px;
    }

    .vue-overseas-product-list .product-modal-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000;
        opacity: 0.5;
    }

    .vue-overseas-product-list .product-modal-backdrop.hover-show {
        display: block;
    }

    .vue-overseas-product-list .product-list.product-layout-1 {
        width: calc(100% - 20px) !important;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-new-section {
        left: 20px;
        top: 10px;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-item-section {
        right: 20px;
        top: 10px;
    }

    .vue-overseas-product-list .product-list-item-coupon .dot-before,
    .vue-overseas-product-list .product-list-item-coupon .dot-after {
        background: #F5F5F5;
        height: 5px;
        top: 7px;
    }

    .vue-overseas-product-list .product-list-item .product-list-item-tags {
        font-size: 10px;
    }

    .vue-overseas-product-list .popup-bottom .popup-bottom-description p {
        width: auto;
        font-size: 12px;
        font-weight: normal;
        line-height: 16px;
        letter-spacing: 0px;
    }

    .vue-overseas-product-list .product-list-inner-bottom .popup-top {
        text-align: left;
    }

    .vue-overseas-product-list .popup-bottom li .popup-product-info .popup-product-name>span {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 0px;
        color: #000000;
    }

    /* layout-1 */
    .vue-overseas-product-list .product-list .product-list-item {
        flex-direction: column;
        width: 100% !important;
        margin-bottom: 20px;
        padding: 20px !important;
    }

    .vue-overseas-product-list .product-list.product-layout-1 .product-list-item .product-list-item-img {
        width: 83vw;
        height: 62.5vw;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-item-info {
        max-width: 300px;
        display: flex;
        align-items: center;
        margin-top: 20px;
        margin-right: auto !important;
        margin: 0 auto;
    }

    .vue-overseas-product-list .product-list .product-list-item-info-price-button-wrap {
        display: unset !important;
        position: unset !important;
        margin-top: 10px;
    }

    .vue-overseas-product-list .product-list.product-layout-3 .product-list-item-info-price-button-wrap {
        margin-top: 10px;
    }

    .vue-overseas-product-list .product-list.product-layout-2 .product-list-item-info-price-button-wrap {
        margin-top: 5px;
    }

    .vue-overseas-product-list .product-list.product-layout-1 .product-list-item .product-list-item-info .product-list-item-info-placeholder {
        max-width: 83vw;
        font-size: 14px;
    }

    .vue-overseas-product-list .placeholder-1 {
        margin: 0;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }

    .vue-overseas-product-list .placeholder-3 {
        max-height: 60px;
    }

    .vue-overseas-product-list .placeholder-3 p {
        line-height: 20px;
        font-size: 12px;
    }

    .vue-overseas-product-list .placeholder-3 p {
        line-height: 18px;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-title {
        height: auto !important;
        min-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        margin: 0 auto;
        max-width: auto !important;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-title .product-list-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0px;
    }

    .vue-overseas-product-list .product-list-item-info-title-wrap {
        margin-bottom: 10px;
    }

    .vue-overseas-product-list .product-list-item-info-sub-title-wrap {
        height: 20px;
        justify-content: center;
        margin-bottom: 20px;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-inner-bottom {
        width: 300px;
    }

    .vue-overseas-product-list .product-layout-1 .product-list-inner-bottom .product-list-Package-box {
        justify-content: center;
    }

    .vue-overseas-product-list .product-list-item-coupon {
        line-height: 18px;
    }

    .vue-overseas-product-list .product-list-item-info-sub-title {
        font-size: 14px;
        line-height: 20px;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-button,
    .vue-overseas-product-list .product-list .product-list-item-info .product-list-inner-top .product-image-tab-box {
        justify-content: center;
    }

    .vue-overseas-product-list .product-list .product-list-item-info .product-list-inner-top .product-image-tab-box li:last-child {
        margin-right: 0;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-button button {
        width: auto !important;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0px;
        height: 40px;
        padding: 0px 20px;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-price-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-item-info-button .product-list-learn-more {
        opacity: 1;
        font-size: 12px;
        font-weight: normal;
        line-height: 15px;
        letter-spacing: 0px;
        color: #000000;
    }

    .vue-overseas-product-list .product-list-item-info-installment {
        max-width: unset;
        font-size: 12px !important;
        line-height: 18px !important;
        text-align: center;
        height: auto !important;
        min-height: 18px;
    }

    .vue-overseas-product-list .product-list.product-layout-1 .product-list-item .product-list-item-info {
        min-height: auto;
        height: calc(100% - 265px);
        width: 83vw;
        max-width: initial;
    }

    /* layout-2,layout-3 */
    .vue-overseas-product-list .product-list.product-layout-2 {
        left: 6px;
    }

    .vue-overseas-product-list .product-list.product-layout-3 {
        left: 0;
    }

    .vue-overseas-product-list .product-list.product-layout-2 {
        width: 332px;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) {
        width: 360px;
        flex-wrap: nowrap !important;
        overflow-x: scroll;
    }

    .vue-overseas-product-list .product-list.product-layout-2 .product-list-item .product-list-item-info .product-list-item-info-title {
        height: auto;
        min-height: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .vue-overseas-product-list .product-list.product-layout-3 .product-list-item .product-list-item-info .product-list-item-info-title {
        height: auto;
        min-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .vue-overseas-product-list .product-list.product-layout-2 .product-list-item .product-list-item-img img,
    .vue-overseas-product-list .product-list.product-layout-3 .product-list-item .product-list-item-img img {
        width: 100%;
        height: 100%;
    }

    .vue-overseas-product-list .product-layout-2 .product-list-item-info-sub-title-wrap {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .vue-overseas-product-list .product-layout-2 .product-list-item-info-sub-title {
        font-size: 12px;
        line-height: 18px;
        max-width: 154px !important;
        margin-right: 0px !important;
        margin-bottom: 5px;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-placeholder {
        font-size: 12px;
        text-align: center;
    }

    .vue-overseas-product-list .product-list.product-layout-2 .placeholder-3 {
        max-height: 54px;
    }

    .vue-overseas-product-list .product-list.product-layout-2 .product-list-item-info-installment {
        font-size: 10px;
    }

    .vue-overseas-product-list .product-container {
        overflow: auto;
        scrollbar-width: none;
        /* firefox */
        -ms-overflow-style: none;
        /* IE 10+ */
    }

    .vue-overseas-product-list .product-container::-webkit-scrollbar {
        display: none;
        /* Chrome Safari */
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) {
        width: max-content !important;
        justify-content: flex-start;
        overflow: auto;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item {
        width: 300px !important;
        padding: unset;
        margin: 0px 12px 0px 0;
        background: #F9F9F9;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item .product-list-item-info {
        width: 260px !important;
        height: calc(100% - 220px);
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-inner-bottom {
        width: 260px !important;
    }

    .vue-overseas-product-list .product-list.product-layout-1 .product-list-item .product-list-inner-bottom {
        width: 83vw !important;
    }

    .vue-overseas-product-list .product-list-inner-bottom .product-list-Package-box {
        justify-content: center;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item:nth-child(2n) {
        margin-right: 10px;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item:last-child {
        margin-right: 10px;
        width: max-content !important;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item .product-list-item-img {
        width: 220px;
        height: 220px;
    }

    .vue-overseas-product-list .product-list-inner-bottom .product-list-gift-popup.hover-show,
    .vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-popup.hover-show {
        position: fixed;
        bottom: 0;
        left: 0 !important;
        width: 100%;
        padding: 40px 4px;
        padding-bottom: 20px;
        max-height: max-content;
        height: max-content;
        z-index: 1041;
        top: auto;
        border-radius: 8px 8px 0px 0px;
    }

    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item-info-title-wrap {
        justify-content: center;
        height: auto;
        min-height: 20px;
    }

    .vue-overseas-product-list .product-list .product-list-inner-bottom .product-list-gift-box .product-list-gift-logo,
    .vue-overseas-product-list .product-list .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-logo {
        width: 24px;
        height: 24px;
    }

    .vue-overseas-product-list .product-list .product-list-inner-bottom .product-list-gift-box .product-list-gift-logo span.gift-icon,
    .vue-overseas-product-list .product-list .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-logo span.bundle-icon {
        width: 24px;
        height: 24px;
        background-size: 24px;
    }

    .vue-overseas-product-list .product-list .product-list-gift-box .product-list-gift-center>ul>li,
    .vue-overseas-product-list .product-list .product-list-bundle-box .product-list-bundle-center>ul>li {
        width: 26px;
        height: 26px;
        margin-right: 6px;
        line-height: 26px;
    }

    .vue-overseas-product-list .product-list .product-list-gift-box .product-list-gift-center li.more-icon-box.more-wap,
    .vue-overseas-product-list .product-list .product-list-bundle-box .product-list-bundle-center li.more-icon-box.more-wap {
        display: block;
        width: 16px;
        margin-right: 0;
    }

    .vue-overseas-product-list .product-list-gift-box .product-list-gift-center>ul>li:nth-child(3),
    .vue-overseas-product-list .product-list-bundle-box .product-list-bundle-center>ul>li:nth-child(3) {
        display: none;
    }

    .vue-overseas-product-list .product-list .product-list-inner-bottom span.more-icon {
        background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/product/moreX.svg') no-repeat;
        width: 16px;
        height: 8px;
        background-size: 16px 8px;
    }

    .vue-overseas-product-list .product-list-inner-bottom .product-list-gift-popup.hover-show .close-box,
    .vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-popup.hover-show .close-box {
        width: 24px;
        height: 24px;
        margin-top: -15px;
        margin-right: 21px;
        opacity: 1;
    }

    .vue-overseas-product-list .product-list-inner-bottom .product-list-gift-popup.hover-show .close-box>span,
    .vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-popup.hover-show .close-box>span {
        background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/product/wapClose.svg') no-repeat;
        width: 24px;
        height: 24px;
        background-size: 24px;
        display: block;
    }

    .vue-overseas-product-list .product-list-gift-box .product-list-gift-center>ul>li:nth-child(2),
    .vue-overseas-product-list .product-list-bundle-box .product-list-bundle-center>ul>li:nth-child(2) {
        margin-right: 9px;
    }

    .vue-overseas-product-list .popup-bottom .popup-bottom-description {
        text-align: left;
    }

    .vue-overseas-product-list .popup-bottom li .popup-product-info .popup-product-price .popup-product-saleprice {
        height: 24px;
        opacity: 1;
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        text-align: right;
        letter-spacing: 0px;
        color: #000000;
    }

    .vue-overseas-product-list .popup-bottom li .popup-product-info .popup-product-price .popup-product-orderPrice {
        height: 20px;
        opacity: 1;
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
        text-align: right;
        letter-spacing: 0px;
        text-decoration: line-through;
        color: #707070;
    }

    .vue-overseas-product-list .product-list .popup-bottom ul>li.more-icon-box {
        width: 16px;
    }

    /* coupon 360 */
    .vue-overseas-product-list .product-coupon-mask {
        justify-content: flex-end !important;
    }

    .vue-overseas-product-list .product-coupon-close {
        width: 100% !important;
        position: relative;
    }

    .vue-overseas-product-list .product-coupon-close img {
        margin-bottom: 0;
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .__arabic__ .vue-overseas-product-list .product-coupon-close {
        right: auto;
        left: 20px;
    }

    .vue-overseas-product-list .product-coupon-wrapper {
        width: 100% !important;
        max-height: 90% !important;
        border-radius: 8px 8px 0px 0px !important;
    }

    .vue-overseas-product-list .product-coupon-title {
        max-width: 350px !important;
        margin-top: 44px !important;
        font-size: 20px !important;
    }

    .vue-overseas-product-list .product-coupon-tips {
        max-width: 350px !important;
        margin-top: 15px !important;
        font-size: 12px !important;
    }

    .vue-overseas-product-list .login-link {
        font-size: 12px !important;
    }

    .vue-overseas-product-list .coupon-backgroud-hr {
        flex-wrap: wrap;
    }

    .coupon-wap-vr {
        display: flex;
        overflow: auto;
        width: 100%;
    }

    .vue-overseas-product-list .coupon-backgroud-vr {
        width: max-content !important;
        margin-top: 20px !important;
        max-height: unset !important;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        justify-content: flex-start !important;
        padding: 0 20px;
    }

    .vue-overseas-product-list .coupon-backgroud-hr .coupon-style-light,
    .vue-overseas-product-list .coupon-backgroud-hr .coupon-style-dark {
        margin-left: 0 !important;
    }

    .vue-overseas-product-list .coupon-customize-wrap {
        width: 360px !important;
        justify-content: center !important;
        margin-top: 20px !important;
        max-height: unset !important;
    }

    .vue-overseas-product-list .product-list .product-list-item {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .vue-overseas-product-list .product-list.product-layout-1 .product-list-item-info-button .product-list-learn-more {
        font-size: 14px;
    }
}

/* coupon */
.vue-overseas-product-list .coupon-customize-wrap {
    display: flex;
    width: 726px;
    margin: 40px auto 60px auto;
    flex-wrap: wrap;
    position: relative;
    /* left: 10px; */
    max-height: 300px;
    overflow-y: auto;
    line-height: 1px;
}

.vue-overseas-product-list .coupon-customize-hr .coupon-customize {
    margin-left: 16px;
    margin-top: 20px;
    width: 320px;
    height: 143px;
}

.vue-overseas-product-list .coupon-customize-light {
    cursor: pointer;
}

.vue-overseas-product-list .coupon-customize-wrap.coupon-customize-vr {
    width: 641px;
    /* left: 8px; */
}

.vue-overseas-product-list .coupon-customize-vr .coupon-customize {
    width: 192px;
    height: 193px;
    margin-right: 16px;
    margin-top: 20px;
}

.vue-overseas-product-list .coupon-backgroud-hr {
    display: flex;
    flex-wrap: wrap;
    max-height: 570px;
    overflow-y: auto;
    width: 700px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 60px;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-style-light {
    width: 344px;
    height: 154px;
    display: flex;
    margin-left: 12px;
    margin-top: 16px;
    position: relative;
    background: none;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-style-light__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-style-light__bg svg {
    display: block;
    width: 100%;
    height: 100%;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-style-light>.coupon-discount,
.vue-overseas-product-list .coupon-backgroud-hr .coupon-style-light>.coupon-info {
    position: relative;
    z-index: 1;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupons:nth-child(2n-1) .coupon-style-light {
    margin-left: 0;
}

.__arabic__ .vue-overseas-product-list .coupon-backgroud-hr .coupons:nth-child(2n-1) .coupon-style-light {
    margin-right: 0;
    margin-left: 12px;
}

.vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-dark .coupon-style-light {
    width: 344px;
    height: 154px;
    display: flex;
    margin-left: 12px;
    margin-top: 16px;
    opacity: .3;
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/coupon/coupon-dark-hr-pc.svg') no-repeat;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-style-dark {
    width: 344px;
    height: 154px;
    display: flex;
    margin-left: 12px;
    margin-top: 16px;
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/coupon/coupon-dark-hr.svg') no-repeat;
}

.vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-dark .coupon-style-dark {
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/coupon/coupon-dark-hr.svg') no-repeat;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-discount {
    display: flex;
    flex-direction: column;
    width: 130px;
    align-items: center;
    text-align: center;
    position: relative;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-discount-1,
.vue-overseas-product-list .coupon-backgroud-hr .coupon-discount-2,
.vue-overseas-product-list .coupon-backgroud-hr .coupon-discount-3,
.vue-overseas-product-list .coupon-backgroud-hr .coupon-discount-4,
.vue-overseas-product-list .coupon-backgroud-hr .coupon-discount-7 {
    max-width: 100px;
    height: 99px;
    margin-bottom: 2px;
    line-height: 25px;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-val-text {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-light .coupon-style-light .coupon-discount-1 {
    color: #353535;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-style-dark .coupon-discount-1 {
    color: #C0C0C0;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-discount-2 {
    max-width: 110px;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    word-break: break-word;

}

.vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-light .coupon-style-light .coupon-discount-2 {
    font-weight: 600;
}

.vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-light.coupon-backgroud-dark .coupon-style-light .coupon-discount-2 {
    background: #c0c0c0;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-style-dark .coupon-discount-2 {
    color: #C0C0C0;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-discount-3 {
    width: 100px;
    height: 44px;
    font-size: 16px;
    color: #000000;
    text-align: center;
    font-weight: 700;
    margin: 21px auto 10px 24px;
    overflow: hidden;
}

.vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-light .coupon-style-light .coupon-discount-3 {
    color: #353535;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-style-dark .coupon-discount-3 {
    color: #C0C0C0;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-claim {
    position: absolute;
    bottom: 25px;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-claim button {
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    background: #222;
    border-radius: 15px;
    color: #fff;
    border: none;
    overflow: hidden;
    line-height: 15px;
    padding: 0 25px;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-claim button:focus-visible {
    outline: revert;
    outline-offset: 2px;
}

.vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-light.coupon-background-dark .coupon-style-light .coupon-claim button {
    background: #DEDEDE;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-style-dark .coupon-claim button {
    background: #DEDEDE;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-info {
    width: 190px;
    margin-left: 14px;
    position: relative;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-info .coupon-title {
    max-width: 185px;
    max-height: 36px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}

.vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-light .coupon-style-light .coupon-info .coupon-title {
    color: #353535;
    line-height: 18px;
}

.vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-light.coupon-background-dark .coupon-style-light .coupon-info .coupon-title {
    color: #C0C0C0;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-style-dark .coupon-info .coupon-title {
    color: #D0D0D0;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-info .coupon-description {
    max-width: 185px;
    font-size: 12px;
    color: #353535;
    font-weight: 400;
    overflow: hidden;
    max-height: 32px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    line-height: 16px;
    opacity: 1;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-info .coupon-expiry {
    max-width: 185px;
    line-height: 16px;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    position: absolute;
    top: 99px;
}

.vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-light .coupon-style-light .coupon-info .coupon-expiry {
    color: #353535;
    opacity: .6;
}

.vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-light.coupon-backgroud-dark .coupon-style-light .coupon-info .coupon-description,
.vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-light.coupon-backgroud-dark .coupon-style-light .coupon-info .coupon-expiry {
    color: #c0c0c0;
}

.vue-overseas-product-list .coupon-backgroud-hr .coupon-style-dark .coupon-info .coupon-description,
.vue-overseas-product-list .coupon-backgroud-hr .coupon-style-dark .coupon-info .coupon-expiry {
    color: #D0D0D0;
}


.vue-overseas-product-list .coupon-backgroud-vr {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    max-height: 300px;
    overflow-y: auto;
    width: 710px;
    margin: 0px auto 60px auto;
}

/* vr */

.vue-overseas-product-list .coupon-backgroud-vr .coupon-style-light {
    width: 210px;
    height: 210px;
    margin-top: 20px;
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/coupon/coupon-light-vr.svg') no-repeat;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupons:first-child {
    margin-left: 0;
}

.__arabic__ .vue-overseas-product-list .coupon-backgroud-vr .coupons:first-child {
    margin-right: 0;
    margin-left: auto;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupons {
    margin-left: 20px;
}

.vue-overseas-product-list .coupon-backgroud-vr.coupon-backgroud-dark .coupon-style-light {
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/coupon/coupon-dark-vr.svg') no-repeat;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-style-dark {
    width: 210px;
    height: 210px;
    margin-top: 20px;
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/coupon/coupon-dark-vr.svg') no-repeat;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupons {
    margin-left: 20px;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-discount-1 {
    text-align: center;
    width: 100%;
    font-size: 20px;
    color: #222;
    font-weight: 600;
    padding-top: 17px;
    overflow: hidden;
}

.vue-overseas-product-list .coupon-backgroud-vr.coupon-backgroud-light .coupon-discount-1 {
    color: #353535;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-style-dark .coupon-discount-1 {
    color: #C0C0C0;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-discount-2 {
    width: 100%;
    font-size: 20px;
    color: #353535;
    text-align: center;
    font-weight: 600;
    padding-top: 17px;
    overflow: hidden;
    line-height: 24px;
}

.vue-overseas-product-list .coupon-backgroud-vr.coupon-backgroud-light .coupon-discount-2 {
    color: #353535;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-style-dark .coupon-discount-2 {
    color: #C0C0C0;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-discount-3 {
    width: 100%;
    font-size: 22px;
    color: #222222;
    text-align: center;
    font-weight: 700;
    padding-top: 19px;
    overflow: hidden;
}

.vue-overseas-product-list .coupon-backgroud-vr.coupon-backgroud-light .coupon-discount-3 {
    color: #353535;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-style-dark .coupon-discount-3 {
    color: #C0C0C0;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-claim {
    text-align: center;
    margin-top: 20px;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-claim button {
    font-size: 12px;
    font-weight: 400;
    max-width: 150px;
    min-width: 78px;
    min-height: 26px;
    background: #222;
    border-radius: 14px;
    color: #fff;
    border: none;
    overflow: hidden;
}

.vue-overseas-product-list .coupon-backgroud-vr.coupon-backgroud-light .coupon-style-light .coupon-claim button {
    background-color: #353535;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-style-dark .coupon-claim button {
    background: #F5F5F5;
    color: #D0D0D0;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-info .coupon-title {
    width: 100%;
    font-size: 14px;
    color: #000000;
    font-weight: 500;
    margin-top: 7px;
    text-align: center;
    overflow: hidden;
}

.vue-overseas-product-list .coupon-backgroud-vr.coupon-backgroud-light .coupon-style-light .coupon-info .coupon-title {
    color: #353535;
    margin-top: 10px;
    margin-bottom: 2px;
    font-weight: 600;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-style-dark .coupon-title {
    color: #D0D0D0;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-info .coupon-description {
    width: 100%;
    height: 32px;
    line-height: 16px;
    opacity: 1;
    font-size: 10px;
    color: #000000;
    font-weight: 400;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-info .coupon-expiry {
    width: 100%;
    height: 32px;
    line-height: 16px;
    opacity: 0.6;
    font-size: 10px;
    transform: scale(0.83);
    color: #000000;
    font-weight: 400;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
}

.vue-overseas-product-list .coupon-backgroud-vr.coupon-backgroud-light .coupon-style-light .coupon-info .coupon-description,
.vue-overseas-product-list .coupon-backgroud-vr.coupon-backgroud-light .coupon-style-light .coupon-info .coupon-expiry {
    color: #353535;
}

.vue-overseas-product-list .coupon-backgroud-vr .coupon-style-dark .coupon-description,
.vue-overseas-product-list .coupon-backgroud-vr .coupon-style-dark .coupon-expiry {
    color: #D0D0D0;
}

.vue-overseas-product-list .coupon-style-light .coupon-claim button {
    cursor: pointer;
}

/* coupon mask */
.vue-overseas-product-list .product-coupon-mask {
    position: fixed;
    z-index: 998;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: none;
    flex-direction: column;
}

.vue-overseas-product-list .product-coupon-close {
    align-items: end;
    width: 790px;
    display: flex;
    justify-content: end
}

.vue-overseas-product-list .product-coupon-close button {
    background: transparent;
    border: 0;
}

.vue-overseas-product-list .product-coupon-close button:focus-visible {
    outline: revert;
}

.vue-overseas-product-list .product-coupon-close img {
    cursor: pointer;
    margin-bottom: 5px;
}

.vue-overseas-product-list .product-coupon-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 790px;
    background: #FFFFFF;
    border-radius: 8px;
}

.vue-overseas-product-list .product-coupon-title {
    max-width: 700px;
    font-size: 22px;
    color: #000000;
    text-align: center;
    font-weight: 600;
    margin-top: 60px;
}

.vue-overseas-product-list .product-coupon-tips {
    max-width: 700px;
    font-size: 16px;
    color: #707070;
    line-height: 22px;
    font-weight: 500;
    margin-top: 11px;
    text-align: center;
}

.vue-overseas-product-list .login-link {
    width: 46px;
    font-size: 16px;
    color: #007AAF;
    line-height: 22px;
    font-weight: 500;
    cursor: pointer;
}

.vue-overseas-product-list .coupons {
    display: flex;
    /* justify-content: center; */
    flex-wrap: wrap;
    max-height: 380px;
}

.vue-overseas-product-list .voucher-msg-wrapper {
    background: rgba(255, 255, 255, 0.8);
    opacity: 1;
    width: max-content;
    max-width: 790px;
    height: auto;
    text-align: center;
    border-radius: 4.8px;
    position: fixed;
    bottom: 60px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    padding: 20px;
    backdrop-filter: blur(16.32px);
    box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.08);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.vue-overseas-product-list .voucher-msg-wrapper .voucher-msg {
    margin: auto;
    margin-bottom: 0;
    display: block;
    /*min-height: 64px;*/
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    text-align: center;
    display: -webkit-box;
}

.vue-overseas-product-list .voucher-hide {
    animation: cssAnimation 3s ease-in 0s forwards;
}

.__arabic__ .vue-overseas-product-list .coupon-backgroud-hr .coupon-info {
    margin-right: 14px;
    margin-left: auto;
}

@keyframes cssAnimation {
    to {
        opacity: 0;
    }
}

@media only screen and (max-width: 839.98px) {
    .vue-overseas-product-list .coupon-backgroud-hr {
        width: auto;
        max-height: 300px;
        justify-content: center !important;
    }

    .vue-overseas-product-list .coupon-backgroud-hr .coupon-discount {}

    .vue-overseas-product-list .coupon-backgroud-hr .coupon-style-light {
        width: 320px;
        height: 143px;
        background: none;
    }

    .vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-dark .coupon-style-light {
        width: 320px;
        height: 143px;
        opacity: .3;
        background: url("/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/coupon/coupon-dark-hr-pc.svg") no-repeat;
        background-size: cover;
    }

    .vue-overseas-product-list .coupon-backgroud-hr .coupon-info {
        margin-left: 10px;
    }

    .vue-overseas-product-list .coupon-backgroud-hr .coupon-info .coupon-title {
        max-width: 176px;
        font-size: 14px;
        line-height: 18px;
        max-height: 36px;
        margin-top: 15px;
    }

    .vue-overseas-product-list .coupon-backgroud-hr .coupon-info .coupon-description {
        max-width: 175px;
        max-height: 30px;
        line-height: 15px;
        opacity: 1 !important;
        color: #353535;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /*! autoprefixer: off */
        -webkit-box-orient: vertical;
        margin-bottom: 0;
    }

    .vue-overseas-product-list .coupon-backgroud-hr .coupon-info .coupon-expiry {
        max-width: 175px;
        color: #353535;
        opacity: .6;
        top: 90px;
    }

    .vue-overseas-product-list .coupon-backgroud-hr .coupon-claim button {
        height: 28px;
        border-radius: 14px;
    }

    .vue-overseas-product-list .voucher-msg-wrapper {
        max-width: 320px;
        height: auto;
    }

    .vue-overseas-product-list .voucher-msg-wrapper .voucher-msg {
        font-size: 14px;
    }

    .vue-overseas-product-list .coupon-backgroud-hr .coupon-discount-1,
    .vue-overseas-product-list .coupon-backgroud-hr .coupon-discount-2,
    .vue-overseas-product-list .coupon-backgroud-hr .coupon-discount-3,
    .vue-overseas-product-list .coupon-backgroud-hr .coupon-discount-4,
    .vue-overseas-product-list .coupon-backgroud-hr .coupon-discount-7 {
        height: 95px;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-price {
        justify-content: center;
    }

    .vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-price .lowestHisPrice {
        text-align: center;
        margin-right: 0;
    }

    .vue-overseas-product-list .energy-efficiency-labels {
        justify-content: center;
    }

    .vue-overseas-product-list .product-list-item-info-energy {
        margin: 12px 0 -8px;
    }
}

/* override */
.vue-overseas-product-list .coupon-claim button {
    font-size: 14px;
    font-weight: 500;
}

/* arabic style start*/
.__arabic__ .vue-overseas-product-list .product-list-item .product-list-new-section {
    position: absolute;
    right: 30px;
    left: unset;
    top: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    color: #256FFF;
}

.__arabic__ .vue-overseas-product-list .product-list.product-layout-1 .product-list-item .product-list-item-info .product-list-item-info-title {
    margin-right: 0;
    margin-left: 5px;
}

.__arabic__ .vue-overseas-product-list .product-list-item .product-list-item-section {
    font-size: 12px;
    font-weight: 600;
    line-height: 36px;
    position: absolute;
    left: 20px;
    right: unset;
    top: 20px;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 0 14px;
    min-width: 69px;
    height: 30px;
    text-align: center;
    border-radius: 259px;
    opacity: 1;
    background: #256FFF;
}

.__arabic__ .vue-overseas-product-list .product-list-item-info-sub-title {
    margin-right: 0;
    margin-left: 10px;
}

.__arabic__ .vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-dark .coupon-style-dark {
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/coupon/coupon-ar-dark-hr.svg') no-repeat;
}

.__arabic__ .vue-overseas-product-list .coupon-backgroud-hr .coupon-discount {
    margin-left: 0;
    margin-right: 13px;
}

/* make end time displayed normally*/
.__arabic__ .vue-overseas-product-list .coupon-expiry .end-time {
    display: inline-block;
}

/*coupon*/
.__arabic__ .vue-overseas-product-list .coupon-backgroud-hr .coupon-style-light {
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/coupon/coupon-ar-light-hr.svg') no-repeat;
    margin-left: 0;
    background-size: cover;
}

.__arabic__ .vue-overseas-product-list .coupon-backgroud-hr.coupon-backgroud-dark .coupon-style-light {
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/coupon/coupon-ar-dark-hr.svg') no-repeat;
    margin-left: 0;
    background-size: cover;
}

.__arabic__ .vue-overseas-product-list .coupon-backgroud-hr .coupon-style-dark {
    background: url('/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/coupon/coupon-ar-dark-hr.svg') no-repeat;
    margin-left: 0;
    background-size: cover;
}

/* arabic style end */
.product-coupon-tips {
    min-height: 22px;
    line-height: 22px;
}

.__arabic__ .vue-overseas-product-list .product-layout-1 .product-list-item .product-list-item-info {
    margin-left: 65px;
    margin-right: 0;
}

.__arabic__ .vue-overseas-product-list .product-layout-2 .product-list-item .product-list-item-info {
    margin-left: 50px;
    margin-right: 0;
}

.__arabic__ .vue-overseas-product-list .product-list.product-layout-3 .product-list-item {
    margin: 0px 0 30px 20px;
}

.__arabic__ .vue-overseas-product-list .product-list.product-layout-4 .product-list-item {
    margin: 0px 0 30px 20px;
}

.__arabic__ .vue-overseas-product-list .product-list .product-list-item .product-list-item-info .product-list-item-info-button button {
    margin-left: 10px;
    margin-right: 0;
}

.__arabic__ .vue-overseas-product-list .product-list .product-list-item-info .product-list-learn-more>a:after {
    background: url("/etc.clientlibs/honor-site-activity/clientlibs/clientlib-resources/resources/product/arrowLeft.svg") no-repeat;
    margin-right: 10px;
    margin-left: 0;
    width: 15px;
    height: 15px;
    background-size: 20px;
}

.__arabic__ .vue-overseas-product-list .product-list .product-list-item .product-list-item-info-button .product-list-learn-more {
    text-align: right;
}

.__arabic__ .vue-overseas-product-list .product-list .product-list-item .product-list-item-info-button .product-list-learn-more>a:hover:after {
    transform: translateX(-4px);
}

.__arabic__ .vue-overseas-product-list .product-layout-1 .product-list-inner-bottom .product-list-gift-box .product-list-gift-center,
.__arabic__ .vue-overseas-product-list .product-layout-1 .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-center {
    transform: rotateY(180deg);
}

.__arabic__ .vue-overseas-product-list .product-list-inner-bottom .product-list-gift-box .product-list-gift-popup,
.__arabic__ .vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-popup {
    left: auto;
    right: 50%;
}

.__arabic__ .vue-overseas-product-list .popup-bottom .popup-bottom-description .align-items-center i {
    margin-right: auto;
    margin-left: 10px;
    margin-top: 0;
}

.__arabic__ .vue-overseas-product-list .popup-bottom li .popup-product-info {
    margin-left: auto;
    margin-right: 15px;
}

.__arabic__ .vue-overseas-product-list .popup-bottom li .popup-product-info .popup-product-price {
    text-align: left;
}

.__arabic__ .vue-overseas-product-list .product-list .product-list-item-info .product-list-inner-top .product-image-tab-box li {
    margin-left: 11px;
    margin-right: 0;
}

.__arabic__ .vue-overseas-product-list .product-list .product-list-gift-box .product-list-gift-center>ul>li,
.__arabic__ .vue-overseas-product-list .product-list .product-list-bundle-box .product-list-bundle-center>ul>li {
    float: right;
    margin-left: 3px;
    margin-right: 0;
}

.__arabic__ .vue-overseas-product-list .product-list-inner-bottom .product-list-gift-box .product-list-gift-logo,
.__arabic__ .vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-logo {
    margin-left: 6px;
    margin-right: 0;
}

.__arabic__ .vue-overseas-product-list .product-list-inner-bottom .product-list-gift-box {
    margin-right: 0;
    margin-left: 10px;
}

.__arabic__ .vue-overseas-product-list .product-list-gift-box .product-list-gift-center li.more-icon-box.more-web,
.__arabic__ .vue-overseas-product-list .product-list-bundle-box .product-list-bundle-center li.more-icon-box.more-web {
    margin-left: 0;
    margin-right: 0;
    height: 10px;
    width: 2px;
    display: block;
}

/* 1440 */
@media only screen and (min-width: 1440px) {

    .__arabic__ .vue-overseas-product-list .product-list.product-layout-3 .product-list-item:nth-child(3n) .product-list-gift-box .product-list-gift-popup,
    .__arabic__ .vue-overseas-product-list .product-list.product-layout-3 .product-list-item:nth-child(3n) .product-list-bundle-box .product-list-bundle-popup,
    .__arabic__ .vue-overseas-product-list .product-list.product-layout-4 .product-list-item:nth-child(4n) .product-list-gift-box .product-list-gift-popup,
    .__arabic__ .vue-overseas-product-list .product-list.product-layout-4 .product-list-item:nth-child(4n) .product-list-bundle-box .product-list-bundle-popup {
        left: 50%;
        right: auto;
    }

    .__arabic__ .vue-overseas-product-list .product-list.product-layout-3 .product-list-item:nth-child(3n) {
        margin-left: 0;
    }

    .__arabic__ .vue-overseas-product-list .product-list.product-layout-4 .product-list-item:nth-child(4n) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1439.98px) {

    .__arabic__ .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item:nth-child(2n) .product-list-gift-box .product-list-gift-popup,
    .__arabic__ .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item:nth-child(2n) .product-list-bundle-box .product-list-bundle-popup {
        left: 50%;
        right: auto;
    }

    .__arabic__ .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item:nth-child(2n) {
        margin-left: 0;
    }

    .__arabic__ .vue-overseas-product-list .product-list .product-list-item .product-list-new-section {
        right: 20px;
    }
}

/* 360 */
@media only screen and (max-width: 839.98px) {
    .__arabic__ .vue-overseas-product-list .product-list .product-list-item .product-list-new-section {
        right: 20px;
        top: 10px;
    }

    .__arabic__ .vue-overseas-product-list .product-list .product-list-item .product-list-item-section {
        left: 20px;
        top: 10px;
    }

    .__arabic__ .vue-overseas-product-list .product-list:not(.product-layout-1) {
        padding-left: 10px;
        margin-left: 0;
    }

    .__arabic__ .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item {
        margin-left: 0;
        margin-right: 10px;
    }

    .__arabic__ .vue-overseas-product-list .product-list-item .product-list-item-info {
        margin: 0 auto;
    }

    .__arabic__ .vue-overseas-product-list .product-list-inner-bottom .product-list-gift-box .product-list-gift-popup,
    .__arabic__ .vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-box .product-list-bundle-popup {
        right: 0;
    }

    .__arabic__ .vue-overseas-product-list .product-list-inner-bottom .product-list-gift-popup.hover-show .close-box,
    .__arabic__ .vue-overseas-product-list .product-list-inner-bottom .product-list-bundle-popup.hover-show .close-box {
        margin-left: 16px;
        margin-right: auto;
        float: left;
    }

    .__arabic__ .vue-overseas-product-list .product-list-inner-bottom .popup-top {
        text-align: right;
    }

    .__arabic__ .vue-overseas-product-list .popup-bottom li .popup-product-info .popup-product-price .popup-product-saleprice,
    .__arabic__ .vue-overseas-product-list .popup-bottom li .popup-product-info .popup-product-price .popup-product-orderPrice {
        text-align: left;
    }

    .__arabic__ .vue-overseas-product-list .popup-bottom .popup-bottom-description p {
        text-align: right;
    }

    .__arabic__ .vue-overseas-product-list .product-list-item-coupon {
        line-height: 22px;
    }

    .__arabic__ .vue-overseas-product-list .product-list:not(.product-layout-1) {
        justify-content: flex-start;
    }

    .__arabic__ .vue-overseas-product-list .product-list-gift-box .product-list-gift-center li.more-icon-box.more-web,
    .__arabic__ .vue-overseas-product-list .product-list-bundle-box .product-list-bundle-center li.more-icon-box.more-web {
        margin-left: 0;
        margin-right: 3px;
        height: 10px;
        width: 16px;
        display: block;
    }
}

/* —— Carousel within 版心 (max 1400px shell), not full-bleed —— */
.overseas-product-list {
    --opl-max: 1400px;
    --opl-shell-padding: 0px;
    --opl-arrow-size: 50px;
    display: block;
    width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1439.98px) {
    .overseas-product-list {
        --opl-shell-padding: 10px;
    }
}

@media screen and (max-width: 767.98px) {
    .overseas-product-list {
        --opl-shell-padding: 10px;
    }
}

.overseas-product-list .opl__viewport {
    width: 100%;
}

.overseas-product-list .opl__shell {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--opl-max);
    margin-inline: auto;
    padding-inline: var(--opl-shell-padding);
    position: relative;
}

.overseas-product-list .product-container {
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.overseas-product-list .product-container::-webkit-scrollbar {
    display: none;
}

.overseas-product-list .opl__carousel {
    display: block;
    width: 100%;
    max-width: 100%;
}

.overseas-product-list .opl__carousel-inner {
    position: relative;
    width: 100%;
}

.overseas-product-list theme-carousel.opl__carousel .carousel__track.opl__track {
    scroll-snap-type: none;
}

.overseas-product-list theme-carousel.opl__carousel .carousel__track.opl__track>* {
    scroll-snap-align: none;
}



.overseas-product-list theme-carousel.opl__carousel:not([data-single-slide='true']) .carousel__track.opl__track.product-list {
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100%;
    margin-inline: 0;
}

.overseas-product-list .opl__slide {
    flex: 0 0 auto;
    min-width: 0;
    margin-right: 20px;
    margin-bottom: 0 !important;
}

.overseas-product-list .opl__track.product-layout-2>.opl__slide {
    width: 690px;
}

.overseas-product-list .opl__track.product-layout-3>.opl__slide {
    width: 453px;
}

.overseas-product-list .opl__track.product-layout-4>.opl__slide {
    width: 335px;
}

.overseas-product-list .opl__track>.opl__slide:last-child {
    margin-right: 0;
}

/* 3-column config → 2-column grid between tablet and desktop (matches vue-overseas-product-list @ 840–1439) */
@media screen and (min-width: 840px) and (max-width: 1439.98px) {
    .overseas-product-list theme-carousel.opl__carousel .carousel__track.opl__track.product-layout-3 {
        flex-wrap: wrap !important;
        overflow-x: visible;
        width: 100% !important;
        max-width: 800px;
        margin-inline: auto;
    }

    .overseas-product-list .opl__track.product-layout-3>.opl__slide {
        width: 390px;
        flex: 0 0 390px;
        margin-bottom: 30px;
    }

    .overseas-product-list .opl__track.product-layout-3>.opl__slide:nth-child(2n) {
        margin-right: 0;
    }
}

.overseas-product-list .opl-variant-img {
    display: none;
}

.overseas-product-list .opl-variant-img.active {
    display: block;
}

.overseas-product-list .opl__arrow {
    position: absolute;
    z-index: 6;
    top: calc(50% - var(--opl-arrow-size) / 2);
    width: var(--opl-arrow-size);
    height: var(--opl-arrow-size);
    padding: 10px;
    margin: 0;
    cursor: pointer;
    border: none;
    border-radius: 50px;
    box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.3);
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48Zz48Zz48ZWxsaXBzZSBjeD0iMTYiIGN5PSIxNS45OTk5OTkwNDYzMjU2ODQiIHJ4PSIxNiIgcnk9IjE1Ljk5OTk5OTA0NjMyNTY4NCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PHBhdGggZD0iTTMyLDE2UTMyLDE2LjM5MjgsMzEuOTgwNywxNi43ODUxUTMxLjk2MTUsMTcuMTc3NCwzMS45MjMsMTcuNTY4M1EzMS44ODQ1LDE3Ljk1OTIsMzEuODI2OCwxOC4zNDc3UTMxLjc2OTIsMTguNzM2MiwzMS42OTI2LDE5LjEyMTRRMzEuNjE1OSwxOS41MDY3LDMxLjUyMDUsMTkuODg3N1EzMS40MjUxLDIwLjI2ODcsMzEuMzExLDIwLjY0NDZRMzEuMTk3LDIxLjAyMDQsMzEuMDY0NywyMS4zOTAyUTMwLjkzMjQsMjEuNzYwMSwzMC43ODIxLDIyLjEyMjlRMzAuNjMxOCwyMi40ODU4LDMwLjQ2MzgsMjIuODQwOVEzMC4yOTU5LDIzLjE5NTksMzAuMTEwNywyMy41NDIzUTI5LjkyNTYsMjMuODg4NywyOS43MjM3LDI0LjIyNTZRMjkuNTIxNywyNC41NjI1LDI5LjMwMzUsMjQuODg5MVEyOS4wODUzLDI1LjIxNTcsMjguODUxMywyNS41MzEyUTI4LjYxNzMsMjUuODQ2NywyOC4zNjgyLDI2LjE1MDNRMjguMTE5LDI2LjQ1MzksMjcuODU1MiwyNi43NDQ5UTI3LjU5MTQsMjcuMDM2LDI3LjMxMzcsMjcuMzEzN1EyNy4wMzYsMjcuNTkxNCwyNi43NDQ5LDI3Ljg1NTJRMjYuNDUzOSwyOC4xMTksMjYuMTUwMywyOC4zNjgyUTI1Ljg0NjcsMjguNjE3MywyNS41MzEyLDI4Ljg1MTNRMjUuMjE1NywyOS4wODUzLDI0Ljg4OTEsMjkuMzAzNVEyNC41NjI1LDI5LjUyMTcsMjQuMjI1NiwyOS43MjM2UTIzLjg4ODcsMjkuOTI1NiwyMy41NDIzLDMwLjExMDdRMjMuMTk1OSwzMC4yOTU5LDIyLjg0MDksMzAuNDYzOFEyMi40ODU4LDMwLjYzMTgsMjIuMTIyOSwzMC43ODIxUTIxLjc2MDEsMzAuOTMyNCwyMS4zOTAyLDMxLjA2NDdRMjEuMDIwNCwzMS4xOTcsMjAuNjQ0NiwzMS4zMTFRMjAuMjY4NywzMS40MjUxLDE5Ljg4NzcsMzEuNTIwNVExOS41MDY3LDMxLjYxNTksMTkuMTIxNCwzMS42OTI2UTE4LjczNjIsMzEuNzY5MiwxOC4zNDc3LDMxLjgyNjhRMTcuOTU5MiwzMS44ODQ1LDE3LjU2ODMsMzEuOTIzUTE3LjE3NzQsMzEuOTYxNSwxNi43ODUxLDMxLjk4MDdRMTYuMzkyOCwzMiwxNiwzMlExNS42MDcyLDMyLDE1LjIxNDksMzEuOTgwN1ExNC44MjI2LDMxLjk2MTUsMTQuNDMxNywzMS45MjNRMTQuMDQwOCwzMS44ODQ1LDEzLjY1MjMsMzEuODI2OFExMy4yNjM4LDMxLjc2OTIsMTIuODc4NiwzMS42OTI2UTEyLjQ5MzMsMzEuNjE1OSwxMi4xMTIzLDMxLjUyMDVRMTEuNzMxMywzMS40MjUxLDExLjM1NTQsMzEuMzExUTEwLjk3OTYsMzEuMTk3LDEwLjYwOTgsMzEuMDY0N1ExMC4yMzk5LDMwLjkzMjQsOS44NzcwNiwzMC43ODIxUTkuNTE0MTgsMzAuNjMxOCw5LjE1OTEyLDMwLjQ2MzhROC44MDQwNSwzMC4yOTU5LDguNDU3NjUsMzAuMTEwN1E4LjExMTI1LDI5LjkyNTYsNy43NzQzNiwyOS43MjM3UTcuNDM3NDYsMjkuNTIxNyw3LjExMDg4LDI5LjMwMzVRNi43ODQyOSwyOS4wODUzLDYuNDY4ODEsMjguODUxM1E2LjE1MzMzLDI4LjYxNzMsNS44NDk3MSwyOC4zNjgyUTUuNTQ2MDksMjguMTE5LDUuMjU1MDYsMjcuODU1MlE0Ljk2NDAzLDI3LjU5MTQsNC42ODYyOSwyNy4zMTM3UTQuNDA4NTYsMjcuMDM2LDQuMTQ0NzgsMjYuNzQ0OVEzLjg4MTAxLDI2LjQ1MzksMy42MzE4MywyNi4xNTAzUTMuMzgyNjYsMjUuODQ2NywzLjE0ODY4LDI1LjUzMTJRMi45MTQ3LDI1LjIxNTcsMi42OTY0OSwyNC44ODkxUTIuNDc4MjcsMjQuNTYyNSwyLjI3NjM0LDI0LjIyNTZRMi4wNzQ0MSwyMy44ODg3LDEuODg5MjYsMjMuNTQyM1ExLjcwNDExLDIzLjE5NTksMS41MzYxNywyMi44NDA5UTEuMzY4MjQsMjIuNDg1OCwxLjIxNzkzLDIyLjEyMjlRMS4wNjc2MiwyMS43NjAxLDAuOTM1Mjk1LDIxLjM5MDJRMC44MDI5NzIsMjEuMDIwNCwwLjY4ODk1NSwyMC42NDQ2UTAuNTc0OTM3LDIwLjI2ODcsMC40Nzk1LDE5Ljg4NzdRMC4zODQwNjMsMTkuNTA2NywwLjMwNzQzNSwxOS4xMjE0UTAuMjMwODA4LDE4LjczNjIsMC4xNzMxNzYsMTguMzQ3N1EwLjExNTU0MywxNy45NTkyLDAuMDc3MDQ0NCwxNy41NjgzUTAuMDM4NTQ1NCwxNy4xNzc0LDAuMDE5MjcyNywxNi43ODUxUTAsMTYuMzkyOCwwLDE2UTAsMTUuNjA3MiwwLjAxOTI3MjcsMTUuMjE0OVEwLjAzODU0NTQsMTQuODIyNiwwLjA3NzA0NDQsMTQuNDMxN1EwLjExNTU0MywxNC4wNDA4LDAuMTczMTc2LDEzLjY1MjNRMC4yMzA4MDgsMTMuMjYzOCwwLjMwNzQzNSwxMi44Nzg2UTAuMzg0MDYzLDEyLjQ5MzMsMC40Nzk1LDEyLjExMjNRMC41NzQ5MzcsMTEuNzMxMywwLjY4ODk1NSwxMS4zNTU0UTAuODAyOTcyLDEwLjk3OTYsMC45MzUyOTUsMTAuNjA5OFExLjA2NzYyLDEwLjIzOTksMS4yMTc5Myw5Ljg3NzA2UTEuMzY4MjQsOS41MTQxOCwxLjUzNjE3LDkuMTU5MTJRMS43MDQxMSw4LjgwNDA1LDEuODg5MjYsOC40NTc2NVEyLjA3NDQxLDguMTExMjUsMi4yNzYzNCw3Ljc3NDM1UTIuNDc4MjcsNy40Mzc0NiwyLjY5NjQ5LDcuMTEwODdRMi45MTQ3LDYuNzg0MjksMy4xNDg2OCw2LjQ2ODgxUTMuMzgyNjYsNi4xNTMzMywzLjYzMTgzLDUuODQ5NzFRMy44ODEwMSw1LjU0NjA5LDQuMTQ0NzgsNS4yNTUwNlE0LjQwODU2LDQuOTY0MDMsNC42ODYyOSw0LjY4NjI5UTQuOTY0MDMsNC40MDg1Niw1LjI1NTA2LDQuMTQ0NzhRNS41NDYwOSwzLjg4MTAxLDUuODQ5NzEsMy42MzE4M1E2LjE1MzMzLDMuMzgyNjYsNi40Njg4MSwzLjE0ODY4UTYuNzg0MjksMi45MTQ3LDcuMTEwODgsMi42OTY0OVE3LjQzNzQ2LDIuNDc4MjcsNy43NzQzNiwyLjI3NjM0UTguMTExMjUsMi4wNzQ0MSw4LjQ1NzY1LDEuODg5MjZROC44MDQwNSwxLjcwNDExLDkuMTU5MTIsMS41MzYxN1E5LjUxNDE4LDEuMzY4MjQsOS44NzcwNiwxLjIxNzkzUTEwLjIzOTksMS4wNjc2MiwxMC42MDk4LDAuOTM1Mjk1UTEwLjk3OTYsMC44MDI5NzIsMTEuMzU1NCwwLjY4ODk1NVExMS43MzEzLDAuNTc0OTM3LDEyLjExMjMsMC40Nzk1UTEyLjQ5MzMsMC4zODQwNjMsMTIuODc4NiwwLjMwNzQzNVExMy4yNjM4LDAuMjMwODA4LDEzLjY1MjMsMC4xNzMxNzZRMTQuMDQwOCwwLjExNTU0MywxNC40MzE3LDAuMDc3MDQ0NFExNC44MjI2LDAuMDM4NTQ1NCwxNS4yMTQ5LDAuMDE5MjcyN1ExNS42MDcyLDAsMTYsMFExNi4zOTI4LDAsMTYuNzg1MSwwLjAxOTI3MjdRMTcuMTc3NCwwLjAzODU0NTQsMTcuNTY4MywwLjA3NzA0NDRRMTcuOTU5MiwwLjExNTU0MywxOC4zNDc3LDAuMTczMTc2UTE4LjczNjIsMC4yMzA4MDgsMTkuMTIxNCwwLjMwNzQzNVExOS41MDY3LDAuMzg0MDYzLDE5Ljg4NzcsMC40Nzk1UTIwLjI2ODcsMC41NzQ5MzcsMjAuNjQ0NiwwLjY4ODk1NVEyMS4wMjA0LDAuODAyOTcyLDIxLjM5MDIsMC45MzUyOTVRMjEuNzYwMSwxLjA2NzYyLDIyLjEyMjksMS4yMTc5M1EyMi40ODU4LDEuMzY4MjQsMjIuODQwOSwxLjUzNjE3UTIzLjE5NTksMS43MDQxMSwyMy41NDIzLDEuODg5MjZRMjMuODg4NywyLjA3NDQxLDI0LjIyNTYsMi4yNzYzNFEyNC41NjI1LDIuNDc4MjcsMjQuODg5MSwyLjY5NjQ5UTI1LjIxNTcsMi45MTQ3LDI1LjUzMTIsMy4xNDg2OFEyNS44NDY3LDMuMzgyNjYsMjYuMTUwMywzLjYzMTgzUTI2LjQ1MzksMy44ODEwMSwyNi43NDQ5LDQuMTQ0NzhRMjcuMDM2LDQuNDA4NTYsMjcuMzEzNyw0LjY4NjI5UTI3LjU5MTQsNC45NjQwMywyNy44NTUyLDUuMjU1MDZRMjguMTE5LDUuNTQ2MDksMjguMzY4Miw1Ljg0OTcxUTI4LjYxNzMsNi4xNTMzMywyOC44NTEzLDYuNDY4ODFRMjkuMDg1Myw2Ljc4NDI5LDI5LjMwMzUsNy4xMTA4OFEyOS41MjE3LDcuNDM3NDYsMjkuNzIzNyw3Ljc3NDM1UTI5LjkyNTYsOC4xMTEyNSwzMC4xMTA3LDguNDU3NjVRMzAuMjk1OSw4LjgwNDA1LDMwLjQ2MzgsOS4xNTkxMlEzMC42MzE4LDkuNTE0MTgsMzAuNzgyMSw5Ljg3NzA2UTMwLjkzMjQsMTAuMjM5OSwzMS4wNjQ3LDEwLjYwOThRMzEuMTk3LDEwLjk3OTYsMzEuMzExLDExLjM1NTRRMzEuNDI1MSwxMS43MzEzLDMxLjUyMDUsMTIuMTEyM1EzMS42MTU5LDEyLjQ5MzMsMzEuNjkyNiwxMi44Nzg2UTMxLjc2OTIsMTMuMjYzOCwzMS44MjY4LDEzLjY1MjNRMzEuODg0NSwxNC4wNDA4LDMxLjkyMywxNC40MzE3UTMxLjk2MTUsMTQuODIyNiwzMS45ODA3LDE1LjIxNDlRMzIsMTUuNjA3MiwzMiwxNlpNMzEsMTZRMzEsMTUuNjMxOCwzMC45ODE5LDE1LjI2NFEzMC45NjM5LDE0Ljg5NjIsMzAuOTI3OCwxNC41Mjk3UTMwLjg5MTcsMTQuMTYzMywzMC44Mzc2LDEzLjc5OVEzMC43ODM2LDEzLjQzNDgsMzAuNzExOCwxMy4wNzM2UTMwLjYzOTksMTIuNzEyNSwzMC41NTA1LDEyLjM1NTNRMzAuNDYxLDExLjk5ODEsMzAuMzU0MSwxMS42NDU3UTMwLjI0NzIsMTEuMjkzNCwzMC4xMjMyLDEwLjk0NjdRMjkuOTk5MSwxMC41OTk5LDI5Ljg1ODIsMTAuMjU5N1EyOS43MTczLDkuOTE5NTUsMjkuNTU5OCw5LjU4NjY3UTI5LjQwMjQsOS4yNTM4LDI5LjIyODgsOC45MjkwNVEyOS4wNTUyLDguNjA0MywyOC44NjU5LDguMjg4NDZRMjguNjc2Niw3Ljk3MjYyLDI4LjQ3Miw3LjY2NjQ1UTI4LjI2NzUsNy4zNjAyNywyOC4wNDgxLDcuMDY0NTFRMjcuODI4OCw2Ljc2ODc1LDI3LjU5NTIsNi40ODQxUTI3LjM2MTYsNi4xOTk0NiwyNy4xMTQzLDUuOTI2NjJRMjYuODY3LDUuNjUzNzgsMjYuNjA2Niw1LjM5MzRRMjYuMzQ2Miw1LjEzMzAyLDI2LjA3MzQsNC44ODU3M1EyNS44MDA1LDQuNjM4NDQsMjUuNTE1OSw0LjQwNDg0UTI1LjIzMTMsNC4xNzEyNCwyNC45MzU1LDMuOTUxODlRMjQuNjM5NywzLjczMjUzLDI0LjMzMzUsMy41Mjc5NlEyNC4wMjc0LDMuMzIzMzgsMjMuNzExNSwzLjEzNDA3UTIzLjM5NTcsMi45NDQ3NiwyMy4wNzA5LDIuNzcxMThRMjIuNzQ2MiwyLjU5NzYsMjIuNDEzMywyLjQ0MDE2UTIyLjA4MDQsMi4yODI3MiwyMS43NDAyLDIuMTQxODFRMjEuNCwyLjAwMDg5LDIxLjA1MzMsMS44NzY4NFEyMC43MDY2LDEuNzUyNzksMjAuMzU0MywxLjY0NTlRMjAuMDAxOSwxLjUzOSwxOS42NDQ3LDEuNDQ5NTNRMTkuMjg3NSwxLjM2MDA2LDE4LjkyNjQsMS4yODgyMlExOC41NjUyLDEuMjE2MzgsMTguMjAxLDEuMTYyMzVRMTcuODM2NywxLjEwODMyLDE3LjQ3MDMsMS4wNzIyM1ExNy4xMDM4LDEuMDM2MTQsMTYuNzM2LDEuMDE4MDdRMTYuMzY4MiwxLDE2LDFRMTUuNjMxOCwxLDE1LjI2NCwxLjAxODA3UTE0Ljg5NjIsMS4wMzYxNCwxNC41Mjk3LDEuMDcyMjNRMTQuMTYzMywxLjEwODMyLDEzLjc5OSwxLjE2MjM1UTEzLjQzNDgsMS4yMTYzOCwxMy4wNzM2LDEuMjg4MjJRMTIuNzEyNSwxLjM2MDA2LDEyLjM1NTMsMS40NDk1M1ExMS45OTgxLDEuNTM5LDExLjY0NTcsMS42NDU5UTExLjI5MzQsMS43NTI3OSwxMC45NDY3LDEuODc2ODRRMTAuNTk5OSwyLjAwMDg5LDEwLjI1OTcsMi4xNDE4MVE5LjkxOTU1LDIuMjgyNzIsOS41ODY2NywyLjQ0MDE2UTkuMjUzOCwyLjU5NzYsOC45MjkwNSwyLjc3MTE4UTguNjA0MywyLjk0NDc2LDguMjg4NDYsMy4xMzQwN1E3Ljk3MjYyLDMuMzIzMzgsNy42NjY0NSwzLjUyNzk2UTcuMzYwMjcsMy43MzI1Myw3LjA2NDUxLDMuOTUxODlRNi43Njg3NSw0LjE3MTI0LDYuNDg0MSw0LjQwNDg0UTYuMTk5NDYsNC42Mzg0NCw1LjkyNjYyLDQuODg1NzNRNS42NTM3OCw1LjEzMzAyLDUuMzkzNCw1LjM5MzRRNS4xMzMwMiw1LjY1Mzc4LDQuODg1NzMsNS45MjY2MVE0LjYzODQ0LDYuMTk5NDYsNC40MDQ4NCw2LjQ4NDFRNC4xNzEyNCw2Ljc2ODc1LDMuOTUxODksNy4wNjQ1MVEzLjczMjUzLDcuMzYwMjcsMy41Mjc5Niw3LjY2NjQ1UTMuMzIzMzgsNy45NzI2MiwzLjEzNDA3LDguMjg4NDZRMi45NDQ3Niw4LjYwNDMsMi43NzExOCw4LjkyOTA1UTIuNTk3Niw5LjI1MzgsMi40NDAxNiw5LjU4NjY3UTIuMjgyNzIsOS45MTk1NSwyLjE0MTgxLDEwLjI1OTdRMi4wMDA4OSwxMC41OTk5LDEuODc2ODQsMTAuOTQ2N1ExLjc1Mjc5LDExLjI5MzQsMS42NDU4OSwxMS42NDU3UTEuNTM5LDExLjk5ODEsMS40NDk1MywxMi4zNTUzUTEuMzYwMDYsMTIuNzEyNSwxLjI4ODIyLDEzLjA3MzZRMS4yMTYzOCwxMy40MzQ4LDEuMTYyMzUsMTMuNzk5UTEuMTA4MzIsMTQuMTYzMywxLjA3MjIzLDE0LjUyOTdRMS4wMzYxNCwxNC44OTYyLDEuMDE4MDcsMTUuMjY0UTEsMTUuNjMxOCwxLDE2UTEsMTYuMzY4MiwxLjAxODA3LDE2LjczNlExLjAzNjE0LDE3LjEwMzgsMS4wNzIyMywxNy40NzAzUTEuMTA4MzIsMTcuODM2NywxLjE2MjM1LDE4LjIwMVExLjIxNjM4LDE4LjU2NTIsMS4yODgyMiwxOC45MjY0UTEuMzYwMDYsMTkuMjg3NSwxLjQ0OTUzLDE5LjY0NDdRMS41MzksMjAuMDAxOSwxLjY0NTg5LDIwLjM1NDNRMS43NTI3OSwyMC43MDY2LDEuODc2ODQsMjEuMDUzM1EyLjAwMDg5LDIxLjQsMi4xNDE4MSwyMS43NDAyUTIuMjgyNzIsMjIuMDgwNCwyLjQ0MDE2LDIyLjQxMzNRMi41OTc2LDIyLjc0NjIsMi43NzExOCwyMy4wNzA5UTIuOTQ0NzYsMjMuMzk1NywzLjEzNDA3LDIzLjcxMTVRMy4zMjMzOCwyNC4wMjc0LDMuNTI3OTYsMjQuMzMzNVEzLjczMjUzLDI0LjYzOTcsMy45NTE4OSwyNC45MzU1UTQuMTcxMjQsMjUuMjMxMyw0LjQwNDg0LDI1LjUxNTlRNC42Mzg0NCwyNS44MDA1LDQuODg1NzMsMjYuMDczNFE1LjEzMzAyLDI2LjM0NjIsNS4zOTM0LDI2LjYwNjZRNS42NTM3OCwyNi44NjcsNS45MjY2MSwyNy4xMTQzUTYuMTk5NDYsMjcuMzYxNiw2LjQ4NDEsMjcuNTk1MlE2Ljc2ODc1LDI3LjgyODgsNy4wNjQ1MSwyOC4wNDgxUTcuMzYwMjcsMjguMjY3NSw3LjY2NjQ1LDI4LjQ3MlE3Ljk3MjYyLDI4LjY3NjYsOC4yODg0NiwyOC44NjU5UTguNjA0MywyOS4wNTUyLDguOTI5MDUsMjkuMjI4OFE5LjI1MzgsMjkuNDAyNCw5LjU4NjY3LDI5LjU1OThROS45MTk1NSwyOS43MTczLDEwLjI1OTcsMjkuODU4MlExMC41OTk5LDI5Ljk5OTEsMTAuOTQ2NywzMC4xMjMyUTExLjI5MzQsMzAuMjQ3MiwxMS42NDU3LDMwLjM1NDFRMTEuOTk4MSwzMC40NjEsMTIuMzU1MywzMC41NTA1UTEyLjcxMjUsMzAuNjM5OSwxMy4wNzM2LDMwLjcxMThRMTMuNDM0OCwzMC43ODM2LDEzLjc5OSwzMC44Mzc2UTE0LjE2MzMsMzAuODkxNywxNC41Mjk3LDMwLjkyNzhRMTQuODk2MiwzMC45NjM5LDE1LjI2NCwzMC45ODE5UTE1LjYzMTgsMzEsMTYsMzFRMTYuMzY4MiwzMSwxNi43MzYsMzAuOTgxOVExNy4xMDM4LDMwLjk2MzksMTcuNDcwMywzMC45Mjc4UTE3LjgzNjcsMzAuODkxNywxOC4yMDEsMzAuODM3NlExOC41NjUyLDMwLjc4MzYsMTguOTI2NCwzMC43MTE4UTE5LjI4NzUsMzAuNjM5OSwxOS42NDQ3LDMwLjU1MDVRMjAuMDAxOSwzMC40NjEsMjAuMzU0MywzMC4zNTQxUTIwLjcwNjYsMzAuMjQ3MiwyMS4wNTMzLDMwLjEyMzJRMjEuNCwyOS45OTkxLDIxLjc0MDIsMjkuODU4MlEyMi4wODA0LDI5LjcxNzMsMjIuNDEzMywyOS41NTk4UTIyLjc0NjIsMjkuNDAyNCwyMy4wNzA5LDI5LjIyODhRMjMuMzk1NywyOS4wNTUyLDIzLjcxMTUsMjguODY1OVEyNC4wMjc0LDI4LjY3NjYsMjQuMzMzNSwyOC40NzJRMjQuNjM5NywyOC4yNjc1LDI0LjkzNTUsMjguMDQ4MVEyNS4yMzEzLDI3LjgyODgsMjUuNTE1OSwyNy41OTUyUTI1LjgwMDUsMjcuMzYxNiwyNi4wNzM0LDI3LjExNDNRMjYuMzQ2MiwyNi44NjcsMjYuNjA2NiwyNi42MDY2UTI2Ljg2NywyNi4zNDYyLDI3LjExNDMsMjYuMDczNFEyNy4zNjE2LDI1LjgwMDUsMjcuNTk1MiwyNS41MTU5UTI3LjgyODgsMjUuMjMxMywyOC4wNDgxLDI0LjkzNTVRMjguMjY3NSwyNC42Mzk3LDI4LjQ3MiwyNC4zMzM1UTI4LjY3NjYsMjQuMDI3NCwyOC44NjU5LDIzLjcxMTVRMjkuMDU1MiwyMy4zOTU3LDI5LjIyODgsMjMuMDcwOVEyOS40MDI0LDIyLjc0NjIsMjkuNTU5OCwyMi40MTMzUTI5LjcxNzMsMjIuMDgwNCwyOS44NTgyLDIxLjc0MDJRMjkuOTk5MSwyMS40LDMwLjEyMzIsMjEuMDUzM1EzMC4yNDcyLDIwLjcwNjYsMzAuMzU0MSwyMC4zNTQzUTMwLjQ2MSwyMC4wMDE5LDMwLjU1MDUsMTkuNjQ0N1EzMC42Mzk5LDE5LjI4NzUsMzAuNzExOCwxOC45MjY0UTMwLjc4MzYsMTguNTY1MiwzMC44Mzc2LDE4LjIwMVEzMC44OTE3LDE3LjgzNjcsMzAuOTI3OCwxNy40NzAzUTMwLjk2MzksMTcuMTAzOCwzMC45ODE5LDE2LjczNlEzMSwxNi4zNjgyLDMxLDE2WiIgZmlsbD0iI0U5RTlFOSIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjxnPjxwYXRoIGQ9Ik0xMy40MjQzNTgsOS41NzU4M0wxMy40MjQyNjEsOS41NzU3MzNRMTMuMzM5ODcsOS40OTEzNDMsMTMuMjI5NjA4LDkuNDQ1NjcxUTEzLjExOTM0Niw5LjQsMTMsOS40UTEyLjk0MDkwNTIsOS40LDEyLjg4Mjk0Niw5LjQxMTUyOVExMi44MjQ5ODU5OTk5OTk5OTksOS40MjMwNTgsMTIuNzcwMzksOS40NDU2NzJRMTIuNzE1NzkzLDkuNDY4Mjg3LDEyLjY2NjY1OCw5LjUwMTExOFExMi42MTc1MjIsOS41MzM5NSwxMi41NzU3MzYsOS41NzU3MzZRMTIuNTMzOTUsOS42MTc1MjIsMTIuNTAxMTE4LDkuNjY2NjU4UTEyLjQ2ODI4Nyw5LjcxNTc5MywxMi40NDU2NzIsOS43NzAzOVExMi40MjMwNTgsOS44MjQ5ODU5OTk5OTk5OTksMTIuNDExNTI5LDkuODgyOTQ2UTEyLjQsOS45NDA5MDUyLDEyLjQsMTBRMTIuNCwxMC4xMTkzNDgsMTIuNDQ1NjczLDEwLjIyOTYxMlExMi40OTEzNDYsMTAuMzM5ODc1LDEyLjU3NTczOSwxMC40MjQyNjdMMTIuNTc1ODM1LDEwLjQyNDM2M0wxOC4wMjk3NCwxNS44NzgyUTE4LjE1MTQ5LDE1Ljk5OTk4LDE4LjAyOTc5LDE2LjEyMTY3OTk5OTk5OTk5OEwxMi41NzYxNDUsMjEuNTc1M0wxMi41NzU3MzYsMjEuNTc1Njk5OTk5OTk5OTk4UTEyLjQ5MTM0NSwyMS42NjAxLDEyLjQ0NTY3MiwyMS43NzA0MDAwMDAwMDAwMDJRMTIuNCwyMS44ODA2OTk5OTk5OTk5OTcsMTIuNCwyMlExMi40LDIyLjA1OTEsMTIuNDExNTI5LDIyLjExNzFRMTIuNDIzMDU4LDIyLjE3NSwxMi40NDU2NzIsMjIuMjI5NTk5OTk5OTk5OTk4UTEyLjQ2ODI4NywyMi4yODQyLDEyLjUwMTExOCwyMi4zMzMzUTEyLjUzMzk1LDIyLjM4MjUsMTIuNTc1NzM2LDIyLjQyNDMwMDAwMDAwMDAwMlExMi42MTc1MjIsMjIuNDY2LDEyLjY2NjY1OCwyMi40OTg5UTEyLjcxNTc5MywyMi41MzE3LDEyLjc3MDM5LDIyLjU1NDI5OTk5OTk5OTk5OFExMi44MjQ5ODU5OTk5OTk5OTksMjIuNTc2OTAwMDAwMDAwMDAyLDEyLjg4Mjk0NiwyMi41ODg1UTEyLjk0MDkwNTIsMjIuNiwxMywyMi42UTEzLjExOTM0NywyMi42LDEzLjIyOTYxLDIyLjU1NDI5OTk5OTk5OTk5OFExMy4zMzk4NzMsMjIuNTA4Njk5OTk5OTk5OTk3LDEzLjQyNDI2NCwyMi40MjQzMDAwMDAwMDAwMDJMMTMuNDI0NjczLDIyLjQyMzlMMTguODc4MzIwMDAwMDAwMDAyLDE2Ljk3MDIxUTE5LjI4MDE5LDE2LjU2ODMzLDE5LjI4MDE5LDE1Ljk5OTk5UTE5LjI4MDE5LDE1LjQzMTY5LDE4Ljg3ODM3LDE1LjAyOTc3TDEzLjQyNDM1OCw5LjU3NTgzWiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9nPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center;
}

.overseas-product-list .opl__arrow:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
}

.overseas-product-list .opl__arrow:disabled {
    display: none;
}

.overseas-product-list .opl__arrow--prev {
    left: 12px;
    transform: scaleX(-1);
}

.overseas-product-list .opl__arrow--next {
    right: 12px;
}

theme-overseas-product-list .opl__carousel[data-single-slide='true'] .opl__arrow[data-role='opl-arrow'] {
    display: none !important;
}


/* Learn-more chevron fallback */
.overseas-product-list .product-list-learn-more>a::after {
    background: none !important;
    border-top: 2px solid #353535;
    border-right: 2px solid #353535;
    width: 6px !important;
    height: 6px !important;
    transform: rotate(45deg) translateY(-2px);
    top: 50%;
    margin-top: -4px;
}

@media screen and (max-width: 839.98px) {

    .overseas-product-list .opl__track.product-layout-2>.opl__slide,
    .overseas-product-list .opl__track.product-layout-3>.opl__slide,
    .overseas-product-list .opl__track.product-layout-4>.opl__slide {
        width: 300px !important;
        margin-right: 12px !important;
    }

    .overseas-product-list theme-carousel.opl__carousel:not([data-single-slide='true']) .carousel__track.opl__track.product-list {
        width: 100% !important;
        max-width: 100%;
    }

    .overseas-product-list .opl__arrow {
        width: 32px;
        height: 32px;
        padding: 0;
        background-color: #fff;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: none;
    }

    .overseas-product-list .opl__arrow svg {
        display: none;
    }

    .overseas-product-list .opl__arrow--prev {
        left: 0;
    }

    .overseas-product-list .opl__arrow--next {
        right: 0;
    }
}

/* —— Card direction config (row-reverse vs column) —— */
.overseas-product-list .product-list.product-card-row-reverse.product-layout-2 .product-list-item,
.overseas-product-list .product-list.product-card-row-reverse.product-layout-3 .product-list-item,
.overseas-product-list .product-list.product-card-row-reverse.product-layout-4 .product-list-item {
    flex-direction: row-reverse;
}

.overseas-product-list .product-list.product-card-column.product-layout-2 .product-list-item,
.overseas-product-list .product-list.product-card-column.product-layout-3 .product-list-item,
.overseas-product-list .product-list.product-card-column.product-layout-4 .product-list-item {
    flex-direction: column;
}

/* Column layout on 2 columns (Flash Sales style) */
.overseas-product-list .product-list.product-card-column.product-layout-2 .product-list-item {
    padding: 30px 50px;
}

.overseas-product-list .product-list.product-card-column.product-layout-2 .product-list-item .product-list-item-img {
    width: 260px;
    height: 260px;
    margin: 0 auto;
}

.overseas-product-list .product-list.product-card-column.product-layout-2 .product-list-item .product-list-item-info {
    width: auto;
    margin-right: 0;
    height: auto;
}

/* Row-reverse on 3 columns (HONOR style, compact) */
.overseas-product-list .product-list.product-card-row-reverse.product-layout-3 .product-list-item {
    padding: 30px 50px;
    margin: 0 20px 30px 0;
}

.overseas-product-list .product-list.product-card-row-reverse.product-layout-3 .product-list-item .product-list-item-img {
    width: 180px;
    height: 180px;
    margin: 0;
}

.overseas-product-list .product-list.product-card-row-reverse.product-layout-3 .product-list-item .product-list-item-info {
    width: auto;
    flex: 1;
    min-width: 0;
    margin-right: 20px;
    height: auto;
}

/* Row-reverse on 4 columns */
.overseas-product-list .product-list.product-card-row-reverse.product-layout-4 .product-list-item {
    padding: 30px;
    margin: 0 20px 30px 0;
}

.overseas-product-list .product-list.product-card-row-reverse.product-layout-4 .product-list-item .product-list-item-img {
    width: 140px;
    height: 140px;
    margin: 0;
}

.overseas-product-list .product-list.product-card-row-reverse.product-layout-4 .product-list-item .product-list-item-info {
    width: auto;
    flex: 1;
    min-width: 0;
    margin-right: 16px;
    height: auto;
}

@media only screen and (min-width: 840px) and (max-width: 1439.98px) {
    .overseas-product-list .product-list.product-card-row-reverse:not(.product-layout-1) .product-list-item {
        flex-direction: row-reverse;
    }

    .overseas-product-list .product-list.product-card-row-reverse:not(.product-layout-1) .product-list-item .product-list-item-img {
        width: 180px;
        height: 180px;
        margin: 0;
    }

    .overseas-product-list .product-list.product-card-row-reverse:not(.product-layout-1) .product-list-item .product-list-item-info {
        width: auto;
        flex: 1;
        min-width: 0;
        margin-right: 20px;
        height: auto;
    }

    .overseas-product-list .product-list.product-card-column:not(.product-layout-1) .product-list-item {
        flex-direction: column;
    }

    .overseas-product-list .product-list.product-card-column:not(.product-layout-1) .product-list-item .product-list-item-img {
        width: 330px;
        height: 330px;
        margin: 0 auto;
    }

    .overseas-product-list .product-list.product-card-column:not(.product-layout-1) .product-list-item .product-list-item-info {
        width: 330px;
        height: calc(100% - 330px);
        margin-right: 0;
    }
}

/* Vertical card layout (Figure 2) — centered content */
.overseas-product-list .product-list.product-card-column:not(.product-layout-1) .product-list-item {
    align-items: center;
}

.overseas-product-list .product-list.product-card-column:not(.product-layout-1) .product-list-item .product-list-item-info {
    align-items: flex-start;
    width: 100%;
}

.overseas-product-list .product-list.product-card-column:not(.product-layout-1) .product-list-item-info-title-wrap {
    justify-content: flex-start;
    width: 100%;
}

.overseas-product-list .product-list.product-card-column:not(.product-layout-1) .product-list-item-info-title {
    text-align: left;
}

.overseas-product-list .product-list.product-card-column:not(.product-layout-1) .product-list-item-info-sub-title-wrap {
    justify-content: flex-start;
}

.overseas-product-list .product-list.product-card-column:not(.product-layout-1) .product-image-tab-box {
    justify-content: flex-start;
}

.overseas-product-list .product-list.product-card-column:not(.product-layout-1) .product-list-item-info-price-wrap {
    align-items: flex-start;
}

.overseas-product-list .product-list.product-card-column:not(.product-layout-1) .product-list-item-info-price {
    justify-content: flex-start;
}

.overseas-product-list .product-list.product-card-column:not(.product-layout-1) .product-list-item-info-button {
    justify-content: flex-start;
}

/* Mobile: always vertical cards + horizontal carousel swipe */
@media screen and (max-width: 839.98px) {

    .overseas-product-list .product-list:not(.product-layout-1) .product-list-item,
    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item {
        flex-direction: column !important;
        align-items: center;
        padding: 20px 16px !important;
        height: auto !important;
    }

    .overseas-product-list .product-list:not(.product-layout-1) .product-list-item .product-list-item-img,
    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item .product-list-item-img {
        width: 220px !important;
        height: 220px !important;
        margin: 0 auto !important;
    }

    .overseas-product-list .product-list:not(.product-layout-1) .product-list-item .product-list-item-info,
    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item .product-list-item-info {
        width: 100% !important;
        max-width: 260px !important;
        margin: 16px auto 0 !important;
        align-items: center !important;
        height: auto !important;
    }

    .overseas-product-list .product-list:not(.product-layout-1) .product-list-inner-top,
    .overseas-product-list .product-list:not(.product-layout-1) .product-list-inner-bottom,
    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-inner-bottom {
        width: 100% !important;
        align-items: center;
    }

    .overseas-product-list .product-list:not(.product-layout-1) .product-list-item-info-title-wrap,
    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item-info-title-wrap {
        justify-content: center;
        text-align: center;
        margin-top: 0;
    }

    .overseas-product-list .product-list:not(.product-layout-1) .product-list-item-info-title,
    .vue-overseas-product-list .product-list:not(.product-layout-1) .product-list-item-info-title {
        text-align: center;
    }

    .overseas-product-list .product-list:not(.product-layout-1) .product-list-item-info-sub-title-wrap {
        justify-content: center;
    }

    .overseas-product-list .product-list:not(.product-layout-1) .product-image-tab-box {
        justify-content: center;
    }

    .overseas-product-list .product-list:not(.product-layout-1) .product-list-item-info-price-wrap {
        align-items: center;
    }

    .overseas-product-list .product-list:not(.product-layout-1) .product-list-item-info-button {
        justify-content: center;
    }

    .overseas-product-list theme-carousel.opl__carousel:not([data-single-slide='true']) .carousel__track.opl__track.product-list {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
    }

    .overseas-product-list theme-carousel.opl__carousel:not([data-single-slide='true']) .carousel__track.opl__track.product-list>.opl__slide {
        scroll-snap-align: start;
    }
}

/* Grid layout — wraps products into rows instead of horizontal carousel */
theme-overseas-product-list[data-layout-type='grid'] .product-container {
    overflow: visible;
}

theme-overseas-product-list[data-layout-type='grid'] .opl__grid-wrap {
    width: 100%;
}

theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-list {
    display: flex;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100%;
    margin-inline: auto;
    overflow-x: visible;
    position: relative;
}

theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid>.opl__slide {
    flex: 0 0 auto;
    margin-right: 20px;
    margin-bottom: 30px;
}

theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-layout-2>.opl__slide {
    width: 690px;
}

theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-layout-3>.opl__slide {
    width: 453px;
}

theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-layout-4>.opl__slide {
    width: 335px;
}

theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-layout-2>.opl__slide:nth-child(2n),
theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-layout-3>.opl__slide:nth-child(3n),
theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-layout-4>.opl__slide:nth-child(4n) {
    margin-right: 0;
}

@media screen and (min-width: 840px) and (max-width: 1439.98px) {
    theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-layout-3 {
        max-width: 800px;
    }

    theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-layout-3>.opl__slide {
        width: 390px;
        flex: 0 0 390px;
    }

    theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-layout-3>.opl__slide:nth-child(3n) {
        margin-right: 20px;
    }

    theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-layout-3>.opl__slide:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 839.98px) {
    theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-list {
        flex-wrap: wrap !important;
        justify-content: center;
    }

    theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-layout-2>.opl__slide,
    theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-layout-3>.opl__slide,
    theme-overseas-product-list[data-layout-type='grid'] .opl__track.opl__grid.product-layout-4>.opl__slide {
        width: 100% !important;
        max-width: 300px;
        margin-right: 0 !important;
    }
}

/* Carousel video box — card layout + one-item-per-viewport carousel */

.carousel-video-box .carousel-video-box__viewport {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel-video-box .carousel-video-box__track {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    transition: transform 0.4s ease;
    will-change: transform;
}

.carousel-video-box .carousel-video-box__slide {
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.carousel-video-box .video-content {
    transform: rotate(0);
}

.carousel-video-box .video-content1 {
    width: 64%;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border: 1px solid #000;
    border-radius: 26px;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
    .carousel-video-box .video-content1 {
        width: 84vw;
        flex-direction: column;
        justify-content: flex-start;
        border-radius: 14px;
    }
}

.carousel-video-box .video-content1 .left-wrapper {
    width: 100%;
    height: 100px;
    padding: 15px 20px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    background: transparent;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
    .carousel-video-box .video-content1 .left-wrapper {
        width: 100%;
        height: auto;
        padding-bottom: 5vw;
        padding-top: 5vw;
        padding-left: 5vw;
        border-radius: 12px 12px 0 0;
    }
}

.carousel-video-box .video-content1 .left-wrapper .copy-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
    .carousel-video-box .video-content1 .left-wrapper .copy-wrapper {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
}

.carousel-video-box .video-content1 .left-wrapper .copy-wrapper .icon {
    width: 76px;
    height: 76px;
    flex-shrink: 0;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
    .carousel-video-box .video-content1 .left-wrapper .copy-wrapper .icon {
        width: 12.8vw;
        height: 12.8vw;
    }
}

.carousel-video-box .video-content1 .left-wrapper .copy-wrapper .txt1 {
    padding-left: 90px;
    margin-top: 12px;
    margin-bottom: 0;
    color: #000;
}

.carousel-video-box .copy-wrapper--no-icon .txt1 {
    padding-left: 0;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
    .carousel-video-box .video-content1 .left-wrapper .copy-wrapper .txt1 {
        margin-top: 0;
        width: max-content;
        margin-left: 4.2666666667vw;
        padding-left: 0;
    }

    .carousel-video-box .copy-wrapper--no-icon .txt1 {
        margin-left: 0;
    }
}

.carousel-video-box .video-content1 .right-wrapper {
    width: 100%;
    height: 30vw;
    position: relative;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    overflow: hidden;
    transform: rotate(0);
    mask-image: linear-gradient(to right, #000, #fff);
    background: #000;
}

.carousel-video-box .video-content--no-header .right-wrapper {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
    .carousel-video-box .video-content1 .right-wrapper {
        width: 100%;
        height: 47.2vw;
        border-radius: 0 0 12px 12px;
    }

    .carousel-video-box .video-content--no-header .right-wrapper {
        border-radius: 12px;
    }
}

.carousel-video-box .object-fit {
    height: 100%;
    object-fit: cover;
}

.carousel-video-box button {
    border: none;
    margin: 0;
    padding: 0;
    color: #000;
    font-weight: normal;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
}

.carousel-video-box button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.carousel-video-box img,
.carousel-video-box video,
.carousel-video-box canvas {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
}

.carousel-video-box .video-btn-wrapper {
    width: 2.1875vw;
    height: 2.1875vw;
    position: absolute;
    right: 0.625vw;
    bottom: 0.625vw;
    z-index: 10;
    transition: all 0.5s ease;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
    .carousel-video-box .video-btn-wrapper {
        width: 9.6vw;
        height: 9.6vw;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.carousel-video-box .video-btn-wrapper .icon-play {
    opacity: 0;
    transition: all 0.2s ease;
    z-index: 1;
    position: relative;
    visibility: hidden;
}

.carousel-video-box .video-btn-wrapper .icon-play.is-active {
    opacity: 1;
    z-index: 2;
    visibility: visible;
}

.carousel-video-box .video-btn-wrapper .icon-pause {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.2s ease;
    z-index: 1;
    visibility: hidden;
}

.carousel-video-box .video-btn-wrapper .icon-pause.is-active {
    opacity: 1;
    z-index: 2;
    visibility: visible;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
    .carousel-video-box .video-btn-wrapper .icon-pause.is-active {
        visibility: visible;
        opacity: 0;
    }

    .carousel-video-box .video-btn-wrapper .icon-pause:focus-visible {
        opacity: 1 !important;
    }
}

.carousel-video-box .carousel-video-box__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: rgba(128, 128, 128, 0.45);
    transition: background-color 0.2s ease;
}

.carousel-video-box .carousel-video-box__nav:hover {
    background: rgba(128, 128, 128, 0.65);
}

.carousel-video-box .carousel-video-box__nav:disabled {
    display: none;
}

.carousel-video-box .carousel-video-box__nav--next {
    right: 80px;
}

.carousel-video-box .carousel-video-box__nav--prev {
    left: 80px;
}

.carousel-video-box .carousel-video-box__nav--prev svg {
    transform: scaleX(-1);
}

.carousel-video-box .carousel-video-box__nav svg {
    display: block;
    width: 14px;
    height: auto;
}

@media screen and (max-width: 767.98px) {
    .carousel-video-box .carousel-video-box__nav--next {
        right: 20px;
    }

    .carousel-video-box .carousel-video-box__nav--prev {
        left: 20px;
    }
}

.carousel-video-box .carousel-video-box__live {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* copywriting-hyperlink */
.copywriting-hyperlink-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    opacity: 1;
    background: var(--copywriting-hyperlink-bg, #f9f9f9);
    color: #000;
    padding: 30px 0;
}

.copywriting-hyperlink {
    width: 1400px;
    font-family: HONOR Sans World;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    letter-spacing: 0;
}

.copywriting-hyperlink a {
    color: #1455ff;
    text-decoration: underline;
}

.copywriting-hyperlink a:focus-visible {
    outline: revert;
}

.copywriting-hyperlink a:hover {
    text-decoration: underline;
}

.copywriting-hyperlink p:last-child {
    margin: 0;
}

@media screen and (max-width: 1439.98px) and (min-width: 840px) {
    .copywriting-hyperlink {
        width: 800px;
    }
}

@media screen and (max-width: 839.98px) {
    .copywriting-hyperlink-wrap {
        width: 100%;
        padding: 20px;
    }
}