.grid__item .products{border-radius:var(--radius-2xl, 1rem);overflow:hidden;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));box-shadow:var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / .05));background:var(--bg-primary, #ffffff);border:1px solid var(--color-neutral-200, #e5e5e5);position:relative}.grid__item .products:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-2xl, 1rem);padding:1px;background:linear-gradient(135deg,transparent,rgba(59,130,246,.1),transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition-normal, .3s)}.grid__item .products:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl, 0 25px 50px -12px rgb(0 0 0 / .25));border-color:transparent}.grid__item .products:hover:before{opacity:1}.grid__item .product-container{position:relative;background:linear-gradient(135deg,var(--color-neutral-50, #fafafa),var(--color-neutral-100, #f5f5f5))}.grid__item .product-container img{transition:transform var(--transition-slow, .5s),filter var(--transition-normal, .3s);filter:brightness(1.05) saturate(1.1)}.grid__item .products:hover .product-container img{transform:scale(1.1);filter:brightness(1.1) saturate(1.2)}.grid__item .product-detail{padding:var(--space-4, 1rem)!important;background:var(--bg-primary, #ffffff)}.grid__item .product-detail .grid-link__title{font-weight:var(--font-medium, 500)!important;color:var(--color-primary, #1a1a1a)!important;line-height:1.4!important;transition:color var(--transition-fast, .15s)!important}.grid__item .products:hover .product-detail .grid-link__title{color:var(--color-accent, #3b82f6)!important}.grid__item .product_price{margin:var(--space-2, .5rem) 0!important}.grid__item .grid-link__org_price{font-weight:var(--font-semibold, 600)!important;color:var(--color-primary, #1a1a1a)!important}.grid__item .grid-link__sale_price{color:var(--color-error, #ef4444)!important;font-weight:var(--font-medium, 500)!important}.grid__item .badge--sale{background:linear-gradient(135deg,var(--color-error, #ef4444) 0%,#dc2626 100%)!important;border-radius:var(--radius-full, 9999px)!important;padding:var(--space-2, .5rem) var(--space-3, .75rem)!important;font-weight:var(--font-semibold, 600)!important;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1))!important;animation:saleGlow 1.5s ease-in-out infinite alternate}.grid__item .badge--sold-out{background:var(--color-neutral-600, #525252)!important;border-radius:var(--radius-full, 9999px)!important;padding:var(--space-2, .5rem) var(--space-3, .75rem)!important;font-weight:var(--font-medium, 500)!important}.grid__item .product-button{position:absolute;top:var(--space-3, .75rem);right:var(--space-3, .75rem);z-index:10;opacity:0;transform:translate(20px);transition:all var(--transition-normal, .3s)}.grid__item .products:hover .product-button{opacity:1;transform:translate(0)}.grid__item .product-button a,.grid__item .product-button button{width:40px!important;height:40px!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:var(--radius-full, 50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1))!important;transition:all var(--transition-fast, .15s)!important;margin:var(--space-1, .25rem) 0!important;position:relative!important;overflow:hidden!important}.grid__item .product-button a:before,.grid__item .product-button button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-accent, #3b82f6),var(--color-success, #10b981));opacity:0;transition:opacity var(--transition-fast, .15s)}.grid__item .product-button a:hover,.grid__item .product-button button:hover{transform:scale(1.15) translateY(-2px)!important;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgb(0 0 0 / .1))!important}.grid__item .product-button a:hover:before,.grid__item .product-button button:hover:before{opacity:1}.grid__item .product-button a:hover i,.grid__item .product-button button:hover i,.grid__item .product-button a:hover svg,.grid__item .product-button button:hover svg{color:#fff!important;z-index:1;position:relative}.home-product-grid-type-3 .grid__item .products{height:100%;display:flex;flex-direction:column}.home-product-grid-type-3 .grid__item .product-container{flex:0 0 auto}.home-product-grid-type-3 .grid__item .product-detail{flex:1;display:flex;flex-direction:column;justify-content:space-between}.grid__item{animation:fadeInUp .6s ease-out both}.collection-matrix .grid__item:nth-child(1){animation-delay:.1s}.collection-matrix .grid__item:nth-child(2){animation-delay:.15s}.collection-matrix .grid__item:nth-child(3){animation-delay:.2s}.collection-matrix .grid__item:nth-child(4){animation-delay:.25s}.collection-matrix .grid__item:nth-child(5){animation-delay:.3s}.collection-matrix .grid__item:nth-child(6){animation-delay:.35s}.collection-matrix .grid__item:nth-child(7){animation-delay:.4s}.collection-matrix .grid__item:nth-child(8){animation-delay:.45s}.home-product-grid-type-3 .grid__item:nth-child(1){animation-delay:.05s}.home-product-grid-type-3 .grid__item:nth-child(2){animation-delay:.1s}.home-product-grid-type-3 .grid__item:nth-child(3){animation-delay:.15s}.home-product-grid-type-3 .grid__item:nth-child(4){animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes saleGlow{0%{box-shadow:var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1)),0 4px 20px #ef44444d}to{box-shadow:var(--shadow-xl, 0 20px 25px -5px rgb(0 0 0 / .1)),0 6px 25px #ef444480}}.modern-collection-view .grid__item .item-swatch{display:block!important;visibility:visible!important;height:auto!important;margin:var(--space-2, .5rem) 0!important;padding:0!important}.modern-collection-view .grid__item .item-swatch li{margin:0 var(--space-1, .25rem) var(--space-1, .25rem) 0}.modern-collection-view .grid__item .item-swatch li label{width:28px!important;height:28px!important;border:2px solid var(--color-neutral-300, #d4d4d4)!important;transition:all var(--transition-fast, .15s)!important}.modern-collection-view .grid__item .item-swatch li label:hover{border-color:var(--color-accent, #3b82f6)!important;transform:scale(1.1);box-shadow:var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / .1))}@media (max-width: 768px){.grid__item .products{border-radius:var(--radius-xl, .75rem)}.grid__item .products:hover{transform:translateY(-4px) scale(1.01)}.grid__item .product-button{position:static;opacity:1;transform:none;display:flex;justify-content:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem);background:#f8f9faf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-top:-40px;margin-bottom:var(--space-2, .5rem);z-index:10}.grid__item .product-button a,.grid__item .product-button button{width:36px!important;height:36px!important;margin:0!important}}@media (prefers-reduced-motion: reduce){.grid__item,.grid__item .products,.grid__item .product-container img,.grid__item .product-button{animation:none!important;transition:none!important}.grid__item .products:hover{transform:none!important}}@media (prefers-contrast: high){.grid__item .products{border-width:2px!important;border-color:var(--color-primary, #1a1a1a)!important}.grid__item .product-button a,.grid__item .product-button button{border-width:3px!important}}.grid__item .products:focus-within{outline:3px solid var(--color-accent, #3b82f6);outline-offset:2px}.grid__item.loading .products{animation:pulse 2s ease-in-out infinite}.grid__item.loading .product-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media print{.grid__item .products{break-inside:avoid;box-shadow:none!important;transform:none!important;border:2px solid var(--color-primary, #1a1a1a)!important}.grid__item .products:before,.grid__item .product-button{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/collection-grid-modern-integration.css.map */
