/* 首先在根级别定义变量 */
:root {
    --gradient-primary: linear-gradient(96deg, #3C64E6 -12.03%, #FF393F 122.2%);
}

@media screen and (min-width: 1000px) {
    [id*="magnet_top_tabs_xReUaY"] {
        .shopify-section--unified-tabs.shopify-section {
            background-color: #000 !important;
        }

        .section-stack {
            background: rgba(255, 255, 255, 0.04);
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
            backdrop-filter: blur(6px);
        }
    }

    [id*="slideshow_new_WLXnAL"] {
        .text-custom {
            .h2 split-lines {
                font-weight: 800 !important;
                /* color: red!important; */
                font-family: Manrope !important;
                line-height: 1.2 !important;
                display: block !important;
                /* 使用CSS自定义属性穿透Shadow DOM */
                --line-height: 1.2;
            }

            .richtext-with-link p {
                font-weight: 500 !important;
                font-family: Manrope !important;
                font-size: 24px !important;
                /* color: red; */
            }

            .dreo-button {
                height: 48px !important;
            }

            .btn-content {
                font-size: 16px !important;
                font-weight: 600 !important;
                /* color: red; */
                font-family: Manrope !important;
            }
        }
    }

    [id*="newsletter_klaviyo_ATdRJt"] {
        .section.section-full.bg-custom {
            padding-block-start: 120px !important;
            padding-block-end: 0 !important;
        }

        .newsletter-klaviyo__checkbox {
            background-color: transparent !important;
            appearance: none !important;
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            position: relative !important;
            border: 1px solid #B7B7B7 !important;
        }

        .newsletter-klaviyo__checkbox:checked {
            border-color: #0051CF !important;
            background-color: transparent !important;
        }

        .newsletter-klaviyo__checkbox:checked::before {
            content: '✓' !important;
            position: absolute !important;
            left: 50% !important;
            top: 50% !important;
            transform: translate(-50%, -50%) !important;
            color: #ffffff !important;
            font-size: 12px !important;
            font-weight: bold !important;
            line-height: 1 !important;
        }

        .newsletter-klaviyo__input-group button {
            background-color: #fff !important;
            color: rgba(0, 0, 0, 0.21) !important;
        }

        .newsletter-klaviyo__input-group button:hover {
            background-color: #fff !important;
        }

        .newsletter-klaviyo__input-group button.active {
            background-color: #fff !important;
        }

        .newsletter-klaviyo__input-group input[type="email"],
        .newsletter-klaviyo__input {
            color: #FFFFFF !important;
        }

    }

    [id*="slideshow_mBQpWt"] {
        .slideshow__slide {
            border-radius: 16px !important;
        }

        .content-over-media {
            border-radius: 16px !important;
        }

        .slideshow__slide .content-over-media:before {
            border-radius: 16px !important;
        }

        .slideshow__slide .content-over-media::after {
            border-radius: 16px !important;
        }

        .slideshow.slideshow--boxed {
            padding-block-start: 0 !important;
            padding-block-end: 0 !important;
        }
    }


    [id*="mid_year_sale_product_collection_fl_F4BPFz"] {
        .mid-year-sale-product-fl-wrapper {
            background-color: #000 !important;
        }

        .mid-year-sale-product-fl-wrapper .card .card-body .buy-now-button:hover {
            color: #0F1734 !important;
        }

        .mid-year-sale-product-fl-wrapper .card .card-body .buy-now-button {
            color: #0F1734 !important;
        }

        .bg-mid-year-active {
            padding-top: 120px !important;
            padding-bottom: 120px !important;
        }

        .h1 {
            color: #fff !important;
            text-align: center !important;
            font-family: Manrope !important;
            font-size: 48px !important;
            font-style: normal !important;
            font-weight: 800 !important;
            line-height: 57.6px !important;
        }

        .mt-8 {
            margin-top: 60px !important;
        }

        .tag-wrapper,
        .card-body {
            background: var(--gradient-primary) !important;
            color: #fff !important;
        }

        .code-text,
        .code-text,
        .copy-code-button-mid-year {
            color: #fff !important;
        }

        .copy-code-button-mid-year {
            text-decoration: underline !important;
            text-decoration-color: #fff !important;
            cursor: pointer !important;
        }
    }

    [id*="mid_year_sale_product_collection_v2_fl_HmHW9k"],
    [id*="mid_year_sale_product_collection_v2_fl_e98xhQ"],
    [id*="mid_year_sale_product_collection_v2_fl_PAdL8T"],
    [id*="mid_year_sale_product_collection_v2_fl_GJgT96"] {
        .mid-year-sale-product-fl-wrapper {
            background-color: #000 !important;
            padding-top: 0 !important;
            padding-bottom: 120px !important;
        }

        .h1 {
            color: #fff !important;
            text-align: center !important;
            font-family: Manrope !important;
            font-size: 48px !important;
            font-style: normal !important;
            font-weight: 800 !important;
            line-height: 57.6px !important;
        }

        .mt-8 {
            margin-top: 60px !important;
        }

        .tag-wrapper {
            background: var(--gradient-primary) !important;
            color: #fff !important;
        }

        .card-body {
            background: #fff !important;
        }

        .price {
            color: #FF393F !important;
        }

        .code-label,
        .code-content {
            color: #777 !important;
        }

        .copy-code-button-mid-year {
            color: #FF393F !important;
            cursor: pointer;
        }

        .buy-now-button {
            background: var(--gradient-primary) !important;

        }

        .mid-year-sale-product-fl-wrapper.v2 .card .card-body .btn-wrapper .buy-now-button {
            border: none !important;

        }

        .buy-buttons button[type="submit"] {
            border: 2px solid transparent !important;
            border-image: var(--gradient-primary) !important;
            border-image-slice: 1 !important;


            background-image: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            /* 备用方案，某些浏览器需要 */
            -webkit-text-fill-color: transparent !important;
        }
    }



    [id*="mid_year_sale_product_introduce_fl_Wrx7HC"],
    [id*="mid_year_sale_product_introduce_fl_Gga7iq"],
    [id*="mid_year_sale_product_introduce_fl_CTQcq6"],
    [id*="mid_year_sale_product_introduce_fl_w3J6CJ"] {

        .discount-badge,
        .btn-learn-more {
            background: var(--gradient-primary) !important;
            color: #fff !important;
        }

        .current-price,
        .copy-link {
            color: #FF393F !important;
        }

        .btn-add-cart-wrapper .shopify-product-form .buy-buttons button[type="submit"] {
            border: 2px solid transparent !important;
            border-image: var(--gradient-primary) !important;
            border-image-slice: 1 !important;


            background-image: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            /* 备用方案，某些浏览器需要 */
            -webkit-text-fill-color: transparent !important;
        }
    }

    [id*="rich_text_NrktXi"] {
        .hyphenate {
            color: #1A1A1A !important;
            text-align: center !important;
            font-family: Manrope !important;
            font-size: 48px !important;
            font-style: normal !important;
            font-weight: 800 !important;
            line-height: 120% !important;
        }

        .section.section-full.bg-custom {
            padding-block-start: 120px !important;
            padding-block-end: 60px !important;
        }
    }

    [id*="rich_text_impMQM"] {
        .hyphenate {
            color: #1A1A1A !important;
            text-align: center !important;
            font-family: Manrope !important;
            font-size: 48px !important;
            font-style: normal !important;
            font-weight: 800 !important;
            line-height: 120% !important;
        }

        .section.section-full.bg-custom {
            padding-block-start: 120px !important;
            padding-block-end: 60px !important;
        }
    }

    [id*="mid_year_sale_countdown_db4cDa"] {
        .countdown .time-wrapper {
            background: var(--gradient-primary) !important;
        }

        .countdown .label-colon {
            background: transparent !important;
            color: #0F1734 !important;
        }

        .bg-custom {

            padding-bottom: 60px !important;
        }

        .hint-text {
            color: #0F1734 !important;
            font-family: Manrope !important;
            font-size: 24px !important;
            font-style: normal !important;
            font-weight: 800 !important;
            line-height: 120% !important;
        }

        .information-content .text {
            color: #0F1734 !important;
            font-family: Manrope !important;
            font-size: 72px !important;
            font-style: normal !important;
            font-weight: 200 !important;
            line-height: 120% !important;
            /* 86.4px */
        }
    }



}

@media screen and (max-width: 999px) {
    [id*="magnet_top_tabs_xReUaY"] {
        .shopify-section--unified-tabs.shopify-section {
            background-color: #000 !important;
        }

        .section-stack {
            background: rgba(255, 255, 255, 0.04);
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
            backdrop-filter: blur(6px);
        }
    }

    [id*="slideshow_new_WLXnAL"] {
        .text-custom {
            position: absolute !important;
            top: 16px !important;
            max-width: 342px !important;

            .h2 split-lines {
                font-weight: 800 !important;
                font-size: 28px !important;
                font-family: Manrope !important;
                line-height: 1.2 !important;
                display: block !important;
                /* 使用CSS自定义属性穿透Shadow DOM */
                --line-height: 1.2;
            }

            .richtext-with-link p {
                font-weight: 500 !important;
                font-family: Manrope !important;
                font-size: 16px !important;
            }

            .dreo-button {
                height: 40px !important;
            }

            .btn-content {
                font-size: 14px !important;
                font-weight: 600 !important;
                font-family: Manrope !important;
            }
        }
    }

    [id*="slideshow_mBQpWt"] {
        .slideshow--boxed {
            padding-block-start: 0 !important;
            padding-block-end: 64px !important;
        }
    }

    [id*="newsletter_klaviyo_ATdRJt"] {
        .section.section-full.bg-custom {
            padding-block-start: 0 !important;
            padding-block-end: 0 !important;
        }

        .newsletter-klaviyo__checkbox {
            background-color: transparent !important;
            appearance: none !important;
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            position: relative !important;
            border: 1px solid #B7B7B7 !important;
        }

        .newsletter-klaviyo__checkbox:checked {
            border-color: #0051CF !important;
            background-color: transparent !important;
        }

        .newsletter-klaviyo__checkbox:checked::before {
            content: '✓' !important;
            position: absolute !important;
            left: 50% !important;
            top: 50% !important;
            transform: translate(-50%, -50%) !important;
            color: #ffffff !important;
            font-size: 12px !important;
            font-weight: bold !important;
            line-height: 1 !important;
        }

        .newsletter-klaviyo__input-group button {
            background-color: #fff !important;
            color: rgba(0, 0, 0, 0.21) !important;
        }

        .newsletter-klaviyo__input-group button:hover {
            background-color: #fff !important;
        }

        .newsletter-klaviyo__input-group button.active {
            background-color: #fff !important;
        }

        .newsletter-klaviyo__input-group input[type="email"],
        .newsletter-klaviyo__input {
            color: #FFFFFF !important;
        }

    }

    [id*="rich_text_NrktXi"] {
        .hyphenate {
            color: #1A1A1A !important;
            text-align: center !important;
            font-family: Manrope !important;
            font-size: 26px !important;
            font-style: normal !important;
            font-weight: 800 !important;
            line-height: 120% !important;
        }

        .section.section-full.bg-custom {
            padding-block-start: 0 !important;
            padding-block-end: 32px !important;
        }
    }

    [id*="rich_text_impMQM"] {
        .hyphenate {
            color: #1A1A1A !important;
            text-align: center !important;
            font-family: Manrope !important;
            font-size: 26px !important;
            font-style: normal !important;
            font-weight: 800 !important;
            line-height: 120% !important;
        }

        .section.section-full.bg-custom {
            padding-block-start: 64px !important;
            padding-block-end: 32px !important;
        }
    }

    [id*="mid_year_sale_countdown_db4cDa"] {
        .countdown .time-wrapper {
            background: var(--gradient-primary) !important;
        }

        .countdown .label-colon {
            background: transparent !important;
            color: #0F1734 !important;
        }

        .bg-custom {

            padding-bottom: 32px !important;
        }

        .hint-text {
            color: #0F1734 !important;
            font-family: Manrope !important;
            font-size: 16px !important;
            font-style: normal !important;
            font-weight: 800 !important;
            line-height: 120% !important;
        }

        .information-content .text {
            color: #0F1734 !important;
            font-family: Manrope !important;
            font-size: 48px !important;
            font-style: normal !important;
            font-weight: 200 !important;
            line-height: 120% !important;
            /* 86.4px */
        }
    }

    [id*="mid_year_sale_product_introduce_fl_Wrx7HC"],
    [id*="mid_year_sale_product_introduce_fl_Gga7iq"],
    [id*="mid_year_sale_product_introduce_fl_CTQcq6"],
    [id*="mid_year_sale_product_introduce_fl_w3J6CJ"] {

        .discount-badge,
        .btn-learn-more {
            background: var(--gradient-primary) !important;
            color: #fff !important;
        }

        .current-price,
        .copy-link {
            color: #FF393F !important;
        }

        .bg-custom .mid-year-sale-product-introduce-fl-wrapper {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .btn-add-cart-wrapper .shopify-product-form .buy-buttons button[type="submit"] {
            border: 2px solid transparent !important;
            border-image: var(--gradient-primary) !important;
            border-image-slice: 1 !important;


            background-image: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            /* 备用方案，某些浏览器需要 */
            -webkit-text-fill-color: transparent !important;
        }
    }

    /* 兼容IOS16及以下的写法 start */
    [id*="mid_year_sale_product_introduce_fl_Wrx7HC"] .btn-learn-more,
    [id*="mid_year_sale_product_introduce_fl_Wrx7HC"] .discount-badge {
        background: var(--gradient-primary) !important;
        color: #fff !important;
    }

    [id*="mid_year_sale_product_introduce_fl_Gga7iq"] .btn-learn-more,
    [id*="mid_year_sale_product_introduce_fl_Gga7iq"] .discount-badge {
        background: var(--gradient-primary) !important;
        color: #fff !important;
    }

    [id*="mid_year_sale_product_introduce_fl_CTQcq6"] .btn-learn-more,
    [id*="mid_year_sale_product_introduce_fl_CTQcq6"] .discount-badge {
        background: var(--gradient-primary) !important;
        color: #fff !important;
    }

    [id*="mid_year_sale_product_introduce_fl_w3J6CJ"] .btn-learn-more,
    [id*="mid_year_sale_product_introduce_fl_w3J6CJ"] .discount-badge {
        background: var(--gradient-primary) !important;
        color: #fff !important;
    }

    /* 兼容IOS16及以下的写法 end */

    [id*="mid_year_sale_product_collection_fl_F4BPFz"] {
        .mid-year-sale-product-fl-wrapper {
            background-color: #000 !important;
        }

        .mid-year-sale-product-fl-wrapper .card .card-body .buy-now-button {
            color: #0F1734 !important;
        }

        .bg-mid-year-active {
            padding-top: 64px !important;
            padding-bottom: 64px !important;
        }

        .h1 {
            color: #fff !important;
            text-align: center !important;
            font-family: Manrope !important;
            font-size: 26px !important;
            font-style: normal !important;
            font-weight: 800 !important;
            line-height: 120% !important;
        }

        .mt-8 {
            margin-top: 32px !important;
        }

        .tag-wrapper,
        .card-body {
            background: var(--gradient-primary) !important;
            color: #fff !important;
        }

        .code-text,
        .code-text,
        .copy-code-button-mid-year {
            color: #fff !important;
        }

        .copy-code-button-mid-year {
            text-decoration: underline !important;
            text-decoration-color: #fff !important;
            cursor: pointer !important;
        }
    }

    [id*="mid_year_sale_product_collection_v2_fl_HmHW9k"],
    [id*="mid_year_sale_product_collection_v2_fl_e98xhQ"],
    [id*="mid_year_sale_product_collection_v2_fl_PAdL8T"],
    [id*="mid_year_sale_product_collection_v2_fl_GJgT96"] {
        .mid-year-sale-product-fl-wrapper {
            background-color: #000 !important;
            padding-top: 0 !important;
            padding-bottom: 64px !important;
        }

        .h1 {
            color: #fff !important;
            text-align: center !important;
            font-family: Manrope !important;
            font-size: 26px !important;
            font-style: normal !important;
            font-weight: 800 !important;
            line-height: 120% !important;
        }

        .mt-8 {
            margin-top: 32px !important;
        }

        .tag-wrapper {
            background: var(--gradient-primary) !important;
            color: #fff !important;
        }

        .card-body {
            background: #fff !important;
        }

        .price {
            color: #FF393F !important;
        }

        .code-label,
        .code-content {
            color: #777 !important;
        }

        .copy-code-button-mid-year {
            color: #FF393F !important;
            cursor: pointer;
        }

        .buy-now-button {
            background: var(--gradient-primary) !important;

        }

        .mid-year-sale-product-fl-wrapper.v2 .card .card-body .btn-wrapper .buy-now-button {
            border: none !important;

        }

        .buy-buttons button[type="submit"] {
            border: 2px solid transparent !important;
            border-image: var(--gradient-primary) !important;
            border-image-slice: 1 !important;


            background-image: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            /* 备用方案，某些浏览器需要 */
            -webkit-text-fill-color: transparent !important;
        }
    }
}