.hk-pdp{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);color:var(--hk-okra);transition:background-color .7s var(--hk-ease)}.hk-pdp__stage{--mx:0;--my:0;position:sticky;top:64px;height:calc(100svh - 64px);overflow:hidden;container-type:size;background:inherit}.hk-pdp__obj{position:absolute;inset:0;z-index:2}.hk-pdp__canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .3s ease;cursor:grab;touch-action:pan-y}.hk-pdp__canvas.is-ready{opacity:1}.hk-pdp__canvas.is-dragging{cursor:grabbing}.hk-pdp__render{position:absolute;left:50%;top:50%;height:62%;width:auto;translate:-50% -50%;rotate:calc(var(--tilt, 0deg) + var(--mx) * 4deg);scale:var(--sc,1);transition:rotate .9s var(--hk-ease),scale .9s var(--hk-ease),opacity .3s ease;animation:hk-pdp-drop 1.2s var(--hk-ease) .1s both}.hk-pdp__shadow{position:absolute;left:50%;top:calc(50% + 26.5cqh);width:26cqh;height:4cqh;translate:-50% 0;border-radius:50%;background:rgba(37,58,30,.2);animation:hk-pdp-shadow 1.2s var(--hk-ease) .1s both}@keyframes hk-pdp-shadow{0%{scale:.3;opacity:0}}.hk-pdp__render.is-fallback{animation:none;opacity:.001}.hk-pdp--bottle[data-ch-on="1"] .hk-pdp__render{--tilt:-7deg;--sc:1.06}.hk-pdp--bottle[data-ch-on="2"] .hk-pdp__render{--tilt:5deg;--sc:0.96}.hk-pdp--bottle[data-ch-on="3"] .hk-pdp__render{--tilt:-3deg;--sc:1.02}@keyframes hk-pdp-drop{0%{transform:translateY(-90cqh) rotate(-30deg)}70%{transform:translateY(2cqh) rotate(3deg)}to{transform:none}}.hk-pdp__props{position:absolute;inset:0;z-index:1;pointer-events:none}.hk-pdp__props--front{z-index:3}.hk-prop{position:absolute;left:50%;top:50%;width:clamp(80px,14cqw,190px);transform:translate(-50%,-50%) translate(calc(var(--x) * 1cqw),calc(var(--y) * 1cqh)) rotate(var(--r)) scale(var(--s));opacity:0;transition:transform 1.1s var(--hk-ease),opacity .45s ease}.hk-prop.is-on{opacity:1}.hk-prop--pod{width:clamp(36px,5.6cqw,76px)}.hk-prop--ice{width:clamp(60px,10cqw,140px)}.hk-prop__par{transform:translate(calc(var(--mx) * var(--d) * -16px),calc(var(--my) * var(--d) * -12px));transition:transform .5s ease-out}.hk-prop__float{animation:hk-pdp-float 4.8s ease-in-out infinite alternate}.hk-prop svg{display:block;width:100%;height:auto}@keyframes hk-pdp-float{0%{transform:translateY(-7px) rotate(-5deg)}to{transform:translateY(7px) rotate(5deg)}}.hk-pdp__bubbles{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .6s ease;pointer-events:none}.hk-pdp[data-ch-on="2"] .hk-pdp__bubbles{opacity:1}.hk-pdp__bubbles span{position:absolute;bottom:-40px;border-radius:50%;border:2px solid rgba(37,58,30,.4);background:rgba(255,255,255,.6);animation:hk-pdp-rise linear infinite}@keyframes hk-pdp-rise{0%{transform:translate(0)}50%{transform:translate(10px,calc(-50cqh - 40px))}to{transform:translate(-6px,calc(-100cqh - 80px))}}.hk-tag{position:absolute;z-index:4;margin:0;display:flex;align-items:flex-start;gap:2px;font-size:clamp(.95rem,1.4vw,1.3rem);line-height:1.15;opacity:0;translate:0 10px;transition:opacity .35s ease,translate .6s var(--hk-ease);pointer-events:none}.hk-tag .hk-note{background:rgba(255,255,255,.82);border-radius:12px;padding:.2em .55em;max-width:13ch}.hk-tag--l{right:calc(50% + 12cqh)}.hk-tag--r{left:calc(50% + 12cqh);flex-direction:row-reverse}.hk-tag--r .hk-tag__arrow{transform:scaleX(-1)}.hk-tag__arrow{width:clamp(44px,5cqw,72px);flex:none;margin-top:.6em;overflow:visible}.hk-tag__arrow path{fill:none;stroke:var(--hk-okra);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s var(--hk-ease)}.hk-tag.is-on{opacity:1;translate:0 0;transition-delay:.35s}.hk-tag.is-on .hk-tag__arrow path{stroke-dashoffset:0;transition-delay:.6s}.hk-tag.is-on .hk-tag__arrow path+path{transition-delay:1s}.hk-pdp__hint{position:absolute;z-index:4;left:50%;bottom:clamp(14px,3cqh,28px);margin:0;translate:-50% 0;white-space:nowrap;font-size:.95rem;opacity:0;transition:opacity .4s ease}.hk-pdp__hint.is-on{opacity:.8}.hk-pdp__story{padding:0 var(--hk-gutter) 0 clamp(16px,3vw,48px)}.hk-ch{min-height:calc(100svh - 64px);max-width:580px;display:grid;align-content:center;gap:20px;padding:72px 0}.hk-ch--intro{padding-top:40px}.hk-ch>*{opacity:0;translate:0 26px;transition:opacity .6s ease,translate .8s var(--hk-ease)}.hk-ch.is-seen>*{opacity:1;translate:0 0}.hk-ch.is-seen>:nth-child(2){transition-delay:80ms}.hk-ch.is-seen>:nth-child(3){transition-delay:.16s}.hk-ch.is-seen>:nth-child(4){transition-delay:.24s}.hk-ch.is-seen>:nth-child(5){transition-delay:.32s}.hk-ch.is-seen>:nth-child(6){transition-delay:.4s}.hk-ch--intro>*{animation:hk-pdp-in .9s var(--hk-ease) both}.hk-ch--intro>:nth-child(2){animation-delay:.12s}.hk-ch--intro>:nth-child(3){animation-delay:.24s}.hk-ch--intro>:nth-child(4){animation-delay:.38s}@keyframes hk-pdp-in{0%{opacity:0;transform:translateY(30px)}}.hk-crumbs{display:flex;gap:8px;font-weight:700;font-size:.9rem}.hk-crumbs a{color:var(--hk-okra);text-underline-offset:4px}.hk-pdp__title{font-size:clamp(3.6rem,8vw,7.6rem)}.hk-pdp__brand{display:block;font-size:.3em;letter-spacing:.05em;margin-bottom:.12em}.hk-ch__kicker{margin:0;font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.hk-ch__back{color:var(--hk-okra);font-weight:700;text-underline-offset:4px;justify-self:start}.hk-small{margin:0;font-size:.85rem;line-height:1.5;max-width:52ch;color:var(--hk-ink-soft)}.hk-buy{display:grid;gap:16px;margin-top:6px;background:var(--hk-white);border-radius:24px;padding:clamp(16px,2vw,24px);box-shadow:0 2px 0 rgba(37,58,30,.14)}.hk-buy__packs{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;min-width:0}.hk-buy__packs legend{padding:0;margin-bottom:10px;font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.hk-pack{position:relative;display:grid;gap:2px;padding:14px 16px;border-radius:16px;cursor:pointer;border:2px solid rgba(37,58,30,.2);transition:border-color .16s ease,background-color .16s ease,transform .16s var(--hk-ease)}.hk-pack:hover{border-color:rgba(37,58,30,.5)}.hk-pack.is-on{border-color:var(--hk-okra);background:var(--hk-cream)}.hk-pack:has(input:focus-visible){outline:2px solid var(--hk-okra);outline-offset:3px}.hk-pack input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.hk-pack__name{font-weight:700}.hk-pack__price{font-weight:800;font-size:1.25rem;font-variant-numeric:tabular-nums}.hk-pack__save{position:absolute;top:-12px;right:10px;rotate:4deg;background:var(--hk-okra);color:var(--hk-cream);font-size:.8rem;padding:2px 9px;border-radius:999px}.hk-buy__row{display:flex;flex-wrap:wrap;gap:12px}.hk-qty{display:inline-flex;align-items:center;border:2px solid var(--hk-okra);border-radius:999px}.hk-qty button{width:44px;height:44px;border:0;background:transparent;color:var(--hk-okra);font:800 1.3rem/1 var(--hk-font-text);cursor:pointer;border-radius:999px}.hk-qty button:disabled{opacity:.35;cursor:default}.hk-qty output{min-width:2.2ch;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.hk-buy__add{flex:1 1 220px}.hk-buy__note{margin:0;font-size:.9rem;font-weight:600;color:var(--hk-ink-soft)}.hk-ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}.hk-ticks li{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.05rem;opacity:0;translate:-12px 0;transition:opacity .4s ease,translate .5s var(--hk-ease)}.hk-ticks svg{width:24px;height:24px;flex:none;background:var(--hk-white);border-radius:50%;padding:3px}.hk-ticks path{fill:none;stroke:var(--hk-okra);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .5s ease;transition-delay:inherit}.hk-ch.is-seen .hk-ticks li{opacity:1;translate:0 0}.hk-ch.is-seen .hk-ticks path{stroke-dashoffset:0}.hk-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.hk-stats div{border-top:3px solid var(--hk-okra);padding-top:10px;display:grid;gap:2px}.hk-stats b{font-family:var(--hk-font-display);font-weight:900;font-stretch:68%;font-variation-settings:"wdth" 68;font-size:clamp(2.8rem,5vw,4.4rem);line-height:1;font-variant-numeric:tabular-nums}.hk-stats span{font-weight:700}.hk-pdp-facts{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.hk-pdp-facts td,.hk-pdp-facts th{padding:12px 0;border-bottom:1px solid rgba(37,58,30,.2);font-size:1.05rem;white-space:nowrap}.hk-pdp-facts th{text-align:left;font-weight:600}.hk-pdp-facts td{text-align:right;font-weight:800}.hk-pdp-facts tr{opacity:0;transition:opacity .4s ease}.hk-ch.is-seen .hk-pdp-facts tr{opacity:1}.hk-thermo{display:flex;align-items:center;gap:28px}.hk-thermo svg{width:56px;flex:none}.hk-thermo__bulb,.hk-thermo__fill{fill:var(--hk-mango);transition:fill 1.4s ease,transform 1.4s var(--hk-ease)}.hk-thermo__fill{transform-box:fill-box;transform-origin:bottom}.hk-thermo.is-cold .hk-thermo__fill{transform:scaleY(.14);fill:#5FB3C8}.hk-thermo.is-cold .hk-thermo__bulb{fill:#5FB3C8}.hk-thermo>div{display:grid;gap:10px}.hk-thermo__row{margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:28px;min-width:220px;font-weight:600}.hk-thermo__row b{font-family:var(--hk-font-display);font-weight:900;font-stretch:68%;font-variation-settings:"wdth" 68;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1;font-variant-numeric:tabular-nums}.hk-thermo__row:first-child b{opacity:.45;text-decoration:line-through;text-decoration-thickness:3px}.hk-more{list-style:none;margin:0;padding:0;display:grid;gap:10px}.hk-more__row{display:grid;grid-template-columns:56px 1fr auto auto;align-items:center;gap:16px;padding:10px 20px 10px 10px;border-radius:20px;background:var(--hk-white);color:var(--hk-okra);text-decoration:none;transition:background-color .24s ease,transform .3s var(--hk-ease)}.hk-more__row:focus-visible,.hk-more__row:hover{background:var(--sw);transform:translateX(8px)}.hk-more__img{width:56px;height:72px;display:grid;place-items:center;border-radius:14px;background:var(--sw);overflow:hidden}.hk-more__img img{height:64px;width:auto;transition:transform .3s var(--hk-ease)}.hk-more__row:hover .hk-more__img img{transform:rotate(-8deg) translateY(-2px)}.hk-more__name{font-family:var(--hk-font-display);font-weight:900;font-stretch:68%;font-variation-settings:"wdth" 68;text-transform:uppercase;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1}.hk-more__price{font-weight:700;font-variant-numeric:tabular-nums}.hk-more__go{font-size:1.4rem;font-weight:800;transition:transform .3s var(--hk-ease)}.hk-more__row:hover .hk-more__go{transform:translateX(4px)}.hk-buybar{position:fixed;z-index:40;left:50%;bottom:16px;display:flex;align-items:center;gap:18px;background:var(--hk-white);color:var(--hk-okra);border-radius:999px;padding:8px 8px 8px 22px;box-shadow:0 10px 30px rgba(37,58,30,.22);translate:-50% 160%;transition:translate .45s var(--hk-ease)}.hk-buybar.is-on{translate:-50% 0}.hk-buybar p{margin:0;display:grid;line-height:1.2}.hk-buybar p span{font-size:.85rem;color:var(--hk-ink-soft)}@media (max-width:860px){.hk-pdp{grid-template-columns:1fr}.hk-pdp__stage{height:44svh;z-index:5;box-shadow:0 1px 0 rgba(37,58,30,.12)}.hk-pdp__story{padding:0 var(--hk-gutter);position:relative;z-index:1}.hk-ch{min-height:0;padding:40px 0 56px}.hk-ch--intro{padding-top:24px}.hk-tag{font-size:.85rem}.hk-tag .hk-note{max-width:11ch}.hk-tag--l{right:calc(50% + 10cqh)}.hk-tag--r{left:calc(50% + 10cqh)}.hk-pdp__hint{font-size:.8rem}.hk-stats{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px}.hk-stats b{font-size:2.6rem}.hk-buybar{left:12px;right:12px;justify-content:space-between;translate:0 160%}.hk-buybar.is-on{translate:0 0}.hk-buybar .hk-btn{padding:.7em 1em;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.hk-ch>*,.hk-pdp__render,.hk-prop,.hk-prop__par,.hk-tag,.hk-ticks li{transition:none}.hk-ch--intro>*,.hk-pdp__render,.hk-prop__float{animation:none}.hk-pdp__bubbles{display:none}}