.product-section{background-color:#fff;border-radius:5px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:20px}
.section-header{margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}
.section-title{font-size:18px;margin:0;position:relative}
@media (max-width:768px){
.section-title{font-size:16px;padding-left:10px}
.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background-color:#e60027;border-radius:2px}
.promo-image{height:100px!important}
}
.promo-card{display:block;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;text-decoration:none;height:100%;background-color:#fff}
.promo-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}
.promo-image{height:150px;overflow:hidden}
.promo-image img{width:100%;height:100%;object-fit:cover}
.col-lg-2-4{width:20%;padding-left:12px;padding-right:12px}
@media (max-width:992px){
.col-lg-2-4{width:33.333%}
}
@media (max-width:768px){
.col-lg-2-4{width:50%}
}
@media (max-width:576px){
.col-lg-2-4{width:100%}
}

/* 5列布局 - 用于促销展示 */
.col-lg-1-5 {
    width: 20%;
    padding-left: 12px;
    padding-right: 12px;
}

@media (max-width: 992px) {
    .col-lg-1-5 {
        width: 33.333%;
    }
}

@media (max-width: 768px) {
    .col-lg-1-5 {
        width: 50%;
    }
}

@media (max-width: 576px) {
    .col-lg-1-5 {
        width: 100%;
    }
}

.recommended-carousel{position:relative;overflow:hidden}
.recommended-carousel-inner{display:flex;transition:transform .3s ease}
.recommended-product-card{flex:0 0 12.5%;max-width:12.5%;padding:10px;text-align:center}
.product-card-link{display:block;text-decoration:none;color:inherit;height:100%;transition:transform .3s}
.product-card-link:hover{transform:translateY(-5px)}
.product-card-img{margin-bottom:10px;height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background-color:#f8f9fa}
.product-card-img img{max-height:100%;object-fit:contain}
.product-card-info{padding:5px}
.product-card-title{font-size:14px;font-weight:600;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:26px}
.product-card-price{color:#e60027;font-weight:700;font-size:16px;margin-bottom:5px}
.product-card-desc{color:#999;font-size:12px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:768px){
.recommended-product-card{flex:0 0 100%;max-width:100%;padding:8px 0;margin-bottom:10px}
.product-card-link{display:flex;align-items:center}
.product-card-img{width:80px;height:80px;margin-bottom:0;margin-right:10px;flex-shrink:0}
.product-card-info{flex-grow:1;text-align:left}
.product-card-title{font-size:14px;height:auto;margin-bottom:3px}
.product-card-price{font-size:14px;margin-bottom:3px}
.recommended-carousel-inner{flex-direction:column;overflow-x:visible;overflow-y:visible;scroll-snap-type:none;scroll-behavior:auto;height:auto;max-height:none}
.slider-controls{display:none!important}
.recommended-carousel-inner::-webkit-scrollbar{display:none}
.recommended-carousel-inner .recommended-product-card:nth-child(n+9){display:none}

/* 移动端促销卡片显示方式调整 - 与推荐商品风格一致 */
.promo-section-mobile .col-md-4,
.promo-section-mobile .col-lg-2-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 8px 0;
    margin-bottom: 10px;
}

.promo-section-mobile .promo-card {
    display: flex;
    align-items: center;
    height: auto !important;
    padding: 0;
}

.promo-section-mobile .promo-image {
    width: 80px;
    height: 80px !important;
    margin-bottom: 0;
    flex-shrink: 0;
}

.promo-section-mobile .promo-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.promo-section-mobile .p-3 {
    flex-grow: 1;
    text-align: left;
    padding: 10px !important;
}

.promo-section-mobile h5 {
    font-size: 14px;
    margin-bottom: 3px !important;
}

.promo-section-mobile p {
    font-size: 12px;
    margin-bottom: 5px !important;
}

/* 限制促销新闻最多显示4个 */
.promo-section-mobile .col-md-4:nth-child(n+5),
.promo-section-mobile .col-lg-2-4:nth-child(n+5) {
    display: none;
}
}

/* 统一购买按钮样式 */
.purchase-buttons {
    margin-bottom: 1rem;
}

/* 针对不同位置的按钮样式 */
.purchase-buttons-container.main .btn {
    padding: 0.5rem 1rem;
}

.purchase-buttons-container.sidebar .btn {
    padding: 0.5rem 1rem;
    width: 100%;
}

.purchase-buttons-container.mobile .btn {
    padding: 0.5rem;
    font-size: 0.9rem;
}

.mobile-purchase-bar .purchase-buttons-container.mobile .btn-buy-now {
    flex-grow: 3;
}

.mobile-purchase-bar .purchase-buttons-container.mobile .btn-add-cart {
    flex-grow: 1;
}

/* 确保移动端按钮在小屏幕上显示 */
@media (max-width: 768px) {
    .purchase-buttons-container.mobile {
        width: 100%;
    }
    
    .purchase-buttons-container.mobile .purchase-buttons {
        margin-bottom: 0;
    }
    
    .purchase-buttons-container.mobile .d-flex {
        width: 100%;
    }
}