/* Scoped to the contact page: does not change the catalogue, cart or account. */
.contacts-page .contact-branch-card{display:flex;flex-direction:column;min-width:0;height:100%}
.contacts-page .contact-branch-card>h2{font-size:clamp(25px,2.6vw,36px);line-height:1.16;overflow-wrap:anywhere}
.contacts-page .contact-branch-card>p{overflow-wrap:anywhere}
.contacts-page .contact-branch-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:auto;padding-top:20px;width:100%;align-items:stretch}
.contacts-page .contact-branch-photo{display:block;width:100%;min-width:0;aspect-ratio:4/3;padding:0;border:1px solid var(--line,#e6e7ea);border-radius:13px;background:#f5f6f8;overflow:hidden;cursor:zoom-in;touch-action:manipulation}
.contacts-page .contact-branch-photo:focus-visible{outline:3px solid #292477;outline-offset:3px}
.contacts-page .contact-branch-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .2s ease}
@media(hover:hover){.contacts-page .contact-branch-photo:hover img{transform:scale(1.04)}}
.contacts-page .contact-production-card{display:block!important;width:100%;margin-top:24px;min-height:0;padding:28px;grid-template-columns:none!important}
.contacts-page .contact-production-card>h2{max-width:none;margin:0 0 18px}
.contacts-page .contact-production-card>p{max-width:100%;margin:0;line-height:1.65}
@media(max-width:620px){.contacts-page .contact-branch-gallery{gap:8px;padding-top:16px}.contacts-page .contact-branch-photo{border-radius:9px}.contacts-page .contact-production-card{padding:20px}}
/* Full-size gallery (one native dialog created on demand). */
#mpo-contact-lightbox{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;padding:56px 14px 64px;background:#11151ceE;color:#fff;box-sizing:border-box;overflow:hidden}
#mpo-contact-lightbox::backdrop{background:rgba(0,0,0,.85)}
#mpo-contact-lightbox .contact-lightbox-layout{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#mpo-contact-lightbox img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:5px}
#mpo-contact-lightbox button{font:inherit;color:#fff;background:rgba(14,15,19,.84);border:1px solid #777;border-radius:9px;cursor:pointer;min-height:44px;min-width:44px}
#mpo-contact-lightbox button:focus-visible{outline:3px solid #fff;outline-offset:2px}
#mpo-contact-lightbox .contact-lightbox-close{position:absolute;top:8px;right:14px;z-index:2;font-size:28px}
#mpo-contact-lightbox .contact-lightbox-prev,#mpo-contact-lightbox .contact-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;font-size:30px}
#mpo-contact-lightbox .contact-lightbox-prev{left:15px}#mpo-contact-lightbox .contact-lightbox-next{right:15px}
#mpo-contact-lightbox .contact-lightbox-caption{position:absolute;bottom:12px;left:12px;right:12px;margin:0;text-align:center;font-size:13px}
@media(max-width:620px){#mpo-contact-lightbox{padding:58px 8px 70px}#mpo-contact-lightbox .contact-lightbox-prev{left:8px}#mpo-contact-lightbox .contact-lightbox-next{right:8px}}
/* Scoped to the contact page: does not change the catalogue, cart or account. */
.contacts-page .contact-branch-card{display:flex;flex-direction:column;min-width:0;height:100%}
.contacts-page .contact-branch-card>h2{font-size:clamp(25px,2.6vw,36px);line-height:1.16;overflow-wrap:anywhere}
.contacts-page .contact-branch-card>p{overflow-wrap:anywhere}
.contacts-page .contact-branch-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:auto;padding-top:20px;width:100%;align-items:stretch}
.contacts-page .contact-branch-photo{display:block;width:100%;min-width:0;aspect-ratio:4/3;padding:0;border:1px solid var(--line,#e6e7ea);border-radius:13px;background:#f5f6f8;overflow:hidden;cursor:zoom-in;touch-action:manipulation}
.contacts-page .contact-branch-photo:focus-visible{outline:3px solid #292477;outline-offset:3px}
.contacts-page .contact-branch-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .2s ease}
@media(hover:hover){.contacts-page .contact-branch-photo:hover img{transform:scale(1.04)}}
.contacts-page .contact-production-card{display:block!important;width:100%;margin-top:24px;min-height:0;padding:28px;grid-template-columns:none!important}
.contacts-page .contact-production-card>h2{max-width:none;margin:0 0 18px}
.contacts-page .contact-production-card>p{max-width:100%;margin:0;line-height:1.65}
@media(max-width:620px){.contacts-page .contact-branch-gallery{gap:8px;padding-top:16px}.contacts-page .contact-branch-photo{border-radius:9px}.contacts-page .contact-production-card{padding:20px}}
/* Full-size gallery (one native dialog created on demand). */
#mpo-contact-lightbox{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;padding:56px 14px 64px;background:#11151ceE;color:#fff;box-sizing:border-box;overflow:hidden}
#mpo-contact-lightbox::backdrop{background:rgba(0,0,0,.85)}
#mpo-contact-lightbox .contact-lightbox-layout{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#mpo-contact-lightbox img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:5px}
#mpo-contact-lightbox button{font:inherit;color:#fff;background:rgba(14,15,19,.84);border:1px solid #777;border-radius:9px;cursor:pointer;min-height:44px;min-width:44px}
#mpo-contact-lightbox button:focus-visible{outline:3px solid #fff;outline-offset:2px}
#mpo-contact-lightbox .contact-lightbox-close{position:absolute;top:8px;right:14px;z-index:2;font-size:28px}
#mpo-contact-lightbox .contact-lightbox-prev,#mpo-contact-lightbox .contact-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;font-size:30px}
#mpo-contact-lightbox .contact-lightbox-prev{left:15px}#mpo-contact-lightbox .contact-lightbox-next{right:15px}
#mpo-contact-lightbox .contact-lightbox-caption{position:absolute;bottom:12px;left:12px;right:12px;margin:0;text-align:center;font-size:13px}
@media(max-width:620px){#mpo-contact-lightbox{padding:58px 8px 70px}#mpo-contact-lightbox .contact-lightbox-prev{left:8px}#mpo-contact-lightbox .contact-lightbox-next{right:8px}}
