.collection-page{position:relative;background:var(--color-background);min-height:100vh}.collection-hero{position:relative;min-height:500px;overflow:hidden;margin-bottom:60px;background:linear-gradient(180deg,rgba(202,167,235,.05) 0%,transparent 100%)}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.gradient-orb{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 20s ease-in-out infinite}.gradient-orb-1{top:-250px;left:-250px;background:radial-gradient(circle,#caa7eb,transparent 70%)}.gradient-orb-2{top:-250px;right:-250px;background:radial-gradient(circle,#8a61c8,transparent 70%);animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1400px;margin:0 auto;padding:80px 40px}.collection-title{margin:0 0 24px}.title-small{display:block;font-size:20px;font-weight:300;color:var(--color-foreground-secondary);margin-bottom:8px}.title-large{display:block;font-size:72px;font-weight:700;letter-spacing:-2px;line-height:1;background:linear-gradient(135deg,#fff,#caa7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.collection-description{font-size:18px;color:var(--color-foreground-secondary);line-height:1.6;margin-bottom:32px;max-width:600px}.collection-stats{display:flex;gap:40px}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-number{font-size:36px;font-weight:700;color:#caa7eb;line-height:1}.stat-suffix{font-size:24px;color:#caa7eb}.stat-label{font-size:14px;color:var(--color-foreground-secondary)}.hero-showcase{position:relative;height:400px}.showcase-container{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(-20deg)}.showcase-product{position:absolute;width:200px;height:250px;transition:all .5s ease}.showcase-product[data-index="0"]{top:50%;left:50%;transform:translate(-50%,-50%) translateZ(150px);z-index:3}.showcase-product[data-index="1"]{top:50%;left:30%;transform:translate(-50%,-50%) translateZ(0) translate(-50px);opacity:.8;z-index:2}.showcase-product[data-index="2"]{top:50%;left:70%;transform:translate(-50%,-50%) translateZ(0) translate(50px);opacity:.8;z-index:1}.product-float{position:relative;width:100%;height:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;transition:all .3s ease;animation:productFloat 6s ease-in-out infinite}@keyframes productFloat{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-20px) rotateY(180deg)}}.showcase-product[data-index="1"] .product-float{animation-delay:-2s}.showcase-product[data-index="2"] .product-float{animation-delay:-4s}.product-float img{width:100%;height:100%;object-fit:contain}.product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#caa7eb0d;border-radius:12px}.product-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(202,167,235,.4),transparent);filter:blur(20px);opacity:0;transition:opacity .3s ease}.product-float:hover .product-glow{opacity:1}.collection-controls{position:sticky;top:64px;z-index:100;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:40px}.controls-container{max-width:1400px;margin:0 auto;padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.filter-section{display:flex;align-items:center;gap:20px}.filter-toggle{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:30px;color:var(--color-foreground);font-size:16px;cursor:pointer;transition:all .3s ease}.filter-toggle:hover{border-color:#caa7eb;color:#caa7eb}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#caa7eb;color:#000;border-radius:12px;font-size:12px;font-weight:600}.active-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#caa7eb33;border:1px solid rgba(202,167,235,.5);border-radius:20px;font-size:14px;color:#caa7eb}.filter-pill button{background:none;border:none;color:#caa7eb;cursor:pointer;padding:0;line-height:1}.sort-select{padding:10px 40px 10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-foreground);font-size:16px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23caa7eb' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;transition:all .3s ease}.sort-select:hover,.sort-select:focus{border-color:#caa7eb;outline:none}.collection-main{display:grid;grid-template-columns:280px 1fr;gap:40px;max-width:1400px;margin:0 auto;padding:0 40px 80px}.filters-sidebar{position:sticky;top:160px;height:fit-content;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.filters-header h3{font-size:20px;font-weight:600;margin:0}.filters-close{display:none;background:none;border:none;color:var(--color-foreground);cursor:pointer;padding:4px}.filter-group{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}.filter-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.filter-group-title{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--color-foreground)}.price-inputs{display:flex;align-items:center;gap:12px;margin-bottom:20px}.price-input{flex:1;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-foreground);font-size:14px}.price-input:focus{outline:none;border-color:#caa7eb}.price-separator{color:var(--color-foreground-secondary)}.price-slider{position:relative;height:40px}.slider-track{position:absolute;top:50%;left:0;right:0;height:4px;background:#fff3;border-radius:2px;transform:translateY(-50%)}.slider-range{position:absolute;height:100%;background:#caa7eb;border-radius:2px}.slider-input{position:absolute;width:100%;height:40px;opacity:0;cursor:pointer}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#caa7eb;border-radius:50%;cursor:pointer}.filter-options{display:flex;flex-direction:column;gap:12px}.filter-option{display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--color-foreground);transition:color .2s ease}.filter-option:hover{color:#caa7eb}.filter-option input[type=checkbox]{display:none}.filter-checkbox{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:4px;position:relative;transition:all .2s ease}.filter-option:hover .filter-checkbox{border-color:#caa7eb}.filter-option input:checked+.filter-checkbox{background:#caa7eb;border-color:#caa7eb}.filter-option input:checked+.filter-checkbox:after{content:"";position:absolute;top:2px;left:6px;width:6px;height:10px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}.filters-footer{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.clear-filters,.apply-filters{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.clear-filters{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-foreground)}.clear-filters:hover{border-color:#caa7eb;color:#caa7eb}.apply-filters{background:#caa7eb;border:none;color:#000}.apply-filters:hover{background:#fff;transform:translateY(-2px)}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.results-count{font-size:16px;color:var(--color-foreground-secondary);margin:0}.view-options{display:flex;gap:8px}.view-option{padding:8px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-foreground);cursor:pointer;transition:all .2s ease}.view-option:hover,.view-option.active{background:#caa7eb33;border-color:#caa7eb;color:#caa7eb}.products-grid{display:grid;gap:32px}.products-grid[data-view-mode=grid]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.products-grid[data-view-mode=list]{grid-template-columns:1fr}.product-card{position:relative;transition:all .3s ease}.card-inner{height:100%;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease}.product-card:hover .card-inner{background:#ffffff0d;border-color:#caa7eb80;transform:translateY(-8px);box-shadow:0 20px 40px #caa7eb33}.product-link{text-decoration:none;color:inherit}.product-media{position:relative;aspect-ratio:1;overflow:hidden;background:#ffffff05}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-image-hover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.product-card:hover .product-image{transform:scale(1.1)}.product-card:hover .product-image-hover{opacity:1}.collection-hero .product-badge{position:absolute;bottom:12px;right:12px;padding:6px 12px;background:#caa7eb;color:#000;border-radius:20px;font-size:12px;font-weight:600;z-index:2;text-transform:uppercase;letter-spacing:1px}.collection-hero .product-badge.soldout{background:#fff3;color:var(--color-foreground)}.product-actions{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);transform:translateY(100%);transition:transform .3s ease}.product-card:hover .product-actions{transform:translateY(0)}.quick-view{width:48px;height:48px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--color-foreground);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.quick-view:hover{background:#caa7eb;border-color:#caa7eb;color:#000}.product-details{padding:20px}.product-card-title{font-size:16px;font-weight:500;margin:0 0 8px;color:var(--color-foreground)}.product-vendor{font-size:14px;color:var(--color-foreground-secondary);margin:0 0 12px}.product-price{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;margin-bottom:16px}.price-compare{text-decoration:line-through;color:var(--color-foreground-secondary);font-size:16px;font-weight:400}.price-regular{color:#caa7eb}.product-form{padding:0 20px 20px}.add-to-cart,.select-options,.soldout-btn{width:100%;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.add-to-cart{background:#caa7eb;color:#000}.add-to-cart:hover{background:#fff;transform:translateY(-2px)}.select-options{background:transparent;color:#caa7eb;border:2px solid #caa7eb}.select-options:hover{background:#caa7eb;color:#000}.soldout-btn{background:#ffffff1a;color:var(--color-foreground-secondary);cursor:not-allowed}.products-grid[data-view-mode=list]{gap:0}.products-grid[data-view-mode=list] .product-card{display:block;margin-bottom:20px;background:#ffffff05;border-radius:16px;padding:20px;transition:all .3s ease}.products-grid[data-view-mode=list] .product-card:hover{background:#ffffff0a;transform:translate(5px)}.products-grid[data-view-mode=list] .card-inner{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center}.products-grid[data-view-mode=list] .product-link{display:contents}.products-grid[data-view-mode=list] .product-media{height:200px;border-radius:12px;overflow:hidden;background:#ffffff0d}.products-grid[data-view-mode=list] .product-media img{height:100%;width:100%;object-fit:cover}.products-grid[data-view-mode=list] .product-details{display:flex;flex-direction:column;justify-content:space-between;padding:10px 0;height:100%}.products-grid[data-view-mode=list] .product-card-title{font-size:28px;line-height:1.2;margin-bottom:8px}.products-grid[data-view-mode=list] .product-vendor{font-size:16px;margin-bottom:12px}.products-grid[data-view-mode=list] .product-price{font-size:24px;margin-bottom:16px}.products-grid[data-view-mode=list] .product-form{align-self:end;padding:0}.list-view-details{display:none}.products-grid[data-view-mode=list] .list-view-details{display:block;grid-column:2;padding:0 20px 20px 0}.product-description{font-size:15px;color:var(--color-foreground-secondary);line-height:1.6;margin:0 0 16px}.product-features{list-style:none;padding:0;margin:0;display:flex;gap:16px}.product-features li{font-size:14px;color:var(--color-foreground-secondary);display:flex;align-items:center;gap:8px}.product-features li:before{content:"\2713";color:#caa7eb;font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:60px;grid-column:1 / -1}.pagination-prev,.pagination-next{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:30px;color:var(--color-foreground);text-decoration:none;transition:all .3s ease}.pagination-prev:hover,.pagination-next:hover{border-color:#caa7eb;color:#caa7eb}.pagination-pages{display:flex;gap:8px}.pagination-page{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-foreground);text-decoration:none;transition:all .3s ease}.pagination-page:hover,.pagination-page.active{background:#caa7eb;border-color:#caa7eb;color:#000}.pagination-ellipsis{padding:0 8px;color:var(--color-foreground-secondary)}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:40px;padding:60px 20px}.hero-showcase{display:none}.collection-main{grid-template-columns:1fr}.filters-sidebar{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease;max-width:320px;height:100vh;border-radius:0}.filters-sidebar.active{transform:translate(0)}.filters-close{display:block}}@media (max-width: 768px){.title-large{font-size:48px}.collection-stats{gap:24px}.stat-number{font-size:28px}.controls-container{padding:16px 20px}.products-grid[data-view-mode=grid]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.products-grid[data-view-mode=list] .product-card{grid-template-columns:120px 1fr;gap:16px}.product-card-title{font-size:14px}.product-price{font-size:16px}.add-to-cart,.select-options{padding:12px;font-size:14px}}@media (max-width: 425px){.collection-hero{min-height:400px}.title-small{font-size:16px}.title-large{font-size:36px}.collection-description{font-size:16px}.collection-stats{flex-wrap:wrap}.stat-item{flex:1 1 40%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collection-hero.css.map */