.oath-collection-header{padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(2rem,4vw,3rem);border-bottom:var(--border-thin);margin-bottom:0}.oath-collection-header__inner{max-width:var(--max-width-content);margin-inline:auto;padding-inline:var(--gutter)}.oath-collection-header__eyebrow{display:block;font-family:var(--font-body-family);font-weight:var(--font-body-weight-strong);font-size:var(--font-size-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.oath-collection-header__title{font-family:var(--font-display-family);font-weight:var(--font-display-weight);font-size:clamp(2.25rem,5vw,4rem);letter-spacing:-.03em;line-height:1;color:var(--color-text-primary);margin-bottom:var(--space-4)}.oath-collection-header__desc{font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:560px}.oath-collection-header__desc .oath-page{padding-top:0!important}.oath-collection-header__image{max-width:720px;margin-block:1rem}.oath-collection-header__image-img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;object-position:center}.oath-collection-hero{width:100%;height:clamp(240px,35vw,480px);overflow:hidden;position:relative}.oath-collection-hero__img{width:100%;height:100%;object-fit:cover;object-position:center}.oath-filter-bar{position:sticky;top:72px;z-index:var(--z-sticky);background-color:var(--color-background);border-bottom:var(--border-thin)}.oath-filter-bar__inner{max-width:var(--max-width-content);margin-inline:auto;padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:52px}.oath-filter-bar__filters{display:flex;align-items:center;gap:var(--space-1);overflow-x:auto;scrollbar-width:none;flex:1}.oath-filter-bar__filters::-webkit-scrollbar{display:none}.oath-filter-btn{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body-family);font-weight:var(--font-body-weight-med);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-4);white-space:nowrap;transition:color .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.oath-filter-btn:hover{color:var(--color-text-primary)}.oath-filter-btn.is-active{color:var(--color-text-primary);border-bottom-color:var(--color-accent)}.oath-filter-btn__count{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:var(--color-accent);color:var(--color-text-inverse);font-size:9px;font-weight:var(--font-body-weight-strong);border-radius:0}.oath-filter-bar__sort{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.oath-sort-label{font-family:var(--font-body-family);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);white-space:nowrap}.oath-sort-select{font-family:var(--font-body-family);font-weight:var(--font-body-weight-med);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-primary);background:none;border:none;cursor:pointer;padding:var(--space-1) 0;border-bottom:1px solid var(--color-border);border-radius:0;transition:border-color .2s ease}.oath-sort-select:focus{border-bottom-color:var(--color-accent);outline:none}.oath-filter-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);pointer-events:none}.oath-filter-drawer.is-open{pointer-events:all}.oath-filter-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1c1c1a66;opacity:0;transition:opacity .3s ease}.oath-filter-drawer.is-open .oath-filter-drawer__overlay{opacity:1}.oath-filter-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(360px,90vw);background-color:var(--color-background);transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}.oath-filter-drawer.is-open .oath-filter-drawer__panel{transform:translate(0)}.oath-filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--gutter);border-bottom:var(--border-thin);min-height:64px}.oath-filter-drawer__title{font-family:var(--font-body-family);font-weight:var(--font-body-weight-strong);font-size:var(--font-size-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-primary)}.oath-filter-drawer__close{background:none;border:none;cursor:pointer;color:var(--color-text-primary);opacity:.5;padding:var(--space-1);transition:opacity .2s ease}.oath-filter-drawer__close:hover{opacity:1}.oath-filter-drawer__close svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.25;stroke-linecap:round}.oath-filter-drawer__body{flex:1;padding:var(--space-6) var(--gutter);overflow-y:auto}.oath-filter-group{border-bottom:var(--border-thin);padding-bottom:var(--space-6);margin-bottom:var(--space-6)}.oath-filter-group:last-child{border-bottom:none}.oath-filter-group__title{font-family:var(--font-body-family);font-weight:var(--font-body-weight-strong);font-size:var(--font-size-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-5)}.oath-filter-group__options{display:flex;flex-direction:column;gap:var(--space-3)}.oath-filter-option{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.oath-filter-option__checkbox{width:16px;height:16px;border:1px solid var(--color-border-strong);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.oath-filter-option__checkbox.is-checked{background-color:var(--color-accent);border-color:var(--color-accent)}.oath-filter-option__checkbox.is-checked:after{content:"";width:8px;height:5px;border-left:1.5px solid white;border-bottom:1.5px solid white;transform:rotate(-45deg) translateY(-1px);display:block}.oath-filter-option__label{font-family:var(--font-body-family);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1}.oath-filter-drawer__footer{padding:var(--space-5) var(--gutter);border-top:var(--border-thin);display:flex;gap:var(--space-3)}.oath-filter-drawer__apply{flex:1;background-color:var(--color-accent);color:var(--color-text-inverse);font-family:var(--font-body-family);font-weight:var(--font-body-weight-strong);font-size:var(--font-size-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;padding:var(--space-4);border:none;cursor:pointer;border-radius:0;transition:background-color .2s ease}.oath-filter-drawer__apply:hover{background-color:var(--color-accent-hover)}.oath-filter-drawer__clear{font-family:var(--font-body-family);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);background:none;border:var(--border-thin);padding:var(--space-4) var(--space-5);cursor:pointer;transition:color .2s ease,border-color .2s ease;border-radius:0}.oath-filter-drawer__clear:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}@media(max-width:767px){.oath-filter-bar{top:64px}.oath-filter-bar__inner{min-height:48px}.oath-sort-label{display:none}}.oath-collection-grid-wrap{max-width:var(--max-width-content);margin-inline:auto;padding-inline:var(--gutter);padding-top:var(--space-10);padding-bottom:var(--section-padding-y)}.oath-collection-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.oath-collection-count{font-family:var(--font-body-family);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary)}.oath-collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-10) var(--space-4)}@media(min-width:640px){.oath-collection-grid{gap:var(--space-12) var(--space-6)}}@media(min-width:900px){.oath-collection-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-14) var(--space-8)}}@media(min-width:1200px){.oath-collection-grid{gap:var(--space-16) var(--space-10)}}.oath-collection-empty{text-align:center;padding-block:var(--space-24);grid-column:1 / -1}.oath-collection-empty__headline{font-family:var(--font-display-family);font-size:var(--font-size-2xl);letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-4)}.oath-collection-empty__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.oath-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding-top:var(--space-16);border-top:var(--border-thin);margin-top:var(--space-16)}.oath-pagination__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-family:var(--font-body-family);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);border:var(--border-thin);text-decoration:none;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.oath-pagination__btn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.oath-pagination__btn.is-active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.oath-pagination__btn--prev,.oath-pagination__btn--next{width:auto;padding-inline:var(--space-5);gap:var(--space-2);font-weight:var(--font-body-weight-strong);text-transform:uppercase}.oath-pagination__btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/*# sourceMappingURL=/cdn/shop/t/195/assets/oath-collection.css.map */