/* Pilot components. No homepage or main-content selectors belong here. */
#amHeader, #amFooter {
    --am-grad: linear-gradient(90deg, #e7005a 0%, #ff4b00 100%) !important;
    --am-red: #e7005a !important; --am-ink: #1b1422 !important; --am-peach: #fdf0e7 !important;
    --am-line: #efe4dc !important; --am-header-h: 76px !important;
    --am-font-head: Poppins, system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
    --am-font-body: Questrial, system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
    font-family: var(--am-font-head) !important; font-size: 14px !important;
    font-weight: 400 !important; font-style: normal !important; line-height: 1.4 !important;
    letter-spacing: normal !important; text-transform: none !important;
}
#amHeader, #amHeader *, #amHeader *::before, #amHeader *::after,
#amFooter, #amFooter *, #amFooter *::before, #amFooter *::after { box-sizing: border-box !important; }
#amHeader *, #amFooter * {
    font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important;
    font-style: inherit !important; line-height: inherit !important; color: inherit !important;
    letter-spacing: inherit !important; text-transform: none !important;
}
#amHeader a, #amFooter a { text-decoration: none !important; }
/* Explicit exceptions: fixed-header reservation; scroll lock only while its menu is open. */
body.am-scoped-shell-body { padding-top: 76px !important; }
html.am-shell-menu-lock, body.am-shell-menu-lock { overflow: hidden !important; overscroll-behavior: none !important; }

#amHeader {
    display: block !important;
    position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important;
    max-width: 100vw !important; height: var(--am-header-h) !important; z-index: 1030 !important;
    margin: 0 !important; padding: 0 !important; color: var(--am-ink) !important;
    background: rgba(255,255,255,.92) !important; border: 0 !important;
    border-bottom: 1px solid transparent !important;
    -webkit-backdrop-filter: saturate(180%) blur(14px) !important; backdrop-filter: saturate(180%) blur(14px) !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}
#amHeader.is-scrolled { border-bottom-color: var(--am-line) !important; box-shadow: 0 8px 24px -20px rgba(0,0,0,.35) !important; }
#amHeader .am-container { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 0 24px !important; }
#amHeader .am-header__inner { display: flex !important; align-items: center !important; gap: 28px !important; height: var(--am-header-h) !important; }
#amHeader .am-logo { display: block !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; }
#amHeader .am-logo img { display: block !important; height: 34px !important; width: auto !important; max-width: 100% !important; }
#amHeader .am-nav { flex: 1 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; }
#amHeader .am-menu { display: flex !important; align-items: center !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
#amHeader .am-menu__item { position: relative !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
#amHeader .am-menu__link {
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    height: 42px !important; padding: 0 14px !important; margin: 0 !important;
    border: 0 !important; border-radius: 999px !important; background: transparent !important;
    cursor: pointer !important; font-size: 15px !important; font-weight: 400 !important;
    line-height: 1 !important; color: var(--am-ink) !important;
    transition: background-color .2s ease, color .2s ease !important;
}
#amHeader .am-menu__link:hover, #amHeader .am-has-sub.is-open > .am-menu__link { background: var(--am-peach) !important; }
#amHeader svg { display: block !important; max-width: 100% !important; }
#amHeader .am-chev {
    width: 12px !important; height: 12px !important; fill: none !important; stroke: currentColor !important;
    stroke-width: 2.2 !important; stroke-linecap: round !important; stroke-linejoin: round !important;
    transition: transform .2s ease !important;
}
#amHeader .am-has-sub.is-open > button .am-chev { transform: rotate(180deg) !important; }
#amHeader .am-sub {
    position: absolute !important; top: calc(100% + 10px) !important; left: 0 !important;
    z-index: 5 !important; min-width: 230px !important; padding: 8px !important; margin: 0 !important;
    background: #fff !important; border: 1px solid var(--am-line) !important; border-radius: 16px !important;
    box-shadow: 0 34px 64px -28px rgba(120,24,44,.32) !important;
    opacity: 0 !important; visibility: hidden !important; transform: translateY(6px) !important;
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease !important;
}
#amHeader .am-sub::before { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: -12px !important; height: 12px !important; }
#amHeader .am-sub a { display: block !important; padding: 10px 14px !important; margin: 0 !important; border-radius: 10px !important; font-size: 15px !important; color: var(--am-ink) !important; }
#amHeader .am-sub a:hover { background: var(--am-peach) !important; color: var(--am-red) !important; }
#amHeader .am-sub--grid { display: grid !important; grid-template-columns: 1fr 1fr !important; min-width: 360px !important; }
#amHeader .am-sub--right { left: auto !important; right: 0 !important; }
#amHeader .am-has-sub.is-open > .am-sub { opacity: 1 !important; visibility: visible !important; transform: none !important; }
#amHeader .am-nav__actions { display: flex !important; align-items: center !important; gap: 8px !important; }
#amHeader .am-btn {
    display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important;
    height: 44px !important; padding: 0 20px !important; margin: 0 !important; border: 0 !important;
    border-radius: 999px !important; cursor: pointer !important; white-space: nowrap !important;
    font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}
#amHeader .am-btn--grad { background: var(--am-grad) !important; color: #fff !important; box-shadow: 0 12px 24px -12px rgba(231,0,90,.65) !important; }
#amHeader .am-btn--grad:hover { transform: translateY(-2px) !important; }
#amHeader .am-btn--ghost { background: transparent !important; color: var(--am-ink) !important; }
#amHeader .am-btn--ghost:hover { background: var(--am-peach) !important; }
#amHeader .am-burger { display: none !important; position: relative !important; flex: 0 0 auto !important; margin: 0 0 0 auto !important; padding: 0 !important; width: 46px !important; height: 46px !important; border: 0 !important; border-radius: 12px !important; background: var(--am-peach) !important; cursor: pointer !important; }
#amHeader .am-burger span { position: absolute !important; left: 13px !important; right: 13px !important; height: 2px !important; border-radius: 2px !important; background: var(--am-ink) !important; transition: transform .25s ease, opacity .2s ease !important; }
#amHeader .am-burger span:nth-child(1) { top: 16px !important; }
#amHeader .am-burger span:nth-child(2) { top: 22px !important; }
#amHeader .am-burger span:nth-child(3) { top: 28px !important; }
#amHeader .am-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg) !important; }
#amHeader .am-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0 !important; }
#amHeader .am-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg) !important; }
#amHeader a:focus:not(:focus-visible), #amHeader button:focus:not(:focus-visible) { outline: 0 !important; box-shadow: none !important; }
#amHeader a:focus-visible, #amHeader button:focus-visible, #amFooter a:focus-visible { outline: 2px solid var(--am-red) !important; outline-offset: 3px !important; }

#amFooter { background: #17111c !important; color: #9ea2ab !important; padding: 0 !important; margin: 0 !important; }
#amFooter .container { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 0 24px !important; }
#amFooter .footer-area { padding: 40px 0 0 !important; }
#amFooter .footer-content { margin: 0 !important; padding: 0 !important; overflow: visible !important; }
#amFooter img { display: block !important; max-width: 100% !important; height: auto !important; }
#amFooter p { font-family: var(--am-font-body) !important; font-size: 14px !important; line-height: 1.4 !important; margin: 0 0 10px !important; }
#amFooter ul, #amFooter li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
#amFooter .footer-list { float: none !important; width: 100% !important; }
#amFooter .footer-list li { margin: 0 0 10px !important; }
#amFooter .footer-list li:last-child { margin: 0 !important; }
#amFooter .footer-list a { display: block !important; font-size: 14px !important; line-height: 1.4 !important; color: #9ea2ab !important; margin: 0 !important; padding: 0 !important; }
#amFooter a:hover { color: #fff !important; }
#amFooter .footer-head h4 { margin: 0 0 12px !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; color: #fff !important; text-transform: uppercase !important; }
#amFooter .services-f-col-h4 { min-height: 16px !important; }
#amFooter .social-media-icons { display: flex !important; align-items: center !important; gap: 8px !important; }
#amFooter .social-media-icons a { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; min-width: 32px !important; height: 32px !important; padding: 8px !important; margin: 0 !important; border-radius: 50% !important; background: #26242e !important; }
#amFooter .social-media-icons i { font-family: FontAwesome !important; font-size: 13px !important; line-height: 1 !important; color: #fff !important; }
#amFooter .btn-click {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    height: auto !important; padding: 4px 12px !important; margin: 0 !important;
    color: #fff !important; border: 1px solid #fff !important; border-radius: 100px !important;
    font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important;
}
#amFooter .footer-row-1 { display: grid !important; grid-template-columns: minmax(0,2.5fr) minmax(0,7.5fr) !important; gap: 20px !important; }
#amFooter .footer-row-2 { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 20px !important; }
#amFooter .footer-row-3 { display: grid !important; grid-template-columns: minmax(0,4fr) minmax(0,6fr) !important; gap: 20px !important; }
#amFooter .footer-col { min-width: 0 !important; }
#amFooter .footer-area-bottom { background: transparent !important; border-top: 1px solid #34333e !important; padding: 12px 0 !important; margin: 40px 0 0 !important; }
#amFooter .footer-list-bottom { display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 20px !important; }
#amFooter .footer-list-bottom a, #amFooter .footer-area-bottom-p { font-size: 13px !important; line-height: 1.4 !important; margin: 0 !important; color: #9ea2ab !important; }
#amFooter .d-phone-block { display: none !important; }
#amFooter .d-phone-none, #amFooter .d-block { display: block !important; }
#amFooter .mt-20, #amFooter .footer-head .mt-20 { margin-top: 20px !important; }
#amFooter .mb-20 { margin-bottom: 20px !important; }
#amFooter .mb-4 { margin-bottom: 4px !important; }

@media (hover: hover) and (min-width: 1025px) {
    #amHeader .am-has-sub:hover > .am-sub { opacity: 1 !important; visibility: visible !important; transform: none !important; }
    #amHeader .am-has-sub:hover > .am-menu__link { background: var(--am-peach) !important; }
    #amHeader .am-has-sub:hover > button .am-chev { transform: rotate(180deg) !important; }
}
@media (max-width: 1140px) { #amHeader .am-menu__link { padding: 0 11px !important; } }
@media (max-width: 1024px) {
    #amHeader { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
    #amHeader .am-burger { display: block !important; }
    #amHeader .am-btn--ghost { background: var(--am-peach) !important; }
    #amHeader .am-nav {
        position: fixed !important; top: var(--am-header-h) !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
        width: 100% !important; max-width: 100vw !important; flex-direction: column !important;
        align-items: stretch !important; justify-content: flex-start !important; gap: 20px !important;
        padding: 16px 24px 32px !important; overflow-y: auto !important; overscroll-behavior: contain !important;
        background: #fff !important; border-top: 1px solid var(--am-line) !important;
        opacity: 0 !important; visibility: hidden !important; transform: translateY(-8px) !important;
        transition: opacity .2s ease, visibility .2s ease, transform .2s ease !important;
    }
    #amHeader .am-nav.is-open { opacity: 1 !important; visibility: visible !important; transform: none !important; }
    #amHeader .am-menu { flex-direction: column !important; align-items: stretch !important; gap: 0 !important; }
    #amHeader .am-menu > li { border-bottom: 1px solid var(--am-line) !important; }
    #amHeader .am-menu__link { width: 100% !important; justify-content: space-between !important; height: 50px !important; padding: 0 4px !important; border-radius: 0 !important; font-size: 17px !important; }
    #amHeader .am-sub, #amHeader .am-sub--grid { position: static !important; display: none !important; min-width: 0 !important; padding: 0 0 12px !important; border: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
    #amHeader .am-sub::before { display: none !important; }
    #amHeader .am-has-sub.is-open > .am-sub { display: grid !important; grid-template-columns: 1fr !important; }
    #amHeader .am-nav__actions { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
    #amHeader .am-nav__actions .am-btn { width: 100% !important; height: 50px !important; }
}
@media (max-width: 991px) {
    #amFooter .footer-list-bottom { justify-content: flex-start !important; }
    #amFooter .footer-row-1, #amFooter .footer-row-3 { grid-template-columns: 1fr !important; }
    #amFooter .footer-row-1 { gap: 40px !important; }
    #amFooter .footer-row-3 { gap: 16px !important; }
    #amFooter .f-order-tab-1 { order: 1 !important; }
    #amFooter .f-order-tab-2 { order: 2 !important; }
}
@media (max-width: 767px) {
    #amHeader .am-container, #amFooter .container { padding: 0 20px !important; }
    #amFooter .footer-row-2 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    #amFooter .f-order-1 { order: 1 !important; }
    #amFooter .f-order-2 { order: 2 !important; }
    #amFooter .f-order-3 { order: 3 !important; }
    #amFooter .f-order-4 { order: 4 !important; }
    #amFooter .footer-list-bottom { flex-wrap: wrap !important; gap: 2px 16px !important; }
    #amFooter .d-phone-block { display: block !important; }
    #amFooter .d-phone-none { display: none !important; }
    #amFooter .mb-phone-20 { margin-bottom: 20px !important; }
    #amFooter .mt-phone-16, #amFooter .footer-head .mt-phone-16 { margin-top: 16px !important; }
}
