/* Esprings header rebuilt against original screenshot, scoped to header only. */
.es-original-header{position:relative;z-index:30;background:#fbc42c;border-bottom:13px solid #000;border-radius:0 0 33px 33px;height:166px;color:#000;font-family:Arial,sans-serif;overflow:visible}
.es-oh-inner{height:153px;position:relative;max-width:1750px;margin:auto;padding:0 6.3%}
.es-original-header a{color:#000;text-decoration:none}.es-original-header a:hover{color:#333}
.es-oh-logo{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:2;display:block;width:168px;height:98px}
.es-oh-logo img{display:block;width:168px;height:auto;max-width:none}
.es-oh-logo:after{content:'';position:absolute;z-index:3;pointer-events:none;background:url('/templates/esprings/img/bg_header_spring.png') center/contain no-repeat;width:250px;height:250px;top:-25px;left:calc(100% + 48px);transform:rotate(-31deg);transform-origin:0% 10%}
.es-oh-phone{position:absolute;left:6.3%;top:25px;font-size:24px;font-weight:400;line-height:30px}
.es-oh-nav{position:absolute;left:6.3%;bottom:25px;display:flex;gap:38px;align-items:center;white-space:nowrap}
.es-oh-nav a{font-size:17px;font-weight:400}
.es-oh-actions{position:absolute;right:6.3%;top:20px;display:flex;gap:38px;align-items:flex-start}
.es-oh-action{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px}
.es-oh-search{position:absolute;right:6.3%;bottom:26px;display:flex;gap:5px;align-items:center;margin:0}
.es-oh-search input{height:33px;width:206px;border:1px solid #333;background:#fff;border-radius:4px;padding:6px 10px;font-size:14px}
.es-oh-search button{height:33px;background:#000;color:#fff;border:0;border-radius:4px;padding:0 13px;font-weight:bold;font-size:12px}
@media(max-width:1250px){.es-oh-nav{gap:17px}.es-oh-nav a{font-size:14px}.es-oh-search input{width:155px}.es-oh-logo:after{left:calc(100% + 25px)}}
@media(max-width:900px){.es-original-header{height:auto;min-height:155px}.es-oh-inner{min-height:142px;padding:0 16px}.es-oh-logo{top:15px;width:125px}.es-oh-logo img{width:125px}.es-oh-logo:after{width:100px;height:110px;left:calc(100% + 24px);top:-15px}.es-oh-phone{top:18px;left:16px;font-size:17px}.es-oh-actions{top:14px;right:16px;gap:12px}.es-oh-nav{left:16px;right:16px;bottom:8px;gap:13px;overflow-x:auto;padding-bottom:5px}.es-oh-search{display:none}}
@media(max-width:550px){.es-original-header{min-height:155px}.es-oh-inner{min-height:142px}.es-oh-logo{left:50%;top:40px;width:100px}.es-oh-logo img{width:100px}.es-oh-logo:after{width:75px;height:85px;left:calc(100% + 8px);top:-14px}.es-oh-phone{font-size:15px;top:12px}.es-oh-actions{top:48px}.es-oh-action{font-size:11px}.es-oh-action svg{width:19px;height:19px}.es-oh-nav a{font-size:13px}}

/* Temporary service notice, isolated from the original header */
.es-recovery-notice{background:#fff4c5;color:#171717;border-bottom:1px solid #e6d58d;padding:10px max(16px,5vw);font:14px/1.5 Arial,sans-serif;position:relative;z-index:31}
.es-recovery-notice a{color:#161616;text-decoration:underline;font-weight:700}
.es-recovery-summary{max-width:1440px;margin:0 auto;text-align:center}
.es-recovery-details{max-width:1200px;margin:5px auto 0}
.es-recovery-details summary{cursor:pointer;text-align:center;font-weight:700;list-style-position:inside}
.es-recovery-details p{margin:8px 0;line-height:1.55}
@media(max-width:650px){.es-recovery-notice{font-size:13px;padding:9px 12px}.es-recovery-summary{text-align:left}.es-recovery-details summary{text-align:left}}

/* Compact service notice: centered text, reduced vertical spacing. */
.es-recovery-notice {
    position: relative;
    z-index: 31;
    padding: 6px 20px;
    text-align: center;
    line-height: 1.2;
}
.es-recovery-summary { text-align: center; }
.es-recovery-details { margin: 2px auto 0; text-align: center; }
.es-recovery-details summary { text-align: center; margin: 2px 0; }
.es-recovery-details p { margin: 2px 0; line-height: 1.2; text-align: center; }
.es-original-header { position: relative; z-index: 30; }
@media (max-width: 650px) {
    .es-recovery-notice { padding: 6px 12px; }
    .es-recovery-summary, .es-recovery-details summary { text-align: center; }
}

/* Notice covers the upper part of the decorative spring, as before. */
.es-recovery-notice { position: relative !important; z-index: 9999 !important; background: #fff4c5 !important; }
.es-original-header { position: relative !important; z-index: 30 !important; }
.es-oh-logo:after { z-index: 3 !important; }

/* 2026-11-05: Restore previously approved desktop spring EXACTLY.
   This override affects only desktop. Do not move the mobile logo. */
@media screen and (min-width: 768px) {
  body .es-original-header .es-oh-logo::after {
    content: '' !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    width: 250px !important;
    height: 250px !important;
    top: -25px !important;
    left: calc(100% + 48px) !important;
    background: url('/templates/esprings/img/bg_header_spring.png') center / contain no-repeat !important;
    transform: rotate(-31deg) !important;
    transform-origin: 0% 10% !important;
    pointer-events: none !important;
    z-index: 3 !important;
  }
  body .es-original-header .es-oh-call-note {
    position: absolute;
    left: 6.3%;
    top: 57px;
    font: 12px/1.2 Arial, sans-serif;
    color: #151515;
    white-space: nowrap;
  }
  body .es-original-header .es-oh-email-desktop {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 39px;
    color: #000;
  }
  body .es-original-header .es-oh-email-mobile {display: none !important;}
}

/* 2026-11-05: desktop only. Match the #fbc42c logo background,
   restore generous logo size, lower the spring without changing its rotation. */
@media screen and (min-width: 768px) {
  body .es-original-header { background: #fbc42c !important; }
  body .es-original-header .es-oh-logo {
    width: 360px !important;
    height: auto !important;
    top: 14px !important;
  }
  body .es-original-header .es-oh-logo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
  }
  body .es-original-header .es-oh-logo::after {
    top: 25px !important; /* 50 px below the previously tuned -25 px */
    width: 250px !important;
    height: 250px !important;
    left: calc(100% + 48px) !important;
    transform: rotate(-31deg) !important;
    transform-origin: 0% 10% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  body .es-original-header .es-oh-logo { width: 265px !important; top: 22px !important; }
}
/* Кнопка «Рассчитать стоимость» */
.bm-buttons .re-btn {
    background: #fbc42c !important;
    background-color: #fbc42c !important;
    color: #000 !important;
}

/* Existing yellow accent normalization only.
   These selectors targeted elements whose original color was yellow. */
#contact-cta {background-color:#fbc42c !important;}
.es-contacts-rebuild .es-contact-details .es-ci {color:#fbc42c !important;}
.es-contacts-rebuild .es-callback-card form button {background-color:#fbc42c !important;}
.block-mainform .vin-choices input {accent-color:#fbc42c !important;}