.contact-map{height:400px;position:relative;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--accent-soft)}
.contact-map iframe{width:100%;height:100%;border:0;display:block}
.contact-map-caption{position:absolute;top:16px;right:16px;max-width:calc(100% - 75px);background:#fff;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-size:12px;box-shadow:0 2px 10px #14252b12;pointer-events:none}
.contact-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(290px,1fr);gap:20px;align-items:start;margin-top:20px}
.contact-card{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 20px}
.contact-form-card h1{font-size:25px;font-weight:500;margin:0 0 16px}
.contact-name-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#contact-form input,#contact-form textarea{width:100%;border:1px solid #acbdc3;border-radius:5px;padding:12px 15px;font:inherit;color:var(--ink);background:white;margin:0 0 20px}
#contact-form input{height:43px}#contact-form textarea{min-height:190px;resize:vertical;display:block}
#contact-form input:focus,#contact-form textarea:focus{outline:2px solid #00756f3d;border-color:var(--accent)}
#contact-form input::placeholder,#contact-form textarea::placeholder{color:var(--muted)}
#contact-feedback{font-size:13px;color:var(--muted);margin:14px 0 0;line-height:1.7}#contact-feedback:empty{display:none}
.contact-help h2{font-size:18px;margin:0 0 20px}
.contact-method{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:0;text-align:left;color:var(--ink);font-size:14px;overflow-wrap:anywhere}
.contact-method:hover{color:var(--accent)}.contact-method small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.contact-icon{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.contact-icon svg{width:19px;height:19px}
.contact-help .contact-social-heading{margin-top:32px;margin-bottom:15px}.contact-socials{display:flex;gap:10px;flex-wrap:wrap}.contact-socials .footer-social{height:34px;width:34px}
.contact-active .footer-intro-wrap{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nav-links{display:flex;gap:5px;align-items:center}.nav-links a{font-size:13px;padding:11px 13px;border-radius:24px;color:#e4eef0;white-space:nowrap;transition:background .18s,color .18s}
header nav .nav-links a:hover{background:#233e45;color:#fff}header nav .nav-links a.is-active{background:var(--accent-bright);color:#102d29;font-weight:700}
header nav>.tool.is-active{box-shadow:0 0 0 2px var(--accent-bright)}.store-footer a.is-active{color:var(--accent-bright);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){header nav{gap:12px}.nav-links a{padding:10px 9px;font-size:12px}.contact-layout{grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr)}}
@media(max-width:950px){header nav{height:auto;flex-wrap:wrap}.nav-links{order:5;flex:0 0 100%;overflow-x:auto;max-width:100%;padding:4px 0;scrollbar-width:thin;scrollbar-color:#557077 transparent}.nav-links a{font-size:13px;padding:10px 14px}.contact-layout{grid-template-columns:1fr}.contact-map{height:330px}}
@media(max-width:700px){.contact-map{height:280px}.contact-name-row{grid-template-columns:1fr;gap:0}.contact-card{padding:22px 18px}.contact-map-caption{font-size:10px;top:12px;right:12px}.contact-form-card h1{font-size:23px}.contact-layout{gap:16px;margin-top:16px}.contact-help .contact-social-heading{margin-top:24px}.category-menu{top:245px}}