/* METRAN – large and clickable contact details */
.contact-buttons{display:grid;gap:14px;margin-top:32px;width:100%;max-width:580px}
.contact-button{display:flex;align-items:center;gap:16px;min-height:94px;padding:18px 22px;border:1px solid #3c6146;border-radius:14px;background:#15231a;color:#f7fff8;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.2);transition:background .24s ease,border-color .24s ease,transform .24s ease,box-shadow .24s ease}
.contact-button:hover,.contact-button:focus-visible{background:#223a28;border-color:#b4ff4f;transform:translateY(-3px);box-shadow:0 15px 34px rgba(0,0,0,.3)}
.contact-button:focus-visible{outline:3px solid #b4ff4f;outline-offset:3px}
.contact-button-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:12px;background:#b4ff4f;color:#06100a;font-size:31px;font-weight:800}
.contact-button-body{display:grid;gap:5px;min-width:0;flex:1}
.contact-button-label{font-size:12px;letter-spacing:.15em;font-weight:800;color:#a9f66b}
.contact-button strong{font-size:clamp(17px,2vw,23px);font-weight:800;line-height:1.35;overflow-wrap:anywhere;letter-spacing:-.015em}
.contact-button-arrow{font-size:27px;color:#b4ff4f;flex:none}
@media(max-width:600px){.contact-button{padding:15px;gap:12px;min-height:83px}.contact-button-icon{width:45px;height:45px;font-size:25px}.contact-button strong{font-size:clamp(15px,4vw,19px)}.contact-button-arrow{font-size:21px}}
@media(prefers-reduced-motion:reduce){.contact-button{transition:none}.contact-button:hover{transform:none}}
/* Keep the loader logo big as requested in the previous version. */
.loader-inner{width:min(420px,92vw)}
.loader-logo{width:210px;height:210px}
@media(max-width:700px){.loader-logo{width:170px;height:170px}}