:root{--rc-ch-base-font-size: 16;--rc-ch-font-size-11: calc((11 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-font-size-12: calc((12 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-font-size-14: calc((14 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-font-size-16: calc((16 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-font-size-20: calc((20 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-font-size-60: calc((60 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-font-size-title: clamp(var(--rc-ch-font-size-20), .181rem + 2.227vi, var(--rc-ch-font-size-60));--rc-ch-font-size-btn: clamp(var(--rc-ch-font-size-12), .643rem + .223vi, var(--rc-ch-font-size-16));--rc-ch-spacing-6: calc((6 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-spacing-8: calc((8 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-spacing-10: calc((10 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-spacing-14: calc((14 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-spacing-15: calc((15 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-spacing-16: calc((16 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-spacing-18: calc((18 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-spacing-24: calc((24 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-spacing-32: calc((32 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-spacing-40: calc((40 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-spacing-60: calc((60 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-spacing-140: calc((140 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-spacing-180: calc((180 / var(--rc-ch-base-font-size)) * 1rem);--rc-ch-color-white: #ffffff;--rc-ch-color-black: #000000;--rc-ch-color-neutral-2: hsl(0, 0%, 97%);--rc-ch-color-neutral-3: hsl(0, 0%, 93%);--rc-ch-color-neutral-4: hsl(36, 26%, 93%);--rc-ch-color-tag: var(--rc-ch-color-neutral-2);--rc-ch-color-tag-hover: var(--rc-ch-color-neutral-4);--rc-ch-color-tag-active: var(--rc-ch-color-neutral-4);--rc-ch-border-radius: 5px;--rc-ch-border-radius-btn: 8px}.rc-collection-header{display:flex;flex-direction:column;gap:var(--rc-ch-spacing-24);max-width:var(--rc-header-max-width, 98%);margin-inline:auto;margin-top:0;padding:var(--rc-ch-spacing-60) 20px var(--rc-ch-spacing-32);box-sizing:border-box;width:100%}@media screen and (min-width:768px){.rc-collection-header{padding:var(--rc-ch-spacing-60) 20px 0}}.rc-collection-header__top{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width:768px){.rc-collection-header__top{flex-direction:row;justify-content:flex-start;align-items:baseline;gap:30px}}.rc-collection-header__title{font-size:22px;font-weight:500;text-transform:uppercase;letter-spacing:normal;text-align:left;margin:0;padding-left:20px;color:var(--rc-ch-color-black);flex-shrink:0}@media screen and (min-width:768px){.rc-collection-header__title{padding-left:0}}@media screen and (min-width:768px){.rc-collection-header__title{font-size:44px}}.rc-collection-header__related{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.rc-collection-header__related::-webkit-scrollbar{display:none}.rc-collection-header__related-link{font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;white-space:nowrap;color:#00000059;transition:color .2s ease}.rc-collection-header__related-link.is-active{color:#000;font-weight:500}.rc-collection-header__related-link:hover:not(.is-active){color:#000000b3}.rc-collection-header__related-link sup{font-size:.7em;margin-left:1px;opacity:.5}@media screen and (max-width:767px){.rc-collection-header__related-link{font-size:12px}}.rc-collection-header__toolbar{display:flex;flex-wrap:wrap;gap:var(--rc-ch-spacing-8)}@media screen and (min-width:768px){.rc-collection-header__toolbar{gap:var(--rc-ch-spacing-15)}}.rc-collection-header__filters{display:flex;flex-wrap:wrap;gap:var(--rc-ch-spacing-8)}@media screen and (min-width:768px){.rc-collection-header__filters{gap:var(--rc-ch-spacing-15)}}.rc-collection-header__btn{display:flex;align-items:center;gap:var(--rc-ch-spacing-10);padding:var(--rc-ch-spacing-16);background-color:var(--rc-ch-color-white);border-radius:var(--rc-ch-border-radius);border:none;font-family:inherit;font-size:var(--rc-ch-font-size-btn);font-weight:400;text-transform:uppercase;color:var(--rc-ch-color-black);cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.rc-collection-header__btn:hover{background-color:var(--rc-ch-color-tag-hover)}@media screen and (min-width:768px){.rc-collection-header__btn{padding:var(--rc-ch-spacing-18)}}@media screen and (max-width:480px){.rc-collection-header__btn{font-size:var(--rc-ch-font-size-11)}}.rc-collection-header__dropdown-btn svg,.rc-collection-header__sort-btn svg{width:8px;height:6px;flex-shrink:0}.rc-collection-header__sort{position:relative}.rc-collection-header__sort-btn{padding-right:var(--rc-ch-spacing-32);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none'%3E%3Cpath fill='currentColor' d='M.293 1.5 1 .793l6.147 6.146L13.293.793 14 1.5 7.5 8a.5.5 0 0 1-.707 0l-6.5-6.5Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--rc-ch-spacing-14) center;background-size:var(--rc-ch-spacing-10)}.rc-collection-header__sort-options{position:absolute;left:50%;top:100%;display:flex;flex-direction:column;align-items:stretch;border-radius:var(--rc-ch-border-radius);background-color:var(--rc-ch-color-white);white-space:nowrap;z-index:-1;opacity:0;transform:translate(-50%);transition:opacity .3s ease,z-index 0s .3s;box-shadow:0 4px 12px #0000001a;margin-top:4px}.rc-collection-header__sort:hover .rc-collection-header__sort-options,.rc-collection-header__sort.is-open .rc-collection-header__sort-options{z-index:10;opacity:1;transition:opacity .3s ease,z-index 0s}.rc-collection-header__sort-options .rc-collection-header__btn{border-radius:0;justify-content:flex-start}.rc-collection-header__sort-options .rc-collection-header__btn:first-child{border-radius:var(--rc-ch-border-radius) var(--rc-ch-border-radius) 0 0}.rc-collection-header__sort-options .rc-collection-header__btn:last-child{border-radius:0 0 var(--rc-ch-border-radius) var(--rc-ch-border-radius)}.rc-collection-header__view{display:flex;align-items:center;gap:var(--rc-ch-spacing-10);padding:var(--rc-ch-spacing-6);background-color:var(--rc-ch-color-white);border-radius:var(--rc-ch-border-radius);font-size:var(--rc-ch-font-size-btn)}@media screen and (min-width:768px){.rc-collection-header__view{padding:var(--rc-ch-spacing-10)}}.rc-collection-header__view-label{padding:0 var(--rc-ch-spacing-8);text-transform:uppercase;font-size:var(--rc-ch-font-size-btn)}@media screen and (max-width:480px){.rc-collection-header__view-label{font-size:var(--rc-ch-font-size-11)}}.rc-collection-header__view-options{display:flex;gap:var(--rc-ch-spacing-8)}.rc-collection-header__view-options--mobile{display:flex}@media screen and (min-width:768px){.rc-collection-header__view-options--mobile{display:none}}.rc-collection-header__view-options--desktop{display:none}@media screen and (min-width:768px){.rc-collection-header__view-options--desktop{display:flex}}.rc-collection-header__view-btn{display:flex;align-items:center;justify-content:center;padding:var(--rc-ch-spacing-8) var(--rc-ch-spacing-14);background-color:var(--rc-ch-color-tag);border-radius:var(--rc-ch-border-radius-btn);border:none;font-family:inherit;font-size:var(--rc-ch-font-size-btn);font-weight:400;color:var(--rc-ch-color-black);cursor:pointer;transition:background-color .2s ease}.rc-collection-header__view-btn:hover,.rc-collection-header__view-btn.is-active{background-color:var(--rc-ch-color-tag-active)}.rc-collection-header__layout{display:none}.rc-collection-header__layout-options{display:flex;gap:var(--rc-ch-spacing-8)}.rc-collection-header__layout-btn{display:flex;align-items:center;justify-content:center;padding:var(--rc-ch-spacing-8);background-color:var(--rc-ch-color-tag);border-radius:var(--rc-ch-border-radius-btn);border:none;color:var(--rc-ch-color-black);cursor:pointer;transition:background-color .2s ease}.rc-collection-header__layout-btn:hover,.rc-collection-header__layout-btn.is-active{background-color:var(--rc-ch-color-tag-active)}.rc-collection-header__layout-btn svg{width:calc((20 / var(--rc-ch-base-font-size)) * 1rem);height:calc((20 / var(--rc-ch-base-font-size)) * 1rem)}.rc-collection-header__dropdown{position:relative}@media screen and (max-width:1139px){.rc-collection-header__dropdown[data-filter-dropdown]{display:none}}.rc-collection-header__dropdown-content{position:absolute;top:100%;left:0;min-width:220px;max-height:300px;overflow-y:auto;background-color:var(--rc-ch-color-white);border-radius:var(--rc-ch-border-radius);box-shadow:0 4px 12px #0000001a;margin-top:4px;z-index:20}.rc-collection-header__dropdown-content[hidden],.rc-collection-header__sort-options[hidden]{display:none}.rc-collection-header__sort-options:not([hidden]){z-index:10;opacity:1}.rc-collection-header__sort-option{text-decoration:none}.rc-collection-header__sort-option.is-active{background-color:var(--rc-ch-color-tag-active)}.rc-collection-header__filter-list{list-style:none;margin:0;padding:var(--rc-ch-spacing-8)}.rc-collection-header__filter-list li{margin:0}.rc-collection-header__filter-option{display:flex;align-items:center;gap:var(--rc-ch-spacing-10);padding:var(--rc-ch-spacing-10) var(--rc-ch-spacing-8);text-decoration:none;color:var(--rc-ch-color-black);font-size:var(--rc-ch-font-size-12);border-radius:var(--rc-ch-border-radius);transition:background-color .2s ease}.rc-collection-header__filter-option:hover{background-color:var(--rc-ch-color-tag-hover)}.rc-collection-header__filter-option.is-active{background-color:var(--rc-ch-color-tag-active)}.rc-collection-header__filter-checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--rc-ch-color-black);border-radius:2px;flex-shrink:0}.rc-collection-header__filter-option.is-active .rc-collection-header__filter-checkbox{background-color:var(--rc-ch-color-black);color:var(--rc-ch-color-white)}.rc-collection-header__filter-count{opacity:.5;font-size:var(--rc-ch-font-size-11);margin-left:auto}.rc-collection-header__filter-badge{background-color:var(--rc-ch-color-black);color:var(--rc-ch-color-white);font-size:10px;padding:2px 6px;border-radius:999px;margin-left:4px}.rc-collection-header__filter-panel{position:fixed;top:0;left:0;bottom:0;width:min(90vw,320px);background:var(--rc-ch-color-white);z-index:1001;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease}.rc-collection-header__filter-panel[hidden]{display:flex}.rc-collection-header__filter-panel.is-open{transform:translate(0)}.rc-collection-header__filter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--rc-ch-color-neutral-3);font-size:var(--rc-ch-font-size-12);text-transform:uppercase;letter-spacing:.1em}.rc-collection-header__filter-panel-close{background:transparent;border:none;padding:.5rem;margin:-.5rem;cursor:pointer}.rc-collection-header__filter-panel-content{flex:1;overflow-y:auto;padding:0 1.5rem}.rc-collection-header__filter-panel-footer{padding:1rem 1.5rem;border-top:1px solid var(--rc-ch-color-neutral-3)}.rc-collection-header__filter-clear{display:block;text-align:center;font-size:var(--rc-ch-font-size-12);text-transform:uppercase;color:inherit;text-decoration:underline}.rc-collection-header__filter-group{border-bottom:1px solid var(--rc-ch-color-neutral-3)}.rc-collection-header__filter-group-header{display:flex;align-items:center;gap:.5rem;padding:1rem 0;font-size:var(--rc-ch-font-size-12);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;list-style:none}.rc-collection-header__filter-group-header::-webkit-details-marker{display:none}.rc-collection-header__filter-group-header svg{margin-left:auto;transition:transform .2s ease}.rc-collection-header__filter-group[open] .rc-collection-header__filter-group-header svg{transform:rotate(180deg)}.rc-collection-header__filter-group-count{font-size:10px;opacity:.6}.rc-collection-header__filter-group-content{padding-bottom:1rem}.rc-collection-header__filter-group-content .rc-collection-header__filter-list{padding:0}.rc-collection-header__price-form{display:flex;flex-direction:column;gap:1rem}.rc-collection-header__price-inputs{display:flex;align-items:center;gap:.5rem}.rc-collection-header__price-input{display:flex;align-items:center;border:1px solid var(--rc-ch-color-neutral-3);padding:.5rem;flex:1;border-radius:var(--rc-ch-border-radius)}.rc-collection-header__price-input span{font-size:var(--rc-ch-font-size-12);opacity:.5;margin-right:.25rem}.rc-collection-header__price-input input{border:none;width:100%;font-size:var(--rc-ch-font-size-12);background:transparent}.rc-collection-header__price-input input:focus{outline:none}.rc-collection-header__price-apply{padding:.75rem;background:var(--rc-ch-color-black);color:var(--rc-ch-color-white);border:none;font-size:var(--rc-ch-font-size-12);text-transform:uppercase;cursor:pointer;border-radius:var(--rc-ch-border-radius)}.rc-collection-header__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.rc-collection-header__backdrop[hidden]{display:block}.rc-collection-header__backdrop.is-open{opacity:1;visibility:visible}@media screen and (max-width:767px){.rc-collection-header{padding:0 9px;margin:20px 0 10px}.rc-collection-header__title{line-height:normal}}.rc-collection__grid--list,.product-grid--list,.product-grid[data-layout=list]{grid-template-columns:1fr!important;gap:0!important}.rc-collection__grid--list .rc-collection__item,.product-grid--list>li,.product-grid[data-layout=list]>li{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0;border-bottom:1px solid rgba(0,0,0,.1)}@media screen and (min-width:768px){.rc-collection__grid--list .rc-collection__item,.product-grid--list>li,.product-grid[data-layout=list]>li{grid-template-columns:300px 1fr;gap:40px}}.rc-collection__grid--list .rc-product-card,.product-grid--list .rc-product-card,.product-grid[data-layout=list] .rc-product-card,.rc-collection__grid--list .product-card,.product-grid--list .product-card,.product-grid[data-layout=list] .product-card{display:contents}.rc-collection__grid--list .rc-product-card__media,.product-grid--list .rc-product-card__media,.product-grid[data-layout=list] .rc-product-card__media,.rc-collection__grid--list .product-card__media,.product-grid--list .product-card__media,.product-grid[data-layout=list] .product-card__media{aspect-ratio:3/4;max-height:400px}.rc-collection__grid--list .rc-product-card__content,.product-grid--list .rc-product-card__content,.product-grid[data-layout=list] .rc-product-card__content,.rc-collection__grid--list .product-card__content,.product-grid--list .product-card__content,.product-grid[data-layout=list] .product-card__content{display:flex;flex-direction:column;justify-content:center;padding:20px 0}.rc-collection__grid--list .rc-product-card__title,.product-grid--list .rc-product-card__title,.product-grid[data-layout=list] .rc-product-card__title,.rc-collection__grid--list .product-card__title,.product-grid--list .product-card__title,.product-grid[data-layout=list] .product-card__title{font-size:1.25rem;margin-bottom:10px}.rc-collection__grid--list .rc-product-card__price,.product-grid--list .rc-product-card__price,.product-grid[data-layout=list] .rc-product-card__price,.rc-collection__grid--list .product-card__price,.product-grid--list .product-card__price,.product-grid[data-layout=list] .product-card__price{font-size:1rem}.rc-collection__grid--list .rc-collection__item--promo,.product-grid--list .rc-collection__item--promo{display:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/rc-collection-header.css.map */