.collection-page-section{position:relative;box-sizing:border-box}.collection-top-bar{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding:0 var(--spacing-sm);border-bottom:1px dashed var(--color-primary);padding-bottom:var(--spacing-md);width:100%;box-sizing:border-box}.collection-top-left,.collection-top-right{flex:1}.collection-top-right{display:flex;justify-content:flex-end}.collection-dropdown,.collection-sort-dropdown{position:relative;display:inline-block}.collection-dropdown-btn,.collection-sort-btn{background:none;border:none;font-family:var(--font-body);font-size:var(--font-size-small);color:var(--color-heading);text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:8px;padding:var(--spacing-xs) 0;white-space:nowrap}.collection-dropdown-btn svg,.collection-sort-btn svg{width:16px;height:16px;flex-shrink:0}.collection-dropdown-menu,.collection-sort-menu{position:absolute;top:100%;background-color:var(--bg-page);border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);box-shadow:0 4px 12px #0000001a;min-width:200px;list-style:none;padding:var(--spacing-sm) 0;margin:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-base);z-index:20}.collection-dropdown-menu{left:0}.collection-sort-menu{right:0}.collection-dropdown.is-open .collection-dropdown-menu,.collection-sort-dropdown.is-open .collection-sort-menu{opacity:1;visibility:visible;transform:translateY(0)}.collection-dropdown-menu li a,.collection-sort-menu li a{display:block;padding:var(--spacing-xs) var(--spacing-md);color:var(--color-body);text-decoration:none;font-family:var(--font-body);font-size:var(--font-size-small);transition:background-color var(--transition-base),color var(--transition-base);white-space:nowrap}.collection-dropdown-menu li a:hover,.collection-dropdown-menu li a.active,.collection-sort-menu li a:hover,.collection-sort-menu li a.active{background-color:var(--color-primary);color:var(--color-accent)}.collection-products-wrapper{position:relative;z-index:2;width:100%}.collection-products-grid{display:grid;gap:var(--spacing-xl);width:100%}.no-products-msg{text-align:center;width:100%;grid-column:1 / -1;padding:var(--spacing-3xl) 0}.collection-pagination{margin-top:var(--spacing-3xl);text-align:center}.collection-pagination .pagination{display:inline-flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0;background:var(--bg-page)}.collection-pagination a,.collection-pagination span.current{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--color-primary);border-radius:20px;color:var(--color-heading);text-decoration:none;transition:all var(--transition-base);font-family:var(--font-body);box-sizing:border-box;text-align:center}.collection-pagination span.current,.collection-pagination a:hover{background-color:var(--color-primary);color:var(--color-accent)}@media(min-width:1025px){.collection-products-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px)and (min-width:768px){.collection-products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.collection-top-bar{padding:0 var(--spacing-xs);margin-bottom:var(--spacing-lg);gap:10px}.collection-dropdown-menu{left:0;right:auto;transform:translateY(10px);min-width:180px}.collection-sort-menu{left:auto;right:0;transform:translateY(10px);min-width:180px}.collection-dropdown.is-open .collection-dropdown-menu,.collection-sort-dropdown.is-open .collection-sort-menu{transform:translateY(0)}.collection-dropdown-btn span,.collection-sort-btn span{display:inline}.collection-products-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/css/pages/collection.css.map */