.collection-page{position:relative}.collection-page--overlap{margin-top:-80px}.collection-page__inner{position:relative;width:100%;max-width:1650px;margin:0 auto;padding:var(--section-padding-top, 60px) 40px var(--section-padding-bottom, 80px);background:var(--color-background);border-radius:20px 20px 0 0;z-index:10}.collection-page__header{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.collection-page__breadcrumb{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;margin-bottom:1.25rem}.collection-page__breadcrumb a{color:#ffffff80;transition:color .2s ease}.collection-page__breadcrumb a:hover{color:var(--color-primary)}.collection-page__breadcrumb span{color:#ffffff4d}.collection-page__breadcrumb-current{color:#ffffffb3}.collection-page__title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:800;text-transform:uppercase;color:#fff;line-height:1.1;margin-bottom:.75rem}.collection-page__description{font-size:1rem;line-height:1.6;color:#fff9;max-width:700px;margin:0 auto}.collection-page__count{display:inline-block;margin-top:1rem;font-size:.85rem;color:#fff6}.collection-filters{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.5rem;margin-bottom:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px}.collection-filters__left,.collection-filters__right{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.collection-filters__search{position:relative;display:flex;align-items:center}.collection-filters__search>i{position:absolute;left:1rem;color:#fff6;font-size:.85rem;pointer-events:none}.collection-filters__search-input{width:280px;padding:.65rem 2.5rem .65rem 2.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.85rem;transition:all .2s ease}.collection-filters__search-input::placeholder{color:#fff6}.collection-filters__search-input:focus{outline:none;background:#ffffff14;border-color:var(--color-primary)}.collection-filters__search-clear{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;font-size:.6rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .2s ease}.collection-filters__search-input:not(:placeholder-shown)~.collection-filters__search-clear{opacity:1;visibility:visible}.collection-filters__search-clear:hover{background:var(--color-primary);color:#fff}.collection-filters__count{font-size:.85rem;color:#ffffff80;white-space:nowrap}.collection-filters__toggle{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.collection-filters__toggle:hover{background:#ffffff1a;border-color:#fff3}.collection-filters__toggle i{font-size:.9rem}.collection-filters__toggle-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--color-primary);border-radius:10px;font-size:.65rem;font-weight:700}.collection-filters__active{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.collection-filters__tag{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;background:#fb333326;border:1px solid rgba(251,51,51,.3);border-radius:4px;font-size:.75rem;color:#fff}.collection-filters__tag button{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;background:none;border:none;color:#fff9;cursor:pointer;transition:color .2s ease}.collection-filters__tag button:hover{color:var(--color-primary)}.collection-filters__clear{padding:.4rem .7rem;background:none;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-size:.75rem;color:#fff9;cursor:pointer;transition:all .2s ease}.collection-filters__clear:hover{border-color:var(--color-primary);color:var(--color-primary)}.collection-filters__sort{position:relative}.collection-filters__sort-select{-webkit-appearance:none;appearance:none;padding:.6rem 2.5rem .6rem 1rem;min-width:180px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.8rem;cursor:pointer;transition:all .2s ease}.collection-filters__sort-select:hover,.collection-filters__sort-select:focus{background:#ffffff14;border-color:#fff3;outline:none}.collection-filters__sort-select option{background:#1a1a1a;color:#fff}.collection-filters__sort-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.65rem;color:#ffffff80;pointer-events:none}.collection-filters__view{display:flex;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden}.collection-filters__view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-right:1px solid rgba(255,255,255,.1);color:#ffffff80;cursor:pointer;transition:all .2s ease}.collection-filters__view-btn:last-child{border-right:none}.collection-filters__view-btn:hover{background:#ffffff0d;color:#fff}.collection-filters__view-btn.is-active{background:var(--color-primary);color:#fff}.collection-filter-drawer{position:fixed;top:0;left:0;width:100%;max-width:400px;height:100vh;background:#111;border-right:1px solid rgba(255,255,255,.1);z-index:1000;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column}.collection-filter-drawer.is-open{transform:translate(0)}.collection-filter-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.collection-filter-drawer__overlay.is-visible{opacity:1;visibility:visible}.collection-filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.collection-filter-drawer__title{font-size:1.1rem;font-weight:700;color:#fff}.collection-filter-drawer__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.collection-filter-drawer__close:hover{background:var(--color-primary);border-color:var(--color-primary)}.collection-filter-drawer__content{flex:1;overflow-y:auto;padding:1.5rem}.collection-filter-drawer__footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:1rem}.collection-filter-drawer__apply,.collection-filter-drawer__reset{flex:1;padding:.85rem 1.5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;cursor:pointer;transition:all .2s ease}.collection-filter-drawer__apply{background:var(--color-primary);border:none;color:#fff}.collection-filter-drawer__apply:hover{background:var(--color-primary-hover, #e02020)}.collection-filter-drawer__reset{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.collection-filter-drawer__reset:hover{border-color:#fff6}.filter-group{margin-bottom:1.5rem}.filter-group__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer}.filter-group__title{font-size:.9rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.filter-group__toggle{color:#ffffff80;font-size:.7rem;transition:transform .2s ease}.filter-group.is-collapsed .filter-group__toggle{transform:rotate(-90deg)}.filter-group__content{padding-top:1rem}.filter-group.is-collapsed .filter-group__content{display:none}.filter-option{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;cursor:pointer}.filter-option__checkbox{position:relative;width:18px;height:18px;border:1px solid rgba(255,255,255,.3);border-radius:3px;transition:all .2s ease}.filter-option input:checked+.filter-option__checkbox{background:var(--color-primary);border-color:var(--color-primary)}.filter-option__checkbox:after{content:"\f00c";font-family:"Font Awesome 6 Pro";font-weight:900;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;opacity:0;transform:scale(.5);transition:all .2s ease}.filter-option input:checked+.filter-option__checkbox:after{opacity:1;transform:scale(1)}.filter-option input{position:absolute;opacity:0;pointer-events:none}.filter-option__label{font-size:.875rem;color:#fffc;flex:1}.filter-option__count{font-size:.75rem;color:#fff6}.filter-option:hover .filter-option__label{color:#fff}.filter-price{padding-top:1rem}.filter-price__inputs{display:flex;align-items:center;gap:.75rem}.filter-price__input{flex:1;padding:.6rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.85rem}.filter-price__input:focus{outline:none;border-color:var(--color-primary)}.filter-price__separator{color:#ffffff4d}.collection-page__no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;gap:1rem}.collection-page__no-results i{font-size:3rem;color:#ffffff1a}.collection-page__no-results p{font-size:1rem;color:#ffffff80}.collection-page__no-results span{color:var(--color-primary)}.collection-page__clear-search{padding:.6rem 1.25rem;background:var(--color-primary);border:none;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.collection-page__clear-search:hover{background:var(--color-primary-hover, #e02020)}.product-card-wrapper.is-hidden{display:none}.collection-page__grid{display:grid;grid-template-columns:repeat(var(--columns-desktop, 4),1fr);gap:1.5rem}.collection-page__skeletons{display:none;grid-template-columns:repeat(var(--columns-desktop, 4),1fr);gap:1.5rem}.product-card--skeleton .skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton--media{width:100%;aspect-ratio:16/10}.skeleton--vendor{height:12px;width:60px;margin-bottom:8px}.skeleton--title{height:18px;width:100%;margin-bottom:8px}.skeleton--price{height:20px;width:80px}.skeleton--btn{flex:1;height:36px}.skeleton--btn-small{width:36px;height:36px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.collection-pagination{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:3rem}.collection-pagination__left{display:flex;flex-direction:column;gap:.25rem}.collection-pagination__viewing{font-size:.9rem;color:#ffffffb3}.collection-pagination__info{font-size:.8rem;color:#fff6}.collection-pagination__buttons{display:flex;align-items:center;gap:.5rem}.collection-pagination__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.8rem;font-weight:500;color:#fff9;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:all .2s ease}.collection-pagination__btn:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#fff3}.collection-pagination__btn:disabled{opacity:.3;cursor:not-allowed}.collection-pagination__btn i{font-size:.7rem}.collection-pagination__pages{display:flex;align-items:center;gap:.35rem}.collection-pagination__page{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .5rem;font-size:.85rem;font-weight:500;color:#fff9;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:all .2s ease}.collection-pagination__page:hover:not(.is-active){color:#fff;background:#ffffff14;border-color:#fff3}.collection-pagination__page.is-active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.collection-pagination__ellipsis{padding:0 .5rem;color:#ffffff4d}.collection-page__grid.is-list-view{grid-template-columns:1fr;gap:.75rem}.collection-page__grid.is-list-view .product-card-wrapper{display:block}.collection-page__grid.is-list-view .product-card{position:relative;display:grid;grid-template-columns:140px 1fr auto;gap:1.5rem;align-items:center;padding:1rem 1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .2s ease}.collection-page__grid.is-list-view .product-card:hover{background:#ffffff0a;border-color:#ffffff1f}.collection-page__grid.is-list-view .product-card__media{aspect-ratio:1;border-radius:8px;overflow:hidden}.collection-page__grid.is-list-view .product-card__thumbs{display:none}.collection-page__grid.is-list-view .product-card__content{padding:0;display:flex;flex-direction:column;gap:0}.collection-page__grid.is-list-view .product-card__vendor{margin-bottom:.25rem;font-size:.7rem}.collection-page__grid.is-list-view .product-card__title{font-size:1rem;font-weight:600;margin-bottom:.2rem;line-height:1.3;min-height:unset;-webkit-line-clamp:unset}.collection-page__grid.is-list-view .product-card__sku{display:block;font-size:.7rem;color:#fff6;margin:0}.collection-page__grid.is-list-view .product-card__price{margin-bottom:0;margin-top:.6rem}.collection-page__grid.is-list-view .product-card__variants{display:inline-block;font-size:.7rem;color:#ffffff80;margin-top:.15rem}.collection-page__grid.is-list-view .product-card__footer{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:0;border:none;background:none}.collection-page__grid.is-list-view .product-card__view-btn{padding:.7rem 1.25rem;white-space:nowrap;font-size:.75rem}.collection-page__grid.is-list-view .product-card__quick-add{width:42px;height:42px;flex-shrink:0}.collection-page__grid.is-list-view .product-card__badges{top:.5rem;left:.5rem}.collection-page__grid.is-list-view .product-card__actions,.product-card__stock{display:none}.collection-page__grid.is-list-view .product-card__stock{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.7rem;font-weight:600;border-radius:4px}.collection-page__grid.is-list-view .product-card__stock--in{background:#51cf6626;color:#51cf66}.collection-page__grid.is-list-view .product-card__stock--out{background:#ff6b6b26;color:#ff6b6b}.collection-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem;gap:1.5rem}.collection-page__empty i{font-size:4rem;color:#ffffff1a}.collection-page__empty p{font-size:1.125rem;color:#ffffff80}.collection-page__empty-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;background:var(--color-primary);border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:all .2s ease}.collection-page__empty-btn:hover{background:var(--color-primary-hover, #e02020)}@media (max-width: 1200px){.collection-page__grid,.collection-page__skeletons{--columns-desktop: 3}}@media (max-width: 1024px){.collection-page__inner{padding:var(--section-padding-top, 60px) 30px var(--section-padding-bottom, 80px)}.collection-filters{flex-direction:column;align-items:stretch;gap:1rem}.collection-filters__left{flex-direction:column;gap:.75rem}.collection-filters__search-input{width:100%}.collection-filters__right{justify-content:space-between;flex-wrap:wrap;gap:.75rem}.collection-filters__active{order:-1;width:100%}}@media (max-width: 768px){.collection-page--overlap{margin-top:0}.collection-page__inner{padding:1.5rem 20px var(--section-padding-bottom, 60px);border-radius:0}.collection-filters{padding:0;background:transparent;border:none;margin-bottom:1.5rem;gap:1rem}.collection-filters__left{width:100%;flex-direction:column;gap:.75rem}.collection-filters__search,.collection-filters__search-input{width:100%}.collection-filters__toggle{width:100%;justify-content:center;padding:.85rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.collection-filters__count{width:100%;text-align:center;font-size:.8rem;color:#ffffff80}.collection-filters__right{width:100%;display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.collection-filters__sort{width:100%}.collection-filters__sort-select{width:100%;min-width:unset;font-size:.8rem;padding:.75rem 2.5rem .75rem 1rem}.collection-filters__view{flex-shrink:0}.collection-filters__view-btn{width:40px;height:40px}.collection-filters__active{grid-column:span 2;order:-1}.collection-page__grid,.collection-page__skeletons{grid-template-columns:repeat(var(--columns-mobile, 2),1fr);gap:.75rem}.collection-page__grid.is-list-view .product-card{grid-template-columns:100px 1fr;gap:1rem;padding:.75rem}.collection-page__grid.is-list-view .product-card__media{grid-row:span 2;align-self:start}.collection-page__grid.is-list-view .product-card__content{grid-column:2;align-self:center}.collection-page__grid.is-list-view .product-card__title{font-size:.9rem}.collection-page__grid.is-list-view .product-card__footer{grid-column:2;justify-content:flex-start;gap:.5rem}.collection-page__grid.is-list-view .product-card__view-btn{padding:.6rem 1rem;font-size:.7rem}.collection-page__grid.is-list-view .product-card__quick-add{width:36px;height:36px}.collection-filter-drawer{max-width:100%}.collection-pagination{flex-direction:column;align-items:stretch;gap:1rem;margin-top:2rem}.collection-pagination__left{text-align:center}.collection-pagination__viewing{font-size:.8rem}.collection-pagination__buttons{justify-content:center;flex-wrap:wrap;gap:.5rem}.collection-pagination__btn span{display:none}.collection-pagination__btn{padding:.6rem .75rem}.collection-pagination__page{min-width:36px;height:36px;font-size:.8rem}.collection-pagination__pages{gap:.25rem}}@media (max-width: 480px){.collection-page__grid,.collection-page__skeletons{--columns-desktop: 2}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-collection.css.map */