.hb-look{display:block;background:var(--hb-look-background,#fff);color:var(--hb-look-text,#121212);padding:var(--hb-look-top,48px) 0 var(--hb-look-bottom,40px)}.hb-look *,.hb-look *:before,.hb-look *:after{box-sizing:border-box}.hb-look [hidden]{display:none!important}.hb-look__container{width:100%;max-width:1500px;margin:0 auto;padding:0 40px}.hb-look__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.hb-look__intro{min-width:0;flex:1}.hb-look .hb-look__heading{margin:0;font-size:var(--hb-look-heading,40px);font-weight:600;line-height:1.18;letter-spacing:-.02em;text-align:left;color:inherit;overflow-wrap:anywhere}.hb-look__description{margin:12px 0 0;font-size:16px;line-height:1.5}.hb-look__view-more{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:10px 24px;background:#121212;color:#fff;border-radius:30px;font-size:14px;line-height:1.3;text-decoration:none;white-space:nowrap}.hb-look__view-more:hover{background:#333}.hb-look__gallery{position:relative}.hb-look__grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hb-look-gap,16px)}.hb-look__scene{position:relative;min-width:0;aspect-ratio:var(--hb-look-ratio,4/3);isolation:isolate}.hb-look__scene[data-popup-open=true]{z-index:10}.hb-look__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#f5f5f5}.hb-look .hb-home__picture{display:block;width:100%;height:100%}.hb-look .hb-home__image,.hb-look .hb-home__placeholder{display:block;width:100%;height:100%;object-fit:cover}.hb-look__hotspot{position:absolute;left:clamp(0px,calc(var(--hb-look-rendered-x,var(--hb-look-x,50%)) - 22px),calc(100% - 44px));top:clamp(0px,calc(var(--hb-look-rendered-y,var(--hb-look-y,50%)) - 22px),calc(100% - 44px));width:44px;height:44px;z-index:2}.hb-look__hotspot[data-open=true]{z-index:5}.hb-look__trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--hb-look-outline,#666);cursor:pointer;touch-action:manipulation}.hb-look__dot{display:block;width:16px;height:16px;border:2px solid var(--hb-look-outline,#666);border-radius:50%;background:var(--hb-look-point,#fff);box-shadow:0 0 0 5px #ffffff73;transition:transform .15s}.hb-look__trigger:hover .hb-look__dot,.hb-look__hotspot[data-open=true] .hb-look__dot{transform:scale(1.12)}.hb-look__panel{position:fixed;z-index:40;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:10px;background:#fff;color:#121212;border:1px solid #eee;border-radius:0;box-shadow:0 4px 18px #0000001f}.hb-look__close{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;background:#fff;color:#121212;font-size:22px;line-height:1;cursor:pointer;padding:0;border-radius:0 4px}.hb-look__product{display:grid;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:12px;color:inherit;text-decoration:none}.hb-look__product-image{aspect-ratio:1;background:#fff}.hb-look__product-image img,.hb-look__product-placeholder{display:block;width:100%;height:100%;object-fit:contain}.hb-look .hb-look__product-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:2.7em;font-size:14px;font-weight:600;line-height:1.35;margin:0 0 6px;letter-spacing:0;overflow-wrap:anywhere;color:inherit}.hb-look__price{font-size:15px;font-weight:600;line-height:1.35}.hb-look__price .price-item{margin-right:4px}.hb-look__price .price-item--regular{font-size:inherit}.hb-look__price .price__sale .price-item--regular{display:none}.hb-look__rating{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px;font-size:12px;line-height:1.2}.hb-look__rating-stars{position:relative;display:inline-block;flex:0 0 auto;color:#ddd;white-space:nowrap;font-size:14px;letter-spacing:1px;line-height:1.2}.hb-look__rating-stars>span{position:absolute;left:0;top:0;width:var(--hb-look-rating-percent,0%);overflow:hidden;color:var(--hb-look-rating-color,#ff6b00);white-space:nowrap}.hb-look__rating-count{font-size:11px;line-height:1.3;white-space:nowrap;color:#555}.hb-look__empty-product{font-size:14px;line-height:1.5;margin:12px 8px 0 0}.hb-look__trigger:focus-visible,.hb-look__close:focus-visible,.hb-look__product:focus-visible,.hb-look__view-more:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(min-width:750px)and (max-width:989px){.hb-look__container{padding:0 30px}}@media(max-width:749px){.hb-look{padding-top:calc(var(--hb-look-top,48px)*.75);padding-bottom:calc(var(--hb-look-bottom,40px)*.75)}.hb-look__container{padding:0 20px}.hb-look__header{gap:12px;margin-bottom:22px}.hb-look .hb-look__heading{font-size:var(--hb-look-heading-mobile,28px)}.hb-look__description{font-size:14px}.hb-look__view-more{padding:9px 14px;font-size:12px}.hb-look .hb-look__grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.hb-look .hb-look__scene{grid-row:auto;aspect-ratio:var(--hb-look-ratio,4/3)}.hb-look .hb-home__image{object-position:var(--hb-mobile-focus,50% 50%)!important}.hb-look__hotspot{left:clamp(0px,calc(var(--hb-look-rendered-x,var(--hb-look-mobile-x,50%)) - 22px),calc(100% - 44px));top:clamp(0px,calc(var(--hb-look-rendered-y,var(--hb-look-mobile-y,50%)) - 22px),calc(100% - 44px))}.hb-look__product{grid-template-columns:104px minmax(0,1fr);gap:10px}.hb-look .hb-look__product-title{margin-right:24px}}@media(hover:hover)and (pointer:fine){.hb-look__close{opacity:0;pointer-events:none}.hb-look__panel:focus-within .hb-look__close{opacity:1;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.hb-look__dot{transition:none}}.hb-look--carousel .hb-look__grid{display:flex;gap:var(--hb-look-gap,16px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.hb-look--carousel .hb-look__grid::-webkit-scrollbar{display:none}.hb-look--carousel .hb-look__scene{flex:0 0 calc((100% - 2 * var(--hb-look-gap,16px)) / 2.5);aspect-ratio:var(--hb-look-carousel-ratio,16/9);scroll-snap-align:start;scroll-snap-stop:always}.hb-look__hotspot[data-in-view=false] .hb-look__trigger{pointer-events:none}.hb-look__arrows{position:absolute;inset:calc(50% - 22px) -8px auto;display:flex;justify-content:space-between;pointer-events:none;z-index:20;opacity:0;transition:opacity .18s ease}.hb-look__arrow{display:inline-flex;align-items:center;justify-content:center;pointer-events:none;width:44px;height:44px;border:1px solid #dedede;border-radius:0;background:#fffffff5;color:#121212;line-height:1;padding:0;cursor:pointer;box-shadow:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.hb-look__arrow:disabled{visibility:hidden;pointer-events:none}.hb-look__arrow:hover{background:#121212;border-color:#121212;color:#fff}.hb-look__arrow svg{display:block;flex:0 0 auto}.hb-look__gallery:hover .hb-look__arrows,.hb-look[data-keyboard-active=true] .hb-look__arrows,.hb-look__gallery[data-touch-active=true] .hb-look__arrows{opacity:1}.hb-look__gallery:hover .hb-look__arrow,.hb-look[data-keyboard-active=true] .hb-look__arrow,.hb-look__gallery[data-touch-active=true] .hb-look__arrow{pointer-events:auto}.hb-look__arrow:focus-visible,.hb-look__grid:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:989px)and (min-width:750px){.hb-look--carousel .hb-look__scene{flex-basis:calc((100% - var(--hb-look-gap,16px)) / 1.5)}}@media(max-width:749px){.hb-look--carousel .hb-look__scene{flex-basis:86%;aspect-ratio:var(--hb-look-carousel-ratio,16/9)}.hb-look__arrows{inset-inline:-8px}}.hb-look__media[data-wide=true] .hb-home__image{object-position:var(--hb-look-wide-focus,50% 50%)!important}@media(max-width:749px){.hb-look .hb-look__grid{display:flex;gap:var(--hb-look-gap,16px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:manipulation}.hb-look .hb-look__grid::-webkit-scrollbar{display:none}.hb-look .hb-look__scene{flex:0 0 86%;scroll-snap-align:start;scroll-snap-stop:always}.hb-look__media[data-mobile-wide=true] .hb-home__image{object-position:var(--hb-look-wide-focus,50% 50%)!important}.hb-look__media[data-mobile-wide=false] .hb-home__image{object-position:var(--hb-mobile-focus,50% 50%)!important}}@media(prefers-reduced-motion:reduce){.hb-look__arrows,.hb-look__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/hoobro-shop-the-look.css.map */