/* Strona główna: pasek promocji jak w układzie bazowym, z nową grafiką po prawej. */
@media (min-width:981px) {
  .mono-home .mono-promo-section {
    height:auto;
    min-height:244px;
    padding:0 !important;
    overflow:hidden;
    background:#ffdd00;
  }

  .mono-home .mono-promo-grid {
    min-height:244px;
    grid-template-columns:minmax(0,1fr) 488px;
    align-items:stretch;
  }

  .mono-home .mono-promo-copy {
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:25px 54px 25px 0;
  }

  .mono-home .mono-promo-copy .mono-section-label {
    margin:0 0 8px;
    font-size:.7rem;
  }

  .mono-home .mono-promo-copy h2 {
    max-width:720px;
    margin:0 0 10px;
    font-size:clamp(1.9rem,3.1vw,3.15rem);
    line-height:1.16;
    letter-spacing:-.035em;
  }

  .mono-home .mono-promo-copy > p:not(.mono-section-label) {
    display:block;
    max-width:650px;
    margin:0;
    font-size:.76rem;
    line-height:1.55;
  }

  .mono-home .mono-promo-actions {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
  }

  .mono-home .mono-promo-section .mono-button {
    min-height:38px;
    padding:0 18px;
    font-size:.68rem;
    white-space:nowrap;
  }

  .mono-home .mono-promo-art.mono-promo-art-balloons {
    position:relative;
    width:calc(488px + max(24px,calc((100vw - 1280px) / 2)));
    min-height:244px;
    height:244px;
    margin-right:calc(-1 * max(24px,calc((100vw - 1280px) / 2)));
    padding:0 !important;
    display:flex;
    flex-direction:row;
    align-items:flex-end;
    justify-content:flex-end;
    overflow:hidden;
    background:transparent !important;
  }

  .mono-home .mono-promo-art.mono-promo-art-balloons .mono-promo-balloons-only {
    position:relative;
    inset:auto;
    display:block;
    width:auto !important;
    min-width:0;
    max-width:none !important;
    height:224px !important;
    max-height:224px !important;
    transform:translateX(-56px);
    flex:0 0 auto;
    margin:0;
    object-fit:contain;
    object-position:right bottom;
  }
}

@media (min-width:761px) and (max-width:980px) {
  .mono-home .mono-promo-section {
    min-height:210px;
    padding:0 !important;
    overflow:hidden;
    background:#ffdd00;
  }

  .mono-home .mono-promo-grid {
    min-height:210px;
    grid-template-columns:minmax(0,1fr) 360px;
    align-items:stretch;
  }

  .mono-home .mono-promo-copy {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:18px 28px 18px 0;
  }

  .mono-home .mono-promo-copy .mono-section-label { margin-bottom:6px; }
  .mono-home .mono-promo-copy h2 {
    margin-bottom:8px;
    font-size:clamp(1.55rem,3.4vw,2rem);
    line-height:1.12;
  }
  .mono-home .mono-promo-copy > p:not(.mono-section-label) {
    display:block;
    font-size:.72rem;
    line-height:1.5;
  }
  .mono-home .mono-promo-actions { margin-top:12px; }
  .mono-home .mono-promo-section .mono-button {
    min-height:36px;
    padding:0 14px;
    font-size:.64rem;
  }

  .mono-home .mono-promo-art.mono-promo-art-balloons {
    position:relative;
    width:calc(420px + 24px);
    min-height:210px;
    height:210px;
    margin-right:-24px;
    padding:0 !important;
    display:flex;
    flex-direction:row;
    align-items:flex-end;
    justify-content:flex-end;
    overflow:hidden;
    background:transparent !important;
  }

  .mono-home .mono-promo-art.mono-promo-art-balloons .mono-promo-balloons-only {
    position:relative;
    inset:auto;
    display:block;
    width:auto !important;
    min-width:0;
    max-width:none !important;
    height:192px !important;
    max-height:192px !important;
    transform:translateX(-44px);
    flex:0 0 auto;
    margin:0;
    object-fit:contain;
    object-position:right bottom;
  }
}

/* Na telefonie pozostaje wcześniejszy, sprawdzony układ bez grafiki. */
@media (min-width:761px){
  .mono-home .mono-promo-art.mono-promo-art-balloons{padding-right:0!important;box-sizing:border-box!important;}
  .mono-home .mono-promo-art.mono-promo-art-balloons .mono-promo-balloons-only{margin-right:0!important;transform:none!important;}
}
@media (max-width:760px){
  .mono-home .mono-hero-decoration-right{display:none!important;}
}