.product-card{position:relative;background:#fff;border:1px solid #deded8;padding:0;overflow:hidden}.card-gallery{position:relative;display:flex;width:100%;aspect-ratio:4/5.15;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:linear-gradient(145deg,#e9e5db,#cfd5cc);overscroll-behavior-inline:contain}.card-gallery::-webkit-scrollbar{display:none}.card-slide{flex:0 0 100%;height:100%;scroll-snap-align:start;display:grid;place-items:center}.card-slide img{width:100%;height:100%;object-fit:cover}.card-slide .placeholder-bag{width:58%;height:55%}.carousel-arrow{position:absolute;top:36%;transform:translateY(-50%);z-index:4;width:22px;height:34px;border:0;background:transparent;color:#fff;font:300 1.45rem/1 sans-serif;display:grid;place-items:center;cursor:pointer;text-shadow:0 2px 8px #000b}.carousel-arrow:hover,.carousel-arrow:focus-visible{background:#0003;outline:1px solid #fff}.carousel-prev{left:8px}.carousel-next{right:8px}.carousel-progress{position:absolute;z-index:4;left:24px;right:24px;top:auto;bottom:14px;height:5px;display:grid;grid-template-columns:repeat(9,1fr);gap:5px;pointer-events:none}.carousel-progress i{display:block;height:3px;background:#ffffff70;transition:.2s}.carousel-progress i.active{background:#fff;transform:scaleY(1.5)}.product-info{padding:14px}.product-title-line{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.product-title-line h3{font-size:14px;margin:0}.product-title-line b{font:500 15px Manrope;white-space:nowrap}.product-info p{color:var(--muted);font-size:11px;margin:6px 0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-order{width:100%;height:44px;border:1px solid var(--ink);background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:500 10px Manrope;letter-spacing:.14em;cursor:pointer}.card-order:hover{background:var(--ink);color:#fff}.wechat{background:#07c160;color:white}@media(max-width:560px){.product-card{padding:0}.carousel-arrow{width:20px}.carousel-progress{left:15px;right:15px;gap:3px}.card-order{height:40px}}
.card-gallery{aspect-ratio:1}.card-slide video{display:block;width:100%;height:100%;object-fit:cover}.carousel-arrow{top:50%}
.order-color{display:block;font-size:10px;font-weight:600;margin-bottom:14px}.order-color select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);background:#fff}
.card-category{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.card-colors{margin:7px 0 10px!important}.card-colors b{color:var(--ink);font-weight:600}.card-tiers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px}.card-tiers span{padding:7px 4px;border-right:1px solid var(--line)}.card-tiers span:last-child{border:0}.card-tiers small,.card-tiers b{display:block}.card-tiers small{font-size:8px;color:var(--muted)}.card-tiers b{font:600 11px Manrope}
.card-tiers.mix-start-price{grid-template-columns:1fr}.card-tiers.mix-start-price>span{display:grid;grid-template-columns:minmax(95px,1fr) auto;align-items:center;gap:10px;padding:9px 6px}.card-tiers.mix-start-price b{text-align:right}.card-tiers.mix-start-price .price-cny{margin-top:2px;color:var(--muted);font-size:8px;font-weight:400}
@media(max-width:760px){.product-card .product-info{min-height:0!important}.card-tiers{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory}.card-tiers>span{flex:0 0 112px;scroll-snap-align:start}.card-tiers.mix-start-price>span{flex-basis:100%}}
.card-variants{display:flex;gap:6px;min-height:48px;margin:0 0 10px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.card-style-thumb{display:grid!important;place-items:center;flex:0 0 46px;width:46px;height:46px;padding:3px;border:1px solid var(--line);background:#fff;overflow:hidden}.card-style-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}.card-style-thumb b{font-size:8px;line-height:1.1;overflow-wrap:anywhere}.product-card .product-info{min-height:210px}.carousel-progress{grid-template-columns:repeat(auto-fit,minmax(8px,1fr))}
.product-info p.card-sku{margin:6px 0 3px}.product-info p.card-colors{margin:0 0 10px}
.catalog{padding-top:48px}
.card-media{position:relative}.card-media .carousel-arrow{top:50%}.card-media .carousel-progress{position:absolute}