/* mobile-country-fix.css */
/* Rovanzia 1.2.2 — touch-safe country picker and VAVADA theme */
@media (max-width: 620px) {
  html:has(.country-menu.is-open),
  body:has(.country-menu.is-open) {
    overflow: hidden;
    overscroll-behavior: none;
  }

  main:has(.country-menu.is-open) {
    overflow: visible;
  }

  main:has(.country-menu.is-open)::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 902;
    background: rgba(1, 7, 15, .76);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
  }

  .hero-copy:has(.country-menu.is-open),
  .page-hero:has(.country-menu.is-open),
  .review-facts:has(.country-menu.is-open),
  .vip-country-panel:has(.country-menu.is-open) {
    z-index: 903 !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  .hero-copy:has(.country-menu.is-open) > :not(.country-control),
  .page-hero:has(.country-menu.is-open) > :not(.page-hero-control),
  .review-facts:has(.country-menu.is-open) > :not(.country-control),
  .vip-country-panel:has(.country-menu.is-open) > :not(.country-control) {
    opacity: .08;
    pointer-events: none;
  }

  .page-hero-control:has(.country-menu.is-open) {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
  }

  .page-hero-control:has(.country-menu.is-open) > :not(.country-control) {
    opacity: .08;
    pointer-events: none;
  }

  .country-menu.is-open {
    z-index: 905 !important;
  }

  .country-menu.is-open .menu-trigger {
    opacity: 0;
    pointer-events: none;
  }

  .country-menu .menu-popover {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    z-index: 906 !important;
    display: flex;
    flex-direction: column;
    width: auto !important;
    height: min(680px, calc(100dvh - 104px));
    max-height: calc(100vh - 104px) !important;
    max-height: calc(100dvh - 104px) !important;
    padding: 20px 10px 10px;
    border-color: rgba(104, 238, 229, .42);
    border-radius: 22px;
    background: linear-gradient(160deg, rgba(10, 31, 54, .998), rgba(3, 13, 26, .998));
    box-shadow: 0 32px 110px rgba(0, 0, 0, .76), inset 0 1px rgba(255, 255, 255, .04);
    overflow: hidden;
  }

  .country-menu .menu-popover::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 50%;
    width: 40px;
    height: 4px;
    border-radius: 999px;
    background: rgba(180, 203, 230, .3);
    transform: translateX(-50%);
  }

  .country-menu .menu-search {
    flex: 0 0 auto;
    height: 52px;
    min-height: 52px;
    margin-bottom: 7px;
    padding-inline: 14px;
    border-color: rgba(118, 166, 220, .32);
    border-radius: 12px;
  }

  .country-menu .menu-search input {
    font-size: 16px;
  }

  .country-menu .menu-options {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    padding: 3px 2px 6px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  .country-menu .menu-option {
    grid-template-columns: 36px minmax(0, 1fr) 22px;
    gap: 10px;
    min-height: 52px;
    padding: 9px 12px;
    border-radius: 11px;
    font-size: 15px;
    touch-action: manipulation;
  }

  .country-menu .menu-option:hover {
    padding-left: 12px;
  }

  .country-menu .option-prefix {
    font-size: 17px;
  }
}

.casino-mark.lime,
.mini-mark.lime {
  color: #fff;
  border-color: rgba(254, 40, 74, .48);
  background: linear-gradient(145deg, #4d0d2d, #13091e 68%);
}

.brand-card.brand-vavada {
  border-color: rgba(254, 40, 74, .24);
  background:
    radial-gradient(circle at 88% 8%, rgba(254, 40, 74, .15), transparent 32%),
    linear-gradient(135deg, rgba(38, 8, 37, .92), rgba(7, 17, 31, .9));
}

.brand-card.brand-vavada:hover {
  border-color: rgba(254, 40, 74, .62);
  box-shadow: 0 24px 60px rgba(84, 5, 38, .28);
}

.review-layout-arena {
  --brand-rgb: 254, 40, 74;
  --brand-2-rgb: 160, 255, 65;
  background:
    radial-gradient(circle at 82% 5%, rgba(254, 40, 74, .14), transparent 28%),
    radial-gradient(circle at 14% 28%, rgba(160, 255, 65, .055), transparent 25%);
}

.review-layout-arena .review-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(112deg, rgba(38, 6, 33, .76), rgba(4, 17, 31, .38)),
    repeating-radial-gradient(circle at 88% 46%, transparent 0 52px, rgba(254, 40, 74, .09) 53px 54px);
}

.review-layout-arena .review-hero::after {
  content: "TOURNAMENT EDITION";
  position: absolute;
  right: 5vw;
  bottom: 12px;
  z-index: -1;
  color: rgba(254, 40, 74, .075);
  font: 700 clamp(34px, 6vw, 86px)/1 Arial, sans-serif;
  letter-spacing: .06em;
  white-space: nowrap;
}

.review-layout-arena .review-mark {
  border-color: rgba(254, 40, 74, .55);
  background: linear-gradient(145deg, rgba(77, 13, 45, .96), rgba(16, 8, 28, .96));
  box-shadow: 0 22px 64px rgba(95, 4, 42, .32), inset 0 0 36px rgba(254, 40, 74, .08);
}

.review-layout-arena .review-hero h1,
.review-layout-arena .review-article h2,
.review-layout-arena .review-article h3 {
  text-shadow: 0 0 34px rgba(254, 40, 74, .12);
}

.review-layout-arena .review-facts {
  border-color: rgba(254, 40, 74, .24);
  background:
    linear-gradient(155deg, rgba(39, 8, 35, .94), rgba(5, 19, 34, .94));
}

.review-layout-arena .review-lead > p:last-child {
  border-left-color: #fe284a;
  background: rgba(254, 40, 74, .055);
}

.review-layout-arena .article-grid section:nth-child(3n + 1) {
  background: linear-gradient(145deg, rgba(254, 40, 74, .045), transparent 72%);
}

.review-layout-arena .article-grid section:nth-child(3n + 2) {
  background: linear-gradient(145deg, rgba(160, 255, 65, .025), transparent 72%);
}

.review-layout-arena .article-grid section > span,
.review-layout-arena .review-dual-list li .ui-icon,
.review-layout-arena .faq-block summary::after {
  color: #fe5873;
}

@media (max-width: 620px) {
  .review-layout-arena .review-hero::after {
    right: -14px;
    bottom: 18px;
    font-size: 38px;
  }
}
/* geo-matrix-1.3.3.css */
.priority-geo-panel {
  position: relative;
  overflow: hidden;
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto 32px;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(104, 238, 229, 0.3);
  border-radius: 24px;
  background:
    radial-gradient(circle at 96% 4%, rgba(104, 238, 229, 0.13), transparent 34%),
    linear-gradient(145deg, rgba(20, 29, 47, 0.98), rgba(12, 19, 33, 0.98));
  box-shadow: 0 24px 70px rgba(4, 9, 18, 0.22);
  color: #f5f7fb;
}

.priority-geo-panel::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #68eee5, #2e79ff);
}

.priority-geo-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.priority-geo-head .eyebrow {
  margin: 0 0 7px;
  color: #aebbd0;
}

.priority-geo-head h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.45rem, 2.5vw, 2.15rem);
  line-height: 1.08;
}

.priority-geo-head .status {
  flex: 0 0 auto;
}

.priority-geo-facts {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.priority-geo-facts > div {
  min-width: 0;
  padding: 15px 16px;
  border: 1px solid rgba(167, 183, 208, 0.16);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
}

.priority-geo-facts dt {
  margin: 0 0 7px;
  color: #98a8bf;
  font-size: 0.69rem;
  font-weight: 750;
  letter-spacing: 0.075em;
  line-height: 1.35;
  text-transform: uppercase;
}

.priority-geo-facts dd {
  margin: 0;
  color: #f4f7fc;
  font-size: 0.88rem;
  font-weight: 610;
  line-height: 1.48;
  overflow-wrap: anywhere;
}

.priority-geo-legal-context {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin: 16px 0 0;
  padding: 15px 16px;
  border: 1px solid rgba(230, 184, 92, 0.26);
  border-radius: 15px;
  background: rgba(230, 184, 92, 0.08);
  color: #eee3ca;
  line-height: 1.55;
}

.priority-geo-legal-context > span {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  background: #c9963c;
  color: #111827;
  font-size: 0.78rem;
  font-weight: 850;
}

.priority-geo-source {
  position: relative;
  z-index: 1;
  display: inline-flex;
  margin-top: 16px;
  color: #bdd0ee;
  font-size: 0.86rem;
  font-weight: 720;
  text-decoration: none;
}

.priority-geo-source:hover {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.priority-geo-embedded {
  width: 100%;
  margin: 16px 0 4px;
  padding: 18px;
  border-radius: 18px;
}

.priority-geo-embedded .priority-geo-head {
  align-items: center;
  margin-bottom: 14px;
}

.priority-geo-embedded .priority-geo-head h2 {
  font-size: 1.15rem;
}

.priority-geo-embedded .priority-geo-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.priority-geo-embedded .priority-geo-facts > div {
  padding: 12px;
}

.priority-geo-embedded .priority-geo-facts dd {
  font-size: 0.81rem;
}

.priority-geo-embedded .priority-geo-legal-context {
  font-size: 0.83rem;
}

.geo-notice-available {
  color: #c7f1e8;
  border-color: rgba(104, 238, 229, 0.28);
  background: rgba(30, 126, 116, 0.16);
}

.article-geo .priority-geo-embedded {
  margin-bottom: 0;
}

@media (max-width: 820px) {
  .priority-geo-panel {
    width: min(100% - 24px, 1240px);
    margin-bottom: 24px;
    padding: 20px;
    border-radius: 20px;
  }

  .priority-geo-facts,
  .priority-geo-embedded .priority-geo-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 540px) {
  .priority-geo-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .priority-geo-facts,
  .priority-geo-embedded .priority-geo-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .priority-geo-panel,
  .priority-geo-embedded {
    width: 100%;
    padding: 17px;
    border-radius: 17px;
  }

  .priority-geo-directory {
    width: calc(100% - 24px);
  }
}
/* ui-menu-fix-1.4.2.css */
/* Rovanzia 1.4.2 — unified language picker + country picker layout fixes */
html, body { max-width: 100%; }
body { overflow-x: clip; }

/* Native language select is progressively enhanced by ui-menu-fix JS. */
.guide-lang.rov-enhanced { display: none !important; }

.rov-lang-menu { width: 166px; position: relative; z-index: 130; }
.rov-lang-menu .menu-trigger { min-height: 42px; border-radius: 11px; padding: 7px 10px; }
.rov-lang-menu .trigger-leading { width: 28px; min-width: 28px; color: var(--cream); }
.rov-lang-menu .trigger-copy strong { font-size: 12px; }
.rov-lang-menu .menu-popover { width: 230px; left: auto; right: 0; z-index: 150; }
.rov-lang-menu .menu-options { max-height: 330px; }
.rov-lang-menu .menu-option { grid-template-columns: 34px minmax(0,1fr) 18px; }
.rov-lang-menu .menu-option[aria-current="true"] { color: var(--aqua); background: rgba(34,105,160,.20); }

/* Keep page-level country menus inside their hero instead of covering the next section. */
@media (min-width: 901px) {
  .page-hero:has(.country-menu.is-open) {
    padding-bottom: 390px !important;
  }
  .page-hero .country-menu .menu-popover {
    max-height: min(390px, calc(100vh - 150px));
  }
  .page-hero .country-menu .menu-options {
    max-height: 285px;
  }
}

/* Header safety: no horizontal overflow on tablet/mobile. */
@media (max-width: 900px) {
  .site-header {
    grid-template-columns: minmax(0,1fr) 44px auto !important;
    column-gap: 8px;
    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;
  }
  .site-header .wordmark {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .site-header .header-actions {
    min-width: 0;
    max-width: 126px;
    gap: 7px !important;
  }
  .rov-lang-menu,
  .site-header .custom-menu.compact {
    width: 90px !important;
    min-width: 0;
  }
  .rov-lang-menu .trigger-copy,
  .site-header .custom-menu.compact .trigger-copy {
    display: none !important;
  }
  .rov-lang-menu .menu-trigger,
  .site-header .custom-menu.compact .menu-trigger {
    min-height: 42px;
    padding: 7px 9px;
  }
  .rov-lang-menu .menu-popover,
  .site-header .custom-menu.compact .menu-popover {
    position: fixed !important;
    top: 76px !important;
    left: auto !important;
    right: 14px !important;
    width: min(280px, calc(100vw - 28px)) !important;
    max-height: calc(100dvh - 94px) !important;
    z-index: 1005 !important;
  }
  .rov-lang-menu .menu-options,
  .site-header .custom-menu.compact .menu-options {
    max-height: min(390px, calc(100dvh - 130px));
  }
}

@media (max-width: 620px) {
  .site-header {
    height: 72px !important;
    padding-inline: 12px !important;
    grid-template-columns: minmax(0,1fr) 42px 82px !important;
    column-gap: 6px;
  }
  .site-header .wordmark { font-size: clamp(23px, 7vw, 29px); }
  .site-header .menu-button { width: 42px; height: 42px; margin: 0; }
  .site-header .header-actions { max-width: 82px; }
  .rov-lang-menu,
  .site-header .custom-menu.compact { width: 82px !important; }
  .rov-lang-menu .menu-trigger,
  .site-header .custom-menu.compact .menu-trigger {
    gap: 7px;
    padding-inline: 8px;
  }
  .rov-lang-menu .trigger-leading,
  .site-header .custom-menu.compact .trigger-leading {
    width: 24px;
    min-width: 24px;
    font-size: 12px;
  }
  .rov-lang-menu .chevron,
  .site-header .custom-menu.compact .chevron { margin-left: auto; margin-right: 2px; }

  /* Country picker becomes a proper bottom sheet on phones. */
  .country-menu .menu-popover {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: auto !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: min(620px, calc(100dvh - 92px));
    max-height: calc(100dvh - 92px) !important;
    border-radius: 20px;
    z-index: 1010 !important;
  }
  .country-menu .menu-options { max-height: none !important; flex: 1 1 auto; min-height: 0; }

  .guide-main,
  .guide-article-layout,
  .guide-hero,
  .guide-feature,
  .guide-principles,
  .shell { min-width: 0; max-width: 100%; }
}

/* Final containment fixes verified against guide/mobile layouts. */
html { overflow-x: clip !important; }

.rov-lang-menu .menu-option{color:#b9c8da!important;text-indent:0!important;text-transform:none!important;letter-spacing:normal!important}.rov-lang-menu .menu-option.selected{color:var(--aqua)!important}.rov-lang-menu .option-prefix,.rov-lang-menu .trigger-leading,.rov-lang-menu .trigger-copy strong{color:var(--cream)!important}

@media (max-width: 620px) {
  .page-hero:has(.country-menu.is-open),
  .hero-copy:has(.country-menu.is-open),
  .review-facts:has(.country-menu.is-open),
  .vip-country-panel:has(.country-menu.is-open),
  .page-hero-control:has(.country-menu.is-open) {
    position: relative !important;
    z-index: 1008 !important;
  }
  .country-menu.is-open {
    position: relative !important;
    z-index: 1009 !important;
  }
}

/* Rovanzia 1.5.0 — 7K brand, source notes and multilingual site search */
.brand-7k {
  --brand: #f1c45d;
  --brand-rgb: 241, 196, 93;
  --brand-2: #fff3bf;
  --brand-deep: #281907;
}
.brand-card.brand-7k {
  border-color: rgba(241,196,93,.24);
  background:
    radial-gradient(circle at 13% 20%, rgba(241,196,93,.11), transparent 24%),
    linear-gradient(135deg, rgba(31,25,17,.94), rgba(6,17,31,.96));
}
.brand-card.brand-7k:hover { border-color: rgba(241,196,93,.58); }
.brand-7k .casino-mark img,
.brand-7k .review-mark img,
.mini-mark.gold img { object-fit: contain; }
.source-archive-note {
  max-width: 320px;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.rov-search-trigger {
  width: 47px;
  height: 47px;
  flex: 0 0 47px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line-strong);
  border-radius: 11px;
  color: var(--cream);
  background: linear-gradient(135deg, rgba(11,34,59,.96), rgba(5,20,37,.96));
  cursor: pointer;
  transition: border-color .2s, color .2s, transform .2s, box-shadow .2s;
}
.rov-search-trigger:hover,
.rov-search-trigger:focus-visible {
  color: var(--aqua);
  border-color: rgba(104,238,229,.72);
  transform: translateY(-1px);
  box-shadow: 0 12px 34px rgba(0,0,0,.28);
  outline: none;
}
.rov-search-trigger svg { width: 19px; height: 19px; }
.rov-search-nav-trigger { display: none; }

body.rov-search-open { overflow: hidden !important; }
.rov-search-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: start center;
  padding: min(12vh, 110px) 22px 24px;
  color: var(--white);
  background: rgba(1,7,15,.86);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  animation: rov-search-fade .16s ease-out both;
}
.rov-search-dialog {
  width: min(820px, 100%);
  max-height: min(760px, calc(100dvh - 145px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(118,166,220,.48);
  border-radius: 22px;
  background:
    radial-gradient(circle at 85% 0, rgba(18,92,255,.15), transparent 32%),
    linear-gradient(150deg, #0b1f36 0%, #040e1b 100%);
  box-shadow: 0 36px 110px rgba(0,0,0,.72), inset 0 1px rgba(255,255,255,.04);
  animation: rov-search-rise .19s ease-out both;
}
.rov-search-head {
  display: grid;
  grid-template-columns: 1fr 42px;
  align-items: center;
  gap: 12px;
  padding: 18px;
  border-bottom: 1px solid var(--line);
}
.rov-search-field {
  min-width: 0;
  min-height: 58px;
  display: grid;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  gap: 13px;
  padding: 0 16px;
  border: 1px solid var(--line-strong);
  border-radius: 13px;
  background: rgba(2,11,22,.82);
}
.rov-search-field:focus-within {
  border-color: rgba(104,238,229,.72);
  box-shadow: 0 0 0 3px rgba(104,238,229,.07);
}
.rov-search-field svg { width: 20px; height: 20px; color: var(--aqua); }
.rov-search-input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--white);
  background: transparent;
  font-size: 17px;
}
.rov-search-input::placeholder { color: #6f829b; }
.rov-search-shortcut {
  padding: 5px 7px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: #8193aa;
  font: 10px/1 var(--font-geist-mono, monospace);
}
.rov-search-close {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 10px;
  color: #9db0c7;
  background: rgba(255,255,255,.04);
  cursor: pointer;
  font-size: 25px;
  line-height: 1;
}
.rov-search-close:hover,
.rov-search-close:focus-visible {
  color: var(--white);
  background: rgba(255,255,255,.08);
  outline: none;
}
.rov-search-meta {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 20px;
  color: #7e91a8;
  border-bottom: 1px solid rgba(151,186,226,.1);
  font-size: 11px;
}
.rov-search-results {
  min-height: 210px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #315071 transparent;
  padding: 9px;
}
.rov-search-result {
  display: grid;
  grid-template-columns: 112px minmax(0,1fr) 24px;
  gap: 18px;
  align-items: center;
  min-height: 92px;
  padding: 15px 16px;
  border: 1px solid transparent;
  border-radius: 13px;
  transition: background .16s, border-color .16s, transform .16s;
}
.rov-search-result:hover,
.rov-search-result:focus-visible,
.rov-search-result.is-active {
  border-color: rgba(104,238,229,.22);
  background: rgba(35,92,171,.16);
  transform: translateX(2px);
  outline: none;
}
.rov-search-type {
  width: max-content;
  max-width: 112px;
  padding: 6px 8px;
  border: 1px solid rgba(104,238,229,.22);
  border-radius: 999px;
  color: var(--aqua);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 8px;
  line-height: 1.2;
}
.rov-search-copy { min-width: 0; }
.rov-search-copy strong {
  display: block;
  overflow: hidden;
  color: var(--cream);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 400;
}
.rov-search-copy span {
  display: -webkit-box;
  margin-top: 6px;
  overflow: hidden;
  color: #91a3b9;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 11px;
  line-height: 1.45;
}
.rov-search-arrow { color: #6f9fe7; font-size: 19px; }
.rov-search-empty {
  min-height: 230px;
  display: grid;
  place-items: center;
  padding: 34px;
  color: #8396ad;
  text-align: center;
  line-height: 1.65;
}
.rov-search-footer {
  padding: 13px 20px;
  color: #6f8299;
  border-top: 1px solid var(--line);
  font-size: 10px;
}
@keyframes rov-search-fade { from { opacity: 0; } }
@keyframes rov-search-rise { from { opacity: 0; transform: translateY(-10px) scale(.985); } }

@media (max-width: 900px) {
  .rov-search-trigger { display: none; }
  .rov-search-nav-trigger {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 12px;
    margin: 10px 0 0;
    padding: 15px 0;
    border: 0;
    border-top: 1px solid var(--line);
    color: var(--aqua);
    background: transparent;
    cursor: pointer;
    text-align: left;
  }
  .rov-search-nav-trigger svg { width: 18px; height: 18px; }
}

@media (max-width: 620px) {
  .rov-search-backdrop {
    place-items: end center;
    padding: 0;
  }
  .rov-search-dialog {
    width: 100%;
    max-height: min(86dvh, 760px);
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 22px 22px 0 0;
  }
  .rov-search-head { padding: 12px; }
  .rov-search-field {
    min-height: 52px;
    padding-inline: 13px;
  }
  .rov-search-input { font-size: 16px; }
  .rov-search-shortcut { display: none; }
  .rov-search-meta { padding-inline: 14px; }
  .rov-search-results { padding: 6px; }
  .rov-search-result {
    grid-template-columns: 1fr 20px;
    gap: 10px;
    min-height: 88px;
    padding: 13px 12px;
  }
  .rov-search-type {
    grid-column: 1 / -1;
    margin-bottom: -3px;
  }
  .rov-search-copy strong { font-size: 18px; }
  .rov-search-arrow { grid-column: 2; grid-row: 2; }
}

@media (prefers-reduced-motion: reduce) {
  .rov-search-backdrop,
  .rov-search-dialog { animation: none; }
}