"; position: absolute; left: 0; right: 100%; bottom: 3px; height: 1px; background: var(--gold); transition: right .2s ease; } .lhmf-main-nav a:hover, .lhmf-main-nav a.is-active { color: #fff; opacity: 1; } .lhmf-main-nav a:hover::after, .lhmf-main-nav a.is-active::after { right: 0; } .lhmf-sacred-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; padding-left: 19px; border-left: 1px solid rgba(255,247,236,.18); } .lhmf-action { appearance: none; -webkit-appearance: none; border: none; cursor: pointer; font-family: Inter, Arial, sans-serif; font-size: 11px; font-weight: 750; line-height: 1; letter-spacing: .075em; text-transform: uppercase; white-space: nowrap; border-radius: 999px; transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease; } .lhmf-oracle-action { padding: 11px 12px; color: var(--cream); background: transparent; border: 1px solid rgba(200,155,83,.55); } .lhmf-oracle-action:hover { border-color: var(--gold); color: #fff; transform: translateY(-1px); } .lhmf-quiz-action { padding: 12px 16px; color: var(--plum); background: var(--cream); border: 1px solid var(--cream); box-shadow: 0 6px 18px rgba(0,0,0,.14); } .lhmf-quiz-action:hover { background: #fff; border-color: #fff; transform: translateY(-1px); } .lhmf-menu-toggle { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid rgba(255,247,236,.28); border-radius: 50%; background: transparent; cursor: pointer; padding: 0; } .lhmf-menu-toggle-lines, .lhmf-menu-toggle-lines::before, .lhmf-menu-toggle-lines::after { width: 19px; height: 1.5px; background: var(--cream); display: block; position: relative; transition: transform .2s ease, opacity .2s ease; } .lhmf-menu-toggle-lines::before, .lhmf-menu-toggle-lines::after { content: ""; position: absolute; left: 0; } .lhmf-menu-toggle-lines::before { top: -6px; } .lhmf-menu-toggle-lines::after { top: 6px; } #lhmf-header.lhmf-mobile-open .lhmf-menu-toggle-lines { background: transparent; } #lhmf-header.lhmf-mobile-open .lhmf-menu-toggle-lines::before { top: 0; transform: rotate(45deg); } #lhmf-header.lhmf-mobile-open .lhmf-menu-toggle-lines::after { top: 0; transform: rotate(-45deg); } .lhmf-mobile-panel { display: none; } .lhmf-popup { position: fixed; inset: 0; z-index: 2147483646; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(25,14,21,.76); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } .lhmf-popup.is-open { display: flex; } .lhmf-popup-dialog { position: relative; width: min(560px, 100%); max-height: 92vh; overflow-y: auto; background: linear-gradient(180deg, rgba(255,255,255,.985), rgba(251,243,234,.985)); border: 1px solid rgba(200,155,83,.30); border-radius: 24px; padding: 18px; box-shadow: 0 30px 90px rgba(0,0,0,.30); } .lhmf-popup-close { position: absolute; top: 10px; right: 12px; z-index: 5; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border: none; border-radius: 50%; background: rgba(51,23,40,.08); color: #331728; cursor: pointer; font-size: 21px; line-height: 1; } .lhmf-popup-close:hover { background: rgba(185,120,130,.18); } .lhmf-popup-form { margin-top: 18px; border-radius: 18px; overflow: hidden; } .lhmf-popup-form iframe { width: 100%; height: 460px; border: none; border-radius: 12px; display: block; background: transparent; } body.lhmf-popup-open { overflow: hidden !important; } @media (max-width: 1210px) { .lhmf-header-inner { grid-template-columns: minmax(190px,230px) 1fr auto; gap: 16px; } .lhmf-brand img { width: 220px; height: 72px; } .lhmf-main-nav { gap: 14px; } .lhmf-main-nav a { font-size: 10.5px; letter-spacing: .05em; } .lhmf-action { font-size: 10px; letter-spacing: .05em; } .lhmf-quiz-action { padding-left: 13px; padding-right: 13px; } } @media (max-width: 1030px) { .lhmf-header-inner { min-height: 82px; grid-template-columns: 1fr auto; } .lhmf-brand img { width: 230px; height: 66px; } .lhmf-main-nav, .lhmf-sacred-actions { display: none; } .lhmf-menu-toggle { display: inline-flex; } .lhmf-mobile-panel { position: absolute; top: 100%; left: 0; right: 0; display: block; max-height: 0; overflow: hidden; visibility: hidden; opacity: 0; background: linear-gradient(180deg, rgba(51,23,40,.995), rgba(29,11,23,.995)); border-top: 1px solid rgba(200,155,83,.20); box-shadow: 0 18px 36px rgba(29,11,23,.18); transition: max-height .28s ease, opacity .2s ease, visibility .2s ease; } #lhmf-header.lhmf-mobile-open .lhmf-mobile-panel { max-height: 680px; visibility: visible; opacity: 1; } .lhmf-mobile-nav { width: min(720px, calc(100% - 34px)); margin: 0 auto; padding: 18px 0 22px; display: grid; gap: 0; } .lhmf-mobile-nav a { color: var(--cream); font-size: 13px; font-weight: 620; letter-spacing: .075em; text-transform: uppercase; padding: 15px 4px; border-bottom: 1px solid rgba(255,247,236,.10); } .lhmf-mobile-sacred { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; } .lhmf-mobile-sacred .lhmf-action { width: 100%; min-height: 46px; } } @media (max-width: 560px) { .lhmf-header-inner { width: min(100% - 22px,1460px); min-height: 76px; } .lhmf-brand img { width: 198px; height: 60px; } .lhmf-mobile-nav { width: min(100% - 28px,720px); } .lhmf-mobile-sacred { grid-template-columns: 1fr; } .lhmf-popup { padding: 10px; } .lhmf-popup-dialog { padding: 14px; border-radius: 20px; } .lhmf-popup-form iframe { height: 500px; } }