/* ==========================================
   最高优先级样式文件 - 覆盖所有其他样式
   ========================================== */

/* 首页产品标题 - 最高优先级 */
.homeproduct .home-title {
    font-size: 36px !important;
    font-family: 'Bodoni Moda SC' !important;
    text-align: center !important;
    color: #849075 !important;
}

/* 幻灯片标题 - 最高优先级 */
.homebanner .text .title {
    font-family: 'Times New Roman' !important;
    font-style: italic !important;
    font-size: 45px !important;
    color: #FFFFFF !important;
    text-align: center !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
}


.homebagpic .item .text .title {
    font-size: 36px;
    font-family: 'Times New Roman';
    font-style: italic;
    padding-bottom: 30px;
}

/* Explore Collections 标题样式 - 最高优先级 */
.collection-box .home-title {
    font-family: 'Times New Roman' !important;
    font-style: italic !important;
    font-size: 36px !important;
    text-align: center !important;
    color: #849075 !important;
}

/* 产品详情页面包屑样式 - 最高优先级 */
.breadcrumb-wrapper {
    background-color: transparent !important;
    padding: 15px 0 !important;
    border-bottom: 0.5px solid #999 !important;
    margin-bottom: 0 !important;
}

.breadcrumb-wrapper .path {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

.breadcrumb-wrapper .path a {
    color: #666 !important;
    text-decoration: none !important;
    font-size: 12px !important;
}

.breadcrumb-wrapper .path a:hover {
    color: #849075 !important;
}

.breadcrumb-wrapper .path .iconfont {
    margin: 0 6px !important;
    font-size: 10px !important;
    color: #999 !important;
}

.breadcrumb-wrapper .path .current {
    color: #333 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

/* Shipping and Payments 点击样式 */
.additional .adtitle {
    transition: color 0.3s ease !important;
}

.additional .adtitle:hover {
    color: #849075 !important;
}

/* Product Detail 和 Shipping and Payments 板块间距 */
.additional {
    margin-bottom: 15px !important;
}

.additional:last-child {
    margin-bottom: 0 !important;
}

/* 产品亮点样式 */
.tags {
    margin-bottom: 20px !important;
}

.tags-content {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #666 !important;
}

.tags-content p {
    margin-bottom: 8px !important;
}

.tags-content ul {
    margin: 0 !important;
    padding-left: 20px !important;
}

.tags-content li {
    margin-bottom: 5px !important;
    list-style-type: disc !important;
}

/* New Collection 导航样式 */
.homenewcollection .newcollection-nav li {
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.homenewcollection .newcollection-nav li.on {
    font-weight: bold !important;
    color: #849075 !important;
}

/* New Collection区域完全禁用WOW.js动画，避免闪屏 */
.homenewcollection .wow {
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
}

.homenewcollection .wow.animated {
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
}

/* New Collection 切换效果 - 仅右侧图片淡入淡出；左侧即时切换且不重叠 */
.homenewcollection .newcollection-body {
    position: relative;
    overflow: visible;
}

.homenewcollection .newcollection-body .wrapper {
    position: relative;
    width: 100%;
    display: none;
}

.homenewcollection .newcollection-body .wrapper.active {
    display: flex;
}

/* 确保New Collection区域的所有元素立即可见 */
.homenewcollection .newcollection-body .wrapper.active .wow {
    visibility: visible !important;
    opacity: 1 !important;
}

/* 右侧图片覆盖白色图层淡出，避免瞬间出现 */
.homenewcollection .newcollection-body .wrapper .right {
    position: relative;
    overflow: hidden;
}
.homenewcollection .newcollection-body .wrapper .right::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    opacity: 1.5 !important;
    pointer-events: none;
    transition: opacity 1s ease-in-out;
    z-index: 9;
}
.homenewcollection .newcollection-body .wrapper .right.reveal::after {
    opacity: 0 !important;
}

/* 首屏加载：第一张不显示白层且无过渡 */
.homenewcollection .newcollection-body .wrapper .right.initial::after {
    opacity: 0 !important;
    transition: none !important;
}

/* 确保图片在白层之下显示 */
.homenewcollection .newcollection-body .wrapper .right img {
    display: block;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    position: relative;
    z-index: 1;
}

/* 确保链接层级低于白色覆盖层 */
.homenewcollection .newcollection-body .wrapper .right a {
    position: relative;
    z-index: 1;
}