/* ================================================================
   HEADER LAYOUT OVERRIDES
   Desktop: left logo, true centered nav, right socials
================================================================ */

.custom-logo {
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  display: block;
  margin: 0;
}

.site-header .logo-link .wordmark {
  display: block !important;
  flex-shrink: 0 !important;
  background: url("images/56.png") left center / contain no-repeat !important;
}

.site-header .logo-link .wordmark img {
  display: none !important;
}


/* Keep header branding aligned in a single line on desktop and mobile */
.site-header .logo-link {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  line-height: 0 !important;
}

.site-header .logo-link .logo-container {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.site-header .logo-link .wordmark {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: left center !important;
}

@media (min-width: 1025px) {
  .site-header .logo-link .wordmark {
    width: 430px !important;
    max-width: 430px !important;
    height: 102px !important;
    min-height: 102px !important;
    max-height: 102px !important;
    margin-left: -0.55rem !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .logo-link .wordmark {
    width: 290px !important;
    max-width: 290px !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    margin-left: -0.35rem !important;
  }
}

@media (max-width: 768px) {
  .site-header .logo-link .wordmark {
    width: auto !important;
    max-width: calc(100vw - 118px) !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin-left: -0.3rem !important;
  }
}

@media (max-width: 480px) {
  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 102px) !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin-left: -0.18rem !important;
  }
}

.site-header .dropdown-box .dd-card,
.site-header .dropdown-box .dd-card:is(:hover, :active, :focus, :focus-visible) {
  background: #ffffff !important;
  border: 2px solid #eef2f7 !important;
  box-shadow: none !important;
}

.site-header .dropdown-box .dd-card::after,
.site-header .dropdown-box .dd-card:is(:hover, :active, :focus, :focus-visible)::after {
  opacity: 0 !important;
  background: none !important;
}

.site-header .dropdown-box .dd-card h3,
.site-header .dropdown-box .dd-card p,
.site-header .dropdown-box .dd-card ul li,
.site-header .dropdown-box .dd-card .dd-cta,
.site-header .dropdown-box .dd-card:is(:hover, :active, :focus, :focus-visible) h3,
.site-header .dropdown-box .dd-card:is(:hover, :active, :focus, :focus-visible) p,
.site-header .dropdown-box .dd-card:is(:hover, :active, :focus, :focus-visible) ul li,
.site-header .dropdown-box .dd-card:is(:hover, :active, :focus, :focus-visible) .dd-cta {
  color: inherit !important;
}

.site-header .dropdown-box .dd-card h3,
.site-header .dropdown-box .dd-card:is(:hover, :active, :focus, :focus-visible) h3 {
  color: #111827 !important;
}

.site-header .dropdown-box .dd-card p,
.site-header .dropdown-box .dd-card:is(:hover, :active, :focus, :focus-visible) p {
  color: #6b7280 !important;
}

.site-header .dropdown-box .dd-card ul li,
.site-header .dropdown-box .dd-card:is(:hover, :active, :focus, :focus-visible) ul li {
  color: #374151 !important;
}

.site-header .dropdown-box .dd-card .dd-cta,
.site-header .dropdown-box .dd-card:is(:hover, :active, :focus, :focus-visible) .dd-cta {
  color: var(--red) !important;
}

.site-header .dropdown-box .dd-card ul li::before,
.site-header .dropdown-box .dd-card:is(:hover, :active, :focus, :focus-visible) ul li::before {
  border-color: var(--red) !important;
}

.site-header .dropdown-box .dd-card.gray.industrial-auto,
.site-header .dropdown-box .dd-card.gray.industrial-auto:is(:hover, :active, :focus, :focus-visible) {
  background: #ffffff !important;
  border-color: #eef2f7 !important;
  transform: none !important;
  box-shadow: none !important;
}

.site-header .dropdown-box .dd-card.gray.industrial-auto h3,
.site-header .dropdown-box .dd-card.gray.industrial-auto:is(:hover, :active, :focus, :focus-visible) h3 {
  color: #111827 !important;
}

.site-header .dropdown-box .dd-card.gray.industrial-auto p,
.site-header .dropdown-box .dd-card.gray.industrial-auto ul li,
.site-header .dropdown-box .dd-card.gray.industrial-auto:is(:hover, :active, :focus, :focus-visible) p,
.site-header .dropdown-box .dd-card.gray.industrial-auto:is(:hover, :active, :focus, :focus-visible) ul li {
  color: #374151 !important;
}

.site-header .dropdown-box .dd-card.gray.industrial-auto .dd-cta,
.site-header .dropdown-box .dd-card.gray.industrial-auto:is(:hover, :active, :focus, :focus-visible) .dd-cta {
  color: var(--red) !important;
}

.site-header .dropdown-box .dd-card.gray.industrial-auto ul li::before,
.site-header .dropdown-box .dd-card.gray.industrial-auto:is(:hover, :active, :focus, :focus-visible) ul li::before {
  border-color: var(--red) !important;
}

@media (min-width: 1025px) {
  .site-header {
    min-height: 154px !important;
    overflow: visible !important;
  }

  .site-header .header-inner {
    min-height: 154px !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0.85rem 2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    position: relative !important;
    overflow: visible !important;
  }

  .site-header .logo-link {
    position: relative !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.35rem !important;
    margin: 0 !important;
    min-width: min-content !important;
    line-height: 0 !important;
  }

  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    align-self: center !important;
  }

  .site-header .logo-link .wordmark {
    width: 430px !important;
    height: 102px !important;
    min-height: 102px !important;
    max-height: 102px !important;
    max-width: 430px !important;
    margin: 0 !important;
    margin-left: -0.85rem !important;
    margin-right: 0 !important;
    align-self: left !important;
    transform: translateY(2px) !important;
  }

  .site-header .nav-desk {
    position: relative !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 1.2rem !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: nowrap !important;
    min-width: auto !important;
    white-space: nowrap !important;
    padding-right: 2rem !important;
  }

  .site-header .nav-desk > a,
  .site-header .dropdown-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.88rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.1 !important;
    padding: 0.35rem 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: auto !important;
  }

  .site-header .h-socials {
    position: relative !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    margin: 0 !important;
  }

  .site-header .h-socials a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .site-header .h-socials a,
  .site-header .h-socials a svg,
  .site-header .h-socials a img {
    width: 34px !important;
    height: 34px !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header {
    min-height: 96px !important;
    overflow: visible !important;
  }

  .site-header .header-inner {
    min-height: 96px !important;
    padding: 0.5rem 1rem !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 0.75rem !important;
  }

  .site-header .logo-link {
    grid-column: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.2rem !important;
    margin: 0 !important;
    min-width: 0 !important;
    line-height: 0 !important;
  }

  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    margin: 0 !important;
  }

  .site-header .logo-link .wordmark {
    width: 290px !important;
    height: 62px !important;
    max-height: 62px !important;
    max-width: 290px !important;
    margin: 0 !important;
    margin-left: -0.45rem !important;
    align-self: center !important;
    transform: translateY(1px) !important;
  }

  .site-header .hamburger {
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }
}

@media (max-width: 768px) {
  .site-header {
    min-height: 74px !important;
    overflow: visible !important;
  }

  .site-header .header-inner {
    min-height: 74px !important;
    padding: 0.45rem 0.8rem !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 0.6rem !important;
  }

  .site-header .logo-link {
    grid-column: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.15rem !important;
    margin: 0 !important;
    min-width: 0 !important;
    line-height: 0 !important;
  }

  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    margin: 0 !important;
  }

  .site-header .logo-link .wordmark {
    width: 210px !important;
    height: 46px !important;
    max-height: 46px !important;
    max-width: 210px !important;
    margin: 0 !important;
    margin-left: -0.35rem !important;
    align-self: center !important;
    transform: translateY(1px) !important;
  }

  .site-header .hamburger {
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }
}

/* Footer contact + follow-us alignment */
.footer .f-brand .logo-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
}

.footer .f-brand .logo-row .emblem-wordmark {
  display: block !important;
  flex: 0 1 auto !important;
  margin-left: -0.4rem !important;
}

@media (min-width: 1025px) {
  .footer .f-brand .logo-row {
    gap: 0.45rem !important;
  }

  .footer .f-brand .logo-row .emblem-seal {
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
  }

  .footer .f-brand .logo-row .emblem-wordmark {
    height: 132px !important;
    min-height: 132px !important;
    max-height: 132px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }
}

@media (max-width: 1024px) {
  .footer .f-brand .logo-row {
    gap: 0.2rem !important;
  }

  .footer .f-brand .logo-row .emblem-seal {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
  }

  .footer .f-brand .logo-row .emblem-wordmark {
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }
}

.footer .footer-connect {
  min-width: 0 !important;
}

.footer .footer-connect-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(310px, max-content);
  gap: 1.5rem;
  align-items: start;
}

.footer .footer-follow-side {
  min-width: 0;
}

.footer .footer-follow-side .f-socials {
  margin-bottom: .75rem;
  gap: .85rem !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

.footer .footer-follow-side .f-certs {
  margin-top: .35rem;
  margin-left: 0;
  gap: .8rem !important;
}

.footer .footer-follow-side .f-soc-in {
  width: 3.6rem !important;
  height: 3.6rem !important;
  border-radius: .8rem !important;
}

.footer .footer-follow-side .f-soc-in svg {
  width: 2.3rem !important;
  height: 2.3rem !important;
}

.footer .footer-follow-side .f-soc-in img {
  width: 2.9rem !important;
  height: 2.9rem !important;
}

.footer .footer-follow-side .f-certs img {
  height: 3.2rem !important;
}

@media (min-width: 1025px) {
  .footer .footer-connect {
    grid-column: span 2 !important;
  }
}

@media (max-width: 1024px) {
  .footer .footer-connect {
    grid-column: auto !important;
  }

  .footer .footer-connect-row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .footer .footer-follow-side .f-soc-in {
    width: 3.1rem !important;
    height: 3.1rem !important;
  }

  .footer .footer-follow-side .f-soc-in svg {
    width: 2rem !important;
    height: 2rem !important;
  }

  .footer .footer-follow-side .f-soc-in img {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }

  .footer .footer-follow-side .f-certs img {
    height: 2.8rem !important;
  }
}

/* Final mobile menu tuning */
@media (max-width: 768px) {
  .mob-nav {
    display: none;
    inset: 74px 0 0 0 !important;
    height: calc(100dvh - 74px) !important;
    padding: 1rem .9rem calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
    gap: .5rem !important;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,248,.98)) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  .mob-nav.open {
    display: flex !important;
  }

  .mob-nav a,
  .mob-nav .mob-nav-title {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: .85rem .1rem !important;
    font-size: 1rem !important;
    line-height: 1.35 !important;
    letter-spacing: .01em !important;
    white-space: normal !important;
    word-break: break-word !important;
    border-bottom: 1px solid #e7eaf0 !important;
  }

  .mob-nav a {
    font-weight: 700 !important;
    color: var(--red) !important;
  }

  .mob-nav .mob-nav-title {
    margin-top: .1rem !important;
    font-weight: 800 !important;
    color: #8f0012 !important;
    text-transform: uppercase !important;
  }

  .mob-nav .mob-sub {
    padding: .35rem .8rem !important;
    margin: -.1rem 0 .35rem !important;
    gap: .2rem !important;
    border-radius: .9rem !important;
    background: #fff !important;
    border: 1px solid #f4c7cf !important;
  }

  .mob-nav .mob-sub a {
    min-height: 42px !important;
    padding: .62rem 0 !important;
    font-size: .92rem !important;
    font-weight: 600 !important;
    color: #475569 !important;
    border-bottom: 1px solid #f1f5f9 !important;
  }

  .mob-nav .mob-sub a:last-child {
    border-bottom: none !important;
  }

  .mob-nav-close {
    position: sticky !important;
    top: 0 !important;
    right: auto !important;
    align-self: flex-end !important;
    margin: 0 0 .35rem !important;
    z-index: 2 !important;
  }
}

@media (max-width: 480px) {
  .mob-nav {
    inset: 70px 0 0 0 !important;
    height: calc(100dvh - 70px) !important;
    padding: .9rem .82rem calc(.95rem + env(safe-area-inset-bottom, 0px)) !important;
    gap: .42rem !important;
  }

  .mob-nav a,
  .mob-nav .mob-nav-title {
    min-height: 44px !important;
    padding: .72rem 0 !important;
    font-size: .94rem !important;
  }

  .mob-nav .mob-sub {
    padding: .28rem .68rem !important;
  }

  .mob-nav .mob-sub a {
    min-height: 38px !important;
    padding: .56rem 0 !important;
    font-size: .88rem !important;
    line-height: 1.3 !important;
  }

  .mob-nav-close {
    padding: .34rem .56rem !important;
    font-size: .82rem !important;
  }
}

/* Final phone header cleanup */
.site-header .logo-link .logo-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  line-height: 0 !important;
}

@media (max-width: 768px) {
  .site-header {
    min-height: 68px !important;
  }

  .site-header .header-inner {
    min-height: 68px !important;
    padding: .35rem .72rem !important;
    gap: .5rem !important;
  }

  .site-header .logo-link {
    gap: 0 !important;
  }

  .site-header .logo-link .custom-logo,
  .site-header .logo-link .logo-container img {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
  }

  .site-header .logo-link .wordmark {
    width: min(142px, 43vw) !important;
    height: 31px !important;
    min-height: 31px !important;
    max-height: 31px !important;
    max-width: min(142px, 43vw) !important;
    margin-left: -1rem !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  .site-header .hamburger {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin: 0 !important;
  }

  .mob-nav {
    inset: 68px 0 0 0 !important;
    height: calc(100dvh - 68px) !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 62px !important;
  }

  .site-header .header-inner {
    min-height: 62px !important;
    padding: .32rem .62rem !important;
    gap: .42rem !important;
  }

  .site-header .logo-link {
    gap: 0 !important;
  }

  .site-header .logo-link .custom-logo,
  .site-header .logo-link .logo-container img {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
  }

  .site-header .logo-link .wordmark {
    width: min(119px, 37vw) !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    max-width: min(119px, 37vw) !important;
    margin-left: -.85rem !important;
    margin-right: 0 !important;
  }

  .site-header .hamburger {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: .7rem !important;
  }

  .mob-nav {
    inset: 62px 0 0 0 !important;
    height: calc(100dvh - 62px) !important;
    padding-top: 0 !important;
  }
}

/* Final mobile menu spacing lock */
@media (max-width: 768px) {
  .mob-nav,
  .mob-nav.open {
    justify-content: flex-start !important;
    align-content: flex-start !important;
    padding-top: 0 !important;
    padding-bottom: .5rem !important;
    gap: 0 !important;
  }

  .mob-nav-close {
    display: none !important;
  }

  .mob-nav a,
  .mob-nav .mob-nav-title {
    margin-top: 0 !important;
  }
}

/* Ultra-final mobile menu alignment + red text */
@media (max-width: 768px) {
  .mob-nav,
  .mob-nav.open {
    inset: 68px 0 0 0 !important;
    height: calc(100dvh - 68px) !important;
    padding: 0 .8rem .45rem !important;
    gap: 0 !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
  }

  .mob-nav a,
  .mob-nav .mob-nav-title,
  .mob-nav .mob-sub a {
    color: var(--red) !important;
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin: 0 !important;
  }

  .mob-nav a,
  .mob-nav .mob-nav-title {
    min-height: 34px !important;
    padding: .42rem 0 !important;
    font-size: .98rem !important;
    line-height: 1.2 !important;
  }

  .mob-nav .mob-nav-title {
    font-weight: 800 !important;
    margin-top: 0 !important;
  }

  .mob-nav .mob-sub {
    margin: 0 !important;
    padding: .02rem 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    gap: 0 !important;
  }

  .mob-nav .mob-sub a {
    min-height: 30px !important;
    padding: .34rem 1.1rem .34rem 1.1rem !important;
    font-size: .9rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    background: transparent !important;
    border-bottom: 1px solid #eef2f7 !important;
  }
}

@media (max-width: 480px) {
  .mob-nav,
  .mob-nav.open {
    inset: 62px 0 0 0 !important;
    height: calc(100dvh - 62px) !important;
    padding: 0 .72rem .35rem !important;
  }

  .mob-nav a,
  .mob-nav .mob-nav-title {
    min-height: 32px !important;
    padding: .38rem 0 !important;
    font-size: .92rem !important;
  }

  .mob-nav .mob-sub a {
    min-height: 28px !important;
    padding: .3rem .95rem !important;
    font-size: .86rem !important;
  }
}

/* Hostinger-safe final logo size reduction */
@media (min-width: 1025px) {
  .site-header {
    min-height: 118px !important;
  }

  .site-header .header-inner {
    min-height: 118px !important;
    padding: .5rem 1.5rem !important;
  }

  .site-header .logo-link {
    gap: .2rem !important;
    margin-right: 1.2rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
  }
}

  .site-header .logo-link .wordmark {
    width: 300px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    max-width: 300px !important;
    margin-left: -.55rem !important;
    margin-right: 1.2rem !important;
    transform: none !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header {
    min-height: 82px !important;
  }

  .site-header .header-inner {
    min-height: 82px !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
  }

  .site-header .logo-link .wordmark {
    width: 220px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    max-width: 220px !important;
    margin-left: -.45rem !important;
  }
}

@media (max-width: 768px) {
  .site-header {
    min-height: 64px !important;
  }

  .site-header .header-inner {
    min-height: 64px !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
  }

  .site-header .logo-link .wordmark {
    width: 150px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    max-width: min(150px, 45vw) !important;
    margin-left: -.3rem !important;
    transform: none !important;
  }
}

/* Hostinger-safe final mobile layout fixes */
@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }

  img,
  iframe {
    max-width: 100% !important;
  }

  .wrap {
    width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .about-grid,
  .ind-grid,
  .sol-grid,
  .blogs-grid,
  .bento,
  .loc-grid,
  .collabs-grid,
  .footer .footer-connect-row {
    grid-template-columns: 1fr !important;
  }

  .cities-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .hero-body {
    margin-top: 0 !important;
    padding: 0 1rem !important;
  }

  .hero-body h1,
  .sec-head h2,
  .sec-head h3,
  .about h5,
  .collabs h3 {
    line-height: 1.22 !important;
    overflow-wrap: anywhere !important;
  }

  .about-text p,
  .sol-card p,
  .sol-card ul li,
  .blog-card h3,
  .blog-card p,
  .testi-quote,
  .collab-copy h4,
  .collab-copy p,
  .loc-b,
  .ac-item a,
  .f-ci a,
  .footer p {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.6 !important;
  }

  .stats-inner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .85rem !important;
  }

  .stat-item {
    min-width: 0 !important;
  }

  .sol-card,
  .ind-card,
  .blog-card,
  .bt-form,
  .bt-addr,
  .bt-map,
  .bt-cities {
    padding: 1rem !important;
  }

  .collab-item {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    gap: .8rem !important;
  }

  .collab-copy,
  .collab-logo {
    justify-self: center !important;
  }

  .footer .f-brand .logo-row {
    flex-wrap: wrap !important;
    row-gap: .35rem !important;
  }

  .footer .footer-follow-side .f-socials {
    flex-wrap: wrap !important;
    gap: .7rem !important;
  }

  .footer .footer-follow-side .f-certs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .75rem !important;
    justify-items: center !important;
  }

  .footer .footer-follow-side .f-certs img {
    width: 100% !important;
    max-width: 115px !important;
    height: auto !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 122px) !important;
  }
}

@media (max-width: 480px) {
  .wrap {
    padding-left: .8rem !important;
    padding-right: .8rem !important;
  }

  .hero-body h1 {
    font-size: clamp(1.4rem, 8vw, 1.95rem) !important;
  }

  .stats-inner {
    grid-template-columns: 1fr !important;
  }

  .footer .footer-follow-side .f-certs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 110px) !important;
  }
}

/* Final medium mobile sizing */
@media (max-width: 768px) {
  .footer .footer-inner {
    gap: .9rem !important;
  }

  .footer .f-brand .logo-row {
    gap: .15rem !important;
    margin-bottom: .45rem !important;
  }

  .footer .f-brand .logo-row .emblem-seal {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }

  .footer .f-brand .logo-row .emblem-wordmark {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    width: auto !important;
    margin-left: -.18rem !important;
  }

  .footer .f-brand p {
    font-size: .5rem !important;
    line-height: 1.4 !important;
  }

  .footer .f-col h4 {
    font-size: .56rem !important;
    margin-bottom: .35rem !important;
  }

  .footer .f-col ul {
    gap: .18rem !important;
  }

  .footer .f-col ul li a,
  .footer .f-ci a {
    font-size: .5rem !important;
    line-height: 1.28 !important;
  }

  .footer .f-col ul li a svg {
    width: .6rem !important;
    height: .6rem !important;
  }

  .footer .f-contact-list {
    gap: .35rem !important;
  }

  .footer .f-ci {
    gap: .35rem !important;
  }

  .footer .f-ci-icon {
    width: 1.45rem !important;
    height: 1.45rem !important;
    min-width: 1.45rem !important;
  }

  .footer .f-ci-icon svg {
    width: .7rem !important;
    height: .7rem !important;
  }

  .footer .footer-follow-side .f-socials {
    gap: .32rem !important;
    margin-bottom: .35rem !important;
  }

  .footer .footer-follow-side .f-soc-in {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: .5rem !important;
  }

  .footer .footer-follow-side .f-soc-in svg {
    width: 1.2rem !important;
    height: 1.2rem !important;
  }

  .footer .footer-follow-side .f-soc-in img {
    width: 1.35rem !important;
    height: 1.35rem !important;
  }

  .footer .footer-follow-side .f-certs {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    margin-top: .25rem !important;
  }

  .footer .footer-follow-side .f-certs > * {
    margin: 0 !important;
  }

  .footer .footer-follow-side .f-certs img {
    max-width: 52px !important;
  }

  .stt {
    width: 2.15rem !important;
    height: 2.15rem !important;
    right: .65rem !important;
    bottom: .65rem !important;
  }
}

@media (max-width: 480px) {
  .footer .f-brand .logo-row .emblem-seal {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
  }

  .footer .f-brand .logo-row .emblem-wordmark {
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
  }

  .footer .f-brand p {
    font-size: .46rem !important;
  }

  .footer .f-col h4 {
    font-size: .52rem !important;
  }

  .footer .f-col ul li a,
  .footer .f-ci a {
    font-size: .46rem !important;
  }

  .footer .footer-follow-side .f-soc-in {
    width: 1.85rem !important;
    height: 1.85rem !important;
  }

  .footer .footer-follow-side .f-soc-in svg {
    width: 1.05rem !important;
    height: 1.05rem !important;
  }

  .footer .footer-follow-side .f-soc-in img {
    width: 1.2rem !important;
    height: 1.2rem !important;
  }

  .footer .footer-follow-side .f-certs img {
    max-width: 44px !important;
  }

  .stt {
    width: 2rem !important;
    height: 2rem !important;
    right: .55rem !important;
    bottom: .55rem !important;
  }
}

/* Final mobile footer reset: normal readable text + proper logo size */
@media (max-width: 768px) {
  .footer .footer-inner {
    gap: 1.2rem !important;
    padding: 1.2rem 1rem !important;
  }

  .footer .f-brand .logo-row {
    flex-wrap: nowrap !important;
    gap: .2rem !important;
    margin-bottom: .75rem !important;
    align-items: center !important;
  }

  .footer .f-brand .logo-row .emblem-seal {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  .footer .f-brand .logo-row .emblem-wordmark {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    width: auto !important;
    margin-left: -.15rem !important;
  }

  .footer .f-brand p,
  .footer .f-col ul li a,
  .footer .f-ci a {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  .footer .f-col h4 {
    font-size: 1.02rem !important;
    margin-bottom: .65rem !important;
  }

  .footer .f-contact-list {
    gap: .8rem !important;
  }

  .footer .f-ci {
    gap: .7rem !important;
  }

  .footer .f-ci-icon {
    width: 2.1rem !important;
    height: 2.1rem !important;
    min-width: 2.1rem !important;
  }

  .footer .f-ci-icon svg {
    width: 1.02rem !important;
    height: 1.02rem !important;
  }

  .footer .footer-follow-side .f-socials {
    gap: .55rem !important;
    margin-bottom: .6rem !important;
  }

  .footer .footer-follow-side .f-soc-in {
    width: 2.55rem !important;
    height: 2.55rem !important;
  }

  .footer .footer-follow-side .f-soc-in svg {
    width: 1.45rem !important;
    height: 1.45rem !important;
  }

  .footer .footer-follow-side .f-soc-in img {
    width: 1.7rem !important;
    height: 1.7rem !important;
  }

  .footer .footer-follow-side .f-certs {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0 !important;
    margin-top: .45rem !important;
  }

  .footer .footer-follow-side .f-certs img {
    max-width: 58px !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  .footer .footer-inner {
    padding: 1rem .85rem !important;
  }

  .footer .f-brand .logo-row .emblem-seal {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .footer .f-brand .logo-row .emblem-wordmark {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }

  .footer .f-brand p,
  .footer .f-col ul li a,
  .footer .f-ci a {
    font-size: .94rem !important;
  }

  .footer .f-col h4 {
    font-size: .98rem !important;
  }

  .footer .footer-follow-side .f-soc-in {
    width: 2.35rem !important;
    height: 2.35rem !important;
  }

  .footer .footer-follow-side .f-soc-in svg {
    width: 1.32rem !important;
    height: 1.32rem !important;
  }

  .footer .footer-follow-side .f-soc-in img {
    width: 1.55rem !important;
    height: 1.55rem !important;
  }

  .footer .footer-follow-side .f-certs img {
    max-width: 52px !important;
  }
}

/* Final mobile footer logo: use phone width properly */
@media (max-width: 768px) {
  .footer .f-brand {
    width: 100% !important;
  }

  .footer .f-brand .logo-row {
    width: 100% !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: .15rem !important;
  }

  .footer .f-brand .logo-row > a:first-child {
    flex: 0 0 auto !important;
  }

  .footer .f-brand .logo-row > a:last-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  .footer .f-brand .logo-row .emblem-seal {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  .footer .f-brand .logo-row .emblem-wordmark {
    width: min(210px, calc(100vw - 96px)) !important;
    max-width: min(210px, calc(100vw - 96px)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-left: -.08rem !important;
    display: block !important;
    object-fit: contain !important;
  }
}

@media (max-width: 480px) {
  .footer .f-brand .logo-row .emblem-seal {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .footer .f-brand .logo-row .emblem-wordmark {
    width: min(185px, calc(100vw - 88px)) !important;
    max-width: min(185px, calc(100vw - 88px)) !important;
    margin-left: -.05rem !important;
  }
}


/* Final mobile fix: blog cards + testimonials */
@media (max-width: 768px) {
  .blogs .wrap,
  .testimonials .wrap {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .blogs-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .blog-card {
    border-radius: 1.35rem !important;
    overflow: hidden !important;
  }

  .blog-card-body {
    padding: 1.1rem !important;
  }

  .blog-img-wrap {
    height: 9rem !important;
    margin-top: 1.5rem !important;
    margin-bottom: .9rem !important;
  }

  .blog-card h3 {
    font-size: 1rem !important;
    line-height: 1.35 !important;
    margin-bottom: .65rem !important;
    overflow-wrap: anywhere !important;
  }

  .blog-card p {
    font-size: .9rem !important;
    line-height: 1.6 !important;
    margin-bottom: 1rem !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    -webkit-line-clamp: 4 !important;
  }

  .blog-btn {
    width: 100% !important;
    min-height: 52px !important;
    padding: .85rem 1rem !important;
    font-size: .95rem !important;
    border-radius: .95rem !important;
  }

  .testimonials {
    overflow: hidden !important;
  }

  .testimonials .wrap {
    max-width: 100% !important;
  }

  .testi-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 1.15rem .95rem !important;
    border-radius: 1.5rem !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .testi-inner,
  .testi-slides,
  .testi-track,
  .testi-slide {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
  }

  .testi-track {
    align-items: stretch !important;
  }

  .testi-slide {
    padding: 0 !important;
  }

  .stars {
    gap: .18rem !important;
    margin-bottom: .7rem !important;
    flex-wrap: wrap !important;
  }

  .stars svg {
    width: 1rem !important;
    height: 1rem !important;
  }

  .testi-quote {
    font-size: .92rem !important;
    line-height: 1.68 !important;
    margin-bottom: 1rem !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .testi-author h4,
  .testi-author p {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}

@media (max-width: 480px) {
  .blog-card-body {
    padding: .95rem !important;
  }

  .blog-img-wrap {
    height: 8.25rem !important;
  }

  .blog-card h3 {
    font-size: .95rem !important;
  }

  .blog-card p {
    font-size: .86rem !important;
  }

  .blog-btn {
    min-height: 48px !important;
    font-size: .9rem !important;
  }

  .testi-card {
    padding: 1rem .85rem !important;
  }

  .testi-quote {
    font-size: .88rem !important;
    line-height: 1.62 !important;
  }
}


/* Final mobile header + hero alignment */
@media (max-width: 768px) {
  .site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-height: 72px !important;
    padding: .5rem .85rem !important;
    gap: .7rem !important;
  }

  .site-header .logo-link {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: .3rem !important;
    align-items: center !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
  }

  .site-header .logo-link .wordmark {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: min(220px, calc(100vw - 112px)) !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin-left: -.1rem !important;
    margin-right: 0 !important;
    background-position: left center !important;
  }

  .site-header .hamburger {
    grid-column: 2 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
  }

  .hero-body {
    width: 100% !important;
    padding: 0 1.1rem !important;
    display: flex !important;
    justify-content: center !important;
  }

  .hero-body h1 {
    width: 100% !important;
    max-width: min(19ch, calc(100vw - 2.2rem)) !important;
    margin: 0 auto !important;
    font-size: clamp(1.6rem, 6.2vw, 2.15rem) !important;
    line-height: 1.14 !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  .hero-badge {
    width: 5.7rem !important;
    height: 5.7rem !important;
    right: .8rem !important;
    bottom: 1rem !important;
  }
}

@media (max-width: 480px) {
  .site-header .header-inner {
    min-height: 66px !important;
    padding: .42rem .72rem !important;
    gap: .58rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: min(195px, calc(100vw - 98px)) !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }

  .site-header .hamburger {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .hero-body {
    padding: 0 .95rem !important;
  }

  .hero-body h1 {
    max-width: min(18ch, calc(100vw - 1.9rem)) !important;
    font-size: clamp(1.45rem, 6vw, 1.95rem) !important;
    line-height: 1.12 !important;
  }

  .hero-badge {
    width: 5.15rem !important;
    height: 5.15rem !important;
    right: .65rem !important;
    bottom: .85rem !important;
  }
}


/* Final mobile hero background + centered alignment */
@media (max-width: 768px) {
  .hero {
    min-height: calc(100dvh - 68px) !important;
    height: calc(100dvh - 68px) !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .hero-bg {
    background-position: center center !important;
    background-size: cover !important;
    opacity: .42 !important;
    transform: scale(1.02) !important;
  }

  .hero-wm {
    transform: translateY(0) !important;
    justify-content: center !important;
    padding: 0 1rem !important;
  }

  .hero-body {
    margin-top: 0 !important;
    min-height: calc(100dvh - 68px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 1.1rem !important;
  }

  .hero-body > br {
    display: none !important;
  }

  .hero-body h1 {
    max-width: min(18ch, calc(100vw - 2.2rem)) !important;
    margin: 0 auto !important;
    text-align: center !important;
    text-wrap: balance !important;
  }
}

@media (max-width: 480px) {
  .hero {
    min-height: calc(100dvh - 62px) !important;
    height: calc(100dvh - 62px) !important;
  }

  .hero-body {
    min-height: calc(100dvh - 62px) !important;
    padding: 0 .95rem !important;
  }

  .hero-body h1 {
    max-width: min(17ch, calc(100vw - 1.9rem)) !important;
  }
}


/* Ultra-final mobile header width + vertical hero background */
@media (max-width: 768px) {
  .site-header {
    width: 100% !important;
    min-height: 68px !important;
  }

  .site-header .header-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 68px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: .4rem .68rem !important;
    gap: .42rem !important;
  }

  .site-header .logo-link {
    width: 100% !important;
    min-width: 0 !important;
    gap: .12rem !important;
    align-items: center !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
  }

  .site-header .logo-link .wordmark {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100vw - 94px) !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 0 0 -.08rem !important;
    background-size: contain !important;
    background-position: left center !important;
  }

  .site-header .hamburger {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    margin: 0 !important;
  }

  .hero {
    min-height: calc(100dvh - 68px) !important;
    height: calc(100dvh - 68px) !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hero-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 58% center !important;
    transform: none !important;
    opacity: .46 !important;
  }

  .hero-body {
    width: 100% !important;
    min-height: calc(100dvh - 68px) !important;
    padding: 0 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hero-body h1 {
    width: 100% !important;
    max-width: 16ch !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: clamp(1.6rem, 6vw, 2rem) !important;
    line-height: 1.12 !important;
  }

  .hero-badge {
    width: 4.9rem !important;
    height: 4.9rem !important;
    right: .45rem !important;
    bottom: .75rem !important;
  }

  .hb-num {
    font-size: 1.35rem !important;
  }

  .hb-lbl {
    font-size: .38rem !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 62px !important;
  }

  .site-header .header-inner {
    min-height: 62px !important;
    padding: .34rem .54rem !important;
    gap: .38rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 84px) !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
  }

  .site-header .hamburger {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }

  .hero {
    min-height: calc(100dvh - 62px) !important;
    height: calc(100dvh - 62px) !important;
  }

  .hero-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 58% center !important;
    transform: none !important;
  }

  .hero-body {
    min-height: calc(100dvh - 62px) !important;
    padding: 0 .9rem !important;
  }

  .hero-body h1 {
    max-width: 15ch !important;
    font-size: clamp(1.46rem, 5.7vw, 1.86rem) !important;
    line-height: 1.11 !important;
  }

  .hero-badge {
    width: 4.45rem !important;
    height: 4.45rem !important;
    right: .35rem !important;
    bottom: .62rem !important;
  }

  .hb-num {
    font-size: 1.2rem !important;
  }

  .hb-lbl {
    font-size: .34rem !important;
    line-height: 1.4 !important;
  }
}

/* Final mobile header larger + hero landscape alignment */
@media (max-width: 768px) {
  .site-header {
    min-height: 82px !important;
  }

  .site-header .header-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 82px !important;
    padding: .58rem .9rem !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: .72rem !important;
  }

  .site-header .logo-link {
    width: 100% !important;
    min-width: 0 !important;
    gap: .32rem !important;
    align-items: center !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
  }

  .site-header .logo-link .wordmark {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100vw - 118px) !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    margin: 0 !important;
    background-size: contain !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
  }

  .site-header .hamburger {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
  }

  .hero {
    min-height: clamp(460px, 74svh, 620px) !important;
    height: clamp(460px, 74svh, 620px) !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hero-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center 18% !important;
    transform: none !important;
    opacity: .5 !important;
  }

  .hero-wm {
    padding: 0 1rem !important;
    justify-content: center !important;
  }

  .hero-body {
    width: 100% !important;
    min-height: clamp(460px, 74svh, 620px) !important;
    margin-top: 0 !important;
    padding: 0 1.2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hero-body h1 {
    width: 100% !important;
    max-width: 17ch !important;
    margin: 0 auto !important;
    font-size: clamp(1.65rem, 5.8vw, 2.08rem) !important;
    line-height: 1.08 !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  .hero-badge {
    width: 4.85rem !important;
    height: 4.85rem !important;
    right: .55rem !important;
    bottom: .72rem !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 74px !important;
  }

  .site-header .header-inner {
    min-height: 74px !important;
    padding: .48rem .68rem !important;
    gap: .55rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 102px) !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }

  .site-header .hamburger {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .hero {
    min-height: clamp(430px, 69svh, 560px) !important;
    height: clamp(430px, 69svh, 560px) !important;
  }

  .hero-bg {
    background-position: center 16% !important;
  }

  .hero-body {
    min-height: clamp(430px, 69svh, 560px) !important;
    padding: 0 .95rem !important;
  }

  .hero-body h1 {
    max-width: 16ch !important;
    font-size: clamp(1.5rem, 5.5vw, 1.86rem) !important;
    line-height: 1.08 !important;
  }

  .hero-badge {
    width: 4.35rem !important;
    height: 4.35rem !important;
    right: .36rem !important;
    bottom: .58rem !important;
  }
}

/* Mobile-only final header and hero fit */
@media (max-width: 768px) {
  .site-header {
    min-height: 82px !important;
  }

  .site-header .header-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 82px !important;
    padding: .58rem .9rem !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: .72rem !important;
  }

  .site-header .logo-link {
    width: 100% !important;
    min-width: 0 !important;
    gap: .32rem !important;
    align-items: center !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
  }

  .site-header .logo-link .wordmark {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100vw - 118px) !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    margin: 0 !important;
    background-size: contain !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
  }

  .site-header .hamburger {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
  }

  .hero {
    min-height: clamp(460px, 74svh, 620px) !important;
    height: clamp(460px, 74svh, 620px) !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hero-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center 18% !important;
    transform: none !important;
    opacity: .5 !important;
  }

  .hero-wm {
    padding: 0 1rem !important;
    justify-content: center !important;
  }

  .hero-body {
    width: 100% !important;
    min-height: clamp(460px, 74svh, 620px) !important;
    margin-top: 0 !important;
    padding: 0 1.2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hero-body h1 {
    width: 100% !important;
    max-width: 17ch !important;
    margin: 0 auto !important;
    font-size: clamp(1.65rem, 5.8vw, 2.08rem) !important;
    line-height: 1.08 !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  .hero-badge {
    width: 4.85rem !important;
    height: 4.85rem !important;
    right: .55rem !important;
    bottom: .72rem !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 74px !important;
  }

  .site-header .header-inner {
    min-height: 74px !important;
    padding: .48rem .68rem !important;
    gap: .55rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 102px) !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }

  .site-header .hamburger {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .hero {
    min-height: clamp(430px, 69svh, 560px) !important;
    height: clamp(430px, 69svh, 560px) !important;
  }

  .hero-bg {
    background-position: center 16% !important;
  }

  .hero-body {
    min-height: clamp(430px, 69svh, 560px) !important;
    padding: 0 .95rem !important;
  }

  .hero-body h1 {
    max-width: 16ch !important;
    font-size: clamp(1.5rem, 5.5vw, 1.86rem) !important;
    line-height: 1.08 !important;
  }

  .hero-badge {
    width: 4.35rem !important;
    height: 4.35rem !important;
    right: .36rem !important;
    bottom: .58rem !important;
  }
}

/* Final mobile branding + landscape hero fit */
@media (max-width: 768px) {
  .site-header {
    min-height: 82px !important;
  }

  .site-header .header-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 82px !important;
    padding: .58rem .9rem !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: .72rem !important;
  }

  .site-header .logo-link {
    width: 100% !important;
    min-width: 0 !important;
    gap: .32rem !important;
    align-items: center !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
  }

  .site-header .logo-link .wordmark {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100vw - 118px) !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    margin: 0 !important;
    background-size: contain !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
  }

  .site-header .hamburger {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
  }

  .hero {
    min-height: clamp(460px, 74svh, 620px) !important;
    height: clamp(460px, 74svh, 620px) !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hero-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center 18% !important;
    transform: none !important;
    opacity: .5 !important;
  }

  .hero-wm {
    padding: 0 1rem !important;
    justify-content: center !important;
  }

  .hero-body {
    width: 100% !important;
    min-height: clamp(460px, 74svh, 620px) !important;
    margin-top: 0 !important;
    padding: 0 1.2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hero-body h1 {
    width: 100% !important;
    max-width: 17ch !important;
    margin: 0 auto !important;
    font-size: clamp(1.65rem, 5.8vw, 2.08rem) !important;
    line-height: 1.08 !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  .hero-badge {
    width: 4.85rem !important;
    height: 4.85rem !important;
    right: .55rem !important;
    bottom: .72rem !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 74px !important;
  }

  .site-header .header-inner {
    min-height: 74px !important;
    padding: .48rem .68rem !important;
    gap: .55rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 102px) !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }

  .site-header .hamburger {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .hero {
    min-height: clamp(430px, 69svh, 560px) !important;
    height: clamp(430px, 69svh, 560px) !important;
  }

  .hero-bg {
    background-position: center 16% !important;
  }

  .hero-body {
    min-height: clamp(430px, 69svh, 560px) !important;
    padding: 0 .95rem !important;
  }

  .hero-body h1 {
    max-width: 16ch !important;
    font-size: clamp(1.5rem, 5.5vw, 1.86rem) !important;
    line-height: 1.08 !important;
  }

  .hero-badge {
    width: 4.35rem !important;
    height: 4.35rem !important;
    right: .36rem !important;
    bottom: .58rem !important;
  }
}

/* Final mobile header larger + hero landscape alignment */
@media (max-width: 768px) {
  .site-header {
    min-height: 74px !important;
  }

  .site-header .header-inner {
    min-height: 74px !important;
    padding: .52rem .82rem !important;
    gap: .55rem !important;
  }

  .site-header .logo-link {
    gap: .2rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 104px) !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    background-size: contain !important;
    background-position: left center !important;
  }

  .site-header .hamburger {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  .hero {
    min-height: calc(100dvh - 74px) !important;
    height: calc(100dvh - 74px) !important;
  }

  .hero-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center 24% !important;
    transform: none !important;
    opacity: .48 !important;
  }

  .hero-body {
    min-height: calc(100dvh - 74px) !important;
    padding: 0 1.1rem !important;
  }

  .hero-body h1 {
    max-width: 15ch !important;
    font-size: clamp(1.7rem, 6.1vw, 2.05rem) !important;
    line-height: 1.1 !important;
  }

  .hero-badge {
    width: 4.8rem !important;
    height: 4.8rem !important;
    right: .45rem !important;
    bottom: .72rem !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 66px !important;
  }

  .site-header .header-inner {
    min-height: 66px !important;
    padding: .42rem .62rem !important;
    gap: .45rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 92px) !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }

  .site-header .hamburger {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .hero {
    min-height: calc(100dvh - 66px) !important;
    height: calc(100dvh - 66px) !important;
  }

  .hero-bg {
    background-position: center 22% !important;
  }

  .hero-body {
    min-height: calc(100dvh - 66px) !important;
    padding: 0 .95rem !important;
  }

  .hero-body h1 {
    max-width: 14ch !important;
    font-size: clamp(1.52rem, 5.8vw, 1.9rem) !important;
    line-height: 1.08 !important;
  }

  .hero-badge {
    width: 4.35rem !important;
    height: 4.35rem !important;
    right: .32rem !important;
    bottom: .58rem !important;
  }
}

/* Final mobile orientation fit for header + hero */
@media (max-width: 768px) {
  .site-header {
    min-height: 80px !important;
  }

  .site-header .header-inner {
    min-height: 80px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: .56rem .88rem !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: .72rem !important;
  }

  .site-header .logo-link {
    width: 100% !important;
    min-width: 0 !important;
    gap: .3rem !important;
    align-items: center !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }

  .site-header .logo-link .wordmark {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100vw - 116px) !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    margin: 0 !important;
    background-size: contain !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
  }

  .site-header .hamburger {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin: 0 !important;
  }
}

@media (max-width: 768px) and (orientation: portrait) {
  .hero {
    min-height: clamp(380px, 58svh, 500px) !important;
    height: clamp(380px, 58svh, 500px) !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hero-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center 14% !important;
    transform: none !important;
    opacity: .5 !important;
  }

  .hero-body {
    min-height: clamp(380px, 58svh, 500px) !important;
    margin-top: 0 !important;
    padding: 0 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hero-body h1 {
    width: 100% !important;
    max-width: 16ch !important;
    margin: 0 auto !important;
    font-size: clamp(1.55rem, 5.7vw, 1.95rem) !important;
    line-height: 1.08 !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  .hero-badge {
    width: 4.25rem !important;
    height: 4.25rem !important;
    right: .4rem !important;
    bottom: .55rem !important;
  }
}

@media (max-width: 768px) and (orientation: landscape) {
  .hero {
    min-height: calc(100svh - 80px) !important;
    height: calc(100svh - 80px) !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hero-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    transform: none !important;
    opacity: .48 !important;
  }

  .hero-body {
    min-height: calc(100svh - 80px) !important;
    margin-top: 0 !important;
    padding: 0 1.4rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hero-body h1 {
    width: 100% !important;
    max-width: 22ch !important;
    margin: 0 auto !important;
    font-size: clamp(1.5rem, 3.8vw, 2.15rem) !important;
    line-height: 1.08 !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  .hero-badge {
    width: 4.2rem !important;
    height: 4.2rem !important;
    right: .55rem !important;
    bottom: .55rem !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 72px !important;
  }

  .site-header .header-inner {
    min-height: 72px !important;
    padding: .46rem .68rem !important;
    gap: .56rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 100px) !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }

  .site-header .hamburger {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }
}

@media (max-width: 480px) and (orientation: portrait) {
  .hero {
    min-height: clamp(350px, 54svh, 460px) !important;
    height: clamp(350px, 54svh, 460px) !important;
  }

  .hero-body {
    min-height: clamp(350px, 54svh, 460px) !important;
    padding: 0 .9rem !important;
  }

  .hero-body h1 {
    max-width: 15ch !important;
    font-size: clamp(1.45rem, 5.3vw, 1.82rem) !important;
  }
}

/* Final mobile header size + safe badge position */
@media (max-width: 768px) {
  .site-header {
    min-height: 86px !important;
  }

  .site-header .header-inner {
    min-height: 86px !important;
    padding: .6rem .9rem !important;
    gap: .78rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 122px) !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
  }

  .site-header .hamburger {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  .hero-badge {
    width: 4rem !important;
    height: 4rem !important;
    right: .8rem !important;
    bottom: .85rem !important;
    border-radius: 1rem !important;
  }

  .hb-num {
    font-size: 1.15rem !important;
  }

  .hb-lbl {
    font-size: .33rem !important;
    line-height: 1.28 !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 78px !important;
  }

  .site-header .header-inner {
    min-height: 78px !important;
    padding: .52rem .72rem !important;
    gap: .62rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 108px) !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }

  .site-header .hamburger {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  .hero-badge {
    width: 3.7rem !important;
    height: 3.7rem !important;
    right: .7rem !important;
    bottom: .7rem !important;
  }

  .hb-num {
    font-size: 1.02rem !important;
  }

  .hb-lbl {
    font-size: .3rem !important;
    line-height: 1.24 !important;
  }
}

/* Final mobile badge shift inward */
@media (max-width: 768px) {
  .hero-badge {
    left: auto !important;
    right: max(3.2rem, env(safe-area-inset-right, 0px)) !important;
    bottom: 1rem !important;
  }
}

@media (max-width: 480px) {
  .hero-badge {
    left: auto !important;
    right: max(2.55rem, env(safe-area-inset-right, 0px)) !important;
    bottom: .85rem !important;
  }
}

.hero-line {
  display: inline;
}

.hero-line + .hero-line::before {
  content: " ";
}

@media (max-width: 768px) {
  .hero-body h1 {
    max-width: min(24ch, calc(100vw - 2rem)) !important;
    font-size: clamp(1.38rem, 4.9vw, 1.7rem) !important;
    line-height: 1.14 !important;
  }

  .hero-line {
    display: block !important;
  }

  .hero-line + .hero-line::before {
    content: none !important;
  }
}

@media (max-width: 480px) {
  .hero-body h1 {
    max-width: min(22ch, calc(100vw - 1.7rem)) !important;
    font-size: clamp(1.26rem, 4.7vw, 1.52rem) !important;
    line-height: 1.16 !important;
  }
}

/* Final mobile hero text in two lines */
@media (max-width: 768px) {
  .hero-body {
    padding: 0 1rem !important;
  }

  .hero-body h1 {
    max-width: none !important;
    font-size: clamp(1.76rem, 5.95vw, 2.16rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.01em !important;
    text-align: center !important;
    text-wrap: normal !important;
  }

  .hero-line {
    display: block !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .hero-body {
    padding: 0 .85rem !important;
  }

  .hero-body h1 {
    max-width: none !important;
    font-size: clamp(1.58rem, 5.45vw, 1.9rem) !important;
    line-height: 1.1 !important;
  }

  .hero-line {
    white-space: nowrap !important;
  }
}

/* Final mobile header full-width fit */
@media (max-width: 768px) {
  .site-header {
    min-height: 90px !important;
  }

  .site-header .header-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 90px !important;
    padding: .62rem .82rem !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: .55rem !important;
  }

  .site-header .logo-link {
    width: 100% !important;
    min-width: 0 !important;
    gap: .32rem !important;
    align-items: center !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
  }

  .site-header .logo-link .wordmark {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100vw - 136px) !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    margin: 0 !important;
    background-size: contain !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
  }

  .site-header .hamburger {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 80px !important;
  }

  .site-header .header-inner {
    min-height: 80px !important;
    padding: .5rem .66rem !important;
    gap: .46rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 120px) !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
  }

  .site-header .hamburger {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }
}

/* Mobile header emblem size increase */
@media (max-width: 768px) {
  .site-header {
    min-height: 106px !important;
  }

  .site-header .header-inner {
    min-height: 106px !important;
    padding: .68rem .82rem !important;
    gap: .6rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 164px) !important;
    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 94px !important;
  }

  .site-header .header-inner {
    min-height: 94px !important;
    padding: .56rem .66rem !important;
    gap: .5rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 146px) !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
  }
}


/* About photo move upward on mobile */
@media (max-width: 768px) {
  .about {
    padding-top: 1.25rem !important;
  }

  .about-grid {
    align-items: start !important;
    gap: 1rem !important;
  }

  .about-imgbox {
    height: auto !important;
    min-height: 0 !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin-top: 0 !important;
  }

  .about .about-imgbox img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
}

@media (max-width: 480px) {
  .about {
    padding-top: 1rem !important;
  }

  .about-grid {
    gap: .85rem !important;
  }
}

.about-badge-mobile {
  display: none !important;
}

@media (max-width: 768px) {
  .about-badge-mobile {
    display: inline-flex !important;
    grid-column: 1 !important;
    width: fit-content !important;
    margin: 0 auto .2rem !important;
  }

  .about .reveal-right > .badge {
    display: none !important;
  }
}

/* Final Hostinger-safe mobile emblem sizing only */
@media (max-width: 768px) {
  .site-header {
    min-height: 74px !important;
  }

  .site-header .header-inner {
    min-height: 74px !important;
    padding: .42rem .82rem !important;
    gap: .55rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 118px) !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 68px !important;
  }

  .site-header .header-inner {
    min-height: 68px !important;
    padding: .36rem .62rem !important;
    gap: .45rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 104px) !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }
}


@media (max-width: 480px) {
  .site-header .logo-link {
    gap: .28rem !important;
  }

  .site-header .logo-link .wordmark {
    width: 100% !important;
    max-width: none !important;
  }
}


/* Final mobile header logo sizing requested */
@media (max-width: 768px) {
  .site-header {
    min-height: 90px !important;
    overflow: visible !important;
  }

  .site-header .header-inner {
    min-height: 90px !important;
    padding: 0.5rem 0.8rem !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 0.4rem !important;
  }

  .site-header .logo-link {
    grid-column: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.2rem !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 65px !important;
    height: 65px !important;
    min-width: 65px !important;
    max-width: 65px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }

  .site-header .logo-link .wordmark {
    width: 260px !important;
    max-width: 260px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    background-size: contain !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    margin: 0 !important;
    margin-left: -0.2rem !important;
    align-self: center !important;
    transform: translateY(1px) !important;
    flex-grow: 1 !important;
  }

  .site-header .hamburger {
    grid-column: 2 !important;
    justify-self: end !important;
    display: flex !important;
  }
}


/* Final mobile header + menu alignment */
@media (max-width: 768px) {
  .site-header {
    min-height: 82px !important;
  }

  .site-header .header-inner {
    min-height: 82px !important;
    padding: 0.46rem 0.82rem !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0.5rem !important;
  }

  .site-header .logo-link {
    width: 100% !important;
    min-width: 0 !important;
    gap: 0.35rem !important;
  }

  .site-header .logo-link .logo-container {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
  }

  .site-header .logo-link .logo-container .custom-logo {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .site-header .logo-link .wordmark {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100vw - 118px) !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 0 !important;
    transform: none !important;
    background-size: contain !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
  }

  .site-header .hamburger {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 82px 0 0 0 !important;
    height: calc(100dvh - 82px) !important;
    padding: 0.35rem 0.9rem 0.55rem !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
  }

  .mob-nav a,
  .mob-nav .mob-nav-title {
    min-height: 42px !important;
    padding: 0.55rem 0 !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
  }

  .mob-nav .mob-sub a {
    min-height: 38px !important;
    padding: 0.42rem 0.95rem !important;
    font-size: 0.92rem !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 74px !important;
  }

  .site-header .header-inner {
    min-height: 74px !important;
    padding: 0.4rem 0.68rem !important;
    gap: 0.4rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }

  .site-header .logo-link .logo-container {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }

  .site-header .logo-link .logo-container .custom-logo {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 102px) !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  .site-header .hamburger {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 74px 0 0 0 !important;
    height: calc(100dvh - 74px) !important;
    padding: 0.25rem 0.72rem 0.45rem !important;
  }
}


/* Final mobile header layout like screenshot */
@media (max-width: 768px) {
  .site-header {
    min-height: 82px !important;
  }

  .site-header .header-inner {
    min-height: 82px !important;
    padding: 0.46rem 0.82rem !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0.5rem !important;
  }

  .site-header .logo-link {
    width: 100% !important;
    min-width: 0 !important;
    gap: 0.28rem !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
  }

  .site-header .logo-link .logo-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }

  .site-header .logo-link .logo-container .custom-logo {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .site-header .logo-link .wordmark {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100vw - 118px) !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 0 !important;
    margin-left: -0.38rem !important;
    align-self: center !important;
    transform: none !important;
    background-size: contain !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
  }

  .site-header .hamburger {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 82px 0 0 0 !important;
    height: calc(100dvh - 82px) !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 74px !important;
  }

  .site-header .header-inner {
    min-height: 74px !important;
    padding: 0.4rem 0.68rem !important;
    gap: 0.4rem !important;
  }

  .site-header .logo-link .logo-container,
  .site-header .logo-link .emblem,
  .site-header .logo-link .custom-logo {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }

  .site-header .logo-link .wordmark {
    max-width: calc(100vw - 102px) !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin-left: -0.24rem !important;
  }

  .site-header .hamburger {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 74px 0 0 0 !important;
    height: calc(100dvh - 74px) !important;
  }
}

/* Final mobile menu fix: WHY US should not be centered */
@media (max-width: 768px) {
  .mob-nav > a[href="why%20us/index.html"] {
    justify-content: flex-start !important;
    text-align: left !important;
  }
}

/* Final mobile menu fix: WHY US should not be centered */
@media (max-width: 768px) {
  .mob-nav > a[href="why%20us/index.html"] {
    justify-content: flex-start !important;
    text-align: left !important;
  }
}

/* Final header logo row: keep wordmark on one line */
.site-header .logo-div {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

.site-header .logo-link {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  width: 100% !important;
  min-width: 0 !important;
}

.site-header .logo-link .logo-container {
  flex: 0 0 auto !important;
}

.site-header .logo-link .wordmark {
  display: block !important;
  flex: 1 1 auto !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  overflow: hidden !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
}

/* Final header single-line alignment without changing HTML */
.site-header .header-inner > .logo-div {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  line-height: 0 !important;
}

.site-header .header-inner > .logo-div .logo-icon {
  display: block !important;
  object-fit: contain !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

.site-header .header-inner > .logo-div .logo-link {
  display: none !important;
}

.site-header .header-inner > .wordmark {
  display: block !important;
  min-width: 0 !important;
  background: url("images/56.png") left center / contain no-repeat !important;
}

@media (min-width: 1025px) {
  .site-header .header-inner {
    grid-template-columns: auto auto 1fr auto !important;
    column-gap: 0.55rem !important;
  }

  .site-header .header-inner > .logo-div {
    grid-column: 1 !important;
  }

  .site-header .header-inner > .logo-div .logo-icon {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }

  .site-header .header-inner > .wordmark {
    grid-column: 2 !important;
    width: 430px !important;
    height: 102px !important;
    min-height: 102px !important;
    max-height: 102px !important;
    max-width: 430px !important;
    margin: 0 0 0 -0.45rem !important;
  }

  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: center !important;
    transform: none !important;
  }

  .site-header .h-socials {
    grid-column: 4 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .header-inner {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 0.45rem !important;
  }

  .site-header .header-inner > .logo-div {
    grid-column: 1 !important;
  }

  .site-header .header-inner > .logo-div .logo-icon {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }

  .site-header .header-inner > .wordmark {
    grid-column: 2 !important;
    width: min(290px, 100%) !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    max-width: 290px !important;
    margin: 0 0 0 -0.25rem !important;
  }

  .site-header .hamburger {
    grid-column: 3 !important;
    justify-self: end !important;
  }
}

@media (max-width: 768px) {
  .site-header .header-inner {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 0.35rem !important;
    align-items: center !important;
  }

  .site-header .header-inner > .logo-div {
    grid-column: 1 !important;
  }

  .site-header .header-inner > .logo-div .logo-icon {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
  }

  .site-header .header-inner > .wordmark {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 0 0 0 -0.22rem !important;
  }

  .site-header .hamburger {
    grid-column: 3 !important;
    justify-self: end !important;
  }
}

@media (max-width: 480px) {
  .site-header .header-inner > .logo-div .logo-icon {
    width: 48px !important;
    height: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }

  .site-header .header-inner > .wordmark {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin-left: -0.16rem !important;
  }
}

/* Hostinger final desktop left move */
@media (min-width: 1025px) {
  .site-header .header-inner {
    grid-template-columns: auto auto minmax(0, 1fr) auto !important;
    column-gap: 0.7rem !important;
  }

  .site-header .logo-div {
    margin-left: -0.9rem !important;
  }

  .site-header .logo-div .logo-home {
    gap: 0.5rem !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    margin-left: -0.42rem !important;
  }

  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-6.8rem) !important;
    gap: 1.6rem !important;
  }

  .site-header .nav-desk > a:first-child,
  .site-header .dropdown-trigger {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .logo-div {
    margin-left: -0.3rem !important;
  }

  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-1.6rem) !important;
  }
}

/* Final desktop header move left for current build */
@media (min-width: 1025px) {
  .site-header .header-inner {
    grid-template-columns: auto auto minmax(0, 1fr) auto !important;
    column-gap: 0.75rem !important;
  }

  .site-header .logo-div {
    margin-left: -0.85rem !important;
  }

  .site-header .logo-div .logo-home {
    gap: 0.55rem !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    margin-left: -0.35rem !important;
  }

  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-6.4rem) !important;
    gap: 1.65rem !important;
  }

  .site-header .nav-desk > a:first-child,
  .site-header .dropdown-trigger {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .logo-div {
    margin-left: -0.25rem !important;
  }

  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(0.7rem) !important;
  }
}

/* Final desktop header move left for current build */
@media (min-width: 1025px) {
  .site-header .header-inner {
    grid-template-columns: auto auto minmax(0, 1fr) auto !important;
    column-gap: 0.75rem !important;
  }

  .site-header .logo-div {
    margin-left: -0.85rem !important;
  }

  .site-header .logo-div .logo-home {
    gap: 0.55rem !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    margin-left: -0.35rem !important;
  }

  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-6.4rem) !important;
    gap: 1.65rem !important;
  }

  .site-header .nav-desk > a:first-child,
  .site-header .dropdown-trigger {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .logo-div {
    margin-left: -0.25rem !important;
  }

  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-1.4rem) !important;
  }
}

/* Ultra-final desktop nav center alignment */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: center !important;
    margin-left: 0 !important;
    transform: translateX(0) !important;
    gap: 1.75rem !important;
  }

  .site-header .nav-desk > a:first-child,
  .site-header .dropdown-trigger {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: center !important;
    margin-left: 0 !important;
    transform: translateX(0) !important;
  }
}

/* Ultra-final desktop nav center alignment */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: center !important;
    margin-left: 0 !important;
    transform: translateX(0) !important;
    gap: 1.75rem !important;
  }

  .site-header .nav-desk > a:first-child,
  .site-header .dropdown-trigger {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: center !important;
    margin-left: 0 !important;
    transform: translateX(0) !important;
  }
}

/* Ultra-final desktop nav move left */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-5.6rem) !important;
    gap: 1.75rem !important;
  }

  .site-header .nav-desk > a:first-child,
  .site-header .dropdown-trigger {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-1.5rem) !important;
  }
}

/* Ultra-final desktop nav move left */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-5.6rem) !important;
    gap: 1.75rem !important;
  }

  .site-header .nav-desk > a:first-child,
  .site-header .dropdown-trigger {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-1.5rem) !important;
  }
}

/* Ultra-final desktop nav adjustment */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-2.2rem) !important;
    gap: 1.7rem !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-0.8rem) !important;
  }
}

/* Ultra-final desktop nav adjustment */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-2.2rem) !important;
    gap: 1.7rem !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-0.8rem) !important;
  }
}

/* Ultra-final desktop fix: move WHY US/menu more left */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-4.4rem) !important;
    gap: 1.7rem !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-1.4rem) !important;
  }
}

/* Ultra-final desktop fix: move WHY US/menu more left */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-4.4rem) !important;
    gap: 1.7rem !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-1.4rem) !important;
  }
}

/* Ultra-final mobile fix: WHY US must stay left */
@media (max-width: 768px) {
  .mob-nav > a[href="why%20us/index.html"],
  .mob-nav.open > a[href="why%20us/index.html"] {
    justify-content: flex-start !important;
    text-align: left !important;
    align-items: center !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
}

/* Ultra-final mobile fix: WHY US must stay left */
@media (max-width: 768px) {
  .mob-nav > a[href="why%20us/index.html"],
  .mob-nav.open > a[href="why%20us/index.html"] {
    justify-content: flex-start !important;
    text-align: left !important;
    align-items: center !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
}

/* Final Hostinger-safe header tweak: WHY US left + bigger mobile logo */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0.25rem !important;
    transform: translateX(-2.35rem) !important;
    gap: 1.75rem !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-0.9rem) !important;
  }
}

@media (max-width: 768px) {
  .site-header {
    min-height: 88px !important;
  }

  .site-header .header-inner {
    min-height: 88px !important;
    padding: 0.5rem 0.82rem !important;
    gap: 0.5rem !important;
  }

  .site-header .logo-div .logo-home {
    gap: 0.44rem !important;
  }

  .site-header .logo-div .logo-icon {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: min(200px, calc(110vw - 120px)) !important;
    max-width: min(270px, calc(100vw - 132px)) !important;
    height: auto !important;
  }

  .site-header .hamburger {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 88px 0 0 0 !important;
    height: calc(100dvh - 88px) !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 80px !important;
  }

  .site-header .header-inner {
    min-height: 80px !important;
    padding: 0.42rem 0.68rem !important;
    gap: 0.42rem !important;
  }

  .site-header .logo-div .logo-icon {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: min(232px, calc(100vw - 118px)) !important;
    max-width: min(232px, calc(100vw - 118px)) !important;
  }

  .site-header .hamburger {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 80px 0 0 0 !important;
    height: calc(100dvh - 80px) !important;
  }
}

/* Final mobile menu fix: WHY US left aligned */
@media (max-width: 768px) {
  .mob-nav > a[href="why%20us/index.html"] {
    justify-content: flex-start !important;
    text-align: left !important;
    padding-left: 0 !important;
  }
}

/* Final mobile menu fix: WHY US left aligned */
@media (max-width: 768px) {
  .mob-nav > a[href="why%20us/index.html"] {
    justify-content: flex-start !important;
    text-align: left !important;
    padding-left: 0 !important;
  }
}

/* Final Hostinger-safe header tweak: WHY US left + bigger mobile logo */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0.25rem !important;
    transform: translateX(-2.35rem) !important;
    gap: 1.75rem !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-0.9rem) !important;
  }
}

@media (max-width: 768px) {
  .site-header {
    min-height: 88px !important;
  }

  .site-header .header-inner {
    min-height: 88px !important;
    padding: 0.5rem 0.82rem !important;
    gap: 0.5rem !important;
  }

  .site-header .logo-div .logo-home {
    gap: 0.44rem !important;
  }

  .site-header .logo-div .logo-icon {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: min(270px, calc(100vw - 132px)) !important;
    max-width: min(270px, calc(100vw - 132px)) !important;
    height: auto !important;
  }

  .site-header .hamburger {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 88px 0 0 0 !important;
    height: calc(100dvh - 88px) !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 80px !important;
  }

  .site-header .header-inner {
    min-height: 80px !important;
    padding: 0.42rem 0.68rem !important;
    gap: 0.42rem !important;
  }

  .site-header .logo-div .logo-icon {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: min(232px, calc(100vw - 118px)) !important;
    max-width: min(232px, calc(100vw - 118px)) !important;
  }

  .site-header .hamburger {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 80px 0 0 0 !important;
    height: calc(100dvh - 80px) !important;
  }
}

/* Final header alignment for current Hostinger build */
.site-header .logo-div {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

.site-header .logo-div .logo-home {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.85rem !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

.site-header .logo-div .logo-icon {
  display: block !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
}

.site-header .logo-div .logo-wordmark-img {
  display: block !important;
  object-fit: contain !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

@media (min-width: 1025px) {
  .site-header {
    min-height: 118px !important;
  }

  .site-header .header-inner {
    min-height: 118px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    column-gap: 2rem !important;
    padding: 0.55rem 1.5rem !important;
  }

  .site-header .logo-div {
    grid-column: 1 !important;
  }

  .site-header .logo-div .logo-icon {
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: 360px !important;
    height: auto !important;
    min-width: 360px !important;
    max-width: 360px !important;
    margin-left: -0.15rem !important;
  }

  .site-header .nav-desk {
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2rem !important;
    margin: 0 !important;
    transform: translateX(-1.1rem) !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }

  .site-header .h-socials {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header {
    min-height: 92px !important;
  }

  .site-header .header-inner {
    min-height: 92px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 0.9rem !important;
    padding: 0.5rem 1rem !important;
  }

  .site-header .logo-div .logo-home {
    gap: 0.55rem !important;
  }

  .site-header .logo-div .logo-icon {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    height: auto !important;
    margin-left: -0.08rem !important;
  }
}

@media (max-width: 768px) {
  .site-header {
    min-height: 82px !important;
  }

  .site-header .header-inner {
    min-height: 82px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.45rem !important;
    padding: 0.48rem 0.82rem !important;
  }

  .site-header .logo-div {
    grid-column: 1 / span 2 !important;
    min-width: 0 !important;
  }

  .site-header .logo-div .logo-home {
    gap: 0.38rem !important;
    width: 100% !important;
  }

  .site-header .logo-div .logo-icon {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: min(250px, calc(100vw - 128px)) !important;
    min-width: 0 !important;
    max-width: min(250px, calc(100vw - 128px)) !important;
    height: auto !important;
    margin-left: -0.1rem !important;
  }

  .site-header .hamburger {
    grid-column: 3 !important;
    justify-self: end !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 82px 0 0 0 !important;
    height: calc(100dvh - 82px) !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 74px !important;
  }

  .site-header .header-inner {
    min-height: 74px !important;
    gap: 0.35rem !important;
    padding: 0.42rem 0.66rem !important;
  }

  .site-header .logo-div .logo-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: min(215px, calc(100vw - 114px)) !important;
    max-width: min(215px, calc(100vw - 114px)) !important;
  }

  .site-header .hamburger {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 74px 0 0 0 !important;
    height: calc(100dvh - 74px) !important;
  }
}

/* Final header nav alignment */
@media (min-width: 1025px) {
  .site-header .header-inner {
    grid-template-columns: auto auto minmax(0, 1fr) auto !important;
    column-gap: 0.9rem !important;
  }

  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: start !important;
    align-self: center !important;
    margin-left: 1.35rem !important;
    transform: none !important;
    gap: 1.6rem !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }

  .site-header .h-socials {
    grid-column: 4 !important;
    justify-self: end !important;
  }
}

/* Final header nav alignment */
@media (min-width: 1025px) {
  .site-header .header-inner {
    grid-template-columns: auto auto minmax(0, 1fr) auto !important;
    column-gap: 0.9rem !important;
  }

  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: start !important;
    align-self: center !important;
    margin-left: 1.35rem !important;
    transform: none !important;
    gap: 1.6rem !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }

  .site-header .h-socials {
    grid-column: 4 !important;
    justify-self: end !important;
  }
}

/* Final desktop nav shift: move navbar more left */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(6.2rem) !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(2.4rem) !important;
  }
}

/* Final desktop nav shift: move navbar more left */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(6.2rem) !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(2.4rem) !important;
  }
}

/* Final desktop left shift: wordmark + WHY US items */
@media (min-width: 1025px) {
  .site-header .header-inner > .wordmark,
  .site-header .header-inner > .logo-div > img:last-child {
    margin-left: -0.12rem !important;
  }

  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 1.1rem !important;
    transform: translateX(1.8rem) !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .header-inner > .wordmark,
  .site-header .header-inner > .logo-div > img:last-child {
    margin-left: -0.08rem !important;
  }

  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0.7rem !important;
    transform: translateX(0.9rem) !important;
  }
}

/* Final desktop left shift: wordmark + WHY US items */
@media (min-width: 1025px) {
  .site-header .header-inner > .wordmark,
  .site-header .header-inner > .logo-div > img:last-child {
    margin-left: -0.12rem !important;
  }

  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 1.1rem !important;
    transform: translateX(1.8rem) !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .header-inner > .wordmark,
  .site-header .header-inner > .logo-div > img:last-child {
    margin-left: -0.08rem !important;
  }

  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0.7rem !important;
    transform: translateX(0.9rem) !important;
  }
}

/* Final desktop nav shift only: keep wordmark unchanged */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    justify-self: end !important;
    margin-left: auto !important;
    transform: translateX(2.4rem) !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: end !important;
    margin-left: auto !important;
    transform: translateX(1.2rem) !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }
}

/* Final desktop nav shift only: keep wordmark unchanged */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    justify-self: end !important;
    margin-left: auto !important;
    transform: translateX(2.4rem) !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: end !important;
    margin-left: auto !important;
    transform: translateX(1.2rem) !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }
}

/* Final desktop right-shift alignment for current logo-div image structure */
@media (min-width: 1025px) {
  .site-header .header-inner {
    grid-template-columns: auto 1fr auto auto !important;
    column-gap: 1.1rem !important;
  }

  .site-header .header-inner > .logo-div {
    grid-column: 1 !important;
    gap: 0.38rem !important;
    white-space: nowrap !important;
  }

  .site-header .header-inner > .logo-div > img:first-child {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }

  .site-header .header-inner > .logo-div > img:last-child {
    display: block !important;
    width: 430px !important;
    height: 102px !important;
    min-width: 430px !important;
    max-width: 430px !important;
    object-fit: contain !important;
    margin-left: 0.3rem !important;
  }

  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: end !important;
    margin-left: auto !important;
    transform: none !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }

  .site-header .h-socials {
    grid-column: 4 !important;
    justify-self: end !important;
  }
}

/* Final desktop right-shift alignment for current logo-div image structure */
@media (min-width: 1025px) {
  .site-header .header-inner {
    grid-template-columns: auto 1fr auto auto !important;
    column-gap: 1.1rem !important;
  }

  .site-header .header-inner > .logo-div {
    grid-column: 1 !important;
    gap: 0.38rem !important;
    white-space: nowrap !important;
  }

  .site-header .header-inner > .logo-div > img:first-child {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }

  .site-header .header-inner > .logo-div > img:last-child {
    display: block !important;
    width: 430px !important;
    height: 102px !important;
    min-width: 430px !important;
    max-width: 430px !important;
    object-fit: contain !important;
    margin-left: 0.3rem !important;
  }

  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: end !important;
    margin-left: auto !important;
    transform: none !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
  }

  .site-header .h-socials {
    grid-column: 4 !important;
    justify-self: end !important;
  }
}

/* Final desktop tweak: move wordmark right + center WHY US */
@media (min-width: 1025px) {
  .site-header .header-inner > .wordmark {
    margin-left: 0.28rem !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .header-inner > .wordmark {
    margin-left: 0.18rem !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* Final desktop tweak: move wordmark right + center WHY US */
@media (min-width: 1025px) {
  .site-header .header-inner > .wordmark {
    margin-left: 0.28rem !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .header-inner > .wordmark {
    margin-left: 0.18rem !important;
  }

  .site-header .nav-desk > a:first-child {
    margin-left: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* Final mobile tweak: wordmark right side + WHY US centered */
@media (max-width: 768px) {
  .site-header .header-inner > .wordmark {
    margin-left: 0.2rem !important;
  }

  .mob-nav > a[href="why%20us/index.html"] {
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .site-header .header-inner > .wordmark {
    margin-left: 0.14rem !important;
  }
}

/* Final mobile tweak: wordmark right side + WHY US centered */
@media (max-width: 768px) {
  .site-header .header-inner > .wordmark {
    margin-left: 0.2rem !important;
  }

  .mob-nav > a[href="why%20us/index.html"] {
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .site-header .header-inner > .wordmark {
    margin-left: 0.14rem !important;
  }
}

/* Final header single-line alignment without changing HTML */
.site-header .header-inner > .logo-div {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  line-height: 0 !important;
}

.site-header .header-inner > .logo-div .logo-icon {
  display: block !important;
  object-fit: contain !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

.site-header .header-inner > .logo-div .logo-link {
  display: none !important;
}

.site-header .header-inner > .wordmark {
  display: block !important;
  min-width: 0 !important;
  background: url("images/56.png") left center / contain no-repeat !important;
}

@media (min-width: 1025px) {
  .site-header .header-inner {
    grid-template-columns: auto auto 1fr auto !important;
    column-gap: 0.55rem !important;
  }

  .site-header .header-inner > .logo-div {
    grid-column: 1 !important;
  }

  .site-header .header-inner > .logo-div .logo-icon {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }

  .site-header .header-inner > .wordmark {
    grid-column: 2 !important;
    width: 430px !important;
    height: 102px !important;
    min-height: 102px !important;
    max-height: 102px !important;
    max-width: 430px !important;
    margin: 0 0 0 -0.45rem !important;
  }

  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: center !important;
    transform: none !important;
  }

  .site-header .h-socials {
    grid-column: 4 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .header-inner {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 0.45rem !important;
  }

  .site-header .header-inner > .logo-div {
    grid-column: 1 !important;
  }

  .site-header .header-inner > .logo-div .logo-icon {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }

  .site-header .header-inner > .wordmark {
    grid-column: 2 !important;
    width: min(290px, 100%) !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    max-width: 290px !important;
    margin: 0 0 0 -0.25rem !important;
  }

  .site-header .hamburger {
    grid-column: 3 !important;
    justify-self: end !important;
  }
}

@media (max-width: 768px) {
  .site-header .header-inner {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 0.35rem !important;
    align-items: center !important;
  }

  .site-header .header-inner > .logo-div {
    grid-column: 1 !important;
  }

  .site-header .header-inner > .logo-div .logo-icon {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
  }

  .site-header .header-inner > .wordmark {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 0 0 0 -0.22rem !important;
  }

  .site-header .hamburger {
    grid-column: 3 !important;
    justify-self: end !important;
  }
}

@media (max-width: 480px) {
  .site-header .header-inner > .logo-div .logo-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }

  .site-header .header-inner > .wordmark {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin-left: -0.16rem !important;
  }
}
/* Hostinger final desktop left move at file end */
@media (min-width: 1025px) {
  .site-header .header-inner {
    grid-template-columns: auto auto minmax(0, 1fr) auto !important;
    column-gap: 0.7rem !important;
  }

  .site-header .logo-div {
    margin-left: -0.9rem !important;
  }

  .site-header .logo-div .logo-home {
    gap: 0.5rem !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    margin-left: -0.42rem !important;
  }

  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-6.8rem) !important;
    gap: 1.6rem !important;
  }

  .site-header .nav-desk > a:first-child,
  .site-header .dropdown-trigger {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .logo-div {
    margin-left: -0.3rem !important;
  }

  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-1.6rem) !important;
  }
}
/* Hostinger final desktop nav move right */
@media (min-width: 1025px) {
  .site-header .nav-desk {
    grid-column: 3 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-2.4rem) !important;
    gap: 1.6rem !important;
  }

  .site-header .nav-desk > a:first-child,
  .site-header .dropdown-trigger {
    margin-left: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .site-header .nav-desk {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: translateX(-0.6rem) !important;
  }
}
/* Hostinger final mobile logo increase */
@media (max-width: 768px) {
  .site-header {
    min-height: 96px !important;
  }

  .site-header .header-inner {
    min-height: 96px !important;
    padding: 0.56rem 0.88rem !important;
    gap: 0.56rem !important;
  }

  .site-header .logo-div .logo-home {
    gap: 0.48rem !important;
  }

  .site-header .logo-div .logo-icon {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: min(286px, calc(100vw - 140px)) !important;
    max-width: min(286px, calc(100vw - 140px)) !important;
    height: auto !important;
  }

  .site-header .hamburger {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 96px 0 0 0 !important;
    height: calc(100dvh - 96px) !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 86px !important;
  }

  .site-header .header-inner {
    min-height: 86px !important;
    padding: 0.48rem 0.72rem !important;
    gap: 0.46rem !important;
  }

  .site-header .logo-div .logo-icon {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: min(248px, calc(100vw - 124px)) !important;
    max-width: min(248px, calc(100vw - 124px)) !important;
  }

  .site-header .hamburger {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 86px 0 0 0 !important;
    height: calc(100dvh - 86px) !important;
  }
}
/* Mobile header logo bigger */
@media (max-width: 768px) {
  .site-header {
    min-height: 102px !important;
  }

  .site-header .header-inner {
    min-height: 102px !important;
    padding: 0.58rem 0.9rem !important;
    gap: 0.55rem !important;
  }

  .site-header .logo-div .logo-home {
    gap: 0.5rem !important;
  }

  .site-header .logo-div .logo-icon {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: min(300px, calc(100vw - 148px)) !important;
    max-width: min(300px, calc(100vw - 148px)) !important;
    height: auto !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 102px 0 0 0 !important;
    height: calc(100dvh - 102px) !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 92px !important;
  }

  .site-header .header-inner {
    min-height: 92px !important;
    padding: 0.5rem 0.72rem !important;
  }

  .site-header .logo-div .logo-icon {
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: min(258px, calc(100vw - 132px)) !important;
    max-width: min(258px, calc(100vw - 132px)) !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 92px 0 0 0 !important;
    height: calc(100dvh - 92px) !important;
  }
}
/* 2026-04-03 Ultimate desktop header fix: shift nav slightly right and remove any zoom */
@media (min-width: 1025px) {
  .site-header {
    min-height: 72px !important;
    max-height: none !important;
  }

  .site-header .header-inner {
    min-height: 72px !important;
    padding: 0.45rem 1.2rem !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    column-gap: 1rem !important;
  }

  .site-header .logo-div {
    justify-self: start !important;
  }

  .site-header .nav-desk {
    grid-column: 2 !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(1.1rem, 1.8vw, 2.4rem) !important;
    width: max-content !important;
    margin: 0 0 0 clamp(1.4rem, 2.6vw, 3.4rem) !important;
    padding: 0 !important;
    transform: none !important;
  }

  .site-header .h-socials {
    justify-self: end !important;
  }

  .site-header .nav-desk > a:first-child,
  .site-header .nav-desk > a,
  .site-header .dropdown-wrap,
  .site-header .dropdown-trigger {
    margin: 0 !important;
  }

  .site-header .nav-desk > a,
  .site-header .dropdown-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.88rem !important;
    line-height: 1.1 !important;
    padding: 0.2rem 0 !important;
    transform: none !important;
    transition: color 0.2s ease !important;
  }

  .site-header .dropdown-trigger .chevron {
    transform: none !important;
  }

  .site-header .dropdown-wrap:hover .chevron,
  .site-header .dropdown-wrap.is-open .chevron,
  .site-header .nav-desk > a:hover,
  .site-header .nav-desk > a:focus-visible,
  .site-header .dropdown-trigger:hover,
  .site-header .dropdown-trigger:focus-visible {
    transform: none !important;
  }
}

/* 2026-04-03 Ultimate desktop header fix: shift nav slightly right and remove any zoom */
@media (min-width: 1025px) {
  .site-header {
    min-height: 72px !important;
    max-height: none !important;
  }

  .site-header .header-inner {
    min-height: 72px !important;
    padding: 0.45rem 1.2rem !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    column-gap: 1rem !important;
  }

  .site-header .logo-div {
    justify-self: start !important;
  }

  .site-header .nav-desk {
    grid-column: 2 !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(1.1rem, 1.8vw, 2.4rem) !important;
    width: max-content !important;
    margin: 0 0 0 clamp(1.4rem, 2.6vw, 3.4rem) !important;
    padding: 0 !important;
    transform: none !important;
  }

  .site-header .h-socials {
    justify-self: end !important;
  }

  .site-header .nav-desk > a:first-child,
  .site-header .nav-desk > a,
  .site-header .dropdown-wrap,
  .site-header .dropdown-trigger {
    margin: 0 !important;
  }

  .site-header .nav-desk > a,
  .site-header .dropdown-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.88rem !important;
    line-height: 1.1 !important;
    padding: 0.2rem 0 !important;
    transform: none !important;
    transition: color 0.2s ease !important;
  }

  .site-header .dropdown-trigger .chevron {
    transform: none !important;
  }

  .site-header .dropdown-wrap:hover .chevron,
  .site-header .dropdown-wrap.is-open .chevron,
  .site-header .nav-desk > a:hover,
  .site-header .nav-desk > a:focus-visible,
  .site-header .dropdown-trigger:hover,
  .site-header .dropdown-trigger:focus-visible {
    transform: none !important;
  }
}

/* 2026-04-03 Final desktop navbar lock: keep menu centered and prevent zooming */
@media (min-width: 1025px) {
  .site-header .header-inner {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 1rem !important;
  }

  .site-header .logo-div {
    justify-self: start !important;
  }

  .site-header .h-socials {
    justify-self: end !important;
  }

  .site-header .nav-desk {
    grid-column: 2 !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(1.25rem, 2vw, 2.8rem) !important;
    width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .site-header .nav-desk > a:first-child,
  .site-header .nav-desk > a,
  .site-header .dropdown-wrap,
  .site-header .dropdown-trigger {
    margin: 0 !important;
  }

  .site-header .nav-desk > a,
  .site-header .dropdown-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transform: none !important;
    transition: color 0.2s ease !important;
  }

  .site-header .nav-desk > a:hover,
  .site-header .nav-desk > a:focus-visible,
  .site-header .dropdown-trigger:hover,
  .site-header .dropdown-trigger:focus-visible {
    transform: none !important;
  }
}

/* Hostinger-safe final collaboration image sizing */
@media (min-width: 769px) {
  .collabs .collab-logo img {
    max-width: 100% !important;
    max-height: 5.4rem !important;
    width: auto !important;
    height: auto !important;
  }

  .collabs .collab-logo.duo img {
    max-width: 48% !important;
    max-height: 5.4rem !important;
    width: auto !important;
    height: auto !important;
  }

  .collabs .swatcon-item .collab-logo img {
    max-height: 11.5rem !important;
  }
}

@media (max-width: 768px) {
  .collabs .collab-logo img {
    max-width: 100% !important;
    max-height: 5.4rem !important;
    width: auto !important;
    height: auto !important;
  }

  .collabs .collab-logo.duo img {
    max-width: 48% !important;
    max-height: 5.4rem !important;
    width: auto !important;
    height: auto !important;
  }

  .collabs .swatcon-item .collab-logo img {
    max-height: 9.5rem !important;
  }
}

/* Final winning SwatCON size override */
@media (min-width: 769px) {
  .collabs .swatcon-item {
    grid-template-columns: 18rem minmax(0, 1fr) !important;
    column-gap: 1.9rem !important;
    align-items: center !important;
  }

  .collabs .swatcon-item .collab-logo {
    width: 18rem !important;
    height: 11.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .collabs .swatcon-item .collab-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  .collabs .swatcon-item .collab-logo {
    width: 13rem !important;
    height: 9.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .collabs .swatcon-item .collab-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }
}

/* Ultimate SwatCON logo enlargement */
@media (min-width: 769px) {
  .collabs .swatcon-item {
    grid-template-columns: 18rem minmax(0, 1fr) !important;
    column-gap: 1.9rem !important;
    align-items: center !important;
  }

  .collabs .swatcon-item .collab-logo {
    width: 18rem !important;
    height: 11.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .collabs .swatcon-item .collab-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  .collabs .swatcon-item .collab-logo {
    width: 13rem !important;
    height: 9.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .collabs .swatcon-item .collab-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }
}

/* True final Hostinger SwatCON size override */
@media (min-width: 769px) {
  .collabs .swatcon-item {
    grid-template-columns: 13rem minmax(0, 1fr) !important;
    column-gap: 1.5rem !important;
    align-items: center !important;
  }

  .collabs .swatcon-item .collab-logo {
    width: 13rem !important;
    height: 8.8rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .collabs .swatcon-item .collab-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  .collabs .swatcon-item .collab-logo {
    width: 9.6rem !important;
    height: 7.2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .collabs .swatcon-item .collab-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }
}

/* Absolute final Hostinger SwatCON size lock */
@media (min-width: 769px) {
  .collabs .swatcon-item {
    grid-template-columns: 13rem minmax(0, 1fr) !important;
    column-gap: 1.5rem !important;
    align-items: center !important;
  }

  .collabs .swatcon-item .collab-logo {
    width: 13rem !important;
    height: 8.8rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .collabs .swatcon-item .collab-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  .collabs .swatcon-item .collab-logo {
    width: 9.6rem !important;
    height: 7.2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .collabs .swatcon-item .collab-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }
}

/* Final Hostinger-safe SwatCON size lock */
@media (min-width: 769px) {
  .collabs .swatcon-item {
    grid-template-columns: 15rem minmax(0, 1fr) !important;
    column-gap: 1.6rem !important;
    align-items: center !important;
  }

  .collabs .swatcon-item .collab-logo {
    width: 15rem !important;
    height: 9.8rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .collabs .swatcon-item .collab-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  .collabs .swatcon-item .collab-logo {
    width: 11rem !important;
    height: 8rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .collabs .swatcon-item .collab-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }
}

/* 2026-03-27 Hostinger collaboration layout lock */
.collabs .wrap {
  max-width: 1280px !important;
}

@media (min-width: 769px) {
  .collabs .collabs-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 3rem !important;
  }

  .collabs .collab-col {
    gap: 2.25rem !important;
  }

  .collabs .collab-item {
    display: grid !important;
    grid-template-columns: 12rem minmax(0, 1fr) !important;
    column-gap: 1.4rem !important;
    align-items: center !important;
  }

  .collabs .collab-logo {
    width: 12rem !important;
    height: 5.6rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .collabs .collab-logo img {
    max-width: 100% !important;
    max-height: 4.4rem !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
  }

  .collabs .collab-logo.duo {
    width: 12rem !important;
    height: 5.8rem !important;
    gap: .55rem !important;
  }

  .collabs .collab-logo.duo img {
    width: 48% !important;
    height: auto !important;
    max-height: 4.4rem !important;
  }

  .collabs .swatcon-item {
    grid-template-columns: 12rem minmax(0, 1fr) !important;
  }

  .collabs .swatcon-item .collab-logo {
    width: 12rem !important;
    height: 7.6rem !important;
  }

  .collabs .swatcon-item .collab-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }

  .collabs .collab-copy h4 {
    margin: 0 0 .45rem 0 !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
  }

  .collabs .collab-copy p {
    margin: 0 !important;
    font-size: .86rem !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 768px) {
  .collabs .collabs-grid {
    grid-template-columns: 1fr !important;
    gap: 1.4rem !important;
  }

  .collabs .collab-col {
    gap: 1.35rem !important;
  }

  .collabs .collab-item {
    display: grid !important;
    grid-template-columns: 1fr !important;
    text-align: center !important;
    gap: .8rem !important;
  }

  .collabs .collab-copy,
  .collabs .collab-logo {
    justify-self: center !important;
  }

  .collabs .collab-logo {
    width: 9rem !important;
    height: 4.8rem !important;
    overflow: visible !important;
  }

  .collabs .collab-logo img {
    max-width: 100% !important;
    max-height: 4.4rem !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
  }

  .collabs .collab-logo.duo {
    width: 9.25rem !important;
    height: 5rem !important;
    gap: .45rem !important;
  }

  .collabs .swatcon-item .collab-logo {
    width: 9rem !important;
    height: 6.8rem !important;
  }

  .collabs .collab-copy h4 {
    margin: 0 0 .3rem 0 !important;
    font-size: .98rem !important;
  }

  .collabs .collab-copy p {
    margin: 0 !important;
    font-size: .84rem !important;
    line-height: 1.5 !important;
  }
}

/* Final collaboration logo size override for desktop/mobile deployment */
@media (min-width: 769px) {
  .collabs .collab-item {
    grid-template-columns: 9rem minmax(0, 1fr) !important;
    column-gap: 1.25rem !important;
    align-items: center !important;
  }

  .collabs .collab-logo {
    width: 9rem !important;
    height: 4.8rem !important;
    overflow: visible !important;
    justify-self: center !important;
  }

  .collabs .collab-logo img {
    max-width: 100% !important;
    max-height: 4.4rem !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
  }

  .collabs .collab-logo.duo {
    width: 9rem !important;
    height: 4.8rem !important;
    gap: .45rem !important;
  }

  .collabs .collab-logo.duo img {
    width: 48% !important;
    height: auto !important;
    max-height: 4.4rem !important;
  }

  .collabs .swatcon-item {
    grid-template-columns: 9rem minmax(0, 1fr) !important;
    column-gap: 1.25rem !important;
    align-items: center !important;
  }

  .collabs .swatcon-item .collab-logo {
    width: 9rem !important;
    height: 4.8rem !important;
  }

  .collabs .swatcon-item .collab-logo img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 4.4rem !important;
    transform: none !important;
    object-fit: contain !important;
  }
}

@media (max-width: 768px) {
  .collabs .collab-item {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    gap: .85rem !important;
  }

  .collabs .collab-copy,
  .collabs .collab-logo {
    justify-self: center !important;
  }

  .collabs .collab-logo {
    width: 8rem !important;
    height: 4.5rem !important;
    overflow: visible !important;
  }

  .collabs .collab-logo img {
    max-width: 100% !important;
    max-height: 4.4rem !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
  }

  .collabs .collab-logo.duo {
    width: 8rem !important;
    height: 4.5rem !important;
    gap: .4rem !important;
  }

  .collabs .collab-logo.duo img {
    width: 48% !important;
    height: auto !important;
    max-height: 4.4rem !important;
  }

  .collabs .swatcon-item .collab-logo {
    width: 8rem !important;
    height: 4.5rem !important;
    overflow: visible !important;
  }

  .collabs .swatcon-item .collab-logo img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 4.4rem !important;
    transform: none !important;
    object-fit: contain !important;
  }
}

/* 2026-03-27 Final mobile menu text lock: keep each item on one line */
@media (max-width: 768px) {
  .mob-nav a,
  .mob-nav .mob-nav-title,
  .mob-nav .mob-sub a {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .mob-nav a,
  .mob-nav .mob-nav-title {
    font-size: 0.96rem !important;
  }

  .mob-nav .mob-sub a {
    font-size: 0.86rem !important;
  }
}

@media (max-width: 480px) {
  .mob-nav a,
  .mob-nav .mob-nav-title {
    font-size: 0.9rem !important;
  }

  .mob-nav .mob-sub a {
    font-size: 0.8rem !important;
  }
}

@media (max-width: 768px) {
  .mob-nav .mob-socials {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  .mob-nav .mob-socials a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    padding: 0.62rem 0 !important;
    gap: 0.78rem !important;
    border: none !important;
    border-bottom: 1px solid #eef2f7 !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  .mob-nav .mob-socials a:last-child {
    border-bottom: none !important;
  }

  .mob-nav .mob-socials a svg,
  .mob-nav .mob-socials a img {
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
    object-fit: cover !important;
    border-radius: 0.45rem !important;
  }

  .mob-nav .mob-socials a span {
    display: inline-block !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--red) !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 480px) {
  .mob-nav .mob-socials a {
    min-height: 38px !important;
    padding: 0.56rem 0 !important;
    gap: 0.7rem !important;
  }

  .mob-nav .mob-socials a svg,
  .mob-nav .mob-socials a img {
    width: 1.85rem !important;
    height: 1.85rem !important;
    min-width: 1.85rem !important;
  }

  .mob-nav .mob-socials a span {
    font-size: 0.82rem !important;
  }
}

/* Final Hostinger-safe mobile hero badge line */
@media (max-width: 768px) {
  .hb-line {
    width: 28px !important;
    height: 1px !important;
    margin: 0.28rem 0 !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.65) !important;
  }
}

/* Final mobile separator between clients and services */
@media (max-width: 768px) {
  .clients-strip {
    display: none !important;
    position: relative !important;
    z-index: 2 !important;
    border-top: none !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    background: transparent !important;
  }

  .clients-strip::after {
    content: none !important;
    display: none !important;
  }

  .solutions {
    position: relative !important;
    z-index: 3 !important;
    margin-top: 0 !important;
    padding-top: 2rem !important;
    background: #fff !important;
  }

  .solutions::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: transparent !important;
  }

  .clients-strip .badge,
  .solutions .badge {
    border-color: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
    color: inherit !important;
  }
}
/* Hostinger final mobile emblem size */
@media (max-width: 768px) {
  .site-header {
    min-height: 108px !important;
  }

  .site-header .header-inner {
    min-height: 108px !important;
    padding: 0.62rem 0.88rem !important;
    gap: 0.58rem !important;
  }

  .site-header .logo-div .logo-home {
    gap: 0.52rem !important;
  }

  .site-header .logo-div .logo-icon,
  .site-header .logo-div .logo-home > img:first-child {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    object-fit: contain !important;
  }

  .site-header .logo-div .logo-wordmark-img,
  .site-header .logo-div .logo-home > img:last-child {
    width: min(292px, calc(100vw - 156px)) !important;
    max-width: min(292px, calc(100vw - 156px)) !important;
    height: auto !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 108px 0 0 0 !important;
    height: calc(100dvh - 108px) !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 96px !important;
  }

  .site-header .header-inner {
    min-height: 96px !important;
    padding: 0.52rem 0.72rem !important;
    gap: 0.48rem !important;
  }

  .site-header .logo-div .logo-icon,
  .site-header .logo-div .logo-home > img:first-child {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }

  .site-header .logo-div .logo-wordmark-img,
  .site-header .logo-div .logo-home > img:last-child {
    width: min(252px, calc(100vw - 138px)) !important;
    max-width: min(252px, calc(100vw - 138px)) !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 96px 0 0 0 !important;
    height: calc(100dvh - 96px) !important;
  }
}
/* Hostinger final mobile emblem size */
@media (max-width: 768px) {
  .site-header {
    min-height: 108px !important;
  }

  .site-header .header-inner {
    min-height: 108px !important;
    padding: 0.62rem 0.88rem !important;
    gap: 0.58rem !important;
  }

  .site-header .logo-div .logo-home {
    gap: 0.52rem !important;
  }

  .site-header .logo-div .logo-icon,
  .site-header .logo-div .logo-home > img:first-child {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    object-fit: contain !important;
  }

  .site-header .logo-div .logo-wordmark-img,
  .site-header .logo-div .logo-home > img:last-child {
    width: min(292px, calc(100vw - 156px)) !important;
    max-width: min(292px, calc(100vw - 156px)) !important;
    height: auto !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 108px 0 0 0 !important;
    height: calc(100dvh - 108px) !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 96px !important;
  }

  .site-header .header-inner {
    min-height: 96px !important;
    padding: 0.52rem 0.72rem !important;
    gap: 0.48rem !important;
  }

  .site-header .logo-div .logo-icon,
  .site-header .logo-div .logo-home > img:first-child {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }

  .site-header .logo-div .logo-wordmark-img,
  .site-header .logo-div .logo-home > img:last-child {
    width: min(252px, calc(100vw - 138px)) !important;
    max-width: min(252px, calc(100vw - 138px)) !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 96px 0 0 0 !important;
    height: calc(100dvh - 96px) !important;
  }
}
/* Mobile header logo bigger */
@media (max-width: 768px) {
  .site-header {
    min-height: 102px !important;
  }

  .site-header .header-inner {
    min-height: 102px !important;
    padding: 0.58rem 0.9rem !important;
    gap: 0.55rem !important;
  }

  .site-header .logo-div .logo-home {
    gap: 0.5rem !important;
  }

  .site-header .logo-div .logo-icon {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: min(300px, calc(100vw - 148px)) !important;
    max-width: min(300px, calc(100vw - 148px)) !important;
    height: auto !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 102px 0 0 0 !important;
    height: calc(100dvh - 102px) !important;
  }
}

@media (max-width: 480px) {
  .site-header {
    min-height: 92px !important;
  }

  .site-header .header-inner {
    min-height: 92px !important;
    padding: 0.5rem 0.72rem !important;
  }

  .site-header .logo-div .logo-icon {
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
  }

  .site-header .logo-div .logo-wordmark-img {
    width: min(258px, calc(100vw - 132px)) !important;
    max-width: min(258px, calc(100vw - 132px)) !important;
  }

  .mob-nav,
  .mob-nav.open {
    inset: 92px 0 0 0 !important;
    height: calc(100dvh - 92px) !important;
  }
}
/* 2026-04-03 Ultimate desktop header fix: shift nav slightly right and remove any zoom */
@media (min-width: 1025px) {
  .site-header {
    min-height: 72px !important;
    max-height: none !important;
  }

  .site-header .header-inner {
    min-height: 72px !important;
    padding: 0.45rem 1.2rem !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    column-gap: 1rem !important;
  }

  .site-header .logo-div {
    justify-self: start !important;
  }

  .site-header .nav-desk {
    grid-column: 2 !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(1.1rem, 1.8vw, 2.4rem) !important;
    width: max-content !important;
    margin: 0 0 0 clamp(1.4rem, 2.6vw, 3.4rem) !important;
    padding: 0 !important;
    transform: none !important;
  }

  .site-header .h-socials {
    justify-self: end !important;
  }

  .site-header .nav-desk > a:first-child,
  .site-header .nav-desk > a,
  .site-header .dropdown-wrap,
  .site-header .dropdown-trigger {
    margin: 0 !important;
  }

  .site-header .nav-desk > a,
  .site-header .dropdown-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.88rem !important;
    line-height: 1.1 !important;
    padding: 0.2rem 0 !important;
    transform: none !important;
    transition: color 0.2s ease !important;
  }

  .site-header .dropdown-trigger .chevron {
    transform: none !important;
  }

  .site-header .dropdown-wrap:hover .chevron,
  .site-header .dropdown-wrap.is-open .chevron,
  .site-header .nav-desk > a:hover,
  .site-header .nav-desk > a:focus-visible,
  .site-header .dropdown-trigger:hover,
  .site-header .dropdown-trigger:focus-visible {
    transform: none !important;
  }
}