.mog-card{--mog-card-ratio: 1.333;display:flex;flex-direction:column;height:100%;text-align:left;transition:opacity var(--mog-duration) var(--mog-ease)}.mog-card--sold-out{opacity:.5}.mog-card__media-link{display:block;text-decoration:none;color:inherit}.mog-card__media{width:100%;aspect-ratio:var(--mog-card-ratio)}.mog-card__media--square{--mog-card-ratio: 1}.mog-card__media--portrait{--mog-card-ratio: .8}.mog-card__media--landscape{--mog-card-ratio: 1.333}.mog-card__img{transition:opacity var(--mog-duration) var(--mog-ease),transform var(--mog-duration) var(--mog-ease)}.mog-card__img--secondary{opacity:0}@media(hover:hover){.mog-card:hover .mog-card__img--secondary{opacity:1}.mog-card:hover .mog-card__img:not(.mog-card__img--secondary):not(:only-child){opacity:0}}.mog-card__body{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;padding-top:1.4rem}.mog-card__title{margin:0;font-size:1.5rem;line-height:1.2;letter-spacing:-.02em}.mog-card__title a{color:rgb(var(--color-foreground));text-decoration:none;transition:color var(--mog-duration) var(--mog-ease)}.mog-card__title a:hover{color:var(--mog-text-2)}.mog-card__vendor{margin:.6rem 0 0}.mog-card__subtitle{margin:.4rem 0 0;font-size:1.2rem;line-height:1.45;color:var(--mog-text-3)}.mog-card__rating{display:flex;align-items:center;gap:.6rem;margin-top:.6rem}.mog-card__rating .rating-count{margin:0}.mog-card__row{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:100%;margin-top:auto;padding-top:.8rem}.mog-card__price .price,.mog-card__price .price__container,.mog-card__price .price__regular,.mog-card__price .price__sale{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem}.mog-card__price .price{font-family:var(--font-body-family);font-size:1.4rem;font-weight:400;letter-spacing:0;color:rgb(var(--color-foreground));text-align:left}.mog-card__price .price__sale,.mog-card__price .price--on-sale .price__regular{display:none}.mog-card__price .price--on-sale .price__sale{display:flex}.mog-card__price .price-item--regular,.mog-card__price .price-item--sale{font-size:1.4rem}.mog-card__price .price--on-sale .price-item--regular{color:var(--mog-text-3);text-decoration:line-through}.mog-card__price .price__badge-sale,.mog-card__price .price__badge-sold-out,.mog-card__price .unit-price{display:none}.mog-card__quick-add{margin:0}.mog-card__button,.mog-card .quick-add__submit,.mog-card__quick-add .button{min-height:3.6rem;padding:.9rem 2.2rem;font-size:1.2rem;white-space:nowrap}.mog-card--highlight .mog-card__button{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.mog-card__quick-add .product-form,.mog-card__quick-add product-form,.mog-card__quick-add .form{margin:0}.mog-card__quick-add .button.loading{color:transparent}.mog-card--horizontal{flex-direction:row;gap:1.4rem;align-items:flex-start}.mog-card--horizontal .mog-card__media-link{flex:0 0 9.6rem}.mog-card--horizontal .mog-card__body{padding-top:0}.mog-card--horizontal .mog-card__row{padding-top:.4rem}.mog-card--placeholder .mog-card__title a{cursor:default}@media screen and (max-width:749px){.mog-card__body{padding-top:1.2rem}.mog-card__title{font-size:1.5rem}.mog-card__row{flex-wrap:wrap;gap:.8rem 1.2rem}.mog-card__price .price,.mog-card__price .price-item--regular,.mog-card__price .price-item--sale{font-size:1.4rem}.mog-card__button,.mog-card .quick-add__submit,.mog-card__quick-add .button{min-height:3.6rem;padding:.8rem 1.8rem;font-size:1.2rem}}@media screen and (min-width:990px){.mog-card__body{padding-top:2.2rem}.mog-card__title{font-size:2.1rem}.mog-card__subtitle{margin-top:.6rem;font-size:1.4rem}.mog-card__row{padding-top:1.8rem}.mog-card__price .price,.mog-card__price .price-item--regular,.mog-card__price .price-item--sale{font-size:1.6rem}.mog-card__button,.mog-card .quick-add__submit,.mog-card__quick-add .button{min-height:4rem;padding:1rem 2.4rem;font-size:1.2rem}}.quick-add-modal__content{border:.1rem solid var(--mog-rule);border-radius:0;box-shadow:none;background:rgb(var(--color-background))}.quick-add-modal__toggle{border:.1rem solid var(--mog-rule);border-radius:var(--mog-radius-pill);background:rgb(var(--color-background));color:rgb(var(--color-foreground));width:4.4rem;height:4.4rem}.quick-add-modal__toggle .icon{width:1.6rem;height:1.6rem}.quick-add-modal__content-info{padding:0}.product-grid,.grid.product-grid{row-gap:4rem}@media screen and (min-width:990px){.product-grid,.grid.product-grid{row-gap:5.6rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-mog-card.css.map */