/* S1688 MOBILE UX PHASE 2 CSS START 20260905 */
.s1688-mobile-shop-nav,
.s1688-mobile-cart-toast {
    display: none;
}

@media (max-width: 767px) {
    body.woocommerce-shop .s1688-filter-toggle,
    body.woocommerce-shop .s1688-archive-filters,
    body.woocommerce-shop .s1688-price-filter,
    body.woocommerce-shop #s1688-category-filter,
    body.woocommerce-shop #s1688-brand-select,
    body.woocommerce-shop .s1688-archive-quick {
        display: none !important;
    }

    body.woocommerce-shop .s1688-archive-toolbar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(118px, 138px) !important;
        align-items: center !important;
        gap: 10px !important;
    }

    body.woocommerce-shop .s1688-archive-count {
        grid-column: 1 !important;
    }

    body.woocommerce-shop .s1688-archive-ordering,
    body.woocommerce-shop .woocommerce-ordering,
    body.woocommerce-shop .woocommerce-ordering select {
        grid-column: 2 !important;
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.s1688-category-v2 .s1688-category-brand-links {
        display: none !important;
    }

    .s1688-mobile-shop-nav {
        display: block;
        width: min(100% - 20px, 1320px);
        margin: 20px auto 28px;
        padding: 17px;
        color: #f5f3ee;
        background:
            radial-gradient(circle at 94% 0, rgba(210, 173, 98, .17), transparent 34%),
            linear-gradient(145deg, #151719, #0d0f11);
        border: 1px solid rgba(210, 173, 98, .23);
        border-radius: 15px;
        box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
        box-sizing: border-box;
    }

    body.s1688-product-v2 .s1688-mobile-shop-nav {
        clear: both;
        width: 100%;
        margin-top: 28px;
        margin-bottom: 34px;
    }

    .s1688-mobile-shop-nav__head {
        margin-bottom: 14px;
    }

    .s1688-mobile-shop-nav__head > span {
        display: block;
        margin-bottom: 6px;
        color: #d8b975;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .17em;
    }

    .s1688-mobile-shop-nav__head h2 {
        margin: 0;
        color: #fff;
        font-size: 25px;
        line-height: 1.15;
        letter-spacing: -.025em;
    }

    .s1688-mobile-shop-nav__head p {
        margin: 7px 0 0;
        color: rgba(245, 243, 238, .68);
        font-size: 13px;
        line-height: 1.5;
    }

    .s1688-mobile-shop-nav__categories {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .s1688-mobile-shop-nav__category {
        position: relative;
        display: grid;
        min-width: 0;
        min-height: 94px;
        overflow: hidden;
        align-items: end;
        padding: 11px;
        color: #fff !important;
        background: #111315;
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 12px;
        text-decoration: none !important;
        isolation: isolate;
    }

    .s1688-mobile-shop-nav__category img {
        position: absolute;
        z-index: -2;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0 !important;
        object-fit: cover;
        opacity: .55;
        transform: scale(1.03);
    }

    .s1688-mobile-shop-nav__category::after {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 0;
        background: linear-gradient(180deg, rgba(5, 7, 9, .04), rgba(5, 7, 9, .80));
    }

    .s1688-mobile-shop-nav__category span {
        font-size: 14px;
        font-weight: 760;
        line-height: 1.25;
    }

    .s1688-mobile-shop-nav__brand-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 19px 0 10px;
    }

    .s1688-mobile-shop-nav__brand-head h3 {
        margin: 0;
        color: #f5f3ee;
        font-size: 16px;
        line-height: 1.25;
    }

    .s1688-mobile-shop-nav__brand-head a {
        color: #d8b975 !important;
        font-size: 12px;
        font-weight: 700;
        text-decoration: underline !important;
        text-underline-offset: 3px;
    }

    .s1688-mobile-shop-nav__brands {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .s1688-mobile-shop-nav__brand {
        display: flex;
        min-width: 0;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        padding: 8px 10px;
        color: rgba(245, 243, 238, .90) !important;
        background: rgba(255, 255, 255, .035);
        border: 1px solid rgba(210, 173, 98, .20);
        border-radius: 10px;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.25;
        text-align: center;
        text-decoration: none !important;
        overflow-wrap: anywhere;
    }

    .s1688-mobile-shop-nav__category.is-active,
    .s1688-mobile-shop-nav__brand.is-active {
        border-color: #d8b975;
        box-shadow: inset 0 0 0 1px rgba(216, 185, 117, .42);
    }

    .s1688-mobile-shop-nav a:focus-visible {
        outline: 2px solid #f0c96f;
        outline-offset: 3px;
    }

    body.s1688-cart-v2 .wc-block-cart,
    body.s1688-cart-v2 .wc-block-components-sidebar-layout {
        display: block !important;
    }

    body.s1688-cart-v2 .wc-block-cart__main,
    body.s1688-cart-v2 .wc-block-components-sidebar-layout__main,
    body.s1688-cart-v2 .wc-block-cart__sidebar,
    body.s1688-cart-v2 .wc-block-components-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.s1688-cart-v2 .wc-block-cart-items {
        display: block !important;
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    body.s1688-cart-v2 .wc-block-cart-items thead {
        display: none !important;
    }

    body.s1688-cart-v2 .wc-block-cart-items tbody {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
    }

    body.s1688-cart-v2 .wc-block-cart-items__row {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 88px minmax(0, 1fr) !important;
        grid-template-areas: "image product" !important;
        gap: 12px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 16px !important;
        background: #151719 !important;
        border: 1px solid rgba(210, 173, 98, .18) !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
    }

    body.s1688-cart-v2 .wc-block-cart-item__image {
        grid-area: image !important;
        align-self: start !important;
        width: 88px !important;
        padding: 0 !important;
    }

    body.s1688-cart-v2 .wc-block-cart-item__image img {
        display: block !important;
        width: 88px !important;
        height: 88px !important;
        padding: 8px !important;
        object-fit: contain !important;
        background: #f5f3ee !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }

    body.s1688-cart-v2 .wc-block-cart-item__product {
        grid-area: product !important;
        position: static !important;
        display: block !important;
        min-width: 0 !important;
        width: auto !important;
        padding: 0 !important;
    }

    body.s1688-cart-v2 .wc-block-cart-item__wrap {
        position: static !important;
        display: flex !important;
        min-width: 0 !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body.s1688-cart-v2 .wc-block-components-product-name {
        display: -webkit-box !important;
        position: static !important;
        overflow: hidden !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    body.s1688-cart-v2 .wc-block-cart-item__prices,
    body.s1688-cart-v2 .wc-block-components-product-price {
        position: static !important;
        margin-top: 6px !important;
        color: #d8b975 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
    }

    body.s1688-cart-v2 .wc-block-components-product-metadata {
        position: static !important;
        margin-top: 6px !important;
        color: rgba(245, 243, 238, .62) !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
        overflow-wrap: anywhere !important;
    }

    body.s1688-cart-v2 .wc-block-cart-item__quantity {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        margin-top: 10px !important;
    }

    body.s1688-cart-v2 .wc-block-components-quantity-selector {
        flex: 0 0 132px !important;
        width: 132px !important;
        min-width: 132px !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        background: rgba(255, 255, 255, .035) !important;
        border: 1px solid rgba(210, 173, 98, .28) !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }

    body.s1688-cart-v2 .wc-block-components-quantity-selector button {
        min-width: 40px !important;
        min-height: 40px !important;
    }

    body.s1688-cart-v2 .wc-block-cart-item__remove-link {
        position: static !important;
        display: inline-flex !important;
        flex: 0 0 44px !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        color: rgba(245, 243, 238, .68) !important;
        background: rgba(255, 255, 255, .035) !important;
        border: 1px solid rgba(255, 255, 255, .10) !important;
        border-radius: 10px !important;
    }

    body.s1688-cart-v2 .wc-block-cart-item__remove-link svg {
        width: 20px !important;
        height: 20px !important;
    }

    body.s1688-cart-v2 .wc-block-cart-item__total {
        display: none !important;
        position: static !important;
    }

    body.s1688-cart-v2 .wc-block-components-sidebar {
        margin-top: 18px !important;
        overflow: hidden !important;
        background: #151719 !important;
        border: 1px solid rgba(210, 173, 98, .20) !important;
        border-radius: 14px !important;
    }

    body.s1688-cart-v2 .wc-block-cart__totals-title,
    body.s1688-cart-v2 .wc-block-components-totals-wrapper {
        background: #151719 !important;
    }

    body.s1688-cart-v2 .wc-block-cart__submit-button,
    body.s1688-cart-v2 .wc-block-components-button {
        min-height: 54px !important;
        border-radius: 11px !important;
    }

    body.s1688-cart-v2 .wc-block-cart__submit-container--sticky {
        z-index: 20 !important;
        padding: 14px 16px calc(14px + env(safe-area-inset-bottom)) !important;
        background: rgba(13, 15, 17, .96) !important;
        border-top: 1px solid rgba(210, 173, 98, .18) !important;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }

    /* The Dock plugin owns the fixed-bar offset. Keep one shared extra gap
       instead of stacking page-specific Dock heights on main content. */
    body.s1688-has-mobile-dock {
        --s1688-page-bottom-padding: 16px;
    }
    body.s1688-cart-v2 .site-main,
    body.s1688-product-v2 .site-main {
        padding-bottom: 16px !important;
    }

    #chaty-widget-0 .on-hover-text,
    #chaty-widget-0 .chaty-tooltip::before,
    #chaty-widget-0 .chaty-tooltip::after {
        display: none !important;
    }

    #chaty-widget-0 .chaty-widget.right-position {
        right: 14px !important;
        bottom: calc(16px + env(safe-area-inset-bottom)) !important;
        left: auto !important;
        transform: none !important;
    }

    body.s1688-cart-v2 #chaty-widget-0 .chaty-widget.right-position,
    body.s1688-product-v2 #chaty-widget-0 .chaty-widget.right-position {
        bottom: calc(88px + env(safe-area-inset-bottom)) !important;
    }

    .s1688-mobile-cart-toast {
        position: fixed;
        z-index: 99998;
        right: 14px;
        bottom: calc(82px + env(safe-area-inset-bottom));
        left: 14px;
        display: flex;
        min-height: 48px;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 13px;
        color: #111315;
        background: linear-gradient(135deg, #d8b975, #f0c66e);
        border: 1px solid rgba(255, 236, 184, .70);
        border-radius: 12px;
        box-shadow: 0 16px 34px rgba(0, 0, 0, .34);
        opacity: 0;
        pointer-events: none;
        transform: translateY(10px);
        transition: opacity .18s ease, transform .18s ease;
    }

    .s1688-mobile-cart-toast.is-visible {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .s1688-mobile-cart-toast span,
    .s1688-mobile-cart-toast a {
        font-size: 13px;
        font-weight: 800;
    }

    .s1688-mobile-cart-toast a {
        color: #111315 !important;
        text-decoration: underline !important;
        text-underline-offset: 3px;
    }
}
/* S1688 MOBILE UX PHASE 2 CSS END 20260905 */

/* S1688 QUICK SHOP RESULT ANCHOR CSS START 20260905 */
@media (max-width: 767px) {
    #s1688-products {
        scroll-margin-top: 96px;
    }
}
/* S1688 QUICK SHOP RESULT ANCHOR CSS END 20260905 */

/* S1688 SHOP AND BRAND BROWSE NAV START 20260916 */
body.s1688-category-v2 .s1688-filter-toggle,
body.s1688-brand-v2 .s1688-filter-toggle,
body.s1688-category-v2 .s1688-archive-filters,
body.s1688-brand-v2 .s1688-archive-filters,
body.s1688-category-v2 .s1688-category-brand-links,
body.s1688-category-v2 .s1688-mobile-shop-nav,
body.s1688-brand-v2 .s1688-mobile-shop-nav {
    display: none !important;
}

#s1688-browse-quick {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    width: min(calc(100% - 28px), 1320px);
    max-width: 100%;
    margin: 20px auto 18px;
    box-sizing: border-box;
}

#s1688-browse-quick a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    color: #f5f3ee;
    background: #17191b;
    border: 1px solid rgba(210, 173, 98, .25);
    border-radius: 9px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
}

#s1688-browse-quick a[href="#s1688-brand-classification"] {
    color: #f0c96f;
    border-color: rgba(210, 173, 98, .65);
}

.s1688-browse-brands {
    width: min(calc(100% - 28px), 1320px);
    max-width: 100%;
    margin: 0 auto 28px;
    padding: 22px;
    color: #f5f3ee;
    background: linear-gradient(145deg, #17191b, #0d0f11);
    border: 1px solid rgba(210, 173, 98, .24);
    border-radius: 15px;
    box-sizing: border-box;
    scroll-margin-top: 96px;
}

.s1688-browse-brands .s1688-brand-heading {
    margin-bottom: 16px;
}

.s1688-browse-brands nav {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
}

.s1688-browse-brands nav a {
    display: flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    color: #f5f3ee;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(210, 173, 98, .20);
    border-radius: 9px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    overflow-wrap: anywhere;
    box-sizing: border-box;
}

.s1688-browse-brands nav a:hover,
.s1688-browse-brands nav a.is-active,
#s1688-browse-quick a:hover {
    color: #f0c96f;
    border-color: #d8b975;
}

.s1688-browse-brands a:focus-visible,
#s1688-browse-quick a:focus-visible {
    outline: 2px solid #f0c96f;
    outline-offset: 2px;
}

@media (max-width: 767px) {
    #s1688-browse-quick {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin: 18px auto 12px;
    }

    #s1688-browse-quick a {
        min-width: 0;
        padding: 9px 8px;
        font-size: 13px;
        overflow-wrap: anywhere;
    }

    .s1688-browse-brands {
        margin-bottom: 22px;
        padding: 17px;
    }

    .s1688-browse-brands nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
}
/* S1688 SHOP AND BRAND BROWSE NAV END 20260916 */


/* S1688 BROWSE VISUAL UNITY START 20260916 */
body.s1688-brand-v2 #s1688-browse-quick,
body.s1688-brand-v2 .s1688-browse-brands {
    width: min(calc(100% - 48px), 1320px);
}

.s1688-browse-brands {
    margin-bottom: 8px;
    padding: 17px 18px 18px;
    background: #151719;
    border-color: rgba(210, 173, 98, .13);
    border-radius: 12px;
    box-shadow: none;
}

.s1688-browse-brands .s1688-brand-heading {
    margin-bottom: 12px;
}

.s1688-browse-brands nav {
    gap: 7px;
}

.s1688-browse-brands nav a {
    height: 44px;
    min-height: 44px;
    padding: 5px 9px;
    background: #1b1d1f;
    border-color: rgba(210, 173, 98, .13);
    font-size: 12.5px;
    line-height: 1.2;
    overflow: hidden;
}

/* Only the actual current brand has a selected state; hover is deliberately lighter. */
.s1688-browse-brands nav a.is-active:not([aria-current="page"]),
.s1688-browse-brands nav a:hover:not([aria-current="page"]) {
    color: #f5f3ee;
    background: #1b1d1f;
    border-color: rgba(210, 173, 98, .13);
    box-shadow: none;
}

@media (hover: hover) {
    .s1688-browse-brands nav a:hover:not([aria-current="page"]) {
        border-color: rgba(216, 185, 117, .45);
    }
}

.s1688-browse-brands nav a.is-active[aria-current="page"],
body.s1688-brand-v2 .s1688-brand-quick nav button.is-active:not([data-s1688-brand-filter="all"]) {
    color: #f0c96f;
    background: rgba(216, 185, 117, .06);
    border-color: rgba(216, 185, 117, .7);
    box-shadow: inset 0 0 0 1px rgba(216, 185, 117, .08);
}

body.s1688-brand-v2 .s1688-brand-quick {
    padding-top: 20px;
}

body.s1688-brand-v2 .s1688-brand-quick nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

body.s1688-brand-v2 .s1688-brand-quick nav button {
    height: 68px;
    min-height: 68px;
    min-width: 0;
    align-items: center;
    padding: 9px 12px;
    color: #f5f3ee;
    background: #1b1d1f;
    border-color: rgba(210, 173, 98, .13);
    border-radius: 9px;
    text-align: center;
    box-sizing: border-box;
}

body.s1688-brand-v2 .s1688-brand-quick nav button span {
    font-size: 14px;
    line-height: 1.25;
}

body.s1688-brand-v2 .s1688-brand-quick nav button small {
    margin-top: 3px;
    font-size: 11px;
    line-height: 1.2;
}

body.s1688-brand-v2 .s1688-brand-quick nav button:hover:not(.is-active) {
    color: #f5f3ee;
    border-color: rgba(210, 173, 98, .13);
}

@media (hover: hover) {
    body.s1688-brand-v2 .s1688-brand-quick nav button:hover:not(.is-active) {
        border-color: rgba(216, 185, 117, .45);
    }
}

/* "All products" is an action, not a product type; the existing hero link goes to /shop/. */
body.s1688-brand-v2 .s1688-brand-quick nav button[data-s1688-brand-filter="all"],
body.s1688-brand-v2 .s1688-brand-quick:has(nav > button[data-s1688-brand-filter="all"]:only-child) {
    display: none;
}

body.s1688-brand-v2 .s1688-brand-all-heading {
    padding-top: 28px;
}

@media (max-width: 1024px) {
    .s1688-browse-brands nav {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    body.s1688-brand-v2 #s1688-browse-quick,
    body.s1688-brand-v2 .s1688-browse-brands {
        width: min(calc(100% - 28px), 1320px);
    }

    .s1688-browse-brands {
        margin-bottom: 6px;
        padding: 14px;
    }

    .s1688-browse-brands nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .s1688-browse-brands nav a {
        height: 48px;
        min-height: 48px;
        padding: 5px 7px;
        font-size: 12px;
    }

    body.s1688-brand-v2 .s1688-brand-quick {
        padding-top: 18px;
    }

    body.s1688-brand-v2 .s1688-brand-quick nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.s1688-brand-v2 .s1688-brand-quick nav button {
        height: 64px;
        min-height: 64px;
        padding: 8px 10px;
    }

    body.s1688-brand-v2 .s1688-brand-all-heading {
        padding-top: 24px;
    }
}
/* S1688 BROWSE VISUAL UNITY END 20260916 */

/* S1688 FIXED FEATURED PICKS START 20260916 */
.s1688-featured-picks { overflow: hidden; }
.s1688-featured-picks .s1688-shell { min-width: 0; }
.s1688-featured-picks__heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.s1688-featured-picks__heading h2 { margin: 5px 0 0; color: #f5f3ee; font-size: clamp(27px, 2.5vw, 36px); line-height: 1.15; }
.s1688-featured-picks__controls { display: flex; gap: 9px; }
.s1688-featured-picks__controls button { width: 44px; height: 44px; border: 1px solid rgba(201,164,92,.4); border-radius: 50%; background: #1a1c1e; color: #f1d086; font-size: 20px; cursor: pointer; }
.s1688-featured-picks__controls button:hover:not(:disabled) { border-color: #d8b975; background: #27241d; }
.s1688-featured-picks__controls button:disabled { opacity: .35; cursor: default; }
.s1688-featured-picks__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 36px) / 2.75); align-items: stretch; gap: 18px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 2px; scrollbar-width: none; padding: 2px 2px 14px; cursor: grab; }
.s1688-featured-picks__track::-webkit-scrollbar { display: none; }
.s1688-featured-picks__track.is-dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; }
.s1688-featured-picks__track:focus-visible, .s1688-featured-picks a:focus-visible, .s1688-featured-picks button:focus-visible { outline: 2px solid #f0c96f; outline-offset: 2px; }
.s1688-featured-pick { display: flex; flex-direction: column; min-width: 0; min-height: 638px; overflow: hidden; scroll-snap-align: start; border: 1px solid rgba(201,164,92,.24); border-radius: 16px; background: radial-gradient(circle at 22% 4%, rgba(201,164,92,.13), transparent 31%), linear-gradient(148deg,#202225,#151719 68%,#111315); color: #f5f3ee; }
.s1688-featured-pick__visual { display: grid; place-items: center; height: 270px; flex: 0 0 270px; min-width: 0; margin: 14px 14px 0; padding: 10px; overflow: hidden; border: 1px solid rgba(201,164,92,.16); border-radius: 12px; background: radial-gradient(circle at 50% 40%,#393a39,#242628 76%); box-sizing: border-box; }
.s1688-featured-pick__image { display: block; width: 100%; height: 100% !important; object-fit: contain; border-radius: 9px; filter: brightness(.82) saturate(.9); transition: transform .25s ease; }
.s1688-featured-pick__visual:hover .s1688-featured-pick__image { transform: scale(1.025); }
.s1688-featured-pick__copy { display: flex; flex: 1; flex-direction: column; min-width: 0; padding: 21px 22px 22px; }
.s1688-featured-pick__kickers { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 10px; min-height: 24px; }
.s1688-featured-pick__label { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 9px; border: 1px solid rgba(201,164,92,.5); border-radius: 99px; background: rgba(201,164,92,.12); color: #f0c96f; font-size: 11px; font-weight: 800; white-space: nowrap; }
.s1688-featured-pick__eyebrow { color: #c9a45c; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.s1688-featured-pick h3 { display: -webkit-box; min-height: 2.85em; margin: 13px 0 6px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #f5f3ee; font-size: clamp(20px, 1.8vw, 25px); line-height: 1.15; }
.s1688-featured-pick h3 a { color: inherit; text-decoration: none; }
.s1688-featured-pick h3 a:hover { color: #f0c96f; }
.s1688-featured-pick__subtitle { min-height: 1.4em; margin: 0 0 9px; color: #d8b975; font-size: 14px; font-weight: 800; line-height: 1.4; }
.s1688-featured-pick__description { display: -webkit-box; min-height: 4.45em; margin: 0 0 16px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #c8c9c8; font-size: 13px; line-height: 1.5; }
.s1688-featured-pick__cta { align-self: flex-start; margin-top: auto; white-space: nowrap; }
.s1688-featured-pick__points { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 10px; min-height: 47px; margin: 19px 0 0; padding: 17px 0 0; border-top: 1px solid rgba(201,164,92,.18); list-style: none; }
.s1688-featured-pick__points li { position: relative; min-width: 0; padding-left: 12px; color: #ddd9cf; font-size: 11px; line-height: 1.4; }
.s1688-featured-pick__points li::before { position: absolute; top: .5em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #c9a45c; content: ''; }
@media (max-width: 1024px) { .s1688-featured-picks__track { grid-auto-columns: calc((100% - 16px) / 1.8); gap: 16px; } }
@media (max-width: 767px) {
    .s1688-featured-picks__heading { margin-bottom: 16px; }
    .s1688-featured-picks__controls { display: none; }
    .s1688-featured-picks__track { grid-auto-columns: 82%; gap: 10px; padding-bottom: 9px; touch-action: pan-x pan-y; }
    .s1688-featured-pick { min-height: 608px; border-radius: 14px; }
    .s1688-featured-pick__visual { height: 220px; flex-basis: 220px; margin: 10px 10px 0; padding: 8px; }
    .s1688-featured-pick__copy { padding: 17px 16px 18px; }
    .s1688-featured-pick h3 { margin-top: 11px; font-size: 20px; }
    .s1688-featured-pick__subtitle { font-size: 13px; }
    .s1688-featured-pick__description { font-size: 12px; }
    .s1688-featured-pick__points { gap: 6px; margin-top: 15px; padding-top: 13px; }
}
@media (prefers-reduced-motion: reduce) { .s1688-featured-pick__image { transition: none; } .s1688-featured-picks__track { scroll-behavior: auto; } }
/* S1688 FIXED FEATURED PICKS END 20260916 */

/* S1688 PRODUCT FINDER V1 START 20260918 */
.s1688-page .s1688-finder { min-width: 0; overflow: hidden; padding-top: clamp(34px, 5vw, 64px); color: #f5f3ee; }
.s1688-finder .s1688-shell { min-width: 0; }
.s1688-finder__intro { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: clamp(24px, 3.4vw, 42px); border: 1px solid rgba(201,164,92,.3); border-radius: 18px; background: radial-gradient(circle at 91% 7%, rgba(201,164,92,.16), transparent 38%), linear-gradient(135deg,#222326,#151719 70%); }
.s1688-finder__intro-copy { min-width: 0; }
.s1688-finder__intro .s1688-kicker { margin-bottom: 10px; }
.s1688-finder__intro h2 { margin: 0 0 8px; font-size: clamp(27px, 3vw, 40px); line-height: 1.2; letter-spacing: -.035em; }
.s1688-finder__intro p { margin: 0 0 10px; color: #d2d0ca; font-size: 15px; line-height: 1.6; }
.s1688-finder__intro-count { color: #aaaba8; font-size: 12px; }
.s1688-finder__open { flex: 0 0 auto; min-width: 144px; cursor: pointer; }
.s1688-page .s1688-finder .s1688-finder__open, .s1688-page .s1688-finder .s1688-finder__show { border-color: #c9a45c !important; background: #c9a45c !important; color: #17130d !important; }
.s1688-finder__panel { min-width: 0; margin-top: 12px; padding: clamp(18px, 2.5vw, 32px); border: 1px solid rgba(201,164,92,.18); border-radius: 18px; background: #191b1e; }
.s1688-finder__summary, .s1688-finder__summary-main, .s1688-finder__summary-side, .s1688-finder__chosen { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.s1688-finder__summary { justify-content: space-between; gap: 15px 22px; padding-bottom: 20px; border-bottom: 1px solid rgba(201,164,92,.18); }
.s1688-finder__summary-label, .s1688-finder__no-selection { color: #bdbdb8; font-size: 13px; }
.s1688-finder__summary-side { gap: 12px; }
.s1688-finder__remaining { color: #e5c47d; font-size: 13px; }
.s1688-finder__selected-chip, .s1688-finder__reset, .s1688-finder__more { min-height: 38px; padding: 6px 12px; border: 1px solid rgba(201,164,92,.38); border-radius: 8px; background: #22252a; color: #f1d28d; font-size: 12px; cursor: pointer; }
.s1688-finder__reset:disabled { opacity: .45; cursor: default; }
.s1688-finder__facets { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); gap: 28px; padding-top: 22px; }
.s1688-finder__facet { min-width: 0; }
.s1688-finder__facet--puffs { grid-column: 1 / -1; padding-top: 20px; border-top: 1px solid rgba(201,164,92,.13); }
.s1688-finder__facet h3 { margin: 0 0 13px; color: #f5f3ee; font-size: 18px; line-height: 1.35; }
.s1688-finder__options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.s1688-finder__options--groups { grid-template-columns: repeat(2,minmax(0,1fr)); }
.s1688-finder__options--flavors { grid-template-columns: repeat(3,minmax(0,1fr)); }
.s1688-finder__options--puffs { grid-template-columns: repeat(5,minmax(0,1fr)); }
.s1688-finder__option { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 0; min-height: 54px; padding: 6px 8px; overflow: hidden; border: 1px solid rgba(201,164,92,.22); border-radius: 10px; background: #222427; color: #f4f1ea; text-align: center; cursor: pointer; }
.s1688-finder__option:hover { border-color: rgba(225,190,113,.75); background: #2b2925; }
.s1688-finder__option.is-selected { border-color: #d5b36b; background: #333025; box-shadow: inset 0 0 0 1px rgba(213,179,107,.25); }
.s1688-finder__option-label { max-width: 100%; overflow-wrap: anywhere; font-size: 13px; font-weight: 700; line-height: 1.3; }
.s1688-finder__option-count { color: #aaa8a2; font-size: 10px; line-height: 1.25; }
.s1688-finder__search-label { display: block; margin-bottom: 12px; color: #bfc0bd; font-size: 12px; }
.s1688-finder__search { display: block; width: 100%; height: 44px; margin-top: 6px; padding: 0 13px; border: 1px solid rgba(201,164,92,.3); border-radius: 9px; background: #111315; color: #f5f3ee; outline: none; }
.s1688-finder__search::placeholder { color: #858783; }
.s1688-finder__flavor-subhead { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 8px; color: #c6c4bd; font-size: 12px; }
.s1688-finder__more { display: block; width: 100%; margin-top: 10px; }
.s1688-finder__empty { grid-column: 1 / -1; color: #c1c0bb; font-size: 13px; line-height: 1.5; }
.s1688-finder__action { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 25px; padding-top: 22px; border-top: 1px solid rgba(201,164,92,.18); color: #d4d3ce; font-size: 13px; }
.s1688-finder__show { cursor: pointer; }
.s1688-finder__show:disabled { opacity: .5; cursor: default; transform: none; }
.s1688-finder__results { padding-top: 28px; }
.s1688-finder__results h3 { margin: 0 0 15px; font-size: 22px; }
.s1688-finder__results-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.s1688-finder__product { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid rgba(201,164,92,.22); border-radius: 13px; background: #222427; }
.s1688-finder__product-image { display: flex; align-items: center; justify-content: center; height: 190px; min-height: 0; padding: 12px; overflow: hidden; background: #2c2e2f; }
.s1688-finder__product-image img { display: block; width: auto; max-width: 100%; height: auto !important; max-height: 100%; object-fit: contain; border-radius: 7px; }
.s1688-finder__product-body { display: flex; flex: 1; flex-direction: column; gap: 7px; min-width: 0; padding: 16px; }
.s1688-finder__product h4 { display: -webkit-box; min-height: 2.7em; margin: 0 0 4px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 16px; line-height: 1.35; }
.s1688-finder__product h4 a:hover, .s1688-finder__product-cta:hover { color: #f1d28d; }
.s1688-finder__product-detail, .s1688-finder__product-cooling, .s1688-finder__product-hint { margin: 0; color: #d1d0ca; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.s1688-finder__product-cooling { color: #e3c987; }
.s1688-finder__product-hint { color: #aaa9a4; }
.s1688-finder__product-cta { align-self: flex-start; margin-top: auto; padding-top: 8px; color: #d8b975; font-size: 13px; font-weight: 800; }
.s1688-finder__cooling-note { margin: 12px 0 0; color: #bcbab3; font-size: 11px; line-height: 1.5; }
.s1688-finder :is(a,button,input):focus-visible { outline: 2px solid #f0c96f; outline-offset: 2px; }
.s1688-finder [hidden] { display: none !important; }
@media (max-width: 1024px) { .s1688-finder__options--puffs { grid-template-columns: repeat(4,minmax(0,1fr)); } .s1688-finder__results-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 767px) {
    .s1688-finder__intro { align-items: stretch; flex-direction: column; gap: 18px; padding: 24px 18px; }
    .s1688-finder__intro h2 { font-size: 28px; }
    .s1688-finder__open { align-self: flex-start; }
    .s1688-finder__panel { padding: 18px 14px; }
    .s1688-finder__facets { grid-template-columns: minmax(0,1fr); gap: 22px; }
    .s1688-finder__facet--puffs { grid-column: auto; }
    .s1688-finder__facet--flavors { padding-top: 20px; border-top: 1px solid rgba(201,164,92,.13); }
    .s1688-finder__options--flavors, .s1688-finder__options--puffs { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .s1688-finder__results-grid { grid-template-columns: minmax(0,1fr); }
    .s1688-finder__product-image { height: 210px; }
}
@media (max-width: 410px) { .s1688-finder__open, .s1688-finder__show { width: 100%; } .s1688-finder__option-label { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .s1688-finder .s1688-button { transition: none; } }
/* S1688 PRODUCT FINDER V1 END 20260918 */

/* S1688 PRODUCT FINDER V2 DUAL ROUTE START 20260918 */
.s1688-finder__intro { align-items: stretch; flex-direction: column; gap: 22px; }
.s1688-finder__route-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; width: 100%; }
.s1688-finder__route { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 76px; padding: 14px 18px; border: 1px solid rgba(213,179,107,.55); border-radius: 12px; background: #282724; color: #f5f3ee; font-size: 17px; font-weight: 800; line-height: 1.35; text-align: center; cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.s1688-finder__route:hover { border-color: #e5c47d; background: #353024; transform: translateY(-2px); }
.s1688-page .s1688-finder button.s1688-finder__route:is(:hover,:focus,:active) { border-color: #e5c47d; background: #353024; color: #f1d28d; }
.s1688-finder__route-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 12px; padding: 14px 18px; border: 1px solid rgba(201,164,92,.18); border-radius: 12px; background: #1d1f21; }
.s1688-finder__route-back { min-height: 40px; padding: 7px 11px; border: 1px solid rgba(201,164,92,.35); border-radius: 8px; background: #272727; color: #f0d190; font-size: 13px; font-weight: 700; cursor: pointer; }
.s1688-finder__route-back:hover { border-color: #e5c47d; }
.s1688-page .s1688-finder button.s1688-finder__route-back:is(:hover,:focus,:active) { border-color: #e5c47d; background: #272727; color: #f0d190; }
.s1688-page .s1688-finder button:is(.s1688-finder__route,.s1688-finder__route-back):focus-visible { outline: 2px solid #f0c96f; outline-offset: 3px; box-shadow: 0 0 0 2px rgba(240,201,111,.22); }
.s1688-finder__route-title { color: #f4f0e7; font-size: 15px; }
.s1688-finder__taste-notice { margin: 0 0 20px; padding: 11px 14px; border-left: 2px solid rgba(201,164,92,.7); background: rgba(201,164,92,.07); color: #cfcac0; font-size: 12px; line-height: 1.55; }
.s1688-finder__facets--taste { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.s1688-finder__facets--taste > .s1688-finder__facet:last-child { grid-column: 1 / -1; padding-top: 20px; border-top: 1px solid rgba(201,164,92,.13); }
.s1688-finder__options--taste { grid-template-columns: repeat(3,minmax(0,1fr)); }
.s1688-finder__match-label { align-self: flex-start; max-width: 100%; padding: 4px 8px; border: 1px solid rgba(213,179,107,.4); border-radius: 5px; color: #e5c47d; font-size: 11px; font-weight: 800; line-height: 1.4; }
.s1688-page .s1688-finder .s1688-finder__panel--taste button.s1688-finder__reset:is(:hover,:focus,:active) { border-color: #e5c47d; background: #22252a; color: #f1d28d; }
.s1688-page .s1688-finder .s1688-finder__panel--taste button.s1688-finder__reset:focus-visible { outline: 2px solid #f0c96f; outline-offset: 2px; }
@media (max-width: 767px) {
    .s1688-finder__route-choices, .s1688-finder__facets--taste { grid-template-columns: minmax(0,1fr); }
    .s1688-finder__route { min-height: 62px; font-size: 16px; }
    .s1688-finder__facets--taste > .s1688-finder__facet:last-child { grid-column: auto; }
}
@media (max-width: 410px) {
    .s1688-finder__options--taste { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .s1688-finder__options--taste .s1688-finder__option { padding: 7px 3px; }
}
@media (prefers-reduced-motion: reduce) { .s1688-finder__route { transition: none; } }
/* S1688 PRODUCT FINDER V2 DUAL ROUTE END 20260918 */

/* S1688 MOBILE FINISH START 20261007 */
@media (max-width: 767px) {
    /* Featured product: enlarge the subject without changing the source file. */
    body.page-id-3287 .s1688-featured__visual {
        height: clamp(210px, 58vw, 230px) !important;
        min-height: 0 !important;
        padding: 6px !important;
        overflow: hidden !important;
    }
    body.page-id-3287 .s1688-featured__image {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
        clip-path: none !important;
        transform: none !important;
        transform-origin: center !important;
    }
    body.page-id-3287 .s1688-featured-pick__visual {
        height: 230px !important;
        flex-basis: 230px !important;
        padding: 6px !important;
    }
    body.page-id-3287 .s1688-featured-pick__image {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
        transform: none !important;
        transform-origin: center !important;
    }

    /* Hot products: keep every device complete and all image wells uniform. */
    body.page-id-3287 .s1688-product-card__image {
        height: auto !important;
        min-height: 0 !important;
        flex-basis: auto !important;
        aspect-ratio: 1 / 1;
        padding: 8px !important;
        overflow: hidden !important;
    }
    body.page-id-3287 .s1688-product-card__image img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
        clip-path: none !important;
        transform: none !important;
    }
    body.page-id-3287 .s1688-product-card {
        height: auto !important;
        min-height: 360px !important;
        align-self: stretch;
    }
    body.page-id-3287 .s1688-product-card__body {
        min-height: 124px;
        padding: 12px 12px 18px !important;
    }
    body.page-id-3287 .s1688-product-card__bottom {
        position: relative;
        z-index: 1;
        margin-top: auto;
        padding-top: 10px;
    }
    body.page-id-3287 .s1688-product-card__cart {
        margin-bottom: 0;
    }
    body.page-id-3287 .s1688-products,
    body.page-id-3287 .s1688-home-shopping {
        padding-bottom: 24px !important;
    }

    /* The mobile dock already owns the LINE entry. */
    #chaty-widget-0,
    [id^="chaty-widget-"],
    .chaty-widget,
    .s1688-line-float {
        display: none !important;
    }
}
/* S1688 MOBILE FINISH END 20261007 */

/* S1688 MOBILE HOME HERO + CART DARK FINISH START 20261008 */
@media (max-width: 767px) {
    /* Cart page: keep the complete flow on the mobile black-gold canvas. */
    body.s1688-cart-v2.woocommerce-cart,
    body.s1688-cart-v2.woocommerce-cart #content.site-main,
    body.s1688-cart-v2.woocommerce-cart #content .page-header,
    body.s1688-cart-v2.woocommerce-cart #content .page-content,
    body.s1688-cart-v2.woocommerce-cart .s1688-flow-shell,
    body.s1688-cart-v2.woocommerce-cart .s1688-global-footer-v2 {
        background: #0c0e10 !important;
        color: #f5f3ee !important;
    }

    body.s1688-cart-v2.woocommerce-cart #content .page-header .entry-title {
        color: #f5f3ee !important;
    }

    body.s1688-cart-v2.woocommerce-cart .s1688-flow-hero {
        border-color: rgba(201, 164, 92, .24) !important;
        background: radial-gradient(circle at 88% 10%, rgba(201, 164, 92, .15), transparent 36%), linear-gradient(145deg, #1c1e20, #111315 72%) !important;
        color: #f5f3ee !important;
        box-shadow: 0 18px 38px rgba(0, 0, 0, .28) !important;
    }

    body.s1688-cart-v2.woocommerce-cart .s1688-flow-hero h1,
    body.s1688-cart-v2.woocommerce-cart .s1688-flow-steps li,
    body.s1688-cart-v2.woocommerce-cart .s1688-flow-empty p {
        color: #f5f3ee !important;
    }

    body.s1688-cart-v2.woocommerce-cart .s1688-flow-hero__eyebrow,
    body.s1688-cart-v2.woocommerce-cart .s1688-flow-steps li.is-current {
        color: #d8b975 !important;
    }

    body.s1688-cart-v2.woocommerce-cart .s1688-flow-hero__detail,
    body.s1688-cart-v2.woocommerce-cart .s1688-flow-steps li:not(.is-current) {
        color: #aaa69f !important;
    }

    body.s1688-cart-v2.woocommerce-cart .s1688-flow-steps ol {
        border-color: rgba(201, 164, 92, .20) !important;
        background: #151719 !important;
    }

    body.s1688-cart-v2.woocommerce-cart .s1688-flow-steps li::before,
    body.s1688-cart-v2.woocommerce-cart .s1688-flow-steps li::after {
        border-color: rgba(201, 164, 92, .30) !important;
        background-color: #25231e !important;
    }

    body.s1688-cart-v2.woocommerce-cart .s1688-flow-empty {
        border: 1px solid rgba(201, 164, 92, .22) !important;
        background: radial-gradient(circle at 50% 0, rgba(201, 164, 92, .09), transparent 45%), #151719 !important;
        color: #f5f3ee !important;
        box-shadow: 0 16px 34px rgba(0, 0, 0, .24) !important;
    }

    body.s1688-cart-v2.woocommerce-cart .s1688-flow-empty a {
        border-color: #c9a45c !important;
        background: #c9a45c !important;
        color: #17130d !important;
        box-shadow: none !important;
    }

    body.s1688-cart-v2.woocommerce-cart #site-footer,
    body.s1688-cart-v2.woocommerce-cart .s1688-global-footer-v2 .s1688-services {
        border-color: rgba(201, 164, 92, .14) !important;
        background: #0c0e10 !important;
        color: #f5f3ee !important;
    }

    body.s1688-cart-v2.woocommerce-cart .s1688-global-footer-v2 .s1688-services__grid {
        border-color: rgba(201, 164, 92, .20) !important;
        background: #151719 !important;
        color: #f5f3ee !important;
    }

    body.s1688-cart-v2.woocommerce-cart .s1688-global-footer-v2 .s1688-services__grid > div {
        border-color: rgba(201, 164, 92, .16) !important;
        background: transparent !important;
    }

    body.s1688-cart-v2.woocommerce-cart .s1688-global-footer-v2 .s1688-services h3 {
        color: #f5f3ee !important;
    }

    body.s1688-cart-v2.woocommerce-cart .s1688-global-footer-v2 .s1688-services p {
        color: #aaa69f !important;
    }

    body.s1688-cart-v2.woocommerce-cart .s1688-global-footer-v2 .s1688-services svg {
        color: #c9a45c !important;
    }
}
/* S1688 MOBILE HOME HERO + CART DARK FINISH END 20261008 */