/* ═══════════════════════════════════════════════════
   H-MEDIA.news — Home CSS v2
   Navy Deep / Gold — Premium Deals Magazine
   Fidèle à hmedia-v2.html
═══════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.cdnfonts.com/css/abiah');

:root {
  --navy:       #0D1B3E;
  --navy-deep:  #091428;
  --navy-mid:   #152347;
  --navy-light: #1E2E5A;
  --gold:       #C9A84C;
  --gold-light: #E8D5A3;
  --gold-dim:   rgba(201,168,76,0.12);
  --gold-line:  rgba(201,168,76,0.3);
  --white:      #F4F1EC;
  --muted:      rgba(244,241,236,0.5);
  --muted2:     rgba(244,241,236,0.22);
  --card:       rgba(21,35,71,0.8);
  --border:     rgba(201,168,76,0.12);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }

.hm-body {
  background: var(--navy-deep);
  color: var(--white);
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  overflow-x: hidden;
}
.hm-body::after {
  content:''; position:fixed; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  opacity:0.025; pointer-events:none; z-index:9999;
}

.abiah { font-family:'Abiah','Cormorant Garamond',Georgia,serif; font-weight:400; }

/* ── HEADER ─────────────────────────────────────── */
.hm-header {
  position:fixed; top:0; left:0; right:0; z-index:900;
  background:rgba(9,20,40,0.95);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  height:56px; display:flex; align-items:center;
  justify-content:space-between; padding:0 20px;
}
.hm-header-logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
.hm-logo-img { height:32px; width:auto; display:block; }
.hm-header-right { display:flex; align-items:center; gap:14px; }
.hm-header-tag {
  font-size:0.5rem; letter-spacing:0.22em; text-transform:uppercase;
  color:var(--gold); border:1px solid var(--gold-line); padding:5px 10px; white-space:nowrap;
}
.hm-hamburger {
  display:flex; flex-direction:column; gap:4px;
  cursor:pointer; padding:6px; background:none; border:none;
}
.hm-hamburger span { display:block; height:1.5px; background:var(--white); transition:all 0.3s; }
.hm-hamburger span:nth-child(1) { width:20px; }
.hm-hamburger span:nth-child(2) { width:20px; }
.hm-hamburger span:nth-child(3) { width:12px; background:var(--gold); }

/* ── MENU OVERLAY ───────────────────────────────── */
.hm-menu-overlay {
  position:fixed; inset:0; z-index:800;
  background:rgba(9,20,40,0.98);
  backdrop-filter:blur(24px);
  display:flex; flex-direction:column;
  justify-content:center; align-items:center; gap:32px;
  transform:translateX(100%);
  transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);
}
.hm-menu-overlay.open { transform:translateX(0); }
.hm-menu-overlay a {
  font-family:'Abiah','Cormorant Garamond',serif;
  font-size:2.2rem; font-weight:400; color:var(--white);
  text-decoration:none; letter-spacing:0.05em; transition:color 0.3s;
}
.hm-menu-overlay a:hover { color:var(--gold); }
.hm-menu-close {
  position:absolute; top:20px; right:20px;
  background:none; border:none; color:var(--white);
  font-size:1.5rem; cursor:pointer; padding:8px;
}
.hm-menu-divider { width:40px; height:1px; background:var(--gold-line); }

/* ── TICKER ─────────────────────────────────────── */
.hm-ticker-wrap {
  margin-top:56px; background:var(--gold);
  overflow:hidden; padding:9px 0; white-space:nowrap;
}
.hm-ticker-track {
  display:inline-flex;
  animation:hmTicker 30s linear infinite;
}
.hm-ticker-item {
  display:inline-flex; align-items:center; gap:10px;
  font-size:0.58rem; font-weight:600;
  letter-spacing:0.15em; text-transform:uppercase;
  color:var(--navy-deep); padding:0 24px;
}
.hm-ticker-dot { width:4px; height:4px; border-radius:50%; background:var(--navy-mid); opacity:0.4; }
@keyframes hmTicker { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ── HERO ───────────────────────────────────────── */
.hm-main { padding-bottom:72px; }
.hm-hero {
  min-height:100svh; position:relative;
  display:flex; flex-direction:column;
  justify-content:flex-end; overflow:hidden;
}
.hm-hero-bg {
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 100% 60% at 50% 0%, rgba(21,35,71,0.5) 0%, transparent 60%),
    radial-gradient(ellipse 80% 80% at 90% 90%, rgba(201,168,76,0.07) 0%, transparent 60%),
    linear-gradient(180deg, var(--navy-deep) 0%, #0a1530 40%, #0e2048 70%, var(--navy-deep) 100%);
}
.hm-hero-orb {
  position:absolute; width:280px; height:280px; border-radius:50%;
  background:radial-gradient(circle, rgba(201,168,76,0.13) 0%, transparent 70%);
  top:12%; right:-60px;
  animation:hmOrbFloat 7s ease-in-out infinite;
}
@keyframes hmOrbFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-18px)} }
.hm-hero-geo {
  position:absolute; top:72px; right:16px; width:70px; height:70px;
  border:1px solid rgba(201,168,76,0.18); transform:rotate(45deg);
  animation:hmGeoSpin 22s linear infinite;
}
.hm-hero-geo::before {
  content:''; position:absolute; inset:10px;
  border:1px solid rgba(201,168,76,0.08);
}
@keyframes hmGeoSpin { from{transform:rotate(45deg)} to{transform:rotate(405deg)} }

.hm-hero-content { position:relative; z-index:2; padding:40px 24px 48px; }
.hm-hero-eyebrow {
  display:flex; align-items:center; gap:12px;
  font-size:0.54rem; letter-spacing:0.36em; text-transform:uppercase;
  color:var(--gold); margin-bottom:22px;
  animation:hmFadeUp 0.8s 0.1s ease both;
}
.hm-hero-eyebrow::before { content:''; width:28px; height:1px; background:var(--gold); }
.hm-hero-title {
  font-family:'Abiah','Cormorant Garamond',serif;
  font-size:clamp(2.6rem,10vw,4.8rem); font-weight:400;
  line-height:1.0; letter-spacing:0.01em; margin-bottom:18px;
  animation:hmFadeUp 0.8s 0.2s ease both;
}
.hm-hero-title em { font-style:italic; color:var(--gold); display:block; }
.hm-hero-sub {
  font-size:0.68rem; letter-spacing:0.05em; color:var(--muted);
  line-height:1.9; margin-bottom:32px; max-width:320px;
  animation:hmFadeUp 0.8s 0.3s ease both;
}
.hm-hero-actions {
  display:flex; gap:12px; flex-wrap:wrap;
  animation:hmFadeUp 0.8s 0.4s ease both;
}
.hm-btn-gold {
  display:inline-flex; align-items:center; gap:10px;
  background:var(--gold); color:var(--navy-deep);
  font-size:0.58rem; font-weight:600; letter-spacing:0.2em; text-transform:uppercase;
  padding:13px 22px; border:none; cursor:pointer;
  font-family:'Montserrat',sans-serif; text-decoration:none; transition:opacity 0.3s;
}
.hm-btn-gold:hover { opacity:0.88; color:var(--navy-deep); }
.hm-btn-gold::after { content:'→'; }
.hm-btn-outline {
  display:inline-flex; align-items:center; gap:10px;
  background:transparent; color:var(--white);
  font-size:0.58rem; font-weight:400; letter-spacing:0.2em; text-transform:uppercase;
  padding:13px 22px; border:1px solid rgba(244,241,236,0.2);
  cursor:pointer; font-family:'Montserrat',sans-serif;
  text-decoration:none; transition:border-color 0.3s, color 0.3s;
}
.hm-btn-outline:hover { border-color:var(--gold); color:var(--gold); }

.hm-hero-stats {
  display:flex; border-top:1px solid rgba(201,168,76,0.15);
  margin-top:40px; padding-top:24px;
  animation:hmFadeUp 0.8s 0.5s ease both;
}
.hm-hero-stat { flex:1; text-align:center; position:relative; }
.hm-hero-stat+.hm-hero-stat::before {
  content:''; position:absolute; left:0; top:0; bottom:0;
  width:1px; background:rgba(201,168,76,0.15);
}
.hm-hero-stat-n {
  font-family:'Abiah','Cormorant Garamond',serif;
  font-size:1.7rem; color:var(--gold); line-height:1; margin-bottom:5px;
}
.hm-hero-stat-l { font-size:0.48rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--muted); }

@keyframes hmFadeUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }

/* ── SECTION HEADERS ────────────────────────────── */
.hm-sec-head {
  display:flex; align-items:center; gap:14px;
  padding:36px 20px 16px;
}
.hm-sec-head-text { font-size:0.54rem; letter-spacing:0.32em; text-transform:uppercase; color:var(--gold); white-space:nowrap; }
.hm-sec-head-line { flex:1; height:1px; background:linear-gradient(to right, rgba(201,168,76,0.3), transparent); }
.hm-sec-head-count { font-size:0.5rem; letter-spacing:0.12em; color:var(--muted2); }

/* ── COVER DEAL ─────────────────────────────────── */
.hm-cover-card {
  margin:0 16px; border:1px solid var(--border);
  overflow:hidden; background:var(--card);
  backdrop-filter:blur(8px); cursor:pointer;
  transition:border-color 0.3s; text-decoration:none; display:block;
}
.hm-cover-card:hover { border-color:var(--gold-line); }
.hm-cover-img {
  width:100%; height:240px;
  background:linear-gradient(135deg,#0d1b3e,#1a2d5a);
  display:flex; align-items:center; justify-content:center;
  font-size:4.5rem; opacity:0.15; position:relative;
}
.hm-cover-img::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(0deg,var(--navy-deep) 0%,transparent 60%);
}
.hm-cover-badge {
  position:absolute; top:14px; left:14px;
  background:var(--gold); color:var(--navy-deep);
  font-size:0.48rem; font-weight:600; letter-spacing:0.2em; text-transform:uppercase;
  padding:5px 12px; z-index:2;
}
.hm-cover-body { padding:20px 20px 24px; margin-top:-36px; position:relative; z-index:2; }
.hm-cover-cat {
  font-size:0.5rem; letter-spacing:0.28em; text-transform:uppercase; color:var(--gold);
  margin-bottom:8px; display:flex; align-items:center; gap:8px;
}
.hm-cover-cat::before { content:'◈'; font-size:0.38rem; }
.hm-cover-title {
  font-family:'Abiah','Cormorant Garamond',serif;
  font-size:1.75rem; font-weight:400; line-height:1.1; margin-bottom:10px; color:var(--white);
}
.hm-cover-loc {
  font-size:0.56rem; color:var(--muted); letter-spacing:0.08em;
  margin-bottom:18px; display:flex; align-items:center; gap:6px;
}
.hm-cover-loc::before { content:'◎'; font-size:0.42rem; color:var(--gold); }
.hm-cover-row {
  display:flex; align-items:center; justify-content:space-between;
  padding-top:14px; border-top:1px solid var(--border);
}
.hm-cover-price {
  font-family:'Abiah','Cormorant Garamond',serif;
  font-size:1.9rem; font-weight:400; color:var(--white);
}
.hm-cover-cta {
  font-size:0.54rem; letter-spacing:0.2em; text-transform:uppercase;
  color:var(--gold); display:flex; align-items:center; gap:6px; text-decoration:none;
}
.hm-cover-cta::after { content:'→'; }

/* ── HORIZONTAL SCROLL ──────────────────────────── */
.hm-h-scroll {
  overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;
  padding:4px 16px 12px; display:flex; gap:12px;
}
.hm-h-scroll::-webkit-scrollbar { display:none; }

.hm-d-card {
  flex-shrink:0; width:200px; background:var(--card);
  border:1px solid var(--border); overflow:hidden;
  cursor:pointer; transition:border-color 0.3s, transform 0.2s;
  text-decoration:none; display:block;
}
.hm-d-card:active { transform:scale(0.98); }
.hm-d-card:hover { border-color:var(--gold-line); }
.hm-d-card-img {
  width:100%; height:120px;
  background:linear-gradient(135deg,var(--navy-mid),var(--navy-light));
  display:flex; align-items:center; justify-content:center;
  font-size:2.2rem; opacity:0.4; position:relative;
}
.hm-d-card-img::after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:40px;
  background:linear-gradient(0deg,var(--navy-deep),transparent);
}
.hm-d-badge {
  position:absolute; top:8px; right:8px;
  font-size:0.42rem; letter-spacing:0.15em; text-transform:uppercase;
  padding:3px 7px; font-weight:500; font-family:'Montserrat',sans-serif;
}
.hm-b-new  { background:var(--gold); color:var(--navy-deep); }
.hm-b-excl { background:transparent; color:var(--gold); border:1px solid var(--gold-line); }
.hm-d-card-body { padding:12px 14px 16px; }
.hm-d-cat { font-size:0.46rem; letter-spacing:0.24em; text-transform:uppercase; color:var(--gold); margin-bottom:5px; }
.hm-d-title {
  font-family:'Abiah','Cormorant Garamond',serif;
  font-size:0.95rem; font-weight:400; line-height:1.2; margin-bottom:8px; color:var(--white);
}
.hm-d-price { font-family:'Abiah','Cormorant Garamond',serif; font-size:1.2rem; color:var(--gold-light); }
.hm-d-loc { font-size:0.48rem; color:var(--muted); margin-top:3px; }

/* Locked card */
.hm-d-card-locked {
  flex-shrink:0; width:200px; background:var(--card);
  border:1px solid var(--gold-line); overflow:hidden; position:relative; cursor:pointer;
}
.hm-lock-overlay {
  position:absolute; inset:0; z-index:10;
  backdrop-filter:blur(8px); background:rgba(9,20,40,0.82);
  display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:8px; padding:16px; text-align:center;
}
.hm-lock-icon { font-size:1.4rem; opacity:0.7; }
.hm-lock-label { font-size:0.5rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold); }
.hm-lock-sub { font-size:0.44rem; color:var(--muted); }
.hm-lock-btn {
  margin-top:6px; background:var(--gold); color:var(--navy-deep);
  font-size:0.48rem; font-weight:600; letter-spacing:0.18em; text-transform:uppercase;
  padding:8px 16px; border:none; cursor:pointer;
  font-family:'Montserrat',sans-serif; text-decoration:none; display:inline-block;
}

/* ── EDITORIAL ──────────────────────────────────── */
.hm-editorial {
  margin:20px 16px; border:1px solid var(--border);
  padding:24px 22px; position:relative; overflow:hidden;
  background:var(--card); backdrop-filter:blur(8px);
}
.hm-editorial::before {
  content:'"'; position:absolute; top:-14px; right:12px;
  font-family:'Cormorant Garamond',serif; font-size:7rem;
  color:rgba(201,168,76,0.06); line-height:1; pointer-events:none;
}
.hm-ed-label { font-size:0.48rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--gold); margin-bottom:10px; }
.hm-ed-quote {
  font-family:'Abiah','Cormorant Garamond',serif;
  font-size:1.3rem; font-style:italic; font-weight:400;
  line-height:1.4; color:var(--white); margin-bottom:14px;
}
.hm-ed-author { font-size:0.52rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--muted); }
.hm-ed-author span { color:var(--gold); }

/* ── LIFESTYLE ──────────────────────────────────── */
.hm-lifestyle-grid {
  display:grid; grid-template-columns:1fr 1fr;
  gap:2px; margin:4px 16px;
}
.hm-l-card {
  position:relative; overflow:hidden; aspect-ratio:4/5;
  background:var(--navy-mid); cursor:pointer;
  text-decoration:none; display:block;
}
.hm-l-tall { grid-row:span 2; aspect-ratio:unset; }
.hm-l-card-bg {
  width:100%; height:100%;
  background:linear-gradient(135deg,var(--navy-deep),var(--navy-light));
  display:flex; align-items:center; justify-content:center;
  font-size:2.8rem; opacity:0.18; transition:transform 0.5s;
}
.hm-l-card:hover .hm-l-card-bg { transform:scale(1.05); }
.hm-l-overlay {
  position:absolute; inset:0;
  background:linear-gradient(0deg,rgba(9,20,40,0.9) 0%,rgba(9,20,40,0.25) 50%,transparent 100%);
}
.hm-l-body { position:absolute; bottom:0; left:0; right:0; padding:14px; z-index:2; }
.hm-l-cat { font-size:0.46rem; letter-spacing:0.24em; text-transform:uppercase; color:var(--gold); margin-bottom:5px; }
.hm-l-title {
  font-family:'Abiah','Cormorant Garamond',serif;
  font-size:0.95rem; font-weight:400; line-height:1.2; color:var(--white);
}
.hm-l-tall .hm-l-title { font-size:1.2rem; }
.hm-l-top { position:absolute; top:10px; left:10px; z-index:2; }
.hm-l-tag {
  font-size:0.43rem; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--navy-deep); background:var(--gold); padding:4px 8px;
}

/* ── ARTICLES SUBSTACK ──────────────────────────── */
.hm-article-list { padding:0 16px; display:flex; flex-direction:column; gap:1px; }
.hm-article-item {
  display:flex; gap:14px; align-items:flex-start;
  padding:18px 0; border-bottom:1px solid var(--border);
  text-decoration:none; cursor:pointer; transition:background 0.2s; color:var(--white);
}
.hm-article-item:last-child { border-bottom:none; }
.hm-article-item:active { background:rgba(201,168,76,0.04); }
.hm-article-num {
  font-family:'Abiah','Cormorant Garamond',serif;
  font-size:1.5rem; color:rgba(201,168,76,0.2);
  line-height:1; min-width:28px; padding-top:2px;
}
.hm-article-content { flex:1; }
.hm-article-cat { font-size:0.46rem; letter-spacing:0.24em; text-transform:uppercase; color:var(--gold); margin-bottom:6px; }
.hm-article-title {
  font-family:'Abiah','Cormorant Garamond',serif;
  font-size:1.1rem; font-weight:400; line-height:1.2;
  color:var(--white); margin-bottom:6px;
}
.hm-article-meta { font-size:0.5rem; color:var(--muted); letter-spacing:0.08em; }
.hm-article-arrow { color:var(--gold); font-size:0.9rem; margin-top:2px; opacity:0.6; transition:opacity 0.3s; }
.hm-article-item:hover .hm-article-arrow { opacity:1; }
.hm-articles-loading {
  padding:32px 20px; text-align:center;
  font-size:0.6rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--muted);
}
.hm-articles-loading::after {
  content:''; display:inline-block; width:16px; height:16px;
  border:1px solid var(--gold-line); border-top-color:var(--gold);
  border-radius:50%; animation:hmSpin 1s linear infinite;
  margin-left:10px; vertical-align:middle;
}
@keyframes hmSpin { to{transform:rotate(360deg)} }

/* ── PRIVATE DEAL ───────────────────────────────── */
.hm-private-deal {
  margin:0 16px; border:1px solid rgba(201,168,76,0.2);
  position:relative; overflow:hidden;
}
.hm-private-inner {
  padding:24px 20px; filter:blur(5px);
  pointer-events:none; background:var(--navy-mid);
}
.hm-private-over {
  position:absolute; inset:0; backdrop-filter:blur(3px);
  background:rgba(9,20,40,0.78);
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  gap:10px; z-index:10;
}
.hm-p-icon { font-size:1.6rem; opacity:0.65; }
.hm-p-label { font-size:0.54rem; letter-spacing:0.24em; text-transform:uppercase; color:var(--gold); text-align:center; }
.hm-p-sub { font-size:0.48rem; color:var(--muted); text-align:center; }
.hm-p-btn {
  margin-top:6px; background:var(--gold); color:var(--navy-deep);
  font-size:0.54rem; font-weight:600; letter-spacing:0.18em; text-transform:uppercase;
  padding:11px 22px; border:none; cursor:pointer;
  font-family:'Montserrat',sans-serif; text-decoration:none; display:inline-block;
}
.hm-p-btn:hover { opacity:0.9; color:var(--navy-deep); }

/* ── YOUTUBE ────────────────────────────────────── */
.hm-yt-section { padding:0 0 8px; }
.hm-yt-scroll {
  overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;
  padding:4px 16px 12px; display:flex; gap:14px;
}
.hm-yt-scroll::-webkit-scrollbar { display:none; }
.hm-yt-card {
  flex-shrink:0; width:280px; background:var(--card);
  border:1px solid var(--border); overflow:hidden; cursor:pointer; transition:border-color 0.3s;
}
.hm-yt-card:hover { border-color:var(--gold-line); }
.hm-yt-thumb { width:100%; position:relative; background:#000; aspect-ratio:16/9; overflow:hidden; }
.hm-yt-thumb iframe { width:100%; height:100%; border:none; display:block; }
.hm-yt-body { padding:12px 14px 16px; }
.hm-yt-channel { font-size:0.46rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--gold); margin-bottom:6px; }
.hm-yt-title {
  font-family:'Abiah','Cormorant Garamond',serif;
  font-size:1rem; font-weight:400; line-height:1.2; color:var(--white); margin-bottom:6px;
}
.hm-yt-meta { font-size:0.48rem; color:var(--muted); }
.hm-yt-cta-wrap { padding:12px 16px 4px; text-align:center; }
.hm-yt-cta {
  display:inline-flex; align-items:center; gap:8px;
  font-size:0.56rem; letter-spacing:0.2em; text-transform:uppercase;
  color:var(--gold); text-decoration:none;
  border-bottom:1px solid var(--gold-line); padding-bottom:4px; transition:border-color 0.3s;
}
.hm-yt-cta:hover { border-color:var(--gold); color:var(--gold); }
.hm-yt-cta::after { content:'→'; }

/* ── SUBMIT BANNER ──────────────────────────────── */
.hm-submit-banner {
  margin:20px 16px;
  background:linear-gradient(135deg,var(--navy-light),var(--navy-mid));
  border:1px solid var(--gold-line); padding:32px 22px;
  text-align:center; position:relative; overflow:hidden;
}
.hm-submit-banner::before {
  content:''; position:absolute; top:-36px; right:-36px;
  width:100px; height:100px; border:1px solid rgba(201,168,76,0.13); transform:rotate(45deg);
}
.hm-sb-label { font-size:0.5rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--gold); margin-bottom:10px; }
.hm-sb-title {
  font-family:'Abiah','Cormorant Garamond',serif;
  font-size:1.8rem; font-weight:400; line-height:1.1; margin-bottom:8px; color:var(--white);
}
.hm-sb-title em { font-style:italic; color:var(--gold); }
.hm-sb-sub { font-size:0.6rem; color:var(--muted); margin-bottom:18px; line-height:1.7; }
.hm-sb-min {
  font-size:0.5rem; letter-spacing:0.2em; color:var(--gold);
  border:1px solid var(--gold-line); display:inline-block; padding:5px 14px; margin-bottom:20px;
}

/* ── BOTTOM NAV ─────────────────────────────────── */
.hm-bottom-nav {
  position:fixed; bottom:0; left:0; right:0; z-index:900;
  background:rgba(9,20,40,0.97); backdrop-filter:blur(20px);
  border-top:1px solid var(--border);
  display:flex; height:60px; align-items:stretch;
}
.hm-nav-item {
  flex:1; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:3px;
  cursor:pointer; transition:all 0.2s; position:relative;
  text-decoration:none; border:none; background:none;
}
.hm-nav-item.active::before {
  content:''; position:absolute; top:0; left:20%; right:20%; height:2px; background:var(--gold);
}
.hm-nav-icon { font-size:1rem; opacity:0.5; }
.hm-nav-item.active .hm-nav-icon { opacity:1; }
.hm-nav-label {
  font-size:0.42rem; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--muted); font-family:'Montserrat',sans-serif;
}
.hm-nav-item.active .hm-nav-label { color:var(--gold); }

/* ── REVEAL ─────────────────────────────────────── */
.reveal { opacity:0; transform:translateY(16px); transition:opacity 0.6s ease, transform 0.6s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

/* ── DESKTOP ────────────────────────────────────── */
@media(min-width:768px) {
  .hm-hero-content { padding:60px 48px 60px; max-width:680px; }
  .hm-sec-head, .hm-article-list, .hm-yt-cta-wrap { padding-left:32px; padding-right:32px; }
  .hm-h-scroll, .hm-yt-scroll { padding-left:32px; padding-right:32px; }
  .hm-cover-card, .hm-private-deal, .hm-submit-banner, .hm-editorial, .hm-lifestyle-grid { margin-left:32px; margin-right:32px; }
  .hm-lifestyle-grid { grid-template-columns:repeat(3,1fr); }
  .hm-bottom-nav { display:none; }
  .hm-main { padding-bottom:40px; }
}