.horizontal-menu__viewport-position {
      overflow-x: clip;
    }

    .horizontal-menu__viewport-container:has(.horizontal-menu__viewport:not([style*="display:none"])) {
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    }

    #eyeglasses-panel,
    #sunglasses-panel,
    #lenses-panel,
    #glasses-lenses-panel,
    #brands-panel {
      padding: 24px 0 40px;
      margin: 0;
      overflow: visible;
    }

    #eyeglasses-panel .brand-arrow,
    #sunglasses-panel .brand-arrow,
    #lenses-panel .brand-arrow,
    #glasses-lenses-panel .brand-arrow {
      opacity: 0;
      transition: opacity 0.15s;
    }

    #eyeglasses-panel a:hover .brand-arrow,
    #sunglasses-panel a:hover .brand-arrow,
    #lenses-panel a:hover .brand-arrow,
    #glasses-lenses-panel a:hover .brand-arrow {
      opacity: 1;
    }

    #eyeglasses-panel .brands-grid a,
    #sunglasses-panel .brands-grid a,
    #lenses-panel .brands-grid a,
    #glasses-lenses-panel .brands-grid a {
      display: block;
      white-space: nowrap;
      padding: 3px 0;
      font-weight: 700;
      font-size: 13px;
      text-decoration: none;
      color: inherit;
    }

    #eyeglasses-panel .brands-grid .all-brands,
    #sunglasses-panel .brands-grid .all-brands,
    #lenses-panel .brands-grid .all-brands,
    #glasses-lenses-panel .brands-grid .all-brands {
      font-weight: normal;
      opacity: 0.6;
      grid-column: 1/-1;
      margin-top: 4px;
    }

    #eyeglasses-panel .brands-grid .all-brands:hover,
    #sunglasses-panel .brands-grid .all-brands:hover,
    #lenses-panel .brands-grid .all-brands:hover,
    #glasses-lenses-panel .brands-grid .all-brands:hover {
      text-decoration: underline;
      opacity: 1;
    }

    #eyeglasses-panel .link-cards-grid,
    #sunglasses-panel .link-cards-grid,
    #lenses-panel .link-cards-grid,
    #glasses-lenses-panel .link-cards-grid {
      grid-template-columns: repeat(3, 11vw) !important;
    }

    #eyeglasses-panel .brand-link-card__image,
    #sunglasses-panel .brand-link-card__image,
    #lenses-panel .brand-link-card__image,
    #glasses-lenses-panel .brand-link-card__image {
      aspect-ratio: 1/1;
    }

    #eyeglasses-panel .brand-link-card__image img,
    #sunglasses-panel .brand-link-card__image img,
    #lenses-panel .brand-link-card__image img,
    #glasses-lenses-panel .brand-link-card__image img,
    .drill-down-menu__content .brand-link-card__image img {
      object-position: top;
    }

    #brands-panel .horizontal-menu-link__label {
      text-transform: uppercase;
    }

    #brands-panel .horizontal-menu-link--secondary .horizontal-menu-link__label {
      text-transform: none;
    }

    .drill-down-menu__content .drill-down-list-item__title {
      text-transform: uppercase;
    }

    .drill-down-menu__content .drill-down-list-item--emphasized .drill-down-list-item__title {
      text-transform: none;
    }

    .drill-down-menu__content .lens-brand-count {
      font-size: 0.8em;
      font-weight: 500;
      font-variation-settings: normal;
      text-transform: none;
    }

    /* lenses panel — brands column */
    #lenses-panel .horizontal-menu-link--primary .horizontal-menu-link__label {
      text-transform: uppercase;
    }

    #glasses-lenses-panel .horizontal-menu-link--primary .horizontal-menu-link__label {
      text-transform: uppercase;
    }

    #glasses-lenses-panel .horizontal-menu-link--secondary .horizontal-menu-link__label {
      text-transform: none;
    }

    /* Action links — no underline, gray on hover (text + arrow via currentColor) */
    #eyeglasses-panel a[href="https://192.168.1.72:3000/tryon/slepayakurica"].horizontal-menu-link--secondary,
    #sunglasses-panel a[href="https://192.168.1.72:3000/tryon/slepayakurica"].horizontal-menu-link--secondary,
    #glasses-lenses-panel a[href="/glasses-lenses/markups"].horizontal-menu-link--secondary,
    #lenses-panel a[href="#"].horizontal-menu-link--secondary {
      text-decoration: none !important;
    }

    #eyeglasses-panel a[href="https://192.168.1.72:3000/tryon/slepayakurica"].horizontal-menu-link--secondary:hover,
    #sunglasses-panel a[href="https://192.168.1.72:3000/tryon/slepayakurica"].horizontal-menu-link--secondary:hover,
    #glasses-lenses-panel a[href="/glasses-lenses/markups"].horizontal-menu-link--secondary:hover,
    #lenses-panel a[href="#"].horizontal-menu-link--secondary:hover {
      color: var(--vp-semantic-color-content-quiet) !important;
      text-decoration: none;
    }

    #eyeglasses-panel a[href="https://192.168.1.72:3000/tryon/slepayakurica"].horizontal-menu-link--secondary:hover .horizontal-menu-link__label,
    #sunglasses-panel a[href="https://192.168.1.72:3000/tryon/slepayakurica"].horizontal-menu-link--secondary:hover .horizontal-menu-link__label,
    #glasses-lenses-panel a[href="/glasses-lenses/markups"].horizontal-menu-link--secondary:hover .horizontal-menu-link__label,
    #lenses-panel a[href="#"].horizontal-menu-link--secondary:hover .horizontal-menu-link__label {
      color: var(--vp-semantic-color-content-quiet) !important;
    }

    .lens-brand-count {
      color: var(--vp-semantic-color-content-quiet);
    }

    [data-cs-override-id="bestselling"] .product-card-details__item .review--size-xs {
      display: block !important;
    }




    /* Disable promo-assets slide-out transition so restart snaps instantly to off-screen,
       letting the slide-in animate cleanly from the bottom (1000ms transition is too long to wait out) */
    [data-cs-override-id="promobanner"] .promo-assets:not(.promo-assets--in-view) .promo-assets__big-item,
    [data-cs-override-id="promobanner"] .promo-assets:not(.promo-assets--in-view) .promo-assets__small-item {
      transition: none !important;
    }

    /* brand-arrow: no layout space on touch; scale+opacity animation on hover-capable devices */
    [data-cs-override-id="tryon-results"] .brand-arrow,
    [data-cs-override-id="bestselling"] .brand-arrow {
      display: none;
    }
    @media (hover: hover) {
      [data-cs-override-id="tryon-results"] .brand-arrow,
      [data-cs-override-id="bestselling"] .brand-arrow {
        display: inline-block !important;
        vertical-align: text-bottom;
        margin-left: 4px;
        opacity: 0;
        transform: scale(0);
        transform-origin: left center;
        transition:
          transform 250ms cubic-bezier(0, 0, 0.58, 1),
          opacity 250ms cubic-bezier(0, 0, 1, 1);
      }
      [data-cs-override-id="tryon-results"] a:hover .brand-arrow,
      [data-cs-override-id="bestselling"] a:hover .brand-arrow {
        opacity: 1;
        transform: scale(1);
      }
      [data-cs-override-id="tryon-results"] .product-card:has(.product-card__gallery a:hover) .brand-arrow,
      [data-cs-override-id="bestselling"] .product-card:has(.product-card__gallery a:hover) .brand-arrow {
        opacity: 1;
        transform: scale(1);
      }
    }

/* Поделиться link: constrain to content width (site CSS sets inline-size:100%) */
    [data-cs-override-id="tryon-results"] .shelf__title-wrapper > .horizontal-menu-link {
      inline-size: fit-content;
    }

    /* Tryon results: static grid (replaces carousel) */
    [data-cs-override-id="tryon-results"] .tryon-results-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: 8px;
      row-gap: 24px;
      list-style: none;
      padding: 0;
      margin: 0;
    }

    @media (min-width: 1200px) {
      [data-cs-override-id="tryon-results"] .tryon-results-grid {
        grid-template-columns: repeat(4, 1fr);
      }
    }

    /* Search input: center placeholder on mobile, site CSS already centers on desktop */

    @media (max-width: 599px) {
      .vp-search__input-wrapper[data-state="closed"] .vp-search__input {
        text-align: center !important;
      }
    }

    /* visual-link-list: allow stacked deck cards to overflow section bounds on desktop */
    /*
    @media (min-width: 600px) {
      [data-cs-override-id="visuallinklist"].visual-link-list {
        overflow: visible;
      }

      [data-cs-override-id="visuallinklist"] .media-stack {
        margin-inline-start: 5%;
      }
    }*/

    /* visual-link-list: card transitions for autoplay (all screens) */
    [data-cs-override-id="visuallinklist"] .interactive-carousel__item {
      transition: transform 0.5s ease, opacity 0.5s ease !important;
    }

    [data-cs-override-id="visuallinklist"] .feature-link__icon {
      opacity: 0;
      transition: opacity 0.4s ease;
    }

    [data-cs-override-id="visuallinklist"] .visual-link-list__link--active .feature-link__icon {
      opacity: 1;
    }

    /* visual-link-list: mobile media-stack positioning */
    @media (max-width: 599px) {
      [data-cs-override-id="visuallinklist"] .media-stack {
        width: 100%;
        margin-left: 0;
        margin-right: auto;
      }
    }


    /* iPad-specific hero: hidden everywhere, shown only via breakpoint below */
    .promo-hero-ipad {
      display: none;
    }

    @media (min-width: 600px) and (max-width: 1399px) {

      /* The original hero has an unresolved overflow on iPad — swap it out */
      .promo-card-grid--hero {
        display: none;
      }

      .promo-hero-ipad {
        display: block;
      }

      .promo-hero-ipad__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--vp-semantic-spacing-2xs);
        padding: 0 var(--grid-margin);
      }

      .promo-hero-ipad__card--large {
        grid-column: 1 / 3;
      }

      /* Let aspect-ratio drive card height — breaks the block-size:100% circular chain */
      .promo-hero-ipad .promo-card,
      .promo-hero-ipad .promo-card__media,
      .promo-hero-ipad .promo-card__media> :first-child {
        block-size: auto;
      }
    }

    @media (min-width: 1200px) and (max-width: 1399px) {
      .promo-hero-ipad__grid {
        box-sizing: initial;
        max-inline-size: var(--grid-max-container-width);
        margin-inline: auto;
      }
    }

    /* Виртуальная примерка mobile: cards break out of grid__container padding → edge-to-edge */
    @media (max-width: 767px) {
      .promo-card-grid__cards--3 {
        margin-inline: calc(-1 * var(--grid-margin));
      }
    }

    /* Виртуальная примерка ≥1200px: fix block-size:100% height collapse in grid 3-col on Safari */
    @media (min-width: 1200px) and (max-width: 1399px) {

      .promo-card-grid__cards--3 .promo-card,
      .promo-card-grid__cards--3 .promo-card__media,
      .promo-card-grid__cards--3 .promo-card__media> :first-child {
        block-size: auto !important;
      }
    }

    /* Виртуальная примерка 768-1199px: 3 equal cols (covers iPad portrait ~768px and landscape ~1024-1133px) */
    @media (min-width: 768px) and (max-width: 1199px) {
      .promo-card-grid__cards--3 {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: var(--vp-semantic-spacing-2xs);
      }

      .promo-card-grid__cards--3>* {
        flex: 1 1 0 !important;
        min-width: 0;
      }

      .promo-card-grid__cards--3 .promo-card,
      .promo-card-grid__cards--3 .promo-card__media,
      .promo-card-grid__cards--3 .promo-card__media> :first-child {
        block-size: auto !important;
      }
    }