.fudge-stage{--stage-product-size:clamp(18rem,min(42vw,42svh),25rem);position:relative;display:grid;isolation:isolate;width:100%;min-width:0;min-height:calc(100svh - var(--header-height) - 2.25rem);grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(clamp(21rem,44svh,29rem),1fr) auto;overflow:hidden;contain:layout paint;padding:clamp(2rem,4svh,3.5rem) 0 clamp(2rem,4svh,3.5rem);background:var(--color-cream,#fff7e8)}.fudge-stage>*{grid-column:1}.fudge-stage:before{display:none}.fudge-stage__intro{position:relative;z-index:5;grid-row:1;width:min(calc(100% - 2rem),50rem);margin-inline:auto;text-align:center}.fudge-stage__eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.fudge-stage h1{margin-top:.25rem;color:var(--color-chocolate);font-size:clamp(2.35rem,7vw,6rem)}.fudge-stage__deal{display:inline-block;margin-top:.6rem;border-radius:999px;padding:.35rem .9rem;background:var(--color-red);color:#fff;font-weight:800}.fudge-stage__intro .promo-progress{margin:.75rem auto 0;text-align:left}.fudge-stage__intro .promo-progress__message{text-align:center}.stage-filters{display:flex;justify-content:center;gap:.4rem;margin-top:.85rem}.stage-filter{min-height:2.2rem;border:1px solid rgb(51 30 15 / 35%);border-radius:999px;padding:.3rem .8rem;background:#fffdf7c7;color:var(--color-chocolate);font-size:.76rem;font-weight:750;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-filter:hover{border-color:var(--color-chocolate)}.stage-filter.is-active{border-color:var(--color-chocolate);background:var(--color-yellow);box-shadow:2px 2px 0 var(--color-chocolate)}.stage-flavor-jump{display:block;width:min(100%,17rem);margin:.65rem auto 0}.stage-flavor-jump[hidden]{display:none}.stage-flavor-jump select{width:100%;height:2.15rem;border:1px solid rgb(51 30 15 / 35%);border-radius:999px;padding:0 2rem 0 .8rem;background:#fffdf7e0;color:var(--color-chocolate);font-size:.72rem;font-weight:800;cursor:pointer}.stage-flavor-jump select:focus-visible{outline:3px solid var(--color-yellow);outline-offset:2px}.fudge-stage__products{position:relative;z-index:2;grid-row:2;min-height:0;perspective:1000px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.stage-product{position:absolute;top:50%;left:50%;display:grid;width:var(--stage-product-size);height:var(--stage-product-size);place-items:center;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.25);filter:grayscale(.8);will-change:transform,opacity,filter;transition:transform .65s cubic-bezier(.22,.75,.18,1),opacity .5s ease,filter .5s ease}.stage-product[hidden],.stage-detail[hidden]{display:none!important}.stage-is-animating .stage-product{transition:none}.stage-product img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 1.2rem 1rem rgb(51 30 15 / 28%))}.stage-product[data-position="0"]{z-index:4;opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);filter:none}.stage-product[data-position="-1"]{z-index:2;opacity:.42;transform:translate(-138%,-54%) scale(.67) rotate(-8deg);filter:grayscale(.6)}.stage-product[data-position="1"]{z-index:2;opacity:.42;transform:translate(38%,-54%) scale(.67) rotate(8deg);filter:grayscale(.6)}.stage-product[data-position="-2"]{z-index:1;opacity:.14;transform:translate(-194%,-60%) scale(.4) rotate(-12deg);filter:grayscale(.8)}.stage-product[data-position="2"]{z-index:1;opacity:.14;transform:translate(94%,-60%) scale(.4) rotate(12deg);filter:grayscale(.8)}.stage-product__link{display:grid;width:100%;height:100%;place-items:center}.stage-product__add{position:absolute;z-index:5;bottom:-.35rem;left:50%;display:grid;width:3.5rem;height:3.5rem;place-items:center;border:3px solid var(--color-chocolate);border-radius:50%;padding:0 0 .12em;background:var(--color-yellow);color:var(--color-chocolate);font-family:Arial,sans-serif;font-size:2rem;font-weight:900;line-height:1;cursor:pointer;box-shadow:4px 4px 0 var(--color-chocolate);transform:translate(-50%)}.fudge-stage__details{position:relative;z-index:6;grid-row:3;align-self:start;width:min(calc(100% - 2rem),36rem);min-height:6.5rem;margin:.75rem auto 0;text-align:center}.stage-detail{display:none}.stage-detail.is-active{display:block}.stage-detail h2{font-size:clamp(1.5rem,3.5vw,2.4rem);color:var(--color-chocolate)}.stage-detail__price{font-weight:800}.stage-detail__description{display:-webkit-box;overflow:hidden;margin:.25rem auto 0;max-width:52ch;color:#4e4945;font-size:.9rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.stage-control{position:relative;z-index:8;grid-row:2;align-self:center;display:grid;width:3.25rem;height:3.25rem;place-items:center;border:2px solid var(--color-chocolate);border-radius:50%;background:#fffdf7e0;color:var(--color-chocolate);font-size:1.5rem;cursor:pointer}.stage-control--prev{justify-self:start;margin-left:max(var(--page-gutter),calc(50% - 30rem))}.stage-control--next{justify-self:end;margin-right:max(var(--page-gutter),calc(50% - 30rem))}.stage-swipe-hint{display:none}@keyframes stage-swipe-hint{0%{opacity:0;transform:translate(-50%)}15%{opacity:.85}35%{transform:translate(calc(-50% - .6rem))}58%{transform:translate(calc(-50% + .6rem))}78%{opacity:.85}to{opacity:0;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.stage-swipe-hint{animation:none!important}.fudge-stage.force-motion .stage-swipe-hint{animation:stage-swipe-hint 3s ease-in-out forwards!important}}@media(max-width:700px){.fudge-stage{--stage-product-size:clamp(16rem,62vw,22rem);min-height:calc(100svh - var(--header-height) - 2.25rem);grid-template-rows:auto minmax(19rem,42svh) auto;padding:2.25rem .75rem 2rem}.fudge-stage__intro{width:100%}.fudge-stage__eyebrow{font-size:.7rem}.fudge-stage h1{font-size:clamp(1.9rem,9vw,2.75rem)}.fudge-stage__deal{font-size:.75rem}.fudge-stage__intro .promo-progress{gap:.3rem;margin-top:.55rem;padding:.5rem .7rem}.fudge-stage__intro .promo-progress__pieces{gap:.3rem}.fudge-stage__intro .promo-progress__piece{min-height:1.6rem}.fudge-stage__intro .promo-progress__heading strong{font-size:.85rem}.fudge-stage__intro .promo-progress__message{font-size:.72rem}.stage-filters{justify-content:flex-start;overflow-x:auto;width:min(100%,25rem);margin:.65rem auto 0;padding:.15rem .25rem;scrollbar-width:none}.stage-filter{flex:0 0 auto;min-height:2rem;padding:.25rem .7rem}.stage-flavor-jump{width:min(100%,15rem);margin-top:.45rem}.stage-product[data-position="-1"]{transform:translate(-132%,-54%) scale(.62) rotate(-8deg)}.stage-product[data-position="1"]{transform:translate(32%,-54%) scale(.62) rotate(8deg)}.stage-control{display:none}.stage-product__add{bottom:-.25rem;width:3rem;height:3rem}.stage-swipe-hint{position:absolute;z-index:9;bottom:.15rem;left:50%;display:block;margin:0;border-radius:999px;padding:.28rem .7rem;background:#fffdf7d1;color:var(--color-chocolate);font-size:.72rem;font-weight:750;letter-spacing:.03em;pointer-events:none;white-space:nowrap;animation:stage-swipe-hint 3s ease-in-out forwards}.stage-swipe-hint.is-dismissed{display:none}.fudge-stage__details{min-height:7.25rem;margin-top:.5rem}.stage-detail__description{font-size:.8rem;-webkit-line-clamp:2}}@media(max-height:760px)and (min-width:701px){.fudge-stage{--stage-product-size:clamp(16rem,38svh,20rem);grid-template-rows:auto minmax(18rem,40svh) auto;min-height:44rem;padding-block:1.5rem 2rem}.fudge-stage h1{font-size:clamp(2.5rem,8svh,4rem)}.fudge-stage__deal{margin-top:.4rem}.fudge-stage__intro .promo-progress{margin-top:.5rem}.stage-filters{margin-top:.55rem}.fudge-stage__details{margin-top:.5rem}}@media(max-width:700px)and (max-height:760px){.fudge-stage{grid-template-rows:auto 19rem auto;min-height:48rem}.stage-detail__description{-webkit-line-clamp:1}}@media(min-height:601px){.fudge-stage{height:calc(100svh - var(--header-height) - 2.25rem);min-height:0;grid-template-rows:auto minmax(0,1fr) auto}.fudge-stage__products{container-type:size}.stage-product{width:min(var(--stage-product-size),88cqh);height:min(var(--stage-product-size),88cqh)}}@media(min-height:601px)and (max-height:760px){.fudge-stage{padding-block:1rem 1.25rem}.fudge-stage h1{margin-top:.1rem}.fudge-stage__deal{margin-top:.3rem;padding-block:.25rem}.fudge-stage__intro .promo-progress{gap:.3rem;margin-top:.4rem;padding:.5rem .75rem}.fudge-stage__intro .promo-progress__pieces{gap:.35rem}.fudge-stage__intro .promo-progress__piece{min-height:1.75rem}.fudge-stage__intro .promo-progress__message{font-size:.75rem}.stage-filters{margin-top:.45rem}.fudge-stage__details{min-height:5.25rem;margin-top:.25rem}.stage-detail__description{-webkit-line-clamp:1}}@media(max-width:700px)and (min-height:601px){.fudge-stage{grid-template-rows:auto minmax(0,1fr) auto;min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/fudge-stage.css.map */