.elementor-30369 .elementor-element.elementor-element-757e2b2{--display:flex;}.elementor-30369 .elementor-element.elementor-element-7ae9637{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;border-style:none;--border-style:none;}.elementor-30369 .elementor-element.elementor-element-7ae9637:not(.elementor-motion-effects-element-type-background), .elementor-30369 .elementor-element.elementor-element-7ae9637 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-30369 .elementor-element.elementor-element-7ae9637::before, .elementor-30369 .elementor-element.elementor-element-7ae9637 > .elementor-background-video-container::before, .elementor-30369 .elementor-element.elementor-element-7ae9637 > .e-con-inner > .elementor-background-video-container::before, .elementor-30369 .elementor-element.elementor-element-7ae9637 > .elementor-background-slideshow::before, .elementor-30369 .elementor-element.elementor-element-7ae9637 > .e-con-inner > .elementor-background-slideshow::before, .elementor-30369 .elementor-element.elementor-element-7ae9637 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#111111;--background-overlay:'';}.elementor-30369 .elementor-element.elementor-element-9b933fe{--display:flex;}.elementor-30369 .elementor-element.elementor-element-e5b37ad{--grid-columns:4;}.elementor-30369 .elementor-element.elementor-element-e5b37ad .elementor-repeater-item-6502f00{grid-column:span min( 2, var(--grid-columns) );}.elementor-30369 .elementor-element.elementor-element-bc19f98{--display:flex;}.elementor-30369 .elementor-element.elementor-element-d6b1f31{--grid-columns:4;}.elementor-30369 .elementor-element.elementor-element-d6b1f31 .elementor-repeater-item-6502f00{grid-column:span min( 2, var(--grid-columns) );}.elementor-30369 .elementor-element.elementor-element-4e7fe04{--display:flex;}.elementor-30369 .elementor-element.elementor-element-ee0268e{--grid-columns:4;}.elementor-30369 .elementor-element.elementor-element-ee0268e .elementor-repeater-item-6502f00{grid-column:span min( 2, var(--grid-columns) );}.elementor-30369 .elementor-element.elementor-element-6b1ed59{--display:flex;}.elementor-30369 .elementor-element.elementor-element-abd3645{--grid-columns:4;}.elementor-30369 .elementor-element.elementor-element-abd3645 .elementor-repeater-item-6502f00{grid-column:span min( 2, var(--grid-columns) );}.elementor-30369 .elementor-element.elementor-element-11e9485{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-30369 .elementor-element.elementor-element-7ae9637{--content-width:1200px;}}@media(max-width:1024px){.elementor-30369 .elementor-element.elementor-element-e5b37ad{--grid-columns:2;}.elementor-30369 .elementor-element.elementor-element-e5b37ad .elementor-repeater-item-6502f00{grid-column:span min( 2, var(--grid-columns) );}.elementor-30369 .elementor-element.elementor-element-d6b1f31{--grid-columns:2;}.elementor-30369 .elementor-element.elementor-element-d6b1f31 .elementor-repeater-item-6502f00{grid-column:span min( 2, var(--grid-columns) );}.elementor-30369 .elementor-element.elementor-element-ee0268e{--grid-columns:2;}.elementor-30369 .elementor-element.elementor-element-ee0268e .elementor-repeater-item-6502f00{grid-column:span min( 2, var(--grid-columns) );}.elementor-30369 .elementor-element.elementor-element-abd3645{--grid-columns:2;}.elementor-30369 .elementor-element.elementor-element-abd3645 .elementor-repeater-item-6502f00{grid-column:span min( 2, var(--grid-columns) );}}@media(max-width:767px){.elementor-30369 .elementor-element.elementor-element-e5b37ad{--grid-columns:2;--grid-row-gap:15px;--grid-column-gap:20px;}.elementor-30369 .elementor-element.elementor-element-e5b37ad .elementor-repeater-item-6502f00{grid-column:span min( 2, var(--grid-columns) );}.elementor-30369 .elementor-element.elementor-element-e5b37ad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30369 .elementor-element.elementor-element-bc19f98{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-30369 .elementor-element.elementor-element-d6b1f31{--grid-columns:2;--grid-row-gap:15px;--grid-column-gap:20px;}.elementor-30369 .elementor-element.elementor-element-d6b1f31 .elementor-repeater-item-6502f00{grid-column:span min( 2, var(--grid-columns) );}.elementor-30369 .elementor-element.elementor-element-d6b1f31 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30369 .elementor-element.elementor-element-ee0268e{--grid-columns:2;--grid-row-gap:15px;--grid-column-gap:20px;}.elementor-30369 .elementor-element.elementor-element-ee0268e .elementor-repeater-item-6502f00{grid-column:span min( 2, var(--grid-columns) );}.elementor-30369 .elementor-element.elementor-element-ee0268e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30369 .elementor-element.elementor-element-abd3645{--grid-columns:2;--grid-row-gap:15px;--grid-column-gap:20px;}.elementor-30369 .elementor-element.elementor-element-abd3645 .elementor-repeater-item-6502f00{grid-column:span min( 2, var(--grid-columns) );}.elementor-30369 .elementor-element.elementor-element-abd3645 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30369 .elementor-element.elementor-element-11e9485{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-30369 .elementor-element.elementor-element-11e9485 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for nested-tabs, class: .elementor-element-11e9485 *//* === PODAURORA: Urban Tabs 样式重置 === */

/* 1. 容器：去除默认边框，设为透明 */
.urban-tabs .e-n-tabs-heading {
    background-color: transparent !important;
    border: none !important;
    /* 下面是居中布局，如果想要左对齐改成 flex-start */
    justify-content: center !important; 
    gap: 40px !important; /* 按钮之间的间距 */
    border-bottom: 1px solid rgba(0,0,0,0.05) !important; /* 极淡的底线 */
    margin-bottom: 30px !important;
    padding: 0 !important;
}

/* 2. 按钮主体：去掉默认的卡片样式，改为纯文字 */
.urban-tabs .e-n-tab-title {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 0 15px 0 !important; /* 只留底部的空间给下划线 */
    margin: 0 !important;
    
    /* 文字样式 */
    font-family: 'Inter', sans-serif !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #999999 !important; /* 默认灰色 */
    transition: 0.3s all ease !important;
    
    /* 关键：用 border-bottom 做下划线动画 */
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
}

/* 3. 激活状态 (Active) & 悬停状态 (Hover) */
/* Elementor Tabs 的激活状态属性是 aria-selected="true" */
.urban-tabs .e-n-tab-title:hover,
.urban-tabs .e-n-tab-title[aria-selected="true"] {
    color: #1a1a1a !important; /* 激活变黑 (或改为 var(--pod-accent)) */
    border-bottom-color: #D4AF37 !important; /* 激活显示金色下划线 */
}

/* 4. 内容区域：去掉默认的内边距 */
/* 这一步很重要，不然你的 Loop Grid 旁边会有白边 */
.urban-tabs .e-n-tabs-content {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* 5. 📱 手机端适配：横向滑动 */
/* === 5. 📱 手机端适配：强制横向滑动 (修复版) === */
@media (max-width: 768px) {
    .urban-tabs .e-n-tabs-heading {
        /* 核心修复：强制横向排列，不许变竖排 */
        display: flex !important;
        flex-direction: row !important; 
        
        /* 保持单行，不许换行 */
        flex-wrap: nowrap !important;
        
        /* 对齐与滑动 */
        justify-content: flex-start !important; 
        overflow-x: auto !important; 
        overflow-y: hidden !important; /* 防止上下晃动 */
        
        /* 间距调整 */
        gap: 10px !important;
        padding-left: 10px !important; /* 左侧留白 */
        padding-right: 10px !important; /* 右侧留白，防止最后一个贴边 */
        padding-bottom: 10px !important; /* 给滚动条留空间 */
        margin-bottom: 20px !important;
        
        /* 隐藏滚动条 (美观) */
        -webkit-overflow-scrolling: touch; /* 丝滑滚动 */
        scrollbar-width: none; 
    }
    
    /* 隐藏 Chrome/Safari 的滚动条 */
    .urban-tabs .e-n-tabs-heading::-webkit-scrollbar {
        display: none;
    }
    
    /* 修复按钮样式，防止被压缩 */
    .urban-tabs .e-n-tab-title {
        flex-shrink: 0 !important; /* 关键：禁止按钮缩水 */
        width: auto !important;    /* 宽度自适应 */
        white-space: nowrap !important; /* 文字不换行 */
        
        /* 手机上字号稍微调小一点 */
        font-size: 0.8rem !important;
    }
}





/* === PODAURORA: Dark Mode Tabs (暗黑版选项卡) === */
/* 请在 Elementor Tabs 组件 -> 高级 -> CSS 类 中填入: pa-dark-tabs */

/* 1. 容器：底线变浅白 */
.pa-dark-tabs .e-n-tabs-heading {
    background-color: transparent !important;
    border: none !important;
    justify-content: center !important; 
    gap: 50px !important; 
    
    /* 关键：底线改为极淡的白色透明度，而不是黑色 */
    border-bottom: 1px solid rgba(255,255,255,0.1) !important; 
    
    margin-bottom: 40px !important;
    padding: 0 !important;
}

/* 2. 按钮主体：默认浅灰色 */
.pa-dark-tabs .e-n-tab-title {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 0 15px 0 !important;
    margin: 0 !important;
    
    /* 文字样式 */
    font-family: 'Lato', sans-serif !important; /* 改用 Lato 配合全站 */
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    
    /* 关键：默认颜色改为深灰 (在黑底上看起来是暗淡的白) */
    color: #666666 !important; 
    
    transition: 0.3s all ease !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
}

/* 3. 激活状态 & 悬停状态：变白 + 金线 */
.pa-dark-tabs .e-n-tab-title:hover,
.pa-dark-tabs .e-n-tab-title[aria-selected="true"] {
    /* 关键：激活变纯白 */
    color: #ffffff !important; 
    
    /* 关键：下划线保持品牌金 */
    border-bottom-color: #D4AF37 !important; 
}

/* 4. 内容区域清零 */
.pa-dark-tabs .e-n-tabs-content {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* 5. 📱 手机端适配：横向滑动 (暗黑版) */
@media (max-width: 768px) {
    .pa-dark-tabs .e-n-tabs-heading {
        display: flex !important;
        flex-direction: row !important; 
        flex-wrap: nowrap !important;
        justify-content: flex-start !important; 
        overflow-x: auto !important; 
        overflow-y: hidden !important;
        
        gap: 20px !important;
        padding-left: 20px !important; 
        padding-right: 20px !important;
        padding-bottom: 0 !important; /* 手机上去掉底部留白，紧凑点 */
        margin-bottom: 20px !important;
        
        /* 仍然保留底线，作为轨道参考 */
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; 
    }
    .pa-dark-tabs .e-n-tabs-heading::-webkit-scrollbar { display: none; }
    
    .pa-dark-tabs .e-n-tab-title {
        flex-shrink: 0 !important;
        width: auto !important;
        white-space: nowrap !important;
        font-size: 0.8rem !important;
        padding-bottom: 12px !important; /* 调整点击区域 */
    }
}




/* === 🌙 暗黑板块内部：强制 Loop Grid 变色 === */

/* 1. 标题变白 */
.pa-dark-tabs .elementor-loop-container h2,
.pa-dark-tabs .elementor-loop-container h3,
.pa-dark-tabs .elementor-loop-container .elementor-heading-title,
.pa-dark-tabs .woocommerce-loop-product__title {
    color: #ffffff !important; /* 强制纯白 */
    text-shadow: 0 2px 5px rgba(0,0,0,0.5); /* 加一点阴影，防背景干扰 */
}

/* 2. 价格颜色微调 (可选) */
/* 如果原价是黑色，这里要改；如果是金色，保持金色在黑底上很好看 */
.pa-dark-tabs .price,
.pa-dark-tabs .price .amount {
    color: #D4AF37 !important; /* 确保是品牌金 */
}

/* 3. 原价划线部分变浅灰 */
.pa-dark-tabs .price del,
.pa-dark-tabs .price del span {
    color: #888888 !important;
}

/* 4. 如果有描述文字 (Short Description)，也变白 */
.pa-dark-tabs .elementor-loop-container p {
    color: rgba(255,255,255,0.8) !important;
}/* End custom CSS */