.custom-collection{padding:32px 24px 60px}.custom-collection__header{margin-bottom:20px}.custom-collection__title{font-family:Instrument Sans,sans-serif;font-size:32px;font-weight:400;color:#052326;margin:0}.custom-collection__filter-toggle{display:none;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid rgba(5,35,38,.2);background:#fff;color:#052326;font-family:Instrument Sans,sans-serif;font-size:14px;cursor:pointer;margin-bottom:16px}.custom-collection__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05232673;z-index:999}.custom-collection__overlay[hidden]{display:none}.custom-collection__body{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}.custom-collection__sidebar-inner{position:sticky;top:24px;background:#fff;border:1px solid #E5DDCF;border-radius:20px;padding:24px}.custom-collection__filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #EFE9DD}.custom-collection__filters-header h2{font-family:Instrument Sans,sans-serif;font-size:22px;font-weight:400;color:#052326;margin:0}.custom-collection__filters-header-right{display:flex;align-items:center;gap:16px}.custom-collection__reset{font-family:Instrument Sans,sans-serif;font-size:14px;color:#052326;text-decoration:underline}.custom-collection__filter-close{display:none;background:none;border:none;color:#052326;cursor:pointer;padding:0}.custom-collection__filter-group{border-bottom:1px solid #EFE9DD}.custom-collection__filter-group:last-child{border-bottom:none}.custom-collection__filter-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 0;background:none;border:none;cursor:pointer;font-family:Instrument Sans,sans-serif;font-size:16px;color:#052326;text-align:left}.custom-collection__filter-icon{width:22px;height:22px;border-radius:50%;background:#077a49;display:flex;align-items:center;justify-content:center;flex-shrink:0}.custom-collection__filter-icon-toggle{position:relative;width:10px;height:10px}.custom-collection__filter-icon-toggle:before,.custom-collection__filter-icon-toggle:after{content:"";position:absolute;background:#fff;transition:transform .25s ease}.custom-collection__filter-icon-toggle:before{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.custom-collection__filter-icon-toggle:after{left:50%;top:0;width:2px;height:100%;transform:translate(-50%) rotate(0)}.custom-collection__filter-group.is-open .custom-collection__filter-icon-toggle:after{transform:translate(-50%) rotate(90deg)}.custom-collection__filter-values{overflow:hidden;max-height:0;transition:max-height .25s ease;display:flex;flex-direction:column;gap:12px}.custom-collection__filter-group.is-open .custom-collection__filter-values{max-height:600px;padding-bottom:16px}.custom-collection__checkbox-row{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Instrument Sans,sans-serif;font-size:14px;color:#052326}.custom-collection__checkbox{width:18px;height:18px;border-radius:5px;border:1px solid rgba(5,35,38,.3);flex-shrink:0;position:relative}.custom-collection__checkbox-row.is-active .custom-collection__checkbox{background:#052326;border-color:#052326}.custom-collection__checkbox-row.is-active .custom-collection__checkbox:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-collection__checkbox-count{color:#617272}.custom-collection__toggle-row{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-family:Instrument Sans,sans-serif;font-size:14px;color:#052326}.custom-collection__toggle-track{width:36px;height:20px;border-radius:999px;background:#05232633;position:relative;transition:background .2s ease;flex-shrink:0}.custom-collection__toggle-track.is-active{background:#077a49}.custom-collection__toggle-dot{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease}.custom-collection__toggle-track.is-active .custom-collection__toggle-dot{transform:translate(16px)}.custom-collection__radio-row{display:flex;align-items:center;gap:10px;font-family:Instrument Sans,sans-serif;font-size:14px;color:#052326;cursor:pointer}.custom-collection__radio-input{position:absolute;opacity:0;width:0;height:0}.custom-collection__radio-dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(5,35,38,.3);flex-shrink:0;position:relative}.custom-collection__radio-input:checked~.custom-collection__radio-dot{border-color:#052326}.custom-collection__radio-input:checked~.custom-collection__radio-dot:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#052326}.custom-collection__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.custom-collection__empty{font-family:Instrument Sans,sans-serif;font-size:15px;color:#617272;padding:40px 0;text-align:center}.custom-collection__pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px}.custom-collection__page-btn,.custom-collection__page-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#052326;text-decoration:none;font-family:Instrument Sans,sans-serif;font-size:14px}.custom-collection__page-btn.is-disabled{color:#0523264d}.custom-collection__page-number.is-current{background:#077a49;font-weight:600;color:#fff}.custom-collection__page-number:hover:not(.is-current){background:#e8f5e9}.custom-collection__page-ellipsis{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#617272}@media screen and (max-width:1200px){.custom-collection__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:989px){.custom-collection__filter-toggle{display:inline-flex}.custom-collection__body{grid-template-columns:1fr}.custom-collection__sidebar{position:fixed;top:0;left:-320px;width:300px;height:100%;z-index:1000;transition:left .25s ease;overflow-y:auto}.custom-collection__sidebar.is-open{left:0}.custom-collection__sidebar-inner{position:static;border-radius:0;height:100%;border:none}.custom-collection__filter-close{display:flex}}@media screen and (max-width:549px){.custom-collection{padding:24px 16px 40px}.custom-collection__grid{grid-template-columns:1fr 1fr;gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-collection.css.map */