:root { --country-panel: #00272b; --country-hover: #07484d; --country-edge: #0d656d; --country-accent: #fe4848; }
/* 22Bet country network */
.country-switch { position: relative; flex: none; z-index: 1001; color: #fff; font-family: inherit; }
.country-switch summary { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 5px 9px; border: 1px solid var(--country-edge); border-radius: 10px; background: var(--country-panel); color: #fff; font-size: 13px; font-weight: 700; line-height: 1; cursor: pointer; white-space: nowrap; list-style: none; }
.country-switch summary::-webkit-details-marker { display: none; }
.country-switch summary::marker { content: ''; }
.country-switch summary:hover, .country-switch[open] summary { border-color: var(--country-accent); background: var(--country-hover); }
.country-switch summary:focus-visible, .country-switch a:focus-visible, .country-footer-link:focus-visible { outline: 2px solid var(--country-accent); outline-offset: 3px; }
.country-flag { display: block; width: 27px; height: 27px; flex: none; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; object-fit: cover; }
.country-chevron { width: 7px; height: 7px; margin-left: 1px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .18s ease; }
.country-switch[open] .country-chevron { transform: rotate(225deg) translateY(-1px); }
.country-menu { position: absolute; top: calc(100% + 7px); right: 0; z-index: 1002; display: grid; gap: 2px; min-width: 103px; padding: 7px; border: 1px solid var(--country-edge); border-radius: 13px; background: var(--country-panel); box-shadow: 0 14px 32px rgba(0,0,0,.28); }
.country-menu a { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 39px; padding: 5px 7px; border-radius: 8px; color: #fff; font-size: 13px; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; }
.country-menu a:hover { background: var(--country-hover); color: #fff; }
.country-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 22px 0 18px; padding: 20px 0 2px; border-top: 1px solid var(--country-edge); }
.country-footer-link { display: inline-flex; align-items: center; gap: 9px; min-height: 43px; padding: 6px 12px; border: 1px solid var(--country-edge); border-radius: 999px; background: var(--country-panel); color: #fff; font-size: 13px; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.country-footer-link:hover, .country-footer-link.is-current { border-color: var(--country-accent); background: var(--country-hover); color: #fff; }
.country-footer-link:hover { transform: translateY(-2px); }
.country-footer-link .country-flag { width: 27px; height: 27px; }
@media (max-width: 600px) { .country-switch summary { gap: 5px; padding: 4px 7px; font-size: 12px; } .country-flag { width: 24px; height: 24px; } .country-footer { justify-content: flex-start; gap: 8px; } .country-footer-link { font-size: 12px; padding: 5px 9px; } }
.site-header .header-inner { grid-template-columns: 240px minmax(0, 1fr) auto auto auto; }
.site-header .header-inner > .country-switch { grid-column: 4; justify-self: end; }
.site-header .header-inner > .menu-toggle { grid-column: 5; }
.site-footer > .country-footer { max-width: 1540px; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }
@media (min-width: 960px) and (max-width: 1180px) { .site-header .header-inner { grid-template-columns: 160px minmax(0, 1fr) auto auto auto; gap: 10px; padding-left: 16px; padding-right: 16px; } .site-header .desktop-nav { gap: 12px; font-size: 13px; } .site-header .header-actions { gap: 6px; } .site-header .header-actions .btn { padding-left: 10px; padding-right: 10px; font-size: 12px; } }
@media (max-width: 959.98px) { .site-header .header-inner { grid-template-columns: minmax(0,1fr) auto auto; } .site-header .header-inner > .country-switch { grid-column: 2; } .site-header .header-inner > .menu-toggle { grid-column: 3; } .site-footer > .country-footer { padding-left: 16px; padding-right: 16px; } }

@media (max-width: 959.98px) { body .site-header .header-inner > .header-actions { display: none !important; } }