.card__product{border-radius:var(--border-radius-md);padding:var(--spacing-xs-10)}@media (min-width: 640px){.card__product{padding:var(--spacing-sm-12)}}@media (min-width: 990px){.card__product{padding:var(--spacing-sm-24)}}.card__product .card__title a{-webkit-text-decoration:none;text-decoration:none}.card__product .product__unit--details{display:inline-flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:var(--spacing-xs-2);color:var(--color-button-text);background-color:var(--color-button);padding:var(--spacing-xs-4) var(--spacing-sm-12) var(--spacing-xs-4) var(--spacing-xs-8);border-radius:var(--border-radius-lg);font-size:var(--font-sizes-xxs-mobile)}@media (min-width: 990px){.card__product .product__unit--details{font-size:var(--font-sizes-xxxs-desktop)}}:is(.card__product .product__unit--details) svg{height:18px;width:18px}.card__product .price{line-height:140%;font-weight:var(--font-weights-medium);font-size:var(--font-sizes-sm-mobile)}@media (min-width: 990px){.card__product .price{font-size:var(--font-sizes-sm-desktop)}}.card__product .price__sold-out{text-align:right}:is(.card__product .price__sold-out) .h4{color:var(--color-text-tertiary)}.card__product .price__container{width:100%}.card__product .price_unit-quantity{display:none}.card__product .unit-price__wrapper{display:flex;flex-flow:column nowrap;gap:var(--spacing-xs-4);margin-top:var(--spacing-xs-4);color:var(--color-text-tertiary)}.card__product .price__purchase-type{display:none}.card__product .price__unit-price{display:flex;flex-flow:column nowrap;gap:var(--spacing-xs-4);justify-content:space-between;align-items:flex-end;margin-top:0;text-align:right}.card__product .price--on-sale .price-item--regular{margin-right:0}.card__product .price__old-price,.card__product .selling-plan__old-price{-webkit-text-decoration:line-through;text-decoration:line-through;color:var(--color-text-tertiary);font-size:var(--font-sizes-xxs-mobile)}@media (min-width: 750px){.card__product .price__old-price,.card__product .selling-plan__old-price{font-size:var(--font-sizes-xs-desktop)}}.card__product .selling-plan__new-price{margin-left:var(--spacing-xs-4)}.card__product .card__ingredients-info,.card__product .card__ingredients-info>*{display:inline-flex;flex-flow:row nowrap;align-items:center;justify-content:center}:is(.card__product .card__ingredients-info,.card__product .card__ingredients-info>*) button{display:inline-flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:var(--spacing-xs-4);padding:0}.card__product .card__allergens-info{display:inline-flex;flex-flow:row wrap;gap:var(--spacing-xs-4);align-items:center;justify-content:flex-start;color:var(--color-text-tertiary);opacity:.8}:is(.card__product .card__allergens-info) p{font-weight:var(--font-weights-medium);display:none}:is(.card__product .card__allergens-info) ul,:is(.card__product .card__allergens-info) li{display:inline-flex;flex-flow:row nowrap;gap:var(--spacing-xs-6);align-items:center;justify-content:center;list-style:none;padding:0;line-height:1}:is(.card__product .card__allergens-info) li{gap:var(--spacing-xs-4)}:is(.card__product .card__allergens-info) .icon{color:var(--color-text-tertiary);border:1px solid var(--color-text-tertiary);border-radius:var(--border-radius-circle);padding:1px}:is(.card__product .card__allergens-info) span{display:none}.card__product :has(.card__badge--limited,.card__badge--exclusive) .card__allergens-info{display:none}:is(.card__product--default .card__inner) .card__media{border-radius:var(--border-radius-md);background-color:transparent}:is(.card__product--default .card__inner) .card__badge{display:inline-flex;flex-flow:row wrap;gap:var(--spacing-xs-4)}.card__product--default .product__unit--details{position:absolute;bottom:var(--spacing-xs-8);left:var(--spacing-xs-8)}.card__product--default .card__content{padding:0;margin-top:var(--spacing-sm-16);gap:var(--spacing-xs-4)}@media (min-width: 990px){.card__product--default .card__content{margin-top:var(--spacing-sm-24)}}.card__product--default .card__information{display:inline-flex;flex-flow:column nowrap;justify-content:space-between;gap:var(--spacing-xs-8);padding:0 var(--spacing-xs-2) var(--spacing-xs-2)}@media (min-width: 640px){.card__product--default .card__information{flex-flow:row nowrap;gap:var(--spacing-sm-16);padding:0}}@media (min-width: 640px){.card__product--default .card-title{flex-basis:50%;flex-grow:1}}@media (min-width: 640px){.card__product--default .card-information{flex-basis:50%}}.card__product--default .price__type-wrapper{text-align:left}@media (min-width: 750px){.card__product--default .price__type-wrapper{text-align:right}}@media (max-width: 639.98px){.card__product--default .price__unit-price{align-items:flex-start;text-align:left}}.card__product--default .card__actions{display:none;position:absolute;bottom:var(--spacing-sm-12);left:var(--spacing-sm-12);right:var(--spacing-sm-12);text-align:center}@media (min-width: 990px){.card__product--default .card__actions{bottom:var(--spacing-sm-24);left:var(--spacing-sm-24);right:var(--spacing-sm-24)}}:is(.card__product--default .card__actions) h3{margin-bottom:var(--spacing-xs-8)}@media (max-width: 749.98px){:is(.card__product--default .card__actions) h3{display:none}}:is(.card__product--default .card__actions) .button{-webkit-text-decoration:none;text-decoration:none;width:100%;min-height:4rem;height:4rem;padding:var(--spacing-xs-8)}@media (min-width: 750px){:is(.card__product--default .card__actions) .button{min-height:4.4rem;height:4.4rem;padding:var(--spacing-sm-12) var(--spacing-sm-16)}}:is(:is(.card__product--default .card__actions) .button):hover:after{box-shadow:none}.card__product--default:hover .card__heading a{-webkit-text-decoration:none;text-decoration:none}.card__product--default:hover .card__actions{display:block}@media (min-width: 750px){.card__product--default:has(.card__actions):hover .card-title,.card__product--default:has(.card__actions):hover .price,.card__product--default:has(.card__actions):hover .price__sold-out{visibility:hidden}}.card__product--default .quick-add,.card__product--default quick-add-bulk{margin:0}:is(.card__product--default .dark-mode) .card__information a>*{color:var(--color-text-primary)}:is(.card__product--default .dark-mode) .card__inner,:is(.card__product--default .dark-mode) .card__inner .card__media{background-color:transparent}.card__product--horizontal{display:grid;grid-template-columns:110px auto auto;grid-template-areas:"image title title" "image price actions" "details details details";grid-gap:var(--spacing-xs-6) var(--spacing-sm-16);gap:var(--spacing-xs-6) var(--spacing-sm-16);padding:var(--spacing-sm-16);height:100%;-webkit-text-decoration:none;text-decoration:none}@media (min-width: 750px){.card__product--horizontal:has(.quick-add){grid-template-columns:110px auto 100px}}@media (min-width: 750px){.card__product--horizontal:has(.card__availability){grid-template-columns:110px auto 100px}}@media (min-width: 750px){.card__product--horizontal:has(quick-add-bulk){grid-template-columns:110px auto 125px}}.card__product--horizontal .card__image{grid-area:image;position:relative}.default:is(.card__product--horizontal .card__image),.standing:is(.card__product--horizontal .card__image){overflow:visible}:is(.default:is(.card__product--horizontal .card__image),.standing:is(.card__product--horizontal .card__image)) img{position:absolute;left:0;top:-25px;max-width:150px;height:150px;aspect-ratio:1 / 1;-o-object-fit:contain;object-fit:contain;overflow:visible;z-index:1}.laying:is(.card__product--horizontal .card__image),.flying-position-1:is(.card__product--horizontal .card__image),.flying-position-2:is(.card__product--horizontal .card__image){overflow:visible}:is(.laying:is(.card__product--horizontal .card__image),.flying-position-1:is(.card__product--horizontal .card__image),.flying-position-2:is(.card__product--horizontal .card__image)) img{position:absolute;left:-50px;top:-45px;max-width:175px;height:175px;aspect-ratio:1 / 1;-o-object-fit:contain;object-fit:contain;overflow:visible;z-index:1}.card__product--horizontal .card__title{grid-area:title}.card__product--horizontal .card__actions{grid-area:actions;z-index:2}:is(.card__product--horizontal .card__actions) .quick-add,:is(.card__product--horizontal .card__actions) .quick-add-bulk{margin:0}:is(.card__product--horizontal .card__actions) .quick-add__submit{height:5.6rem;width:5.6rem;min-width:5.6rem}:is(:is(.card__product--horizontal .card__actions) .quick-add__submit) .icon{height:24px;width:24px}:is(.card__product--horizontal .card__actions) .quick-add-bulk quantity-input.quantity{min-height:3.8rem;height:4.2rem;max-width:122px}@media (min-width: 750px){:is(.card__product--horizontal .card__actions) .quick-add-bulk quantity-input.quantity{height:4.2rem}}:is(:is(.card__product--horizontal .card__actions) .quick-add-bulk quantity-input.quantity) .quantity__button{height:3.2rem;width:3.2rem}:is(.card__product--horizontal .card__actions) .more-info{height:5.6rem;width:5.6rem;min-width:5.6rem;padding:0}:is(:is(.card__product--horizontal .card__actions) .more-info) .icon{height:24px;width:24px}.card__product--horizontal .card__actions,.card__product--horizontal .card__availability{grid-area:actions}.card__product--horizontal .card__price{grid-area:price}.card__product--horizontal .card__product-info{grid-area:info}.card__product--horizontal .card__actions,.card__product--horizontal .card__availability,.card__product--horizontal .card__price{display:inline-flex;flex-flow:column nowrap;justify-content:center}.card__product--horizontal .card__actions,.card__product--horizontal .card__availability{align-items:flex-end}.card__product--horizontal .card__details{grid-area:details;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:var(--spacing-sm-12);z-index:2}.card__product--horizontal h3,.card__product--horizontal p{margin:0}.card__product--horizontal .product-popup-modal__button{font-size:var(--font-sizes-xxs-mobile)}@media (min-width: 990px){.card__product--horizontal .product-popup-modal__button{font-size:var(--font-sizes-xxxs-desktop)}}.card__product--horizontal .price__container{display:inline-flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-xs-2)}:is(.card__product--horizontal .price__container) .price__regular,:is(.card__product--horizontal .price__container) .price__sale .price-item--sale{font-size:var(--font-sizes-xs-mobile)}@media (min-width: 750px){:is(.card__product--horizontal .price__container) .price__regular,:is(.card__product--horizontal .price__container) .price__sale .price-item--sale{font-size:var(--font-sizes-xs-desktop)}}:is(.card__product--horizontal .price__container) .price__sale .price-item--regular.price__old-price,:is(.card__product--horizontal .price__container) .selling-plan__old-price{font-size:var(--font-sizes-xxxs-mobile)}@media (min-width: 750px){:is(.card__product--horizontal .price__container) .price__sale .price-item--regular.price__old-price,:is(.card__product--horizontal .price__container) .selling-plan__old-price{font-size:var(--font-sizes-xxxs-desktop)}}:is(.card__product--horizontal .price__container) .price__unit-price{align-items:flex-start;text-align:left}.card__product--horizontal .card__badges{display:inline-flex;gap:var(--spacing-xs-4);align-items:center;justify-content:center}.card__product--horizontal .card__availability .card__badge--sold-out{min-width:3.2rem;min-height:3.2rem;height:5.6rem;border-radius:var(--border-radius-md);opacity:.6;text-align:center}.card__product--vertical{display:grid;grid-template-columns:1fr;grid-template-areas:"image" "availability" "title" "price" "details" "actions";grid-gap:var(--spacing-sm-12) var(--spacing-sm-16);gap:var(--spacing-sm-12) var(--spacing-sm-16);padding:var(--spacing-xs-8) var(--spacing-xs-10);height:100%;-webkit-text-decoration:none;text-decoration:none}@media (min-width: 750px){.card__product--vertical{grid-template-columns:3fr 2fr;grid-template-areas:"image image" "availability availability" "title price" "details details" "actions actions";padding:var(--spacing-sm-16)}}.card__product--vertical:has(.card__product-info){grid-template-areas:"image" "availability" "title" "price" "details" "info" "actions"}@media (min-width: 750px){.card__product--vertical:has(.card__product-info){grid-template-areas:"image image" "availability availability" "title price" "details details" "info info" "actions actions"}}.card__product--vertical:has(.card__availability) .card__availability--badge{display:none}.card__product--vertical .card__image{grid-area:image;margin-top:-30%;margin-bottom:-10%}.card__product--vertical .card__title{grid-area:title}.card__product--vertical .card__actions{grid-area:actions;z-index:2}:is(.card__product--vertical .card__actions) .more-info,:is(.card__product--vertical .card__actions) .add-to-cart{display:inline-flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:var(--spacing-xs-8)}:is(.card__product--vertical .card__actions) em{font-style:normal}:is(.card__product--vertical .card__actions) .quick-add,:is(.card__product--vertical .card__actions) .quick-add-bulk{margin:0}@media (max-width: 749.98px){:is(.card__product--vertical .card__actions) .quick-add__submit{height:4.8rem}}:is(:is(.card__product--vertical .card__actions) .quick-add__submit) .icon{height:24px;width:24px}:is(.card__product--vertical .card__actions) .more-info em{text-align:center}@media (max-width: 749.98px){:is(.card__product--vertical .card__actions) .more-info em{font-size:var(--font-sizes-xxs-mobile)}}.card__product--vertical .card__actions,.card__product--vertical .card__availability{grid-area:actions}.card__product--vertical .card__price{grid-area:price}.card__product--vertical .card__actions,.card__product--vertical .card__availability,.card__product--vertical .card__price{display:inline-flex;flex-flow:column nowrap;justify-content:center}.card__product--vertical .card__details{grid-area:details;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;gap:var(--spacing-xs-4);z-index:2}@media (min-width: 990px){.card__product--vertical .card__details{gap:var(--spacing-xs-8)}}.card__product--vertical .card__product-info{grid-area:info;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-xs-8)}@media (min-width: 750px){.card__product--vertical .card__product-info{align-items:center}}.card__product--vertical h3,.card__product--vertical p{margin:0}.card__product--vertical .product-popup-modal__button{font-size:var(--font-sizes-xxs-mobile)}@media (min-width: 990px){.card__product--vertical .product-popup-modal__button{font-size:var(--font-sizes-xxxs-desktop)}}.card__product--vertical .price__container{display:inline-flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-xs-2)}@media (min-width: 750px){.card__product--vertical .price__container{align-items:flex-end}}:is(.card__product--vertical .price__container) .price__type{text-align:left}@media (min-width: 750px){:is(.card__product--vertical .price__container) .price__type{text-align:right}}@media (max-width: 639.98px){:is(.card__product--vertical .price__container) .price__unit-price{align-items:flex-start}}.card__product--vertical .card__badges{display:inline-flex;gap:var(--spacing-xs-4);align-items:center;justify-content:center}.card__product--vertical .card__availability .card__badge--sold-out{min-width:3.2rem;min-height:3.2rem;height:4.8rem;border-radius:var(--border-radius-md);opacity:.6}@media (min-width: 750px){.card__product--vertical .card__availability .card__badge--sold-out{height:5.6rem}}
/*# sourceMappingURL=/cdn/shop/t/235/assets/yf-component-product-card.css.map */