:root{--jhp-ink: #111;--jhp-muted: #6b6b6b;--jhp-line: #e3e3e3;--jhp-soft: #f5f5f4}.jh-gal{position:relative;display:grid;grid-template-columns:1fr;gap:12px}.jh-gal__stage{position:relative;border-radius:10px;background:var(--jhp-soft);overflow:hidden}.jh-gal__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none;transition:opacity .15s ease}.jh-gal__track.is-fading{opacity:.12}.jh-gal__track::-webkit-scrollbar{display:none}.jh-gal__slide{position:relative;flex:0 0 100%;aspect-ratio:1 / 1;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}.jh-gal__img{width:100%;height:100%;object-fit:contain;padding:6%;mix-blend-mode:multiply;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.jh-gal__slide model-viewer,.jh-gal__slide video,.jh-gal__slide iframe{width:100%;height:100%}.jh-gal__video{position:relative;width:100%;height:100%}.jh-gal__vid{width:100%;height:100%;object-fit:contain;background:#000}.jh-gal__play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:0;border-radius:50%;background:#111111c7;cursor:pointer}.jh-gal__play:after{content:"";position:absolute;left:26px;top:21px;border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent #fff}.jh-gal__play--sm{width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none}.jh-gal__play--sm:after{left:10px;top:8px;border-width:5px 0 5px 8px}.jh-gal__zoom,.jh-gal__arrow{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--jhp-line);border-radius:50%;background:#fff;color:var(--jhp-ink);cursor:pointer;box-shadow:0 1px 3px #0000000f}.jh-gal__zoom{right:16px;bottom:16px}.jh-gal__arrow{top:50%;margin-top:-21px;opacity:0;transition:opacity .2s ease}.jh-gal__arrow--prev{left:14px}.jh-gal__arrow--next{right:14px}.jh-gal__stage:hover .jh-gal__arrow,.jh-gal__arrow:focus-visible{opacity:1}.jh-gal__arrow[disabled]{opacity:0!important;pointer-events:none}.jh-gal__thumbs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:3px}.jh-gal__thumbs::-webkit-scrollbar{display:none}.jh-gal__thumb{position:relative;flex:0 0 auto;box-sizing:border-box;width:72px;height:72px;padding:0;border:1px solid transparent;border-radius:8px;background:var(--jhp-soft);overflow:hidden;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.jh-gal__thumb img{width:100%;height:100%;object-fit:contain;padding:6%;mix-blend-mode:multiply}.jh-gal__thumb:hover{border-color:#bdbdbd}.jh-gal__thumb.is-active{border-color:var(--jhp-ink);box-shadow:inset 0 0 0 1px var(--jhp-ink)}.jh-gal__thumb:focus-visible{outline:2px solid var(--jhp-ink);outline-offset:2px}.jh-gal__dots{display:flex;justify-content:center;gap:6px}.jh-gal__dot{width:6px;height:6px;border-radius:50%;background:#cfcfcf;transition:background .2s}.jh-gal__dot.is-active{background:var(--jhp-ink)}@media(max-width:989px){.jh-gal__arrow{display:none}.jh-gal__zoom{width:38px;height:38px;right:12px;bottom:12px}.jh-gal{gap:10px}.jh-gal__thumbs{order:2}.jh-gal__stage{order:1}.jh-gal__dots{order:3}.jh-gal__thumb{width:calc((100% - 30px) / 4.4);height:auto;aspect-ratio:1 / 1}}@media(min-width:990px){.jh-gal{grid-template-columns:90px 1fr;gap:14px;align-items:start}.jh-gal--single{grid-template-columns:1fr}.jh-gal__thumbs{flex-direction:column;overflow-x:hidden;overflow-y:auto;max-height:min(78vh,720px)}.jh-gal__thumb{width:84px;height:84px}.jh-gal__dots{display:none}}.jh-lb{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:#fff;color:var(--jhp-ink)}.jh-lb::backdrop{background:#0009}.jh-lb[open]{display:flex;flex-direction:column}.jh-lb__bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.jh-lb__count{font-size:14px;color:var(--jhp-muted)}.jh-lb__close{width:44px;height:44px;border:0;background:transparent;cursor:pointer;color:var(--jhp-ink)}.jh-lb__track{flex:1 1 auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.jh-lb__track::-webkit-scrollbar{display:none}.jh-lb__slide{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-x pan-y}.jh-lb__img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;transition:transform .25s ease;transform-origin:center}.jh-lb__slide.is-zoomed{touch-action:none}.jh-lb__slide.is-zoomed .jh-lb__img{cursor:grab;transition:none}.jh-lb__arrow{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;border:1px solid var(--jhp-line);border-radius:50%;background:#fff;cursor:pointer;color:var(--jhp-ink);display:flex;align-items:center;justify-content:center}.jh-lb__arrow--prev{left:18px}.jh-lb__arrow--next{right:18px}.jh-lb__hint{margin:0;padding:10px 16px 16px;text-align:center;font-size:13px;color:var(--jhp-muted)}@media(max-width:989px){.jh-lb__arrow{display:none}}html.jh-lb-open{overflow:hidden}html.jh-pdp-on .mobile-center-wrapper,html.jh-pdp-on .mobile-center-title{text-align:left!important}html.jh-pdp-on .mobile-center-flex{justify-content:flex-start!important}html.jh-pdp-on .mobile-center-title{font-size:13px;letter-spacing:.04em;color:#6b6b6b}html.jh-pdp-on [data-section-type=product]:has(.jh-hot-flag) .product-block--price:before{content:"S\faper oferta";order:0;flex-basis:100%;margin-bottom:2px;color:#c0392b;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}html.jh-pdp-on [data-section-type=product]:has(.jh-hot-flag) .product-block--price .product__price:not(.product__price--compare){color:#c0392b!important}html.jh-pdp-on [data-section-type=product]:has(.jh-hot-flag) .jh-pdp__save{background:#c0392b;color:#fff}html.jh-pdp-on [data-section-type=product]:has(.jh-hot-flag) .jh-sbar__price strong{color:#c0392b}
/*# sourceMappingURL=/cdn/shop/t/83/assets/jherr-gallery.css.map */