.selection-mobile-nav { display: none; }

@media (max-width: 430px) {
  .site-header { height: 58px; }
  .site-header .header-inner { gap: 8px; }
  .site-header .brand-signature .brand-logo { height: 27px; }
  .site-header .brand-slogan { font-size: 7px; letter-spacing: .1em; }
  .site-header .primary-nav,
  .site-header .header-actions { display: none; }

  .selection-mobile-nav { display: block; position: relative; flex: 0 0 auto; }
  .selection-mobile-nav summary {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    list-style: none;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 9px;
    background: rgba(255, 255, 255, .08);
    cursor: pointer;
  }
  .selection-mobile-nav summary::-webkit-details-marker { display: none; }
  .selection-mobile-nav[open] summary { border-color: rgba(28, 199, 194, .55); background: rgba(28, 199, 194, .13); }
  .selection-mobile-nav-lines { display: grid; gap: 4px; width: 18px; }
  .selection-mobile-nav-lines i { display: block; height: 2px; border-radius: 99px; background: #17c1bd; }
  .selection-mobile-nav-panel {
    position: absolute;
    z-index: 120;
    top: calc(100% + 8px);
    right: 0;
    display: grid;
    width: min(278px, calc(100vw - 26px));
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 12px;
    background: #0a243b;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .34);
  }
  .selection-mobile-nav-panel a,
  .selection-mobile-nav-panel button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: 0 13px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #dbe9f1;
    font: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
  }
  .selection-mobile-nav-panel a:hover,
  .selection-mobile-nav-panel a:focus-visible,
  .selection-mobile-nav-panel button:hover,
  .selection-mobile-nav-panel button:focus-visible { background: rgba(255, 255, 255, .08); color: #fff; outline: 0; }
  .selection-mobile-nav-panel b {
    display: grid;
    place-items: center;
    min-width: 21px;
    height: 21px;
    padding: 0 5px;
    border-radius: 99px;
    background: #0e8f8d;
    color: #fff;
    font-size: 10px;
  }

  .selection-first-screen-v2 { padding: 14px 0 22px; }
  .selection-first-screen-v2 .selection-v2-grid { gap: 14px; }
  .selection-first-screen-v2 .selection-v2-card { padding: 14px 18px 13px; }
  .selection-first-screen-v2 .selection-v2-card-head { padding-bottom: 8px; }
  .selection-first-screen-v2 .selection-v2-mode-pill { min-height: 26px; padding-block: 3px; }
  .selection-first-screen-v2 .selection-v2-card h2 { margin-top: 9px; font-size: 21px; }
  .selection-first-screen-v2 .selection-v2-card-intro { line-height: 1.45; }
  .selection-first-screen-v2 .selection-v2-fields-hint { margin: 7px 0 5px; }
  .selection-first-screen-v2 #searchInput { min-height: 102px; padding: 10px 12px; line-height: 1.55; }
  .selection-first-screen-v2 .selection-v2-search-help { margin-top: -25px; padding: 0 12px 9px; }
  .selection-first-screen-v2 .selection-v2-image.public-image-search { margin-top: 8px; }
  .selection-first-screen-v2 .selection-v2-image .front-image-search-body { padding-top: 7px; }
  .selection-first-screen-v2 .selection-v2-image .front-image-search-form { gap: 6px; }
  .selection-first-screen-v2 .selection-v2-image .front-image-drop { min-height: 60px; padding: 8px 10px; }
  .selection-first-screen-v2 .selection-v2-image .front-image-upload-icon { flex-basis: 36px; width: 36px; height: 36px; line-height: 36px; }
  .selection-first-screen-v2 .selection-v2-submit.smart-search-button { margin-top: 10px; }
  .selection-first-screen-v2 .selection-v2-fallback { margin-top: 10px; }
  .selection-first-screen-v2 #smartSearchNote { margin-top: 10px; padding-top: 9px; }
}