@media screen and (max-width:500px) {
	BODY > #backstage-bodyArea > #outerContainer_1682227090827 > DIV > DIV > #column_1682227085095 > #location_1682227085097 > #component_ntpWaLuNyAbO > DIV > DIV {
	border-right-width:0px !important;
}
BODY > #backstage-bodyArea > #outerContainer_1682227090827 > DIV > DIV > #column_1682227090935 > #location_1682227090936 > #component_udKWuVkiSAJj > DIV > DIV {
	border-right-width:0px !important;
}
}
@media screen and (max-width:500px) {
	BODY > #backstage-footArea > #outerContainer_1682214841827 > DIV > DIV > #column_1682214837535 > #location_1682214837538 > #component_ugUruBtIEmJZ > DIV > DIV > DIV {
	display:none !important;
}
BODY > #backstage-footArea > #outerContainer_1682214841827 > DIV > DIV > #column_1682214837535 > DIV:nth-child(2) > #column_1682215522604 {
	display:none !important;
}
BODY > #backstage-footArea > #outerContainer_1682214841827 > DIV > DIV > #column_1682214846761 > #location_1682214846762 > #component_uHfhkgESjICZ > DIV > DIV > DIV {
	display:none !important;
}
BODY > #backstage-footArea > #outerContainer_1682214841827 > DIV > DIV > #column_1682214846761 > DIV:nth-child(2) > #column_1682215526309 > #location_1682215526311 > #component_sCUMFqteARJO > DIV > DIV > DIV {
	display:none !important;
}
BODY > #backstage-footArea > #outerContainer_1682214841827 > DIV > DIV > #column_1682214846761 > DIV:nth-child(2) > #column_1682215526309 {
	display:none !important;
}
BODY > #backstage-footArea > #outerContainer_1682214841827 > DIV > DIV > #column_1682214837535 {
	padding-top:0px !important;
	padding-bottom:0px !important;
}
BODY > #backstage-footArea > #outerContainer_1682214841827 > DIV > DIV > #column_1682214846761 > DIV:nth-child(2) > #column_1682215538815 {
	padding-bottom:0px !important;
	padding-top:0px !important;
}
BODY > #backstage-footArea > #outerContainer_1682214841827 > DIV > DIV > #column_1682215092987 > #location_1682215092988 > #component_mpAWFVjyuUIE > DIV > DIV > DIV {
	display:none !important;
}
BODY > #backstage-footArea > #outerContainer_1682214841827 > DIV > DIV > #column_1682215092987 > DIV:nth-child(2) > #column_1682215568189 > #location_1682215568191 > #component_rCfhuLOTpolt > DIV > DIV > DIV {
	display:none !important;
}
BODY > #backstage-footArea > #outerContainer_1682214841827 > DIV > DIV > #column_1682215092987 > DIV:nth-child(2) > #column_1682215568189 {
	display:none !important;
}
BODY > #backstage-footArea > #outerContainer_1682214841827 > DIV > DIV > #column_1682215092987 > DIV:nth-child(2) > #column_1682215572887 {
	padding-top:0px !important;
	padding-bottom:0px !important;
}
}
@media screen and (max-width:500px) {
	BODY > #backstage-footArea > #outerContainer_1682231688621 > DIV > DIV > #column_1682231681942 > #location_1682231681945 > #component_tRACkVEeBhTO > DIV > DIV > DIV {
	display:block !important;
}
}
BODY > #backstage-bodyArea > #outerContainer_1438761742724 > DIV > DIV > #column_1438761645157 > #location_1438761645159 > #component_eNKMuACWLiRZ > DIV > DIV > DIV > DIV > SPAN > SPAN {
	font-size:16px !important;
	color:rgb(51,51,51) !important;
	font-weight:400 !important;
}
@media screen and (max-width:500px) {
	BODY > #backstage-bodyArea > #outerContainer_1453369356737 > DIV > DIV > #column_1453369492832 > #location_1453369492833 > #component_fpUhaKWCMPSO > DIV {
	padding-top:20px !important;
}
}
BODY > #backstage-bodyArea > #outerContainer_1417156245726 > DIV > DIV > #column_58f5fabd9bda4a5baab068879312c14b > #location_1417156157124 > #component_fRfWPKCMBEsO > DIV > DIV:nth-child(2) > DIV > STRONG:nth-child(1) > SPAN {
	font-weight:400 !important;
}
@media screen and (max-width:500px) {
	#ls-global > #backstage-bodyArea > #outerContainer_1452503458757 > DIV > DIV > #column_1452503446638 > #location_1452503446640 > #component_sTAWPBcaDlgZ > DIV > DIV > DIV:nth-child(2) {
	line-height:41px !important;
}
#ls-global > #backstage-bodyArea > #outerContainer_1682237726593 > DIV > DIV > #column_1682237740316 > DIV:nth-child(2) > #column_1682308405685 > #location_1682308405686 > #component_wJKCaLRPNnsZ > DIV > DIV > DIV:nth-child(2) {
	line-height:41px !important;
}
#ls-global > #backstage-bodyArea > #siteblocks-setting-wrap-uyfMkVHPmsiE > DIV > DIV > DIV > DIV:nth-child(1) > DIV:nth-child(1) > P > SPAN > SPAN > SPAN {
	font-weight:bold !important;
}
}
@media screen and (max-width:500px) {
	#ls-global > #backstage-bodyArea > #outerContainer_1682236636308 > DIV > DIV > #column_1682236619455 > #location_1682236619458 > #component_nmUWFVbhGMiZ > DIV > DIV {
	padding-bottom:10px !important;
}
}
@media screen and (max-width:500px) {
	#ls-global > #backstage-bodyArea > #outerContainer_1682303366342 > DIV > DIV > #column_1682306144923 > #location_1682306144924 > #component_zHphuBRPSjGE > DIV > DIV > DIV > #picture-wrap-zHphuBRPSjGE > A > IMG {
	padding-top:20px !important;
}
}
@media screen and (max-width:500px) {
	#ls-global > #backstage-bodyArea > #siteblocks-setting-wrap-uyfMkVHPmsiE > DIV > DIV > DIV > DIV:nth-child(1) > DIV:nth-child(1) > P {
	padding-top:0px !important;
}
}
#ls-global > #backstage-bodyArea > #siteblocks-setting-wrap-uyfMkVHPmsiE > DIV > DIV > DIV > DIV:nth-child(1) > DIV:nth-child(1) > P > SPAN > SPAN > SPAN {
	font-weight:bold !important;
}
@media screen and (max-width:1000px){
  .block10284{
  	height: 70px !important;
  }
  #siteblocks-setting-wrap-kAKhkLtROmBj > div > div > div > div > div.wra > div.navCenter2 > div > div.backstage-blocksEditor-wrap.navigation.navStyle{
  	margin-left:0px !important;
  }
}

/* REINA Homepage Hero Animation */

/* 标题淡入并从左侧进入 */
.siteblocks-header-banner .banner-name {
    max-width: 560px;
    font-size: 42px;
    line-height: 1.2;
    letter-spacing: 1px;
    animation: reinaTitleIn 1s ease-out both;
}

/* 描述延迟淡入 */
.siteblocks-header-banner .banner-docs {
    animation: reinaDescIn 1s ease 0.3s both;
}

/* 按钮过渡效果 */
.siteblocks-header-banner .moreBtn {
    transition: all 0.3s ease;
}

/* 按钮悬停红色光效 */
.siteblocks-header-banner .moreBtn:hover {
    color: #ffffff;
    background-color: #a71925;
    border-color: #c52b38;
    box-shadow: 0 0 18px rgba(197, 43, 56, 0.4);
    transform: translateY(-3px);
}

@keyframes reinaTitleIn {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes reinaDescIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 手机端适配 */
@media screen and (max-width: 767px) {
    .siteblocks-header-banner .banner-name {
        font-size: 30px;
        line-height: 1.3;
        max-width: 95%;
    }

    .siteblocks-header-banner .banner-docs {
        font-size: 14px;
        line-height: 1.6;
    }
}

/* 减少动态效果 */
@media (prefers-reduced-motion: reduce) {
    .siteblocks-header-banner .banner-name,
    .siteblocks-header-banner .banner-docs {
        animation: none;
    }

    .siteblocks-header-banner .moreBtn {
        transition: none;
    }
}

/* REINA: Keep the homepage hero static */
.siteblocks-header-banner .unslider-carousel {
    width: 100% !important;
    margin-left: 0 !important;
    left: 0 !important;
    transform: none !important;
    transition: none !important;
}

/* Hide automatically generated carousel clones */
.siteblocks-header-banner .unslider-carousel > li.unslider-clone {
    display: none !important;
}

/* Keep the remaining original slide full width */
.siteblocks-header-banner .unslider-carousel > li:not(.unslider-clone) {
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
}

/* Hide carousel navigation dots */
.siteblocks-header-banner .unslider-nav {
    display: none !important;
}

/* REINA: Refine homepage hero headline */
.siteblocks-header-banner .banner-name {
    width: 340px !important;
    max-width: 340px !important;
    font-size: 40px !important;
    line-height: 1.25 !important;
    letter-spacing: 1px !important;
}

@media screen and (max-width: 768px) {
    .siteblocks-header-banner .banner-name {
        width: 280px !important;
        max-width: 280px !important;
        font-size: 28px !important;
    }
}

/* REINA: Hide hero carousel pagination */
#backstage-bodyArea .siteblocks-header-banner nav.unslider-nav,
#backstage-bodyArea .siteblocks-header-banner .unslider-nav {
    display: none !important;
}

/* REINA HERO — Typography and spacing */

.siteblocks-header-banner .banner-name {
    max-width: 560px !important;
    font-size: 42px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 18px !important;
}

.siteblocks-header-banner .banner-docs {
    max-width: 720px !important;
    font-size: 20px !important;
    line-height: 1.6 !important;
    color: #d0d2d6 !important;
    margin-bottom: 22px !important;
}

/* Primary CTA */
.siteblocks-header-banner .moreBtn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 24px !important;
    border-radius: 9px !important;
    background: #c51f3a !important;
    border: 1px solid #c51f3a !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background .3s ease,
                transform .3s ease,
                box-shadow .3s ease !important;
}

.siteblocks-header-banner .moreBtn:hover {
    background: #a8172e !important;
    border-color: #a8172e !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(197,31,58,.25);
}

/* Mobile */
@media screen and (max-width: 768px) {
    .siteblocks-header-banner .banner-name {
        max-width: 100% !important;
        font-size: 32px !important;
    }

    .siteblocks-header-banner .banner-docs {
        font-size: 16px !important;
    }

    .siteblocks-header-banner .moreBtn {
        min-height: 48px;
        padding: 0 18px !important;
        font-size: 14px !important;
    }
}

/* REINA HERO - Desktop */
.siteblocks-header-banner .banner-name {
    max-width: 560px !important;
    font-size: 42px !important;
    line-height: 1.3 !important;
    letter-spacing: 0px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 18px !important;
}

.siteblocks-header-banner .banner-docs {
    max-width: 720px !important;
    font-size: 20px !important;
    line-height: 1.6 !important;
    color: #d0d2d6 !important;
    margin-bottom: 22px !important;
}

.siteblocks-header-banner .moreBtn {
    display: inline-block !important;
    padding: 18px 24px !important;
    border-radius: 9px !important;
    background-color: #c51f3a !important;
    border: 1px solid #c51f3a !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.siteblocks-header-banner .moreBtn:hover {
    background-color: #a8172e !important;
    border-color: #a8172e !important;
}

/* Mobile */
@media screen and (max-width: 768px) {
    .siteblocks-header-banner .banner-name {
        max-width: 100% !important;
        font-size: 30px !important;
    }

    .siteblocks-header-banner .banner-docs {
        font-size: 16px !important;
    }

    .siteblocks-header-banner .moreBtn {
        padding: 14px 18px !important;
        font-size: 14px !important;
    }
}

/* REINA HERO - Button refinement */
.siteblocks-header-banner .moreBtn {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 24px !important;
    line-height: 54px !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

/* REINA HERO - Brand eyebrow */
.siteblocks-header-banner .banner-name:before {
    content: "REINA · OEM/ODM COSMETICS";
    display: block;
    margin-bottom: 20px;
    color: #c6c8cc;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
}

@media screen and (max-width: 768px) {
    .siteblocks-header-banner .moreBtn {
        height: 48px !important;
        min-height: 48px !important;
        line-height: 46px !important;
        padding: 0 18px !important;
    }

    .siteblocks-header-banner .banner-name:before {
        font-size: 13px;
        margin-bottom: 14px;
    }
}


/* REINA - Enhanced Luxury Sunlight */
.siteblocks-header-banner {
    position: relative !important;
    isolation: isolate;
}

.siteblocks-header-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;

    background:
        radial-gradient(
            ellipse 48% 75% at 32% 48%,
            rgba(255, 255, 255, 0.28) 0%,
            rgba(235, 243, 255, 0.18) 24%,
            rgba(255, 255, 255, 0.07) 48%,
            transparent 72%
        ),
        linear-gradient(
            108deg,
            transparent 15%,
            rgba(255, 255, 255, 0.03) 28%,
            rgba(255, 255, 255, 0.22) 42%,
            rgba(255, 255, 255, 0.34) 48%,
            rgba(255, 255, 255, 0.12) 55%,
            transparent 70%
        );

    background-size: 190% 180%, 240% 100%;
    background-position: 0% 50%, 100% 50%;
    mix-blend-mode: screen;
    opacity: 0.8;
    animation: reinaSunlightFlow 10s ease-in-out infinite alternate;
}

@keyframes reinaSunlightFlow {
    0% {
        background-position: 0% 40%, 100% 50%;
        opacity: 0.4;
    }

    35% {
        background-position: 35% 60%, 65% 50%;
        opacity: 0.95;
    }

    70% {
        background-position: 70% 42%, 30% 50%;
        opacity: 0.65;
    }

    100% {
        background-position: 100% 55%, 0% 50%;
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .siteblocks-header-banner::after {
        animation: none;
    }
}