/* --- 全局与结构布局 --- */
    .post-grid-item {background: #eeeeee;}
    .post-grid-item img{width:100%;}
    .post-grid-item .product-content{padding-top:0;}
    tr > td:nth-child(1){background-color:#fafafa;font-weight:600}
    article {background-color:white; }
    nav[aria-label="breadcrumb"]{max-width:1300px;margin:auto;padding:0;font-family: "Marcellus", sans-serif;;}
    
    .product-container {
        display: flex;
        gap: clamp(30px, 10vw, 60px);
        background-color: white;
        margin: 3rem auto 3rem;
        justify-content: center;
    }

    .section-intro {
      max-width: 920px;
      color: #555;
      margin: 0;
      font-size: 14px;
    }
    /* ==========================================================================
	   重塑购物车表单布局 (Grid 布局实现第二图效果)
	   ========================================================================== */
	
	/* 1. 强制表单使用网格布局 */
	form.cart {
		display: grid !important;
		/* 第一行：左侧步进器固定 90px，右侧按钮占满剩余空间 (1fr) */
		grid-template-columns: 90px 1fr; 
		gap: 15px; /* 元素之间的上下左右间距 */
		margin-bottom: 15px;
		align-items: stretch; /* 让左右元素高度自动对齐 */
	}

	/* 2. 数量步进器外框 */
	form.cart .quantity {
        display: none;
		margin: 0 !important;
		width: 100%;
		height: 52px; /* 设定一个高级感的统一高度 */
	}

	/* 数量输入框本身 */
	form.cart .quantity input.qty {
		width: 100%;
		height: 100%;
		border: 1px solid #e5e5e5;
		border-radius: 0; /* 直角边缘 */
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		padding: 0;
		box-shadow: none;
		background: #fff;
	}

	/* 3. 所有按钮的通用基础样式 (清除之前的药丸形状和阴影) */
	form.cart button[type="submit"] {
		font-size: 16px;
		cursor: pointer;
        background-color:#1A5F3E !important;
	}
	
	.custom-buy-now-wrapper a{height: 52px;border-radius: 0 !important;font-size: 16px;font-weight: 600;text-transform: capitalize;letter-spacing: 0.5px;box-shadow: none !important;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0;border: 1px solid #e5e5e5;text-decoration: none;color: black;}

	/* 5. Buy Now 按钮 (白底黑字框，独占第二行) */
	form.cart .buy-now-btn {
		/* 核心代码：让这个按钮横跨网格的两列，占满全宽 */
		grid-column: 1 / -1; 
		background: #fff !important;
		color: #111 !important;
		border: 1px solid #e5e5e5 !important;
		background-image: none !important; /* 清除可能遗留的渐变背景 */
	}

	form.cart .buy-now-btn:hover {
		background: #f9f9f9 !important;
		border-color: #ccc !important;
	}

    /* --- 图集布局 (替代原本的内联样式) --- */
    .product-gallery-layout { display: flex; flex-direction: column; gap: 10px; flex: 1; min-width: 0;max-height:none;max-width:535px; }
    .gallery-thumbs { width: 100%; flex-shrink: 0; height: auto; }
    .gallery-main { flex: 1; min-width: 0; width: 100%; }
    
    .thumb-slide { cursor: pointer; opacity: 0.4; transition: 0.3s; height: 100%; }
    .gallery-thumb-img { width: 100%; height: 100% !important; object-fit: cover;}
    .gallery-main-img { width: 100%; height: auto;}

    .attachment-large.size-large { height: auto !important; max-height: 633px; object-fit: cover; }

    /* --- 产品摘要信息区 --- */
    .product-summary-layout { flex: .6;display:flex;flex-direction:column;max-width: 535px;justify-content: space-between; }
    .product-summary-layout .entry-header {display:flex;margin-top: clamp(1rem, 2vw, 1.3rem);}
    .product-title { margin-bottom: 0; font-weight: 400; padding: 0;font-size: clamp(22px, 5vw, 30px);font-family: "Marcellus", sans-serif;}
    
    .product-description-side {
        margin-bottom: 15px;
    }
    .product-description-side ul { list-style: disc; font-size: 16px; }
    .product-description-side p{font-size:16px;}

    .product-meta-box { padding: 20px;overflow-y: auto; }
    @media (max-width:768px) {.product-meta-box{padding:10px;}}
    .product-meta-box::-webkit-scrollbar{width: 8px;height: 8px;}
    .product-meta-box::-webkit-scrollbar-track{background: #f1f1f1;border-radius: 10px;}
    .product-meta-box::-webkit-scrollbar-thumb{background: #888;border-radius: 10px;border: 2px solid #f1f1f1;}
    .product-meta-box::-webkit-scrollbar-thumb:hover{background: #555;}
    .product-bundle-selection { margin-top: 20px;}

    .product-extra-info { font-size: 14px;background-color: black;width: fit-content;padding: 10px;border-radius: 5px;line-height:1;letter-spacing: 1px;}
    .product-extra-info p {margin:0;font-size: 16px;}
    .product-extra-info * {color:white;}

    /* --- 价格样式 --- */
    .sale-price, .price { font-size: 28px; color: #000000; font-weight: 400;text-decoration: underline;}
    .regular-price { text-decoration: line-through; color: #a0a0a0; margin-right: 8px; font-weight: bold;font-size:22px; }
    del { display:none;font-size: 16px; color: #a0a0a0; }
    bdi { font-size: 18px;color:#c44833;}
    ins { text-decoration: none; }

    /* --- 详情表格与视频描述区 --- */
    .video-section {margin-top: clamp(1rem, 1.5vw, 1.3rem);}
    .video-section span {font-family: "Marcellus", sans-serif;}
    .video-section, .table-section .et3 { text-align: left !important; }

    .table-section table {
        border-collapse: collapse !important; margin-bottom: 20px; 
        border: 1px solid #ddd !important; height: auto !important;width: clamp(275pt, 100%, 750pt) !important;
    }
    .table-section th, .table-section td {
        border: 1px solid #ddd !important; padding: 12px 15px !important; 
        vertical-align: middle; max-width: 100vw !important; word-break: break-word !important;
    }
    .table-section tr[style*="height"], .table-section tbody tr[style*="height"],
    .table-section td[style*="height"], .table-section th[style*="height"] {
        height: auto !important; min-height: auto !important;
    }
    .table-section tbody tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.3); }

    .desc-section { color: black !important; font-size: 1rem !important; text-align: left; }
    .desc-section ul { padding-left: 20px;text-align:left; }
    .desc-section ul li { margin-bottom: 10px;font-size:15px; }
    .desc-section h2 { font-size:1.5rem;text-align:left;}

    /* --- 相关产品区 --- */
    .product-grid { display: grid; gap: 20px; }
    .product-grid a { text-decoration: none; color: #333; }
    .product-grid h4 { margin-bottom:0;font-size: 16px; }
    .product-grid p { color: #000000; font-weight: bold;margin-bottom:0px; }
    .no-related-products { padding: 20px; background: #f9f9f9; border-radius: 5px; color: #666; }

    /* --- 购物车按钮与表单 --- */
    form { padding: 0; margin: 0; box-shadow: none; }
    form button { width: max-content; }
    .pack-item:hover { border-color: #ff4b2b; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); }
    .quantity-stepper button:hover { background: #ddd; }
    .quantity-stepper input::-webkit-outer-spin-button, .quantity-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
    .woocommerce a.added_to_cart { display: none !important; }

    .custom-buy-button {
        display: inline-flex; align-items: center; justify-content: center;
        background: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);
        color: #fff !important; border: none; padding: 14px 40px; font-size: 16px; font-weight: 600;
        text-transform: uppercase; letter-spacing: 1px; border-radius: 50px; cursor: pointer;
        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); box-shadow: 0 4px 15px rgba(255, 75, 43, 0.3);
        position: relative; overflow: hidden; outline: none;
    }
    .custom-buy-button:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(255, 75, 43, 0.5); filter: brightness(1.1); }
    .custom-buy-button:active { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(255, 75, 43, 0.4); }
    .custom-buy-button.loading { opacity: 0.8; cursor: wait; }
    .custom-buy-button.loading::after {
        content: ""; width: 16px; height: 16px; margin-left: 10px; border: 2px solid rgba(255, 255, 255, 0.3);
        border-top-color: #fff; border-radius: 50%; animation: button-spin 0.6s linear infinite;
    }
    .custom-buy-button.added::before { content: "✓"; margin-right: 8px; font-weight: bold; }
    .feature-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 18px;
        margin-top: 24px;
    }
    .feature-box,
    .order-box {
        border: 1px solid #eaeaea;
        background: #fafafa;
        padding: 22px;
    }
.feature-box h3,
.order-box h3,
.faq-item h3 {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;
}
.feature-box p,
.faq-item p {
    margin: 0;
    color: #666;
    font-size: 14px;
}
.faq {
    max-width: 940px;
    margin: 0 auto;
    display: grid;
    gap: 14px;
}
.faq-item {
    border: 1px solid #ececec;
    background: #fff;
    padding: 20px 22px;
}
.order-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px;
}
    
    @keyframes button-spin { to { transform: rotate(360deg); } }

    /* --- Swiper 特定修复 --- */
    .swiper-button-next::after, 
    .swiper-button-prev::after {
        content: none !important; 
        display: none !important;
    }
    
    /* 设置通用的背景属性 */
    .swiper-button-next,
    .swiper-button-prev {
        background-size: 30px 30px; /* 控制箭头图标的大小 */
        background-repeat: no-repeat;
        background-position: center;
        width: 30px;  /* 按钮的点击区域宽度 */
        height: 30px; /* 按钮的点击区域高度 */
        opacity: .79; /* 默认稍微透明一点 */
        transition: opacity 0.3s ease;
    }
    
    /* 鼠标悬停时高亮 */
    .swiper-button-next:hover,
    .swiper-button-prev:hover {
        opacity: 1;
    }
    
    /* 引入左箭头 (Chevron left) - 黑色 */
    /* .swiper-button-prev {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
    } */
    
    /* 引入右箭头 (Chevron right) - 黑色 */
    /* .swiper-button-next {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    } */
    
    .price-container {
        margin-bottom:15px;
    }

/* --- 移动端适配 (Media Queries) --- */
    @media (max-width: 768px) {
        /* 1. 锁死主容器宽度，防止被撑爆 */
        .product-container { 
            flex-direction: column !important; 
            gap: 15px; 
            padding: 0 15px; 
            width: 100% !important; 
            box-sizing: border-box;
            overflow: hidden; /* 核心防爆代码 */
        }

        /* 2. 重置图集容器方向和宽度 */
        .product-gallery { 
            flex-direction: column-reverse !important; 
            max-height: none !important; 
            width: 100% !important; 
        }
        
        /* 3. 剥夺主图容器的 Flex 缩放权，强制 100% 宽度 */
        .gallery-main {
            width: 100% !important;
            height: auto !important;
            flex: none !important; /* 核心防爆代码：阻止 Swiper 瞎算高度和宽度 */
        }

        /* 4. 控制主图和里面的 img 标签的尺寸 */
        .attachment-large.size-large, .gallery-main-img { 
            height: auto !important; 
            max-height: 60vh !important; /* 最大高度不超过屏幕的 60% */
            width: 100% !important;
            object-fit: contain !important;
            display: block;
        }

        /* 5. 缩略图横排显示 */
        .product-thumbs-slider { 
            width: 100% !important; 
            height: 110px !important; 
            margin-top: 10px; 
        }
        
        .product-thumbs-slider > .swiper-wrapper { 
            flex-direction: row; 
        }

        /* 6. 表格移动端滚动适配 */
        .table-section table { display: block; overflow-x: auto; }
        .table-section td, .table-section th { min-width: 150px !important; }
    }
    
/* -- 相关产品 -- */
.section-title {text-transform: uppercase;border-bottom: 1px solid #ececec;padding-bottom: 1rem;}
.custom-related-products {background:#1A5F3E;padding:30px 20px}
.custom-related-products h2{color:white;}