/* =========================================================
   LigaHosting.ro own design - template: ligahosting-redesign.zip (2026-11-02), extracted in /root/ro-redesign/src.
   Navy #080a13 + periwinkle accents, DM Sans text / Manrope headings, 22px header shell, 12px buttons.
   GENERATED - do not edit here. Source: /root/ro-redesign/build/src/*.css, build: python3 /root/ro-redesign/build/build.py
   (every selector is prefixed with `html body:not(#lh-ro)` and every declaration gets !important).
   Fonts: set --ro-font (never font-family) on an element; the global text rule reads it.
   ========================================================= */
/* ---- 00-fonts.css ---- */
@font-face {font-family: 'DM Sans'; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/dm-sans/dm-sans-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'DM Sans'; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/dm-sans/dm-sans-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Manrope RO'; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/manrope/manrope-var-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Manrope RO'; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/manrope/manrope-var-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* ---- 05-width.css ---- */
html body:not(#lh-ro) main > div { width: min(1320px, calc(100% - 32px)) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important }
html body:not(#lh-ro) main .workspace-page.workspace-page > div { width: 100% !important }
html body:not(#lh-ro) main :is(.lh-store-catalog, .lh-contact-page) > div.max-w-screen-2xl { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important }
html body:not(#lh-ro) main .lh-store-config .lh-config-shell { max-width: none !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important }
html body:not(#lh-ro) .lh-footer.ro-footer :is(.ro-footer-top, .ro-footer-bar) { --ro-fpad: 0px; width: min(1320px, calc(100% - 32px)) !important; max-width: none !important }
html body:not(#lh-ro) main > div { padding-top: 0 !important }
html body:not(#lh-ro) main > div > section:is(.workspace-page, .shop-page, .lh-contact-page) { padding-top: 18px !important }
html body:not(#lh-ro) main .ro-hero { padding-top: 18px !important; min-height: 0 !important }
html body:not(#lh-ro) main > div > section:is(.lh-store-catalog, .lh-store-config, .lh-contact-page, .lh-news-detail-page, .lh-invoice-detail-page) { padding-top: 28px !important }
html body:not(#lh-ro) main > div > section:is(.lh-service-view, .lh-ticket-detail-page) { padding-top: 26px !important }
html body:not(#lh-ro) main .ro-hero { padding-top: 28px !important }
/* ---- 10-base.css ---- */
:root { --ro-title-size: clamp(30px, calc(1.05rem + 1.65vw), 46px); --ro-sans: 'DM Sans', system-ui, -apple-system, "Segoe UI", sans-serif; --ro-display: 'Manrope RO', 'DM Sans', system-ui, sans-serif; --ro-accent: linear-gradient(100deg, #d9dcff 0%, #9297ff 58%, #7378e9 100%); --ro-blue: #969bff; --ro-blue-strong: #777cf5; --ro-card: linear-gradient(145deg, rgba(17, 21, 40, .96), rgba(10, 13, 26, .94)); --ro-card-soft: linear-gradient(150deg, #14182a, #0e1120); --ro-border: #252b47; --v2-bg: #080a13; --v2-text: #f4f5ff; --v2-muted: #a4abc0; --v2-faint: #858da8; --v2-line: #252b47; --v2-line2: #353c5c; --v2-lavender: #969bff; --v2-soft: #a7a9ff; --v2-lilac: #777cf5; --v2-card: linear-gradient(145deg, rgba(17, 21, 40, .96), rgba(10, 13, 26, .94)) }
html:has(> body.app-shell), html:has(> body.app-shell-public) { background: radial-gradient(ellipse at 14% 4%, rgba(73, 76, 157, .18), transparent 32%), radial-gradient(ellipse at 92% 36%, rgba(48, 61, 116, .13), transparent 34%), #080a13 !important; background-attachment: fixed !important }
html body:is(.app-shell, .app-shell-public):not(#lh-ro)::before { display: none !important }
html body:is(.app-shell, .app-shell-public):not(#lh-ro) { --ro-font: var(--ro-sans); font-family: var(--ro-font) !important; color: #f4f5ff !important }
html body:not(#lh-ro) :is(h5, h6, p, a, span, div, li, td, th, label, small, strong, b, em, button, input, select, textarea, dt, dd, summary, blockquote, section, article, aside, nav, header, footer, main, form):not(.fa):not(.fas):not(.far):not(.fab):not([class*=" fa-"]):not([class^="fa-"]) { font-family: var(--ro-font) !important }
html body:not(#lh-ro) :is(h1, h2, h3, h4) { --ro-font: var(--ro-display); font-family: var(--ro-font) !important }
html body:not(#lh-ro) :is(code, pre, kbd, samp) { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace !important }
html body:not(#lh-ro) main :is(h1, h2):not(:is([class*="card"], [class*="sd-"], .glass-card, article, aside, form) :is(h1, h2)) { font-weight: 600 !important; letter-spacing: -.05em !important; line-height: 1.13 !important; color: #f4f5ff !important }
html body:not(#lh-ro) main h1:not(:is([class*="card"], [class*="sd-"], .glass-card, article, aside, form) h1) { font-size: var(--ro-title-size) !important; letter-spacing: -.05em !important }
html body:not(#lh-ro) main :is(h3, h4) { letter-spacing: -.01em !important }
html body:not(#lh-ro) .lh-ro-accent { background: var(--ro-accent) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important }
html body:not(#lh-ro) .lh-eyebrow.lh-eyebrow { color: #969bff !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .19em !important; text-transform: uppercase !important }
html body:not(#lh-ro) .lh-eyebrow.lh-eyebrow::before { background: #777cf5 !important; opacity: 1 !important; width: 23px !important; height: 1px !important }
html body:not(#lh-ro) :is(.btn-gradient, .lh-button-primary, .btn-primary, .sd-order) { background: #f0f1ff !important; border-color: #f0f1ff !important; color: #111426 !important; border-radius: 12px !important; font-weight: 800 !important; transition: .22s !important }
html body:not(#lh-ro) :is(.btn-gradient, .lh-button-primary, .btn-primary, .sd-order):hover { background: #ffffff !important; box-shadow: 0 9px 28px #888bff33 !important; transform: translateY(-2px) !important }
html body:not(#lh-ro) :is(.lh-button-secondary, .btn-secondary) { border: 1px solid #353c5c !important; background: #ffffff04 !important; color: #e5e7ff !important; border-radius: 12px !important; font-weight: 800 !important }
html body:not(#lh-ro) :is(.lh-button-secondary, .btn-secondary):hover { border-color: #777cf5 !important; background: #777cf510 !important }
html body:not(#lh-ro) .lh-sale-banner.lh-sale-banner { border: 1px solid #303654 !important; border-radius: 18px !important; background: radial-gradient(ellipse at 85% 30%, rgba(245, 197, 24, .09), transparent 40%), linear-gradient(110deg, #14182b, #0d1120) !important; box-shadow: none !important }
html body:not(#lh-ro) .lh-sale-banner .lh-sale-copy > span { color: #f5c518 !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .19em !important; text-transform: uppercase !important }
html body:not(#lh-ro) .lh-sale-banner .lh-sale-copy > strong { --ro-font: var(--ro-display); font-weight: 600 !important; letter-spacing: -.04em !important; color: #f4f5ff !important }
html body:not(#lh-ro) .lh-sale-banner .lh-sale-copy > small { color: #8e97b0 !important; font-size: 12px !important }
html body:not(#lh-ro) .lh-sale-banner .lh-sale-timer { border: 1px solid #353c5c !important; background: #ffffff04 !important; border-radius: 12px !important; color: #f5d36b !important; font-size: 12px !important; font-weight: 800 !important; box-shadow: none !important }
html body:not(#lh-ro) :is(button, [role="button"], input[type="submit"], input[type="button"], input[type="reset"], summary, select, label[for], input[type="checkbox"], input[type="radio"]):not(:disabled) { cursor: pointer !important }
html body:not(#lh-ro) :is(button, input, select):disabled,
html body:not(#lh-ro) :is(button, a).cursor-not-allowed { cursor: not-allowed !important }
/* ---- 20-header.css ---- */
html body:not(#lh-ro) .lh-public-header.lh-public-header { height: auto !important; min-height: 70px !important; margin-top: 18px !important; border: 1px solid rgba(133, 145, 199, .16) !important; background: rgba(12, 15, 29, .78) !important; -webkit-backdrop-filter: blur(20px) !important; backdrop-filter: blur(20px) !important; border-radius: 22px !important; box-shadow: 0 14px 50px rgba(0, 0, 0, .2) !important }
html body:not(#lh-ro) .lh-public-header .lh-header-shell { min-height: 70px !important; padding-left: 25px !important; padding-right: 25px !important; column-gap: 38px !important }
html body:not(#lh-ro) .ro-brand { display: flex !important; align-items: center !important; gap: 10px !important; --ro-font: var(--ro-display); font-size: 17px !important; font-weight: 800 !important; letter-spacing: .035em !important; line-height: 1 !important; color: #f4f5ff !important; white-space: nowrap !important; text-decoration: none !important }
html body:not(#lh-ro) .ro-brand-mark { width: 29px !important; height: 29px !important; flex: 0 0 29px !important; border-radius: 9px !important; display: grid !important; place-items: center !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: -.06em !important; color: #fff !important; background: linear-gradient(145deg, #a5a8ff, #6268ee) !important; box-shadow: 0 5px 18px #656bf044 !important }
html body:not(#lh-ro) .ro-brand-word { color: #f4f5ff !important; font-weight: 800 !important }
html body:not(#lh-ro) .ro-brand-word > span { font-weight: 500 !important; color: #aeb4d1 !important }
html body:not(#lh-ro) .lh-public-header .lh-primary-nav.lh-primary-nav { gap: 7px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important }
html body:not(#lh-ro) .lh-public-header .lh-primary-nav .lh-primary-nav-link.lh-primary-nav-link { color: #9da5bc !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0 !important; padding: 11px 13px !important; border-radius: 10px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; transition: .2s !important }
html body:not(#lh-ro) .lh-public-header .lh-primary-nav .lh-primary-nav-link.lh-primary-nav-link:hover { color: #fff !important; background: #ffffff0c !important }
html body:not(#lh-ro) .lh-public-header .lh-primary-nav .lh-primary-nav-link.lh-primary-nav-link.is-active { color: #f4f5ff !important; background: rgba(119, 124, 245, .12) !important; box-shadow: inset 0 0 0 1px rgba(119, 124, 245, .22) !important }
html body:not(#lh-ro) .lh-public-header .lh-primary-nav .lh-primary-nav-link.lh-primary-nav-link.is-active :is(i, svg) { color: #969bff !important }
html body:not(#lh-ro) .lh-public-header .lh-primary-nav .lh-primary-nav-link.lh-primary-nav-link > i { color: #a7a9ff !important }
html body:not(#lh-ro) .lh-public-header .lh-account-actions.lh-account-actions { gap: 16px !important }
html body:not(#lh-ro) .lh-public-header .lh-account-actions > a.ro-login-link { display: inline-flex !important; align-items: center !important; gap: 4px !important; color: #9da5bc !important; font-size: 12px !important; font-weight: 600 !important; padding: 11px 13px !important; border-radius: 10px !important; background: transparent !important; border: 0 !important; text-decoration: none !important; transition: .2s !important }
html body:not(#lh-ro) .lh-public-header .lh-account-actions > a.ro-login-link > span { color: #a7a9ff !important }
html body:not(#lh-ro) .lh-public-header .lh-account-actions > a.ro-login-link:hover { color: #fff !important; background: #ffffff0c !important }
html body:not(#lh-ro) .lh-public-header .lh-account-actions > a.ro-nav-cta { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: #f1f2ff !important; color: #111426 !important; font-size: 12px !important; font-weight: 800 !important; padding: 12px 16px !important; border-radius: 11px !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; transition: .2s !important }
html body:not(#lh-ro) .lh-public-header .lh-account-actions > a.ro-nav-cta > span { color: #111426 !important }
html body:not(#lh-ro) .lh-public-header .lh-account-actions > a.ro-nav-cta:hover { transform: translateY(-2px) !important; box-shadow: 0 9px 28px #888bff33 !important }
html body:not(#lh-ro) .lh-public-header .lh-account-actions > :is(a.lh-admin-btn, button.lh-season-btn, button.lh-menu-button),
html body:not(#lh-ro) .lh-public-header #notifDropdownBtn,
html body:not(#lh-ro) .lh-public-header .lh-user-menu > summary { border: 1px solid #2b3150 !important; background: #121628 !important; border-radius: 10px !important; box-shadow: none !important }
html body:not(#lh-ro) .lh-public-header .lh-account-actions > :is(a.lh-admin-btn, button.lh-menu-button),
html body:not(#lh-ro) .lh-public-header #notifDropdownBtn,
html body:not(#lh-ro) .lh-public-header .lh-user-menu > summary { color: #c5c9df !important }
html body:not(#lh-ro) .lh-public-header .lh-account-actions > :is(a.lh-admin-btn, button.lh-season-btn, button.lh-menu-button):hover,
html body:not(#lh-ro) .lh-public-header #notifDropdownBtn:hover,
html body:not(#lh-ro) .lh-public-header .lh-user-menu > summary:hover { border-color: #3a4170 !important; background: #171b30 !important; color: #fff !important }
html body:not(#lh-ro) .lh-public-header .lh-user-menu .lh-user-avatar { background: linear-gradient(145deg, #a5a8ff, #6268ee) !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-weight: 800 !important }
html body:not(#lh-ro) .lh-public-header .lh-user-menu .lh-user-name { color: #e5e7ff !important; font-size: 12px !important; font-weight: 600 !important }
html body:not(#lh-ro) .lh-public-header :is(.lh-user-dropdown, .lh-mobile-menu, #notifDropdown) { border: 1px solid #282e47 !important; background: #101426 !important; border-radius: 14px !important; box-shadow: 0 25px 80px rgba(0, 0, 0, .35) !important }
html body:not(#lh-ro) .lh-public-header .lh-user-dropdown > a { color: #c5c9df !important; font-size: 13px !important; border-radius: 10px !important }
html body:not(#lh-ro) .lh-public-header .lh-user-dropdown > a:hover { color: #fff !important; background: #ffffff0c !important }
html body:not(#lh-ro) .lh-public-header .lh-user-dropdown .lh-user-info { border-color: #252b41 !important }
html body:not(#lh-ro) .lh-public-header .lh-user-dropdown .lh-user-info b { color: #a7a9ff !important }
html body:not(#lh-ro) .lh-public-header .lh-mobile-menu .lh-mobile-nav-link { color: #c5c9df !important; font-size: 13px !important; font-weight: 600 !important; padding: 11px !important; border-radius: 10px !important; background: transparent !important; border: 0 !important }
html body:not(#lh-ro) .lh-public-header .lh-mobile-menu .lh-mobile-nav-link:hover { color: #fff !important; background: #ffffff0c !important }
html body:not(#lh-ro) .lh-public-header .lh-mobile-menu .lh-mobile-nav-link.is-active { color: #f4f5ff !important; background: rgba(119, 124, 245, .12) !important; box-shadow: inset 0 0 0 1px rgba(119, 124, 245, .22) !important }
html body:not(#lh-ro) .lh-public-header .lh-mobile-menu .lh-mobile-nav-link.is-active :is(i, svg) { color: #969bff !important }
html body:not(#lh-ro) .lh-public-header .lh-mobile-menu .lh-mobile-nav-link > i { color: #a7a9ff !important }
@media (max-width: 1050px) {
html body:not(#lh-ro) .lh-public-header .lh-header-shell { column-gap: 18px !important; padding-left: 18px !important; padding-right: 18px !important }
html body:not(#lh-ro) .lh-public-header .lh-primary-nav.lh-primary-nav { gap: 0 !important }
html body:not(#lh-ro) .lh-public-header .lh-primary-nav .lh-primary-nav-link.lh-primary-nav-link { padding: 10px 8px !important; font-size: 11px !important }
}
@media (max-width: 800px) {
html body:not(#lh-ro) .lh-public-header.lh-public-header { min-height: 62px !important; margin-top: 12px !important; border-radius: 17px !important }
html body:not(#lh-ro) .lh-public-header .lh-header-shell { min-height: 62px !important; padding-left: 15px !important; padding-right: 12px !important }
}
@media (max-width: 640px) {
html body:not(#lh-ro) .lh-public-header .lh-account-actions > a.ro-login-link { display: none !important }
html body:not(#lh-ro) .lh-public-header .lh-account-actions.lh-account-actions { gap: 8px !important }
html body:not(#lh-ro) .lh-public-header .lh-account-actions > a.ro-nav-cta { padding: 10px 12px !important }
}
@media (max-width: 420px) {
html body:not(#lh-ro) .ro-brand { font-size: 14px !important; gap: 8px !important }
html body:not(#lh-ro) .ro-brand-mark { width: 26px !important; height: 26px !important; flex-basis: 26px !important }
html body:not(#lh-ro) .lh-public-header .lh-account-actions > a.ro-nav-cta { padding: 9px 10px !important; font-size: 11px !important }
}
@media (max-width: 480px) {
html body:not(#lh-ro) .lh-public-header .lh-account-actions > button.lh-season-btn { display: none !important }
html body:not(#lh-ro) .lh-public-header .lh-header-shell { column-gap: 8px !important }
}
html body:not(#lh-ro) .lh-public-header.lh-public-header::after,
html body:not(#lh-ro) .lh-public-header.lh-public-header::before { display: none !important }
html body:not(#lh-ro) .lh-public-header #notifDropdownBtn#notifDropdownBtn,
html body:not(#lh-ro) .lh-public-header .lh-account-actions > a.lh-admin-btn.lh-admin-btn,
html body:not(#lh-ro) .lh-public-header .lh-account-actions > button.lh-season-btn.lh-season-btn { border-radius: 10px !important }
/* ---- 30-home.css ---- */
html body:not(#lh-ro) .ro-home { color: #f4f5ff !important }
html body:not(#lh-ro) .ro-home :is(h1, h2, h3, p) { margin: 0 !important; padding: 0 !important }
html body:not(#lh-ro) .ro-home h2::after { display: none !important }
html body:not(#lh-ro) .ro-home a { text-decoration: none !important }
html body:not(#lh-ro) .ro-eyebrow { display: flex !important; align-items: center !important; gap: 10px !important; color: #969bff !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .19em !important; line-height: 1.4 !important }
html body:not(#lh-ro) .ro-eyebrow-line { width: 23px !important; height: 1px !important; flex: 0 0 23px !important; background: #777cf5 !important }
html body:not(#lh-ro) .ro-eyebrow-dot { color: #596080 !important }
html body:not(#lh-ro) .ro-home :is(h1, h2) > span { background: var(--ro-accent) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important }
html body:not(#lh-ro) .ro-hero { position: relative !important; display: grid !important; grid-template-columns: 1.05fr .95fr !important; gap: 80px !important; align-items: center !important; padding-top: 70px !important; padding-bottom: 116px !important; min-height: 610px !important }
html body:not(#lh-ro) .ro-hero h1 { font-size: clamp(42px, 4.1vw, 59px) !important; font-weight: 600 !important; line-height: 1.13 !important; letter-spacing: -.055em !important; margin: 25px 0 19px !important; color: #f4f5ff !important }
html body:not(#lh-ro) .ro-hero-description { font-size: 15px !important; line-height: 1.85 !important; color: #a4abc0 !important; max-width: 490px !important }
html body:not(#lh-ro) .ro-hero-buttons { display: flex !important; gap: 12px !important; margin-top: 29px !important }
html body:not(#lh-ro) .ro-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; padding: 14px 19px !important; border-radius: 12px !important; text-decoration: none !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; transition: .22s !important }
html body:not(#lh-ro) .ro-button-primary { background: #f0f1ff !important; color: #111426 !important; border: 0 !important }
html body:not(#lh-ro) .ro-button-primary > span { color: #111426 !important }
html body:not(#lh-ro) .ro-button-primary:hover { transform: translateY(-2px) !important; box-shadow: 0 9px 28px #888bff33 !important; color: #111426 !important }
html body:not(#lh-ro) .ro-button-secondary { border: 1px solid #353c5c !important; color: #e5e7ff !important; background: #ffffff04 !important }
html body:not(#lh-ro) .ro-button-secondary:hover { border-color: #777cf5 !important; background: #777cf510 !important; color: #fff !important }
html body:not(#lh-ro) .ro-play-icon { color: #a6a9ff !important }
html body:not(#lh-ro) .ro-trust-row { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 10px !important; margin-top: 45px !important; max-width: 570px !important }
html body:not(#lh-ro) .ro-trust-item { border: 1px solid #252b43 !important; background: linear-gradient(145deg, #111525b8, #0d1020b8) !important; border-radius: 13px !important; padding: 14px 12px !important; display: flex !important; align-items: center !important; gap: 11px !important; min-width: 0 !important }
html body:not(#lh-ro) .ro-trust-icon,
html body:not(#lh-ro) .ro-feature-icon { width: 32px !important; height: 32px !important; flex: 0 0 32px !important; border-radius: 9px !important; border: 1px solid #343b65 !important; background: #171b35 !important; display: grid !important; place-items: center !important; color: #a3a6ff !important; font-size: 13px !important }
html body:not(#lh-ro) .ro-trust-icon > i,
html body:not(#lh-ro) .ro-feature-icon > i,
html body:not(#lh-ro) .ro-hardware-symbol > i { color: #a3a6ff !important }
html body:not(#lh-ro) .ro-trust-item strong { display: block !important; --ro-font: var(--ro-display); font-size: 16px !important; font-weight: 700 !important; color: #f4f5ff !important; line-height: 1.3 !important }
html body:not(#lh-ro) .ro-trust-item small { display: block !important; color: #858da8 !important; font-size: 10px !important; margin-top: 3px !important; white-space: nowrap !important }
html body:not(#lh-ro) .ro-network-card { border: 1px solid #252b47 !important; border-radius: 20px !important; padding: 22px !important; background: linear-gradient(145deg, rgba(17, 21, 40, .96), rgba(10, 13, 26, .94)) !important; box-shadow: 0 25px 80px rgba(0, 0, 0, .26), inset 0 1px #ffffff08 !important; position: relative !important }
html body:not(#lh-ro) .ro-network-card::before { content: "" !important; position: absolute !important; inset: -1px !important; border-radius: 20px !important; background: linear-gradient(135deg, #777cf533, transparent 38%, #5c67a51c) !important; pointer-events: none !important }
html body:not(#lh-ro) .ro-network-card-head { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; padding-bottom: 20px !important; border-bottom: 1px solid #252b42 !important; gap: 15px !important }
html body:not(#lh-ro) .ro-card-kicker { font-size: 9px !important; color: #a3a7ff !important; font-weight: 800 !important; letter-spacing: .17em !important }
html body:not(#lh-ro) .ro-network-card h2 { font-size: 18px !important; font-weight: 700 !important; letter-spacing: -.01em !important; line-height: 1.3 !important; margin: 7px 0 3px !important; color: #f4f5ff !important }
html body:not(#lh-ro) .ro-network-card-head p { font-size: 11px !important; color: #7f88a4 !important }
html body:not(#lh-ro) .ro-status { font-size: 9px !important; font-weight: 800 !important; color: #8ce0bb !important; border: 1px solid #315d54 !important; background: #18352f55 !important; padding: 8px 10px !important; border-radius: 30px !important; white-space: nowrap !important }
html body:not(#lh-ro) .ro-status.is-warning { color: #f3c77a !important; border-color: #5d4d31 !important; background: #35291855 !important }
html body:not(#lh-ro) .ro-status > i,
html body:not(#lh-ro) .ro-network-foot i { display: inline-block !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: #62d6a7 !important; box-shadow: 0 0 10px #62d6a7 !important; margin-right: 5px !important }
html body:not(#lh-ro) .ro-status.is-warning > i { background: #f3c77a !important; box-shadow: 0 0 10px #f3c77a !important }
html body:not(#lh-ro) .ro-region-label { display: flex !important; justify-content: space-between !important; gap: 10px !important; color: #707b9a !important; font-size: 8px !important; letter-spacing: .16em !important; font-weight: 800 !important; margin: 18px 0 9px !important; text-transform: uppercase !important }
html body:not(#lh-ro) .ro-region-list { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 9px !important }
html body:not(#lh-ro) .ro-region-option { display: flex !important; align-items: center !important; gap: 10px !important; text-align: left !important; padding: 13px 10px !important; border: 1px solid #282e48 !important; background: #0b0e1c !important; border-radius: 12px !important; color: #fff !important; cursor: pointer !important; transition: .2s !important; min-width: 0 !important; font: inherit !important }
html body:not(#lh-ro) .ro-region-option:is(:hover, .is-active) { border-color: #7379f0 !important; background: #181b36 !important }
html body:not(#lh-ro) .ro-flag.lh-location-flag { width: 24px !important; height: 17px !important; flex: 0 0 24px !important; border-radius: 4px !important; border: 1px solid rgba(255, 255, 255, .18) !important; box-shadow: none !important }
html body:not(#lh-ro) .ro-region-name { flex: 1 !important; min-width: 0 !important }
html body:not(#lh-ro) .ro-region-name b { display: block !important; font-size: 11px !important; font-weight: 700 !important; color: #fff !important }
html body:not(#lh-ro) .ro-region-name small { display: block !important; color: #77819e !important; font-size: 9px !important; margin-top: 3px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important }
html body:not(#lh-ro) .ro-ping { color: #8de0bd !important; border: 1px solid #315b51 !important; background: #17352d66 !important; padding: 4px 7px !important; border-radius: 7px !important; font-size: 10px !important; font-weight: 800 !important; white-space: nowrap !important }
html body:not(#lh-ro) .ro-ping.is-measuring { color: #8790aa !important; border-color: #2b3150 !important; background: #ffffff05 !important }
html body:not(#lh-ro) .ro-ping.is-mid { color: #f3c77a !important; border-color: #5d4d31 !important; background: #35291866 !important }
html body:not(#lh-ro) .ro-ping:is(.is-high, .is-warning) { color: #f59a9a !important; border-color: #5d3131 !important; background: #35181866 !important }
html body:not(#lh-ro) .ro-chevron { color: #9298ff !important; font-size: 18px !important; line-height: 1 !important }
html body:not(#lh-ro) .ro-hardware-panel { border: 1px solid #242a43 !important; border-radius: 13px !important; padding: 14px !important; margin-top: 12px !important; background: #0b0e1b !important }
html body:not(#lh-ro) .ro-hardware-title { display: flex !important; justify-content: space-between !important; color: #75809f !important; font-size: 8px !important; letter-spacing: .12em !important; font-weight: 800 !important; margin-bottom: 13px !important; text-transform: uppercase !important }
html body:not(#lh-ro) .ro-live-indicator { color: #6dd7ac !important }
html body:not(#lh-ro) .ro-hardware-grid { display: grid !important; grid-template-columns: 1.3fr 1fr 1fr !important; gap: 10px !important }
html body:not(#lh-ro) .ro-hardware-main { display: flex !important; flex-direction: column !important; justify-content: center !important; padding-right: 10px !important; border-right: 1px solid #252b43 !important; min-width: 0 !important }
html body:not(#lh-ro) .ro-hardware-main small,
html body:not(#lh-ro) .ro-hardware-stat small { display: block !important; font-size: 8px !important; color: #78829e !important; letter-spacing: .1em !important; font-weight: 600 !important }
html body:not(#lh-ro) .ro-hardware-main strong { --ro-font: var(--ro-display); font-size: 13px !important; font-weight: 700 !important; margin: 5px 0 !important; color: #f4f5ff !important }
html body:not(#lh-ro) .ro-hardware-main span { font-size: 9px !important; color: #8790aa !important }
html body:not(#lh-ro) .ro-hardware-stat { display: flex !important; align-items: center !important; gap: 8px !important; border: 1px solid #242a43 !important; border-radius: 10px !important; padding: 10px 8px !important; min-width: 0 !important }
html body:not(#lh-ro) .ro-hardware-symbol { width: 24px !important; height: 24px !important; border-radius: 7px !important; background: #191e3a !important; color: #9da2ff !important; display: grid !important; place-items: center !important; font-size: 11px !important; flex: 0 0 24px !important }
html body:not(#lh-ro) .ro-hardware-stat strong { display: block !important; font-size: 11px !important; font-weight: 700 !important; margin-top: 4px !important; white-space: nowrap !important; color: #f4f5ff !important }
html body:not(#lh-ro) .ro-network-foot { display: flex !important; justify-content: space-between !important; color: #77819d !important; font-size: 9px !important; margin-top: 15px !important }
html body:not(#lh-ro) .ro-network-foot i { width: 5px !important; height: 5px !important }
html body:not(#lh-ro) .ro-hero-bottom-note { position: absolute !important; bottom: 33px !important; left: 0 !important; color: #5f6887 !important; font-size: 8px !important; font-weight: 800 !important; letter-spacing: .2em !important; display: flex !important; align-items: center !important; gap: 10px !important }
html body:not(#lh-ro) .ro-note-line { width: 22px !important; height: 1px !important; background: #555c91 !important }
html body:not(#lh-ro) .ro-sale-strip { margin: 0 0 70px !important }
html body:not(#lh-ro) .ro-games-section { padding: 35px 0 105px !important }
html body:not(#lh-ro) .ro-section-heading { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; gap: 30px !important; margin-bottom: 29px !important }
html body:not(#lh-ro) .ro-section-heading h2,
html body:not(#lh-ro) .ro-features-intro h2,
html body:not(#lh-ro) .ro-partners-intro h2,
html body:not(#lh-ro) .ro-bottom-cta h2 { font-size: clamp(34px, 3.5vw, 46px) !important; font-weight: 600 !important; line-height: 1.15 !important; letter-spacing: -.05em !important; margin-top: 17px !important; color: #f4f5ff !important }
html body:not(#lh-ro) .ro-section-heading > p { font-size: 12px !important; line-height: 1.8 !important; color: #858da7 !important; text-align: right !important; margin-bottom: 5px !important }
html body:not(#lh-ro) .ro-games-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 17px !important }
html body:not(#lh-ro) .ro-game-card { border: 1px solid #272d46 !important; border-radius: 16px !important; overflow: hidden !important; background: linear-gradient(150deg, #14182a, #0e1120) !important; transition: .25s !important; display: flex !important; flex-direction: column !important }
html body:not(#lh-ro) .ro-game-card:hover { transform: translateY(-5px) !important; border-color: #6269b5 !important; box-shadow: 0 18px 45px #0005 !important }
html body:not(#lh-ro) .ro-game-image { display: block !important; height: 190px !important; position: relative !important; overflow: hidden !important; background: #171b2e !important }
html body:not(#lh-ro) .ro-game-image::after { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(0deg, rgba(7, 9, 18, .68), transparent 65%), linear-gradient(90deg, #080a1355, transparent) !important }
html body:not(#lh-ro) .ro-game-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; filter: saturate(.78) brightness(.76) !important; transition: .5s !important }
html body:not(#lh-ro) .ro-game-card:hover .ro-game-image img { transform: scale(1.045) !important; filter: saturate(.95) brightness(.88) !important }
html body:not(#lh-ro) .ro-game-tag { position: absolute !important; z-index: 1 !important; top: 14px !important; left: 14px !important; padding: 7px 9px !important; border-radius: 6px !important; background: #0a0d1ccc !important; border: 1px solid #ffffff20 !important; color: #c4c7ff !important; font-size: 8px !important; font-weight: 800 !important; letter-spacing: .12em !important }
html body:not(#lh-ro) .ro-game-tag.is-sale { color: #f5d36b !important; border-color: #f5c51840 !important }
html body:not(#lh-ro) .ro-game-tag > i { color: inherit !important }
html body:not(#lh-ro) .ro-game-arrow { position: absolute !important; z-index: 1 !important; right: 14px !important; top: 13px !important; width: 29px !important; height: 29px !important; border: 1px solid #ffffff44 !important; background: #090c18a8 !important; border-radius: 9px !important; display: grid !important; place-items: center !important; color: #fff !important; font-size: 13px !important }
html body:not(#lh-ro) .ro-game-info { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; padding: 18px 17px 14px !important; flex: 1 !important }
html body:not(#lh-ro) .ro-game-info h3 { font-size: 16px !important; font-weight: 700 !important; letter-spacing: -.01em !important; color: #f4f5ff !important; line-height: 1.3 !important }
html body:not(#lh-ro) .ro-game-info p { font-size: 10px !important; color: #858da7 !important; margin-top: 5px !important }
html body:not(#lh-ro) .ro-game-icon { border: 1px solid #353c62 !important; background: #1a1e3b !important; color: #aeb1ff !important; border-radius: 8px !important; padding: 7px 8px !important; font-size: 10px !important; font-weight: 800 !important; white-space: nowrap !important }
html body:not(#lh-ro) .ro-game-bottom { border-top: 1px solid #252b41 !important; padding: 13px 17px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; color: #929bb4 !important; font-size: 10px !important }
html body:not(#lh-ro) .ro-game-price { display: inline-flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 4px !important }
html body:not(#lh-ro) .ro-game-bottom b { font-size: 14px !important; font-weight: 700 !important; color: #f4f5ff !important }
html body:not(#lh-ro) .ro-game-bottom s { font-size: 10px !important; color: #6f7893 !important }
html body:not(#lh-ro) .ro-game-bottom small { font-size: 9px !important; color: #7d86a0 !important }
html body:not(#lh-ro) .ro-game-bottom :is(.lh-ron-tag, [class*="ron"]) { font-size: 9px !important; color: #7d86a0 !important }
html body:not(#lh-ro) .ro-game-bottom > a,
html body:not(#lh-ro) .ro-all-games-row a,
html body:not(#lh-ro) .ro-text-link { color: #b1b4ff !important; text-decoration: none !important; font-size: 10px !important; font-weight: 800 !important; white-space: nowrap !important }
html body:not(#lh-ro) .ro-game-bottom > a > span,
html body:not(#lh-ro) .ro-all-games-row a > span,
html body:not(#lh-ro) .ro-text-link > span { margin-left: 7px !important; color: inherit !important }
html body:not(#lh-ro) .ro-game-bottom > a:hover,
html body:not(#lh-ro) .ro-all-games-row a:hover,
html body:not(#lh-ro) .ro-text-link:hover { color: #d9dcff !important }
html body:not(#lh-ro) .ro-game-disabled { color: #f59a9a !important; font-size: 10px !important; font-weight: 800 !important }
html body:not(#lh-ro) .ro-game-card.is-disabled .ro-game-image img { filter: grayscale(1) brightness(.6) !important }
html body:not(#lh-ro) .ro-all-games-row { display: flex !important; justify-content: center !important; gap: 8px !important; margin-top: 25px !important; color: #7e87a1 !important; font-size: 11px !important }
html body:not(#lh-ro) .ro-features-section { border-top: 1px solid #242a40 !important; padding: 88px 0 !important; display: grid !important; grid-template-columns: .8fr 1.2fr !important; gap: 100px !important }
html body:not(#lh-ro) .ro-features-intro h2 { font-size: 39px !important }
html body:not(#lh-ro) .ro-features-intro > p,
html body:not(#lh-ro) .ro-partners-intro > p { max-width: 340px !important; color: #929bb2 !important; font-size: 13px !important; line-height: 1.8 !important; margin: 18px 0 20px !important }
html body:not(#lh-ro) .ro-text-link { font-size: 11px !important }
html body:not(#lh-ro) .ro-feature-list { border-top: 1px solid #2a3048 !important }
html body:not(#lh-ro) .ro-feature-row { display: grid !important; grid-template-columns: 35px 42px 1fr 20px !important; gap: 14px !important; align-items: center !important; padding: 22px 0 !important; border-bottom: 1px solid #2a3048 !important }
html body:not(#lh-ro) .ro-feature-number { font-size: 9px !important; color: #687392 !important; font-weight: 800 !important }
html body:not(#lh-ro) .ro-feature-icon { width: 36px !important; height: 36px !important; flex-basis: 36px !important }
html body:not(#lh-ro) .ro-feature-row h3 { font-size: 14px !important; font-weight: 700 !important; letter-spacing: -.01em !important; color: #f4f5ff !important; line-height: 1.3 !important }
html body:not(#lh-ro) .ro-feature-row p { font-size: 10px !important; line-height: 1.7 !important; color: #8790aa !important; margin-top: 5px !important; max-width: 440px !important }
html body:not(#lh-ro) .ro-feature-end { color: #7f86f5 !important }
html body:not(#lh-ro) .ro-quotes-section { border-top: 1px solid #242a40 !important; padding: 88px 0 !important }
html body:not(#lh-ro) .ro-quote-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 17px !important }
html body:not(#lh-ro) .ro-quote { margin: 0 !important; border: 1px solid #272d46 !important; border-radius: 16px !important; background: linear-gradient(150deg, #14182a, #0e1120) !important; padding: 22px 20px 0 !important; display: flex !important; flex-direction: column !important }
html body:not(#lh-ro) .ro-quote-mark { --ro-font: var(--ro-display); font-size: 34px !important; line-height: .8 !important; font-weight: 800 !important; color: #777cf5 !important; height: 22px !important }
html body:not(#lh-ro) .ro-quote > p { font-size: 13px !important; line-height: 1.75 !important; color: #c5c9df !important; margin: 12px 0 18px !important; flex: 1 !important }
html body:not(#lh-ro) .ro-quote > footer { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; border-top: 1px solid #252b41 !important; padding: 13px 0 !important; margin: 0 !important; background: none !important }
html body:not(#lh-ro) .ro-quote > footer strong { font-size: 12px !important; font-weight: 700 !important; color: #f4f5ff !important }
html body:not(#lh-ro) .ro-quote > footer span { font-size: 10px !important; color: #7d86a0 !important }
html body:not(#lh-ro) .ro-partners-section { border-top: 1px solid #242a40 !important; padding: 88px 0 !important; display: grid !important; grid-template-columns: .8fr 1.2fr !important; gap: 100px !important }
html body:not(#lh-ro) .ro-partners-intro h2 { font-size: 39px !important }
html body:not(#lh-ro) .ro-partner-list { border-top: 1px solid #2a3048 !important }
html body:not(#lh-ro) .ro-partner-list > a { display: grid !important; grid-template-columns: 42px 1fr 20px !important; gap: 14px !important; align-items: center !important; padding: 16px 0 !important; border-bottom: 1px solid #2a3048 !important; color: #f4f5ff !important; transition: .2s !important }
html body:not(#lh-ro) .ro-partner-list > a:hover { padding-left: 6px !important }
html body:not(#lh-ro) .ro-partner-list img { width: 36px !important; height: 36px !important; border-radius: 9px !important; border: 1px solid #343b65 !important; background: #171b35 !important; object-fit: contain !important; padding: 4px !important }
html body:not(#lh-ro) .ro-partner-list b { display: block !important; font-size: 13px !important; font-weight: 700 !important; color: #f4f5ff !important }
html body:not(#lh-ro) .ro-partner-list small { display: block !important; font-size: 10px !important; color: #8790aa !important; margin-top: 3px !important }
html body:not(#lh-ro) .ro-bottom-cta { margin-bottom: 65px !important; padding: 35px 40px !important; border: 1px solid #303654 !important; border-radius: 18px !important; background: radial-gradient(ellipse at 85% 30%, #4c51a02a, transparent 40%), linear-gradient(110deg, #14182b, #0d1120) !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 20px !important }
html body:not(#lh-ro) .ro-bottom-cta h2 { font-size: 35px !important; margin-top: 12px !important }
html body:not(#lh-ro) .ro-bottom-cta p { color: #8e97b0 !important; font-size: 12px !important; margin-top: 9px !important }
html body:not(#lh-ro) .ro-bottom-cta .ro-button { min-width: 175px !important }
@media (max-width: 1050px) {
html body:not(#lh-ro) .ro-hero { gap: 35px !important }
html body:not(#lh-ro) .ro-hero h1 { font-size: 47px !important }
html body:not(#lh-ro) .ro-trust-item { padding: 12px 9px !important; gap: 7px !important }
html body:not(#lh-ro) .ro-trust-item small { font-size: 9px !important }
html body:not(#lh-ro) .ro-features-section,
html body:not(#lh-ro) .ro-partners-section { gap: 55px !important }
}
@media (max-width: 800px) {
html body:not(#lh-ro) .ro-hero { grid-template-columns: 1fr !important; gap: 36px !important; padding-top: 45px !important; padding-bottom: 85px !important }
html body:not(#lh-ro) .ro-hero h1 { font-size: clamp(40px, 8vw, 55px) !important }
html body:not(#lh-ro) .ro-hero-description { max-width: 560px !important }
html body:not(#lh-ro) .ro-network-card { max-width: 600px !important }
html body:not(#lh-ro) .ro-hero-bottom-note { bottom: 28px !important }
html body:not(#lh-ro) .ro-games-section { padding-top: 25px !important; padding-bottom: 75px !important }
html body:not(#lh-ro) .ro-games-grid,
html body:not(#lh-ro) .ro-quote-grid { grid-template-columns: 1fr 1fr !important }
html body:not(#lh-ro) .ro-game-image { height: 160px !important }
html body:not(#lh-ro) .ro-features-section,
html body:not(#lh-ro) .ro-partners-section { grid-template-columns: 1fr !important; gap: 35px !important; padding: 65px 0 !important }
html body:not(#lh-ro) .ro-quotes-section { padding: 65px 0 !important }
html body:not(#lh-ro) .ro-features-intro h2,
html body:not(#lh-ro) .ro-partners-intro h2 { font-size: 36px !important }
html body:not(#lh-ro) .ro-bottom-cta { padding: 28px !important }
}
@media (max-width: 540px) {
html body:not(#lh-ro) .ro-hero { padding-top: 32px !important }
html body:not(#lh-ro) .ro-eyebrow { font-size: 8px !important; letter-spacing: .14em !important }
html body:not(#lh-ro) .ro-hero h1 { font-size: 39px !important }
html body:not(#lh-ro) .ro-hero-description { font-size: 13px !important }
html body:not(#lh-ro) .ro-hero-buttons { flex-direction: column !important; align-items: stretch !important }
html body:not(#lh-ro) .ro-button { justify-content: space-between !important }
html body:not(#lh-ro) .ro-trust-row { grid-template-columns: 1fr !important; gap: 8px !important; margin-top: 30px !important }
html body:not(#lh-ro) .ro-trust-item { padding: 11px 12px !important }
html body:not(#lh-ro) .ro-trust-item small { font-size: 10px !important }
html body:not(#lh-ro) .ro-network-card { padding: 16px !important }
html body:not(#lh-ro) .ro-network-card-head { flex-direction: column !important }
html body:not(#lh-ro) .ro-status { align-self: flex-start !important }
html body:not(#lh-ro) .ro-region-option { gap: 6px !important; padding: 10px 7px !important }
html body:not(#lh-ro) .ro-region-name b { font-size: 10px !important }
html body:not(#lh-ro) .ro-region-name small { font-size: 8px !important }
html body:not(#lh-ro) .ro-ping { font-size: 9px !important; padding: 4px !important }
html body:not(#lh-ro) .ro-hardware-grid { grid-template-columns: 1fr 1fr !important }
html body:not(#lh-ro) .ro-hardware-main { grid-column: 1 / -1 !important; border-right: 0 !important; border-bottom: 1px solid #252b43 !important; padding: 0 0 10px !important }
html body:not(#lh-ro) .ro-network-foot { font-size: 8px !important }
html body:not(#lh-ro) .ro-section-heading { display: block !important }
html body:not(#lh-ro) .ro-section-heading > p { text-align: left !important; margin-top: 12px !important }
html body:not(#lh-ro) .ro-section-heading h2 { font-size: 35px !important }
html body:not(#lh-ro) .ro-games-grid,
html body:not(#lh-ro) .ro-quote-grid { grid-template-columns: 1fr !important }
html body:not(#lh-ro) .ro-game-image { height: 180px !important }
html body:not(#lh-ro) .ro-all-games-row { flex-direction: column !important; align-items: center !important }
html body:not(#lh-ro) .ro-feature-row { grid-template-columns: 22px 36px 1fr 12px !important; gap: 9px !important }
html body:not(#lh-ro) .ro-feature-row p { font-size: 9px !important }
html body:not(#lh-ro) .ro-bottom-cta { display: block !important; padding: 25px !important }
html body:not(#lh-ro) .ro-bottom-cta h2 { font-size: 32px !important }
html body:not(#lh-ro) .ro-bottom-cta .ro-button { margin-top: 22px !important; width: 100% !important }
}
html body:not(#lh-ro) .ro-net-section { border-top: 1px solid #242a40 !important; padding: 88px 0 !important }
html body:not(#lh-ro) .ro-net-layout { display: grid !important; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr) !important; gap: 18px !important; align-items: stretch !important }
html body:not(#lh-ro) .ro-net-map { position: relative !important; min-height: 380px !important; border: 1px solid #252b47 !important; border-radius: 20px !important; overflow: hidden !important; background: radial-gradient(ellipse at 60% 35%, rgba(73, 76, 157, .16), transparent 60%), linear-gradient(145deg, rgba(17, 21, 40, .96), rgba(10, 13, 26, .94)) !important }
html body:not(#lh-ro) .ro-net-svg { display: block !important; width: 100% !important; height: auto !important }
html body:not(#lh-ro) .ro-net-svg .ro-net-land { fill: rgba(133, 145, 199, .30) !important }
html body:not(#lh-ro) .ro-net-svg .ro-net-land-on { fill: #969bff !important }
html body:not(#lh-ro) .ro-net-svg .ro-net-city circle { fill: rgba(196, 199, 255, .5) !important }
html body:not(#lh-ro) .ro-net-svg .ro-net-city text { fill: #6f7893 !important; font: 600 9px var(--ro-sans) !important }
html body:not(#lh-ro) .ro-net-svg .ro-net-path { fill: none !important; stroke: #a7a9ff !important; stroke-width: 1.4 !important; stroke-dasharray: 4 5 !important; opacity: .85 !important }
html body:not(#lh-ro) .ro-net-svg .ro-net-as { fill: #c4c7ff !important; font: 800 9px var(--ro-sans) !important; letter-spacing: .14em !important }
html body:not(#lh-ro) .ro-net-svg .ro-net-packet { fill: #fff !important }
html body:not(#lh-ro) .ro-net-svg .ro-net-pin-ring { fill: #0b0e1c !important; stroke: #c4c7ff !important; stroke-opacity: .55 !important }
html body:not(#lh-ro) .ro-net-svg .ro-net-pin { fill: #f0f1ff !important }
html body:not(#lh-ro) .ro-net-label { position: absolute !important; z-index: 2 !important; display: none !important; transform: translate(14px, -50%) !important; padding: 7px 11px !important; border: 1px solid #353c62 !important; border-radius: 10px !important; background: rgba(10, 13, 28, .9) !important; white-space: nowrap !important; pointer-events: none !important }
html body:not(#lh-ro) .ro-net-map.is-ready .ro-net-label { display: block !important }
html body:not(#lh-ro) .ro-net-label.is-ro { transform: translate(-50%, 16px) !important }
html body:not(#lh-ro) .ro-net-label b { display: block !important; font-size: 11px !important; font-weight: 800 !important; color: #f4f5ff !important }
html body:not(#lh-ro) .ro-net-label small { display: block !important; font-size: 9px !important; color: #858da8 !important }
html body:not(#lh-ro) .ro-net-foot { position: absolute !important; left: 18px !important; right: 18px !important; bottom: 14px !important; display: flex !important; justify-content: space-between !important; gap: 12px !important; color: #77819d !important; font-size: 10px !important }
html body:not(#lh-ro) .ro-net-foot i { display: inline-block !important; width: 6px !important; height: 6px !important; margin-right: 6px !important; border-radius: 50% !important; background: #62d6a7 !important; box-shadow: 0 0 10px #62d6a7 !important }
html body:not(#lh-ro) .ro-net-map.is-failed { min-height: 0 !important }
html body:not(#lh-ro) .ro-net-side { display: flex !important; flex-direction: column !important; gap: 12px !important }
html body:not(#lh-ro) .ro-net-card { padding: 18px !important; border: 1px solid #272d46 !important; border-radius: 16px !important; background: linear-gradient(150deg, #14182a, #0e1120) !important; transition: border-color .2s, transform .2s !important }
html body:not(#lh-ro) .ro-net-card:hover { border-color: #6269b5 !important; transform: translateY(-2px) !important }
html body:not(#lh-ro) .ro-net-card-head { display: flex !important; align-items: center !important; gap: 12px !important }
html body:not(#lh-ro) .ro-net-card-head img { width: 32px !important; height: 32px !important; flex: 0 0 32px !important }
html body:not(#lh-ro) .ro-net-name { flex: 1 !important; min-width: 0 !important }
html body:not(#lh-ro) .ro-net-name b { display: block !important; --ro-font: var(--ro-display); font-size: 15px !important; font-weight: 700 !important; color: #f4f5ff !important }
html body:not(#lh-ro) .ro-net-name small { display: block !important; margin-top: 2px !important; font-size: 10px !important; color: #77819e !important }
html body:not(#lh-ro) .ro-net-online { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 5px 9px !important; border: 1px solid #315d54 !important; border-radius: 30px !important; background: #18352f55 !important; color: #8ce0bb !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .08em !important }
html body:not(#lh-ro) .ro-net-online i { width: 6px !important; height: 6px !important; border-radius: 50% !important; background: #62d6a7 !important; box-shadow: 0 0 10px #62d6a7 !important }
html body:not(#lh-ro) .ro-net-specs { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; margin-top: 14px !important }
html body:not(#lh-ro) .ro-net-specs > div { min-width: 0 !important; padding: 10px !important; border: 1px solid #242a43 !important; border-radius: 10px !important; background: #0b0e1b !important }
html body:not(#lh-ro) .ro-net-specs small { display: block !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #78829e !important }
html body:not(#lh-ro) .ro-net-specs strong { display: block !important; margin-top: 4px !important; font-size: 11px !important; font-weight: 700 !important; color: #f4f5ff !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important }
html body:not(#lh-ro) .ro-net-meta { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; margin-top: auto !important }
html body:not(#lh-ro) .ro-net-meta span { display: flex !important; flex-direction: column !important; gap: 3px !important; padding: 12px !important; border: 1px solid #252b43 !important; border-radius: 13px !important; background: linear-gradient(145deg, #111525b8, #0d1020b8) !important; color: #858da8 !important; font-size: 10px !important }
html body:not(#lh-ro) .ro-net-meta span > i { color: #a3a6ff !important; font-size: 12px !important; margin-bottom: 4px !important }
html body:not(#lh-ro) .ro-net-meta b { font-size: 12px !important; font-weight: 700 !important; color: #f4f5ff !important }
@media (max-width: 1050px) {
html body:not(#lh-ro) .ro-net-layout { grid-template-columns: 1fr !important }
}
@media (max-width: 800px) {
html body:not(#lh-ro) .ro-net-section { padding: 65px 0 !important }
}
@media (max-width: 540px) {
html body:not(#lh-ro) .ro-net-map { min-height: 0 !important; padding-bottom: 34px !important }
html body:not(#lh-ro) .ro-net-specs,
html body:not(#lh-ro) .ro-net-meta { grid-template-columns: 1fr 1fr !important }
html body:not(#lh-ro) .ro-net-foot { font-size: 9px !important }
html body:not(#lh-ro) .ro-net-label { padding: 5px 8px !important }
}
html body:not(#lh-ro) .lh-location-flag:is(.lh-flag-ro, .lh-flag-de) { background: url("../images/ro32.png") center / contain no-repeat !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important }
html body:not(#lh-ro) .lh-location-flag.lh-flag-de { background-image: url("../images/de32.png") !important }
html body:not(#lh-ro) .ro-flag.lh-location-flag { width: 28px !important; height: 28px !important; flex: 0 0 28px !important }
html body:not(#lh-ro) .ro-hero { padding-bottom: 64px !important }
html body:not(#lh-ro) .ro-net-label.is-de { transform: translate(calc(-100% - 14px), -50%) !important }
html body:not(#lh-ro) .ro-net-card { flex: 1 !important }
html body:not(#lh-ro) .ro-net-meta { margin-top: 0 !important }
html body:not(#lh-ro) .ro-net-card { display: flex !important; flex-direction: column !important; justify-content: center !important }
html body:not(#lh-ro) .ro-net-specs > div { padding: 13px 12px !important }
html body:not(#lh-ro) .ro-net-specs strong { font-size: 12.5px !important }
html body:not(#lh-ro) .ro-net-specs em { display: block !important; margin-top: 3px !important; font-style: normal !important; font-size: 10px !important; color: #8790aa !important }
html body:not(#lh-ro) .ro-net-specs { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) !important }
html body:not(#lh-ro) .ro-net-specs strong { white-space: normal !important; line-height: 1.3 !important }
@media (max-width: 540px) {
html body:not(#lh-ro) .ro-net-specs { grid-template-columns: 1fr 1fr !important }
html body:not(#lh-ro) .ro-net-specs > div:first-child { grid-column: 1 / -1 !important }
}
/* ---- 40-footer.css ---- */
html body:not(#lh-ro) .lh-footer.ro-footer { background: transparent !important; border: 0 !important; box-shadow: none !important; margin: 0 !important; padding: 0 0 32px !important }
html body:not(#lh-ro) .lh-footer.ro-footer::before,
html body:not(#lh-ro) .lh-footer.ro-footer::after { display: none !important }
html body:not(#lh-ro) .ro-footer-top,
html body:not(#lh-ro) .ro-footer-bar { --ro-fpad: 32px; max-width: 1536px !important; margin-left: auto !important; margin-right: auto !important; padding-left: var(--ro-fpad) !important; padding-right: var(--ro-fpad) !important }
html body:not(#lh-ro) .ro-footer-top { display: grid !important; grid-template-columns: .8fr 1.2fr !important; gap: 100px !important; padding-top: 55px !important; padding-bottom: 40px !important; border-top: 0 !important; background: linear-gradient(#22283d, #22283d) center top / 100% 1px no-repeat !important }
html body:not(#lh-ro) .ro-footer-about .ro-brand { font-size: 13px !important; color: #dfe1ff !important }
html body:not(#lh-ro) .ro-footer-about .ro-brand-mark { width: 25px !important; height: 25px !important; flex-basis: 25px !important; font-size: 9px !important }
html body:not(#lh-ro) .ro-footer-about > p { max-width: 340px !important; color: #858da7 !important; font-size: 12px !important; line-height: 1.8 !important; margin: 16px 0 0 !important }
html body:not(#lh-ro) .ro-footer-links { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important }
html body:not(#lh-ro) .ro-footer-links > div { display: flex !important; flex-direction: column !important; gap: 10px !important }
html body:not(#lh-ro) .ro-footer-label { color: #969bff !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .19em !important; margin-bottom: 4px !important }
html body:not(#lh-ro) .ro-footer a { color: #8e97b0 !important; text-decoration: none !important; font-size: 12px !important; transition: color .2s !important }
html body:not(#lh-ro) .ro-footer a:hover { color: #fff !important }
html body:not(#lh-ro) .ro-footer-bar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; color: #6f7893 !important; font-size: 10px !important }
html body:not(#lh-ro) .ro-footer-bar > span { color: #6f7893 !important }
html body:not(#lh-ro) .ro-footer-bar::before { display: none !important }
html body:not(#lh-ro) .ro-footer-legal { display: flex !important; gap: 20px !important; flex-wrap: wrap !important }
html body:not(#lh-ro) .ro-footer-legal a { font-size: 10px !important }
html body:not(#lh-ro) .ro-footer-badges { display: flex !important; align-items: center !important; gap: 12px !important }
html body:not(#lh-ro) .ro-footer-badges img { height: 30px !important; width: auto !important; display: block !important; border-radius: 6px !important }
html body:not(#lh-ro) .ro-footer-pay { display: flex !important; align-items: center !important; gap: 8px !important; padding-left: 12px !important; border-left: 1px solid #22283d !important }
html body:not(#lh-ro) .ro-footer-pay img { height: 18px !important; width: auto !important; opacity: .75 !important }
@media (max-width: 1023px) {
html body:not(#lh-ro) .ro-footer-top,
html body:not(#lh-ro) .ro-footer-bar { --ro-fpad: 24px }
}
@media (max-width: 800px) {
html body:not(#lh-ro) .ro-footer-top { grid-template-columns: 1fr !important; gap: 35px !important }
html body:not(#lh-ro) .ro-footer-bar { flex-wrap: wrap !important; gap: 17px !important }
}
@media (max-width: 540px) {
html body:not(#lh-ro) .ro-footer-top,
html body:not(#lh-ro) .ro-footer-bar { --ro-fpad: 16px }
html body:not(#lh-ro) .ro-footer-links { gap: 16px !important }
html body:not(#lh-ro) .ro-footer-bar { font-size: 9px !important }
html body:not(#lh-ro) .ro-footer-bar > span { order: 3 !important; width: 100% !important }
html body:not(#lh-ro) .ro-footer-legal { gap: 13px !important }
}
html body:not(#lh-ro) .ro-footer-logo { display: inline-block !important; line-height: 0 !important }
html body:not(#lh-ro) .ro-footer-logo img { display: block !important; width: auto !important; height: 15px !important }
html body:not(#lh-ro) hr.ro-footer-hr { display: block !important; height: 0 !important; margin: 0 auto 22px !important; padding: 0 !important; width: min(1320px, calc(100% - 32px)) !important; border: 0 !important; border-top: 1px solid #22283d !important; background: none !important }
html body:not(#lh-ro) .ro-footer-bar,
html body:not(#lh-ro) .ro-footer-bar > span { font-size: 12.5px !important }
html body:not(#lh-ro) .ro-footer-legal { gap: 22px !important }
html body:not(#lh-ro) .ro-footer-legal a { font-size: 12.5px !important }
@media (max-width: 540px) {
html body:not(#lh-ro) .ro-footer-bar,
html body:not(#lh-ro) .ro-footer-bar > span,
html body:not(#lh-ro) .ro-footer-legal a { font-size: 12px !important }
html body:not(#lh-ro) .ro-footer-legal { gap: 16px !important }
}
/* ---- 50-shop.css ---- */
html body:not(#lh-ro) .lh-store-heading h2 { font-size: var(--ro-title-size) !important; font-weight: 600 !important; letter-spacing: -.05em !important; line-height: 1.13 !important; margin: 22px 0 14px !important }
html body:not(#lh-ro) .lh-store-heading h2 > span { background: var(--ro-accent) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important }
html body:not(#lh-ro) .lh-store-heading p { color: #a4abc0 !important; font-size: 15px !important; line-height: 1.85 !important; max-width: 560px !important }
html body:not(#lh-ro) .lh-store-heading .ro-eyebrow { display: flex !important; align-items: center !important; gap: 10px !important; color: #969bff !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .19em !important }
html body:not(#lh-ro) .lh-store-heading .ro-eyebrow-line { width: 23px !important; height: 1px !important; flex: 0 0 23px !important; background: #777cf5 !important }
html body:not(#lh-ro) .lh-store-region { border: 1px solid #282e48 !important; background: #0b0e1c !important; border-radius: 12px !important; box-shadow: none !important }
html body:not(#lh-ro) .lh-store-region strong { font-size: 11px !important; font-weight: 700 !important; color: #fff !important }
html body:not(#lh-ro) .lh-store-region small { font-size: 9px !important; color: #77819e !important }
html body:not(#lh-ro) .lh-store-nav-label { color: #969bff !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .19em !important; text-transform: uppercase !important }
html body:not(#lh-ro) .lh-category-bar { border: 1px solid rgba(133, 145, 199, .16) !important; background: rgba(12, 15, 29, .78) !important; border-radius: 14px !important; padding: 5px !important; box-shadow: none !important }
html body:not(#lh-ro) .lh-category-bar > button { color: #9da5bc !important; font-size: 12px !important; font-weight: 600 !important; border-radius: 10px !important; border: 1px solid transparent !important; background: transparent !important; box-shadow: none !important }
html body:not(#lh-ro) .lh-category-bar > button:hover { color: #fff !important; background: #ffffff0c !important }
html body:not(#lh-ro) .lh-category-bar > button.active { color: #fff !important; background: #181b36 !important; border-color: #7379f0 !important; box-shadow: none !important }
html body:not(#lh-ro) .lh-category-bar > button > i { color: #a7a9ff !important }
html body:not(#lh-ro) .lh-category-bar > button small { border: 1px solid #353c62 !important; background: #1a1e3b !important; color: #aeb1ff !important; border-radius: 7px !important; font-size: 9px !important; font-weight: 800 !important }
html body:not(#lh-ro) .lh-store-external-links a { border: 1px solid #353c5c !important; background: #ffffff04 !important; color: #e5e7ff !important; border-radius: 12px !important; font-size: 11px !important; font-weight: 800 !important; box-shadow: none !important }
html body:not(#lh-ro) .lh-store-external-links a:hover { border-color: #777cf5 !important; background: #777cf510 !important; color: #fff !important }
html body:not(#lh-ro) .lh-store-external-links a > i { color: #a7a9ff !important }
html body:not(#lh-ro) .sd-sidebox { border: 1px solid #252b47 !important; background: linear-gradient(145deg, rgba(17, 21, 40, .96), rgba(10, 13, 26, .94)) !important; border-radius: 16px !important; box-shadow: none !important }
html body:not(#lh-ro) .sd-sidebox h3 { --ro-font: var(--ro-sans); color: #969bff !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .19em !important }
html body:not(#lh-ro) .sd-search { border: 1px solid #282e48 !important; background: #0b0e1c !important; border-radius: 12px !important }
html body:not(#lh-ro) .sd-search:focus-within { border-color: #7379f0 !important }
html body:not(#lh-ro) .sd-search > i { color: #a7a9ff !important }
html body:not(#lh-ro) .sd-category { color: #c5c9df !important; font-size: 12px !important; font-weight: 600 !important; border-radius: 10px !important; border: 1px solid transparent !important }
html body:not(#lh-ro) .sd-category:is(:hover, .active) { background: #181b36 !important; border-color: #7379f0 !important; color: #fff !important }
html body:not(#lh-ro) .sd-category > i { color: #a7a9ff !important }
html body:not(#lh-ro) .sd-category small { border: 1px solid #353c62 !important; background: #1a1e3b !important; color: #aeb1ff !important; border-radius: 7px !important; font-size: 9px !important; font-weight: 800 !important }
html body:not(#lh-ro) .sd-category.active small { background: #1a1e3b !important }
html body:not(#lh-ro) .sd-results { color: #858da7 !important; font-size: 11px !important }
html body:not(#lh-ro) .sd-results strong { color: #f4f5ff !important }
html body:not(#lh-ro) .sd-card { border: 1px solid #272d46 !important; border-radius: 16px !important; background: linear-gradient(150deg, #14182a, #0e1120) !important; box-shadow: none !important }
html body:not(#lh-ro) .sd-card:hover { transform: translateY(-5px) !important; border-color: #6269b5 !important; box-shadow: 0 18px 45px #0005 !important }
html body:not(#lh-ro) .sd-card.is-out:hover { transform: none !important }
html body:not(#lh-ro) .sd-art { height: 190px !important; filter: saturate(.85) !important }
html body:not(#lh-ro) .sd-art::after { background: linear-gradient(0deg, rgba(7, 9, 18, .68), transparent 65%), linear-gradient(90deg, #080a1355, transparent) !important }
html body:not(#lh-ro) .sd-art-label { top: 14px !important; bottom: auto !important; left: 14px !important; padding: 7px 9px !important; border-radius: 6px !important; background: #0a0d1ccc !important; border: 1px solid #ffffff20 !important; color: #c4c7ff !important; font-size: 8px !important; font-weight: 800 !important; letter-spacing: .12em !important; text-transform: uppercase !important; text-shadow: none !important }
html body:not(#lh-ro) .sd-body { padding: 18px 17px 17px !important }
html body:not(#lh-ro) .sd-body h2 { --ro-font: var(--ro-display); font-size: 16px !important; font-weight: 700 !important; letter-spacing: -.01em !important; line-height: 1.3 !important; color: #f4f5ff !important; margin: 0 0 12px !important }
html body:not(#lh-ro) .sd-pill { border-radius: 7px !important; border-color: #353c62 !important; background: #1a1e3b !important; color: #aeb1ff !important; font-size: 9px !important; font-weight: 800 !important; padding: 5px 8px !important }
html body:not(#lh-ro) .sd-pill > i { color: inherit !important }
html body:not(#lh-ro) .sd-pill.is-ok { color: #8de0bd !important; border-color: #315b51 !important; background: #17352d66 !important }
html body:not(#lh-ro) .sd-pill.is-ok::before { background: #62d6a7 !important; box-shadow: 0 0 8px #62d6a7 !important }
html body:not(#lh-ro) .sd-pill.is-low { color: #f3c77a !important; border-color: #5d4d31 !important; background: #35291866 !important }
html body:not(#lh-ro) .sd-pill.is-out { color: #f59a9a !important; border-color: #5d3131 !important; background: #35181866 !important }
html body:not(#lh-ro) .sd-specs { border-color: #252b41 !important }
html body:not(#lh-ro) .sd-spec { border-color: #252b41 !important }
html body:not(#lh-ro) .sd-spec label { color: #78829e !important; font-size: 8px !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important }
html body:not(#lh-ro) .sd-spec strong { font-size: 11px !important; font-weight: 700 !important; color: #f4f5ff !important }
html body:not(#lh-ro) .sd-price { --ro-font: var(--ro-display); font-size: 22px !important; font-weight: 700 !important; letter-spacing: -.03em !important; color: #f4f5ff !important }
html body:not(#lh-ro) .sd-was { color: #6f7893 !important; font-size: 11px !important }
html body:not(#lh-ro) .sd-per { color: #7d86a0 !important; font-size: 10px !important }
html body:not(#lh-ro) .sd-converted { color: #7d86a0 !important }
html body:not(#lh-ro) .sd-deal { border: 1px solid #242a43 !important; background: #0b0e1b !important; border-radius: 13px !important }
html body:not(#lh-ro) .sd-deal-icon { border-radius: 7px !important }
html body:not(#lh-ro) .sd-deal strong { color: #f3c77a !important }
html body:not(#lh-ro) .sd-deal small { color: #8790aa !important }
html body:not(#lh-ro) .sd-order { background: #f0f1ff !important; color: #111426 !important; border: 0 !important; border-radius: 12px !important; font-size: 12px !important; font-weight: 800 !important; padding: 14px 19px !important; box-shadow: none !important; filter: none !important }
html body:not(#lh-ro) .sd-order > i { color: #111426 !important }
html body:not(#lh-ro) .sd-order:hover { background: #fff !important; color: #111426 !important; filter: none !important; transform: translateY(-2px) !important; box-shadow: 0 9px 28px #888bff33 !important }
html body:not(#lh-ro) .sd-order.is-disabled { background: #171b30 !important; color: #7d86a0 !important; border: 1px solid #282e47 !important; transform: none !important }
html body:not(#lh-ro) .sd-benefits { border: 0 !important; background: transparent !important; padding: 0 !important; gap: 10px !important }
html body:not(#lh-ro) .sd-benefit { border: 1px solid #252b43 !important; background: linear-gradient(145deg, #111525b8, #0d1020b8) !important; border-radius: 13px !important; padding: 14px 12px !important; justify-content: flex-start !important; gap: 11px !important }
html body:not(#lh-ro) .sd-benefit:last-child { border: 1px solid #252b43 !important }
html body:not(#lh-ro) .sd-benefit-icon { flex: 0 0 32px !important; width: 32px !important; height: 32px !important; border-radius: 9px !important; border: 1px solid #343b65 !important; background: #171b35 !important; color: #a3a6ff !important; font-size: 13px !important }
html body:not(#lh-ro) .sd-benefit-icon > i { color: #a3a6ff !important }
html body:not(#lh-ro) .sd-benefit strong { --ro-font: var(--ro-display); font-size: 14px !important; font-weight: 700 !important; color: #f4f5ff !important; margin-bottom: 3px !important }
html body:not(#lh-ro) .sd-benefit small { color: #858da8 !important; font-size: 10px !important }
html body:not(#lh-ro) .lh-store-cta { border: 1px solid #303654 !important; border-radius: 18px !important; background: radial-gradient(ellipse at 85% 30%, #4c51a02a, transparent 40%), linear-gradient(110deg, #14182b, #0d1120) !important; box-shadow: none !important; padding: 28px 32px !important }
html body:not(#lh-ro) .lh-store-cta::before,
html body:not(#lh-ro) .lh-store-cta::after { display: none !important }
html body:not(#lh-ro) .lh-store-cta-icon { border-radius: 9px !important; border: 1px solid #343b65 !important; background: #171b35 !important; color: #a3a6ff !important }
html body:not(#lh-ro) .lh-store-cta-icon > i { color: #a3a6ff !important }
html body:not(#lh-ro) .lh-store-cta-copy strong { --ro-font: var(--ro-display); font-size: 22px !important; font-weight: 600 !important; letter-spacing: -.04em !important; color: #f4f5ff !important }
html body:not(#lh-ro) .lh-store-cta-copy p { color: #8e97b0 !important; font-size: 12px !important }
html body:not(#lh-ro) .lh-store-cta-primary { background: #f0f1ff !important; color: #111426 !important; border: 0 !important; border-radius: 12px !important; font-size: 12px !important; font-weight: 800 !important; box-shadow: none !important }
html body:not(#lh-ro) .lh-store-cta-primary > i { color: #111426 !important }
html body:not(#lh-ro) .lh-store-cta-primary:hover { transform: translateY(-2px) !important; box-shadow: 0 9px 28px #888bff33 !important; color: #111426 !important }
html body:not(#lh-ro) .lh-store-cta-secondary { border: 1px solid #353c5c !important; background: #ffffff04 !important; color: #e5e7ff !important; border-radius: 12px !important; font-size: 12px !important; font-weight: 800 !important; box-shadow: none !important }
html body:not(#lh-ro) .lh-store-cta-secondary:hover { border-color: #777cf5 !important; background: #777cf510 !important; color: #fff !important }
html body:not(#lh-ro) .lh-store-cta-secondary > i { color: #a7a9ff !important }
@media (max-width: 560px) {
html body:not(#lh-ro) .sd-art { height: 180px !important }
}
html body:not(#lh-ro) .lh-store-region .lh-location-flag { width: 30px !important; height: 30px !important; flex: 0 0 30px !important }
html body:not(#lh-ro) .lh-location-card .lh-location-flag { width: 32px !important; height: 32px !important; flex: 0 0 32px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; overflow: visible !important; display: grid !important; place-items: center !important }
html body:not(#lh-ro) .lh-location-card .lh-location-flag img { width: 32px !important; height: 32px !important; display: block !important }
html body:not(#lh-ro) .lh-location-card .lh-location-flag > i { color: #a7a9ff !important; font-size: 16px !important }
html body:not(#lh-ro) .lh-location-card { position: relative !important; border: 1px solid #282e48 !important; background: #0b0e1c !important; border-radius: 12px !important; transition: border-color .2s, background .2s, box-shadow .2s !important }
html body:not(#lh-ro) .lh-location-card:hover:not(.is-disabled) { border-color: #4a5290 !important }
html body:not(#lh-ro) .lh-location-card.is-active { border: 1px solid #7379f0 !important; background: linear-gradient(135deg, #1c2046, #141833) !important; box-shadow: 0 0 0 3px rgba(119, 124, 245, .22), 0 10px 30px rgba(73, 76, 157, .25) !important }
html body:not(#lh-ro) .lh-location-card.is-active strong { color: #fff !important }
html body:not(#lh-ro) .lh-location-card.is-active::after { content: "" !important; position: absolute !important; top: -8px !important; right: -8px !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; background: #f0f1ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111426' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat !important; box-shadow: 0 4px 14px rgba(0, 0, 0, .4) !important }
html body:not(#lh-ro) .location-availability-status { color: #c4c7ff !important; font-weight: 700 !important }
/* ---- 60-client.css ---- */
html body:not(#lh-ro) main :is([class*="card"], article, aside, form, .glass-card, [class*="panel"]) :is(h2, h3) { font-weight: 700 !important; letter-spacing: -.02em !important }
html body:not(#lh-ro) main h4 { --ro-font: var(--ro-display) }
html body:not(#lh-ro) main :is(h4.text-2xl, h4.text-3xl, .min-w-0 > h4) { font-weight: 700 !important; letter-spacing: -.03em !important }
html body:not(#lh-ro) main .lh-profile-stat-value { font-weight: 700 !important; letter-spacing: -.02em !important }
html body:not(#lh-ro) .lh-dv .lh-dv-stat strong { --ro-font: var(--ro-display); font-weight: 700 !important; letter-spacing: -.035em !important }
html body:not(#lh-ro) .lh-dv .lh-dv-section-head h2 { font-weight: 700 !important; letter-spacing: -.02em !important }
html body:not(#lh-ro) .lh-dv-eyebrow,
html body:not(#lh-ro) .lh-dv-stat small,
html body:not(#lh-ro) .lh-dv-news time { color: #969bff !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .19em !important }
html body:not(#lh-ro) .lh-dv-tile { border-radius: 9px !important; border: 1px solid #343b65 !important; background: #171b35 !important; color: #a3a6ff !important }
html body:not(#lh-ro) .lh-dv-tile > i { color: #a3a6ff !important }
html body:not(#lh-ro) main button:not(.lh-pref-toggle):not([role="switch"]):not([class*="toggle"]),
html body:not(#lh-ro) main a:is([class*="btn"], [class*="button"], .lh-service-manage, .lh-ticket-view, [class*="px-"][class*="py-"]),
html body:not(#lh-ro) main span.lh-service-manage,
html body:not(#lh-ro) .lh-dv .lh-dv-btn { border-radius: 12px !important }
html body:not(#lh-ro) .lh-dv .lh-ds-power button { border-radius: 9px !important }
html body:not(#lh-ro) .lh-dv .lh-dv-btn { font-size: 12px !important; font-weight: 800 !important }
html body:not(#lh-ro) .lh-dv .lh-dv-btn.is-primary { background: #f0f1ff !important; border-color: #f0f1ff !important; color: #111426 !important }
html body:not(#lh-ro) .lh-dv .lh-dv-btn.is-primary > i { color: #111426 !important }
html body:not(#lh-ro) .lh-dv .lh-dv-btn.is-primary:hover { transform: translateY(-2px) !important; box-shadow: 0 9px 28px #888bff33 !important }
html body:not(#lh-ro) .lh-dv .lh-dv-btn:not(.is-primary) { border-color: #353c5c !important; background: #ffffff04 !important; color: #e5e7ff !important }
html body:not(#lh-ro) .lh-dv .lh-dv-btn:not(.is-primary):hover { border-color: #777cf5 !important; background: #777cf510 !important }
html body:not(#lh-ro) main div.flex.flex-wrap.gap-2:has(> :is(button.filter-btn, a[class*="px-3"])) { border: 1px solid rgba(133, 145, 199, .16) !important; background: rgba(12, 15, 29, .78) !important; border-radius: 14px !important; padding: 5px !important; gap: 4px !important }
html body:not(#lh-ro) main :is(button.filter-btn, #invoiceFilters > a) { border: 1px solid transparent !important; background: transparent !important; color: #9da5bc !important; font-size: 12px !important; font-weight: 600 !important; border-radius: 10px !important; box-shadow: none !important }
html body:not(#lh-ro) main :is(button.filter-btn, #invoiceFilters > a):hover { color: #fff !important; background: #ffffff0c !important }
html body:not(#lh-ro) main :is(button.filter-btn.active, #invoiceFilters > a.bg-indigo-500) { color: #fff !important; background: #181b36 !important; border-color: #7379f0 !important; box-shadow: none !important }
html body:not(#lh-ro) main :is(.pagination, nav[aria-label*="agination"]) :is(a, span) { border-radius: 10px !important }
html body:not(#lh-ro) main :is(.glass-card, [class*="card"]) h5.font-bold { --ro-font: var(--ro-display); font-weight: 700 !important; letter-spacing: -.01em !important }
html body:not(#lh-ro) main :is(h1, h2, h3, h4, h5) { font-weight: 600 !important }
html body:not(#lh-ro) main :is(.lh-iv-title, .lh-iv-total > strong, .lh-sv-gauge > strong, .order-summary-total h5, .order-summary-total span) { --ro-font: var(--ro-display); font-weight: 700 !important; letter-spacing: -.03em !important }
html body:not(#lh-ro) .lh-checkout-card #proceedCheckoutBtn#proceedCheckoutBtn { border-radius: 12px !important; font-weight: 800 !important }
html body:not(#lh-ro) .lh-checkout-card .lh-checkout-actions > :is(a, button) { border-radius: 12px !important; font-size: 12px !important; font-weight: 800 !important }
html body:not(#lh-ro) main :is(a.lh-action-icon, button.lh-action-icon, .lh-ds-power > a, .lh-ds-power > button, button.lh-copy-btn) { border-radius: 10px !important }
html body:not(#lh-ro) .lh-dv .lh-ds-power button { border-radius: 10px !important }
html body:not(#lh-ro) main .lh-news-card { transition: border-color .25s, transform .25s, box-shadow .25s !important }
html body:not(#lh-ro) main .lh-news-card:hover { border-color: #6269b5 !important; box-shadow: 0 18px 45px #0005 !important }
html body:not(#lh-ro) main .lh-news-card:hover :is(.lh-news-title, .lh-news-title-featured) { color: #c4c7ff !important }
html body:not(#lh-ro) main h1:not(.ro-hero h1):not(:has(> span)),
html body:not(#lh-ro) main :is(.lh-client-page-title, [class*="page-header"], [class*="secondary-heading"]) h2:not(:has(> span)),
html body:not(#lh-ro) .lh-dv .lh-dv-head h1.lh-dv-title { width: fit-content !important; max-width: 100% !important; background: linear-gradient(100deg, #f4f5ff 0%, #eef0ff 32%, #c9ccff 62%, #9297ff 88%, #7d82f0 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important }
html body:not(#lh-ro) main .lh-client-page-header.lh-client-page-header { overflow: visible !important; border-radius: 0 !important }
html body:not(#lh-ro) main :is(.lh-client-page-title, [class*="page-header"], [class*="secondary-heading"]) h2,
html body:not(#lh-ro) .lh-dv .lh-dv-head h1.lh-dv-title { font-size: var(--ro-title-size) !important; line-height: 1.13 !important; letter-spacing: -.05em !important }
html body:not(#lh-ro) :is(.lh-ticket-row, .lh-invoice-row)::before,
html body:not(#lh-ro) :is(.lh-ticket-row, .lh-invoice-row)::after { display: none !important }
html body:not(#lh-ro) .lh-td .lh-td-head { padding-bottom: 20px !important; margin-bottom: 24px !important }
html body:not(#lh-ro) .lh-td .lh-td-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; flex-wrap: wrap !important; margin-bottom: 12px !important }
html body:not(#lh-ro) .lh-td .lh-td-heading { display: flex !important; align-items: center !important; gap: 12px !important; min-width: 0 !important; flex: 1 1 360px !important }
html body:not(#lh-ro) .lh-td .lh-td-id { flex: 0 0 auto !important; padding: 6px 11px !important; border: 1px solid #353c62 !important; border-radius: 10px !important; background: #1a1e3b !important; color: #c4c7ff !important; font-size: 13px !important; font-weight: 800 !important }
html body:not(#lh-ro) .lh-td h1.lh-td-title { margin: 0 !important; font-size: clamp(22px, 1.1rem + .9vw, 30px) !important; line-height: 1.2 !important; letter-spacing: -.04em !important; overflow-wrap: anywhere !important }
html body:not(#lh-ro) .lh-td .lh-td-actions { display: flex !important; align-items: center !important; gap: 10px !important; flex: 0 0 auto !important }
html body:not(#lh-ro) .lh-td a.lh-td-back { margin: 0 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 12px !important }
html body:not(#lh-ro) .lh-td a.lh-td-back i { font-size: 11px !important }
html body:not(#lh-ro) .lh-td .lh-td-meta { margin: 0 !important }
html body:not(#lh-ro) .lh-ticket-form-page .glass-card.gradient-border-top { border: 1px solid #252b47 !important; border-radius: 20px !important; background: linear-gradient(145deg, rgba(17, 21, 40, .96), rgba(10, 13, 26, .94)) !important; box-shadow: none !important }
html body:not(#lh-ro) .lh-ticket-form-page .glass-card.gradient-border-top::before,
html body:not(#lh-ro) .lh-ticket-form-page .glass-card.gradient-border-top::after { display: none !important }
html body:not(#lh-ro) .glass-card:has(.lh-ticket-list, .lh-invoice-list):not(.lh-ticket-row):not(.lh-invoice-row) { overflow: visible !important; padding-top: 2px !important }
html body:not(#lh-ro) .lh-state-page .glass-card.glass-card { background: linear-gradient(145deg, rgba(17, 21, 40, .96), rgba(10, 13, 26, .94)) !important; border: 1px solid #252b47 !important; border-radius: 22px !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .28) !important }
html body:not(#lh-ro) .lh-state-page .glass-card.glass-card::before,
html body:not(#lh-ro) .lh-state-page .glass-card.glass-card::after { display: none !important; content: none !important }
html body:not(#lh-ro) .lh-state-page h1 { margin-left: auto !important; margin-right: auto !important }
html body:not(#lh-ro) .lh-state-page :is(.btn-gradient, a[class*="bg-white/5"]) { font-size: 14px !important; padding: 12px 20px !important; border-radius: 12px !important }
html body:not(#lh-ro) .lh-state-page a[class*="bg-white/5"] { border: 1px solid #353c5c !important; background: #ffffff04 !important; color: #e5e7ff !important; font-weight: 800 !important }
html body:not(#lh-ro) .lh-state-page a[class*="bg-white/5"]:hover { border-color: #777cf5 !important; background: #777cf510 !important; color: #fff !important }