/* ============================================================
   BASE.CSS — общие стили для всех страниц bar1929.ru
   Дизайн-система: Acid Grunge v1.0
   ============================================================ */

/* === ПЕРЕМЕННЫЕ БРЕНДА === START === */
:root{
  --bg:#0D1420;      /* фон: ночь */
  --panel:#1A2433;   /* панели, карточки */
  --cream:#E8DCC4;   /* основной текст */
  --lime:#C6DB2F;    /* акцент (не более 20% площади) */
}
/* === ПЕРЕМЕННЫЕ БРЕНДА === END === */

/* === СБРОС И БАЗА === START === */
*{box-sizing:border-box;}
  ::-webkit-scrollbar{height:0;width:0;}
  ::selection{background:#C6DB2F;color:#0D1420;}
  input,button,textarea{font-family:inherit;}
  input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.5;cursor:pointer;}
  input::placeholder{color:rgba(232,220,196,.4);}
  @keyframes fadeUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}

html,body{margin:0;background:#0D1420;}

/* ===== desktop overrides (>=1024px) ===== */
.only-dk{display:none!important}
@media(min-width:1024px){
  .only-dk{display:contents!important}
  #shell{max-width:1120px;margin:0 auto}
  #heroInner{display:flex;gap:40px;align-items:center}
  #heroLeft{flex:1 1 0}
  #heroCta{max-width:360px}
  #weekList{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
  #afisha-scroller{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px!important;overflow:visible!important}
  #afisha-scroller .poster{flex:none!important}
  #afisha-scroller .poster[data-clone]{display:none!important} /* клоны карусели не дублируются в сетке десктопа */
  #theses{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:0 28px}
  #formWrap{max-width:560px;margin:0 auto}
  #loyaltyRow{display:flex!important;gap:24px;align-items:flex-start}
  #videoGrid{display:flex!important;gap:16px;overflow-x:auto!important}
  #videoGrid .vk-clip{flex:0 0 300px!important;aspect-ratio:9/16;max-height:533px}
  #kitchenGrid{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}
  #kitchenBtn{flex-direction:row!important;gap:14px!important;max-width:520px}
  #stickybar{display:none!important}
  #wordmark{display:inline!important}
  #sealMobile{display:none!important}
}
/* === СБРОС И БАЗА === END === */

/* === ЛАЙТБОКС (общий для лендинга и меню) === START === */
#lightbox{
  display:none; position:fixed; inset:0; z-index:1000;
  background:rgba(13,20,32,.96);
  align-items:center; justify-content:center;
  padding:20px; cursor:zoom-out;
}
#lightbox img{
  max-width:100%; max-height:90vh; display:block;
  border-radius:8px; object-fit:contain;
}
#lightbox button{
  position:fixed; top:16px; right:16px;
  width:52px; height:52px;
  background:var(--lime); color:var(--bg);
  border:none; border-radius:50%;
  font-size:28px; line-height:1; cursor:pointer;
  font-family:monospace; z-index:2;
}
/* === ЛАЙТБОКС === END === */