/**
 * Оранжевое настроение — оранжевый radial-gradient + плавающие облака (PNG).
 * Разметка: .showroom-11-clouds > .Cloud.Foreground / .Cloud.Background
 */
.showroom-11::before,
.showroom-11::after {
  display: none !important;
  content: none !important;
}

.showcase-page.showroom-11 > .container {
  position: relative;
  z-index: 1;
}

.showroom-11 {
  background-color: #fd940a;
  background-image: radial-gradient(circle, #f9a72b 0%, #fa9026 70%, #fb6c1f 100%) !important;
  overflow: hidden;
}

.showcase-page.showroom-11 .showcase-title {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.showcase-page.showroom-11 .showcase-subtitle {
  color: rgba(255, 255, 255, 0.92) !important;
}

.showcase-design-preview.showroom-11 {
  position: relative;
  background-color: #fd940a;
  background-image: radial-gradient(circle, #f9a72b 0%, #fa9026 70%, #fb6c1f 100%) !important;
}

.showcase-design-preview.showroom-11 .showcase-design-preview__banner,
.showcase-design-preview.showroom-11 .showcase-design-preview__content {
  position: relative;
  z-index: 1;
}

.showcase-design-preview.showroom-11 .showcase-design-preview__title {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.showcase-design-preview.showroom-11 .showcase-design-preview__subtitle {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Контейнер облаков: ~30% высоты, по центру по вертикали */
.showcase-page.showroom-11 .showroom-11-clouds,
.showcase-design-preview.showroom-11 .showroom-11-clouds {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 30%;
  overflow: hidden;
  animation: orangeMoodFadeIn 3.1s ease-out;
  user-select: none;
  pointer-events: none;
  z-index: 0;
}

.showcase-design-preview.showroom-11 .showroom-11-clouds {
  height: 42px;
  min-height: 42px;
}

.showroom-11-clouds .Cloud {
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 70px;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-name: orangeMoodFloat, orangeMoodFadeFloat;
  z-index: 1;
}

.showroom-11-clouds .Cloud.Foreground {
  height: 10%;
  min-height: 20px;
  z-index: 3;
}

.showroom-11-clouds .Cloud.Background {
  height: 9.090909%;
  min-height: 8px;
  z-index: 1;
}

.showroom-11-clouds .Cloud {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAABgCAYAAACTzNnjAAAFCklEQVR42u3d34uVRRjA8YMsEi0iSwhdRBGhSJgZiNRFIkWhQVEXBipKUVBBLCF6k0h4UxFkBLq4QT/Qiyi80EgxCjXMWqOMtqy0bBNja92yXatN3c3pGc9sHU/v+X3emWfe93vx+QN23u+e95x5Z94pmNWFQo5NEytErzgoBsSIOCf+FqbEBTEhzophcVTsFxvFEjE152PZHGMukbcB6BAPij0uqgtl0bXCBvyjeFPcS2wEWc0y0ec++Ywnf7rwbyc8grQ6RY8Y9RhhJT+Jde4TmghzFuR08bo4ryDEpE/N58QUYsx+kFPcD4yzCkMsZz+1uwkyu0HeKYYiCLHcN2I2QWYnSPudbHubfy37NuFu4wQZeZD2k2Uw4hDLHRZdBBnnH3K/5ykcX86IeQQZl6civ0XXYv/RlhJkHLZkOMTypz7dBKnbyzmJsfTZeTdB6vRszmIsjXI5QeryWMa/M9ZinzjdTJA63CLGcxzjpD/ElQQZfq3iKDFe8lSHIAPqI8L/6SHIMB4nvorTQQsI0v+teoz4KjpBkH7tIrqaNhCkH9cnbK5C8q/uywiSHzKabCLIdM3K+QR4o8YysfVWcZDvElnD1hNkOi5XuilLu5MlOyzni3vESnGfWCRuIMjm1zgSWPM7GWvNXdonXkdM8Q0dCwmytu8Iy/vK9B3iRoJMnghnqifc8jb7yXkXQf5nLWGo2WR2HUGuLrxPDKq25D6d9yBPE4I6/e6rVO6CnMpkuFq/eLmFKwtyMRde/dOg2XkKkvlH/X5P9ZNSWZBvcMGjMJza6iJlQe7nYkfjozwE+TkXOiprsx7kES5yVOzLYK/IcpA/cJGj806Wg/yaCxzlzsersxpkPxc4SruzGuQBLm603yU7DPOQUOSJWIK0E6j2lcvPm+JJVp+674oDbiFuv5t/fEXs5cJG65DmIO3KY3vG3yCLbXO1N1xVkB3uWfQQFye3rtUS5DN1bC5C9j0cOki7XOwUFwJOb6gg7TmCW1lMizI7QwQ5nW2qqGCv7yDtwsxfGXhU0OczyKvECIOOKvb5CnKa2+TDoKOat3wFyaIH1ONFH0H2MNCo00NpBzmXR39owIy0gzzOIKNOv6X9LHsZg4wGp3xsM/ZMoUfF3aaZ4++qBDnIIKMNzrsHKb11Lb6oEORtDCRSYB81f+vWxzYUJBv2kTYb5vx6gzzHgMHTjsUXagV5BwMFzz78d5NYQpDbGCAEcOzissaEIL9kcBDIx0lBsrwMIW0uD3KcQUHgqaEFpUGyLQGhnSgNkgGBBg8QJDQ5Phkky82g5bvkNQXDscDQY6MNcpiBgBL9NsjDDAS0LPq1Qb7EQECJicLFSUkGAkpMLgMaYzCgKci3GQxomPqZDPImBgMa9uOULifnDWcI7VRpkIsYEAR2sHwX2GcMCgJak/QKPh4lIsgcpOhM2iv7JIODAPqqvY7vPQYInlf6zKsWpN2iOMBAwZMD9bzSudPwvh+kr3gofJ0vve/ikxIp36pXNHosiD2j5gMGD2ksyG3lJK917qc5A4l2eNW04Wi5OaZ41DADilZu0xtMmw/fXCV+ZnDRoFFTfBdpaudlLxVfsXMRNYy7W3SH8XSAu/01bo8s/kL8xQWAM+JC7DIeDnCvZqZ4RGxxi3/3iUPOJ+5TtRXfG/v6jeadNMVjlqsZquG0uwU164ybg2vFuPuh2ax23tkm3N91VLwmbjVNvPT+H7Ro4730ITNPAAAAAElFTkSuQmCC");
}

.showroom-11-clouds .Cloud.Background {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAqCAYAAAAUJM0rAAACFUlEQVRo3u3aPSwDYRzH8UZEbAYiYrDYjLZGpIPBJLGwSKwi0k1iYBKDdFJsEiMxSZgsFZJGiGjqJWEhSKuaNKRUG8r5PfI8SXOud72+PH2eu2f47Ndv7+V5/nee/G6bh5MWmIV9iEMWvkGjfiADD7AHk9BU6+PSNK0kPAINwwXkC6KU6gvC4HVyKB/clhHHCDnbTqHbSaEaYIv+OK3KyBk274RQrXBXg0B6B/QPkTIUiZTiEIm5gkbZQjXTJ5nG2ZFsocJ1iMQEZQk1VcdIGl2L9Yoeitwj3uocirgRPVRAgEjMoMihkgKFStIzK063QVHYhKF6h/IKFMlKGpaNlhM8Qq1JFIp5gQHeoSIShmJPST/PUElJQ7FN9hivUGmJQxE56OQRKiN5qL/NNY9QKQeEIpdgR7VC9cEqHeGeUyEHXHrMUiWhyKx6BV4dEsNMtNxQI4Ls33h5LidUoEYjXKEXoXZDLbgsEBOzE8qne8fmJhE7oWIujUQcwhyMmy0VSKRRF0cyWlclYMYo1LEKZOgRugpDpVWUot5ZLI8LlwN23bNQKoY1vwpVmmsS6kOFsPRJQl2qENZIqGkVwnp9xb5nEksEcxm2hZlQMcy3OYXTgx0VpOi2pl8/jwqpMP9sF5twBl08ctE7I/dws5l5D5y4OBj51HvdzluYdlik0RL06cjkKpSlB1Span5x/AQb5Hfrxyy/oU5ISeVw53AAAAAASUVORK5CYII=");
}

/* Общая задержка и вертикаль по LESS: delay = (-120s/6.5)*n, top = n*6% */
.showroom-11-clouds .Cloud:nth-child(1) {
  animation-delay: -18.461538s, -18.461538s;
  top: 6%;
}
.showroom-11-clouds .Cloud:nth-child(2) {
  animation-delay: -36.923077s, -36.923077s;
  top: 12%;
}
.showroom-11-clouds .Cloud:nth-child(3) {
  animation-delay: -55.384615s, -55.384615s;
  top: 18%;
}
.showroom-11-clouds .Cloud:nth-child(4) {
  animation-delay: -73.846154s, -73.846154s;
  top: 24%;
}
.showroom-11-clouds .Cloud:nth-child(5) {
  animation-delay: -92.307692s, -92.307692s;
  top: 30%;
}
.showroom-11-clouds .Cloud:nth-child(6) {
  animation-delay: -110.769231s, -110.769231s;
  top: 36%;
}
.showroom-11-clouds .Cloud:nth-child(7) {
  animation-delay: -129.230769s, -129.230769s;
  top: 42%;
}
.showroom-11-clouds .Cloud:nth-child(8) {
  animation-delay: -147.692308s, -147.692308s;
  top: 48%;
}
.showroom-11-clouds .Cloud:nth-child(9) {
  animation-delay: -166.153846s, -166.153846s;
  top: 54%;
}
.showroom-11-clouds .Cloud:nth-child(10) {
  animation-delay: -184.615385s, -184.615385s;
  top: 60%;
}

/* Foreground: duration 120s - n*4, height 10% + n*2.5% */
.showroom-11-clouds .Cloud.Foreground:nth-child(1) {
  animation-duration: 116s, 116s;
  height: 12.5%;
  min-height: 20px;
}
.showroom-11-clouds .Cloud.Foreground:nth-child(3) {
  animation-duration: 108s, 108s;
  height: 17.5%;
  min-height: 20px;
}
.showroom-11-clouds .Cloud.Foreground:nth-child(5) {
  animation-duration: 100s, 100s;
  height: 22.5%;
  min-height: 20px;
}
.showroom-11-clouds .Cloud.Foreground:nth-child(8) {
  animation-duration: 88s, 88s;
  height: 30%;
  min-height: 20px;
}

/* Background: duration 150s - n*4, height 9.09% - n*1.25% */
.showroom-11-clouds .Cloud.Background:nth-child(2) {
  animation-duration: 142s, 142s;
  height: 7.84%;
  min-height: 8px;
}
.showroom-11-clouds .Cloud.Background:nth-child(4) {
  animation-duration: 134s, 134s;
  height: 4.09%;
  min-height: 8px;
}
.showroom-11-clouds .Cloud.Background:nth-child(6) {
  animation-duration: 126s, 126s;
  height: 1.59%;
  min-height: 8px;
}
.showroom-11-clouds .Cloud.Background:nth-child(7) {
  animation-duration: 122s, 122s;
  height: 0.34%;
  min-height: 8px;
}
.showroom-11-clouds .Cloud.Background:nth-child(9) {
  animation-duration: 114s, 114s;
  height: 8px;
  min-height: 8px;
}
.showroom-11-clouds .Cloud.Background:nth-child(10) {
  animation-duration: 110s, 110s;
  height: 8px;
  min-height: 8px;
}

@keyframes orangeMoodFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes orangeMoodFloat {
  from {
    transform: translateX(100%) translateZ(0);
  }
  to {
    transform: translateX(-15%) translateZ(0);
  }
}

@keyframes orangeMoodFadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .showroom-11-clouds .Cloud {
    animation: none !important;
  }
  .showcase-page.showroom-11 .showroom-11-clouds,
  .showcase-design-preview.showroom-11 .showroom-11-clouds {
    animation: none;
  }
}