joffz-shop-the-look.joffz-look{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1920px;margin-inline:auto;background:var(--look-background, #f5efe6);color:#292c25}.joffz-look__intro{align-self:center;padding:clamp(28px,5vw,88px)}.joffz-look__intro h1{max-width:520px;margin:0 0 22px;font-size:clamp(32px,3.8vw,60px);line-height:1.12;letter-spacing:-.035em;font-weight:500;color:inherit}.joffz-look__text{max-width:430px;margin:0 0 28px;font-size:clamp(14px,1.25vw,17px);line-height:1.65}.joffz-look__actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}.joffz-look__browse,.joffz-look__builder{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:170px;max-width:100%;min-height:48px;padding:13px 24px;border:1px solid #292c25;border-radius:30px;font-size:13px;font-weight:500;line-height:1.4;text-align:center;text-decoration:none;overflow-wrap:anywhere;transition:background .16s ease,color .16s ease}.joffz-look__browse{color:#fffefb;background:#292c25}.joffz-look__browse:hover{background:#464a40}.joffz-look__builder{color:#292c25;background:transparent}.joffz-look__builder:hover{color:#292c25;background:#ffffff80}.joffz-look__scene,.joffz-look__canvas{min-width:0}.joffz-look__canvas{position:relative;width:100%}.joffz-look__image{display:block;width:100%;max-width:none;height:auto}.joffz-look__hotspot{position:absolute;top:var(--hotspot-y);left:var(--hotspot-x);width:44px;height:44px;transform:translate(-50%,-50%);z-index:2}.joffz-look__hotspot[data-open]{z-index:3}.joffz-look__dot{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #fff;border-radius:50%;background:#fffffff0;color:#292c25;box-shadow:0 1px 9px #0003;cursor:pointer;transition:background .16s ease,color .16s ease}.joffz-look__dot:hover,.joffz-look__dot[aria-expanded=true]{background:#292c25;color:#fff}.joffz-look__dot svg{transition:transform .16s ease}.joffz-look__dot[aria-expanded=true] svg{transform:rotate(45deg)}.joffz-look__product{position:absolute;top:var(--popover-top, 0px);left:var(--popover-left, 56px);width:min(300px,calc(100vw - 24px));box-sizing:border-box;padding:28px 16px 16px;border:1px solid #e8e4db;border-radius:6px;background:#fffefb;color:#292c25;box-shadow:0 8px 32px #0002}.joffz-look__product[hidden]{display:none}.joffz-look__close{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.joffz-look__product-info{display:flex;align-items:center;gap:12px}.joffz-look__thumbnail{display:block;flex:0 0 64px;width:64px}.joffz-look__thumbnail img{display:block;width:64px;height:82px;object-fit:contain}.joffz-look__product h2{margin:0;font-size:13px;line-height:1.4;letter-spacing:0;font-weight:500}.joffz-look__product h2 a{color:inherit;text-decoration:none}.joffz-look__product h2 a:hover{text-decoration:underline;text-underline-offset:3px}.joffz-look__price{margin:9px 0 0;font-size:12px;line-height:1.4}.joffz-look__product .joffz-collection-action{position:static;display:block;width:100%;margin-top:16px;padding:0;opacity:1;visibility:visible;transform:none;pointer-events:auto}.joffz-look__product .joffz-collection-action__button{width:100%;min-height:44px;border:1px solid #292c25;border-radius:24px;background:#292c25;color:#fffefb;font-size:12px}.joffz-look :is(button,a):focus-visible{outline:2px solid #596649;outline-offset:4px}@media(max-width:749px){joffz-shop-the-look.joffz-look{display:flex;flex-direction:column}.joffz-look__scene{order:0}.joffz-look__intro{order:1;width:100%;padding:28px 24px 32px;box-sizing:border-box;text-align:center}.joffz-look__intro h1{max-width:480px;margin:0 auto 16px;font-size:32px}.joffz-look__text{margin:0 auto 22px;font-size:14px}.joffz-look__actions{width:100%;max-width:430px;margin-inline:auto}.joffz-look__browse,.joffz-look__builder{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){.joffz-look__browse,.joffz-look__builder,.joffz-look__dot,.joffz-look__dot svg{transition:none}}.joffz-look__dot{position:relative;background:transparent;border:0;box-shadow:none}.joffz-look__dot:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:#fffffff0;border:1px solid #ffffffcc;box-shadow:0 1px 7px #0002}.joffz-look__dot svg{position:relative;width:15px;height:15px}.joffz-look__dot:hover,.joffz-look__dot[aria-expanded=true]{background:transparent}.joffz-look__dot:hover:before,.joffz-look__dot[aria-expanded=true]:before{background:#292c25;border-color:#292c25}@media(max-width:749px){.joffz-look__dot:before{top:8px;right:8px;bottom:8px;left:8px}.joffz-look__dot svg{width:13px;height:13px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/joffz-shop-the-look.css.map */