.contact-links{max-width:1100px;margin:30px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.contact-links > a { min-width: 0; overflow-wrap: anywhere; }
.price-grid .tax-total { margin: 6px 0 12px; color: var(--ink); font-size: 1rem; font-weight: 700; }
.example-grid .tax-total { margin: 4px 0 10px; color: #fff; font-size: 1rem; font-weight: 700; }
.example-grid strong small { font-size: 1rem; font-weight: 700; }
body .contact-links strong { font-size: clamp(1rem, 1.4vw, 1.3rem); }
body .contact-links .line-link, body .line-qr a, body .mobile-bar .line-mobile { background: #087f3e; border-color: #087f3e; }
body .contact-links .instagram-link { background: #8737a6; }
.form-help { font-size: 1rem; color: #43515d; margin: 0 0 22px; }
input, textarea { font-size: 16px; }
:focus-visible { outline: 3px solid #168bd1; outline-offset: 4px; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 50; padding: 12px; background: white; color: #0a2440; transform: translateY(-160%); }
.skip-link:focus { transform: none; }
.menu { min-width: 44px; min-height: 44px; }
html { scroll-padding-bottom: 110px; }
@media (min-width: 801px) and (max-width: 1150px) { .contact-links { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 800px) {
  #main-nav.is-open { display: flex; max-height: calc(100dvh - 80px); overflow-y: auto; }
  body .mobile-bar { padding-bottom: calc(10px + env(safe-area-inset-bottom)); }
  body footer { padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
}

/* Readable labels on orange buttons and room for the mobile keyboard. */
.primary, .nav-cta, .contact button, .mobile-bar a:not(.line-mobile) { color: #0a2440; }
body .contact-links .line-link span, body .contact-links .line-link small,
body .contact-links .instagram-link span, body .contact-links .instagram-link small { color: #fff; }
.price-grid strong small { display: inline-block; line-height: 1.6; }
@media (max-width: 800px) {
  body:has(#quote-form input:focus, #quote-form textarea:focus) .mobile-bar { display: none; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; } }

.contact-links a{background:#ffffff12;border:1px solid #ffffff48;border-radius:12px;padding:18px;color:#fff;text-decoration:none;display:flex;flex-direction:column;transition:.2s}

.contact-links a:hover{background:#ffffff20;transform:translateY(-2px)}

.contact-links span{font-size:13px;color:#cfdae3}

.contact-links strong{font-size:21px}

.contact-links small{font-size:12px;color:#cfdae3}

.contact-links .line-link{background:#06c755;border-color:#06c755}
.contact-links .instagram-link{background:linear-gradient(135deg,#7b2cff,#e1306c,#f77737);border-color:#e1306c}

.line-qr{max-width:760px;margin:18px auto 0;background:#fff;color:#13202b;border-radius:14px;padding:20px;display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;text-align:left}

.line-qr img{width:180px;height:auto;border-radius:6px}

.line-qr h3{font-size:21px;line-height:1.4;margin:0 0 8px}

.line-qr p{color:#5f6b76;font-size:14px;margin:0 0 15px}

.line-qr a{display:inline-block;background:#06c755;color:#fff;text-decoration:none;border-radius:7px;padding:11px 20px;font-weight:800}

.contact-links+form{margin-top:18px}

.footer-contact{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}

.footer-contact a{color:#fff;text-decoration:none}

@media(max-width:800px){.contact-links{grid-template-columns:1fr}
.contact-links strong{font-size:18px}
.line-qr{grid-template-columns:110px 1fr;gap:14px;padding:15px}
.line-qr img{width:110px}
.line-qr h3{font-size:16px}
.line-qr p{font-size:12px}
.line-qr a{font-size:13px;padding:9px 12px}
.mobile-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mobile-bar a{margin:0;padding:11px 5px}
.mobile-bar .line-mobile{background:#06c755}
}
.service-detail-link { display: inline-block; margin-top: 16px; color: var(--blue); font-size: 14px; font-weight: 800; text-underline-offset: 4px; padding-block: 8px; }