:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96%;--secondary-foreground: 222.2 84% 4.9%;--muted: 210 40% 96%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96%;--accent-foreground: 222.2 84% 4.9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground))}.collection{position:relative;padding:1.5rem}.collection .loading-overlay{position:absolute;top:0;left:-10px;width:calc(100% + 20px);height:100%;background:hsl(var(--background) / .8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;display:flex;align-items:center;justify-content:center}.collection--empty{text-align:center;padding:4rem 2rem;color:hsl(var(--muted-foreground))}.collection-product-count{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));margin:0 0 1.5rem}.collection-product-wrapper{margin:2rem 0 0}.collection-product-wrapper h2,.collection-product-wrapper a{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));text-transform:uppercase;letter-spacing:.05em}.collection-product-wrapper a{text-decoration:underline;text-underline-offset:.125rem;transition:color .2s ease}.collection-product-wrapper a:hover{color:hsl(var(--primary))}.productListing{margin:0 0 2rem}.productListing.productGrid{display:grid;gap:1.5rem}.productListing.productGrid.column-2{grid-template-columns:repeat(2,1fr)}.productListing.productGrid.column-3{grid-template-columns:repeat(3,1fr)}.productListing.productGrid.column-4{grid-template-columns:repeat(4,1fr)}.productListing.productList{display:flex;flex-direction:column;gap:2rem}.product{position:relative}.product-item{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.product-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transform:translateY(-2px)}.card{display:flex;flex-direction:column;height:100%}.productList .card{flex-direction:row;align-items:stretch}.card-product{position:relative;flex-shrink:0}.productList .card-product{width:200px}.card-media{position:relative;overflow:hidden;aspect-ratio:1;background:hsl(var(--muted))}.productList .card-media{height:200px;aspect-ratio:auto}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-item:hover .card-media img{transform:scale(1.05)}.card-information{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.productList .card-information{padding:1.5rem}.card-vendor{font-size:.75rem;font-weight:500;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.card-title{font-size:1rem;font-weight:600;color:hsl(var(--foreground));line-height:1.4;margin:0}.productList .card-title{font-size:1.125rem}.card-price{display:flex;align-items:center;gap:.5rem;margin:auto 0 0}.price{display:flex;align-items:center;gap:.5rem}.price-item--regular{font-size:1rem;font-weight:600;color:hsl(var(--foreground))}.price-item--sale{font-size:.875rem;color:hsl(var(--muted-foreground));text-decoration:line-through}.card-swatch{display:flex;gap:.5rem;flex-wrap:wrap}.swatch-label{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid hsl(var(--border));cursor:pointer;transition:all .2s ease}.swatch-label:hover{border-color:hsl(var(--ring));transform:scale(1.1)}.card-action{opacity:0;transform:translateY(20px);transition:all .2s ease;position:absolute;bottom:1rem;left:1rem;right:1rem}.product-item:hover .card-action{opacity:1;transform:translateY(0)}.productList .card-action{position:static;opacity:1;transform:none;margin-top:1rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;border:1px solid transparent;text-decoration:none;width:100%}.button--primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.button--primary:hover{background:hsl(var(--primary) / .9)}.button--secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-color:hsl(var(--border))}.button--secondary:hover{background:hsl(var(--accent))}.card-action__group.variants-popup{position:absolute;top:0;left:0;right:0;bottom:0;background:hsl(var(--card));padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transform:translateY(100%);opacity:0;transition:all .3s ease;border-radius:var(--radius)}.product-item.quickshop-popup-show .card-action__group.variants-popup{transform:translateY(0);opacity:1}.variants-popup-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border:none;background:hsl(var(--muted));border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.coll-express-order{border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden;margin-bottom:3rem;background:hsl(var(--card))}.t-header{background:hsl(var(--muted));display:flex;align-items:center;border-bottom:1px solid hsl(var(--border))}.t-header .column{padding:1rem 1.25rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground))}.inner-top{display:flex;align-items:stretch;border-bottom:1px solid hsl(var(--border))}.inner-top .column{padding:1.25rem;display:flex;flex-direction:column;justify-content:center;border-right:1px solid hsl(var(--border))}.inner-top .column:last-child{border-right:none}.col-img{flex:0 0 120px;max-width:120px}.col-prod{flex:1;min-width:200px}.col-price{flex:0 0 150px;max-width:150px}.col-qtt{flex:0 0 120px;max-width:120px}.col-options{flex:0 0 200px;max-width:200px}.product-image img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius)}.product-vendor a{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;text-decoration:none}.product-title{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));margin-top:.25rem}.qty-group input{width:80px;height:2.5rem;border:1px solid hsl(var(--border));border-radius:var(--radius);padding:0 .75rem;text-align:center;font-size:.875rem}.qty-group input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.add-to-cart-btn{padding:.5rem 1rem;font-size:.875rem}.add-to-cart-btn.add_more{background:#10b981;color:#fff;border-color:#10b981}.feedback-text{font-size:.75rem;margin-top:.5rem;color:hsl(var(--muted-foreground))}.feedback-text.is-added{color:#10b981}@media (max-width: 768px){.productListing.productGrid.column-3,.productListing.productGrid.column-4{grid-template-columns:repeat(2,1fr)}.productList .card{flex-direction:column}.productList .card-product{width:100%}.productList .card-information{padding:1rem}.coll-express-order{overflow-x:auto}.inner-top{min-width:600px}}@media (max-width: 480px){.productListing.productGrid.column-2,.productListing.productGrid.column-3,.productListing.productGrid.column-4{grid-template-columns:1fr}}.spinner{width:2rem;height:2rem;border:2px solid hsl(var(--muted));border-top:2px solid hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:calc(var(--radius) - 2px);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.badge--sale{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.badge--new{background:#10b981;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-product-listing.css.map */