.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(https://xinyuanfashion.com/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(16,24,32);
}

:root{
--wd-text-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-title-font-weight:500;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:400;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Poppins", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:500;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(190,161,99);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-shop-bgcolor:rgb(190,161,99);
}
:root{
--btn-shop-bgcolor-hover:rgb(173,141,74);
}
:root{
--btn-accent-bgcolor:rgb(190,161,99);
}
:root{
--btn-accent-bgcolor-hover:rgb(173,141,74);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
	
	
			--wd-form-brd-radius: 0px;
	
	--wd-form-brd-width: 2px;

	--btn-default-color: #333;
	--btn-default-color-hover: #333;

	--btn-shop-color: #fff;
	--btn-shop-color-hover: #fff;

	--btn-accent-color: #fff;
	--btn-accent-color-hover: #fff;
			--btn-default-brd-radius: 0px;
		--btn-default-box-shadow: none;
		--btn-default-box-shadow-hover: none;
		--btn-default-box-shadow-active: none;
		--btn-default-bottom: 0px;
	
	
			--btn-accent-brd-radius: 0px;
		--btn-accent-box-shadow: none;
		--btn-accent-box-shadow-hover: none;
		--btn-accent-box-shadow-active: none;
		--btn-accent-bottom: 0px;
	
	
			--btn-shop-bottom-active: -1px;
		--btn-shop-brd-radius: 0.001px;
		--btn-shop-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
		--btn-shop-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
	
	
	
	
	
	
	
	
		}

	
	
	/* Site width */
		/* Header Boxed */
	@media (min-width: 1025px) {
		.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
			max-width: 1570px;
		}
	}

	.container {
		max-width: 1600px;
	}
	
	
		.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1570px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1580px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1590px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1600px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1610px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1630px;
		}

		@media (min-width: 1617px) {

			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}

		@media (min-width: 1600px) {

			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}

	
	/* Quick view */
	div.wd-popup.popup-quick-view {
		max-width: 920px;
	}




	.woodmart-woocommerce-layered-nav .wd-scroll-content {
		max-height: 223px;
	}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//xinyuanfashion.com/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=6.4.2") format("woff2");
	font-display:swap;
}

/* ======================================================
   XINYUAN FASHION HERO BANNER V3

   适用于：
   - WordPress
   - WoodMart
   - Elementor
   - LiteSpeed Cache
   - Google PageSpeed
   - 移动端 / 桌面端
====================================================== */


/* ======================================================
   1. Banner 最外层
====================================================== */

#header-v1-section {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #f2f2f2;
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}


/* Banner 内所有元素统一使用 border-box */

#header-v1-section *,
#header-v1-section *::before,
#header-v1-section *::after {
    box-sizing: border-box;
}


/* ======================================================
   2. Banner 内容宽度
====================================================== */

#header-v1-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}


/* ======================================================
   3. 桌面端双栏布局
====================================================== */

#header-v1-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 40px;

    /*
     * 为桌面端 Banner 预留稳定高度，
     * 减少图片和字体加载后的布局移动。
     */
    min-height: 720px;
}


/* ======================================================
   4. 左侧文字区域
====================================================== */

#header-v1-content {
    position: relative;
    z-index: 2;

    flex: 1 1 500px;

    width: 100%;
    max-width: 600px;
    min-width: 320px;
}


/* ======================================================
   5. 打字标题
====================================================== */

#header-v1-title {
    /*
     * 使用 inline-flex：
     * 让文字和光标始终在同一行，
     * 光标紧跟在当前单词末尾。
     */
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-start;

    /*
     * 固定整个标题区域宽度，而不是固定 #typed 宽度。
     * 这样光标紧跟文字，同时不同单词不会推动其他内容。
     */
    width: 12ch;
    min-width: 12ch;
    min-height: 1.2em;

    margin: 0 0 20px;
    padding: 0;

    color: #333333;

    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.2;

    white-space: nowrap;
}


/*
 * 重要：
 * 这里不能再设置 min-width: 11ch。
 * 否则光标会跑到预留宽度的最右边。
 */

#typed {
    display: inline;
    width: auto;
    min-width: 0;

    color: #ed7d31;

    font: inherit;
    font-weight: 700;
    line-height: inherit;

    white-space: nowrap;
}


/* 打字光标 */

.cursor {
    display: inline-block;
    flex: 0 0 auto;

    margin-left: 0.06em;

    color: #ed7d31;

    font: inherit;
    font-weight: 700;
    line-height: inherit;

    animation: headerV1CursorBlink 0.8s steps(1, end) infinite;
}


/* 光标只改变透明度，不改变尺寸和布局 */

@keyframes headerV1CursorBlink {
    0%,
    49% {
        opacity: 1;
    }

    50%,
    100% {
        opacity: 0;
    }
}


/* 减少动画模式：尊重用户系统设置 */

@media (prefers-reduced-motion: reduce) {
    .cursor {
        animation: none;
        opacity: 1;
    }
}


/* ======================================================
   6. 副标题
====================================================== */

#header-v1-subtitle {
    margin: 10px 0 20px;
    padding: 0;

    color: #555555;

    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.35;
}


/* YOUR 强调颜色 */

#header-v1-subtitle strong {
    color: #c65e18;
    font-weight: 700;
}


/* ======================================================
   7. 描述文字
====================================================== */

#header-v1-description {
    display: block;
    margin: 0;
    padding: 0;
}


.desc-heading {
    margin: 0 0 10px;
    padding: 0;

    color: #333333;

    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.6;
}


.desc-text {
    margin: 0 0 24px;
    padding: 0;

    color: #555555;

    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.7;

    word-break: normal;
    overflow-wrap: break-word;
}


/* ======================================================
   8. Get Started 按钮
====================================================== */

#header-v1-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 180px;
    min-height: 52px;

    margin: 0;
    padding: 14px 32px;

    border: 0;
    border-radius: 8px;

    background-color: #ed7d31;
    color: #ffffff;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);

    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.3;

    text-align: center;
    text-decoration: none;

    cursor: pointer;

    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.2s ease;
}


#header-v1-btn:hover,
#header-v1-btn:focus-visible {
    background-color: #d66a23;
    color: #ffffff;

    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);

    transform: translateY(-2px);

    text-decoration: none;
}


#header-v1-btn:focus-visible {
    outline: 3px solid rgba(198, 94, 24, 0.35);
    outline-offset: 3px;
}


/* ======================================================
   9. 右侧人物图片区域
====================================================== */

#header-v1-image {
    display: flex;
    flex: 1 1 400px;

    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 756px;

    /*
     * 桌面图片真实比例：756 × 876
     */
    aspect-ratio: 756 / 876;

    margin: 0 auto;
    padding: 0;
}


#header-v1-image picture {
    display: block;

    width: 100%;
    max-width: 756px;

    aspect-ratio: 756 / 876;

    margin: 0 auto;
    padding: 0;
}


#header-v1-image img {
    display: block;

    width: 100%;
    max-width: 756px;
    height: auto;

    aspect-ratio: 756 / 876;

    margin: 0 auto;
    padding: 0;

    object-fit: contain;
}


/* ======================================================
   10. 平板和手机端
====================================================== */

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

    #header-v1-wrapper {
        padding: 24px 16px;
    }


    #header-v1-grid {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;

        gap: 24px;

        /*
         * 手机端由实际内容决定高度。
         */
        min-height: 0;
    }


    #header-v1-content {
        flex: 0 0 auto;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        text-align: center;
    }


    /*
     * 手机端标题保持固定占位宽度，
     * 但光标仍紧跟文字。
     */

    #header-v1-title {
        display: inline-flex;

        width: 12ch;
        min-width: 12ch;
        min-height: 1.2em;

        margin: 0 auto 12px;

        font-size: 2.2rem;
        line-height: 1.2;
    }


    #header-v1-subtitle {
        margin: 8px 0 16px;

        font-size: 1.3rem;
        line-height: 1.4;
    }


    .desc-heading {
        margin-bottom: 8px;

        font-size: 1.1rem;
        line-height: 1.5;
    }


    .desc-text {
        margin-bottom: 20px;

        font-size: 0.95rem;
        line-height: 1.6;
    }


    #header-v1-btn {
        width: 100%;
        min-width: 0;
        min-height: 50px;

        padding: 14px 20px;

        font-size: 1rem;
    }


    /*
     * 手机图片真实尺寸：400 × 463
     */

    #header-v1-image {
        flex: 0 0 auto;

        width: 100%;
        max-width: 400px;

        aspect-ratio: 400 / 463;

        margin: 0 auto;
    }


    #header-v1-image picture {
        width: 100%;
        max-width: 400px;

        aspect-ratio: 400 / 463;

        margin: 0 auto;
    }


    #header-v1-image img {
        width: 100%;
        max-width: 400px;
        height: auto;

        aspect-ratio: 400 / 463;

        margin: 0 auto;

        object-fit: contain;
    }

}


/* ======================================================
   11. 小屏幕手机
====================================================== */

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

    #header-v1-wrapper {
        padding: 20px 14px 24px;
    }


    #header-v1-grid {
        gap: 20px;
    }


    #header-v1-title {
        font-size: 2rem;
    }


    #header-v1-subtitle {
        font-size: 1.2rem;
    }


    .desc-text {
        font-size: 0.92rem;
    }

}


/* ======================================================
   12. WoodMart 兼容性
====================================================== */

.main-page-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


.whb-header {
    margin-bottom: 0 !important;
}


.website-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/*
 * 未登录访客不应存在 WordPress Admin Bar 顶部偏移。
 */

html:not(.logged-in) {
    margin-top: 0 !important;
}