/* Habesha Menu PRO — Front */
.hmp-front{ background: var(--hmp-bg); color: var(--hmp-text); font-family: var(--hmp-font); }
.hmp-page{ padding: 22px 14px; }
.hmp-box{
  max-width: var(--hmp-maxw);
  margin: 0 auto;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.1));
  border-radius: var(--hmp-r);
  border: var(--hmp-bw) solid transparent;
  background-clip: padding-box;
  box-shadow: 0 28px 60px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.06);
  overflow: hidden;
  position: relative;
}
.hmp-box::before{
  content:""; position:absolute; inset:-2px; z-index:-1; border-radius: calc(var(--hmp-r) + 8px);
  background: radial-gradient(1200px 600px at 50% 120%, rgba(232,207,120,.22), transparent 70%);
  filter: blur(14px);
}
.hmp-hero{
  height: var(--hmp-hero-h);
  background: #111 center/cover no-repeat;
  position: relative;
}
.hmp-hero-overlay{
  position:absolute; inset:0;
  background:
    radial-gradient(120% 100% at 50% 15%, rgba(0,0,0,.18), transparent 45%),
    linear-gradient(to bottom, rgba(0,0,0,.25) 0%, rgba(0,0,0,.72) 70%);
}
.hmp-hero-title{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.hmp-badge{
  padding: 12px 18px;
  background: rgba(10,10,10,.45);
  border: 1px solid rgba(232,207,120,.35);
  border-radius: 999px;
  backdrop-filter: blur(6px);
}
.hmp-badge h2{ margin:0; color: var(--hmp-gold); font-size: 28px; text-shadow: 0 2px 10px rgba(0,0,0,.55); }

.hmp-intro{ padding: 14px 18px 0; line-height: 1.8; color: rgba(255,255,255,.9); }
.hmp-divider{
  width:180px; height:2px; margin: 16px auto 18px;
  background: linear-gradient(90deg, transparent, var(--hmp-gold), transparent);
  position: relative;
}
.hmp-sections{ padding: 0 18px 18px; }
.hmp-section{ margin: 18px 0 26px; }

.hmp-sec-head{
  height: 170px;
  background: #111 center/cover no-repeat;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
}
.hmp-sec-overlay{
  position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,.72));
}
.hmp-sec-badge{
  position:absolute; inset:0;
  display:flex; align-items:flex-end; justify-content:center;
  padding: 14px;
}
.hmp-sec-badge h3{
  margin:0;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(10,10,10,.50);
  border: 1px solid rgba(232,207,120,.30);
  color: var(--hmp-gold);
  text-shadow: 0 2px 10px rgba(0,0,0,.55);
}

.hmp-list{ margin-top: 12px; }
.hmp-item-line{ display:flex; gap: 12px; align-items:flex-end; padding: 10px 0; }
.hmp-name{ font-weight: 800; font-size: 18px; color: #fff; }
.hmp-desc{ margin-top: 2px; font-size: 14px; color: rgba(255,255,255,.78); }
.hmp-dotline{ flex:1; border-bottom: 1px dotted rgba(232,207,120,.55); transform: translateY(-6px); }
.hmp-price{ font-weight: 900; color: var(--hmp-gold); white-space: nowrap; }

.hmp-item-hero{ margin: 12px 0; border-radius: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); }
.hmp-item-img{ height: 170px; background: #111 center/cover no-repeat; position: relative; }
.hmp-item-img-overlay{ position:absolute; inset:0; background: linear-gradient(to bottom, rgba(0,0,0,.10), rgba(0,0,0,.70)); }
.hmp-item-title{ position:absolute; inset:0; display:flex; align-items:flex-end; padding: 12px; }
.hmp-item-title span{
  padding: 8px 12px; border-radius: 999px;
  background: rgba(10,10,10,.55);
  border: 1px solid rgba(232,207,120,.25);
  color: #fff;
  font-weight: 900;
}
.hmp-item-body{ display:flex; align-items:flex-end; gap: 12px; padding: 12px; }
.hmp-item-desc{ color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.6; }

.hmp-dots{ flex:1; border-bottom: 1px dotted rgba(232,207,120,.55); transform: translateY(-6px); }

/* ✅ BLOCKS (YOUR REQUEST) */
.hmp-block{ margin: 14px 0; }
.hmp-text{
  padding: 10px 6px;
  line-height: 1.85;
  color: rgba(255,255,255,.90);
  font-size: 15px;
}
.hmp-notice{
  padding: 14px 14px;
  border-radius: 14px;
  background: rgba(232,207,120,.12);
  border: 1px solid rgba(232,207,120,.35);
  box-shadow: 0 16px 40px rgba(0,0,0,.35);
}
.hmp-notice-title{ font-weight: 900; color: var(--hmp-gold); margin-bottom: 6px; font-size: 16px; }
.hmp-notice-body{ color: rgba(255,255,255,.92); line-height: 1.75; font-size: 14px; }

.hmp-video iframe{ width: 100% !important; max-width: 100%; border-radius: 14px; overflow:hidden; }
.hmp-html{ padding: 8px 6px; }

/* QR */
.hmp-qr{ display:grid; gap:10px; justify-items:center; padding: 14px; border-radius: 16px;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.10);
}
.hmp-qr-img{ width: 240px; max-width: 100%; height: auto; border-radius: 14px; }
.hmp-qr-label{ color: var(--hmp-gold); font-weight: 900; text-align:center; }
.hmp-qr-dl{ color: var(--hmp-accent); text-decoration: none; font-weight: 800; }

.hmp-alert{ padding: 12px 14px; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; color: rgba(255,255,255,.9); background: rgba(255,255,255,.04); }

@media (max-width: 650px){
  .hmp-badge h2{ font-size: 24px; }
  .hmp-sections{ padding: 0 14px 16px; }
  .hmp-item-img{ height: 150px; }
  .hmp-sec-head{ height: 150px; }
}