/* ═══════════════════════════════════════════════════════════════
   MELS TRAVEL — SITE STYLES v4.0
   Единая палитра: #3E8CC9 (светлый фон) / #A1D9F2 (тёмный фон)
   Фон #F1F7FF · Карточки белые · Акцент #FF5A36 · Golos Text
   Контраст AAA. Обновлено: 2026-07-18
═══════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────
   01. DESIGN TOKENS — единый источник правды
──────────────────────────────────────────────── */
:root {
  color-scheme: light;

  /* ФОНЫ */
  --bg-main:      #F1F7FF;   /* фон всех страниц */
  --bg-card:      #FFFFFF;   /* карточки */
  --bg-dark:      #0D1B2A;   /* тёмные секции */
  --bg-dark-card: #162232;

  /* ТЕКСТ (на светлом) */
  --text-primary:   #1E1E1E; /* 14.5:1 AAA */
  --text-secondary: #3D4756; /* 7.2:1  AAA */
  --text-muted:     #5B6270; /* 5.0:1  AA  */
  --text-on-dark:   #FFFFFF; /* текст на тёмном */
  --text-on-dark-2: #C7D2E9; /* вторичный на тёмном */

  /* СИНИЙ — пара свет/тьма */
  --brand:         #3E8CC9;  /* кнопки, иконки (светлый фон) */
  --brand-dark:    #2A6FA3;  /* ссылки, ховер, цена (4.9:1 AAA) */
  --brand-darkest: #1A4F7A;  /* текст на pale, ховер ссылок */
  --brand-on-dark: #A1D9F2;  /* ВСЁ синее на тёмном #0D1B2A (11.4:1 AAA) */
  --brand-pale:    #F1F7FF;  /* фон форм/тегов = bg-main */
  --brand-light:   #C4DEFF;  /* бордеры тегов */
  --brand-text:    #FFFFFF;  /* текст на синей кнопке */
  --shadow-brand:  0 6px 20px rgba(62,140,201,.28);

  /* АКЦЕНТ — только CTA / горящие */
  --accent:        #FF5A36;
  --accent-hover:  #E84520;
  --accent-pale:   #FFF0EC;
  --shadow-accent: 0 6px 20px rgba(255,90,54,.22);

  /* НЕЙТРАЛЬНЫЕ */
  --n-900:#1E1E1E; --n-800:#2D3340; --n-700:#3D4756; --n-600:#515762;
  --n-500:#5B6270; --n-400:#8C919C; --n-300:#B8BCC5; --n-200:#D5D8DF;
  --n-150:#DDE5F0; --n-100:#EBF1FA; --n-50:#F5F9FF;

  /* СЕМАНТИКА */
  --success:#0F7A4A; --success-bg:#E6F5EF;
  --warning:#A86000; --warning-bg:#FEF2D6;
  --error:  #C41A1A; --error-bg:  #FDEAEA;
  --star:   #E9A126;                     /* звёзды рейтинга */
  --verified:#0F7A4A;                    /* «проверено» */

  /* ШРИФТ */
  --font: 'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ТИПОГРАФИКА */
  --fs-xs:clamp(11px,.75vw,12px); --fs-sm:clamp(12px,.9vw,14px);
  --fs-base:clamp(14px,1vw,16px); --fs-lg:clamp(16px,1.25vw,20px);
  --fs-xl:clamp(20px,1.9vw,26px); --fs-2xl:clamp(24px,3vw,34px);
  --fs-3xl:clamp(30px,4.6vw,48px); --fs-4xl:clamp(36px,6vw,56px);
  --lh-tight:1.1; --lh-snug:1.25; --lh:1.6; --lh-loose:1.65;

  /* ОТСТУПЫ / СКРУГЛЕНИЯ / ТЕНИ */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px;
  --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px; --s-20:80px;
  --r-xs:3px; --r-sm:6px; --r-md:8px; --r-lg:12px; --r-xl:16px; --r-2xl:24px; --r-full:9999px;
  --shadow-sm:0 1px 3px rgba(30,60,120,.06);
  --shadow-md:0 4px 12px rgba(30,60,120,.09);
  --shadow-lg:0 8px 24px rgba(30,60,120,.11);
  --container-max:1200px; --container-pad:clamp(16px,3vw,32px);
}

/* ────────────────────────────────────────────────
   02. ПРИНУДИТЕЛЬНЫЙ ШРИФТ Golos Text
   Перекрывает Open Sans / Arial / Arimo в Tilda-блоках
──────────────────────────────────────────────── */
body, .t-text, .t-title, .t-descr, .t-heading, .t-name,
.t-btn, .t-input, .t-select, .t-uptitle, .t-store__prod-popup__text,
[class*="t-col"] *, .t-records, .t-records * {
  font-family: var(--font) !important;
}

/* ────────────────────────────────────────────────
   03. BASE
──────────────────────────────────────────────── */
html { font-family:var(--font); color:var(--text-primary); background:var(--bg-main); scroll-behavior:smooth; }
body { margin:0; padding-bottom:0 !important; background:var(--bg-main) !important;
  color:var(--text-primary); font-size:15px; line-height:var(--lh); -webkit-font-smoothing:antialiased; }
*, *::before, *::after { box-sizing:border-box; }
img, svg, video { max-width:100%; }
img { display:block; }
a { color:inherit; }
.container { max-width:var(--container-max); margin:0 auto; padding:0 var(--container-pad); }
.section { padding:var(--s-12) 0; }
.section.soft { background:var(--n-50); }
.muted { color:var(--text-secondary); }
.nowrap { white-space:nowrap; }

/* ────────────────────────────────────────────────
   04. TYPOGRAPHY
──────────────────────────────────────────────── */
h1,h2,h3 { margin:0 0 var(--s-4); color:var(--text-primary); letter-spacing:-.01em; line-height:var(--lh-tight); }
h1 { font-size:var(--fs-4xl); font-weight:900; }
h2 { font-size:var(--fs-3xl); font-weight:800; }
h3 { font-size:var(--fs-2xl); font-weight:700; }
h4 { margin:0 0 var(--s-2); font-size:var(--fs-lg); font-weight:700; line-height:var(--lh-snug); color:var(--text-primary); }
p,li { font-size:var(--fs-base); line-height:var(--lh-loose); }
p { margin:0 0 var(--s-4); }
.eyebrow { display:inline-block; margin-bottom:var(--s-3); font-size:var(--fs-xs);
  text-transform:uppercase; letter-spacing:.14em; color:var(--brand-dark); font-weight:800; }

/* ────────────────────────────────────────────────
   05. BUTTONS
──────────────────────────────────────────────── */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:44px; padding:0 22px; border:1.5px solid transparent; border-radius:var(--r-md);
  font-family:var(--font); font-size:14px; font-weight:700; line-height:1; letter-spacing:.1px;
  text-decoration:none; white-space:nowrap; cursor:pointer;
  transition:background-color .14s, border-color .14s, transform .1s, box-shadow .14s; }
.btn:focus-visible { outline:3px solid rgba(62,140,201,.40); outline-offset:3px; }
.btn:active { transform:scale(.97); }

/* Primary — синяя (основная) */
.btn.primary,.btn-brand,a.btn.primary,a.btn-brand {
  background:var(--brand); color:var(--brand-text) !important; border-color:var(--brand); }
.btn.primary:hover,.btn-brand:hover,a.btn.primary:hover,a.btn-brand:hover {
  background:var(--brand-dark); border-color:var(--brand-dark); transform:translateY(-1px); box-shadow:var(--shadow-brand); }

/* Accent — только горящие туры / главный CTA */
.btn.accent,.btn-accent,a.btn.accent,a.btn-accent {
  background:var(--accent); color:#fff !important; border-color:var(--accent); }
.btn.accent:hover,.btn-accent:hover { background:var(--accent-hover); border-color:var(--accent-hover); }

/* Ghost */
.btn.ghost,.btn-ghost,a.btn.ghost,a.btn-ghost {
  background:transparent; color:var(--text-secondary) !important; border-color:var(--n-200); }
.btn.ghost:hover,.btn-ghost:hover { background:var(--n-100); color:var(--text-primary) !important; border-color:var(--n-300); }

/* Outline */
.btn.outline,.btn-outline-brand,a.btn.outline,a.btn-outline-brand {
  background:transparent; color:var(--brand-dark) !important; border-color:var(--brand); }
.btn.outline:hover,.btn-outline-brand:hover { background:var(--brand-pale); color:var(--brand-darkest) !important; }

/* Secondary */
.btn.secondary,.btn-secondary,a.btn.secondary,a.btn-secondary {
  background:var(--brand-pale); color:var(--brand-darkest) !important; border-color:var(--brand-light); }
.btn.secondary:hover,.btn-secondary:hover { background:var(--n-100); }

/* Dark */
.btn.dark,.btn-dark,a.btn.dark,a.btn-dark {
  background:var(--text-primary); color:#fff !important; border-color:var(--text-primary); }
.btn.dark:hover,.btn-dark:hover { background:var(--n-800); border-color:var(--n-800); }

/* Размеры */
.btn-pill { border-radius:var(--r-full) !important; }
.btn-xl { min-height:48px; padding:0 28px; border-radius:var(--r-lg); font-size:15px; }
.btn-lg { min-height:44px; padding:0 22px; border-radius:var(--r-md); font-size:14px; }
.btn-md { min-height:38px; padding:0 17px; border-radius:var(--r-md); font-size:13px; }
.btn-sm { min-height:32px; padding:0 13px; border-radius:var(--r-sm); font-size:12px; }

/* OTP */
.ButtonOtp { width:275px; height:56px; border:none; border-radius:var(--r-full);
  background:var(--brand); color:var(--brand-text); font-family:var(--font); font-size:15px;
  font-weight:800; text-transform:uppercase; cursor:pointer; box-shadow:var(--shadow-brand);
  transition:background-color .14s, transform .1s; }
.ButtonOtp:hover { background:var(--brand-dark); }
.ButtonOtp:active { transform:scale(.97); }

/* ────────────────────────────────────────────────
   06. ТЁМНЫЕ СЕКЦИИ — синий автоматически → #A1D9F2
   Работает на контейнерах с тёмным фоном #0D1B2A
──────────────────────────────────────────────── */
.card-dark, .section-dark, .bg-dark,
[style*="background-color: rgb(13, 27, 42)"],
[style*="background:#0D1B2A"], [style*="background: #0D1B2A"] {
  background:var(--bg-dark); color:var(--text-on-dark);
}
/* синие акценты внутри тёмного → светлый синий */
.card-dark .accent, .card-dark a, .card-dark .highlight,
.section-dark .accent, .section-dark a, .section-dark .highlight,
.bg-dark a, .bg-dark .accent, .bg-dark .highlight {
  color:var(--brand-on-dark) !important;
}
/* синяя кнопка на тёмном → светлый синий с тёмным текстом */
.card-dark .btn.primary, .section-dark .btn.primary, .bg-dark .btn.primary {
  background:var(--brand-on-dark) !important; color:var(--bg-dark) !important; border-color:var(--brand-on-dark) !important;
}

/* ────────────────────────────────────────────────
   07. CARDS / GRID
──────────────────────────────────────────────── */
.grid { display:grid; gap:clamp(16px,2.2vw,28px); }
@media(min-width:720px){ .grid.cols-2{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:960px){ .grid.cols-3{ grid-template-columns:repeat(3,1fr); } }
@media(min-width:1200px){ .grid.cols-4{ grid-template-columns:repeat(4,1fr); } }
.card { background:var(--bg-card); border:1px solid var(--n-150); border-radius:var(--r-xl);
  padding:clamp(16px,2.4vw,24px); box-shadow:var(--shadow-sm); }
.card-dark { border-radius:var(--r-xl); padding:clamp(18px,2.6vw,28px); }
.thumb { position:relative; overflow:hidden; border-radius:var(--r-xl); aspect-ratio:3/2;
  background:linear-gradient(135deg,var(--brand-pale),#fff); border:1px dashed var(--n-150); }
.thumb img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }

/* ────────────────────────────────────────────────
   08. PILLS / BADGES / TAGS / LIST
──────────────────────────────────────────────── */
.pills { display:flex; flex-wrap:wrap; gap:10px; }
.pill,.badge { display:inline-flex; align-items:center; justify-content:center;
  border-radius:var(--r-full); font-weight:700; line-height:1.2; }
.pill { padding:8px 14px; font-size:var(--fs-sm); background:#FFF;
  border:1px solid var(--brand-light); color:var(--brand-darkest); }
:not(.phone) > .badge { gap:4px; padding:3px 9px; font-size:11px; background:#FFF;
  border:1px solid var(--brand-light); color:var(--brand-darkest); }
.badge-hot,.badge-accent { background:var(--accent); color:#fff; border:none; }
.badge-success { background:var(--success-bg); color:var(--success); border:none; }
.badge-verified { background:var(--success-bg); color:var(--verified); border:none; }
.stars { color:var(--star); }
.list { display:grid; gap:10px; margin:0; padding:0; }
.list li { list-style:none; position:relative; padding-left:26px; }
.list li::before { content:""; position:absolute; left:0; top:.6em; width:8px; height:8px;
  border-radius:50%; background:var(--brand); }

/* ────────────────────────────────────────────────
   09. FORMS / INPUTS
──────────────────────────────────────────────── */
input,select,textarea { background:#FFF; border:1.5px solid var(--n-200);
  border-radius:var(--r-md); color:var(--text-primary); font-family:var(--font); }
input:focus,select:focus,textarea:focus { outline:none; border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(62,140,201,.18); }

/* ────────────────────────────────────────────────
   10. FAQ
──────────────────────────────────────────────── */
details { border:1px solid var(--n-150); border-radius:var(--r-lg); padding:14px 16px; background:var(--bg-card); }
details + details { margin-top:12px; }
details[open] { box-shadow:var(--shadow-md); }
summary { cursor:pointer; font-weight:700; font-size:var(--fs-base); list-style:none;
  display:flex; align-items:center; outline:none; }
summary::-webkit-details-marker { display:none; }
summary::marker { content:""; }
summary::before { content:"▾"; margin-right:8px; font-size:18px; line-height:1;
  color:var(--brand-dark); transform:rotate(-90deg); transform-origin:center; transition:transform .28s ease; }
details[open] summary::before { transform:rotate(0deg); }
.faq-content { margin-top:8px; overflow:hidden; max-height:0; opacity:0; transform:translateY(-4px);
  transition:max-height .28s ease, opacity .28s ease, transform .28s ease; }
details[open] .faq-content { max-height:420px; opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce){ .faq-content{ transition:none !important; } }

/* ────────────────────────────────────────────────
   11. SECTION HEAD / CONTACT BAR
──────────────────────────────────────────────── */
.site-section-head,.section-head,.section .section-head,:not(.phone) > .section-head {
  display:flex; justify-content:space-between; align-items:flex-end; gap:12px; margin-bottom:var(--s-6); }
.site-section-head p,.section-head p,.section-head .muted { margin:0; color:var(--text-secondary); }
.contact-bar { position:sticky; bottom:12px; display:flex; justify-content:center; padding:0 var(--container-pad); z-index:50; }
body.page-app .contact-bar { display:none !important; }
.contact-bar .inner { background:var(--bg-card); border:1px solid var(--n-150); border-radius:var(--r-full);
  padding:8px; display:flex; justify-content:center; align-items:center; gap:8px; box-shadow:var(--shadow-md); }
.contact-bar .btn { background:transparent; border-color:var(--brand); color:var(--brand-dark) !important; box-shadow:none; }
.contact-bar .btn.primary { background:var(--brand); color:var(--brand-text) !important; box-shadow:var(--shadow-brand); }
.contact-bar .inner .btn:hover { background:var(--brand-dark); color:var(--brand-text) !important; }

/* ────────────────────────────────────────────────
   12. TILDA BUTTONS
──────────────────────────────────────────────── */
.t-btn.t-btnflex.t-btnflex_type_button2 { transition:transform .2s ease, box-shadow .2s ease !important; }
.t-btn.t-btnflex.t-btnflex_type_button2:hover { transform:translateY(-2px) !important; box-shadow:0 10px 24px rgba(62,140,201,.28) !important; }
.t-btn.t-btnflex.t-btnflex_type_button2:active { transform:translateY(0) scale(.97) !important; }

/* ────────────────────────────────────────────────
   13. HEADER (t228)
──────────────────────────────────────────────── */
body.header-light .t228__centerside .t-menu__link-item,
body.header-light .t228__centerside .t-menu__link-item span { color:#1E1E1E !important; }
body.header-dark .t228:not(.t228__positionfixed) .t228__centerside .t-menu__link-item,
body.header-dark .t228:not(.t228__positionfixed) .t228__centerside .t-menu__link-item span { color:#FFFFFF !important; }
.t228__positionfixed .t-menu__link-item, .t228__positionfixed .t-menu__link-item span,
.t228[style*="background-color: rgb(241, 247, 255)"] .t-menu__link-item,
.t228[style*="background-color: rgb(241, 247, 255)"] .t-menu__link-item span,
.t228[style*="background-color: rgb(255, 255, 255)"] .t-menu__link-item,
.t228[style*="background-color: rgb(255, 255, 255)"] .t-menu__link-item span { color:#1E1E1E !important; }
.t228__centerside .t-menu__link-item:hover, .t228__centerside .t-menu__link-item:hover span,
.t228__centerside .t-menu__link-item.t-active, .t228__centerside .t-menu__link-item.t-active span { color:#3E8CC9 !important; }
.t-menusub,.t-menusub *,.t-menusub__menu,.t-menusub__menu *,.t-menusub__link-item,.t-menusub__link-item span { color:#1E1E1E !important; }
.t-menusub__link-item:hover,.t-menusub__link-item:hover span { color:#3E8CC9 !important; }
.t228 .t-btn,.t228 .t-btn *,.t228 .t-btnflex,.t228 .t-btnflex *,.t228 .t-btnflex__text { color:#FFFFFF !important; }
body.header-light .t228__imglogo, body.header-light img.t228__imglogo,
.t228__positionfixed .t228__imglogo, .t228__positionfixed img.t228__imglogo {
  content:url("https://static.tildacdn.com/tild6332-6435-4630-b335-656230636239/logo.svg") !important; }
body.header-light .t228__rightcontainer, body.header-light .t228__rightcontainer a,
body.header-light .t228__rightcontainer div, body.header-light .t228__rightcontainer span { color:#1E1E1E !important; }
body.header-dark .t228:not(.t228__positionfixed) .t228__rightcontainer,
body.header-dark .t228:not(.t228__positionfixed) .t228__rightcontainer a,
body.header-dark .t228:not(.t228__positionfixed) .t228__rightcontainer div,
body.header-dark .t228:not(.t228__positionfixed) .t228__rightcontainer span { color:#FFFFFF !important; }
.t228__positionfixed .t228__rightcontainer, .t228__positionfixed .t228__rightcontainer a,
.t228__positionfixed .t228__rightcontainer div, .t228__positionfixed .t228__rightcontainer span { color:#1E1E1E !important; }
/* Кнопка «Личный Кабинет» — всегда белый текст */
.t228 .t228__rightcontainer .t-btn, .t228 .t228__rightcontainer .t-btn *,
.t228 .t228__rightcontainer .t-btnflex, .t228 .t228__rightcontainer .t-btnflex *,
.t228 .t228__rightcontainer .t-btnflex__text,
.t228.t228__positionfixed .t228__rightcontainer .t-btn,
.t228.t228__positionfixed .t228__rightcontainer .t-btn *,
.t228.t228__positionfixed .t228__rightcontainer .t-btnflex,
.t228.t228__positionfixed .t228__rightcontainer .t-btnflex *,
.t228.t228__positionfixed .t228__rightcontainer .t-btnflex__text { color:#FFFFFF !important; }
/* Выпадающие меню — тёмный текст на светлом */
.t228 .t-menusub,.t228 .t-menusub *,.t228 .t-menusub__menu,.t228 .t-menusub__menu *,
.t228 .t-menusub__link-item,.t228 .t-menusub__link-item span { color:#1E1E1E !important; }
.t228 .t-menusub__link-item:hover,.t228 .t-menusub__link-item:hover span { color:#3E8CC9 !important; }
.t228 .t-btnflex__text,.t228 .t-btnflex__text span {
  display:inline-block; max-width:160px; overflow:hidden; text-overflow:clip; white-space:nowrap; }

/* ────────────────────────────────────────────────
   14. MOBILE MENU (#rec350163849)
──────────────────────────────────────────────── */
@media(max-width:980px){
  html,body { overflow-x:hidden !important; }
  #rec350163849 .t280__menu__wrapper, #rec350163849 .t280__menu__wrapper_2, #rec350163849 .t280__menu__container {
    left:0 !important; right:0 !important; width:100vw !important; max-width:100vw !important;
    margin:0 !important; padding:0 !important; border-radius:0 !important; transform:none !important;
    overflow-x:hidden !important; visibility:visible !important; }
  #rec350163849 .t280__menu__container {
    background:linear-gradient(rgba(13,27,42,.42),rgba(13,27,42,.42)),
      url("https://static.tildacdn.com/tild3463-6633-4330-a435-636366626632/__.jpg") center center / cover no-repeat !important; }
  #rec350163849 .t280__menu__bg { background:transparent !important; }
  #rec350163849 .t280__menu__container a, #rec350163849 .t280__menu__container a span,
  #rec350163849 .t-menu__link-item, #rec350163849 .t-menu__link-item span {
    color:#FFFFFF !important; font-size:16px !important; font-weight:700 !important; line-height:1.1 !important;
    text-align:left !important; visibility:visible !important; opacity:1 !important; }
  #rec350163849 .t280__menu__container a, #rec350163849 .t-menu__link-item {
    display:block !important; width:100% !important; padding:7px 0 7px 32px !important; margin:0 !important;
    border:none !important; text-decoration:none !important; }
  #rec350163849 .t-menusub, #rec350163849 .t-menusub__menu { background:transparent !important; border:none !important; box-shadow:none !important; }
  #rec350163849 .t-menusub__link-item, #rec350163849 .t-menusub__link-item span {
    color:#FFFFFF !important; font-size:15px !important; text-align:left !important; }
  #rec350163849 .t-menusub__link-item { padding:5px 0 5px 48px !important; }
  #rec350163849 .t280__contacts *, #rec350163849 .t280__bottom * { text-align:left !important; }
  #rec350163849 .t280__socials, #rec350163849 .t-sociallinks, #rec350163849 .t-sociallinks__wrapper {
    justify-content:center !important; text-align:center !important; padding-left:0 !important; padding-right:0 !important;
    margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; left:auto !important; right:auto !important; }
  #rec350163849 .t280__descr.t280__bottom__item {
    display:block !important; position:static !important; left:auto !important; right:auto !important;
    width:auto !important; max-width:none !important; margin:0 !important; padding-left:32px !important;
    text-align:left !important; transform:none !important; }
}

/* ────────────────────────────────────────────────
   15. MOBILE
──────────────────────────────────────────────── */
@media(max-width:767px){
  body { padding-bottom:0 !important; }
  h1 { font-size:clamp(32px,10vw,40px); }
  h2 { font-size:clamp(22px,7vw,28px); }
  .section { padding:var(--s-10) 0; }
  .site-section-head,.section-head { flex-direction:column; align-items:stretch; gap:var(--s-4); }
  .contact-bar { position:static; padding:0 var(--container-pad); margin:var(--s-6) 0 var(--s-8); }
  .contact-bar .inner { width:100%; padding:0; background:transparent; border:none; box-shadow:none;
    border-radius:var(--r-xl); flex-direction:column; align-items:stretch; gap:12px; }
  .contact-bar .btn { width:100%; justify-content:center; padding-inline:16px; font-size:var(--fs-sm); }
  .ButtonOtp { width:100%; max-width:275px; }
  .t-btn { display:block; text-align:center; width:100% !important; max-width:100% !important; }
}
@media(prefers-reduced-motion:reduce){
  .btn,.t-btn.t-btnflex.t-btnflex_type_button2 { transition:none !important; }
  .btn:hover,.btn:active { transform:none !important; }
}

/* ────────────────────────────────────────────────
   16. TOURVISOR — стеклянная форма в цвет DS
──────────────────────────────────────────────── */
.TVWidget,.tv-widget,[id^="tv_widget"] { border-radius:20px !important; overflow:hidden !important; box-shadow:0 8px 32px rgba(30,60,120,.18) !important; }
.TVMainForm,.TVFilterForm,.TVFormTypes {
  background:rgba(241,247,255,.88) !important; backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important; box-shadow:none !important; border-radius:0 !important; }
.TVMainForm { border-top:1px solid rgba(62,140,201,.20) !important; }
.TVFilterForm { border-top:1px solid rgba(62,140,201,.20) !important; }
.TVMainForm *,.TVFilterForm *,.TVFormTypes * { color:#1E1E1E !important; }
.TVButtonColor,.TVSearchButton,.TVButtonHover {
  background-color:#3E8CC9 !important; background-image:none !important; color:#FFFFFF !important; font-weight:700 !important; }
.TVButtonColor:hover,.TVSearchButton:hover { background-color:#2A6FA3 !important; }
.TVButtonColor svg,.TVSearchButton svg,.TVButtonColor svg path,.TVSearchButton svg path {
  fill:#FFFFFF !important; stroke:#FFFFFF !important; }