.card-product-plp{--card-product-plp-bg: var(--card-product-bg, var(--color-blue-100));display:flex;flex-direction:column;block-size:100%}.card-product-plp__media{position:relative;display:block;overflow:hidden;aspect-ratio:315 / 364;min-block-size:175px;border-radius:var(--radius-lg);background-color:var(--card-product-plp-bg);background-image:linear-gradient(180deg,color-mix(in srgb,var(--card-product-plp-bg) 30%,var(--color-white)) 0%,var(--card-product-plp-bg) 100%)}.card-product-plp__img{position:absolute;top:8%;right:8%;bottom:8%;left:8%;inline-size:84%;block-size:84%;object-fit:contain;transition:opacity .3s ease}.card-product-plp__img--hover{opacity:0}@media(hover:hover){.card-product-plp__media:hover .card-product-plp__img--hover{opacity:1}.card-product-plp__media:has(.card-product-plp__img--hover):hover .card-product-plp__img:not(.card-product-plp__img--hover){opacity:0}}.card-product-plp__badge{position:absolute;inset-block-start:var(--spacing-12);inset-inline-start:var(--spacing-12);z-index:1;padding-block:var(--spacing-6) var(--spacing-6);padding-inline:var(--spacing-12);border-radius:var(--radius-pill);background-color:var(--color-badge-background, var(--color-brand-yellow));color:var(--color-badge-text, var(--color-gray-800));font-size:var(--fluid-14-14);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);text-transform:uppercase;white-space:nowrap}.card-product-plp__seal{position:absolute;inset-block-end:var(--spacing-12);inset-inline-start:var(--spacing-12);z-index:1;inline-size:25%;transition:opacity .3s ease}.card-product-plp__seal img{display:block;inline-size:100%;block-size:auto}.card-product-plp__info{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--fluid-4-8);padding-block-start:var(--fluid-12-16)}.card-product-plp__title{margin:0;font-family:var(--font-body-family);font-size:var(--font-size-body-base);font-weight:var(--font-weight-light);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.card-product-plp__title-link{color:var(--color-gray-800)}.card-product-plp__title-link:hover{color:var(--color-brand-blue)}.card-product-plp__rating{display:flex;align-items:center;gap:var(--spacing-6)}.card-product-plp__stars{display:inline-flex;gap:var(--spacing-2)}.card-product-plp__star{inline-size:var(--fluid-12-12);block-size:var(--fluid-12-12);color:var(--color-gray-300)}.card-product-plp__star--filled{color:var(--color-warning)}.card-product-plp__rating-text{font-size:var(--fluid-14-14);font-weight:var(--font-weight-light);line-height:var(--line-height-body-loose);color:var(--color-gray-800)}.card-product-plp__footer{margin-block-start:var(--fluid-8-16)}.card-product-plp__atc-wrap,.card-product-plp__form{display:block;margin:0}.card-product-plp__atc{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-12);inline-size:100%;block-size:var(--fluid-40-52);padding-block:0;padding-inline:var(--spacing-20);line-height:var(--line-height-button);border:1px solid transparent;border-radius:var(--radius-pill);background-color:var(--color-brand-blue);color:var(--color-white);font-family:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}@media(max-width:767px){.card-product-plp__atc:not(:has(.card-product-plp__compare)){gap:var(--spacing-8)}}.card-product-plp__atc:hover{background-color:transparent;border-color:var(--color-brand-blue);color:var(--color-brand-blue)}.card-product-plp__atc:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.card-product-plp__atc[disabled]{background-color:var(--color-gray-400);cursor:not-allowed}.card-product-plp__atc[data-loading]{background-color:transparent;border-color:var(--color-brand-blue);color:var(--color-brand-blue);cursor:wait}.card-product-plp__atc[data-loading] .card-product-plp__atc-main,.card-product-plp__atc[data-loading] .card-product-plp__price{visibility:hidden}.card-product-plp__atc[data-loading]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;inline-size:var(--spacing-20);block-size:var(--spacing-20);border:2px solid currentColor;border-block-start-color:transparent;border-radius:var(--radius-pill);animation:card-product-plp-atc-spin .7s linear infinite}@keyframes card-product-plp-atc-spin{to{rotate:1turn}}@keyframes card-product-plp-atc-reveal{0%{transform:translateY(110%)}to{transform:translateY(0)}}.card-product-plp__atc[data-added] .card-product-plp__atc-main,.card-product-plp__atc[data-added] .card-product-plp__price{animation:card-product-plp-atc-reveal 1.3s cubic-bezier(.22,1,.36,1) both}.card-product-plp__atc-main{display:inline-flex;align-items:center;gap:var(--spacing-8);font-size:var(--fluid-16-16);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-button);line-height:var(--line-height-button);text-transform:uppercase}.card-product-plp__atc-icon{flex:none;inline-size:var(--fluid-16-16);block-size:auto;aspect-ratio:18 / 19}.card-product-plp__atc-label{position:absolute;overflow:hidden;inline-size:1px;block-size:1px;margin:-1px;clip-path:inset(50%);white-space:nowrap}.card-product-plp__price{display:inline-flex;align-items:baseline;gap:var(--spacing-8);font-size:var(--fluid-16-18);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-body)}.card-product-plp__compare{opacity:.5}@media(max-width:440px){.card-product-plp__price:has(.card-product-plp__compare){flex-direction:row;align-items:center;gap:var(--spacing-6)}}@media(min-width:768px){.card-product-plp__atc{justify-content:space-between;padding-inline:var(--spacing-20)}.card-product-plp__atc-label{position:static;overflow:visible;inline-size:auto;block-size:auto;margin:0;clip-path:none;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.card-product-plp__img,.card-product-plp__seal,.card-product-plp__atc{transition:none}.card-product-plp__atc[data-loading]:after{content:none}.card-product-plp__atc[data-loading] .card-product-plp__atc-main,.card-product-plp__atc[data-loading] .card-product-plp__price{visibility:visible}.card-product-plp__atc[data-added] .card-product-plp__atc-main,.card-product-plp__atc[data-added] .card-product-plp__price{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/component-card-product-plp.css.map */