.collection-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.collection-toolbar__left,.collection-toolbar__right{display:flex;align-items:center;gap:var(--space-md)}.filters-open-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--daino-color-gold);color:var(--daino-color-gold);padding:clamp(10px,2vw,14px) clamp(20px,4vw,32px);font-family:var(--font-heading);font-size:clamp(.65rem,1.8vw,.8rem);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all .3s ease}@media (hover: hover){.filters-open-btn:hover{background:var(--daino-color-gold);color:var(--daino-color-black)}}.filters-open-btn svg{width:16px;height:16px}.sort-select-wrapper{position:relative}.sort-select{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--daino-color-gold);color:var(--daino-color-gold);padding:clamp(10px,2vw,14px) clamp(36px,5vw,44px) clamp(10px,2vw,14px) clamp(14px,3vw,20px);font-family:var(--font-heading);font-size:clamp(.65rem,1.8vw,.8rem);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;min-width:180px}.sort-select:focus{background:var(--daino-color-gold);color:var(--daino-color-black);outline:none}@media (hover: hover){.sort-select:hover{background:var(--daino-color-gold);color:var(--daino-color-black)}}.sort-select option{background:var(--daino-color-black);color:var(--daino-color-white)}.sort-select-wrapper:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--daino-color-white);pointer-events:none}.collection-count{font-size:.85rem;color:var(--daino-color-gray-light)}.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:var(--space-lg)}.active-filters:empty{display:none}.active-filters__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--daino-color-gray-light);margin-right:8px}.filter-tag{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:6px 12px;font-size:.75rem;color:var(--daino-color-white);transition:all .2s ease}@media (hover: hover){.filter-tag:hover{border-color:var(--daino-color-gold)}}.filter-tag__remove{background:none;border:none;color:var(--daino-color-gray-light);cursor:pointer;padding:0;line-height:1;font-size:1rem;transition:color .2s ease}@media (hover: hover){.filter-tag__remove:hover{color:var(--daino-color-gold)}}.active-filters__clear{color:var(--daino-color-gold);font-size:.75rem;text-decoration:underline;cursor:pointer;background:none;border:none;transition:opacity .2s ease}.active-filters__clear:hover{opacity:.7}.filters-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999}.filters-overlay.is-visible{opacity:1;visibility:visible}.filters-drawer{position:fixed;top:0;bottom:0;width:90vw;max-width:380px;background:var(--daino-color-black);border-left:1px solid rgba(255,255,255,.1);z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}@media (max-width: 480px){.filters-drawer{width:100%;max-width:100%}}.filters-drawer--right{right:0;transform:translate(100%)}.filters-drawer--left{left:0;right:auto;transform:translate(-100%);border-left:none;border-right:1px solid rgba(255,255,255,.1)}.filters-drawer.is-open{transform:translate(0)}.filters-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1)}.filters-drawer__title{font-family:var(--font-heading);font-size:1.2rem;color:var(--daino-color-white);margin:0}.filters-drawer__close{background:none;border:none;color:var(--daino-color-gray-light);cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;transition:color .2s ease}@media (hover: hover){.filters-drawer__close:hover{color:var(--daino-color-gold)}}.filters-drawer__body{flex:1;overflow-y:auto;padding:var(--space-md);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--daino-color-gold) rgba(255,255,255,.1)}.filters-drawer__body::-webkit-scrollbar{width:4px}.filters-drawer__body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.filters-drawer__body::-webkit-scrollbar-thumb{background:var(--daino-color-gold);border-radius:2px}.filters-drawer__body::-webkit-scrollbar-thumb:hover{background:#d4af37cc}@media (max-width: 480px){.filters-drawer__body{padding:var(--space-lg)}}.filter-section{border-bottom:1px solid rgba(255,255,255,.1)}.filter-section:last-child{border-bottom:none}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;border:none;width:100%}.filter-header__title{font-family:var(--font-heading);font-size:clamp(.8rem,2vw,.95rem);text-transform:uppercase;letter-spacing:.12em;color:var(--daino-color-gold);text-decoration:underline;text-underline-offset:4px;margin:0;transition:opacity .3s ease}.filter-header:hover .filter-header__title{opacity:.7}.filter-header__icon{width:12px;height:12px;color:var(--daino-color-gold);transition:transform .3s ease;flex-shrink:0}.filter-section.is-open .filter-header__icon{transform:rotate(180deg)}.filter-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.filter-section.is-open .filter-content{max-height:500px;overflow:hidden}.filter-content__inner{padding-bottom:var(--space-md)}.filter-section--brand .filter-content__inner{position:relative;height:clamp(150px,25vh,250px);max-height:clamp(150px,25vh,250px);padding-bottom:0}.filter-section--brand .filter-options-scroll{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:scroll!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:auto!important;padding-right:8px}.filter-section--brand .filter-options-scroll::-webkit-scrollbar{width:4px}.filter-section--brand .filter-options-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.filter-section--brand .filter-options-scroll::-webkit-scrollbar-thumb{background:var(--daino-color-gold);border-radius:2px}.filter-section--brand .filter-options-scroll::-webkit-scrollbar-thumb:hover{background:#d4af37cc}.filter-option{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer}.filter-option input{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:1px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:all .2s ease}.filter-option input[type=checkbox]{border-radius:2px}.filter-option input[type=radio]{border-radius:50%}.filter-option input:checked{background:var(--daino-color-gold);border-color:var(--daino-color-gold)}.filter-option input[type=checkbox]:checked:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--daino-color-black);font-size:12px;font-weight:700}.filter-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--daino-color-black);border-radius:50%}.filter-option input:focus{outline:none;border-color:var(--daino-color-gold)}.filter-option__label{font-size:.85rem;color:var(--daino-color-gray-light);flex:1;transition:color .2s ease}.filter-option:hover .filter-option__label{color:var(--daino-color-white)}.filter-option__count{font-size:.75rem;color:var(--daino-color-gray)}.price-range{display:flex;align-items:center;gap:clamp(8px,2vw,12px);padding:var(--space-sm) 0}.price-input{flex:1;min-width:0;background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--daino-color-white);padding:clamp(8px,2vw,12px) clamp(8px,2vw,14px);font-size:clamp(.8rem,2vw,.9rem);text-align:center;transition:border-color .2s ease;width:100%}.price-input:focus{outline:none;border-color:var(--daino-color-gold)}.price-input::placeholder{color:var(--daino-color-gray)}.price-input::-webkit-outer-spin-button,.price-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.price-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.price-separator{color:var(--daino-color-gray-light);font-size:.85rem;flex-shrink:0}.filters-drawer__footer{padding:var(--space-lg);border-top:1px solid rgba(255,255,255,.1);display:flex;gap:var(--space-md)}.filters-reset-btn{flex:1;padding:12px 20px;background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--daino-color-white);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}@media (hover: hover){.filters-reset-btn:hover{border-color:var(--daino-color-white)}}.filters-confirm-btn{flex:1;padding:12px 20px;background:var(--daino-color-gold);border:1px solid var(--daino-color-gold);color:var(--daino-color-black);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}@media (hover: hover){.filters-confirm-btn:hover{background:transparent;color:var(--daino-color-gold)}}.collection-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:10}.collection-loading.is-visible{opacity:1;visibility:visible}.collection-loading__spinner{width:40px;height:40px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--daino-color-gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.collection-grid.is-loading{opacity:.5;pointer-events:none}.collection-grid-wrapper{position:relative}body.filters-drawer-open{overflow:hidden;overscroll-behavior:none}@supports (-webkit-touch-callout: none){body.filters-drawer-open{position:fixed;top:0;right:0;bottom:0;left:0}}.filters-drawer-open .filters-drawer__body{touch-action:pan-y!important;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.collection-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.collection-toolbar__left,.collection-toolbar__right{justify-content:space-between;width:100%}.filters-open-btn,.sort-select-wrapper{flex:1}.sort-select{width:100%}.filters-drawer{width:90vw}.collection-count{text-align:center;width:100%;padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.1)}}@media (max-width: 480px){.active-filters{gap:6px}.filter-tag{padding:4px 8px;font-size:.7rem}.filters-drawer__footer{flex-direction:column}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/184/assets/collection-filters.css.map */