.hh-fp{background:#fff;padding:0 16px 60px}.hh-fp__inner{max-width:1408px;margin-inline:auto;display:grid;gap:10px;grid-template-columns:1fr;align-items:stretch}@media(min-width:990px){.hh-fp__inner{grid-template-columns:1fr 1fr}}.hh-fp__media{background:var(--hh-cream);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:24px 24px 28px;gap:16px;min-height:540px}.hh-fp__media-main{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:8px}.hh-fp__main-img{width:100%;height:auto;max-height:480px;object-fit:contain;display:block}.hh-fp__thumbs{display:flex;gap:8px;flex-wrap:wrap;align-self:stretch;justify-content:center}.hh-fp__thumb{width:90px;height:90px;background:#f4f2f1;border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;padding:0;flex-shrink:0;transition:border-color .15s ease}.hh-fp__thumb:hover{border-color:#d1473566}.hh-fp__thumb.is-selected{border-color:var(--hh-orange-soft)}.hh-fp__thumb-img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:749px){.hh-fp__thumb{width:60px;height:60px}}.hh-fp__details{background:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:28px;border:1px solid rgba(0,0,0,.05)}.hh-fp__head{display:flex;flex-direction:column;gap:12px}.hh-fp__title{margin:0;font-family:var(--hh-font-sans);font-size:clamp(32px,4.5vw,48px);line-height:clamp(38px,5.2vw,56px);font-weight:600;letter-spacing:-.01em;color:#000}.hh-fp__subtitle{margin:0;font-family:var(--hh-font-sans);font-size:14px;line-height:22px;font-weight:400;color:#000000b3}.hh-fp__price{margin:0;font-family:var(--hh-font-sans);font-size:clamp(32px,4.5vw,48px);line-height:clamp(38px,5.2vw,56px);font-weight:600;letter-spacing:-.01em;color:var(--hh-orange-soft)}.hh-fp__form{display:flex;flex-direction:column;gap:24px}.hh-fp__option,.hh-fp__group{display:flex;flex-direction:column;gap:12px}.hh-fp__option-label{margin:0;font-family:var(--hh-font-sans);font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.01em;color:#000;text-transform:none}.hh-fp__swatches{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0;margin:-4px 0;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 24px),rgba(0,0,0,.6) 100%);mask-image:linear-gradient(to right,#000 0 calc(100% - 24px),#0009)}.hh-fp__swatches::-webkit-scrollbar{display:none}.hh-fp__swatch{position:relative;width:48px;height:48px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;scroll-snap-align:start;transition:transform .15s ease,box-shadow .15s ease}.hh-fp__swatch:hover{transform:translateY(-1px)}.hh-fp__swatch-color{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#ccc}.hh-fp__swatch-check{position:relative;z-index:2;width:14px;height:14px;color:#fff;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.hh-fp__swatch-check svg{display:block;width:100%;height:100%}.hh-fp__swatch-input:checked+.hh-fp__swatch .hh-fp__swatch-check{opacity:1;transform:scale(1)}.hh-fp__swatch-input:focus-visible+.hh-fp__swatch{box-shadow:0 0 0 3px #d147354d}.hh-fp__swatch-input:disabled+.hh-fp__swatch,.hh-fp__swatch.is-soldout{cursor:not-allowed;opacity:.4}.hh-fp__swatch-input:disabled+.hh-fp__swatch:after,.hh-fp__swatch.is-soldout:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:6px;background:linear-gradient(to top left,transparent calc(50% - 1px),rgba(0,0,0,.55) calc(50% - 1px),rgba(0,0,0,.55) 50%,transparent 50%);pointer-events:none}.hh-fp__included{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.hh-fp__included-item{display:flex;align-items:center;gap:9px}@media(max-width:749px){.hh-fp__included,.hh-pdp__included--richtext ul{gap:2px}}.hh-fp__check{width:24px;height:24px;display:block;flex-shrink:0}.hh-fp__included-text{font-family:var(--hh-font-sans);font-size:14px;line-height:22px;color:#000000b3}.hh-pdp__included--richtext ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.hh-pdp__included--richtext ul li{position:relative;padding-left:33px;min-height:24px;font-family:var(--hh-font-sans);font-size:14px;line-height:22px;color:#000000b3}.hh-pdp__included--richtext ul li:before{content:"";position:absolute;left:0;top:0;width:24px;height:24px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><rect width='24' height='24' rx='12' fill='%23FA4C31' fill-opacity='0.1'/><path d='M8 13.0169L11.5 16L16 8' stroke='%23D14735' stroke-width='1.5' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:center}.hh-pdp__included--richtext p{display:none}.hh-fp__extras{display:flex;gap:14px;flex-wrap:wrap}.hh-fp__extra-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.hh-fp__extra{position:relative;width:56px;height:56px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.06);overflow:hidden;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,transform .12s ease,box-shadow .15s ease}.hh-fp__extra:hover{border-color:#d1473566}.hh-fp__extra-wrap:has(.hh-fp__extra-input:checked) .hh-fp__extra{border-color:var(--hh-orange-soft);box-shadow:0 0 0 2px var(--hh-orange-soft) inset}.hh-fp__extra-img{width:100%;height:100%;object-fit:cover;display:block}.hh-fp__extra-overlay{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:10px;background:#4a7c59d9;color:#fff;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.hh-fp__extra:has(.hh-fp__extra-input:checked) .hh-fp__extra-overlay{opacity:1}.hh-fp__extra:has(.hh-fp__extra-input:focus-visible){outline:2px solid var(--hh-orange);outline-offset:2px}.hh-fp__extra-price{font-family:var(--hh-font-sans);font-size:12px;line-height:16px;font-weight:500;color:#0000008c;letter-spacing:-.01em;transition:color .15s ease}.hh-fp__extra-wrap:has(.hh-fp__extra-input:checked) .hh-fp__extra-price{color:var(--hh-orange-soft);font-weight:600}.hh-fp__mono{display:inline-flex;align-items:center;gap:10px;cursor:pointer;padding:8px 4px;margin:-8px -4px;border-radius:8px;transition:background .15s ease}.hh-fp__mono:hover{background:#00000005}.hh-fp__mono-label{margin:0;cursor:pointer}.hh-fp__mono-price{font-family:var(--hh-font-sans);font-size:13px;line-height:20px;font-weight:500;color:#0000008c;letter-spacing:-.01em;transition:color .15s ease;margin-right:auto}.hh-fp__mono:has(.hh-fp__mono-input:checked) .hh-fp__mono-price{color:var(--hh-orange-soft);font-weight:600}.hh-fp__mono-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.hh-fp__mono-box{width:22px;height:22px;border-radius:6px;background:#fff;border:1.5px solid rgba(0,0,0,.18);display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:background .2s ease,border-color .2s ease,transform .12s ease,box-shadow .15s ease}.hh-fp__mono:hover .hh-fp__mono-box{border-color:#00000052}.hh-fp__mono-box svg{opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .25s cubic-bezier(.4,0,.2,1.4)}.hh-fp__mono-input:checked+.hh-fp__mono-box{background:var(--hh-orange-soft);border-color:var(--hh-orange-soft)}.hh-fp__mono:hover .hh-fp__mono-input:checked+.hh-fp__mono-box{background:var(--hh-orange-deep);border-color:var(--hh-orange-deep)}.hh-fp__mono-input:checked+.hh-fp__mono-box svg{opacity:1;transform:scale(1)}.hh-fp__mono-input:active+.hh-fp__mono-box,.hh-fp__mono:active .hh-fp__mono-box{transform:scale(.94)}.hh-fp__mono-input:focus-visible+.hh-fp__mono-box{box-shadow:0 0 0 3px #d147354d;border-color:var(--hh-orange-soft)}.hh-fp__totals{margin-top:4px;padding:14px 16px;background:var(--hh-cream-2);border-radius:12px;display:flex;flex-direction:column;gap:4px}.hh-fp__totals-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.hh-fp__totals-label{font-family:var(--hh-font-sans);font-size:14px;line-height:22px;font-weight:500;color:#0009;letter-spacing:-.005em}.hh-fp__totals-value{font-family:var(--hh-font-sans);font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.02em;color:var(--hh-brown);font-variant-numeric:tabular-nums;transition:color .25s ease}.hh-fp__totals-value.is-bumping{animation:hh-fp-bump .35s ease}@keyframes hh-fp-bump{0%{transform:scale(1);color:var(--hh-orange-soft)}50%{transform:scale(1.04);color:var(--hh-orange-soft)}to{transform:scale(1)}}.hh-fp__submit{width:100%;min-height:48px;background:var(--hh-orange-soft);color:#fff;border:0;border-radius:15px;font-family:var(--hh-font-sans);font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.02em;cursor:pointer;margin-top:auto;transition:background .15s ease,transform .1s ease}.hh-fp__submit:hover:not([disabled]){opacity:.8}.hh-fp__submit:active:not([disabled]){transform:scale(.99)}.hh-fp__submit[disabled]{opacity:.6;cursor:not-allowed}.hh-fp__delivery{margin:-8px 4px 0;display:inline-flex;align-items:center;gap:6px;font-family:var(--hh-font-sans);font-size:13px;line-height:20px;font-weight:600;letter-spacing:-.005em;color:var(--hh-price-save, #1B7A43)}.hh-fp__delivery-dot{width:6px;height:6px;border-radius:999px;background:var(--hh-price-save, #1B7A43);flex-shrink:0}@media(max-width:989px){.hh-fp{padding:0 8px 40px}.hh-fp__media{min-height:auto;padding:16px}.hh-fp__media-main{padding:0}.hh-fp__main-img{max-height:300px;aspect-ratio:4 / 3;object-fit:contain;width:auto;margin:0 auto}.hh-fp__details{padding:20px;gap:22px}.hh-fp__form{gap:20px}.hh-fp__title,.hh-fp__price{font-size:28px;line-height:36px}}@media(max-width:749px){.hh-fp__thumb{width:72px;height:72px}.hh-fp__title,.hh-fp__price{font-size:24px;line-height:32px}.hh-fp__media-main{aspect-ratio:4 / 3}.hh-fp__main-img{max-height:240px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hh-featured-product.css.map */