.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}}
.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-media{position:relative}.card-media .carousel-arrow{top:50%}.card-media .carousel-progress{position:absolute}