/* ===== Tight mobile spacing (<=540px) ===== */
@media (max-width: 540px){

  /* 1) Όλα τα absolute γίνονται ροϊκά, με ΜΙΚΡΑ κενά */
  .format-card,
  .rules-card,
  .bro-text,
  .right-text,
  .right-image,
  .right-image-deco,
  .left-image,
  .left-image-second,
  .slogan{
    position: static !important;
    transform: none !important;
    z-index: auto !important;
    max-width: 92vw !important;
    margin: 8px auto 0 !important;   /* μικρότερο κενό */
    text-align: center;
  }

  /* 2) Το section σαν κάθετη στοίβα με πολύ μικρό gap */
  .tournament-section{
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 6px;                       /* ΠΟΛΥ μικρό */
    padding: 12px 0;                /* μαζεμένο */
    overflow: visible;
  }

  /* 3) Κουτιά πιο «σφιχτά» */
  .format-card, .rules-card{
    padding: 6px 0 8px;             /* λιγότερο padding */
    border-width: 1px;
    transform: rotate(1deg) !important;
  }
  .format-title, .rules-title{
    font-size: clamp(0.9rem, 3.4vw, 1rem);
    letter-spacing: .08em;
    margin: 0;
    line-height: 1.05;
    padding: 0 10px;
  }
  .format-lines, .rules-lines{
    font-size: clamp(0.8rem, 3.2vw, .95rem);
    line-height: 1.15;              /* πιο σφιχτό */
    padding: 0 10px 6px;
    margin: 0;
  }

  /* 4) Bro text – σφιχτές γραμμές & μικρό padding */
  .bro-text{
    font-size: clamp(0.92rem, 4vw, 1.05rem);
    line-height: 1.05;
    letter-spacing: .10em;
    margin-top: 8px !important;
  }
  .bro-text p{
    margin: 2px 0 !important;       /* σχεδόν κολλητά */
    padding: 4px 8px !important;     /* λεπτές πινελιές */
    line-height: 1 !important;
  }
  .paint-row{ padding: 4px 8px; }
  .paint-line::before,
  .paint-row::before{
    left: -2vw !important;           /* μικρό overscan */
    right: -2vw !important;
  }
  .paint-line.extend::before{ right: -8vw !important; }

  /* 5) Δεξί info block πιο «μαζεμένο» */
  .right-text{ margin-top: 8px !important; }
  .right-text h3{
    font-size: clamp(0.95rem, 3.6vw, 1.1rem);
    margin: 0 0 4px 0;
    line-height: 1.05;
  }
  .right-text p{
    font-size: clamp(0.88rem, 3.4vw, 1.02rem);
    margin: 0;
    line-height: 1.2;
  }

  /* 6) Εικόνες – μικρότερα κενά πάνω/κάτω */
  .left-image, .left-image-second, .right-image, .right-image-deco{
    margin-top: 6px !important;
    margin-bottom: 0 !important;
  }
  .right-image img       { width: min(68vw, 240px) !important; }
  .right-image-deco img  { width: min(62vw, 210px) !important; }
  .left-image img        { width: min(54vw, 170px) !important; }
  .left-image-second img { width: min(50vw, 150px) !important; }

  /* 7) Hero heading πιο σφιχτό κι εκεί */
  .hero-section{ padding-top: 84px; }
  .main-headline{
    margin-top: 40px;
    line-height: 1.1;
    letter-spacing: .08em;
    font-size: clamp(1.2rem, 5vw, 1.6rem);
  }
}