:root{--fbg:#E5F3D0;--fac:#4F7F22;--fdeep:#2F5A10;--fsoft:#C9E4A6;--fpop:#8DC456}body.pdp-body{background:var(--cream)}.pdp-page{transition:background .6s}.frail{position:relative;z-index:6;padding-block:14px 0}.frail .wrap{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}.frail .wrap::-webkit-scrollbar{display:none}.fr-chip{flex:none;display:inline-flex;align-items:center;gap:8px;border:2px solid var(--ink);border-radius:var(--r-pill);background:#fff;padding:5px 14px 5px 6px;font:700 14px/1 var(--f-body);color:var(--ink);text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .3s}.fr-chip img{width:26px;height:auto}.fr-chip:hover{transform:translateY(-2px)}.fr-chip[aria-current=true]{background:var(--ink);color:var(--cream);box-shadow:0 4px 0 var(--fac)}.crumbs{font:600 13px/1 var(--f-body);color:var(--ink-2);margin-top:14px}.crumbs a{color:inherit}.p-hero{position:relative;background:radial-gradient(90% 70% at 30% 20%,#fff 0,var(--fbg) 55%);padding-block:clamp(20px,3vw,40px) clamp(60px,7vw,100px);overflow:clip;transition:background .6s}.p-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,60px);align-items:start;margin-top:18px}.p-grid>*{min-width:0}.p-gal{position:sticky;top:96px;align-self:start}.p-stage{position:relative;aspect-ratio:4/5;border:2.5px solid var(--ink);border-radius:34px;background:radial-gradient(70% 60% at 50% 40%,#fff,var(--fsoft));box-shadow:0 10px 0 var(--ink);overflow:hidden;transition:background .6s}.p-stage .pack3d{position:absolute;top:3%;right:6%;bottom:6%;left:6%}.p-stage .ph{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;background:#fff;line-height:0}.p-stage .ph img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important;min-width:100%;min-height:100%;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:center center}.p-stage .ph[hidden]{display:none}.p-stage .burst{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.5) 0 8deg,transparent 8deg 16deg);border-radius:50%;mask:radial-gradient(closest-side,#000 30%,transparent 70%);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent 70%);animation:spin 40s linear infinite}.p-stage .flt{position:absolute;z-index:3;width:clamp(56px,7vw,90px);height:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 12px rgba(15,28,46,.22));animation:pfloat 6s ease-in-out infinite}.p-stage .flt.b{animation-delay:-3s}.p-stage .stamp{position:absolute;left:5%;top:5%;z-index:5;width:92px;height:92px;border-radius:50%;background:var(--fac);color:#fff;border:2.5px solid var(--ink);display:grid;place-content:center;text-align:center;transform:rotate(-10deg);box-shadow:0 4px 0 var(--ink);transition:background .5s}.stamp b{font:800 26px/1 var(--f-display)}.stamp span{font:700 9.5px/1.15 var(--f-body);text-transform:uppercase;letter-spacing:.06em}.p-stage.photo .stamp,.p-stage.photo .flt{visibility:hidden}.p-nav{position:absolute;top:50%;z-index:6;width:42px;height:42px;margin-top:-21px;border-radius:50%;border:2px solid var(--ink);background:#fff7e8eb;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 0 var(--ink);color:var(--ink)}.p-nav svg{width:18px}.p-nav.l{left:12px}.p-nav.r{right:12px}.p-count{position:absolute;right:14px;bottom:14px;z-index:6;font:700 12px/1 var(--f-body);background:var(--ink);color:var(--cream);border-radius:var(--r-pill);padding:6px 10px}.p-thumbs{display:flex;gap:10px;margin-top:16px;overflow-x:auto;padding:4px 4px 8px;scrollbar-width:thin}.p-thumbs button{flex:0 0 clamp(62px,6.4vw,80px);aspect-ratio:1;border:2px solid var(--ink);border-radius:14px;overflow:hidden;padding:0;background:var(--fsoft);cursor:pointer;opacity:.75;position:relative}.p-thumbs button img{width:100%;height:100%;object-fit:cover}.p-thumbs button.pk img{object-fit:contain;padding:8px}.p-thumbs button[aria-selected=true]{opacity:1;outline:3px solid var(--fac);outline-offset:2px;box-shadow:0 4px 0 var(--ink)}.p-thumbs .t3d{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font:800 11px/1 var(--f-display);background:#fff;border:1.5px solid var(--ink);border-radius:var(--r-pill);padding:3px 6px}.p-buy .rating{margin-bottom:12px}.p-line{font:600 15px/1.3 var(--f-body);color:var(--fdeep);letter-spacing:.01em;transition:color .5s}.p-line i{font-family:var(--f-serif);font-size:1.15em}.p-title{margin:8px 0 0;font:400 clamp(52px,6.4vw,92px)/.9 var(--f-serif);letter-spacing:-.02em;color:var(--ink)}.p-title em{font-style:italic;color:var(--fac);transition:color .5s}.p-sub{font:800 clamp(22px,2.2vw,30px)/1 var(--f-display);letter-spacing:-.03em;margin-top:6px}.p-sub small{font:italic 400 .8em var(--f-serif);letter-spacing:0;margin-right:6px}.p-desc{color:var(--ink-2);font-size:17px;margin:16px 0 0;max-width:46ch}.p-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.p-badges span{font:800 13px/1 var(--f-display);border:2px solid var(--ink);border-radius:var(--r-pill);padding:8px 12px;background:#fff}.p-badges span:nth-child(odd){background:var(--fsoft);transition:background .5s}.p-step{margin-top:26px}.p-step h4{font:800 19px/1.2 var(--f-display);margin:0 0 12px;display:flex;justify-content:space-between;align-items:baseline}.p-step h4 small{font:600 13px/1 var(--f-body);color:var(--ink-2)}.p-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.p-mode{position:relative;min-height:112px;border:2px solid var(--ink);border-radius:22px;background:#fff;padding:22px 18px 18px;display:grid;align-content:center;gap:7px;color:var(--ink);text-decoration:none;transition:background .18s,box-shadow .15s,transform .15s}a.p-mode{cursor:pointer}.p-mode b{font:800 clamp(20px,2vw,27px)/1 var(--f-display);letter-spacing:-.035em}.p-mode small{color:var(--ink-2);font-size:15px;line-height:1.25}.p-mode.is-selected{background:color-mix(in srgb,var(--sky) 30%,#fff);box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.p-mode__flag{position:absolute;top:-13px;left:50%;transform:translate(-50%);white-space:nowrap;background:var(--cherry);color:#fff;font:700 11px/1 var(--f-body);letter-spacing:.11em;text-transform:uppercase;padding:7px 12px;border-radius:var(--r-pill);border:2px solid var(--ink)}a.p-mode:hover{background:color-mix(in srgb,var(--sky) 18%,#fff);box-shadow:0 5px 0 var(--ink);transform:translateY(-2px)}a.p-mode:active{box-shadow:0 2px 0 var(--ink);transform:translateY(1px)}a.p-mode:focus-visible{outline:3px solid var(--sky-deep);outline-offset:3px}.p-packs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.p-packs .p-pack:only-child{grid-column:1/-1}.p-multi{margin:10px 0 0;padding:10px 13px;border:1.5px solid var(--ink);border-radius:14px;background:var(--cream);font:700 13px/1.4 var(--f-body);color:var(--ink-2)}.p-multi.active{background:var(--lime);color:var(--ink);box-shadow:0 4px 0 var(--ink)}.p-pack{position:relative;border:2px solid var(--ink);border-radius:20px;background:#fff;padding:16px;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"title price" "note unit" "status status";column-gap:clamp(16px,3vw,36px);row-gap:5px;align-items:end;transition:transform .15s,box-shadow .15s,background .3s}.p-pack input{position:absolute;opacity:0;pointer-events:none}.p-pack b{grid-area:title;min-width:0;font:800 20px/1 var(--f-display)}.p-pack>small:not([data-bag]){grid-area:note;min-width:0}.p-pack .pp{grid-area:price;justify-self:end;text-align:right;font:800 24px/1 var(--f-display);font-variant-numeric:tabular-nums;white-space:nowrap}.p-pack [data-bag]{grid-area:unit;justify-self:end;text-align:right;white-space:nowrap}.p-pack small{color:var(--ink-2);font-size:13px;line-height:1.25}.p-pack .flag{position:absolute;top:-11px;right:12px;background:var(--cherry);color:#fff;font:700 10.5px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:var(--r-pill);border:2px solid var(--ink)}.p-pack:has(input:checked){background:var(--fsoft);box-shadow:0 5px 0 var(--ink);transform:translateY(-2px)}.p-pack:has(input:focus-visible){outline:3px solid var(--sky-deep);outline-offset:3px}.p-pack:has(input:disabled){cursor:not-allowed;opacity:.68}.p-stock-status{grid-area:status;justify-self:start;margin-top:5px;border:1.5px solid var(--ink);border-radius:var(--r-pill);background:var(--cream);padding:5px 8px;font:800 10px/1 var(--f-display);letter-spacing:.04em;text-transform:uppercase}.p-sub-toggle{display:flex;gap:12px;align-items:center;margin-top:12px;border:2px dashed var(--ink);border-radius:18px;padding:12px 14px;cursor:pointer;background:#fff9}.p-sub-toggle input{width:20px;height:20px;accent-color:var(--fac)}.p-sub-toggle b{display:block;font-size:15px}.p-sub-toggle small{color:var(--ink-2);font-size:13px}.p-row{display:flex;gap:12px;margin-top:20px;align-items:stretch}.qty2{display:flex;align-items:center;border:2px solid var(--ink);border-radius:var(--r-pill);background:#fff;overflow:hidden}.qty2 button{width:44px;height:100%;border:0;background:none;font:800 20px/1 var(--f-body);cursor:pointer;color:var(--ink)}.qty2 output{min-width:28px;text-align:center;font:800 17px/1 var(--f-display)}.p-add{flex:1;font-size:18px;padding:18px}.p-ship{margin-top:16px;font-weight:600;font-size:14px;display:flex;gap:10px;align-items:center}.p-ship .bar{flex:1;height:8px;border-radius:8px;background:#fff;border:1.5px solid var(--ink);overflow:hidden}.p-ship .bar i{display:block;height:100%;background:var(--fac);width:0;transition:width .6s,background .5s}.p-soldout{margin-top:20px;border:2.5px solid var(--ink);border-radius:26px;background:#fff;padding:clamp(20px,3vw,30px);box-shadow:0 7px 0 var(--ink)}.p-soldout[hidden]{display:none}.p-soldout__badge{display:inline-flex;align-items:center;gap:12px;border:2px solid var(--ink);border-radius:var(--r-pill);padding:9px 16px;background:var(--cream);font:800 14px/1 var(--f-display);letter-spacing:.04em;text-transform:uppercase}.p-soldout__badge span{display:flex;gap:5px}.p-soldout__badge i{width:10px;height:10px;border-radius:50%;background:#f47a20}.p-soldout__badge i:nth-child(2){background:var(--cherry)}.p-soldout__badge i:nth-child(3){background:#35a77b}.p-soldout>p{margin:20px 0;color:var(--ink-2);font-size:17px;line-height:1.5}.p-soldout__store{display:block;width:100%;padding:17px;text-align:center;text-decoration:none;font-size:18px}.p-soldout__waitlist{margin-top:24px}.p-waitlist__heading{display:block;margin:0 0 14px;font:800 18px/1.2 var(--f-display);color:var(--ink)}.p-waitlist__row{display:grid;grid-template-columns:minmax(0,1fr) clamp(112px,28%,132px);gap:10px;align-items:stretch;min-width:0;width:100%}.p-waitlist input{min-width:0;width:100%;height:54px;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--cream);padding:0 18px;font:600 16px/1 var(--f-body);color:var(--ink)}.p-waitlist input::placeholder{color:var(--ink-2);opacity:.72}.p-waitlist input:focus-visible{outline:3px solid var(--fac);outline-offset:3px}.p-waitlist button{width:100%;min-width:0;min-height:54px;padding-inline:18px;white-space:nowrap}.p-waitlist button:disabled{cursor:wait;opacity:.72}.p-waitlist__message{margin:12px 0 0!important;font-size:14px!important;font-weight:700;color:var(--fdeep)!important}.p-waitlist__message.error{color:var(--cherry)!important}.p-cross{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;max-width:100%;min-width:0;margin-top:22px;border:2px solid var(--ink);border-radius:20px;padding:14px;background:#fff;box-shadow:0 4px 0 var(--ink);overflow:clip}.p-cross>*{min-width:0}.p-cross .fanimg{position:relative;width:78px;height:68px;align-self:center}.p-cross .fanimg img{position:absolute;bottom:1px;width:32px;height:auto;max-height:66px;object-fit:contain;transform-origin:50% 100%}.p-cross .fanimg img:nth-child(1){left:0;transform:rotate(-12deg)}.p-cross .fanimg img:nth-child(2){left:14px;transform:rotate(-4deg)}.p-cross .fanimg img:nth-child(3){left:28px;transform:rotate(4deg)}.p-cross .fanimg img:nth-child(4){left:42px;transform:rotate(12deg)}.p-cross b{display:block;font:800 16px/1.2 var(--f-display)}.p-cross small{display:block;color:var(--ink-2);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.p-cross a{justify-self:end;white-space:nowrap;font:700 13px/1 var(--f-body);background:var(--ink);color:var(--cream);text-decoration:none;border-radius:var(--r-pill);padding:10px 14px}.p-assure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;padding:14px 0;border-block:1px solid color-mix(in srgb,var(--ink) 18%,transparent);font-size:13px;font-weight:700}.p-assure span{min-width:0;display:flex;gap:7px;align-items:center;justify-content:center;text-align:center;line-height:1.25}.p-assure svg{width:19px;height:19px;flex:none;color:var(--fac)}.acc{margin-top:18px;border-top:1.5px solid var(--line)}.acc details{background:none;border:0;box-shadow:none;border-bottom:1.5px solid var(--line);border-radius:0;margin:0}.acc summary{padding:16px 0;font-size:17px}.acc summary .pm{width:26px;height:26px}.acc details p,.acc details ul{margin:0;padding:0 0 16px;color:var(--ink-2);font-size:15px}.acc ul{padding-left:18px!important}.p-flavs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.pf{position:relative;display:grid;justify-items:center;gap:6px;border:2px solid var(--ink);border-radius:18px;background:#fff;padding:10px 4px 9px;cursor:pointer;text-align:center;font:700 12px/1.15 var(--f-body);color:var(--ink);transition:transform .15s,box-shadow .15s,background .3s}.pf img{width:34px;height:auto;transition:transform .25s cubic-bezier(.3,1.5,.5,1)}.pf:hover img{transform:rotate(-6deg) scale(1.06)}.pf[aria-checked=true]{background:var(--fsoft);box-shadow:0 5px 0 var(--ink);transform:translateY(-2px)}.pf[aria-checked=true] img{transform:scale(1.12)}.np-open{display:block;width:100%;margin-top:22px;padding:20px;border:2.5px solid var(--ink);border-radius:20px;background:var(--fsoft);font:800 18px/1 var(--f-display);color:var(--ink);cursor:pointer;box-shadow:0 5px 0 var(--ink);transition:transform .15s,box-shadow .15s,background .5s}.np-open:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.np-open:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.np{position:fixed;top:0;right:0;bottom:0;left:0;width:min(620px,calc(100vw - 32px));height:max-content;max-height:calc(100dvh - 40px);margin:auto;overflow-y:auto;overscroll-behavior:contain;border:2.5px solid var(--ink);border-radius:26px;background:#fff;padding:22px;box-shadow:0 8px 0 var(--ink);color:var(--ink)}.np::backdrop{background:#0f1c2e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.np[open]{animation:npIn .28s cubic-bezier(.3,1.3,.5,1)}.np-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.np-head h3{font-size:22px;margin:0}.np-x{flex:none;width:40px;height:40px;border-radius:50%;border:2px solid var(--ink);background:#fff;font:700 24px/1 var(--f-body);cursor:pointer;color:var(--ink)}.np-x:hover{background:var(--fsoft)}.np .p-badges{margin-top:14px}@media(max-width:560px){.np{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}.np .p-dl{grid-template-columns:1fr}.np-head h3{font-size:19px}}.p-details{margin-top:22px;border:2.5px solid var(--ink);border-radius:26px;background:#fff;padding:22px;box-shadow:0 6px 0 var(--ink)}.p-details h3{font-size:24px}.p-details .p-badges{margin-top:14px}.p-dl{margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.p-dl div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1.5px solid var(--line);font-size:14px}.p-dl dt{font-weight:600;color:var(--ink-2)}.p-dl dd{margin:0;font-weight:800;text-align:right}.p-ingr{margin-top:16px;background:var(--fbg);border-radius:16px;padding:14px 16px;transition:background .5s}.p-ingr b{font:800 15px/1 var(--f-display)}.p-ingr p{margin:6px 0 0;font-size:14px;color:var(--ink-2)}@media(max-width:520px){.p-flavs{grid-template-columns:repeat(3,1fr)}.p-dl{grid-template-columns:1fr}}.p-sticky{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:58;transform:translate(-50%,160%);transition:transform .45s cubic-bezier(.3,1.3,.5,1);display:flex;gap:12px;align-items:center;background:var(--cream);border:2.5px solid var(--ink);border-radius:var(--r-pill);padding:8px 8px 8px 10px;box-shadow:0 6px 0 var(--ink),0 20px 40px -12px #0f1c2e66;width:min(560px,calc(100% - 24px))}.p-sticky.show{transform:translate(-50%)}.p-sticky img{width:34px;height:auto;object-fit:contain}.p-sticky div{flex:1;min-width:0;line-height:1.15}.p-sticky b{display:block;font:800 16px/1.1 var(--f-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-sticky small{font-size:12.5px;color:var(--ink-2)}.p-sticky .btn{padding:14px 20px;font-size:15px}.pdp-body .mcta{display:none!important}.flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;background:var(--fac);clip-path:circle(0 at var(--fx,50%) var(--fy,50%));transition:none}@media(max-width:900px){.p-grid{grid-template-columns:1fr}.p-gal{position:relative;top:0}}@media(max-width:520px){.p-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p-mode{min-height:116px;padding:22px 12px 14px;gap:6px}.p-mode b{font-size:18px;line-height:1.05}.p-mode small{font-size:13px;line-height:1.2}.p-mode__flag{top:-12px;font-size:9px;padding:6px 9px}.p-packs{grid-template-columns:1fr}.p-assure{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:11.5px}.p-assure span{flex-direction:column;justify-content:flex-start;gap:5px}.p-assure svg{width:21px;height:21px}.p-add{font-size:15px;padding:16px 12px;white-space:nowrap}.p-ship{flex-wrap:wrap}.p-ship .bar{flex:1 1 100%}.p-cross{grid-template-columns:72px minmax(0,1fr)}.p-cross .fanimg{width:72px}.p-cross a{grid-column:1/-1;justify-self:stretch;text-align:center;min-height:44px;display:grid;place-items:center}.p-stage .stamp{width:74px;height:74px}.stamp b{font-size:20px}.p-waitlist input{padding-inline:14px;font-size:14px}.p-waitlist__row{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.p-waitlist button{width:100%;min-width:0;min-height:54px;padding-inline:12px;font-size:14px}}@media(prefers-reduced-motion:reduce){.p-stage .flt,.p-stage .burst{animation:none}.flash{display:none}}@keyframes pfloat{50%{transform:translateY(-12px) rotate(8deg)}}@keyframes npIn{0%{opacity:0;transform:translateY(18px) scale(.97)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/hb-product-hero.css.map */