/*
 * vals-cvetov.ru mobile navigation B2
 * Approved source geometry read from the live reference on 2026-08-03.
 * Scope: public mobile layout only, up to the native Aspro breakpoint 991px.
 */
@media (max-width: 991px) {
  [data-ajax-load-block="HEADER_MOBILE_TOGGLE_PERSONAL"],
  [data-ajax-load-block="HEADER_MOBILE_TOGGLE_CART"],
  [data-ajax-load-block="HEADER_MOBILE_TOGGLE_COMPARE"],
  [data-ajax-load-block="HEADER_MOBILE_TOGGLE_FAVORITE"] {
    display: none !important;
  }

  .mobileheader.mobileheader_1 {
    background: #fffaf8;
    box-shadow:
      inset 0 -1px 0 #f3dce2,
      0 2px 8px rgba(122, 60, 72, 0.08);
  }

  [data-ajax-load-block="HEADER_MOBILE_TOGGLE_PHONE"] {
    padding-left: 0 !important;
    padding-right: 8px !important;
  }

  [data-ajax-load-block="HEADER_MOBILE_TOGGLE_SEARCH"] {
    align-items: center;
    flex: 0 0 44px !important;
    justify-content: center;
    margin-right: 8px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 44px !important;
  }

  [data-ajax-load-block="HEADER_MOBILE_TOGGLE_SEARCH"] .header-search__mobile {
    align-items: center;
    background: #fff1f4;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1.5px #1fad5a, 0 3px 8px rgba(31, 173, 90, 0.18);
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px;
  }

  .vals-cvetov-mobile-call {
    align-items: center;
    background: #1fad5a;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(31, 173, 90, 0.24);
    box-sizing: border-box;
    color: #fff !important;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    gap: 6px;
    height: 44px;
    justify-content: center;
    line-height: 1;
    padding: 0 8px;
    text-decoration: none !important;
    white-space: nowrap;
    width: 98px;
  }

  .vals-cvetov-mobile-call::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.464 15.464 0 0 0 6.59 6.59l2.2-2.2a1.001 1.001 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57A1 1 0 0 1 21 18.5V22a1 1 0 0 1-1 1C9.51 23 1 14.49 1 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") center / contain no-repeat;
    background-color: currentColor;
    content: "";
    flex: 0 0 14px;
    height: 14px;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.464 15.464 0 0 0 6.59 6.59l2.2-2.2a1.001 1.001 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57A1 1 0 0 1 21 18.5V22a1 1 0 0 1-1 1C9.51 23 1 14.49 1 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 14px;
  }

  .mobileheader .logo > a {
    align-items: center;
    display: flex;
    height: 50px !important;
    justify-content: center;
  }

  .mobileheader .logo > a > img {
    height: auto !important;
    max-height: 50px !important;
    width: 80px !important;
  }

  .mobileheader__burger[data-ajax-load-block="HEADER_MOBILE_TOGGLE_BURGER_LEFT"] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 48px;
    height: 50px;
    justify-content: center;
    min-width: 48px;
    padding: 0;
    width: 48px;
  }

  .mobileheader__burger[data-ajax-load-block="HEADER_MOBILE_TOGGLE_BURGER_LEFT"] .burger {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    width: 48px;
  }

  .mobileheader__burger[data-ajax-load-block="HEADER_MOBILE_TOGGLE_BURGER_LEFT"] i,
  .mobileheader__burger[data-ajax-load-block="HEADER_MOBILE_TOGGLE_BURGER_LEFT"] svg {
    height: 15px;
    width: 20px;
  }

  .bottom-icons-panel__content {
    overflow-x: hidden !important;
  }

  .bottom-icons-panel__content-link[href="/contacts/"],
  .bottom-icons-panel__content-link[href="/pesni/"] {
    display: none !important;
  }

  .bottom-icons-panel [data-wpm-pesni-plus="library-button"] {
    display: none !important;
  }

  .bottom-icons-panel__content-link {
    flex: 1 1 25% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}

@media (min-width: 360px) and (max-width: 500px) {
  .mobileheader .logo {
    max-width: 120px !important;
  }
}

@media (min-width: 360px) and (max-width: 991px) {
  .vals-cvetov-mobile-call {
    width: 110px;
  }

  .mobileheader .logo > a > img {
    width: 100px !important;
  }
}

@media (min-width: 600px) and (max-width: 991px) {
  .mobileheader .logo > a > img {
    width: 110px !important;
  }
}

/*
 * Заход 5: remove the confirmed 16 px homepage category overflow at 320 px.
 * Keep this below 360 px so accepted 360+ geometry remains unchanged.
 */
@media (max-width: 359px) {
  body#main.front_page
    .drag-block.container.CATALOG_SECTIONS
    .sections-block.main_new-template
    .grid-list
    > .sections-block__wrapper {
    box-sizing: border-box;
    padding-right: 0;
  }

  body#main.front_page
    .drag-block.container.CATALOG_SECTIONS
    .sections-block.main_new-template
    .sections-block__item-link {
    padding: 8px;
  }

  body#main.front_page
    .drag-block.container.CATALOG_SECTIONS
    .sections-block.main_new-template
    .sections-block__item-inner {
    align-items: center;
    min-width: 0;
  }

  body#main.front_page
    .drag-block.container.CATALOG_SECTIONS
    .sections-block.main_new-template
    .sections-block__item-image-wrapper--PICTURES {
    flex: 0 0 28px;
    height: 36px;
    margin-right: 6px;
    width: 28px;
  }

  body#main.front_page
    .drag-block.container.CATALOG_SECTIONS
    .sections-block.main_new-template
    .sections-block__item-image-wrapper--PICTURES
    .sections-block__item-image {
    max-height: 36px;
    max-width: 28px;
    object-fit: contain;
  }

  body#main.front_page
    .drag-block.container.CATALOG_SECTIONS
    .sections-block.main_new-template
    .sections-block__item-text {
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 18px;
    min-width: 0;
    overflow-wrap: normal;
    word-break: normal;
  }
}

@media (min-width: 320px) and (max-width: 339px) {
  .mobileheader .mobileheader__item--right-icons {
    pointer-events: none;
  }

  .mobileheader .vals-cvetov-mobile-call,
  .mobileheader .header-search__mobile {
    pointer-events: auto;
  }
}

/* codex-vals-mobile-call-zvonite-v1 */
@media (max-width: 991px) {
  .mobileheader .vals-cvetov-mobile-call {
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.18) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20),
      0 3px 8px rgba(31, 173, 90, 0.28) !important;
    -webkit-font-smoothing: antialiased;
  }

  .mobileheader .vals-cvetov-mobile-call::before {
    opacity: 1 !important;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.12));
  }
}

@media (max-width: 359px) {
  .mobileheader .vals-cvetov-mobile-call {
    font-size: 15px !important;
    gap: 4px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .mobileheader .vals-cvetov-mobile-call::before {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
  }
}

@media (min-width: 360px) and (max-width: 991px) {
  .mobileheader .vals-cvetov-mobile-call {
    font-size: 16px !important;
    gap: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .mobileheader .vals-cvetov-mobile-call::before {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
  }
}