#cinema-calendar{
  display:none !important;
}

body[data-active-tab="cinema"] #cinema-calendar,
body.nm-show-cinema #cinema-calendar{
  display:block !important;
}



body:not([data-active-tab="cinema"]) #cinema-calendar{
  display:none !important;
}

.nm-cinema-box{
  margin:28px auto;
  max-width:1100px;
  border:1px solid #241018;
  background:#080808;
  border-radius:18px;
  padding:18px;
  box-shadow:0 0 30px rgba(112,27,51,.18);
}

.nm-cinema-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

.nm-cinema-title{
  font-size:24px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#f1d8df;
}

.nm-cinema-nav{
  display:flex;
  gap:8px;
}

.nm-cinema-nav button{
  background:#16070c;
  color:#fff;
  border:1px solid #701b33;
  border-radius:10px;
  padding:8px 12px;
  cursor:pointer;
}

.nm-cinema-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:8px;
}

.nm-cinema-weekday{
  color:#8c6874;
  font-size:12px;
  text-align:center;
  text-transform:uppercase;
}

.nm-cinema-day{
  min-height:82px;
  border:1px solid #1d0b11;
  border-radius:14px;
  background:#0b0b0b;
  color:#ddd;
  padding:8px;
  cursor:pointer;
  position:relative;
}

.nm-cinema-day.is-empty{
  opacity:.25;
  cursor:default;
}

.nm-cinema-day.is-selected{
  outline:2px solid #b83255;
}

.nm-cinema-num{
  font-weight:700;
  font-size:15px;
}

.nm-cinema-count{
  position:absolute;
  right:8px;
  bottom:8px;
  font-size:11px;
  color:#f3c4d0;
}

.nm-heat-0{background:#080808;}
.nm-heat-1{background:#260b15;}
.nm-heat-2{background:#461020;}
.nm-heat-3{background:#701b33;}
.nm-heat-4{background:#8d1737;}

.nm-cinema-list{
  margin-top:18px;
  border-top:1px solid #241018;
  padding-top:16px;
}

.nm-cinema-list h3{
  margin:0 0 12px;
  color:#fff;
}

.nm-cinema-item{
  border:1px solid #211018;
  background:#0e0e0e;
  border-radius:14px;
  padding:12px;
  margin-bottom:10px;
}

.nm-cinema-time{
  color:#ff9bb4;
  font-weight:700;
}

.nm-cinema-film{
  color:#fff;
  font-weight:700;
}

.nm-cinema-venue{
  color:#aaa;
  font-size:13px;
}

.nm-cinema-link{
  display:inline-block;
  margin-top:8px;
  color:#ffccd8;
  text-decoration:none;
  border-bottom:1px solid #701b33;
}

button[data-tab="cinema"].is-active,
button[data-tab="cinema"].nm-active-tab{
  border-color:#e73564 !important;
  box-shadow:0 0 24px rgba(231,53,100,.35);
}

@media(max-width:700px){
  .nm-cinema-box{
    margin:18px 10px;
    padding:12px;
  }

  .nm-cinema-title{
    font-size:18px;
  }

  .nm-cinema-day{
    min-height:62px;
    padding:6px;
  }
}

/* pokazuj kalendarz tylko w zakładce cinema */

#cinema-calendar {
  display:none;
}

body[data-active-tab="cinema"] #cinema-calendar {
  display:block;
}