/* Shared chrome: scoped to the storefront header and footer. */
.f-header .f-header__container,
.f-header .f-topbar > .container-fluid,
.f-footer > .f-footer--middle > .container-fluid,
.f-footer > .f-footer--bottom > .container-fluid {
  width: 100%;
  max-width: 1530px;
  margin-inline: auto;
  padding-inline: clamp(24px, 4.5vw, 65px);
}
.f-header .f-header__inner { margin-inline: 0; min-height: 82px; gap: 24px; }
.f-header .logo-left-menu-center .f-header__left { flex: 0 0 auto; width: auto; }
.f-header .logo-left-menu-center .f-header__center { flex: 1 1 auto; min-width: 0; }
.f-header .logo-left-menu-center .f-header__right { flex: 0 0 auto; width: auto; gap: 14px; }
.f-header .f-header__desktop .f-logo { padding-inline: 0; }
.f-header .f-header__desktop .f-menu { --main-link-px: 12px; --main-link-py: 25px; flex-wrap: nowrap; font-size: 15px; }
.f-header .f-header__desktop { border-bottom: 1px solid #e4e9ed; }
.f-header .f-topbar { border-bottom: 1px solid #e3e9ee; background: #f2f5f7; color: #526479; }
.f-header .f-topbar__inner { min-height: 34px; gap: 24px; padding: 0; font-size: 12px; line-height: 1.5; }
.f-header .f-topbar__left { order: 2; width: auto; flex: 0 0 auto; gap: 20px; }
.f-header .f-topbar__center { order: 1; flex: 1 1 auto; text-align: left; }
.f-header .f-topbar__right { order: 3; width: auto; flex: 0 0 auto; }
.f-header .f-topbar__link { padding: 0; margin: 0; display: inline-flex; align-items: center; gap: 7px; }
.f-header .f-topbar svg { width: 13px; height: 13px; }
.f-header .f-topbar .social-media-links { margin: 0; }
.f-header .f-topbar a:hover { color: #b7491a; }
.f-header .mws-header-quote,
.f-footer .mws-footer-quote {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 44px; padding: 10px 18px; background: #bd481b; color: #fff;
  border: 1px solid #bd481b; border-radius: 3px; font-size: 14px; font-weight: 600;
  line-height: 1.4; text-decoration: none; white-space: nowrap;
  transition: background-color .18s, border-color .18s;
}
.f-header .mws-header-quote:hover,
.f-footer .mws-footer-quote:hover { background: #9f3c16; border-color: #9f3c16; color: #fff; }
.f-header .mws-header-quote svg { width: 15px; height: 15px; }
.f-header .mws-header-quote--mobile { display: none; }
.f-header a:focus-visible, .f-header button:focus-visible,
.f-footer a:focus-visible, .f-footer button:focus-visible { outline: 3px solid #ed955e; outline-offset: 4px; }
.f-footer { background: #14283f; border-top: 3px solid #bd481b; }
.f-footer .f-footer--middle .f-footer--accordion { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1.15fr; gap: 40px; margin: 0; }
.f-footer .f-footer--middle .f-footer--block { width: auto; min-width: 0; padding-block: 48px 36px; margin: 0; }
.f-footer .f-footer--middle .f-footer--block-inner { padding: 0; }
.f-footer .f-footer--middle .f-footer--block-title { margin-bottom: 19px; font-size: 14px; font-weight: 650; letter-spacing: .045em; text-transform: uppercase; line-height: 1.4; }
.f-footer .f-footer--middle .f-footer--block-content { color: #c9d5df; font-size: 14px; line-height: 1.65; }
.f-footer .f-footer--middle .f-footer--block-content .block-image { margin-bottom: 19px; }
.f-footer .f-footer--middle .f-footer--block-custom_text img { filter: brightness(0) invert(1); }
.f-footer .f-footer--middle .f-footer--block-content .block-text { margin-bottom: 16px; }
.f-footer .f-footer--middle .f-footer--block-content p { margin: 0 0 12px; }
.f-footer .f-footer--middle .f-footer--block ul li { margin: 0 0 9px; }
.f-footer .f-footer--middle .f-footer--block ul li:last-child { margin-bottom: 0; }
.f-footer .f-footer--middle .f-footer--block ul li a { color: #c9d5df; line-height: 1.55; }
.f-footer .f-footer--middle .f-footer--block ul li a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.f-footer .mws-footer-origin { color: #9fb3c6; font-size: 12px; }
.f-footer .mws-footer-quote { margin-top: 4px; min-height: 40px; padding: 8px 13px; font-size: 13px; }
.f-footer .mws-footer-contact { display: grid; gap: 13px; }
.f-footer .mws-footer-contact p { margin: 0; }
.f-footer .mws-footer-contact span { display: block; margin-bottom: 2px; color: #9fb3c6; font-size: 10px; font-weight: 600; letter-spacing: .09em; }
.f-footer .mws-footer-contact a { color: #eef3f7; text-decoration: none; overflow-wrap: anywhere; }
.f-footer .mws-footer-contact a:hover { text-decoration: underline; text-underline-offset: 4px; }
.f-footer .mws-footer-contact address { font-style: normal; line-height: 1.55; }
.f-footer .f-footer--bottom { padding: 0; }
.f-footer .f-footer--bottom-inner { padding: 19px 0 23px; border-top: 1px solid #33495f; font-size: 12px; color: #9fb3c6; }
.f-footer .f-footer--bottom-left { margin: 0; }
.f-footer .f-footer--bottom-right:empty,
.f-footer .f-footer--bottom-right:not(:has(*)) { display: none; }
.f-footer .f-footer__copyright { font-size: 12px; }
@media (min-width:1200px) and (max-width:1339px) {
  .f-header .f-header__inner { gap: 16px; }
  .f-header .f-header__desktop .f-menu { --main-link-px: 9px; font-size: 14px; }
  .f-header .f-header__desktop .f-logo a { width: 190px; }
  .f-header .f-header__container { padding-inline: 40px; }
  .f-header .f-header__right { gap: 10px; }
  .f-header .mws-header-quote { padding-inline: 13px; }
}
@media (max-width:1199px) {
  .f-header .f-topbar, .f-header .f-header__desktop { display: none; }
  .f-header .f-header__mobile {
    display: grid; grid-template-columns: 44px minmax(0,1fr) 104px;
    align-items: center; min-height: 72px; padding: 0 24px;
    border-bottom: 1px solid #e4e9ed;
  }
  .f-header .f-header__mobile .f-logo { width: auto; min-width: 0; padding: 0; justify-content: center; }
  .f-header .f-header__mobile .f-logo a { width: min(180px,100%); margin-inline: auto; }
  .f-header .f-header__mobile .f-menu-button { width: 44px; min-height: 44px; padding: 0; border: 0; background: transparent; align-items: center; }
  .f-header .f-header__mobile-right { width: 104px; gap: 6px; align-items: center; }
  .f-header .f-header__mobile-right > f-inquiry-icon-bubble { display: none; }
  .f-header .f-header__mobile-right f-search-popup { width: 36px; height: 44px; }
  .f-header .f-header__search-icon { border: 0; padding: 8px; background: transparent; }
  .f-header .f-header__search-icon svg { width: 19px; height: 19px; }
  .f-header .mws-header-quote--mobile { display: inline-flex; padding: 10px 12px; min-height: 40px; font-size: 13px; }
  .f-footer .f-footer--middle .f-footer--accordion { gap: 30px; }
  .f-footer .f-footer--middle .f-footer--block { padding-block: 38px 30px; }
}
@media (min-width:768px) and (max-width:1023px) {
  .f-footer .f-footer--middle .f-footer--accordion { grid-template-columns: 1fr 1fr; gap: 32px 48px; }
  .f-footer .f-footer--middle { padding-top: 40px; padding-bottom: 30px; }
  .f-footer .f-footer--middle .f-footer--block { padding: 0; }
}
@media (max-width:767px) {
  .f-header .f-header__mobile { min-height: 66px; padding-inline: 16px; }
  .f-header .f-header__mobile .f-logo a { width: min(166px,100%); }
  .f-footer > .f-footer--middle > .container-fluid,
  .f-footer > .f-footer--bottom > .container-fluid { padding-inline: 24px; }
  .f-footer .f-footer--middle { padding-block: 34px 24px; }
  .f-footer .f-footer--middle .f-footer--accordion { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px 20px; }
  .f-footer .f-footer--middle .f-footer--block { padding: 0; }
  .f-footer .f-footer--middle .f-footer--block-custom_text,
  .f-footer .f-footer--middle .f-footer--block-our_store { grid-column: 1 / -1; }
  .f-footer .f-footer--middle .f-footer--block-title { margin-bottom: 12px; padding-block: 0; font-size: 12px; }
  .f-footer .f-footer--middle .f-footer--block-content { font-size: 13px; }
  .f-footer .f-footer--middle .f-footer--block-custom_text .block-image { max-width: 205px !important; }
  .f-footer .f-footer--middle .f-footer--block-content .block-image { margin-bottom: 15px; }
  .f-footer .f-footer--middle .f-footer--block-custom_text .block-text { max-width: 38ch; }
  .f-footer .mws-footer-contact { grid-template-columns: 1fr 1fr; gap: 14px 20px; }
  .f-footer .mws-footer-contact .mws-contact-email,
  .f-footer .mws-footer-contact .mws-contact-address { grid-column: 1 / -1; }
  .f-footer .f-footer--bottom-inner { padding-block: 17px 24px; }
}
@media (prefers-reduced-motion:reduce) {
  .f-header .mws-header-quote, .f-footer .mws-footer-quote { transition: none; }
}
