.product-item{display:block;background:#fff;border:1px solid var(--color-line);border-radius:var(--radius);overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s}
.product-item:hover{border-color:var(--color-main);box-shadow:0 12px 30px rgba(26,112,218,.12);transform:translateY(-4px)}
.product-item__pic{position:relative;aspect-ratio:1;background:#f7f9fc;overflow:hidden}
.product-item__pic img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .4s}
.product-item:hover .product-item__pic img{transform:scale(1.06)}
.product-item__title{padding:14px 12px 16px;text-align:center;font-size:15px;font-weight:600;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.btn--ghost{background:#fff;color:var(--color-main);border:1px solid var(--color-main)}
.btn--ghost:hover{background:var(--color-main);color:#fff;border-color:var(--color-main)}
.pd-top-wrap{padding:56px 0 48px;background:#fff}
.pd-top{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:start}
.pd-gallery{position:relative}
.pd-gallery__radio{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.pd-gallery__stage{position:relative;aspect-ratio:1;background:#f7f9fc;border:1px solid var(--color-line);border-radius:12px;overflow:hidden}
.pd-gallery__big{display:none;width:100%;height:100%}
.pd-gallery__big img{width:100%;height:100%;object-fit:contain;padding:36px}
#pd-pic-1:checked ~ .pd-gallery__stage .pd-gallery__big--1,#pd-pic-2:checked ~ .pd-gallery__stage .pd-gallery__big--2,#pd-pic-3:checked ~ .pd-gallery__stage .pd-gallery__big--3{display:block}
.pd-gallery__thumbs{display:grid;grid-template-columns:repeat(3,88px);gap:12px;margin-top:14px}
.pd-gallery__thumbs label{display:block;aspect-ratio:1;padding:8px;background:#fff;border:1px solid var(--color-line);border-radius:8px;cursor:pointer;transition:border-color .25s}
.pd-gallery__thumbs img{width:100%;height:100%;object-fit:contain}
#pd-pic-1:checked ~ .pd-gallery__thumbs [for="pd-pic-1"],#pd-pic-2:checked ~ .pd-gallery__thumbs [for="pd-pic-2"],#pd-pic-3:checked ~ .pd-gallery__thumbs [for="pd-pic-3"]{border-color:var(--color-main)}
.pd-info__cate{display:inline-block;margin-bottom:12px;color:var(--color-main);font-size:13px;letter-spacing:.12em}
.pd-info h1{margin-bottom:14px;font-size:clamp(26px,2.6vw,36px);font-weight:700;color:#1a1a1a;line-height:1.3}
.pd-info__lead{margin-bottom:18px;color:var(--color-muted);font-size:15px;line-height:1.85}
.pd-info__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.pd-info__tags li{padding:6px 12px;background:#f3f7fd;color:var(--color-main);border-radius:4px;font-size:13px}
.pd-spec{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:28px;border:1px solid var(--color-line);border-radius:8px;overflow:hidden}
.pd-spec li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;padding:12px 14px;border-bottom:1px solid var(--color-line);border-right:1px solid var(--color-line);font-size:14px;line-height:1.5}
.pd-spec li:nth-child(2n){border-right:0}
.pd-spec li:nth-last-child(-n+2){border-bottom:0}
.pd-spec span{color:#888}
.pd-spec strong{color:#222;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pd-info__btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.pd-info__nav{display:flex;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--color-line)}
.pd-info__nav a{color:#666;font-size:13px}
.pd-info__nav a:hover{color:var(--color-main)}
.pd-body-wrap{padding:8px 0 64px;background:#fff}
.pd-content{max-width:1100px;margin:0 auto;color:#444;font-size:var(--detail-desc-size);line-height:1.85}
.pd-content p{margin-bottom:16px}
.pd-related-wrap{padding:56px 0 72px;background:#f7f9fc}
.pd-related__list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.inquiry-pop{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.inquiry-pop.is-open{opacity:1;visibility:visible}
.inquiry-pop__mask{position:absolute;inset:0;background:rgba(13,27,46,.5)}
.inquiry-pop__box{position:relative;z-index:1;width:min(92vw,460px);padding:36px 28px 28px;background:#fff;border-radius:10px;box-shadow:0 16px 40px rgba(13,27,46,.18)}
.inquiry-pop__box h3{margin-bottom:8px;font-size:20px;font-weight:700;color:#1a1a1a}
.inquiry-pop__box p{margin-bottom:20px;color:#888;font-size:13px}
.inquiry-pop__close{position:absolute;top:8px;right:8px;width:32px;height:32px;background:transparent}
.inquiry-pop__close:before{content:'';position:absolute;inset:8px;background:#999;mask:var(--svg-close) center/contain no-repeat;-webkit-mask:var(--svg-close) center/contain no-repeat}
.inquiry-form{display:grid;gap:12px}
.inquiry-form input,.inquiry-form textarea{width:100%;height:44px;padding:0 14px;border:1px solid var(--color-line);border-radius:4px;background:#f7f9fc;font-size:14px}
.inquiry-form textarea{height:110px;padding:12px 14px}
.inquiry-form .btn{width:100%}
@media (max-width:1280px){
.pd-top{gap:32px}
.pd-spec li{grid-template-columns:96px minmax(0,1fr);padding:10px 12px}
}
@media (max-width:1024px){
.pd-top{grid-template-columns:1fr;gap:28px}
.pd-gallery__stage{max-width:520px;margin:0 auto}
.pd-gallery__thumbs{justify-content:center}
.pd-related__list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
.pd-top-wrap{padding:36px 0 28px}
.pd-body-wrap{padding:0 0 48px}
.pd-related-wrap{padding:40px 0 56px}
.pd-gallery__big img{padding:20px}
.pd-gallery__thumbs{grid-template-columns:repeat(3,72px);gap:8px}
.pd-spec{grid-template-columns:1fr}
.pd-spec li{border-right:0}
.pd-spec li:nth-last-child(-n+2){border-bottom:1px solid var(--color-line)}
.pd-spec li:last-child{border-bottom:0}
.pd-info__btns .btn{flex:1;min-width:0}
.pd-info__nav{flex-direction:column}
.inquiry-pop__box{padding:28px 18px 20px}
}
@media (max-width:360px){
.pd-related__list{gap:10px}
.pd-info h1{font-size:24px}
}