/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

@import url("../astra/style.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');


.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4列布局 */
    gap: 20px;
    margin: 0;
    padding: 20px;
}

.woocommerce ul.products li.product-category {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.woocommerce ul.products li.product-category a {
    display: block !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.woocommerce ul.products li.product-category img {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce ul.products li.product-category a .woocommerce-loop-category__title,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
    display: inline-block !important;
    position: absolute !important;
    left: 30px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 15px 20px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    
    /* 文字样式 */
    color: #000 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.25rem !important;
    line-height: 1.625rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    
    /* 重要：重置块级元素行为 */
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    float: none !important;
    clear: none !important;
    border: none !important;
    background-clip: padding-box !important;
}


.woocommerce ul.products li.product-category a .woocommerce-loop-category__title::before,
.woocommerce ul.products li.product-category a .woocommerce-loop-category__title::after {
    display: none !important;
    content: none !important;
}

.woocommerce ul.products li.product-category .woocommerce-loop-category__title br {
    display: block !important;
    content: "" !important;
    margin: 5px 0 !important;
}

.woocommerce ul.products li.product-category .count {
    display: none !important;
}

@media screen and (max-width: 1024px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        padding: 15px;
    }
}

@media screen and (max-width: 480px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr;
    }

    .woocommerce ul.products li.product-category a {
        aspect-ratio: 3/2;
    }
}

.woocommerce ul.products li.product-category {
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}

.woocommerce ul.products li.product-category:hover {
    box-shadow: 0 8px 12px rgba(0,0,0,0.15);
}


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

.woocommerce ul.products li.product-category {
    animation: fadeIn 0.6s ease forwards;
    animation-delay: calc(var(--item-index) * 0.1s);
}

.woocommerce ul.products li.product-category h2 {
    all: unset !important;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
}

/* 产品缩略图 */
.woocommerce ul.products li.product img {
    width: 100%;
    height: auto;
    max-width: 354px; /* 缩略图最大宽度 */
}

/* 产品画廊样式 */
.woocommerce-product-gallery {
    opacity: 1 !important; /* 防止图片切换时闪烁 */
}

.woocommerce-product-gallery__wrapper {
    transition: all 0.3s ease;
}

/* 变体图片切换动画 */
.woocommerce-product-gallery__image {
    transition: opacity 0.3s ease;
}

/* 缩略图样式 */
.flex-control-thumbs {
    margin-top: 10px !important;
    padding: 0;
}

.flex-control-thumbs li {
    padding: 5px;
}

.flex-control-thumbs img {
    border: 1px solid #ddd;
    transition: all 0.3s ease;
}

.flex-control-thumbs img:hover,
.flex-control-thumbs img.flex-active {
    border-color: #333;
}

/* 产品详情页大图 */
.woocommerce-product-gallery__image img {
    width: 100%;
    height: auto;
    max-width: 1534px; /* 大图最大宽度 */
}

/* 属性选择器样式 */
.variations select {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
}

/* 颜色选择器样式 */
.variation-color .swatch {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
    border: 2px solid transparent;
}

.variation-color .swatch.selected {
    border-color: #333;
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.loading-overlay span {
    padding: 10px 20px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#comments {
    position: relative;
    min-height: 200px;
}

.review-error-message {
    background: #ff6b6b;
    color: white;
    padding: 10px 15px;
    border-radius: 4px;
    margin-bottom: 15px;
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.review-pagination {
    margin: 20px 0;
    text-align: center;
}

.review-pagination a {
    padding: 5px 10px;
    margin: 0 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.review-pagination a:hover {
    background: #f5f5f5;
}

.review-pagination .current {
    background: #007bff;
    color: white;
    border-color: #007bff;
}

/* 将主导航菜单移到下一行 */
.ast-builder-grid-row {
    flex-wrap: wrap;
}

.site-header-primary-section-left,
.site-header-primary-section-right {
    width: 100%;
}

/* 在首页隐藏原始菜单
.ast-builder-menu .main-navigation {
    display: none !important;
} */

.site-header-primary-section-left .ast-main-header-bar-alignment {
    display: none !important;
}

/* Header 样式 */
#masthead {
    position: relative !important;
}

.main-header-bar {
    position: relative !important;
    padding: 1em 1em !important;
}

.ast-primary-header-bar {
    position: relative !important;
}

.header-search-wrap {
    position: relative !important;
}

#content.site-content {
    margin-top: 0 !important;
}

/* .main-header-container {
    min-height: auto !important;
    height: auto !important;
    align-items: center !important; 
    gap: 20px;  
} */


/* 调整 header 容器布局 */
.ast-flex.main-header-container {
    justify-content: space-between !important;
    gap: 20px !important;
}

/* Logo 样式 */
.site-branding {
    flex: 0 0 auto !important;  /* 不伸缩，保持原始大小 */
}

.custom-logo-link {
    padding: 0 !important;
    line-height: 0 !important;  /* 移除额外的行高 */
}

.custom-logo-link svg {
    height: 35px !important;  /* 减小 logo 高度 */
    width: auto !important;
    display: block !important;
}

/* 搜索框容器 */
.ast-header-search {
    margin-left: auto !important;  /* 将搜索框推到右边 */
    flex: 0 1 400px !important;   /* 可以收缩，最大宽度400px */
}


.header-search-form {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 50px;
    height: 40px;
    padding-right: 5px;
    transition: all 0.3s ease;
}

.header-search-form:focus-within {
    border-color: #ddd;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.header-search-input {
    flex: 1;
    padding: 0 15px;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    font-size: 14px;
    min-width: 250px; /* 增加最小宽度 */
    color: #333;
    height: 100%;
    box-shadow: none !important;
}

.header-search-input::placeholder {
    color: #666;
    font-size: 14px;
}

.header-search-button {
    background: #7B5C8C;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    padding: 0;
    flex-shrink: 0;
    margin-right: 2px;
}

.header-search-button:hover {
    background: #6a4d7a;
}

.header-search-button svg {
    width: 16px;
    height: 16px;
    stroke-width: 2.5;
}

/* 移除任何可能的默认样式 */
.header-search-input::-webkit-search-decoration,
.header-search-input::-webkit-search-cancel-button,
.header-search-input::-webkit-search-results-button,
.header-search-input::-webkit-search-results-decoration {
    display: none;
}


/* 购物车和用户账户图标 */
.ast-header-woo-cart,
.ast-header-account {
    flex: 0 0 auto !important;  /* 不伸缩，保持原始大小 */
}

.ast-header-woo-cart .ast-cart-menu-wrap,
.ast-header-account-link {
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.ast-header-woo-cart .ast-cart-menu-wrap svg,
.ast-header-account-link svg {
    height: 20px !important;
    width: 20px !important;
    display: block !important;
}

/* 搜索栏、购物车和用户账户包装器样式 */
.header-actions-wrapper {
    display: flex;
    align-items: center;
    margin-left: auto;
    flex-shrink: 0;
}

.ast-header-account-wrap{
    margin: 0 !important;
}

/* 默认隐藏移动端搜索框 */
.mobile-search-container {
    display: none !important;
}

/* 隐藏 customizer 相关的闪烁 */
.customize-support {
    opacity: 1 !important;
    transition: none !important;
}

/* 隐藏 nojq 和 nojs 类的闪烁 */
.nojq,
.nojs {
    display: none !important;
}

/* 隐藏 wpadminbar 的闪烁 */
#wpadminbar {
    opacity: 1 !important;
    transition: none !important;
}

/* 确保页面内容立即显示 */
body {
    visibility: visible !important;
    opacity: 1 !important;
}

/* 移除所有与 customizer 相关的过渡效果 */
* {
    transition: none !important;
}

/* 在 style 部分更新价格样式 */
.product-price {
    font-size: 16px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px; /* 为节省金额文本留出空间 */
}

.product-price del {
    color: #999;
    font-weight: normal;
    font-size: 14px; /* 原价字体稍小 */
}

.product-price ins {
    text-decoration: none;
    color: #e94444;
    font-size: 20px; /* 折扣价放大 */
    font-weight: 600;
}

/* 添加节省金额样式 */
.savings-amount {
    font-size: 12px;
    display: block;
    margin-top: 2px;
}

/* 统一价格和金额的字体大小 */
.ast-woo-header-cart-total .woocommerce-Price-amount{
    font-size: 1em !important;
}

/* 通知栏样式 */
.notification-bar {
    width: 100%;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    z-index: 100;
}

.notification-bar .notification-link {
    color: inherit;
    text-decoration: none;
    display: block;
}

.notification-bar .notification-link:hover {
    text-decoration: underline;
}

/* 购物车cart页面价格显示 */
/* 价格列居中显示 */
.woocommerce-cart-form__contents .product-price {
    text-align: center !important;
    width: 150px !important; /* 固定宽度确保居中效果 */
}

.woocommerce-cart-form__cart-item .product-price .awdr_cart_strikeout_line {
    display: flex !important; /* 改为 flex */
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    white-space: nowrap !important;
    width: 100% !important;
    height: 100% !important; /* 确保高度占满 */
    padding: 22px 0 !important; /* 增加垂直内边距 */
}

/* 改变显示顺序 */
.woocommerce-cart-form__cart-item .product-price .awdr_cart_strikeout_line del {
    order: 2 !important;
    color: #666 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    text-decoration: line-through !important;
    margin: 0 !important;
    flex-shrink: 0 !important; /* 防止价格被压缩 */
}

.woocommerce-cart-form__cart-item .product-price .awdr_cart_strikeout_line ins {
    order: 1 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    color: #E41E31 !important;
    font-size: 16px !important;
    margin: 0 !important;
    flex-shrink: 0 !important; /* 防止价格被压缩 */
}

/* 确保表头也居中 */
.woocommerce-cart-form__contents thead th.product-price {
    text-align: center !important;
    width: 180px !important;
    min-width: 180px !important;
    padding: 12px 0 !important;
}

/* 移除默认间距 */
.woocommerce-cart-form__cart-item .product-price .awdr_cart_strikeout_line > * {
    margin: 0 !important;
    padding: 0 !important;
}

/* 确保所有单元格有相同的高度 */
.woocommerce-cart-form__cart-item td {
    vertical-align: middle !important;
    height: 100% !important;
}

/* Apply coupon 按钮样式 */
.woocommerce-cart-form .button[name="apply_coupon"],
.woocommerce-cart-form .button[name="update_cart"] 
{
    padding: 8px 15px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    color: #FFFFFF !important;
    background-color: #9F7AB0 !important;
    transition: background-color 0.3s ease !important;
}

.woocommerce-cart-form .button[name="apply_coupon"]:hover,
.woocommerce-cart-form .button[name="update_cart"]:hover {
    background-color: #4a1991 !important;
}

/* 优惠码输入框样式 */
.woocommerce-cart-form input[name="coupon_code"] {
    height: auto !important;
    min-height: 0 !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

/* Proceed to checkout 按钮样式 */
.wc-proceed-to-checkout .checkout-button {
    background-color: #9F7AB0 !important; /* 紫色背景 */
    color: #FFFFFF !important;
    transition: background-color 0.3s ease !important;
}

/* 悬停状态 */
.wc-proceed-to-checkout .checkout-button:hover {
    background-color: #4a1991 !important; /* 深一点的紫色 */
    color: #FFFFFF !important;
}

/* 按钮内边距和圆角 */
.wc-proceed-to-checkout .checkout-button {
    padding: 15px 20px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}


@media (min-width: 922px) {
    body.home #content.site-content {
        margin-top: 50px !important;
    }
}

@media (max-width: 921px) {
    .ast-header-search {
        position: relative;
        display: block !important;
        width: 100%;
        margin: 0;
        padding: 10px;
        background: #fff;
        /* box-shadow: 0 2px 5px rgba(0,0,0,0.1); */
    }

    .ast-header-search .header-search-wrap {
        width: 100%;
        min-width: 200px;
        max-width: 400px;
    }

    .ast-header-search .header-search-form {
        width: 100%;
    }

    .ast-header-search .header-search-input {
        width: 100%;
        min-width: unset;
    }

    /* Astra 移动菜单样式优化 */
    #ast-mobile-popup { 
        /* max-width: 320px; */
        width: 0px !important;
        background: #fff;
    }

    /* 移动菜单容器 */
    #ast-mobile-popup.ast-mobile-popup-drawer {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 100000;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    /* 移动菜单内容容器 */
    .ast-mobile-popup-inner {
        position: absolute;
        top: 0;
        right: 0;
        width: 320px;
        height: 100%;
        background: #fff;
        transform: translateX(100%);
        transition: transform 0.3s ease;
    }
    
    #ast-mobile-popup.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
        transform: translateX(0);
    }

    /* 激活状态 */
    #ast-mobile-popup.ast-mobile-popup-drawer.active {
        opacity: 1;
        visibility: visible;
    }

    /* 菜单头部样式 */
    .ast-mobile-popup-header {
        padding: 15px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    .menu-toggle-close {
        padding: 8px;
        background: none;
        border: none;
        color: #333;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .menu-toggle-close:hover {
        transform: rotate(90deg);
    }

    /* 移动端菜单按钮样式 */
    .ast-mobile-menu-trigger-minimal {
        display: none;
        padding: 8px;
        cursor: pointer;
    }

    /* 确保内容区域正确滚动 */
    .ast-mobile-popup-content {
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* 可选的样式调整 */
    .ast-mobile-popup-content .menu-item {
        border-bottom: 1px solid #eee;
    }

    .ast-mobile-popup-content .menu-link {
        padding: 15px;
        display: block;
        color: #333;
        font-size: 16px;
    }

    .ast-mobile-popup-content .sub-menu {
        background: #f9f9f9;
    }

    .ast-mobile-popup-content .sub-menu .menu-link {
        padding-left: 30px;
        font-size: 14px;
    }

    /* 菜单图标样式 */
    .ast-icon.icon-menu-bars {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 18px;
        width: 24px;
    }

    .menu-bar {
        display: block;
        width: 24px;
        height: 2px;
        background-color: #333;
        border-radius: 2px;
    }

    /* 确保菜单正确显示 */
    #ast-mobile-popup.active {
        visibility: visible;
        opacity: 1;
        right: 0;
    }

    
    /* 菜单展开箭头样式 */
    .ast-mobile-popup-content .ast-menu-toggle {
        padding: 15px;
        color: #333;
    }

    
    /* 遮罩层 */
    .ast-mobile-popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    .ast-mobile-popup-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    /* 关闭按钮样式 */
    #menu-toggle-close {
        padding: 8px !important; /* 减小内边距 */
        width: 30px !important; /* 设置固定宽度 */
        height: 30px !important; /* 设置固定高度 */
    }

    /* 关闭按钮图标样式 */
    #menu-toggle-close .ast-svg-iconset svg {
        width: 14px !important; /* 减小图标大小 */
        height: 14px !important;
    }

    /* 调整关闭按钮容器的样式 */
    .ast-mobile-popup-header {
        padding: 8px !important; /* 减小头部内边距 */
        display: flex;
        justify-content: flex-end; /* 将按钮靠右对齐 */
        border-bottom: 1px solid #eee;
    }

    .menu-item-categories {
        border-bottom: 1px solid rgba(0,0,0,0.06);
        transition: all 0.3s ease;
    }

    .menu-item-categories:last-child {
        border-bottom: none;
    }

    .menu-item-categories .menu-link {
        padding: 12px 20px;
        display: block;
        color: #333;
        font-size: 15px;
        line-height: 1.4;
        font-weight: 500;
        transition: all 0.3s ease;
        position: relative;
    }

    .menu-item-categories .menu-link:hover {
        background: rgba(159, 122, 176, 0.05);
        color: #9F7AB0;
        padding-left: 25px;
    }

    .menu-item-categories .menu-link::after {
        content: '›';
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
        transition: all 0.3s ease;
    }

    .menu-item-categories .menu-link:hover::after {
        opacity: 1;
        right: 15px;
    }

    /* 确保购物车容器正确对齐 */
    .ast-site-header-cart {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 购物车按钮容器 */
    .ast-site-header-cart-wrap {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 购物车链接 */
    .cart-container {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 10px !important;
        height: 40px !important;
    }

    /* 确保flex布局正确 */
    .ast-flex.main-header-container {
        align-items: center !important;
    }

    /* 修复购物车图标和文字的对齐 */
    .ast-addon-cart-wrap {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
    }

    .ast-container #primary {
        margin: 0 !important;
        padding: 0 !important;
    }

}

/* 适配管理员工具栏 */
/* .admin-bar .ast-mobile-popup-drawer {
    top: 32px;
    height: calc(100% - 32px);
} */

/* 921px-782px 之间的自适应样式 */
@media (max-width: 921px) and (min-width: 480px) {
    body.home #content.site-content {
        margin-top: 55px !important;
    }
    /* Header容器布局 */
    .ast-flex.main-header-container {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important; /* 改为从左开始 */
        gap: 10px !important;
        padding: 0 15px !important;
        flex-wrap: nowrap !important; /* 确保不换行 */
    }

    /* Logo区域 */
    .site-branding {
        flex: 0 0 auto !important;  /* 不压缩 */
    }

    /* 搜索框、购物车和用户账户包装器 */
    .header-actions-wrapper {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        flex: 0 0 auto !important;  /* 不压缩 */
        margin-left: auto !important; /* 推到最右边 */
        white-space: nowrap !important; /* 防止内容换行 */

    }

    /* 搜索框区域 */
    .ast-header-search {
        flex: 0 1 auto !important; /* 改为只允许收缩 */
        min-width: 100px !important; /* 降低最小宽度 */
        max-width: 400px !important;
        width: auto !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .header-search-wrap {
        width: 100% !important;
    }

    .header-search-form {
        width: 100% !important;
    }

    /* 购物车和头像容器 */
    .ast-button-wrap {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        flex: 0 0 auto !important; /* 不伸缩，保持原始大小 */
        margin-left: auto !important; /* 推到最右边 */
    }
    /* 购物车样式 */
    .ast-site-header-cart {
        margin: 0 !important;
    }
    .ast-site-header-cart-wrap {
        margin: 0 !important;
    }
    /* 用户头像样式 */
    .ast-header-account {
        margin: 0 !important;
    }

}

/* 在650px-921px之间隐藏购物车金额 */
@media (max-width: 650px) and (min-width: 481px) {
    .ast-woo-header-cart-info-wrap {
        display: none !important;
    }
    
    /* 调整购物车图标间距 */
    .ast-addon-cart-wrap {
        padding: 0 5px !important;
    }
}


@media screen and (max-width: 768px) {
    
    .ast-mobile-menu-trigger-minimal {
        display: flex;
        align-items: center;
    }
    /* 购物车价格显示 */
    .woocommerce-cart-form__cart-item .product-price {
        text-align: right !important;
        width: auto !important;
        min-width: auto !important;
    }
    
    .woocommerce-cart-form__cart-item .product-price .awdr_cart_strikeout_line {
        justify-content: flex-end !important;
        gap: 8px !important;
        padding: 8px 0 !important;
    }
    
    .woocommerce-cart-form__cart-item .product-price .awdr_cart_strikeout_line ins {
        font-size: 14px !important;
    }
    
    .woocommerce-cart-form__cart-item .product-price .awdr_cart_strikeout_line del {
        font-size: 12px !important;
    }
    
    .woocommerce-cart-form__cart-item .product-subtotal {
        font-size: 14px !important;
        padding: 8px 0 !important;
    }
    .woocommerce-cart-form__cart-item .product-subtotal {
        text-align: right !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        padding: 12px 20px 12px 12px !important; /* 增加右侧内边距为 20px */
    }
}


/* 小型手机 (≤ 480px) */
@media (max-width: 480px) {
    /* Header 容器样式 */
    #masthead .ast-container {
        padding: 0 12px !important;
    }
    
    .main-header-container {
        gap: 10px;
    }
    
    .header-actions-wrapper {
        gap:10px !important;
    }

    /* .site-branding {
       height: 35px !important;
    } */

    /* 隐藏header中的搜索框 */
    .ast-header-search {
        display: none !important;
    }

    /* 用户头像样式 */
    .ast-header-account {
        margin: 0 !important;
    }

    .mobile-search-container {
        display: block !important;
        width: 100% !important;
        padding: 8px 15px !important;
        background: #fff !important;
        border-bottom: 1px solid #E5E5E5 !important;
        position: relative !important;
        z-index: 99 !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
    } 

    /* 搜索表单样式 */
    .mobile-search-container .header-search-form {
        width: 100% !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        background: #FFFFFF !important;
        border: 1px solid #E5E5E5 !important;
        border-radius: 50px !important;
        overflow: hidden !important;
    }

    /* 搜索输入框样式 */
    .mobile-search-container .header-search-input {
        flex: 1 !important;
        height: 100% !important;
        padding: 0 20px !important;
        border: none !important;
        outline: none !important;
        background: transparent !important;
        font-size: 14px !important;
        color: #333333 !important;
    }

    .mobile-search-container .header-search-input::placeholder {
        color: #999999 !important;
        font-size: 14px !important;
    }

    /* 搜索按钮样式 */
    .mobile-search-container .header-search-button {
        width: 32px !important;
        height: 32px !important;
        margin: 0 4px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #7B5C8C !important;
        border: none !important;
        border-radius: 50% !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
    }

    .mobile-search-container .header-search-button:hover {
        background: #9F7AB0 !important;
    }

    .mobile-search-container .header-search-button svg {
        width: 16px !important;
        height: 16px !important;
        stroke: #FFFFFF !important;
        stroke-width: 2.5 !important;
    }

    /* 聚焦状态 */
    .mobile-search-container .header-search-form:focus-within {
        border-color: #7B5C8C !important;
        box-shadow: 0 0 0 1px rgba(123, 92, 140, 0.2) !important;
    }


    /* 在header中隐藏搜索框 */
    .ast-header-search {
        display: none !important;
    }

    .ast-woo-header-cart-info-wrap {
        display: none !important;
    }
    
    /* 调整购物车图标间距 */
    .ast-addon-cart-wrap {
        padding: 0 5px !important;
    }

    /* 产品页content padding */
    #primary{
        padding: 0 !important;
        margin: 0 !important;
    }

}


/* 如果有其他fixed或absolute定位的header相关元素，也都改为relative */
.ast-above-header-wrap,
.ast-main-header-wrap {
    position: relative !important;
}

/* 隐藏shipping text */
.ast-shipping-text {
    display: none !important;
}