.cafe-card{--cafe-card-gradient: linear-gradient(145deg, #FAECD0 0%, #F5D090 100%);--cafe-card-badge-bg: rgba(56, 109, 66, .15);--cafe-card-badge-border: rgba(56, 109, 66, .2);--cafe-card-badge-text: #386D42;display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #386d4212;position:relative}.cafe-card__media{position:relative;background:var(--cafe-card-gradient);aspect-ratio:306 / 320;overflow:hidden}.cafe-card__image-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}.cafe-card__image{width:68%;max-width:220px;height:auto;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(44,26,8,.3)) drop-shadow(0 40px 60px rgba(44,26,8,.38));transform:translateY(4%);transition:transform .4s cubic-bezier(.22,1,.36,1);will-change:transform}@media screen and (min-width:750px)and (max-width:989px){.cafe-card__image{width:82%;max-width:280px;transform:translateY(8%)}}@media screen and (min-width:990px)and (hover:hover)and (pointer:fine){.cafe-card__image{transform:translateY(18%)}.cafe-card:hover .cafe-card__image,.cafe-card:focus-within .cafe-card__image{transform:translateY(8%)}}@media(prefers-reduced-motion:reduce){.cafe-card__image{transition:none}}.cafe-card .cafe-card__badge{position:absolute;top:16px;left:16px;z-index:2;display:inline-flex;align-items:center;width:max-content;max-width:calc(100% - 32px);height:auto;padding:6px 13px;margin:0;background:var(--cafe-card-badge-bg);border:1px solid var(--cafe-card-badge-border);color:var(--cafe-card-badge-text);border-radius:100px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-family:var(--tp-font-body, var(--font-body-family));font-size:10px;font-weight:700;letter-spacing:1.536px;line-height:1;text-transform:uppercase;white-space:nowrap;box-sizing:border-box}.cafe-card__content{display:flex;flex-direction:column;flex:1;gap:14px;padding:20px 20px 32px}.cafe-card__title-group{display:flex;flex-direction:column;gap:5px;color:#162b1e}.cafe-card__title{margin:0;font-family:var(--tp-font-heading, var(--font-heading-family));font-size:22px;font-weight:400;line-height:1.31}.cafe-card__title-link{color:inherit;text-decoration:none}.cafe-card__title-link:hover{opacity:.8}.cafe-card__description{margin:0;font-family:var(--tp-font-body, var(--font-body-family));font-size:14px;font-weight:400;line-height:1.4;letter-spacing:1px;color:inherit}.cafe-card__error{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#af451e14;color:#af451e;font-family:var(--tp-font-body, var(--font-body-family));font-size:12.5px;font-weight:600;line-height:1.3}.cafe-card__error[hidden]{display:none}.cafe-card__variants-group{display:flex;flex-direction:column;gap:0}.cafe-card__variants{display:flex;gap:7px;flex-wrap:wrap}.cafe-card__variants[hidden]{display:none}.cafe-card__variants--grinds{overflow:hidden;max-height:0;opacity:0;margin-top:0;transform:translateY(-4px);transition:max-height .35s cubic-bezier(.22,1,.36,1),opacity .22s ease,margin-top .28s ease,transform .28s cubic-bezier(.22,1,.36,1);will-change:max-height,opacity,transform}.cafe-card__variants--grinds.is-open{max-height:200px;opacity:1;margin-top:10px;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.cafe-card__variants--grinds{transition:none;transform:none}}.cafe-card__variant{display:inline-flex;align-items:center;justify-content:center;height:25px;min-width:55px;padding:0 12px;border-radius:20px;border:1px solid rgba(26,18,8,.15);background:transparent;color:#1a120880;font-family:var(--tp-font-body, var(--font-body-family));font-size:10.6px;font-weight:700;letter-spacing:.845px;line-height:1;cursor:pointer;transition:all var(--tp-transition-fast, .15s ease);white-space:nowrap}.cafe-card__variant:hover:not(:disabled):not(.is-active){border-color:#1a120859;color:#1a1208b3}.cafe-card__variant.is-active{background:#878b410f;border-color:#878b41;color:#878b41}.cafe-card__variant:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.cafe-card__variant:focus-visible{outline:2px solid #878B41;outline-offset:2px}.cafe-card__footer{display:flex;flex-direction:column;gap:12px;padding-top:12px;margin-top:auto;border-top:1px solid rgba(26,18,8,.07)}.cafe-card__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;justify-content:flex-start}.cafe-card__price-value{font-family:var(--tp-font-heading, var(--font-heading-family));font-size:24px;font-weight:400;line-height:1.03;color:#878b41;white-space:nowrap}.cafe-card__price-installments{font-family:var(--tp-font-body, var(--font-body-family));font-size:12px;font-weight:400;line-height:1;color:#00000080;white-space:nowrap}.cafe-card__form{display:block;margin:0}.cafe-card__cta{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 20px;background:#878b41;color:#fff;border:none;border-radius:99px;font-family:var(--tp-font-body, var(--font-body-family));font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0;cursor:pointer;transition:background var(--tp-transition-fast, .15s ease),transform var(--tp-transition-fast, .15s ease)}.cafe-card__cta:hover:not(:disabled){background:color-mix(in srgb,#878B41 88%,#000 12%)}.cafe-card__cta:active:not(:disabled){transform:scale(.98)}.cafe-card__cta:focus-visible{outline:2px solid #878B41;outline-offset:2px}.cafe-card__cta:disabled{opacity:.6;cursor:not-allowed}.cafe-card__cta .loading__spinner{display:none!important}.cafe-card__cta-label{display:inline-block;transition:opacity .18s ease,transform .22s cubic-bezier(.34,1.56,.64,1)}.cafe-card__cta.is-added{background:#386d42;cursor:default}.cafe-card__cta.is-added .cafe-card__cta-label{animation:cafe-card-cta-pop .26s cubic-bezier(.34,1.56,.64,1)}@keyframes cafe-card-cta-pop{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.cafe-card__variant,.cafe-card__cta,.cafe-card__cta-label{transition:none}.cafe-card__cta:active:not(:disabled){transform:none}.cafe-card__cta.is-added .cafe-card__cta-label{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cafe-card.css.map */