/* =======================================================
   HOME ONLY
======================================================= */

:root {
  --home-desktop-page-height: clamp(1360px, calc(100vw * 1780 / 1920), 2600px);
  --home-widget-width: clamp(390px, calc(100vw * 560 / 1920), 560px);
  --home-widget-height: clamp(600px, calc(100vw * 860 / 1920), 860px);

  --home-widget-top: clamp(58px, calc(100vw * 82 / 1920), 82px);
  --home-widget-right: clamp(30px, calc(100vw * 96 / 1920), 96px);

  --home-bottom-line-bottom: calc(100vw * -17 / 1920);
  --home-left-doodle-bottom: calc(100vw * -100 / 1920);
  --home-plane-bottom: calc(100vw * -10 / 1920);
  --home-stats-board-bottom: 0px;

  --home-buttons-row-top: 55%;
  --home-offer-top: 54.5%;
  --home-offer-left: 54%;
  --home-offer-width: 9%;

  --home-offer-hit-top: 54.05%;
  --home-offer-hit-left: 53.15%;
  --home-offer-hit-width: 10.8%;
  --home-offer-hit-height: 6.2%;

  --home-stats-board-left: 56.5%;
  --home-stats-board-width: calc(100vw * 900 / 1920);

  --home-stats-texts-left: 50%;
  --home-stats-texts-bottom: calc(100vw * 230 / 1920);
  --home-stats-texts-width: calc(100vw * 600 / 1920);
}

body.home-page:not(.ya-home-fonts-ready) .chalk-title,
body.home-page:not(.ya-home-fonts-ready) .chalk-desc-1,
body.home-page:not(.ya-home-fonts-ready) .chalk-desc-2,
body.home-page:not(.ya-home-fonts-ready) .overlay-title,
body.home-page:not(.ya-home-fonts-ready) .overlay-desc,
body.home-page:not(.ya-home-fonts-ready) .stat-number,
body.home-page:not(.ya-home-fonts-ready) .stat-text {
  visibility: hidden !important;
  opacity: 0 !important;
}

body.home-page.ya-home-fonts-ready .chalk-title,
body.home-page.ya-home-fonts-ready .chalk-desc-1,
body.home-page.ya-home-fonts-ready .chalk-desc-2,
body.home-page.ya-home-fonts-ready .overlay-title,
body.home-page.ya-home-fonts-ready .overlay-desc,
body.home-page.ya-home-fonts-ready .stat-number,
body.home-page.ya-home-fonts-ready .stat-text {
  visibility: visible !important;
  opacity: 1 !important;
}

body.home-page {
  min-height: auto;
}

body.home-page header {
  background: transparent !important;
}

body.home-page main {
  flex: 0 0 auto;
  background-image: url('/assets/Background.png');
  background-size: 100% 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

body.home-page .full-width-wrapper {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0 auto;
}

body.home-page .master-image {
  display: none !important;
}

body.home-page .tl-highlight {
  color: #ffde59;
}

/* =======================================================
   DESKTOP 16:9 BASELINE
======================================================= */
@media (min-width: 901px) {
  body.home-page main {
    padding-top: calc(100vw * 100 / 1920) !important;
    background-image: url('/assets/Background.png') !important;
    background-size: 100% 100% !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    overflow: hidden !important;
  }

  body.home-page .full-width-wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    min-height: var(--home-desktop-page-height) !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    background: none !important;
  }

  body.home-page .home-deco {
    position: absolute !important;
    display: block !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;
    max-width: none !important;
    height: auto !important;
    z-index: 1 !important;
  }

  body.home-page .home-bottom-line {
    left: 0 !important;
    bottom: var(--home-bottom-line-bottom) !important;
    width: 110% !important;
  }

  body.home-page .home-hands {
    top: -2% !important;
    left: 6% !important;
    width: 40% !important;
  }

  body.home-page .home-rays {
    top: 7% !important;
    left: 38% !important;
    width: 25% !important;
  }

  body.home-page .home-bubble {
    top: 12% !important;
    left: 3% !important;
    width: 60% !important;
  }

  body.home-page .home-middle-line {
    top: 45% !important;
    left: -5% !important;
    width: 95% !important;
  }

  body.home-page .home-pink-line {
    top: 41.5% !important;
    right: -2.5% !important;
    width: 38.5% !important;
  }

  body.home-page .home-why-me {
    top: 47% !important;
    left: 20% !important;
    width: 13% !important;
  }

  body.home-page .home-arrow-crown {
    top: 49% !important;
    left: 47% !important;
    width: 20% !important;
  }

  body.home-page .home-left-doodle {
    left: -1% !important;
    bottom: var(--home-left-doodle-bottom) !important;
    width: 25% !important;
  }

  body.home-page .home-plane {
    right: 0.5% !important;
    bottom: var(--home-plane-bottom) !important;
    width: 18.5% !important;
  }

  body.home-page .chalk-title,
  body.home-page .chalk-desc-1,
  body.home-page .chalk-desc-2,
  body.home-page .overlay-title,
  body.home-page .overlay-desc,
  body.home-page .stat-number,
  body.home-page .stat-text {
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    cursor: text !important;
  }

  body.home-page .chalk-title {
    position: absolute !important;
    top: 16.5% !important;
    left: 8.2% !important;
    width: 30% !important;
    transform: rotate(-13deg) !important;
    font-family: 'Lava Pro Grunge', cursive !important;
    font-size: calc(100vw * 58 / 1920) !important;
    color: #ffffff !important;
    line-height: 1.03 !important;
    z-index: 4 !important;
    animation: fadeInText 1s ease-out !important;
  }

  body.home-page .chalk-desc-1 {
    position: absolute !important;
    top: 19.5% !important;
    left: 7.0% !important;
    width: 40% !important;
    transform: rotate(-13deg) !important;
    font-family: 'Antio', sans-serif !important;
    font-size: calc(100vw * 30 / 1920) !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
    text-align: left !important;
    z-index: 4 !important;
    animation: fadeInText 1s ease-out !important;
  }

  body.home-page .chalk-desc-2 {
    position: absolute !important;
    top: 27% !important;
    left: 11.0% !important;
    width: 35% !important;
    transform: rotate(-10deg) !important;
    font-family: 'Antio', sans-serif !important;
    font-size: calc(100vw * 29 / 1920) !important;
    color: #ffffff !important;
    line-height: 1.23 !important;
    text-align: right !important;
    z-index: 4 !important;
    animation: fadeInText 1s ease-out !important;
  }

  body.home-page .widget-zone {
    position: absolute !important;
    top: var(--home-widget-top) !important;
    right: var(--home-widget-right) !important;
    width: var(--home-widget-width) !important;
    height: var(--home-widget-height) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
    z-index: 10 !important;
    background: transparent !important;
    padding: 0 !important;
    transform-origin: top right !important;
    transform: scale(var(--ya-widget-layout-scale)) !important;
    will-change: transform !important;
  }

  body.home-page .widget-iframe {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    display: block !important;
  }

  body.home-page .btn-object {
    position: absolute !important;
    z-index: 6 !important;
    cursor: pointer !important;
    transition: transform 0.25s ease, filter 0.25s ease !important;
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    height: auto !important;
  }

  body.home-page .btn-object:hover {
    filter: brightness(0) saturate(100%) invert(84%) sepia(55%) saturate(921%) hue-rotate(355deg) brightness(105%) contrast(103%) !important;
    transform: scale(1.04) rotate(-2deg) !important;
  }

  body.home-page .btn-meet-img {
    top: var(--home-buttons-row-top) !important;
    left: 33% !important;
    width: 15.5% !important;
    pointer-events: auto !important;
  }

  body.home-page .btn-offer-wrap {
    position: absolute !important;
    inset: 0 !important;
    z-index: 6 !important;
    pointer-events: none !important;
  }

  body.home-page .btn-offer-hitbox {
    position: absolute !important;
    top: var(--home-offer-hit-top) !important;
    left: var(--home-offer-hit-left) !important;
    width: var(--home-offer-hit-width) !important;
    height: var(--home-offer-hit-height) !important;
    display: block !important;
    z-index: 8 !important;
    pointer-events: auto !important;
    background: transparent !important;
    border-radius: 14px !important;
    cursor: pointer !important;
  }

  body.home-page .btn-offer-img {
    top: var(--home-offer-top) !important;
    left: var(--home-offer-left) !important;
    width: var(--home-offer-width) !important;
    pointer-events: none !important;
  }

  body.home-page .btn-offer-hitbox:hover ~ .btn-offer-img {
    filter: brightness(0) saturate(100%) invert(84%) sepia(55%) saturate(921%) hue-rotate(355deg) brightness(105%) contrast(103%) !important;
    transform: scale(1.04) rotate(-2deg) !important;
  }

  body.home-page .text-overlay-layer {
    position: absolute !important;
    top: 65% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 75% !important;
    max-width: none !important;
    z-index: 5 !important;
    display: block !important;
    padding: 0 !important;
    animation: fadeInText 1s ease-out !important;
  }

  body.home-page .overlay-title {
    position: relative !important;
    display: block !important;
    margin: 0 0 calc(100vw * 10 / 1920) 0 !important;
    font-family: 'Lava Pro Grunge', cursive !important;
    font-size: calc(100vw * 34 / 1920) !important;
    color: #ffffff !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
  }

  body.home-page .overlay-desc {
    position: relative !important;
    display: block !important;
    font-family: 'Antio', sans-serif !important;
    font-size: calc(100vw * 26 / 1920) !important;
    color: #ffffff !important;
    text-align: center !important;
    line-height: 1.34 !important;
    margin: 0 !important;
  }

  body.home-page .stats-board-layer {
    position: absolute !important;
    left: var(--home-stats-board-left) !important;
    bottom: var(--home-stats-board-bottom) !important;
    transform: translateX(-50%) !important;
    width: var(--home-stats-board-width) !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }

  body.home-page .home-stats-board {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    width: 100% !important;
    display: block !important;
    z-index: 2 !important;
  }

  body.home-page .stats-texts-layer {
    position: absolute !important;
    left: var(--home-stats-texts-left) !important;
    bottom: var(--home-stats-texts-bottom) !important;
    transform: translateX(-50%) !important;
    width: var(--home-stats-texts-width) !important;
    z-index: 5 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 2.5% !important;
    align-items: start !important;
    padding: 0 !important;
    animation: fadeInText 1.2s ease-out !important;
  }

  body.home-page .stat-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: auto !important;
    left: 0 !important;
  }

  body.home-page .stat-number {
    position: relative !important;
    display: block !important;
    margin: 0 0 calc(100vw * 18 / 1920) 0 !important;
    font-family: 'Lava Pro Grunge', cursive !important;
    font-size: calc(100vw * 66 / 1920) !important;
    color: #ffffff !important;
    line-height: 1 !important;
  }

  body.home-page .stat-text {
    position: relative !important;
    display: block !important;
    font-family: 'Lava Pro Grunge', cursive !important;
    font-size: calc(100vw * 24 / 1920) !important;
    color: #ffde59 !important;
    line-height: 1.12 !important;
    text-transform: uppercase !important;
  }
}

/* =======================================================
   901–1180
======================================================= */
@media (min-width: 901px) and (max-width: 1180px) {
  body.home-page .chalk-title {
    font-size: clamp(34px, calc(100vw * 42 / 1920), 42px) !important;
    line-height: 1.00 !important;
  }

  body.home-page .chalk-desc-1 {
    font-size: clamp(17px, calc(100vw * 21 / 1920), 22px) !important;
    line-height: 1.06 !important;
  }

  body.home-page .chalk-desc-2 {
    font-size: clamp(16px, calc(100vw * 20 / 1920), 21px) !important;
    line-height: 1.05 !important;
  }

  body.home-page .text-overlay-layer {
    top: 64.6% !important;
    width: 83% !important;
  }

  body.home-page .overlay-title {
    font-size: clamp(31px, calc(100vw * 35 / 1920), 35px) !important;
  }

  body.home-page .overlay-desc {
    font-size: clamp(22px, calc(100vw * 26 / 1920), 24px) !important;
    line-height: 1.28 !important;
  }
}

/* =======================================================
   1181–1487
======================================================= */
@media (min-width: 1181px) and (max-width: 1487px) {
  body.home-page .chalk-title {
    font-size: clamp(39px, calc(100vw * 46 / 1920), 49px) !important;
    line-height: 1.01 !important;
  }

  body.home-page .chalk-desc-1 {
    font-size: clamp(20px, calc(100vw * 24 / 1920), 26px) !important;
    line-height: 1.07 !important;
  }

  body.home-page .chalk-desc-2 {
    font-size: clamp(18px, calc(100vw * 22 / 1920), 24px) !important;
    line-height: 1.06 !important;
  }

  body.home-page .text-overlay-layer {
    top: 64.5% !important;
    width: 81% !important;
  }

  body.home-page .overlay-title {
    font-size: clamp(31px, calc(100vw * 36 / 1920), 36px) !important;
  }

  body.home-page .overlay-desc {
    font-size: clamp(22px, calc(100vw * 27 / 1920), 25px) !important;
    line-height: 1.29 !important;
  }
}

/* =======================================================
   901–1487
   wspólne kotwiczenie: widget + Projektx 8/9/10
======================================================= */
@media (min-width: 901px) and (max-width: 1487px) {
  body.home-page {
    --home-901-1487-shrink: clamp(0px, calc(1487px - 100vw), 586px);

    --home-901-widget-top: calc(var(--home-widget-top) - 12px);
    --home-901-widget-right: calc(var(--home-widget-right) - 12px);
    --home-901-widget-width: 434px;
    --home-901-widget-height: 667px;
  }

  body.home-page main {
    overflow: visible !important;
  }

  body.home-page .full-width-wrapper {
    min-height: 1745px !important;
    padding-bottom: 320px !important;
    overflow: visible !important;
  }

  body.home-page .widget-zone {
    top: var(--home-901-widget-top) !important;
    right: var(--home-901-widget-right) !important;
    width: var(--home-901-widget-width) !important;
    height: var(--home-901-widget-height) !important;
    min-width: var(--home-901-widget-width) !important;
    min-height: var(--home-901-widget-height) !important;
    overflow: visible !important;
    transform: scale(var(--ya-widget-layout-scale)) !important;
    transform-origin: top right !important;
  }

  body.home-page .home-hands {
    top: calc(var(--home-901-widget-top) - (100vw * 108 / 1920)) !important;
    right: calc(var(--home-901-widget-right) + (100vw * 952 / 1920)) !important;
    left: auto !important;
    width: calc(100vw * 768 / 1920) !important;
  }

  body.home-page .home-rays {
    top: calc(var(--home-901-widget-top) + (100vw * 54 / 1920)) !important;
    right: calc(var(--home-901-widget-right) + (100vw * 626 / 1920)) !important;
    left: auto !important;
    width: calc(100vw * 480 / 1920) !important;
  }

  body.home-page .home-bubble {
    top: calc(var(--home-901-widget-top) + (100vw * 154 / 1920)) !important;
    right: calc(var(--home-901-widget-right) + (100vw * 626 / 1920)) !important;
    left: auto !important;
    width: calc(100vw * 1152 / 1920) !important;
  }

  body.home-page .chalk-title {
    top: calc(var(--home-901-widget-top) + (100vw * 246 / 1920)) !important;
    right: calc(var(--home-901-widget-right) + (100vw * 1091 / 1920)) !important;
    left: auto !important;
    width: calc(100vw * 576 / 1920) !important;
  }

  body.home-page .chalk-desc-1 {
    top: calc(var(--home-901-widget-top) + (100vw * 308 / 1920)) !important;
    right: calc(var(--home-901-widget-right) + (100vw * 904 / 1920)) !important;
    left: auto !important;
    width: calc(100vw * 780 / 1920) !important;
  }

  body.home-page .chalk-desc-2 {
    top: calc(var(--home-901-widget-top) + (100vw * 434 / 1920)) !important;
    right: calc(var(--home-901-widget-right) + (100vw * 984 / 1920)) !important;
    left: auto !important;
    width: calc(100vw * 684 / 1920) !important;
  }

  body.home-page .home-why-me {
    top: calc(47% - (var(--home-901-1487-shrink) * 0.018)) !important;
    width: calc(13% + (var(--home-901-1487-shrink) * 0.018)) !important;
  }

  body.home-page .home-arrow-crown {
    top: calc(49% - (var(--home-901-1487-shrink) * 0.02)) !important;
    width: calc(20% + (var(--home-901-1487-shrink) * 0.026)) !important;
  }

  body.home-page .home-middle-line {
    top: calc(45% - (var(--home-901-1487-shrink) * 0.012)) !important;
  }

  body.home-page .btn-meet-img {
    top: calc(var(--home-buttons-row-top) - (var(--home-901-1487-shrink) * 0.018)) !important;
    width: calc(15.5% + (var(--home-901-1487-shrink) * 0.022)) !important;
    left: calc(33% - (var(--home-901-1487-shrink) * 0.006)) !important;
  }

  body.home-page {
    --home-offer-top: calc(54.5% - (var(--home-901-1487-shrink) * 0.018));
    --home-offer-left: calc(54% - (var(--home-901-1487-shrink) * 0.006));
    --home-offer-width: calc(9% + (var(--home-901-1487-shrink) * 0.013));

    --home-offer-hit-top: calc(54.05% - (var(--home-901-1487-shrink) * 0.018));
    --home-offer-hit-left: calc(53.15% - (var(--home-901-1487-shrink) * 0.006));
    --home-offer-hit-width: calc(10.8% + (var(--home-901-1487-shrink) * 0.015));
    --home-offer-hit-height: calc(6.2% + (var(--home-901-1487-shrink) * 0.004));
  }
}

/* =======================================================
   901–1200
   widget lekko mniejszy, wyżej i bardziej w prawo,
   ALE dalej na tym samym kotwiczeniu co Projektx 8/9/10
======================================================= */
@media (min-width: 901px) and (max-width: 1200px) {
  body.home-page {
    --home-901-widget-top: calc(var(--home-widget-top) - 20px);
    --home-901-widget-right: calc(var(--home-widget-right) - 24px);
    --home-901-widget-width: 420px;
    --home-901-widget-height: 646px;
  }
}

/* =======================================================
   901–1115
   jeszcze ciut mocniej dla węższych desktopów
======================================================= */
@media (min-width: 901px) and (max-width: 1115px) {
  body.home-page {
    --home-901-widget-top: calc(var(--home-widget-top) - 24px);
    --home-901-widget-right: calc(var(--home-widget-right) - 28px);
    --home-901-widget-width: 412px;
    --home-901-widget-height: 634px;
  }
}

/* =======================================================
   901–1062
======================================================= */
@media (min-width: 901px) and (max-width: 1062px) {
  body.home-page .chalk-title {
    width: calc(100vw * 650 / 1920) !important;
    right: calc(var(--home-901-widget-right) + (100vw * 1026 / 1920)) !important;
    font-size: clamp(31px, calc(100vw * 38 / 1920), 38px) !important;
    line-height: 0.98 !important;
  }

  body.home-page .chalk-desc-1 {
    width: calc(100vw * 880 / 1920) !important;
    right: calc(var(--home-901-widget-right) + (100vw * 836 / 1920)) !important;
    font-size: clamp(14.5px, calc(100vw * 17.5 / 1920), 18.5px) !important;
    line-height: 1.02 !important;
  }

  body.home-page .chalk-desc-2 {
    width: calc(100vw * 780 / 1920) !important;
    right: calc(var(--home-901-widget-right) + (100vw * 930 / 1920)) !important;
    font-size: clamp(14.5px, calc(100vw * 17 / 1920), 17.5px) !important;
    line-height: 1.01 !important;
  }
}

/* =======================================================
   1181–1203
======================================================= */
@media (min-width: 1181px) and (max-width: 1203px) {
  body.home-page .chalk-desc-1 {
    width: calc(100vw * 820 / 1920) !important;
    right: calc(var(--home-901-widget-right) + (100vw * 880 / 1920)) !important;
  }
}

/* =======================================================
   1204–1487
======================================================= */
@media (min-width: 1204px) and (max-width: 1487px) {
  body.home-page .chalk-desc-2 {
    top: calc(var(--home-901-widget-top) + (100vw * 440 / 1920)) !important;
  }
}

/* =======================================================
   2000+
======================================================= */
@media (min-width: 2000px) {
  body.home-page .widget-zone {
    width: clamp(583px, calc(100vw * 560 / 1920), 980px) !important;
    height: clamp(896px, calc(100vw * 860 / 1920), 1500px) !important;
    top: var(--home-widget-top) !important;
    right: var(--home-widget-right) !important;
    transform-origin: top right !important;
  }
}

/* =======================================================
   MOBILE HOME
======================================================= */
@media (max-width: 900px) {
  body.home-page main {
    background-image: url('/assets/Background.png') !important;
    background-size: 100% 100% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    overflow: visible !important;
    padding-bottom: 34px !important;
  }

  body.home-page .home-deco,
  body.home-page .home-stats-board,
  body.home-page .btn-object,
  body.home-page .btn-offer-wrap,
  body.home-page .btn-offer-hitbox,
  body.home-page .master-image,
  body.home-page .stats-board-layer {
    display: none !important;
  }

  body.home-page .full-width-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 12px 8px 34px !important;
    box-sizing: border-box !important;
    gap: clamp(8px, 2.6vw, 14px) !important;
    min-height: auto !important;
  }

  body.home-page .chalk-title,
  body.home-page .chalk-desc-1,
  body.home-page .chalk-desc-2,
  body.home-page .widget-zone,
  body.home-page .text-overlay-layer,
  body.home-page .stats-texts-layer {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: min(92vw, 520px) !important;
    min-width: 85vw !important;
    max-width: min(92vw, 520px) !important;
    margin: 0 auto !important;
  }

  body.home-page .chalk-title {
    order: 1 !important;
    align-self: center !important;
    padding: 0 !important;
    font-family: 'Lava Pro Grunge', cursive !important;
    font-size: clamp(38px, 10.4vw, 64px) !important;
    line-height: 0.96 !important;
    text-align: center !important;
    white-space: normal !important;
    transform: none !important;
    color: #ffffff !important;
  }

  body.home-page .chalk-desc-1 {
    order: 2 !important;
    align-self: center !important;
    padding: 0 2px !important;
    font-family: 'Antio', sans-serif !important;
    font-size: clamp(15px, 4.1vw, 22px) !important;
    line-height: 1.14 !important;
    text-align: center !important;
    transform: none !important;
    color: #ffffff !important;
  }

  body.home-page .chalk-desc-2 {
    order: 3 !important;
    align-self: center !important;
    padding: 0 2px !important;
    font-family: 'Antio', sans-serif !important;
    font-size: clamp(15px, 4.1vw, 22px) !important;
    line-height: 1.14 !important;
    text-align: center !important;
    transform: none !important;
    color: #ffffff !important;
  }

  body.home-page .chalk-desc-1 br,
  body.home-page .chalk-desc-2 br {
    display: none !important;
  }

  body.home-page .widget-zone {
    order: 4 !important;
    align-self: center !important;
    display: flex !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    padding: 0 !important;
  }

  body.home-page .widget-iframe {
    width: 100% !important;
    border: none !important;
    background: transparent !important;
    display: block !important;
    margin: 0 auto !important;
  }

  body.home-page .text-overlay-layer {
    order: 5 !important;
    padding: 0 2px !important;
    margin-top: -2px !important;
  }

  body.home-page .overlay-title {
    font-family: 'Lava Pro Grunge', cursive !important;
    font-size: clamp(31px, 7.4vw, 42px) !important;
    line-height: 1 !important;
    margin-bottom: 8px !important;
    text-align: center !important;
    color: #ffffff !important;
  }

  body.home-page .overlay-desc {
    font-family: 'Antio', sans-serif !important;
    font-size: clamp(14px, 3.7vw, 20px) !important;
    line-height: 1.18 !important;
    text-align: center !important;
    color: #ffffff !important;
  }

  body.home-page .stats-texts-layer {
    order: 6 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: clamp(10px, 3vw, 18px) !important;
    width: min(94vw, 560px) !important;
    min-width: 0 !important;
    max-width: min(94vw, 560px) !important;
    padding: 0 0 14px !important;
    margin: 0 auto !important;
    margin-top: 4px !important;
    margin-bottom: 10px !important;
  }

  body.home-page .stat-item {
    flex: 0 1 30% !important;
    max-width: 30% !important;
    left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
  }

  body.home-page .stat-number {
    font-family: 'Lava Pro Grunge', cursive !important;
    font-size: clamp(40px, 8.8vw, 58px) !important;
    margin-bottom: 4px !important;
    color: #ffffff !important;
  }

  body.home-page .stat-text {
    font-family: 'Lava Pro Grunge', cursive !important;
    font-size: clamp(10px, 2.9vw, 16px) !important;
    line-height: 1.08 !important;
    color: #ffde59 !important;
  }
}

@media (max-width: 900px) and (orientation: landscape) {
  body.home-page .full-width-wrapper {
    padding: 10px 8px 34px !important;
    gap: 10px !important;
  }

  body.home-page .chalk-title,
  body.home-page .chalk-desc-1,
  body.home-page .chalk-desc-2,
  body.home-page .widget-zone,
  body.home-page .text-overlay-layer,
  body.home-page .stats-texts-layer {
    width: min(86vw, 560px) !important;
    min-width: min(86vw, 560px) !important;
    max-width: min(86vw, 560px) !important;
  }

  body.home-page .chalk-title {
    font-size: clamp(30px, 6.2vw, 50px) !important;
  }

  body.home-page .chalk-desc-1,
  body.home-page .chalk-desc-2 {
    font-size: clamp(13px, 2.6vw, 18px) !important;
    line-height: 1.14 !important;
  }

  body.home-page .overlay-title {
    font-size: clamp(24px, 4.6vw, 34px) !important;
  }

  body.home-page .overlay-desc {
    font-size: clamp(13px, 2.4vw, 18px) !important;
  }

  body.home-page .stat-number {
    font-size: clamp(30px, 6vw, 48px) !important;
  }

  body.home-page .stat-text {
    font-size: clamp(10px, 1.9vw, 14px) !important;
  }
}