.collection-grid-premium{--grid-gap: 1.5rem;--border-radius: 12px;--transition-speed: .3s;--primary-color: var(--color-foreground, #000);--sale-color: #ff4444;--hover-transform: translateY(-4px);padding:2rem 0}.collection-grid-premium__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.collection-grid-premium__count{font-size:.875rem;color:var(--primary-color);opacity:.7;font-weight:500}.collection-grid-premium__controls{display:flex;gap:1rem;align-items:center}.collection-grid-premium__sort-select{padding:.5rem 2.5rem .5rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#fff url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.5L6 6.5L11 1.5" stroke="%23000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right .75rem center;background-size:12px;-webkit-appearance:none;appearance:none;cursor:pointer;font-size:.875rem;transition:all var(--transition-speed) ease}.collection-grid-premium__sort-select:hover{border-color:var(--primary-color)}.collection-grid-premium__view-toggle{display:flex;gap:.25rem;padding:.25rem;background:#0000000d;border-radius:8px}.collection-grid-premium__view-toggle button{padding:.5rem;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;justify-content:center}.collection-grid-premium__view-toggle button.active{background:#fff;box-shadow:0 2px 8px #0000001a}.collection-grid-premium__container{display:flex;gap:2rem}.collection-grid-premium__filters{width:260px;flex-shrink:0}.collection-grid-premium__filters-inner{position:sticky;top:100px;background:#fff;border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 2px 20px #00000014}.collection-grid-premium__filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.collection-grid-premium__filters-header h3{margin:0;font-size:1.125rem;font-weight:600}.collection-grid-premium__filters-close{display:none;background:none;border:none;cursor:pointer}.collection-grid-premium__filter-group{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.08)}.collection-grid-premium__filter-group:last-child{border-bottom:none}.collection-grid-premium__filter-group summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:500;padding:.5rem 0;list-style:none}.collection-grid-premium__filter-group summary::-webkit-details-marker{display:none}.collection-grid-premium__filter-group[open] summary:after{transform:rotate(180deg)}.collection-grid-premium__filter-group summary:after{content:"";width:12px;height:12px;background:url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.5L6 6.5L11 1.5" stroke="%23000" stroke-width="1.5" fill="none"/></svg>') no-repeat center;background-size:contain;transition:transform .2s ease}.collection-grid-premium__filter-options{margin-top:1rem}.collection-grid-premium__filter-option{display:flex;align-items:center;padding:.5rem 0;cursor:pointer;font-size:.875rem}.collection-grid-premium__filter-option input[type=checkbox]{margin-right:.75rem;width:18px;height:18px;cursor:pointer}.collection-grid-premium__filter-option:hover{color:var(--primary-color)}.collection-grid-premium__price-range{display:flex;gap:.5rem}.collection-grid-premium__price-range input{flex:1;padding:.5rem;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:.875rem}.collection-grid-premium__apply-filters{width:100%;padding:.75rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;margin-top:1rem}.collection-grid-premium__apply-filters:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.collection-grid-premium__main{flex:1;min-width:0}.collection-grid-premium__grid{display:grid;grid-template-columns:repeat(var(--columns-desktop),1fr);gap:var(--grid-gap);margin-bottom:3rem}.product-card-premium{position:relative;background:#fff;border-radius:var(--border-radius);overflow:hidden;transition:all var(--transition-speed) ease;box-shadow:0 2px 10px #00000014;height:100%;display:flex;flex-direction:column}.product-card-premium:hover{transform:var(--hover-transform);box-shadow:0 8px 30px #0000001f}.product-card-premium__media{position:relative;overflow:hidden;background:#f8f8f8}.product-card-premium__link{display:block}.product-card-premium__image{width:100%;height:auto;object-fit:cover;transition:transform .6s ease;display:block}.product-card-premium__image--secondary{position:absolute;top:0;left:0;opacity:0;transition:opacity .4s ease;width:100%;height:100%;object-fit:cover}.product-card-premium:hover .product-card-premium__image{transform:scale(1.05)}.product-card-premium:hover .product-card-premium__image--secondary{opacity:1}.product-card-premium__badge{position:absolute;top:1rem;left:1rem;padding:.25rem .75rem;background:var(--sale-color);color:#fff;font-size:.75rem;font-weight:600;border-radius:20px;z-index:2;animation:badgeSlide .3s ease}.product-card-premium__badge--sold-out{background:#666}@keyframes badgeSlide{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.product-card-premium__actions{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:translate(20px);transition:all var(--transition-speed) ease}.product-card-premium:hover .product-card-premium__actions{opacity:1;transform:translate(0)}.product-card-premium__quick-view,.product-card-premium__quick-add{width:40px;height:40px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all var(--transition-speed) ease}.product-card-premium__quick-view:hover,.product-card-premium__quick-add:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.product-card-premium__info{padding:1.25rem;flex:1;display:flex;flex-direction:column}.product-card-premium__vendor{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-bottom:.25rem}.product-card-premium__title{margin:0 0 .5rem;font-size:1rem;font-weight:500;line-height:1.4}.product-card-premium__title a{color:inherit;text-decoration:none;transition:color var(--transition-speed) ease}.product-card-premium__title a:hover{color:var(--primary-color)}.product-card-premium__rating{display:flex;gap:.125rem;margin-bottom:.5rem}.product-card-premium__price{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;margin-top:auto}.product-card-premium__price-current{font-size:1.125rem;font-weight:600;color:var(--primary-color)}.product-card-premium__price-was{font-size:.875rem;opacity:.6}.product-card-premium__add{width:100%;padding:.625rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-speed) ease}.product-card-premium__add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}[data-animation=fade] .product-card-premium{animation:fadeIn .6s ease both;animation-delay:var(--animation-delay)}[data-animation=slide] .product-card-premium{animation:slideUp .6s ease both;animation-delay:var(--animation-delay)}[data-animation=zoom] .product-card-premium{animation:zoomIn .6s ease both;animation-delay:var(--animation-delay)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.collection-grid-premium__pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.08)}.collection-grid-premium__pagination-prev,.collection-grid-premium__pagination-next{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;text-decoration:none;color:var(--primary-color);font-weight:500;transition:all var(--transition-speed) ease}.collection-grid-premium__pagination-prev:hover,.collection-grid-premium__pagination-next:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.collection-grid-premium__pagination-pages{display:flex;gap:.5rem}.collection-grid-premium__pagination-page{padding:.5rem .75rem;border-radius:6px;text-decoration:none;color:var(--primary-color);transition:all var(--transition-speed) ease}.collection-grid-premium__pagination-page:hover{background:#0000000d}.collection-grid-premium__pagination-page.active{background:var(--primary-color);color:#fff;font-weight:500}.collection-grid-premium__loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}.collection-grid-premium__loading[hidden]{display:none!important}.collection-grid-premium__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.collection-grid-premium__empty{grid-column:1 / -1;text-align:center;padding:4rem 2rem}.collection-grid-premium__empty h2{margin-bottom:1rem;font-size:1.5rem}@media (max-width: 989px){.collection-grid-premium__container{flex-direction:column}.collection-grid-premium__filters{width:100%;position:fixed;top:0;left:-100%;bottom:0;z-index:999;background:#fff;transition:left .3s ease;overflow-y:auto}.collection-grid-premium__filters.active{left:0}.collection-grid-premium__filters-close{display:block}.collection-grid-premium__filters-inner{position:static;border-radius:0;box-shadow:none}.collection-grid-premium__grid{grid-template-columns:repeat(var(--columns-mobile),1fr);gap:1rem}}@media (max-width: 749px){.collection-grid-premium__header{flex-direction:column;gap:1rem;align-items:flex-start}.collection-grid-premium__controls{width:100%;justify-content:space-between}.product-card-premium__info{padding:1rem}.collection-grid-premium__pagination{flex-direction:column}}@media (prefers-reduced-motion: reduce){.collection-grid-premium *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.collection-grid-premium__filters,.collection-grid-premium__controls,.collection-grid-premium__actions,.collection-grid-premium__pagination{display:none}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/collection-grid-premium.css.map */