.fudge-stage{--stage-product-size:clamp(18rem,min(28vw,40svh),40rem);position:relative;display:grid;isolation:isolate;width:100%;min-width:0;height:calc(100svh - var(--stage-viewport-offset,calc(var(--header-height) + 2.25rem)));min-height:min-content;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(16rem,1fr) max-content;overflow:hidden;contain:layout paint;padding:clamp(.75rem,2svh,2rem) 0;background:linear-gradient(180deg,#f4f3ef,#deddd8 68%,#c7c6c1)}.fudge-stage>*{grid-column:1}.fudge-stage:before{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to bottom,transparent 55%,rgb(222 221 216 / 82%) 78%),var(--stage-background);background-position:center bottom;background-size:cover;content:"";opacity:.38;filter:grayscale(1)}.fudge-stage__intro{position:relative;z-index:5;grid-row:1;width:min(calc(100% - 2rem),60rem);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,min(6vw,8svh),5rem)}.fudge-stage__deal{display:inline-block;margin-top:.6rem;border-radius:999px;padding:.35rem .9rem;background:var(--color-yellow);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;container-type:size;perspective:1000px;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.stage-product{position:absolute;top:50%;left:50%;display:grid;width:min(var(--stage-product-size),calc(100cqh - 2rem));height:min(var(--stage-product-size),calc(100cqh - 2rem));grid-template-rows:minmax(0,1fr) auto;gap:.75rem;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{width:100%;height:100%;min-height:0;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;pointer-events:auto;cursor:pointer;transform:translate(-138%,-54%) scale(.67) rotate(-8deg);filter:grayscale(.6)}.stage-product[data-position="1"]{z-index:2;opacity:.42;pointer-events:auto;cursor:pointer;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%;min-height:0;place-items:center}.stage-product form{margin:0}.stage-product__add{position:relative;z-index:5;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)}.fudge-stage__details{position:relative;z-index:6;display:grid;grid-row:3;align-self:start;width:min(calc(100% - 2rem),36rem);min-height:min-content;margin:.75rem auto 0;text-align:center}.stage-detail{grid-area:1/1;visibility:hidden}.stage-detail.is-active{visibility:visible}.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% - var(--stage-product-size) * 2.2 - 4rem))}.stage-control--next{justify-self:end;margin-right:max(var(--page-gutter),calc(50% - var(--stage-product-size) * 2.2 - 4rem))}.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);grid-template-rows:auto minmax(14rem,1fr) max-content;padding:.75rem .75rem 1rem}.fudge-stage__intro{width:100%}.fudge-stage__eyebrow{font-size:.7rem}.fudge-stage h1{font-size:clamp(1.9rem,8vw,2.75rem)}.fudge-stage__deal{display:none}.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-product{top:calc(50% - 1rem);width:min(var(--stage-product-size),calc(100cqh - 4rem));height:min(var(--stage-product-size),calc(100cqh - 4rem))}.stage-control{display:none}.stage-product__add{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{margin-top:.5rem}.stage-detail__description{font-size:.8rem;-webkit-line-clamp:2}}@media(max-height:850px)and (min-width:701px){.fudge-stage h1{font-size:clamp(2.35rem,6svh,3.5rem)}.fudge-stage__deal{display:none}}@media(max-height:850px){.fudge-stage{padding-block:.5rem .75rem}.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{margin-top:.25rem}.stage-detail__description{-webkit-line-clamp:1}}@media(max-width:700px)and (max-height:760px){.fudge-stage{padding-block:.25rem}.fudge-stage h1{margin-top:0}.fudge-stage__intro .promo-progress{gap:.125rem;margin-top:.2rem;padding:.25rem .6rem}.fudge-stage__intro .promo-progress__piece{min-height:1.25rem}.stage-filters{margin-top:.2rem}.stage-flavor-jump{margin-top:.25rem}}@media(min-width:701px)and (max-height:850px){.fudge-stage{grid-template-rows:auto minmax(15rem,1fr) max-content;padding-block:.375rem}.fudge-stage__intro .promo-progress{gap:.125rem;padding-block:.4rem}.fudge-stage__intro .promo-progress__piece{min-height:1.5rem}.fudge-stage__details{margin-top:.2rem}.stage-detail h2{font-size:clamp(1.5rem,3.5vw,2rem)}.stage-detail__description{font-size:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/fudge-stage.css.map */