.hp{--hp-ink:var(--color-fg,#141414);--hp-bg:var(--color-bg,#f5f4f1);--hp-alt:var(--color-bg-alt,#ecebe6);--hp-line:var(--color-border,#dcdad3);--hp-mute:var(--color-muted,#66655f);--hp-card:var(--color-surface,#fff);--hp-red:var(--color-sale,#c8102e);--hp-green:var(--color-success,#1e7a4c);--hp-head:var(--font-heading-family,"Archivo",sans-serif);--hp-top:calc(var(--header-height,72px) + 24px);color:var(--hp-ink);font-size:15px;line-height:1.5}.hp *,.hp *:before,.hp *:after{box-sizing:border-box}.hp__wrap{max-width:1240px;margin:0 auto;padding:28px 24px 56px}.hp__grid{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:56px;align-items:start}.hp__gallery{position:sticky;top:var(--hp-top);min-width:0}.hp__stage{position:relative;aspect-ratio:4/5;max-height:700px;background:var(--hp-alt);overflow:hidden}.hp__track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hp__track::-webkit-scrollbar{display:none}.hp__slide{flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}.hp__slide img,.hp__slide video,.hp__slide iframe,.hp__placeholder{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.hp__slide--contain img{object-fit:contain}.hp__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 10px #00000024;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--hp-ink);transition:transform .2s,opacity .2s;z-index:2;padding:0}.hp__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.hp__arrow:hover{transform:translateY(-50%) scale(1.06)}.hp__arrow--prev{left:14px}.hp__arrow--next{right:14px}.hp__thumbs{display:flex;gap:8px;margin-top:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.hp__thumbs::-webkit-scrollbar{display:none}.hp__thumb{flex:0 0 76px;width:76px;height:76px;padding:0;border:1px solid transparent;background:var(--hp-alt);cursor:pointer;opacity:.6;transition:opacity .2s,border-color .2s}.hp__thumb img{width:100%;height:100%;object-fit:cover;display:block}.hp__thumb[aria-current=true]{opacity:1;border-color:var(--hp-ink)}.hp__thumb:hover{opacity:1}.hp__info{min-width:0}.hp__eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--hp-mute)}.hp__title{margin:0 0 12px;font-family:var(--hp-head);font-weight:var(--font-heading-weight,600);font-size:30px;line-height:1.1;letter-spacing:.02em;text-transform:uppercase}.hp__price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}.hp__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.hp__now{font-size:24px;font-weight:700;letter-spacing:.01em}.hp__was{font-size:16px;color:var(--hp-mute)}.hp__save{align-self:center;background:var(--hp-red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px}.hp__viewers{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--hp-line);background:var(--hp-card);padding:5px 12px;font-size:12px;white-space:nowrap}.hp__pulse{width:8px;height:8px;border-radius:50%;background:var(--hp-green);box-shadow:0 0 #1e7a4c80;animation:hp-pulse 1.8s infinite}@keyframes hp-pulse{0%{box-shadow:0 0 #1e7a4c73}70%{box-shadow:0 0 0 8px #1e7a4c00}to{box-shadow:0 0 #1e7a4c00}}.hp__stock{margin:4px 0 0;font-size:13px;font-weight:600}.hp__stock--low{color:var(--hp-red)}.hp__tagline{margin:18px 0 8px;font-size:15px}.hp__ticks{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:6px}.hp__ticks li{display:flex;gap:10px;align-items:flex-start;font-size:14px}.hp__ticks svg{flex:0 0 16px;width:16px;height:16px;margin-top:3px;fill:none;stroke:var(--hp-ink);stroke-width:2.2}.hp__options{display:grid;gap:18px;margin-bottom:22px}.hp__opt{border:0;margin:0;padding:0;min-width:0}.hp__opt-label{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;margin-bottom:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--hp-mute)}.hp__opt-label strong{color:var(--hp-ink);font-weight:600}.hp__opt-label .size-guide__trigger{text-transform:uppercase}.hp__opt-values{display:flex;flex-wrap:wrap;gap:8px}.hp__opt-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.hp__pill{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:52px;height:42px;padding:0 14px;justify-content:center;border:1px solid var(--hp-line);background:var(--hp-card);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,background .15s,color .15s;overflow:hidden}.hp__pill:hover{border-color:var(--hp-ink)}.hp__opt-input:checked+.hp__pill{background:var(--hp-ink);border-color:var(--hp-ink);color:#fff}.hp__opt-input:focus-visible+.hp__pill{outline:2px solid var(--hp-ink);outline-offset:2px}.hp__swatch{width:16px;height:16px;border-radius:50%;background:var(--sw,#ccc);box-shadow:inset 0 0 0 1px #0000002e}.hp__opt-input:checked+.hp__pill .hp__swatch{box-shadow:inset 0 0 0 1px #fff9}.hp__pill-out{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hp__pill.is-out{color:#a9a7a0;background:var(--hp-bg);border-style:dashed}.hp__pill.is-out:after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:1px;background:#a9a7a0;transform:rotate(-14deg)}.hp__opt-input:checked+.hp__pill.is-out{background:#5b5a56;border-color:#5b5a56;color:#e7e6e1}.hp__guide-row{margin:-8px 0 20px}.hp__bundles{margin:4px 0 0}.hp__bundles-title{margin:0 0 12px;font-family:var(--hp-head);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hp__card{position:relative;display:block;margin-top:12px;padding:16px 18px;border:1px solid var(--hp-line);background:var(--hp-card);cursor:pointer;transition:border-color .15s,box-shadow .15s}.hp__card:first-of-type{margin-top:0}.hp__card:hover{border-color:#8a8880}.hp__card.is-selected{border-color:var(--hp-ink);box-shadow:inset 0 0 0 1px var(--hp-ink)}.hp__card-input{position:absolute;opacity:0;pointer-events:none}.hp__card-input:focus-visible+.hp__radio{outline:2px solid var(--hp-ink);outline-offset:2px}.hp__badge{position:absolute;top:-10px;right:16px;background:var(--hp-ink);color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;line-height:1.4}.hp__card[data-hp-card="3"] .hp__badge{background:#fff;color:var(--hp-ink);box-shadow:inset 0 0 0 1px var(--hp-ink)}.hp__card-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:14px}.hp__radio{width:18px;height:18px;border-radius:50%;border:1.5px solid #8a8880;position:relative}.hp__card.is-selected .hp__radio{border-color:var(--hp-ink)}.hp__card.is-selected .hp__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--hp-ink)}.hp__card-name{font-family:var(--hp-head);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hp__card-save{background:var(--hp-red);color:#fff;font-family:var(--font-body-family,sans-serif);font-size:10px;font-weight:700;letter-spacing:.1em;padding:3px 7px}.hp__card-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.hp__card-price>span{font-size:17px;font-weight:700}.hp__card-price s{font-size:13px;color:var(--hp-mute)}.hp__panel{display:none}.hp__card.is-selected .hp__panel{display:block;margin:16px -18px -16px;padding:14px 18px 16px;background:var(--hp-ink);color:#f5f4f1;cursor:default}.hp__piece{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:6px 0}.hp__piece+.hp__piece{border-top:1px solid rgba(255,255,255,.12)}.hp__piece img{width:40px;height:40px;object-fit:cover;background:#2a2a2a;display:block}.hp__piece-txt{font-size:13px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.hp__piece-txt b{font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hp__piece-sel{appearance:none;-webkit-appearance:none;background:#2a2a2a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f4f1' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center/14px;color:#f5f4f1;border:1px solid rgba(255,255,255,.25);font:inherit;font-size:13px;height:34px;padding:0 30px 0 10px;max-width:100%;cursor:pointer;border-radius:0}.hp__piece-sel:focus-visible{outline:2px solid #fff;outline-offset:1px}.hp__panel-free{display:flex;align-items:center;gap:10px;margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}.hp__panel-free svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.hp__panel-free b{text-transform:uppercase;letter-spacing:.06em}.hp__panel-free s{opacity:.6}.hp__urgency{display:flex;align-items:center;gap:10px;margin:16px 0 12px;font-size:13px;font-weight:600}.hp__dot{width:9px;height:9px;border-radius:50%;background:#d93a32;animation:hp-red 1.6s infinite}@keyframes hp-red{0%{box-shadow:0 0 #d93a3280}70%{box-shadow:0 0 0 8px #d93a3200}to{box-shadow:0 0 #d93a3200}}.hp__form{margin:0}.hp__atc{width:100%;height:58px;display:flex;align-items:center;justify-content:center;gap:14px;border:0;background:var(--hp-ink);color:#fff;font-family:var(--hp-head);font-size:15px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s,opacity .2s}.hp__atc:hover{background:#2b2b2b}.hp__atc[disabled]{opacity:.45;cursor:not-allowed}.hp__atc.is-added{background:var(--hp-green);opacity:1}.hp__atc-sep{opacity:.45;font-weight:400}.hp__error{margin:8px 0 0;font-size:13px;color:var(--hp-red);font-weight:600}.hp__note{margin:10px 0 0;font-size:13px;color:var(--hp-mute)}.hp__trust{list-style:none;margin:22px 0 8px;padding:16px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-top:1px solid var(--hp-line);border-bottom:1px solid var(--hp-line)}.hp__trust li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.hp__trust svg{width:24px;height:24px;margin-bottom:4px}.hp__trust strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.3}.hp__trust span{font-size:12px;color:var(--hp-mute);line-height:1.3}.hp__accs{margin-top:6px}.hp-acc{border-bottom:1px solid var(--hp-line)}.hp-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;cursor:pointer;font-family:var(--hp-head);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hp-acc summary::-webkit-details-marker{display:none}.hp-acc__icon{position:relative;width:14px;height:14px;flex:0 0 14px}.hp-acc__icon:before,.hp-acc__icon:after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:currentColor;transition:transform .3s}.hp-acc__icon:after{transform:rotate(90deg)}.hp-acc[open]:not(.is-closing) .hp-acc__icon:after{transform:rotate(0)}.hp-acc__body{overflow:hidden;font-size:14px;color:#3a3a37}.hp-acc__body:after{content:"";display:block;height:18px}.hp-acc__body>:first-child{margin-top:0}.hp-acc__body ul{padding-left:18px}.hp-acc.is-opening .hp-acc__body,.hp-acc.is-closing .hp-acc__body{transition:height .34s ease,opacity .3s ease}.hp-acc.is-closing .hp-acc__body{opacity:0}.hp__text{margin:14px 0;font-size:14px}.hp__share{display:inline-block;margin-top:16px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;color:inherit}.hp-sticky{display:none}.hp-pop{position:fixed;left:16px;bottom:84px;z-index:60;width:330px;max-width:calc(100vw - 32px);display:grid;grid-template-columns:52px minmax(0,1fr) 24px;gap:12px;align-items:center;padding:10px;background:#fff;border:1px solid var(--hp-line);box-shadow:0 10px 30px #0000001f;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s,bottom .3s;pointer-events:none}.hp-pop.is-in{opacity:1;transform:none;pointer-events:auto}.hp-pop[hidden]{display:none}.hp-pop__img{width:52px;height:52px;object-fit:cover;background:var(--hp-alt);display:block}.hp-pop__body{min-width:0}.hp-pop__line{margin:0;font-size:13px;line-height:1.35}.hp-pop__line a{color:inherit;font-weight:700;text-decoration:none}.hp-pop__meta{margin:3px 0 0;font-size:11px;color:var(--hp-mute);letter-spacing:.04em;display:flex;align-items:center;gap:6px}.hp-pop__meta:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hp-green)}.hp-pop__x{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;color:var(--hp-mute);align-self:start}.hp-pop__x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}@media(max-width:1200px){.hp__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}}@media(max-width:1024px){.hp__grid{grid-template-columns:minmax(0,1fr);gap:28px}.hp__gallery{position:static;max-width:640px;width:100%;margin:0 auto}.hp__stage{max-height:none}.hp__info{max-width:640px;width:100%;margin:0 auto}}@media(max-width:749px){.hp__wrap{padding:0 0 40px}.hp__arrow{display:none}.hp__thumbs{padding:0 16px}.hp__thumb{flex-basis:56px;width:56px;height:56px}.hp__info{padding:0 16px}.hp__title{font-size:23px}.hp__now{font-size:22px}.hp__card{padding:14px}.hp__card.is-selected .hp__panel{margin:14px -14px -14px;padding:12px 14px 14px}.hp__card-row{gap:10px}.hp__card-name{font-size:13px;gap:8px}.hp__trust{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.hp-sticky{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:55;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--hp-line);box-shadow:0 -6px 20px #00000014;transform:translateY(110%);transition:transform .3s ease}.hp-sticky.is-visible{transform:none}.hp-sticky__img{width:44px;height:44px;object-fit:cover;background:var(--hp-alt)}.hp-sticky__meta{display:flex;flex-direction:column;min-width:0;line-height:1.25}.hp-sticky__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-sticky__sub{font-size:12px;color:var(--hp-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-sticky__btn{height:46px;padding:0 16px;border:0;background:var(--hp-ink);color:#fff;font-family:var(--hp-head);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;cursor:pointer}.hp-sticky__btn[disabled]{opacity:.45}.hp-sticky__btn.is-added{background:var(--hp-green)}.hp-pop{bottom:72px;left:12px;max-width:calc(100vw - 24px)}body.hp-sticky-on .hp-pop{bottom:140px}body.hp-sticky-on .bj-fab{transform:translateY(-72px)}.bj-fab{transition:transform .3s ease}}@media(prefers-reduced-motion:reduce){.hp *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hog-product.css.map */
