.product .product-main{margin-top: 28px;}
.product .product-header-container{background-color:#f5f5f5;padding:0rem 0}
.product .content-wrapper{border-left:0px solid #eee;border-right:0px solid #eee;margin:0 auto;}
.product .product-desc{font-size:.95rem;color:#666;line-height:1.7;margin-top: 1.5rem;}


/* 左侧导航样式（保留） */

.product .product-nav{background-color:#f8f9fa;border-radius:4px;overflow:hidden}
.product .nav-title{background-color:#222;font-size:1rem;font-weight:600;padding:.8rem 1rem;margin:0}
.product .nav-title a{color:#fff; text-decoration: none;}
.product .nav-list{list-style:none;padding:0;margin:0}
.product .nav-item{border-bottom:1px solid #eee;transition:background-color .3s}
.product .nav-list .nav-item:last-child{border-bottom:none}
.product .nav-link{display:block;padding:.8rem 1rem;color:#333;text-decoration:none}
.product .nav-item:hover,.product .nav-item.active{background-color:#e9ecef}
.product .nav-item:hover .nav-link,.product .nav-item.active .nav-link{color:#000}
.product .article-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}
.product .product-card{border:0 solid #eee;border-radius:4px;transition:box-shadow .3s;position:relative}
.product .product-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}
.product .card-img{border:0 solid #000;margin:0 auto;display:block;position:relative;overflow:hidden}
.product .card-img img{width:390px;height:100%;object-fit:contain;display:block}
.product .card-inquiry-btn{position:absolute;bottom:0;left:0;width:100%;background-color:#000;color:#fff;text-align:center;padding:.8rem 0;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s;opacity:0;visibility:hidden;transform:translateY(100%);transition:all .3s ease;z-index:10}
.product .product-card:hover .card-inquiry-btn{opacity:1;visibility:visible;transform:translateY(0)}
.product .card-inquiry-btn:hover{background-color:#333}
.product .card-inquiry-btn .inquiry-link{color:#fff;text-decoration:none;display:block;width:100%;height:100%}
.product .card-info{padding:6px}
.product .title-wrapper{height:calc(1.4em * 2);display:flex;align-items:center}
.product .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;height:100%;width:100%;margin:0;font-size:1rem;font-weight:600}
.product .card-title .title-link{display:inline;color:#333;text-decoration:none;transition:color .3s}
.product .card-title .title-link:hover{color:#000}
.product .card-model{font-size:.85rem;color:#acacac;margin:0;}
.product .no-data-tip{grid-column:1/-1;padding:3rem 0;text-align:center;color:#666;font-size:1rem;background-color:#f8f9fa;border-radius:4px}



/* 产品详情页核心样式 - 统一父类.product-detail */

.product-detail .product-wrap{max-width:1200px;margin:0 auto;padding:0 0}
.product-detail .product-layout{display:flex;width:100%;gap:2%}
/* 产品详情页核心样式 - sidebar */
.product-detail .sidebar{width:calc((100% / 12) * 3);padding:1.5rem 0 1.5rem 15px;height:700px;overflow-y:auto;max-width:none;flex:0 0 auto}
.product-detail .sidebar .product-nav{width:100%}
.product-detail .sidebar .nav-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;background-color:#222;padding:.8rem 1rem}
.product-detail .sidebar .nav-title a{color:#fff;text-decoration:none;display:block}
.product-detail .sidebar .nav-title a:hover{color:#fff}
.product-detail .sidebar .nav-list{list-style:none;padding:0;margin:0}
.product-detail .sidebar .nav-item{margin-bottom:0;background-color:#f8f9fa}
.product-detail .sidebar .nav-item .nav-link{color:#212529;padding:.8rem 1rem;border-bottom:1px solid #e9ecef;display:block;text-decoration:none}
.product-detail .sidebar .nav-item.active,.product-detail .nav-item:hover{background-color:#e9ecef}
.product-detail .sidebar .nav-item.active{background-color:#e9ecef}
.product-detail .sidebar .nav-item.active .nav-link{color:#212529;font-weight:600;border-bottom-color:transparent}
.product-detail .sidebar .nav-item .nav-link:hover{color:#212529;text-decoration:none}
.product-detail .sidebar .nav-item:last-child .nav-link{border-bottom:none}


/* 中间+右侧整体容器 - 宽度: calc((100% / 12) * 9) */
.product-detail .product-wrap{max-width:1500px;margin:0 auto;padding-top:28px}
.product-detail .product-layout{display:flex;width:100%;gap:2%}
.product-detail .sidebar{width:calc((100% / 12) * 3);padding:0;height:700px;overflow-y:auto;max-width:none;flex:0 0 auto}
.product-detail .product-nav{width:100%}
.product-detail .nav-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;background-color:#222;padding:.8rem 1rem}
.product-detail .nav-title a{color:#fff;text-decoration:none;display:block}
.product-detail .nav-title a:hover{color:#fff}
.product-detail .nav-list{list-style:none;padding:0;margin:0}
.product-detail .nav-item{margin-bottom:0;background-color:#f8f9fa}
.product-detail .nav-item .nav-link{color:#212529;padding:.8rem 1rem;border-bottom:1px solid #e9ecef;display:block;text-decoration:none}
.product-detail .nav-item.active{background-color:#e9ecef}
.product-detail .nav-item.active .nav-link{color:#212529;font-weight:600;border-bottom-color:#e9ecef}
.product-detail .nav-item .nav-link:hover{color:#212529;text-decoration:none}
.product-detail .nav-item:last-child .nav-link{border-bottom:none}
.product-detail .right-wrap{width:calc((100% / 12) * 9);display:flex;gap:6%}
.product-detail .display{width:50%;height:630px;display:flex;justify-content:center}
.product-detail .brand{font-size:1.5rem;font-weight:700;color:#28a745;margin-bottom:1rem}
.product-detail .image-container{position:relative;overflow:hidden;}
.product-detail .image,.product-detail .main-image{max-width:100%;height:auto;display:block;cursor: crosshair;}
.product-detail .magnifier{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:none}
/* 鼠标悬浮显示放大镜 */
.product-detail .magnifier-glass{position:absolute;width:200px;height:200px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.3);background-color:rgba(255,255,255,.8);background-repeat:no-repeat;background-size:200% 200%;pointer-events:none}
.product-detail .image-container:hover .magnifier{display:block}
.product-detail .carousel-controls{position:absolute;bottom:1rem;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:.5rem;z-index:10}
.product-detail .carousel-dot{width:8px;height:8px;border-radius:50%;background-color:#dee2e6;cursor: pointer;}
.product-detail .carousel-dot.active{background-color:#000}
.product-detail .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:50%;background-color:#fff;border:1px solid #dee2e6;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}
.product-detail .carousel-arrow.left{left:-1rem}
.product-detail .carousel-arrow.right{right:-1rem}
.product-detail .detail{width:44%;padding:0 0;height:700px;overflow-y:auto}
.product-detail .detail h1{font-size:1.5rem;font-weight:700;margin-bottom:1rem}
.product-detail .detail .model-no{font-size:.875rem;color:#6c757d;margin-bottom:1rem}
.product-detail .detail .spec-item{margin-bottom:.75rem;font-size:.875rem}
.product-detail .quantity-control{display:flex;align-items:center;gap:.5rem;margin:1.5rem 0}
.product-detail .quantity-control button{width:2rem;height:2rem;border:1px solid #dee2e6;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.product-detail .quantity-control input{width:4rem;text-align:center;border:1px solid #dee2e6;padding:.25rem}
.product-detail .btn-contact{border:1px solid #212529;border-radius:.5rem;padding:.5rem 1.5rem;background-color:#fff;color:#212529;cursor:pointer;transition:all .3s ease}
.product-detail .btn-contact:hover{background-color:#212529;color:#fff}
.product-detail .wishlist-icon{margin-left:1rem;font-size:2.8rem;color:#6c757d;cursor:pointer}
.product-detail .wishlist-icon:hover{color:#dc3545}
/* 新增：图片下方的箭头容器 */
.product-detail .carousel-arrows-below{display:flex;justify-content:space-between;width:100%;margin-top:1rem}
/* 覆盖原有箭头定位，改为在下方水平排列 */
.product-detail .carousel-arrow{position:static!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important}

/* Related Products Section */
.product-detail .related-carousel-wrapper{width:100%;overflow:hidden;position:relative}
.product-detail .related-carousel-viewport{width:100%;overflow:hidden}
.product-detail .related-carousel-track{display:flex;transition:transform .5s ease;will-change:transform}
.product-detail .related-carousel-item{flex:0 0 calc(100% / 3);max-width:calc(100% / 3);padding:0 15px;box-sizing:border-box}
.product-detail .related-products .card{border:0 solid #e0e0e0;border-radius:0;transition:box-shadow .3s ease}
.product-detail .related-products .card-body{padding:0}
.product-detail .related-products .card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}
.product-detail .related-products .card-img-top{overflow:hidden;height:480px}
.product-detail .related-products .card-img-top img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.product-detail .related-products .card:hover .card-img-top img{transform:scale(1.05)}
.product-detail .related-products .brand-logo{background:rgba(255,255,255,.8)}
.product-detail .related-products .carousel-controls-below .carousel-control-next,.related-products .carousel-controls-below .carousel-control-prev{position:static!important;transform:none!important;opacity:1;width:auto;height:auto;background:0 0;border:none;cursor:pointer;padding:0}
.product-detail .related-products .carousel-control-next-icon,.related-products .carousel-control-prev-icon{background-color:#fff;background-image:none;color:#333;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:50%}
.product-detail .related-products .carousel-control-prev-icon::after{content:'←';font-size:12px;color:#333}
.product-detail .related-products .carousel-control-next-icon::after{content:'→';font-size:12px;color:#333}


