/* E-TRANS: scoped presentation refinements, existing branding and forms retained. */
/* Menu and modal overlays take precedence; callback routing is unchanged. */
body.etrans-menu-open #bingc-phone-button, body.etrans-menu-open #bingc-active,
body.etrans-menu-open #bingc-passive, body.body-locked #bingc-phone-button,
body.body-locked #bingc-active, body.body-locked #bingc-passive { visibility: hidden !important; pointer-events: none !important; }
body.etrans-callback-overlap #bingc-phone-button { visibility: hidden !important; pointer-events: none !important; }
body .top-info .text-block { min-width: 0; }
body .top-info .text-block :is(h1, .etrans-secondary-title) { width: auto; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; font-size: clamp(28px, 3.4vw, 48px); line-height: 1.2; }
body .care-img { max-width: 100%; height: auto; }
body .etrans-cookie-settings { display: block; padding: 10px 0; margin-top: 8px; background: transparent; color: #fff; font: inherit; font-size: 16px; text-align: left; text-decoration: underline; cursor: pointer; }
body :is(button, a, input, textarea, [role="button"]):focus-visible { outline: 3px solid #265e9c; outline-offset: 4px; }
body .main-form-section .container .modal[hidden] { display: none !important; }
body .main-form-section .container .left-col .modal { position: relative; top: auto; width: 100%; box-sizing: border-box; }
body .main-form-section .container .modal label.h3 { display: block; position: relative; font-size: 18px; font-weight: 400; line-height: 1.4; margin: 18px 0 8px; }
body .main-form-section .container .modal label.h3 .circle { display: none; }
body .main-form-section .container .modal input { box-sizing: border-box; min-height: 44px; font-size: 16px; }
body .main-form-section .etrans-quiz-hint { font-size: 16px; line-height: 1.5; color: #51545e; margin: 0 0 14px; }
body .main-form-section .errors { font-size: 15px; line-height: 1.4; color: #9e2323; }
body .main-form-section input[aria-invalid="true"] { border: 2px solid #b3261e; }
body .main-form-section .container .left-col .fase { flex-wrap: wrap; gap: 12px; margin-top: 24px; font-size: 18px; }
body .main-form-section .container .left-col .fase button { margin-left: 0; font-size: 17px; padding: 12px 16px; min-height: 44px; }
body .main-form-section .etrans-back-btn { min-height: 44px; padding: 10px 0; color: #363849; background: transparent; text-decoration: underline; font-size: 16px; cursor: pointer; }
body .main-form-section .container .left-col .fase button.etrans-back-btn { padding: 10px 4px; }
body .main-form-section .container .left-col .fase .next-btn { margin-left: auto; }
body .main-form-section .container .left-col .fase .next-btn img { width: 24px; height: auto; margin-left: 10px; }
body .info-section h2 { font-size: clamp(26px, 2.6vw, 36px); line-height: 1.3; text-transform: none; }
body .etrans-ux-hero { padding: 48px 0 56px; }
body .etrans-ux-hero .header-text { margin-top: 0; width: 58%; max-width: 690px; gap: 0; }
body .etrans-ux-hero .etrans-ux-eyebrow { font-size: 16px; line-height: 1.5; font-weight: 500; font-style: normal; color: #51545e; margin: 0 0 18px; }
body .etrans-ux-hero .etrans-ux-title { font-size: clamp(30px, 3.5vw, 50px); line-height: 1.14; text-transform: none; font-weight: 700; color: #191737; margin: 0 0 24px; max-width: 19ch; overflow-wrap: break-word; }
body .etrans-ux-hero .etrans-ux-intro { font-size: clamp(18px, 1.65vw, 23px); line-height: 1.5; font-weight: 400; font-style: normal; color: #292b34; margin: 0 0 22px; max-width: 43ch; }
body .etrans-ux-hero .etrans-ux-hint { font-size: 16px; line-height: 1.55; font-weight: 400; font-style: normal; color: #535660; margin: 0; max-width: 49ch; }
body .etrans-ux-hero .main-red-btn { display: inline-flex; align-items: center; justify-content: center; width: fit-content; max-width: 100%; height: auto; min-height: 54px; padding: 15px 30px; margin: 24px 0 0; font-size: 18px; line-height: 1.3; font-weight: 500; border-radius: 32px; animation: none; }
body .home-page > .care-section { margin-top: 70px; background: #fff; isolation: isolate; }
body .etrans-route-brief { position: relative; padding: 52px 0; background: #f5f6f8; border-top: 3px solid #fa4141; }
body .etrans-route-brief .etrans-section-label { font-size: 14px; line-height: 1.5; font-weight: 600; letter-spacing: .07em; color: #a92828; margin: 0 0 10px; }
body .etrans-route-brief h2 { font-size: clamp(26px, 2.5vw, 36px); line-height: 1.25; font-weight: 700; color: #191737; text-transform: none; margin: 0 0 12px; }
body .etrans-route-brief .etrans-route-lead { font-size: 18px; line-height: 1.55; color: #4a4e59; margin: 0 0 28px; }
body .etrans-route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
body .etrans-route-grid article { border-top: 1px solid #ced1d9; padding-top: 20px; }
body .etrans-route-grid h3 { font-size: 21px; line-height: 1.3; font-weight: 600; color: #222437; margin: 0 0 12px; }
body .etrans-route-grid p { font-size: 17px; line-height: 1.65; color: #444853; margin: 0; }
body .etrans-route-brief .main-red-btn { display: inline-flex; justify-content: center; align-items: center; height: auto; min-height: 52px; padding: 14px 26px; max-width: 100%; margin-top: 28px; border-radius: 30px; font-size: 17px; line-height: 1.4; }
body .home-page .why-we-section .advantage .h3 { font-size: 18px; line-height: 1.6; font-weight: 400; color: #41454f; }
body .home-page .why-we-section .advantage .h2 { font-size: clamp(21px, 2vw, 27px); line-height: 1.3; font-weight: 600; text-transform: none; }
body .home-page .transportation-section .text-block .h2 { max-width: 72ch; font-size: 20px; line-height: 1.6; font-weight: 400; }
body .home-page .pick-up-car-section .text-block .h2 { line-height: 1.4; font-weight: 500; }
body .info-section p, body .info-section li { font-size: 18px; line-height: 1.65; max-width: 72ch; }
body .info-section h1 { font-size: clamp(26px, 2.6vw, 36px); line-height: 1.3; text-transform: none; }
body .pop-up-wrapper .popup-form { top: 24px; width: min(620px, calc(100vw - 32px)); max-width: calc(100vw - 32px); max-height: calc(100dvh - 48px); overflow-y: auto; overscroll-behavior: contain; padding: 32px 24px 24px; }
body .pop-up-wrapper .popup-form > .h1 { font-size: clamp(24px, 2.6vw, 30px); line-height: 1.25; padding-right: 20px; margin-bottom: 14px; font-weight: 700; }
body .etrans-form-note { font-size: 16px; line-height: 1.5; color: #51545e; margin: 0 0 20px; text-align: left; }
body .wpcf7-form label { font-size: 16px; line-height: 1.5; }
body .wpcf7-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]), body .wpcf7-form textarea { min-height: 44px; padding: 9px 12px; font-size: 16px; box-sizing: border-box; max-width: 100%; }
body .wpcf7-form .etrans-extra-details { margin: 16px 0; }
body .wpcf7-form .etrans-extra-details summary { cursor: pointer; font-size: 16px; line-height: 1.5; color: #9e2828; padding: 8px 0; }
body .wpcf7-form .etrans-extra-details textarea { width: 100%; min-height: 80px; resize: vertical; }
body .pop-up-wrapper .popup-form button { min-height: 46px; height: auto; padding: 12px 22px; font-size: 17px; line-height: 1.3; }
body .pop-up-wrapper.open { z-index: 100000001; }
body .form-close { cursor: pointer; }
body .pop-up-wrapper .popup-form button.form-close { position: absolute; top: 8px; right: 10px; width: 40px; min-height: 40px; height: 40px; margin: 0; padding: 0; font-size: 30px; line-height: 1; border: 0; border-radius: 8px; background: transparent; color: #41454f; }
@media (min-width: 1024px) {
  /* Preserve Binotel's form, schedule, submission and tracking; reduce empty space only. */
  body #bingc-active, body #bingc-active div.bingc-active-overlay { height: 94px !important; }
  body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-we-will-call-you { top: 12px; }
  body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form { top: 14px; }
  body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-statistics { top: 72px; }
  body #bingc-active a.bingc-active-close-button { top: 12px; opacity: .9; }
}
@media (max-width: 1023px) {
  body .etrans-ux-hero { padding: 32px 0 42px; }
  body .etrans-ux-hero .header-text { width: 66%; }
  body .etrans-route-grid { gap: 20px; }
}
@media (max-width: 767px) {
  body #bingc-phone-button { bottom: max(8px, env(safe-area-inset-bottom)) !important; right: 4px !important; }
  /* Keep the theme's existing image overlay; a second white layer hid the truck. */
  body .etrans-ux-hero { padding: 26px 0 34px; background: transparent; height: auto; min-height: calc(100svh - var(--header-height)); }
  body .etrans-ux-hero .header-text { width: 100%; max-width: none; }
  body .etrans-ux-hero .etrans-ux-title { max-width: 100%; font-size: clamp(29px, 7.3vw, 36px); margin-bottom: 18px; }
  body .etrans-ux-hero .etrans-ux-intro { font-size: 19px; }
  body .etrans-ux-hero .etrans-ux-eyebrow { font-size: 14px; margin-bottom: 14px; }
  body .etrans-ux-hero .main-red-btn { width: 100%; margin-top: 22px; }
  body .etrans-route-brief { padding: 34px 0; }
  body .etrans-route-grid { grid-template-columns: 1fr; gap: 24px; }
  body .etrans-route-brief .main-red-btn { width: 100%; }
  body .home-page > .care-section { margin-top: 40px; }
  body .pop-up-wrapper .popup-form { top: 12px; padding: 30px 18px 20px; max-height: calc(100dvh - 24px); }
}
@media (prefers-reduced-motion: reduce) {
  body .main-red-btn, body .header-section .dots { animation: none !important; }
}