/* Phone layout fixes (the Framer design has no proper mobile variant for these blocks).
 * Written against the UZ page's classes (scope .framer-esmkl); tools/build.py translates them to the
 * EN and RU pages with tools/page_classes.py. Component classes (framer-QbLhX, framer-qkBz7) are shared. */
@media (max-width: 809.98px) {
  /* "Bir oyda minimum 6 ta ko'rsatuv": the section kept a fixed 1440px width */
  .framer-esmkl .framer-1g9orni { width: 100% !important; }

  /* section titles squeezed to 90px ("Youtube'dagi podkast va intervyular", "Bizning homiy va hamkorlarimiz") */
  .framer-esmkl .framer-rxbo7v,
  .framer-esmkl .framer-n77fqv { width: 100% !important; }
  .framer-esmkl .framer-1mzfpum,
  .framer-esmkl .framer-1w10ecy { padding-left: 20px !important; padding-right: 20px !important; }
  .framer-esmkl .framer-n77fqv .framer-text { font-size: 44px !important; }

  /* YouTube views (min / avg / max): the grid was wider than the screen and the items min-content */
  .framer-esmkl .framer-16u4doa { width: 100% !important; grid-template-columns: 1fr !important; gap: 24px !important; }
  .framer-QbLhX.framer-1w5pfkm { width: 100% !important; }

  /* Instagram block: "MARKAZIY / SEKTOR" and "@markaziysektor" were wider than the screen */
  .framer-esmkl .framer-1pw5z4m h1.framer-text,
  .framer-esmkl .framer-1oj0stz h1.framer-text { font-size: 104px !important; }
  .framer-esmkl .framer-1il2m0n .framer-text { font-size: 48px !important; }

  /* exclusive content cards were 500px wide */
  .framer-esmkl .framer-guxlub,
  .framer-esmkl .framer-1im3dnx,
  .framer-esmkl .framer-guxlub > *,
  .framer-esmkl .framer-1im3dnx > * { width: 100% !important; }

  /* ad prices: the two price cards sat side by side, 924px wide */
  .framer-esmkl .framer-1n00d8o,
  .framer-esmkl .framer-2fptxl {
    width: 100% !important; max-width: 100% !important; padding: 0 !important;
    flex-direction: column !important; align-items: stretch !important; gap: 16px !important;
  }
  .framer-esmkl .framer-1n00d8o > [class$="-container"],
  .framer-esmkl .framer-2fptxl > [class$="-container"] { width: 100% !important; }
  .framer-qkBz7 .framer-1s7ybgb .framer-text { font-size: 38px !important; }

  /* one-line section titles wider than the screen ("... integratsiyalari", "Hamkorlik muddati ...") */
  .framer-esmkl .framer-fvonu6 > *,
  .framer-esmkl .framer-15xf4fu > *,
  .framer-esmkl .framer-98hgv3 > *,
  .framer-esmkl .framer-1esuqet > *,
  .framer-esmkl .framer-gqvqs2 > * { width: 100% !important; white-space: normal !important; }
  .framer-esmkl .framer-fvonu6 .framer-text,
  .framer-esmkl .framer-15xf4fu .framer-text,
  .framer-esmkl .framer-98hgv3 .framer-text,
  .framer-esmkl .framer-1esuqet .framer-text,
  .framer-esmkl .framer-gqvqs2 .framer-text { font-size: 34px !important; line-height: 1.15 !important; }

  /* "CHEKLANGAN HAMKORLIK MODELI" / "AMALIY TAJRIBA — JCH-2026" broke inside words (RU words are longer) */
  .framer-esmkl .framer-14y99on .framer-text,
  .framer-esmkl .framer-1aeoshy .framer-text { font-size: 40px !important; line-height: 1.05 !important; }

  /* integration cards: long words (RU) in the 32px card titles */
  .framer-M2Vx9 .framer-1xxx1z7 .framer-text { font-size: 26px !important; }
}

@media (max-width: 809.98px) {
  /* hero strips: the strip set was 150% of the screen, so the outer two faces were off-screen; now it spans the
     screen (a little extra each side hides the slanted ends; the slant is reduced on phones in the strips code) */
  .framer-esmkl .framer-hyu1b-container {
    width: calc(100% + 64px) !important; left: -32px !important;
    /* only the part above the 272px cream text panel is visible: size the photos to that, not to the whole header */
    height: calc(100% - 272px) !important;
  }
  /* language buttons sat on top of the full-width logo bar; move them just below it */
  .framer-esmkl .framer-11n3j2f { top: 71px !important; right: 12px !important; }
}
/* extra sponsor logos in the ticker (added after Flavis by the "regex" entries in config.json);
 * widths chosen so their visual height matches the other logos (~32-40px) */
.framer-msl-bwt { aspect-ratio: 2.931; width: 118px; height: auto; position: relative; overflow: visible; }
.framer-msl-herz { aspect-ratio: 4.603; width: 150px; height: auto; position: relative; overflow: visible; }
.framer-msl-chaffoteaux { aspect-ratio: 5.287; width: 180px; height: auto; position: relative; overflow: visible; }

/* "18–20 podcasts" section: the GUESTS text card is replaced by the photo block from guests/guests.js */
.framer-esmkl .framer-10y45jp-container { display: none !important; }
@media (min-width: 810px) {
  /* with the GUESTS card hidden, HOSTS + FORMAT share the row; the guests block spans it below */
  .framer-esmkl .framer-17f6vjo { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
/* the cards grid had fixed 1fr rows sized for one row; let the guests block (an extra row) grow it */
.framer-esmkl .framer-17f6vjo { grid-template-rows: none !important; grid-auto-rows: auto !important; height: auto !important; }

/* Phone layout fixes (the Framer design has no proper mobile variant for these blocks).
 * Written against the UZ page's classes (scope .framer-9iWkS); tools/build.py translates them to the
 * EN and RU pages with tools/page_classes.py. Component classes (framer-QbLhX, framer-qkBz7) are shared. */
@media (max-width: 809.98px) {
  /* "Bir oyda minimum 6 ta ko'rsatuv": the section kept a fixed 1440px width */
  .framer-9iWkS .framer-x417nn { width: 100% !important; }

  /* section titles squeezed to 90px ("Youtube'dagi podkast va intervyular", "Bizning homiy va hamkorlarimiz") */
  .framer-9iWkS .framer-15h7ngk,
  .framer-9iWkS .framer-1nq9wa { width: 100% !important; }
  .framer-9iWkS .framer-jr4iil,
  .framer-9iWkS .framer-16dpsh5 { padding-left: 20px !important; padding-right: 20px !important; }
  .framer-9iWkS .framer-1nq9wa .framer-text { font-size: 44px !important; }

  /* YouTube views (min / avg / max): the grid was wider than the screen and the items min-content */
  .framer-9iWkS .framer-1jyngzw { width: 100% !important; grid-template-columns: 1fr !important; gap: 24px !important; }
  .framer-QbLhX.framer-1w5pfkm { width: 100% !important; }

  /* Instagram block: "MARKAZIY / SEKTOR" and "@markaziysektor" were wider than the screen */
  .framer-9iWkS .framer-su46cm h1.framer-text,
  .framer-9iWkS .framer-ba1bwc h1.framer-text { font-size: 104px !important; }
  .framer-9iWkS .framer-1qlmjyg .framer-text { font-size: 48px !important; }

  /* exclusive content cards were 500px wide */
  .framer-9iWkS .framer-rj8a1q,
  .framer-9iWkS .framer-1qfr3d,
  .framer-9iWkS .framer-rj8a1q > *,
  .framer-9iWkS .framer-1qfr3d > * { width: 100% !important; }

  /* ad prices: the two price cards sat side by side, 924px wide */
  .framer-9iWkS .framer-mihpsb,
  .framer-9iWkS .framer-1inp4hc {
    width: 100% !important; max-width: 100% !important; padding: 0 !important;
    flex-direction: column !important; align-items: stretch !important; gap: 16px !important;
  }
  .framer-9iWkS .framer-mihpsb > [class$="-container"],
  .framer-9iWkS .framer-1inp4hc > [class$="-container"] { width: 100% !important; }
  .framer-qkBz7 .framer-1s7ybgb .framer-text { font-size: 38px !important; }

  /* one-line section titles wider than the screen ("... integratsiyalari", "Hamkorlik muddati ...") */
  .framer-9iWkS .framer-14vn4w6 > *,
  .framer-9iWkS .framer-dkt9h > *,
  .framer-9iWkS .framer-vvqavk > *,
  .framer-9iWkS .framer-1492fxi > *,
  .framer-9iWkS .framer-1qgmu7p > * { width: 100% !important; white-space: normal !important; }
  .framer-9iWkS .framer-14vn4w6 .framer-text,
  .framer-9iWkS .framer-dkt9h .framer-text,
  .framer-9iWkS .framer-vvqavk .framer-text,
  .framer-9iWkS .framer-1492fxi .framer-text,
  .framer-9iWkS .framer-1qgmu7p .framer-text { font-size: 34px !important; line-height: 1.15 !important; }

  /* "CHEKLANGAN HAMKORLIK MODELI" / "AMALIY TAJRIBA — JCH-2026" broke inside words (RU words are longer) */
  .framer-9iWkS .framer-codam .framer-text,
  .framer-9iWkS .framer-1uh7kto .framer-text { font-size: 40px !important; line-height: 1.05 !important; }

  /* integration cards: long words (RU) in the 32px card titles */
  .framer-M2Vx9 .framer-1xxx1z7 .framer-text { font-size: 26px !important; }
}

@media (max-width: 809.98px) {
  /* hero strips: the strip set was 150% of the screen, so the outer two faces were off-screen; now it spans the
     screen (a little extra each side hides the slanted ends; the slant is reduced on phones in the strips code) */
  .framer-9iWkS .framer-chyn63-container {
    width: calc(100% + 64px) !important; left: -32px !important;
    /* only the part above the 272px cream text panel is visible: size the photos to that, not to the whole header */
    height: calc(100% - 272px) !important;
  }
  /* language buttons sat on top of the full-width logo bar; move them just below it */
  .framer-9iWkS .framer-17ux341 { top: 71px !important; right: 12px !important; }
}
/* extra sponsor logos in the ticker (added after Flavis by the "regex" entries in config.json);
 * widths chosen so their visual height matches the other logos (~32-40px) */
.framer-msl-bwt { aspect-ratio: 2.931; width: 118px; height: auto; position: relative; overflow: visible; }
.framer-msl-herz { aspect-ratio: 4.603; width: 150px; height: auto; position: relative; overflow: visible; }
.framer-msl-chaffoteaux { aspect-ratio: 5.287; width: 180px; height: auto; position: relative; overflow: visible; }

/* "18–20 podcasts" section: the GUESTS text card is replaced by the photo block from guests/guests.js */
.framer-9iWkS .framer-11donzf-container { display: none !important; }
@media (min-width: 810px) {
  /* with the GUESTS card hidden, HOSTS + FORMAT share the row; the guests block spans it below */
  .framer-9iWkS .framer-g1e6kn { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
/* the cards grid had fixed 1fr rows sized for one row; let the guests block (an extra row) grow it */
.framer-9iWkS .framer-g1e6kn { grid-template-rows: none !important; grid-auto-rows: auto !important; height: auto !important; }

/* Phone layout fixes (the Framer design has no proper mobile variant for these blocks).
 * Written against the UZ page's classes (scope .framer-5G1xw); tools/build.py translates them to the
 * EN and RU pages with tools/page_classes.py. Component classes (framer-QbLhX, framer-qkBz7) are shared. */
@media (max-width: 809.98px) {
  /* "Bir oyda minimum 6 ta ko'rsatuv": the section kept a fixed 1440px width */
  .framer-5G1xw .framer-1ogequn { width: 100% !important; }

  /* section titles squeezed to 90px ("Youtube'dagi podkast va intervyular", "Bizning homiy va hamkorlarimiz") */
  .framer-5G1xw .framer-18ypqqy,
  .framer-5G1xw .framer-18py51e { width: 100% !important; }
  .framer-5G1xw .framer-1jraycp,
  .framer-5G1xw .framer-d51m2v { padding-left: 20px !important; padding-right: 20px !important; }
  .framer-5G1xw .framer-18py51e .framer-text { font-size: 44px !important; }

  /* YouTube views (min / avg / max): the grid was wider than the screen and the items min-content */
  .framer-5G1xw .framer-1t18zf7 { width: 100% !important; grid-template-columns: 1fr !important; gap: 24px !important; }
  .framer-QbLhX.framer-1w5pfkm { width: 100% !important; }

  /* Instagram block: "MARKAZIY / SEKTOR" and "@markaziysektor" were wider than the screen */
  .framer-5G1xw .framer-1lpq1vc h1.framer-text,
  .framer-5G1xw .framer-1vfmxde h1.framer-text { font-size: 104px !important; }
  .framer-5G1xw .framer-13koxdb .framer-text { font-size: 48px !important; }

  /* exclusive content cards were 500px wide */
  .framer-5G1xw .framer-1k9sb9d,
  .framer-5G1xw .framer-dyx8f4,
  .framer-5G1xw .framer-1k9sb9d > *,
  .framer-5G1xw .framer-dyx8f4 > * { width: 100% !important; }

  /* ad prices: the two price cards sat side by side, 924px wide */
  .framer-5G1xw .framer-1s9rdir,
  .framer-5G1xw .framer-v8xtmc {
    width: 100% !important; max-width: 100% !important; padding: 0 !important;
    flex-direction: column !important; align-items: stretch !important; gap: 16px !important;
  }
  .framer-5G1xw .framer-1s9rdir > [class$="-container"],
  .framer-5G1xw .framer-v8xtmc > [class$="-container"] { width: 100% !important; }
  .framer-qkBz7 .framer-1s7ybgb .framer-text { font-size: 38px !important; }

  /* one-line section titles wider than the screen ("... integratsiyalari", "Hamkorlik muddati ...") */
  .framer-5G1xw .framer-1a2qq64 > *,
  .framer-5G1xw .framer-1vknrei > *,
  .framer-5G1xw .framer-14b4hn9 > *,
  .framer-5G1xw .framer-l556md > *,
  .framer-5G1xw .framer-1x4urt6 > * { width: 100% !important; white-space: normal !important; }
  .framer-5G1xw .framer-1a2qq64 .framer-text,
  .framer-5G1xw .framer-1vknrei .framer-text,
  .framer-5G1xw .framer-14b4hn9 .framer-text,
  .framer-5G1xw .framer-l556md .framer-text,
  .framer-5G1xw .framer-1x4urt6 .framer-text { font-size: 34px !important; line-height: 1.15 !important; }

  /* "CHEKLANGAN HAMKORLIK MODELI" / "AMALIY TAJRIBA — JCH-2026" broke inside words (RU words are longer) */
  .framer-5G1xw .framer-1x5ghsb .framer-text,
  .framer-5G1xw .framer-4gkj6b .framer-text { font-size: 40px !important; line-height: 1.05 !important; }

  /* integration cards: long words (RU) in the 32px card titles */
  .framer-M2Vx9 .framer-1xxx1z7 .framer-text { font-size: 26px !important; }
}

@media (max-width: 809.98px) {
  /* hero strips: the strip set was 150% of the screen, so the outer two faces were off-screen; now it spans the
     screen (a little extra each side hides the slanted ends; the slant is reduced on phones in the strips code) */
  .framer-5G1xw .framer-1oz9fql-container {
    width: calc(100% + 64px) !important; left: -32px !important;
    /* only the part above the 272px cream text panel is visible: size the photos to that, not to the whole header */
    height: calc(100% - 272px) !important;
  }
  /* language buttons sat on top of the full-width logo bar; move them just below it */
  .framer-5G1xw .framer-e3pdn1 { top: 71px !important; right: 12px !important; }
}
/* extra sponsor logos in the ticker (added after Flavis by the "regex" entries in config.json);
 * widths chosen so their visual height matches the other logos (~32-40px) */
.framer-msl-bwt { aspect-ratio: 2.931; width: 118px; height: auto; position: relative; overflow: visible; }
.framer-msl-herz { aspect-ratio: 4.603; width: 150px; height: auto; position: relative; overflow: visible; }
.framer-msl-chaffoteaux { aspect-ratio: 5.287; width: 180px; height: auto; position: relative; overflow: visible; }

/* "18–20 podcasts" section: the GUESTS text card is replaced by the photo block from guests/guests.js */
.framer-5G1xw .framer-1u2tg6s-container { display: none !important; }
@media (min-width: 810px) {
  /* with the GUESTS card hidden, HOSTS + FORMAT share the row; the guests block spans it below */
  .framer-5G1xw .framer-ib1qqx { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
/* the cards grid had fixed 1fr rows sized for one row; let the guests block (an extra row) grow it */
.framer-5G1xw .framer-ib1qqx { grid-template-rows: none !important; grid-auto-rows: auto !important; height: auto !important; }