/* V2ASHCHUK 0.19.2 — explicit follow-up from client. Author: Эмиль. */
/* Config art is a TRANSPARENT collage, never a solid panel with a giant logo. */
.v2-configurator .v2-config-art {
  background: transparent;
  background-color: transparent;
  background-image: none;
  isolation: isolate;
}
.v2-configurator .v2-config-art::before,
.v2-configurator .v2-config-art::after,
.v2-configurator .v2-config-art-image.v2-empty-image::before {
  content: none;
  display: none;
}
.v2-configurator .v2-config-art-image { background: transparent; }
.v2-configurator .v2-config-art-image img { background: transparent; object-fit: contain; }
/* Only mobile home configurator gets the supplied WHITE translucent shape at the TOP.
   The section stays black below the top decoration. Keep the desktop artwork untouched. */
@media (max-width: 767px) {
  .v2-home .v2-configurator:not(.v2-configurator--page) {
    background-color: #050505;
    background-image: url('../images/config-top-mobile-v192.png');
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .v2-home .v2-configurator:not(.v2-configurator--page) .v2-config-art {
    background: none;
  }
}
/* About / История бренда — Figma 3712:2215 (desktop) and 3712:10245 (mobile).
 * Desktop: 500px-high banner, image spans the entire width of the right column.
 * Mobile: 500px-high portrait image, scaled by HEIGHT to keep the full vertical frame.
 * No global image rules or !important overrides. */
.v2-about-page .v2-history-copy {
  min-height: 500px;
}
.v2-about-page .v2-history-image {
  width: 100%;
  height: 500px;
  min-height: 0;
  aspect-ratio: auto;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.v2-about-page .v2-history-image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767px) {
  .v2-about-page .v2-history-copy {
    min-height: 0;
  }
  .v2-about-page .v2-history-image {
    width: 100%;
    height: 500px;
    min-height: 0;
    aspect-ratio: auto;
    overflow: hidden;
  }
  .v2-about-page .v2-history-image img {
    flex: 0 0 auto;
    width: auto;
    height: 100%;
    max-width: none;
    object-fit: contain;
    object-position: center;
  }
}

/* v0.19.4: move the cookie notice to the right without covering the hero categories.
 * On mobile the first-screen category grid occupies the bottom 180px. */
@media (max-width: 767px) {
  body.home .v2-cookie-banner {
    bottom: 196px;
    left: auto;
    right: 16px;
    max-height: calc(100dvh - 220px);
    overflow-y: auto;
  }
}