/* Final mobile polish for Diwan Staff Draft Preview V4 */
.d4-footer-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.d4-footer-buttons a{min-height:54px;padding:12px 14px}
.d4-footer-buttons a.d4-private-featured{background:#C6A15B;color:#0F0F10;border-color:#C6A15B}
.d4-footer-buttons a.d4-private-featured b{color:#0F0F10}
.d4-footer-buttons a.d4-whatsapp{background:#171516;color:#FAF6F0;border-color:#C6A15B}
.d4-footer-brand{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}
.d4-footer-social{margin-top:0;margin-left:auto}
.d4-footer-social a{width:38px;height:38px}
.d4-schedule{grid-template-columns:repeat(6,1fr)}

/* Artist section refinements */
.d4-artists .d4-rule{display:none!important}
.d4-artists .d4-featuring{margin-top:18px}

/* Compact menu-choice grids across every category. */
.d4-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.d4-option{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;gap:12px!important;min-width:0!important;padding:13px 10px!important;background:#fff!important;border:1px solid #D9CCBE!important;text-align:center!important}
.d4-option>strong{display:block!important;min-height:36px!important;font-size:12px!important;line-height:1.35!important;color:#171516!important;overflow-wrap:anywhere!important}
.d4-option-actions{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}
.d4-option-actions .d4-counter{width:100%!important;justify-content:space-between!important}
.d4-option-actions .d4-counter button{width:34px!important;height:34px!important;flex:0 0 34px!important}
.d4-option-actions .d4-counter span{flex:1!important;min-width:28px!important;font-size:12px!important}
.d4-option-actions .d4-all,.d4-all{display:none!important}

@media(max-width:900px){
  .d4-schedule{grid-template-columns:repeat(3,1fr)}
  .d4-time:nth-child(3){border-right:0}
  .d4-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:600px){
  .d4-footer{padding:18px 12px 16px}
  .d4-footer-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .d4-footer-buttons a{min-height:50px;padding:11px 12px;font-size:9px;letter-spacing:.05em}
  .d4-footer-buttons a span{line-height:1.25}
  .d4-footer-main{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px;padding-top:15px}
  .d4-footer-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;width:100%}
  .d4-footer-brand>a{display:flex;align-items:center;flex:0 0 auto}
  .d4-footer-brand img{width:90px}
  .d4-footer-social{display:flex;align-items:center;gap:6px;margin:0 0 0 auto}
  .d4-footer-social a{width:34px;height:34px}
  .d4-footer-social svg{width:17px;height:17px}
  .d4-address{padding-top:2px}
  .d4-address strong{font-size:21px}
  .d4-map-link{margin-top:12px}
  .d4-map{height:150px;margin-top:8px}

  /* Six schedule moments remain clear and luxurious on mobile. */
  .d4-schedule{grid-template-columns:1fr}
  .d4-time{min-height:0;border-right:0;border-bottom:1px solid rgba(198,161,91,.18);padding:15px 14px}
  .d4-time:last-child{border-bottom:0}

  /* Show more of the left performer and keep both artists balanced. */
  .d4-hero>img{object-position:36% center}
  .d4-hero-shade{background:linear-gradient(180deg,rgba(15,15,16,.03) 0%,rgba(15,15,16,.10) 40%,rgba(15,15,16,.74) 72%,rgba(15,15,16,.96) 100%)}

  /* Compact header while keeping controls comfortably tappable. */
  .d4-header{padding:0 12px;gap:8px}
  .d4-brand img{width:76px}
  .d4-head-actions{gap:5px}
  .d4-social{gap:3px}
  .d4-social a,.d4-shop{width:34px;height:34px}
  .d4-social svg,.d4-shop svg{width:17px;height:17px}
  .d4-private{min-height:36px;padding:0 8px;gap:5px;font-size:8px;letter-spacing:.05em}
  .d4-private svg{width:15px;height:15px}

  /* Two-by-two / compact tile rhythm on phone to reduce scrolling. */
  .d4-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .d4-option{padding:11px 8px!important;gap:10px!important}
  .d4-option>strong{min-height:34px!important;font-size:11px!important}
}

@media(max-width:390px){
  .d4-header{padding:0 9px}
  .d4-brand img{width:70px}
  .d4-social a,.d4-shop{width:31px;height:31px}
  .d4-private{padding:0 7px;font-size:7px}
  .d4-footer-buttons a{font-size:8.5px}
  .d4-option-actions .d4-counter button{width:31px!important;height:31px!important;flex-basis:31px!important}
}