@media (min-width: 792px)
{



   #selected-event-bar{
      gap: 12px;
   }


   .selected-event-bar-event-btn{
      height: 64px;
      padding: 12px;
      padding-left: 44px;
   }




/* --- Main Container: Stacked and Full Width --- */
#selected-event-bar {

   border-radius: 0 0 12px 12px;
   width: 100%;
   left: 16px;
   padding: 16px;
   width: calc(100% - 32px);
   background: #f5f5f5;;
   box-shadow: none;
   border: none;
   


}


/* --- Event Button --- */
.selected-event-bar-event-btn {
   /* Reset shrinkage and width to take maximum width up to 700px */
   flex-shrink: 1; 
   width: 100%; 
}

/* --- Controls Line Container --- */
.selected-event-bar-controls-line {
   /* Reset shrinkage and width to take maximum width up to 700px */
   flex-shrink: 1; 
   width: 100%;

   /* If the content inside this bar is too wide for its 700px limit, 
      it will wrap or overflow gracefully here. */
}


.selected-event-bar-shop-btn {
   margin-left: auto;


}








}




@media (min-width: 1600px)
{
   #selected-event-bar{
      width: 800px;
      left: calc(50% - 400px);
      padding: 32px;
      padding-bottom: 16px;
      scale: 1.2;      
   }
      

}