@layer components{.shelf-card{--_ease:cubic-bezier(.25, 1, .5, 1);--_ink:var(--text);--_on:var(--text);--_on-2:var(--text-2);gap:var(--space-4);border-radius:var(--radius-large);background:radial-gradient(80% 50% at 50% 28%, #ffffff80, transparent 72%), var(--background-2);min-width:0;height:100%;color:var(--_on);isolation:isolate;flex-direction:column;padding:.75rem .75rem 1.25rem;display:flex;position:relative;overflow:hidden;container-type:inline-size}.shelf-card_visual{aspect-ratio:1/.92;max-height:22rem;position:relative}.shelf-card_image{object-fit:contain;width:100%;height:calc(100% - 2.75rem);filter:drop-shadow(0 1rem 1.25rem color-mix(in srgb, var(--_ink) 22%, transparent));transition:scale .6s var(--_ease);position:absolute;inset:2.75rem 0 0}.shelf-card_image.is-photo{object-fit:cover;border-radius:calc(var(--radius-large) - .5rem);filter:none;height:100%;inset:0}.shelf-card_visual:has(.is-photo) .shelf-card_badges{top:1.125rem;left:.625rem}.shelf-card_visual:has(.is-photo) .shelf-card_actions{top:.5rem;right:.5rem}.shelf-card_badges{flex-wrap:wrap;gap:.375rem;display:flex;position:absolute;top:.625rem;left:0}.shelf-card_tag,.shelf-card_off{border-radius:var(--radius-round);height:1.75rem;font-size:.75rem;font-weight:var(--primary-semibold);align-items:center;gap:.35rem;padding:0 .65rem;line-height:1;display:inline-flex}:is(.shelf-card_tag,.shelf-card_off) svg{width:.875rem;height:.875rem}.shelf-card_tag{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);color:var(--_on);background-color:#ffffff8c;box-shadow:inset 0 0 0 1px #fff9}.shelf-card_off{background-color:var(--success);color:#fff}.shelf-card_off[hidden]{display:none}.shelf-card_actions{z-index:2;flex-direction:row-reverse;gap:.375rem;display:flex;position:absolute;top:0;right:0}.shelf-card_action{border-radius:var(--radius-round);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);color:#fff;cursor:pointer;width:3rem;height:3rem;transition:opacity .3s var(--_ease), translate .4s var(--_ease), scale .2s var(--_ease), background-color .2s var(--_ease), color .2s var(--_ease);background-color:#1e202880;border:0;place-items:center;padding:0;display:grid}.shelf-card_action svg{width:1.4rem;height:1.4rem}.shelf-card_action:active{scale:.92}.shelf-card_action:focus-visible{outline:var(--focus-width) solid var(--brand-500);outline-offset:2px}.shelf-card_action.is-open{background-color:var(--brand-500);color:var(--brand-text)}@media (hover:hover){.shelf-card_action:hover{background-color:#1e2028b8}}@media (hover:hover){.shelf-card_action.is-buy{opacity:0;pointer-events:none;translate:.75rem}.shelf-card:is(:hover,:focus-within) .shelf-card_action.is-buy{opacity:1;pointer-events:auto;translate:0}.shelf-card:is(:hover,:focus-within) .shelf-card_image{scale:1.04}}.shelf-card_body{flex-direction:column;flex:1;gap:.375rem;padding-inline:.5rem;display:flex}.shelf-card_title{color:var(--_on);font-size:1rem;font-weight:var(--primary-bold);letter-spacing:-.01em;line-height:1.25}.shelf-card_link{color:inherit;text-decoration:none}.shelf-card_link:after{content:"";z-index:1;border-radius:var(--radius-large);position:absolute;inset:0}.shelf-card_link:focus-visible{outline:none}.shelf-card_link:focus-visible:after{outline:var(--focus-width) solid var(--brand-500);outline-offset:-.25rem}.shelf-card_price-group{flex-direction:column;gap:.125rem;margin-top:.5rem;display:flex}.shelf-card_price-group p:before,.shelf-card_price-group p:after{display:none}.shelf-card_prices{flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;display:flex}.shelf-card_compare{color:var(--_on-2);font-size:1rem}.shelf-card_price{color:var(--_ink);font-size:1rem;font-weight:var(--primary-bold)}.shelf-card_installments{color:var(--_on-2);font-size:.8125rem}.shelf-card_variants{z-index:2;flex-wrap:nowrap;gap:.25rem;padding-top:.375rem;display:flex;position:relative}.shelf-card_variant{white-space:nowrap;border:1px solid color-mix(in srgb, var(--_ink) 25%, transparent);border-radius:var(--radius-small);color:var(--_on);font:inherit;cursor:pointer;transition:border-color .2s var(--_ease), background-color .2s var(--_ease);background:0 0;flex:none;padding:.4rem .55rem;font-size:.75rem;line-height:1}.shelf-card_variant[aria-checked=true],.shelf-card_variant.is-static{border-color:var(--_ink);background-color:#ffffff73}.shelf-card_variant.is-static{cursor:default}@media (hover:hover){.shelf-card_variant:not(.is-static):hover{background-color:#ffffff59}}.shelf-card_variant:focus-visible{outline:var(--focus-width) solid var(--brand-500);outline-offset:2px}html[data-scheme=dark] .shelf-card_tag{background-color:#00000038;box-shadow:inset 0 0 0 1px #ffffff24}html[data-scheme=dark] .shelf-card{background:radial-gradient(80% 50% at 50% 28%, #ffffff1f, transparent 72%), var(--background-2)}html[data-scheme=dark] .shelf-card_variant:is([aria-checked=true],.is-static){background-color:color-mix(in srgb, var(--_ink) 14%, transparent)}@container (width<15rem){.shelf-card_action{width:2.375rem;height:2.375rem}.shelf-card_action svg{width:1.1rem;height:1.1rem}.shelf-card_badges{top:.3125rem}.shelf-card_tag{padding:0 .5rem}.shelf-card_tag svg{display:none}.shelf-card_image.is-cutout{height:calc(100% - 2.25rem);inset:2.25rem 0 0}.shelf-card_body{padding-inline:.25rem}.shelf-card_title,.shelf-card_price,.shelf-card_compare{font-size:.9375rem}.shelf-card_installments{font-size:.75rem}.shelf-card_variants{flex-wrap:wrap}.shelf-card_variant{padding:.35rem .45rem;font-size:.6875rem}}.shelf-card.is-toolbar-above .shelf-card_visual{aspect-ratio:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.625rem .5rem;max-height:none;display:grid}.shelf-card.is-toolbar-above :is(.shelf-card_badges,.shelf-card_actions){grid-row:1;position:static}.shelf-card.is-toolbar-above .shelf-card_badges{grid-column:1;padding-left:.25rem}.shelf-card.is-toolbar-above .shelf-card_actions{flex-direction:row-reverse;grid-column:2}.shelf-card.is-toolbar-above .shelf-card_image{aspect-ratio:1/.86;grid-area:2/1/auto/-1;width:100%;height:auto;position:relative;inset:auto}.shelf-card.is-toolbar-above .shelf-card_image.is-photo{border-radius:calc(var(--radius-large) - .5rem)}.shelf-card.is-toolbar-above .shelf-card_action.is-buy{opacity:1;pointer-events:auto;translate:0}@media (prefers-reduced-motion:reduce){.shelf-card_image,.shelf-card_action{transition:none}}.text-card{--_pad:var(--space-5);--_height:30rem;gap:var(--space-4);min-height:var(--_height);padding:var(--_pad);border-radius:var(--radius-large);flex-direction:column;display:flex;position:relative;overflow:hidden}.text-card_text{flex-direction:column;gap:.75rem;display:flex}.text-card_text p:before,.text-card_text p:after{display:none}.text-card_title{font-size:var(--h5);font-weight:var(--primary-bold);letter-spacing:-.03em;line-height:1.15}.text-card_link{color:inherit;text-decoration:none}.text-card_link:after{content:"";z-index:1;position:absolute;inset:0}.text-card_link:focus-visible{outline:none}.text-card_link:focus-visible:after{outline:var(--focus-width) solid var(--brand-500);outline-offset:-.25rem;border-radius:var(--radius-large)}.text-card_name{flex-direction:column;gap:.25rem;display:flex}.text-card_subtitle{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.4;display:-webkit-box;overflow:hidden}.text-card_prices{flex-direction:column;gap:.125rem;display:flex}.text-card_price-line{flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;display:flex}.text-card_price-line s{color:var(--text-2);font-size:.9375rem}.text-card_price-line strong{color:var(--text);font-size:1.125rem;font-weight:var(--primary-bold)}.text-card_installments{color:var(--text-2);font-size:.875rem}.text-card_variants{z-index:2;flex-wrap:wrap;gap:.25rem;padding-top:.25rem;display:flex;position:relative}.text-card_variant{border:1px solid color-mix(in srgb, var(--text) 25%, transparent);border-radius:var(--radius-small);color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;transition:border-color .2s var(--hover-ease), background-color .2s var(--hover-ease);background:0 0;padding:.4rem .6rem;font-size:.75rem;line-height:1}.text-card_variant[aria-checked=true],.text-card_variant.is-static{border-color:var(--text);background-color:color-mix(in srgb, var(--text) 8%, transparent)}.text-card_variant.is-static{cursor:default}.text-card_variant:focus-visible{outline:var(--focus-width) solid var(--brand-500);outline-offset:2px}.text-card_visual{min-height:14rem;margin:0 calc(var(--_pad) * -1) .5rem;flex:1;position:relative}.text-card_image{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 1.25rem 1.5rem color-mix(in srgb, var(--text) 18%, transparent));transition:scale calc(var(--hover-duration) * 3) var(--hover-ease);position:absolute;inset:0}.text-card_actions{right:var(--space-5);bottom:var(--space-5);z-index:2;gap:.5rem;display:flex;position:absolute}.text-card_action{border-radius:var(--radius-round);background-color:var(--button-background);width:3.5rem;height:3.5rem;color:var(--button-text);cursor:pointer;transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease), scale .2s var(--hover-ease);border:0;place-items:center;padding:0;display:grid}.text-card_action svg{width:1.6rem;height:1.6rem}@media (hover:hover){.text-card_action:hover{background-color:var(--button-background-hover);color:var(--button-text-hover)}}.text-card_action:active{scale:.92}.text-card_action:focus-visible{outline:var(--focus-width) solid var(--brand-500);outline-offset:2px}.text-card_action.is-open{background-color:var(--button-background-hover)}@media (hover:hover){.text-card_action.is-buy{opacity:0;pointer-events:none;transition:opacity .3s var(--hover-ease), translate .4s cubic-bezier(.25, 1, .5, 1), background-color var(--hover-duration) var(--hover-ease);translate:.75rem}.text-card:is(:hover,:focus-within) .text-card_action.is-buy{opacity:1;pointer-events:auto;translate:0}.text-card:is(:hover,:focus-within) .text-card_image{scale:1.05}}}