.ef-room{color:var(--ef-palette-ink, #121212);font-family:var(--efx-font)}.ef-room__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:24px}.ef-room__intro{margin:0;color:var(--ef-palette-body, #45433e);font-size:18px;line-height:1.5}.ef-room__intro span{display:block}.ef-room__body{max-width:1100px;margin-inline:auto}.ef-room__scene{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;background:var(--ef-palette-surface, #f5f4f1)}.ef-room__scene>img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.ef-room__target{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff;text-decoration:none}.ef-room__outline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ef-room__edge,.ef-room__shape{fill:transparent;stroke-linejoin:round;transition:stroke-opacity .16s ease,fill .16s ease}.ef-room__edge{stroke:#121212;stroke-width:5px;stroke-opacity:.2}.ef-room__shape{stroke:#fff;stroke-width:2px;stroke-opacity:.7;pointer-events:all}.ef-room__marker{position:absolute;left:clamp(28px,var(--pin-x),calc(100% - 28px));top:clamp(28px,var(--pin-y),calc(100% - 28px));transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border:3px solid #fff;border-radius:50%;background:#121212;color:#fff;box-shadow:0 0 0 1px #121212,0 3px 14px #12121240;font-size:20px;font-weight:600;line-height:1;pointer-events:auto;transition:background .16s ease,color .16s ease}.ef-room__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:20px}.ef-room__product{display:grid;grid-template-columns:32px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:88px;padding:16px 0;border-top:1px solid var(--ef-palette-line, #d8d5ce);color:inherit;text-decoration:none}.ef-room__number{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ef-palette-control, #8f8b84);border-radius:50%;font-size:15px;font-weight:600}.ef-room__product-copy{display:grid;gap:4px}.ef-room__name{font-size:20px;font-weight:600;line-height:1.35}.ef-room__action{font-size:15px;line-height:1.5;color:var(--ef-palette-body, #45433e);text-decoration:underline;text-underline-offset:4px}.ef-room__arrow{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.ef-room__caption{margin:2px 0 0;color:var(--ef-palette-muted, #66625b);font-size:13px;line-height:1.5}.ef-room__target:focus-visible{outline:none}.ef-room__target:focus-visible .ef-room__marker{outline:2px solid #121212;outline-offset:4px;box-shadow:0 0 0 7px #fff}.ef-room__product:focus-visible{outline:2px solid #121212;outline-offset:4px}.ef-room:has([data-room-item="1"]:is(:hover,:focus-visible)) [data-room-item="1"],.ef-room:has([data-room-item="2"]:is(:hover,:focus-visible)) [data-room-item="2"],.ef-room:has([data-room-item="3"]:is(:hover,:focus-visible)) [data-room-item="3"]{--room-active: 1}.ef-room__edge{stroke-opacity:calc(.2 + var(--room-active,0) * .55)}.ef-room__shape{stroke-opacity:calc(.7 + var(--room-active,0) * .3);fill:rgb(255 255 255 / calc(var(--room-active,0) * .08))}.ef-room__product:is(:hover,:focus-visible) .ef-room__arrow{transform:translate(3px)}.ef-room__product{border-top-color:rgb(18 18 18 / calc(.17 + var(--room-active,0) * .83))}.ef-room__number{background:rgb(18 18 18 / var(--room-active,0));color:rgb(calc(18 + var(--room-active,0) * 237) calc(18 + var(--room-active,0) * 237) calc(18 + var(--room-active,0) * 237))}@media(max-width:1023px){.ef-room__head{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.ef-room__intro{font-size:16px}.ef-room__intro span{display:inline}.ef-room__name{font-size:18px}}@media(max-width:599px){.ef-room__head{gap:10px;margin-bottom:16px}.ef-room__scene{border-radius:8px}.ef-room__marker{width:44px;height:44px;font-size:18px;border-width:2px;top:clamp(24px,var(--pin-y),calc(100% - 24px))}.ef-room__products{grid-template-columns:1fr;gap:0;margin-top:16px}.ef-room__product{min-height:80px;padding:14px 0;gap:10px}.ef-room__name{font-size:17px}.ef-room__action{font-size:14px}.ef-room__caption{margin-top:4px}}@media(prefers-reduced-motion:reduce){.ef-room__edge,.ef-room__shape,.ef-room__marker,.ef-room__arrow{transition:none!important}}.ef-room a{-webkit-tap-highlight-color:rgb(18 18 18 / .08)}
/*# sourceMappingURL=/cdn/shop/t/272/assets/ef-shop-room.css.map */