/* MTS Industrie visual identity. */
:root { --base-color: #ffc700; --dark-gray: #141414; --mts-accent-dark: #a67d00; }
header .navbar-brand img { width: 190px; height: 62px; max-width: 190px; max-height: 62px; object-fit: contain; }
.mts-footer-logo { width: 215px; height: auto; }
.mts-cta-logo { width: 212px; height: 69px; object-fit: contain; }
.mts-strip-logo { width: 156px; height: 113px; object-fit: contain; padding: 8px; background: #fff; }
.mts-accordion-icon, .mts-feature-icon { object-fit: contain; }
.mts-accordion-icon { width: 36px; height: 36px; }
.mts-about-badge { width: 220px; height: 220px; top: 95px !important; }
.mts-about-badge img { width: 100%; height: 100%; max-width: none; }
.mts-about-badge img:first-child { z-index: 2; width: 180px; height: 180px; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; }
@media (max-width: 1199px) { .mts-about-badge { width: 180px; height: 180px; } }
.text-base-color, .btn-link.text-base-color { color: var(--mts-accent-dark); }
.header-top-bar .text-base-color { color: var(--base-color); }
.mts-domain-icon { display: block; width: 58px; height: 58px; object-fit: contain; margin-bottom: 18px; }
.mts-nav-icon { width: 28px; height: 28px; object-fit: contain; margin-right: 10px; vertical-align: middle; }
.mts-list-icon { margin: 0 auto 16px; }
.services-box-icon .mts-domain-icon { width: 60px; height: 60px; }
.services-box-style-03 .mts-list-icon { width: 56px; height: 56px; aspect-ratio: 1; object-fit: contain; }
.mts-map-section { padding: 45px 0 0; }
.mts-map-frame { width: 100%; height: 480px; background: #fff9e2; }
.mts-map-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.mts-contact #devis { padding-top: 60px; }
.mts-quote-form label { display: block; margin-bottom: 7px; color: #141414; font-weight: 600; }
.mts-quote-form .form-control { background: #fff; border: 1px solid #dedede; border-radius: 6px; padding: 14px 16px; min-height: 50px; }
.mts-quote-form textarea.form-control { min-height: 140px; }
.mts-quote-form .form-control:focus { border-color: var(--mts-accent-dark); box-shadow: 0 0 0 3px rgba(255,199,0,.24); }
.services-box-style-03 img { width: 100%; aspect-ratio: 600 / 440; object-fit: cover; }
.blog-grid img { width: 100%; aspect-ratio: 600 / 430; object-fit: cover; }
.mts-solution-hero { aspect-ratio: 785 / 435; object-fit: cover; }
.mts-catalogue-card img { width: 100%; aspect-ratio: 600 / 440; object-fit: contain; background: #fff; }
.swiper-slide.cover-background:before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.12)); pointer-events: none; }
.swiper-slide.cover-background > .container { position: relative; z-index: 1; }
@media (max-width: 767px) {
  .mts-about-badge { width: 110px; height: 110px; top: 55px !important; }
  .mts-about-badge img:first-child { width: 90px; height: 90px; }
  header .navbar-brand img { max-width: 150px; width: 150px; max-height: 50px; height: 50px; }
  .mts-map-frame { height: 330px; }
  .mts-map-section { padding-top: 30px; }
  .mts-quote-form .col-md-6 { margin-bottom: 15px; }
  .mts-contact > section:nth-of-type(2) .container { max-width: 100vw; }
  .mts-contact > section:nth-of-type(2) .col-lg-5, .mts-contact > section:nth-of-type(2) .col-lg-7 { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: 0; }
  .mts-contact > section:nth-of-type(2) h2, .mts-contact > section:nth-of-type(2) p { max-width: 100%; overflow-wrap: anywhere; }
  .mts-contact > section:nth-of-type(2) h2 { font-size: clamp(30px, 9vw, 42px); line-height: 1.12; }
}