.collection-wrapper{padding:20px}.collection-layout{display:flex;gap:20px;flex-wrap:nowrap}.collection-filter{width:30%;max-width:300px;position:sticky;top:80px;height:fit-content;border-right:1px solid #e5e5e5;padding-right:20px}.collection-content{width:70%}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sort-dropdown select{padding:6px 10px;border:1px solid #ccc}.grid-toggle .grid-btn{border:none;background:none;font-size:20px;cursor:pointer;opacity:.4;margin-right:8px}.grid-toggle .grid-btn.active{opacity:1}.product-grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.product-card{border:1px solid #eee;padding:10px;position:relative;overflow:hidden;transition:all .3s ease}.product-image{position:relative}.product-image img{width:100%;display:block}.product-badges .sold-out-badge{position:absolute;top:10px;right:10px;background:#999;color:#fff;font-size:12px;padding:2px 6px;border-radius:3px}.product-hover-buttons{display:flex;justify-content:center;gap:10px;position:absolute;bottom:10px;width:100%;opacity:0;transition:opacity .3s}.product-card:hover .product-hover-buttons{opacity:1}.product-hover-buttons button,.product-hover-buttons a{background:#fff;border:1px solid #ccc;padding:6px 8px;font-size:14px;cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.product-info{margin-top:10px}.product-title a{font-size:14px;color:#000;text-decoration:none}.product-price{font-size:16px;font-weight:700;margin-top:5px}.filter-toggle-mobile{display:none;text-align:left;margin-bottom:10px}.filter-toggle-mobile button{background:#000;color:#fff;padding:10px 15px;font-size:14px;border:none;cursor:pointer}.drawer{display:none;position:fixed;top:0;left:0;width:85%;height:100%;background:#fff;z-index:1000;overflow-y:scroll;box-shadow:2px 0 10px #0000004d;padding:20px}@media (max-width: 990px){.collection-layout{flex-direction:column}.collection-filter{display:none}.filter-toggle-mobile{display:block}.collection-content{width:100%}.drawer.open{display:block!important}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-3,.grid-4{grid-template-columns:repeat(1,1fr)}}@media (max-width:500px){.lion{width:80vw!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-collection.css.map */