.oath-card{display:flex;flex-direction:column;gap:0}.oath-card__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background-color:var(--color-muted)}.oath-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .4s ease}.oath-card__img--primary{opacity:1;z-index:1}.oath-card__img--secondary{opacity:0;z-index:2}.oath-card:hover .oath-card__img--secondary{opacity:1}.oath-card:hover .oath-card__img--primary{opacity:0}.oath-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-muted)}.oath-card__placeholder-svg{width:60%;height:60%;opacity:.15}.oath-card__info{padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.oath-card__collection{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)}.oath-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.oath-card__title-link{text-decoration:none;color:inherit}.oath-card__title{font-family:var(--font-display-family);font-weight:var(--font-display-weight);font-size:var(--font-size-lg);letter-spacing:-.01em;color:var(--color-text-primary);line-height:var(--line-height-snug);transition:opacity .2s ease;overflow-wrap:normal;word-break:normal}.oath-card__title-link:hover .oath-card__title{opacity:.6}.oath-card__price{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.oath-card__price--current{font-family:var(--font-body-family);font-weight:var(--font-body-weight-med);font-size:var(--font-size-sm);color:var(--color-text-primary);letter-spacing:var(--tracking-normal)}.oath-card__price--compare{font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:line-through}.oath-card__variants{font-family:var(--font-body-family);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);text-transform:uppercase}.oath-card__link{display:block;text-decoration:none}.oath-card__rating{display:flex;align-items:center;min-height:16px}.oath-card__rating .jdgm-widget.jdgm-preview-badge{margin:0!important}.oath-card__rating .jdgm-prev-badge__stars{font-size:12px!important}.oath-card__rating .jdgm-prev-badge__text{font-family:var(--font-body-family)!important;font-size:var(--font-size-xs)!important;color:var(--color-text-secondary)!important}@media(max-width:639px){.oath-card__meta{flex-direction:column;align-items:flex-start;gap:2px}.oath-card__price{flex-shrink:1}}.oath-accordion{border-top:var(--border-thin)}.oath-accordion__item{border-bottom:var(--border-thin)}.oath-accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0;background:none;border:none;cursor:pointer;text-align:left}.oath-accordion__trigger-label{font-family:var(--font-body-family);font-weight:var(--font-body-weight-med);font-size:var(--font-size-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-primary);transition:opacity .2s ease}.oath-accordion__trigger:hover .oath-accordion__trigger-label{opacity:.55}.oath-accordion__icon{flex-shrink:0;width:16px;height:16px;position:relative}.oath-accordion__icon:before,.oath-accordion__icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-text-primary);transition:opacity .25s ease,transform .25s ease}.oath-accordion__icon:before{width:12px;height:1px}.oath-accordion__icon:after{width:1px;height:12px}.oath-accordion__item.is-open .oath-accordion__icon:after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}.oath-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.oath-accordion__item.is-open .oath-accordion__body{grid-template-rows:1fr}.oath-accordion__body-inner{overflow:hidden;min-height:0}.oath-accordion__content{padding-bottom:var(--space-6);font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.oath-accordion__content p{margin-bottom:.9rem;line-height:1.8}.oath-accordion__content p:last-child{margin-bottom:0}.oath-accordion__content h3{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);margin-top:1.4rem;margin-bottom:.5rem}.oath-accordion__content ul{margin:.4rem 0 .9rem 1.2rem}.oath-accordion__content ul li{margin-bottom:.4rem}.oath-accordion__content strong{display:block;font-weight:var(--font-body-weight-strong);color:var(--color-text-primary);margin-top:1rem;margin-bottom:.2rem}.oath-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-12)}.oath-section-header__left{display:flex;flex-direction:column;gap:var(--space-3)}.oath-section-header__eyebrow{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)}.oath-section-header__headline{font-family:var(--font-display-family);font-weight:var(--font-display-weight);font-size:clamp(1.75rem,3vw,2.75rem);letter-spacing:-.02em;line-height:1.1;color:var(--color-text-primary)}.oath-section-header__link{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);text-decoration:none;padding-bottom:2px;border-bottom:1px solid var(--color-border-strong);white-space:nowrap;transition:color .2s ease,border-color .2s ease;flex-shrink:0;align-self:flex-end}.oath-section-header__link:hover{color:var(--color-text-primary);border-bottom-color:var(--color-text-primary)}@media(max-width:599px){.oath-section-header{flex-direction:column;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8)}}
/*# sourceMappingURL=/cdn/shop/t/195/assets/oath-components.css.map */