.vabren-product-workshop{display:grid;grid-template-columns:148px minmax(0,1fr);gap:18px;align-items:start;margin-top:22px;padding:16px;border:1px solid #183e312b;border-radius:10px;background:#fff;color:#183e31;text-align:start}.product-workshop-cover{position:relative;display:block;overflow:hidden;border-radius:6px;text-decoration:none}.product-workshop-cover picture,.product-workshop-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.product-workshop-cover>span{position:absolute;inset:auto auto 7px 7px;padding:3px 7px;background:#17392ee8;color:white;border-radius:4px;font-size:12px;font-weight:700;line-height:1.3}.product-workshop-copy h2{font-size:18px;line-height:1.3;letter-spacing:0;margin:0 0 7px}.product-workshop-copy p{font-size:13px;line-height:1.5;margin:0 0 10px;color:#586e65}.product-workshop-link{display:inline-block;font-size:13px;line-height:1.5;font-weight:700;color:#225b46;text-underline-offset:4px}.product-workshop-link:hover{text-decoration:underline}.vabren-product-workshop a:focus-visible,.product-workshop-dialog button:focus-visible{outline:3px solid #49735b;outline-offset:3px}.product-workshop-dialog{padding:0;border:0;border-radius:12px;background:#17392e;color:white;width:min(1140px,calc(100vw - 48px));max-width:none;height:min(820px,calc(100dvh - 48px));max-height:none;overflow:hidden;box-shadow:0 18px 70px #0005}.product-workshop-dialog::backdrop{background:#10241bd6}.product-workshop-dialog-bar{height:56px;padding:10px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between;box-sizing:border-box}.product-workshop-dialog-bar strong{font-size:16px;line-height:1.3}.product-workshop-dialog-bar button{flex:0 0 36px;width:36px;height:36px;border:1px solid #ffffff65;border-radius:50%;background:transparent;color:white;font:28px/1 system-ui;cursor:pointer}.product-workshop-frame{height:calc(100% - 56px)}.product-workshop-frame iframe{display:block;width:100%;height:100%;border:0}body.product-workshop-is-open{overflow:hidden}.product-workshop-dialog.product-workshop-expanded{width:100vw;height:100dvh;margin:0;border-radius:0}[dir=rtl] .product-workshop-cover>span{inset:auto 7px 7px auto}@media(max-width:600px){.vabren-product-workshop{grid-template-columns:112px minmax(0,1fr);gap:13px;padding:12px;margin-top:18px}.product-workshop-copy h2{font-size:16px}.product-workshop-copy p,.product-workshop-link{font-size:12px}.product-workshop-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:8px}.product-workshop-dialog-bar{padding:8px 12px}.product-workshop-dialog-bar strong{font-size:14px}}
