/* --- 全局与结构布局 --- */
    .post-grid-item {border:1px solid #ececec}
    .post-grid-item img{width:100%;}
    .post-grid-item .product-title2,.post-grid-item .product-content{padding:16px}
    .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-top:50px;}
    
    .product-container {
        display: flex;
        gap: 30px;
        background-color: white;
        max-width: 1300px;
        margin: 1rem auto 3rem;
    }
    
    section {
      background: #fff;
      padding: 48px 0;
      border-top:18px solid #ececec;
    }
    section h2 {
      margin: 0 0 14px;
      font-size: 34px;
      line-height: 1.2;
      font-weight:600
    }
    .section-intro {
      max-width: 920px;
      color: #555;
      margin: 0;
      font-size: 16px;
    }
    /* ==========================================================================
	   重塑购物车表单布局 (Grid 布局实现第二图效果)
	   ========================================================================== */
	
	/* 1. 强制表单使用网格布局 */
	form.cart {
		display: grid !important;
		/* 第一行：左侧步进器固定 90px，右侧按钮占满剩余空间 (1fr) */
		grid-template-columns: 90px 1fr; 
		gap: 15px; /* 元素之间的上下左右间距 */
		margin-bottom: 30px;
		align-items: stretch; /* 让左右元素高度自动对齐 */
	}

	/* 2. 数量步进器外框 */
	form.cart .quantity {
		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"] {
		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;
	}

	/* 4. Add to Cart 按钮 (黑底白字，位于第一行右侧) */
	form.cart .single_add_to_cart_button {
		background: #111 !important;
		color: #fff !important;
		border: 1px solid #111 !important;
	}

	form.cart .single_add_to_cart_button:hover {
		background: #333 !important;
		border-color: #333 !important;
	}

	/* 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; gap: 15px; flex: 1; min-width: 0; max-height: 705px; }
    .gallery-thumbs { width: 80px; flex-shrink: 0; height: 100%; }
    .gallery-main { flex: 1; min-width: 0; height: 100%; }
    
    .thumb-slide { cursor: pointer; opacity: 0.4; transition: 0.3s; height: 80px; }
    .gallery-thumb-img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
    .gallery-main-img { width: 100%; height: auto;}

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

    /* --- 产品摘要信息区 --- */
    .product-summary-layout { flex: .6; }
    .product-title { margin-bottom: 1rem; font-weight: 600; }
    
    .product-description-side {
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
    }
    .product-description-side ul { list-style: disc; font-size: 16px; }

    .product-meta-box { background: #f9f9f9; padding: 20px; margin: 20px 0;max-height: calc(250px + 10px);overflow-y: auto; }
    .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;border-top: 1px solid #eee;padding-top:18px; }

    .product-extra-info { font-size: 14px; border-top: 1px solid #eee; padding-top: 10px; }

    /* --- 价格样式 --- */
    .sale-price, .price { font-size: 24px; color: #e4393c; font-weight: bold; }
    .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, .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: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: #0044ca; 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: auto; }
    .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(4, minmax(0, 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(3, minmax(0, 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) {
        .product-gallery { flex-direction: column !important; max-height: none !important; }
        .product-thumbs-slider { width: 100% !important; height: 80px !important; }
        .product-thumbs-slider > .swiper-wrapper { flex-direction: row !important; }
        
        .table-section table { display: block; overflow-x: auto; }
        .table-section td, .table-section th { min-width: 150px !important; }
    }