.proda-showcase{--showcase-card-width: clamp(20rem, 38vw, 32rem);--showcase-gap: clamp(1rem, 2.2vw, 2rem);--showcase-ease: cubic-bezier(.16, 1, .3, 1);overflow:hidden;padding-block:clamp(2.5rem,4vw,4rem);background:var(--color-background);color:var(--color-foreground)}.proda-showcase__header{display:grid;width:100%;max-width:var(--page-width, 90rem);margin-inline:auto;justify-items:center;gap:.5rem;padding-inline:var(--page-margin, 1.25rem);padding-block-end:clamp(1.25rem,2vw,2rem);text-align:center}.proda-showcase__eyebrow{margin:0;color:var(--proda-orange, #f04f24);font-family:var(--font-body--family);font-size:.8125rem;font-weight:800;letter-spacing:.12em;line-height:1}.proda-showcase__heading{max-width:18ch;margin:0;font-family:var(--font-heading--family);font-size:clamp(2.25rem,4.2vw,4.75rem);font-weight:700;letter-spacing:-.045em;line-height:.98;text-wrap:balance}.proda-showcase__viewport{position:relative}.proda-showcase__track{display:flex;gap:var(--showcase-gap);margin:0;padding:0 calc((100vw - var(--showcase-card-width)) / 2) 1.25rem;padding-inline-start:var(--page-margin, 1.25rem);overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:calc((100vw - var(--showcase-card-width)) / 2);scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;touch-action:pan-x pan-y pinch-zoom}.proda-showcase__track::-webkit-scrollbar{display:none}proda-product-showcase:defined:not([data-ready=true]) .proda-showcase__track{opacity:0}.proda-showcase__slide{flex:0 0 var(--showcase-card-width);min-width:0;opacity:1;scroll-snap-align:center;transform:scale(.88);transform-origin:center 36%;transition:transform .46s var(--showcase-ease)}.proda-showcase__slide[data-active=true]{opacity:1;transform:scale(1)}.proda-showcase-card{display:grid;gap:clamp(.75rem,1.4vw,1rem);text-align:center}.proda-showcase-card__image-link{display:block;color:inherit;text-decoration:none}.proda-showcase-card__image-stage{--showcase-stage-padding: clamp(.75rem, 2vw, 1.5rem);position:relative;display:grid;box-sizing:border-box;width:100%;aspect-ratio:1.16;padding:var(--showcase-stage-padding);overflow:visible;place-items:center;border:0;border-radius:0;background:transparent;box-shadow:none}.proda-showcase-card__image{display:block;grid-area:1 / 1;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;filter:none;transform:scale(.96);transition:transform .48s var(--showcase-ease)}.proda-showcase-card__image:not(.proda-showcase-card__image--notes){scale:1.1}.proda-showcase-card__image--notes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;grid-area:auto;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.025);transition:opacity .26s ease,transform .52s var(--showcase-ease)}.proda-showcase-card__image--fan-notes{object-fit:contain;background:var(--proda-orange, #f04f24)}.proda-showcase-card__image--contain{object-fit:contain}.proda-showcase__slide[data-active=true] .proda-showcase-card__image{transform:scale(1)}.proda-showcase-card__details{display:grid;justify-items:center;gap:.625rem;padding-inline:clamp(.5rem,2vw,1.5rem)}.proda-showcase-card__title{margin:0;font-family:var(--font-accent--family);font-size:clamp(1.75rem,2.5vw,2.5rem);font-weight:700;letter-spacing:-.025em;line-height:1;text-wrap:balance}.proda-showcase-card__title a{color:inherit;text-decoration:none}.proda-showcase-card__category{margin:0;font-family:var(--font-body--family);font-size:clamp(1.125rem,2vw,1.75rem);font-weight:500;letter-spacing:.05em;line-height:1}.proda-showcase-card__flavor-notes{max-width:38rem;margin:-.15rem 0 0;color:#17120fad;font-family:var(--font-body--family);font-size:clamp(.875rem,1.2vw,1rem);font-weight:500;line-height:1.4;text-wrap:balance}.proda-showcase-card__benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem;margin:0;padding:0;list-style:none}.proda-showcase-card__benefits li{padding:.55rem 1rem;border-radius:999px;background:#f0efed;color:var(--proda-ink, #17120f);font-family:var(--font-body--family);font-size:clamp(.875rem,1.25vw,1.125rem);font-weight:600;line-height:1}.proda-showcase-card__price{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.25rem 0 0;font-family:var(--font-body--family);font-size:clamp(1.125rem,1.7vw,1.5rem);font-weight:700;letter-spacing:-.01em;line-height:1;text-transform:uppercase}.proda-showcase-card__cta{width:fit-content;min-width:11rem;min-height:2.75rem;padding-inline:1.5rem;border-radius:999px;font-weight:800;text-transform:uppercase}body[data-proda-surface=consumer] .proda-showcase .proda-showcase__slide a.proda-showcase-card__cta:not(.button-unstyled),body[data-proda-surface=consumer] .proda-showcase .proda-showcase__slide a.proda-showcase-card__cta:not(.button-unstyled):hover{--button-color: #ffffff !important;--button-background-color: var(--proda-card-color, #f04f24) !important;--button-border-color: var(--proda-card-color, #f04f24) !important;border-color:var(--proda-card-color, #f04f24)!important;background-color:var(--proda-card-color, #f04f24)!important;color:#fff!important}.proda-showcase__arrow{position:absolute;z-index:2;top:calc(var(--showcase-card-width) / 2.32);display:grid;width:3.25rem;height:3.25rem;padding:0;place-items:center;border:1px solid rgb(23 18 15 / 12%);border-radius:999px;background:#ffffffeb;color:var(--proda-ink, #17120f);box-shadow:0 .75rem 2rem #17120f21;cursor:pointer;transform:translateY(-50%);transition:opacity .18s ease,background-color .18s ease,box-shadow .22s var(--showcase-ease),transform .22s var(--showcase-ease)}.proda-showcase__arrow:disabled{opacity:0;pointer-events:none;box-shadow:none;cursor:default;transform:translateY(-50%) scale(.9)}.proda-showcase__arrow svg{width:1.25rem;height:1.25rem}.proda-showcase__arrow--previous{left:clamp(.75rem,2.5vw,2.5rem)}.proda-showcase__arrow--next{right:clamp(.75rem,2.5vw,2.5rem)}@media screen and (min-width:990px){.proda-showcase{--showcase-card-width: clamp(15rem, 18.5vw, 19rem);--showcase-gap: clamp(1rem, 1.6vw, 1.5rem)}.proda-showcase__slide{opacity:1;transform:scale(.94)}.proda-showcase-card__title{font-size:clamp(1.5rem,1.8vw,1.9rem)}.proda-showcase-card__category{font-size:clamp(1rem,1.3vw,1.25rem)}.proda-showcase-card__details{gap:.75rem;padding-inline:.25rem}.proda-showcase-card__benefits{gap:.5rem}.proda-showcase-card__benefits li{padding:.5rem .75rem;font-size:.875rem}.proda-showcase-card__price{font-size:clamp(1.05rem,1.3vw,1.25rem)}}@media screen and (min-width:750px){.proda-showcase-card__image-stage{height:calc(var(--showcase-card-width) / 1.16);min-height:0;aspect-ratio:auto}.proda-showcase__slide[data-product-kind=variety_pack],.proda-showcase__slide[data-product-kind=variety_pack][data-active=true]{transform:none}.proda-showcase__slide[data-product-kind=variety_pack] .proda-showcase-card__image:not(.proda-showcase-card__image--notes),.proda-showcase__slide[data-product-kind=variety_pack][data-active=true] .proda-showcase-card__image:not(.proda-showcase-card__image--notes){transform:none}}@media(any-hover:hover)and (any-pointer:fine){.proda-showcase-card__image-link:is(:hover,:focus-visible) .proda-showcase-card__image:not(.proda-showcase-card__image--notes){transform:scale(1.035)}.proda-showcase-card__image-link:is(:hover,:focus-visible) .proda-showcase-card__image--notes{opacity:1;transform:scale(1)}.proda-showcase__arrow:not(:disabled):hover{background:var(--proda-orange, #f04f24);box-shadow:0 1rem 2.5rem #17120f2e;transform:translateY(-50%) scale(1.05)}.proda-showcase-card__title a:hover{color:var(--proda-orange, #f04f24)}}@media screen and (max-width:749px){.proda-showcase{--showcase-card-width: calc((100vw - 3rem)/2) ;--showcase-gap: 1rem;padding-block:2.25rem}.proda-showcase__header{padding-inline:1rem;padding-block-end:1.25rem}.proda-showcase__heading{font-size:clamp(2.1rem,10vw,3rem)}.proda-showcase-card{height:100%;gap:.625rem}.proda-showcase__track{padding:0 1rem .75rem;scroll-padding-inline:1rem}.proda-showcase__slide,.proda-showcase__slide[data-active=true]{margin-inline:0;opacity:1;scroll-snap-align:start;transform:none}.proda-showcase-card__image-stage{--showcase-stage-padding: .25rem;height:clamp(8.75rem,44vw,11rem);aspect-ratio:auto;border-radius:0;place-items:center}.proda-showcase-card__image,.proda-showcase__slide[data-active=true] .proda-showcase-card__image{transform:none}.proda-showcase-card__details{height:100%;gap:.4rem;padding-inline:0}.proda-showcase-card__title{font-size:clamp(1rem,4.4vw,1.125rem);line-height:1.05}.proda-showcase-card__category{font-size:.6875rem}.proda-showcase-card__flavor-notes,.proda-showcase-card__benefits{display:none}.proda-showcase-card__price{gap:.25rem;margin:0;font-size:.75rem}.proda-showcase-card__cta{width:100%;min-width:0;min-height:2.75rem;margin-block-start:auto;padding-inline:.375rem;font-size:.6875rem;line-height:1.05}.proda-showcase__arrow{top:5.5rem;display:grid;width:2.5rem;height:2.5rem;box-shadow:0 .5rem 1.25rem #17120f1f}.proda-showcase__arrow--previous{left:.375rem}.proda-showcase__arrow--next{right:.375rem}}@media(prefers-reduced-motion:reduce){.proda-showcase__track{scroll-behavior:auto}.proda-showcase__slide,.proda-showcase-card__image,.proda-showcase__arrow{transition-duration:.01ms!important}}.proda-showcase--single-flavors .proda-showcase-card__image-stage{height:calc(var(--showcase-card-width) * 1.15);aspect-ratio:auto;padding:0}.proda-showcase--single-flavors .proda-showcase__slide .proda-showcase-card__image:not(.proda-showcase-card__image--notes){width:auto;height:100%;max-width:none;object-fit:contain;transform:none;scale:1}.proda-showcase--single-flavors .proda-showcase-card__image--notes{object-fit:contain;background:#fff}.proda-showcase--single-flavors .proda-showcase__arrow{top:calc(var(--showcase-card-width) * .575)}@media screen and (min-width:990px){.proda-showcase--single-flavors{--showcase-card-width: clamp(20rem, 25vw, 23rem)}}@media screen and (max-width:749px){.proda-showcase--single-flavors .proda-showcase-card__image-stage{height:calc(var(--showcase-card-width) * 1.4)}.proda-showcase--single-flavors .proda-showcase__arrow{top:calc(var(--showcase-card-width) * .7)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/proda-product-showcase.css.map */