/* SEOIDEA foto_uborka_2026_09_28 — новые фото вкладок блока «Как мы делаем уборку» и точки под них.
   Главная (bergamonew, .why без .why-page) и внутренние (bergamo, .why.why-page). Подключается из обоих index.php
   (метка SEOIDEA foto_uborka_2026_09_28). Собран sobrat_css.py, журнал площадки 28.09.2026. */

.why:not(.why-page) .tabs__content.bg1 { background-image: url("/images/uborka_2026_09/glavnaya/1_komnaty.jpg"); }
.why:not(.why-page) .tabs__content.bg2 { background-image: url("/images/uborka_2026_09/glavnaya/2_kuhnya.jpg"); }
.why:not(.why-page) .tabs__content.bg3 { background-image: url("/images/uborka_2026_09/glavnaya/3_prihozhaya.jpg"); }
.why:not(.why-page) .tabs__content.bg4 { background-image: url("/images/uborka_2026_09/glavnaya/4_sanuzel.jpg"); }
.why:not(.why-page) .tabs__content.bg5 { background-image: url("/images/uborka_2026_09/glavnaya/5_lodzhiya.jpg"); }

.why.why-page .tabs__content.bg1 { background-image: url("/images/uborka_2026_09/vnutr/1_komnaty.jpg"); }
.why.why-page .tabs__content.bg2 { background-image: url("/images/uborka_2026_09/vnutr/2_kuhnya.jpg"); }
.why.why-page .tabs__content.bg3 { background-image: url("/images/uborka_2026_09/vnutr/3_prihozhaya.jpg"); }
.why.why-page .tabs__content.bg4 { background-image: url("/images/uborka_2026_09/vnutr/4_sanuzel.jpg"); }
.why.why-page .tabs__content.bg5 { background-image: url("/images/uborka_2026_09/vnutr/5_lodzhiya.jpg"); }

@media (min-width: 1200px) {
  .why:not(.why-page) .bg1 .xy1 { left: 40px; top: 362px; }
  .why:not(.why-page) .bg1 .xy2 { left: 253px; top: 319px; }
  .why:not(.why-page) .bg1 .xy3 { left: 266px; top: 549px; }
  .why:not(.why-page) .bg1 .xy4 { left: 186px; top: 749px; }
  .why:not(.why-page) .bg1 .xy5 { left: 575px; top: 648px; }
  .why:not(.why-page) .bg1 .xy6 { left: 760px; top: 449px; }
  .why:not(.why-page) .bg1 .xy7 { left: 486px; top: 391px; }
  .why:not(.why-page) .bg1 .xy8 { left: 440px; top: 285px; }
  .why:not(.why-page) .bg1 .xy9 { left: 760px; top: 293px; }
  .why:not(.why-page) .bg2 .xy1 { left: 53px; top: 319px; }
  .why:not(.why-page) .bg2 .xy2 { left: 493px; top: 515px; }
  .why:not(.why-page) .bg2 .xy3 { left: 53px; top: 653px; }
  .why:not(.why-page) .bg2 .xy4 { left: 120px; top: 813px; }
  .why:not(.why-page) .bg2 .xy5 { left: 520px; top: 326px; }
  .why:not(.why-page) .bg2 .xy6 { left: 844px; top: 483px; }
  .why:not(.why-page) .bg2 .xy7 { left: 1026px; top: 359px; }
  .why:not(.why-page) .bg2 .xy8 { left: 520px; top: 573px; }
  .why:not(.why-page) .bg3 .xy1 { left: 360px; top: 293px; }
  .why:not(.why-page) .bg3 .xy2 { left: 300px; top: 895px; }
  .why:not(.why-page) .bg3 .xy3 { left: 86px; top: 359px; }
  .why:not(.why-page) .bg3 .xy4 { left: 964px; top: 382px; }
  .why:not(.why-page) .bg3 .xy5 { left: 1053px; top: 613px; }
  .why:not(.why-page) .bg3 .xy6 { left: 249px; top: 482px; }
  .why:not(.why-page) .bg4 .xy1 { left: 93px; top: 442px; }
  .why:not(.why-page) .bg4 .xy2 { left: 453px; top: 839px; }
  .why:not(.why-page) .bg4 .xy3 { left: 786px; top: 426px; }
  .why:not(.why-page) .bg4 .xy4 { left: 186px; top: 319px; }
  .why:not(.why-page) .bg4 .xy5 { left: 313px; top: 386px; }
  .why:not(.why-page) .bg4 .xy6 { left: 1100px; top: 586px; }
  .why:not(.why-page) .bg4 .xy7 { left: 1013px; top: 306px; }
  .why:not(.why-page) .bg5 .xy1 { left: 546px; top: 879px; }
  .why:not(.why-page) .bg5 .xy2 { left: 706px; top: 306px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .why:not(.why-page) .bg1 .xy1 { left: 10px; top: 362px; }
  .why:not(.why-page) .bg1 .xy2 { left: 153px; top: 319px; }
  .why:not(.why-page) .bg1 .xy3 { left: 166px; top: 549px; }
  .why:not(.why-page) .bg1 .xy4 { left: 86px; top: 749px; }
  .why:not(.why-page) .bg1 .xy5 { left: 475px; top: 648px; }
  .why:not(.why-page) .bg1 .xy6 { left: 660px; top: 449px; }
  .why:not(.why-page) .bg1 .xy7 { left: 386px; top: 391px; }
  .why:not(.why-page) .bg1 .xy8 { left: 340px; top: 285px; }
  .why:not(.why-page) .bg1 .xy9 { left: 660px; top: 293px; }
  .why:not(.why-page) .bg2 .xy1 { left: 10px; top: 319px; }
  .why:not(.why-page) .bg2 .xy2 { left: 393px; top: 515px; }
  .why:not(.why-page) .bg2 .xy3 { left: 10px; top: 653px; }
  .why:not(.why-page) .bg2 .xy4 { left: 20px; top: 813px; }
  .why:not(.why-page) .bg2 .xy5 { left: 420px; top: 326px; }
  .why:not(.why-page) .bg2 .xy6 { left: 744px; top: 483px; }
  .why:not(.why-page) .bg2 .xy7 { left: 926px; top: 359px; }
  .why:not(.why-page) .bg2 .xy8 { left: 420px; top: 573px; }
  .why:not(.why-page) .bg3 .xy1 { left: 260px; top: 293px; }
  .why:not(.why-page) .bg3 .xy2 { left: 200px; top: 895px; }
  .why:not(.why-page) .bg3 .xy3 { left: 10px; top: 359px; }
  .why:not(.why-page) .bg3 .xy4 { left: 864px; top: 382px; }
  .why:not(.why-page) .bg3 .xy5 { left: 953px; top: 613px; }
  .why:not(.why-page) .bg3 .xy6 { left: 149px; top: 482px; }
  .why:not(.why-page) .bg4 .xy1 { left: 10px; top: 442px; }
  .why:not(.why-page) .bg4 .xy2 { left: 353px; top: 839px; }
  .why:not(.why-page) .bg4 .xy3 { left: 686px; top: 426px; }
  .why:not(.why-page) .bg4 .xy4 { left: 86px; top: 319px; }
  .why:not(.why-page) .bg4 .xy5 { left: 213px; top: 386px; }
  .why:not(.why-page) .bg4 .xy6 { left: 1000px; top: 586px; }
  .why:not(.why-page) .bg4 .xy7 { left: 913px; top: 306px; }
  .why:not(.why-page) .bg5 .xy1 { left: 446px; top: 879px; }
  .why:not(.why-page) .bg5 .xy2 { left: 606px; top: 306px; }
}

/* подписи у правого края кадра — слева от точки */
.why:not(.why-page) .bg2 .xy7 .circle-text { left: auto; right: 34px; text-align: right; }
.why:not(.why-page) .bg2 .xy8 .circle-text { left: auto; right: 34px; text-align: right; }
.why:not(.why-page) .bg4 .xy7 .circle-text { left: auto; right: 34px; text-align: right; }

/* 992–1199: видна только середина кадра — подпись светильников санузла вправо, розетки кухни — на левую розетку, её подпись — над точкой, чтобы не наехать на подпись плиты, сантехника — на душевой трап */
@media (min-width: 992px) and (max-width: 1199px) {
  .why:not(.why-page) .bg4 .xy4 .circle-text { left: 40px; right: auto; text-align: left; }
  .why:not(.why-page) .bg2 .xy6 { left: 305px; top: 470px; }
  .why:not(.why-page) .bg2 .xy6 .circle-text { left: -85px; top: -34px; }
  .why:not(.why-page) .bg2 .xy22 { left: -50px; }
  .why:not(.why-page) .bg4 .xy6 { left: 614px; top: 669px; }
}

/* телефон и планшет: список идёт поверх середины кадра — белая подложка для читаемости, как у прежних светлых фото */
@media (max-width: 767px) {
  .why:not(.why-page) .tabs__content.bg1 { background-image: linear-gradient(90deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.78) 70%, rgba(255,255,255,.4) 100%), url("/images/uborka_2026_09/glavnaya/1_komnaty.jpg"); }
  .why.why-page .tabs__content.bg1 { background-image: linear-gradient(90deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.78) 70%, rgba(255,255,255,.4) 100%), url("/images/uborka_2026_09/vnutr/1_komnaty.jpg"); }
  .why:not(.why-page) .tabs__content.bg2 { background-image: linear-gradient(90deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.78) 70%, rgba(255,255,255,.4) 100%), url("/images/uborka_2026_09/glavnaya/2_kuhnya.jpg"); }
  .why.why-page .tabs__content.bg2 { background-image: linear-gradient(90deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.78) 70%, rgba(255,255,255,.4) 100%), url("/images/uborka_2026_09/vnutr/2_kuhnya.jpg"); }
  .why:not(.why-page) .tabs__content.bg3 { background-image: linear-gradient(90deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.78) 70%, rgba(255,255,255,.4) 100%), url("/images/uborka_2026_09/glavnaya/3_prihozhaya.jpg"); }
  .why.why-page .tabs__content.bg3 { background-image: linear-gradient(90deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.78) 70%, rgba(255,255,255,.4) 100%), url("/images/uborka_2026_09/vnutr/3_prihozhaya.jpg"); }
  .why:not(.why-page) .tabs__content.bg4 { background-image: linear-gradient(90deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.78) 70%, rgba(255,255,255,.4) 100%), url("/images/uborka_2026_09/glavnaya/4_sanuzel.jpg"); }
  .why.why-page .tabs__content.bg4 { background-image: linear-gradient(90deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.78) 70%, rgba(255,255,255,.4) 100%), url("/images/uborka_2026_09/vnutr/4_sanuzel.jpg"); }
  .why:not(.why-page) .tabs__content.bg5 { background-image: linear-gradient(90deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.78) 70%, rgba(255,255,255,.4) 100%), url("/images/uborka_2026_09/glavnaya/5_lodzhiya.jpg"); }
  .why.why-page .tabs__content.bg5 { background-image: linear-gradient(90deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.78) 70%, rgba(255,255,255,.4) 100%), url("/images/uborka_2026_09/vnutr/5_lodzhiya.jpg"); }
}