.elementor-15604 .elementor-element.elementor-element-27153865{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS *//* keep the popup hidden until a trigger is clicked */
.pp-popup { display:none; }   /* ← remove !important */
/* ░░ Party Pros single-item template – mobile polish ░░
   page = .elementor-15604 (post-ID 17981)                                */
@media (max-width:767px){

  /* 1.  Kill all side-padding / width caps */
  .elementor-15604 .elementor-container,
  .elementor-15604 .e-con,
  .elementor-15604 .e-con-inner,
  .elementor-15604 .e-con-child,
  .elementor-15604 .elementor-column{
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  /* 2.  Images: fill width, keep ratio */
  .elementor-15604 img{
    width:100%!important;
    height:auto!important;
    object-fit:cover;
  }

  /* 3.  “Why Choose” section – single-column full-width */
  .elementor-15604 .why-choose-section{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .elementor-15604 .why-choose-section .elementor-widget-icon-box{
    max-width:100%!important;
  }

  /* 4.  Buttons row – stack & center */
  .elementor-15604 .custom-button-section{
    grid-template-columns:1fr!important;
    justify-items:center;
    padding-left:0!important;
    padding-right:0!important;
  }
  .elementor-15604 .custom-button-section .custom-buttons{
    max-width:100%!important;
  }

  /* 5.  Event-type grid = 2-up on phones */
  .elementor-15604 .casino-event-types-block .event-type-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }

  /* 6.  Safety: never allow horizontal scroll */
  body{overflow-x:hidden;}
}
/* ░░ end mobile pack ░░ */
/* ░░ Event-type grid — mobile fix (≤767 px) ░░ */
@media (max-width:767px){

  /* 1. Make the purple panel truly full-bleed */
  .casino-event-types-block{
    padding-left:0!important;
    padding-right:0!important;
  }

  /* 2. Two equal tracks that hug the right edge */
  .casino-event-types-block .event-type-grid{
    grid-template-columns:repeat(2,1fr)!important;
    justify-content:flex-end;      /* push grid to the right  */
    column-gap:14px;               /* adjust gap to taste     */
  }

  /* 3. Let each white card fill its track */
  .casino-event-types-block .event-box{
    max-width:100%!important;      /* kill the 240 px limit    */
    width:100%!important;
  }
}/* End custom CSS */