/* ══════════════════════════════════════════════════
   HYKE – Layout Templates (20 template)
   Selector: body[data-layout="xxx"] .class-asli
   ══════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════
   HYKE DEFAULT — tidak ada perubahan
   ══════════════════════════════════════════════════ */
body[data-layout="hyke-default"] {
  /* bawaan */
}


/* ══════════════════════════════════════════════════
   MODERN — 5 TEMPLATE
   ══════════════════════════════════════════════════ */

/* ── modern-split : hero jadi kiri-kanan full ──────── */
body[data-layout="modern-split"] .hero-section {
  padding: 40px 60px;
  min-height: 90vh;
}

body[data-layout="modern-split"] .hero-container {
  flex-direction: row !important;
  gap: 60px;
}

body[data-layout="modern-split"] .hero-carousel {
  width: 50% !important;
  height: 420px !important;
  order: 2;
}

body[data-layout="modern-split"] .hero-content {
  order: 1;
  flex: 1;
}

body[data-layout="modern-split"] .hero-content h1 {
  font-size: 48px;
}

/* armada grid 4 kolom */
body[data-layout="modern-split"] .main-layout {
  grid-template-columns: 260px 1fr !important;
}

/* about: full 2 kolom sama rata */
body[data-layout="modern-split"] .ab-card {
  grid-template-columns: 1fr 1fr !important;
}

/* review grid 4 */
body[data-layout="modern-split"] .review-grid {
  grid-template-columns: repeat(4, 1fr) !important;
}

@media(max-width:768px) {
  body[data-layout="modern-split"] .hero-carousel {
    width: 100% !important;
    order: 1;
  }

  body[data-layout="modern-split"] .hero-content {
    order: 2;
  }
}

/* ── modern-cards : semua card besar & bayangan kuat ─ */
body[data-layout="modern-cards"] .review-card,
body[data-layout="modern-cards"] .adv-box,
body[data-layout="modern-cards"] .ab-card {
  border-radius: 24px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .18) !important;
  border: none !important;
}

body[data-layout="modern-cards"] .review-card {
  transition: transform .2s, box-shadow .2s;
}

body[data-layout="modern-cards"] .review-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, .25) !important;
}

body[data-layout="modern-cards"] .hero-section {
  min-height: 85vh;
  padding: 80px 60px;
}

body[data-layout="modern-cards"] .hero-container {
  gap: 100px;
}

body[data-layout="modern-cards"] .hero-carousel {
  width: 580px !important;
  height: 400px !important;
  border-radius: 24px !important;
  overflow: hidden;
}

body[data-layout="modern-cards"] .review-grid {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
}

body[data-layout="modern-cards"] .adv-item {
  padding: 20px 24px;
}

/* ── modern-sidebar : armada pakai sidebar lebar ────── */
body[data-layout="modern-sidebar"] .main-layout {
  grid-template-columns: 320px 1fr !important;
  gap: 24px !important;
}

body[data-layout="modern-sidebar"] .hero-section {
  min-height: 70vh;
  justify-content: center;
  text-align: center;
}

body[data-layout="modern-sidebar"] .hero-container {
  flex-direction: column !important;
  align-items: center;
  gap: 40px;
}

body[data-layout="modern-sidebar"] .hero-carousel {
  width: 100% !important;
  max-width: 640px;
  height: 300px !important;
}

body[data-layout="modern-sidebar"] .hero-buttons {
  justify-content: center;
}

body[data-layout="modern-sidebar"] .ab-card {
  grid-template-columns: 1.4fr 1fr !important;
}

@media(max-width:900px) {
  body[data-layout="modern-sidebar"] .main-layout {
    grid-template-columns: 1fr !important;
  }
}

/* ── modern-magazine : artikel grid majalah ────────── */
body[data-layout="modern-magazine"] .hka-section {
  padding: 80px 60px;
}

body[data-layout="modern-magazine"] .hero-container {
  gap: 40px;
}

body[data-layout="modern-magazine"] .hero-carousel {
  width: 55% !important;
  height: 380px !important;
}

body[data-layout="modern-magazine"] .review-grid {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}

body[data-layout="modern-magazine"] .ab-card {
  grid-template-columns: 1.6fr 1fr !important;
}

body[data-layout="modern-magazine"] .ab-left {
  padding: 60px 64px !important;
}

body[data-layout="modern-magazine"] .adv-box {
  flex-wrap: wrap;
  gap: 0;
}

body[data-layout="modern-magazine"] .adv-item {
  flex: 1 1 calc(33% - 20px);
  min-width: 160px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  padding: 24px 20px;
}

body[data-layout="modern-magazine"] .divider {
  display: none;
}


/* ══════════════════════════════════════════════════
   CLASSIC — 5 TEMPLATE
   ══════════════════════════════════════════════════ */

/* ── classic-centered : semua center aligned ───────── */
body[data-layout="classic-centered"] .hero-section {
  min-height: 75vh;
  justify-content: center;
}

body[data-layout="classic-centered"] .hero-container {
  flex-direction: column-reverse !important;
  align-items: center;
  text-align: center;
  gap: 40px;
}

body[data-layout="classic-centered"] .hero-carousel {
  width: 100% !important;
  max-width: 560px;
  height: 280px !important;
}

body[data-layout="classic-centered"] .hero-buttons {
  justify-content: center;
}

body[data-layout="classic-centered"] .adv-header,
body[data-layout="classic-centered"] .review-header,
body[data-layout="classic-centered"] .ab-eyebrow {
  text-align: center;
}

body[data-layout="classic-centered"] .ab-card {
  grid-template-columns: 1fr !important;
}

body[data-layout="classic-centered"] .ab-right {
  min-height: 240px !important;
}

body[data-layout="classic-centered"] .ab-left {
  align-items: center;
  text-align: center;
}

body[data-layout="classic-centered"] .ab-btn {
  margin: 0 auto;
}

body[data-layout="classic-centered"] .review-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}

/* ── classic-wide : lebar penuh minimal padding ────── */
body[data-layout="classic-wide"] .hero-section {
  padding: 40px 24px !important;
  min-height: 65vh;
}

body[data-layout="classic-wide"] .hero-container,
body[data-layout="classic-wide"] .wrapper,
body[data-layout="classic-wide"] .ab-inner,
body[data-layout="classic-wide"] .adv-wrapper {
  max-width: 100% !important;
  padding: 0 32px !important;
}

body[data-layout="classic-wide"] .adv-box {
  border-radius: 4px !important;
}

body[data-layout="classic-wide"] .ab-card {
  border-radius: 4px !important;
}

body[data-layout="classic-wide"] .review-card {
  border-radius: 4px !important;
}

body[data-layout="classic-wide"] .hero-carousel {
  width: 48% !important;
}

/* ── classic-elegant : hero overlay gelap, spacing besar */
body[data-layout="classic-elegant"] .hero-section {
  min-height: 100vh;
  padding: 80px 60px;
  background: linear-gradient(to bottom,
      var(--bg-primary) 0%,
      rgba(0, 0, 0, .5) 100%) !important;
}

body[data-layout="classic-elegant"] .hero-container {
  flex-direction: row !important;
  gap: 80px;
}

body[data-layout="classic-elegant"] .hero-content h1 {
  font-size: 62px !important;
  letter-spacing: -2px;
}

body[data-layout="classic-elegant"] .hero-carousel {
  width: 500px !important;
  height: 380px !important;
  border-radius: 4px !important;
}

body[data-layout="classic-elegant"] .adv-section {
  padding: 100px 20px !important;
}

body[data-layout="classic-elegant"] .ab-section {
  padding: 100px 24px !important;
}

body[data-layout="classic-elegant"] .ab-card {
  border-radius: 4px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
}

body[data-layout="classic-elegant"] .review-section {
  padding: 100px 20px !important;
}

body[data-layout="classic-elegant"] .review-card {
  border-radius: 4px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
}

/* ── classic-list : armada tampil sebagai list ──────── */
body[data-layout="classic-list"] .main-layout {
  grid-template-columns: 280px 1fr !important;
}

body[data-layout="classic-list"] .hero-section {
  min-height: 60vh;
}

body[data-layout="classic-list"] .hero-container {
  flex-direction: column-reverse !important;
  text-align: center;
  gap: 32px;
}

body[data-layout="classic-list"] .hero-carousel {
  width: 100% !important;
  max-width: 500px;
  height: 240px !important;
}

body[data-layout="classic-list"] .hero-buttons {
  justify-content: center;
}

body[data-layout="classic-list"] .review-grid {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

body[data-layout="classic-list"] .review-card {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center;
  gap: 20px;
  border-radius: 8px !important;
}

/* ── classic-newspaper : border divider gaya koran ─── */
body[data-layout="classic-newspaper"] .hero-section {
  min-height: 55vh;
  padding: 50px 60px;
}

body[data-layout="classic-newspaper"] .ab-section,
body[data-layout="classic-newspaper"] .adv-section,
body[data-layout="classic-newspaper"] .review-section,
body[data-layout="classic-newspaper"] .hka-section {
  border-bottom: 2px solid rgba(255, 255, 255, .1);
  padding-bottom: 60px !important;
}

body[data-layout="classic-newspaper"] .adv-box {
  border-radius: 0 !important;
  border: none !important;
  border-top: 3px solid var(--accent) !important;
  background: transparent !important;
  padding: 40px 0 !important;
}

body[data-layout="classic-newspaper"] .review-card {
  border-radius: 0 !important;
  border-left: 3px solid var(--accent) !important;
  padding-left: 20px !important;
}

body[data-layout="classic-newspaper"] .review-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}

body[data-layout="classic-newspaper"] .ab-card {
  border-radius: 0 !important;
}


/* ══════════════════════════════════════════════════
   BOLD — 5 TEMPLATE
   ══════════════════════════════════════════════════ */

/* ── bold-dark : hero gelap dramatik + card dark ────── */
body[data-layout="bold-dark"] .hero-section {
  min-height: 100vh;
  background: linear-gradient(135deg,
      var(--bg-primary) 0%,
      var(--bg-card) 100%) !important;
  position: relative;
  overflow: hidden;
}

body[data-layout="bold-dark"] .hero-section::before {
  content: '';
  position: absolute;
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgba(var(--accent-rgb), .15) 0%, transparent 70%);
  top: -300px;
  right: -200px;
  pointer-events: none;
}

body[data-layout="bold-dark"] .hero-content h1 {
  font-size: 68px !important;
  font-weight: 900 !important;
}

body[data-layout="bold-dark"] .hero-carousel {
  width: 580px !important;
  height: 400px !important;
  border-radius: 24px !important;
  box-shadow: 0 0 60px rgba(var(--accent-rgb), .2) !important;
}

body[data-layout="bold-dark"] .adv-box {
  border: 1px solid rgba(var(--accent-rgb), .15) !important;
  box-shadow: 0 0 30px rgba(var(--accent-rgb), .06) !important;
}

body[data-layout="bold-dark"] .review-card {
  border: 1px solid rgba(var(--accent-rgb), .12) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .3) !important;
  border-radius: 16px !important;
}

body[data-layout="bold-dark"] .ab-card {
  box-shadow: 0 8px 40px rgba(0, 0, 0, .4) !important;
}

/* ── bold-gradient : gradient kuat di semua section ── */
body[data-layout="bold-gradient"] .hero-section {
  background: linear-gradient(135deg,
      var(--bg-primary) 0%,
      var(--bg-card) 40%,
      var(--bg-secondary) 100%) !important;
  min-height: 90vh;
}

body[data-layout="bold-gradient"] .hero-content h1 {
  background: linear-gradient(90deg, var(--accent-light), var(--accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 60px !important;
  font-weight: 900 !important;
}

body[data-layout="bold-gradient"] .adv-section {
  background: linear-gradient(135deg, var(--bg-secondary), var(--bg-card)) !important;
}

body[data-layout="bold-gradient"] .ab-section {
  background: linear-gradient(135deg, var(--bg-card), var(--bg-primary)) !important;
}

body[data-layout="bold-gradient"] .review-section {
  background: linear-gradient(135deg, var(--bg-secondary), var(--bg-primary)) !important;
}

body[data-layout="bold-gradient"] .btn-primary {
  padding: 18px 40px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px;
  box-shadow: 0 8px 24px rgba(var(--accent-rgb), .4) !important;
}

body[data-layout="bold-gradient"] .ab-btn {
  padding: 16px 36px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

body[data-layout="bold-gradient"] .review-card {
  border-radius: 20px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .2) !important;
}

/* ── bold-neon : border neon, glow, futuristik ──────── */
body[data-layout="bold-neon"] .hero-carousel {
  box-shadow: 0 0 40px rgba(var(--accent-rgb), .4) !important;
  border-radius: 16px !important;
}

body[data-layout="bold-neon"] .hero-content h1 {
  text-shadow: 0 0 30px rgba(var(--accent-rgb), .5);
  font-size: 60px !important;
}

body[data-layout="bold-neon"] .hero-content h1 span {
  text-shadow: 0 0 40px rgba(var(--accent-rgb), .8);
}

body[data-layout="bold-neon"] .adv-box {
  border: 1px solid rgba(var(--accent-rgb), .3) !important;
  box-shadow: 0 0 30px rgba(var(--accent-rgb), .1), inset 0 0 30px rgba(var(--accent-rgb), .04) !important;
  border-radius: 16px !important;
}

body[data-layout="bold-neon"] .adv-item h4 {
  color: var(--accent-light);
}

body[data-layout="bold-neon"] .review-card {
  border: 1px solid rgba(var(--accent-rgb), .25) !important;
  box-shadow: 0 0 20px rgba(var(--accent-rgb), .1) !important;
  border-radius: 12px !important;
}

body[data-layout="bold-neon"] .review-card:hover {
  box-shadow: 0 0 40px rgba(var(--accent-rgb), .3) !important;
  border-color: rgba(var(--accent-rgb), .5) !important;
}

body[data-layout="bold-neon"] .ab-card {
  border: 1px solid rgba(var(--accent-rgb), .2) !important;
  box-shadow: 0 0 40px rgba(var(--accent-rgb), .08) !important;
}

body[data-layout="bold-neon"] .sec-footer {
  border-top: 1px solid rgba(var(--accent-rgb), .3) !important;
  box-shadow: 0 -10px 40px rgba(var(--accent-rgb), .06);
}

/* ── bold-fullscreen : setiap section min 100vh ─────── */
body[data-layout="bold-fullscreen"] .hero-section {
  min-height: 100vh !important;
}

body[data-layout="bold-fullscreen"] .adv-section {
  min-height: 60vh;
  display: flex;
  align-items: center;
}

body[data-layout="bold-fullscreen"] .ab-section {
  min-height: 80vh;
  display: flex;
  align-items: center;
  padding: 80px 24px !important;
}

body[data-layout="bold-fullscreen"] .review-section {
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 20px !important;
}

body[data-layout="bold-fullscreen"] .hero-content h1 {
  font-size: 72px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}

body[data-layout="bold-fullscreen"] .hero-carousel {
  width: 560px !important;
  height: 420px !important;
}

@media(max-width:768px) {
  body[data-layout="bold-fullscreen"] .hero-content h1 {
    font-size: 40px !important;
  }

  body[data-layout="bold-fullscreen"] .hero-carousel {
    width: 100% !important;
    height: 260px !important;
  }
}

/* ── bold-sports : aksen warna, tipografi bold sporty ─ */
body[data-layout="bold-sports"] .hero-section {
  padding: 0 !important;
  min-height: 85vh;
}

body[data-layout="bold-sports"] .hero-container {
  max-width: 100% !important;
  gap: 0 !important;
  padding: 0 !important;
}

body[data-layout="bold-sports"] .hero-content {
  padding: 60px 60px;
  background: var(--bg-card);
}

body[data-layout="bold-sports"] .hero-carousel {
  width: 45% !important;
  height: 100% !important;
  min-height: 420px;
  border-radius: 0 !important;
}

body[data-layout="bold-sports"] .hero-content h1 {
  font-size: 64px !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: -2px;
  line-height: 1 !important;
}

body[data-layout="bold-sports"] .adv-header h2,
body[data-layout="bold-sports"] .review-header h2 {
  font-size: 36px !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: -1px;
}

body[data-layout="bold-sports"] .adv-box {
  border-top: 4px solid var(--accent) !important;
  border-radius: 0 0 18px 18px !important;
}

body[data-layout="bold-sports"] .review-card {
  border-top: 3px solid var(--accent) !important;
  border-radius: 0 0 12px 12px !important;
}

@media(max-width:768px) {
  body[data-layout="bold-sports"] .hero-container {
    flex-direction: column-reverse !important;
  }

  body[data-layout="bold-sports"] .hero-carousel {
    width: 100% !important;
    min-height: 240px;
  }

  body[data-layout="bold-sports"] .hero-content {
    padding: 40px 24px;
  }

  body[data-layout="bold-sports"] .hero-content h1 {
    font-size: 40px !important;
  }
}


/* ══════════════════════════════════════════════════
   MINIMAL — 5 TEMPLATE
   ══════════════════════════════════════════════════ */

/* ── minimal-clean : bersih, whitespace besar ────────── */
body[data-layout="minimal-clean"] .adv-box {
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 8px !important;
  background: transparent !important;
}

body[data-layout="minimal-clean"] .review-card {
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 8px !important;
}

body[data-layout="minimal-clean"] .ab-card {
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 8px !important;
}

body[data-layout="minimal-clean"] .hero-carousel {
  border-radius: 8px !important;
}

body[data-layout="minimal-clean"] .hero-section {
  min-height: 70vh;
  padding: 60px !important;
}

body[data-layout="minimal-clean"] .adv-section,
body[data-layout="minimal-clean"] .ab-section,
body[data-layout="minimal-clean"] .review-section {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

body[data-layout="minimal-clean"] .btn-primary {
  border-radius: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
}

/* ── minimal-mono : hitam putih, tipografi kuat ──────── */
body[data-layout="minimal-mono"] .hero-content h1 {
  font-size: 72px !important;
  font-weight: 900 !important;
  letter-spacing: -3px;
  line-height: 1 !important;
  text-transform: uppercase;
}

body[data-layout="minimal-mono"] .hero-content h1 span {
  color: inherit !important;
  text-shadow: none !important;
  -webkit-text-fill-color: unset;
  text-decoration: underline;
  text-decoration-color: var(--accent);
  text-underline-offset: 6px;
}

body[data-layout="minimal-mono"] .adv-box {
  border-radius: 0 !important;
  border: 2px solid rgba(255, 255, 255, .15) !important;
  background: transparent !important;
}

body[data-layout="minimal-mono"] .adv-header h2,
body[data-layout="minimal-mono"] .review-header h2 {
  font-size: 42px !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: -2px;
}

body[data-layout="minimal-mono"] .review-card {
  border-radius: 0 !important;
  border: 2px solid rgba(255, 255, 255, .1) !important;
  box-shadow: none !important;
}

body[data-layout="minimal-mono"] .ab-card {
  border-radius: 0 !important;
  border: 2px solid rgba(255, 255, 255, .12) !important;
}

body[data-layout="minimal-mono"] .btn-primary {
  border-radius: 0 !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 16px 40px !important;
}

/* ── minimal-pastel : section berganti warna lembut ─── */
body[data-layout="minimal-pastel"] .hero-section {
  border-radius: 0 0 40px 40px;
  min-height: 80vh;
}

body[data-layout="minimal-pastel"] .adv-section {
  border-radius: 40px;
  margin: 20px;
}

body[data-layout="minimal-pastel"] .ab-section {
  border-radius: 40px;
  margin: 20px;
}

body[data-layout="minimal-pastel"] .review-section {
  border-radius: 40px;
  margin: 20px;
}

body[data-layout="minimal-pastel"] .adv-box {
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
}

body[data-layout="minimal-pastel"] .review-card {
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .12) !important;
}

body[data-layout="minimal-pastel"] .ab-card {
  border-radius: 20px !important;
  overflow: hidden;
}

body[data-layout="minimal-pastel"] .hero-carousel {
  border-radius: 20px !important;
}

/* ── minimal-rounded : border radius sangat besar ────── */
body[data-layout="minimal-rounded"] .hero-section {
  border-radius: 0 0 60px 60px;
  min-height: 80vh;
}

body[data-layout="minimal-rounded"] .hero-carousel {
  border-radius: 28px !important;
  width: 560px !important;
  height: 380px !important;
}

body[data-layout="minimal-rounded"] .adv-box {
  border-radius: 28px !important;
}

body[data-layout="minimal-rounded"] .review-card {
  border-radius: 24px !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .1) !important;
  border: none !important;
}

body[data-layout="minimal-rounded"] .ab-card {
  border-radius: 28px !important;
}

body[data-layout="minimal-rounded"] .ab-left {
  border-radius: 28px 0 0 28px !important;
}

body[data-layout="minimal-rounded"] .btn-primary,
body[data-layout="minimal-rounded"] .ab-btn {
  border-radius: 100px !important;
  padding: 16px 40px !important;
  font-weight: 700 !important;
}

body[data-layout="minimal-rounded"] .sec-footer {
  border-radius: 40px 40px 0 0;
  margin-top: 20px;
}

/* ── minimal-zigzag : section bergantian bg ─────────── */
body[data-layout="minimal-zigzag"] .adv-section {
  background: var(--bg-card) !important;
}

body[data-layout="minimal-zigzag"] .ab-section {
  background: var(--bg-secondary) !important;
}

body[data-layout="minimal-zigzag"] .review-section {
  background: var(--bg-card) !important;
}

body[data-layout="minimal-zigzag"] .hka-section {
  background: var(--bg-secondary) !important;
}

body[data-layout="minimal-zigzag"] .adv-box {
  background: var(--bg-secondary) !important;
  border: none !important;
}

body[data-layout="minimal-zigzag"] .review-card {
  border: none !important;
  background: var(--bg-primary) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .1) !important;
}

body[data-layout="minimal-zigzag"] .hero-section {
  min-height: 75vh;
}

body[data-layout="minimal-zigzag"] .hero-carousel {
  border-radius: 16px !important;
}


/* ══════════════════════════════════════════════════
   HEADER (NAVBAR) + FOOTER + SECTION TAMBAHAN
   Semua 20 template — fix bagian yg belum terkena
   ══════════════════════════════════════════════════ */

/* ── hyke-default: baseline, tidak diubah ── */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   MODERN
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── modern-split ── */
body[data-layout="modern-split"] .navbar {
  border-bottom: 2px solid rgba(37, 99, 235, .15);
}

body[data-layout="modern-split"] .sec-footer {
  padding: 80px 20px 30px;
}

body[data-layout="modern-split"] .hka-section {
  padding: 80px 20px;
}

body[data-layout="modern-split"] .hyke-ig-section,
body[data-layout="modern-split"] .hyke-collab-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

/* ── modern-cards ── */
body[data-layout="modern-cards"] .navbar {
  box-shadow: 0 4px 24px rgba(0, 0, 0, .14);
  border-bottom: none;
}

body[data-layout="modern-cards"] .sec-footer {
  border-radius: 24px 24px 0 0;
  margin-top: 20px;
}

body[data-layout="modern-cards"] .hka-section {
  padding: 80px 20px;
}

body[data-layout="modern-cards"] .hyke-ig-section,
body[data-layout="modern-cards"] .hyke-collab-section {
  padding: 80px 20px;
}

/* ── modern-sidebar ── */
body[data-layout="modern-sidebar"] .navbar {
  border-bottom: 1px solid rgba(14, 165, 233, .15);
}

body[data-layout="modern-sidebar"] .sec-footer {
  padding: 60px 20px 30px;
}

body[data-layout="modern-sidebar"] .hka-section {
  padding: 70px 20px;
}

body[data-layout="modern-sidebar"] .hyke-ig-section,
body[data-layout="modern-sidebar"] .hyke-collab-section {
  padding: 70px 20px;
}

/* ── modern-magazine ── */
body[data-layout="modern-magazine"] .navbar {
  border-bottom: 3px solid var(--th-accent);
}

body[data-layout="modern-magazine"] .sec-footer {
  padding: 80px 60px 30px;
}

body[data-layout="modern-magazine"] .hyke-ig-section,
body[data-layout="modern-magazine"] .hyke-collab-section {
  padding: 80px 60px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   CLASSIC
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── classic-centered ── */
body[data-layout="classic-centered"] .navbar .nav-inner {
  position: relative;
}

body[data-layout="classic-centered"] .sec-footer .footer-container {
  text-align: center;
}

body[data-layout="classic-centered"] .sec-footer .footer-social,
body[data-layout="classic-centered"] .sec-footer .footer-contact-item {
  justify-content: center;
}

body[data-layout="classic-centered"] .hka-section {
  text-align: center;
  padding: 80px 20px;
}

body[data-layout="classic-centered"] .hyke-ig-section,
body[data-layout="classic-centered"] .hyke-collab-section {
  padding: 80px 20px;
}

/* ── classic-wide ── */
body[data-layout="classic-wide"] .navbar .nav-inner {
  max-width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}

body[data-layout="classic-wide"] .sec-footer {
  padding: 60px 40px 30px;
}

body[data-layout="classic-wide"] .footer-container {
  max-width: 100% !important;
  padding: 0;
}

body[data-layout="classic-wide"] .hka-section {
  padding: 60px 40px;
}

body[data-layout="classic-wide"] .hyke-ig-section,
body[data-layout="classic-wide"] .hyke-collab-section {
  padding: 60px 40px;
}

/* ── classic-elegant ── */
body[data-layout="classic-elegant"] .navbar .nav-inner {
  padding-top: 24px;
  padding-bottom: 24px;
}

body[data-layout="classic-elegant"] .navbar.scrolled .nav-inner {
  padding-top: 16px;
  padding-bottom: 16px;
}

body[data-layout="classic-elegant"] .sec-footer {
  padding: 100px 20px 50px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

body[data-layout="classic-elegant"] .footer-container {
  gap: 60px;
}

body[data-layout="classic-elegant"] .hyke-ig-section,
body[data-layout="classic-elegant"] .hyke-collab-section,
body[data-layout="classic-elegant"] .hka-section {
  padding: 100px 20px !important;
}

/* ── classic-list ── */
body[data-layout="classic-list"] .sec-footer {
  padding: 50px 20px 24px;
}

body[data-layout="classic-list"] .footer-container {
  grid-template-columns: 1fr 1fr !important;
}

body[data-layout="classic-list"] .hka-section,
body[data-layout="classic-list"] .hyke-ig-section,
body[data-layout="classic-list"] .hyke-collab-section {
  padding: 60px 20px;
}

/* ── classic-newspaper ── */
body[data-layout="classic-newspaper"] .navbar {
  border-top: 4px solid rgba(255, 255, 255, .15);
  border-bottom: 2px solid rgba(255, 255, 255, .1);
}

body[data-layout="classic-newspaper"] .sec-footer {
  border-top: 3px solid rgba(255, 255, 255, .1);
}

body[data-layout="classic-newspaper"] .hyke-ig-section,
body[data-layout="classic-newspaper"] .hyke-collab-section {
  border-bottom: 2px solid rgba(255, 255, 255, .1);
  padding-bottom: 60px !important;
}

body[data-layout="classic-newspaper"] .hka-section {
  border-bottom: 2px solid rgba(255, 255, 255, .1);
  padding-bottom: 60px !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   BOLD
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── bold-dark ── */
body[data-layout="bold-dark"] .navbar {
  background: rgba(15, 15, 20, .95) !important;
  border-bottom: 1px solid rgba(var(--th-accent-rgb), .12);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .4);
}

body[data-layout="bold-dark"] .navbar.scrolled {
  background: rgba(10, 10, 14, .98) !important;
  box-shadow: 0 4px 30px rgba(var(--th-accent-rgb), .1);
}

body[data-layout="bold-dark"] .sec-footer {
  border-top: 1px solid rgba(var(--th-accent-rgb), .12);
  box-shadow: 0 -8px 30px rgba(0, 0, 0, .3);
}

body[data-layout="bold-dark"] .hyke-ig-section,
body[data-layout="bold-dark"] .hyke-collab-section {
  background: linear-gradient(135deg, var(--th-bg), var(--th-bg-sec)) !important;
  padding: 80px 20px;
}

body[data-layout="bold-dark"] .hka-section {
  background: var(--th-bg-sec) !important;
  padding: 80px 20px;
}

/* ── bold-gradient ── */
body[data-layout="bold-gradient"] .navbar {
  background: linear-gradient(90deg, rgba(15, 23, 42, .98), rgba(26, 0, 48, .96)) !important;
  border-bottom: 1px solid rgba(var(--th-accent-rgb), .15);
}

body[data-layout="bold-gradient"] .sec-footer {
  background: linear-gradient(180deg, var(--th-bg-card), var(--th-bg)) !important;
  border-top: 1px solid rgba(var(--th-accent-rgb), .12);
}

body[data-layout="bold-gradient"] .hka-section {
  background: linear-gradient(135deg, var(--th-bg-card), var(--th-bg)) !important;
  padding: 80px 20px;
}

body[data-layout="bold-gradient"] .hyke-ig-section,
body[data-layout="bold-gradient"] .hyke-collab-section {
  background: linear-gradient(135deg, var(--th-bg-sec), var(--th-bg-card)) !important;
  padding: 80px 20px;
}

/* ── bold-neon (footer + navbar + sections tambahan) ── */
body[data-layout="bold-neon"] .navbar {
  border-bottom: 1px solid rgba(var(--th-accent-rgb), .3);
  box-shadow: 0 4px 20px rgba(var(--th-accent-rgb), .08);
}

body[data-layout="bold-neon"] .hyke-ig-section,
body[data-layout="bold-neon"] .hyke-collab-section {
  border-top: 1px solid rgba(var(--th-accent-rgb), .2);
  box-shadow: 0 0 30px rgba(var(--th-accent-rgb), .04);
}

body[data-layout="bold-neon"] .hka-section {
  border-top: 1px solid rgba(var(--th-accent-rgb), .15);
  border-bottom: 1px solid rgba(var(--th-accent-rgb), .15);
}

/* ── bold-fullscreen ── */
body[data-layout="bold-fullscreen"] .navbar {
  background: transparent !important;
}

body[data-layout="bold-fullscreen"] .navbar.scrolled {
  background: rgba(26, 10, 46, .95) !important;
}

body[data-layout="bold-fullscreen"] .sec-footer {
  padding: 80px 20px 50px;
}

body[data-layout="bold-fullscreen"] .hyke-ig-section,
body[data-layout="bold-fullscreen"] .hyke-collab-section,
body[data-layout="bold-fullscreen"] .hka-section {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
}

/* ── bold-sports ── */
body[data-layout="bold-sports"] .navbar {
  border-bottom: 3px solid var(--th-accent);
}

body[data-layout="bold-sports"] .sec-footer {
  border-top: 3px solid var(--th-accent);
}

body[data-layout="bold-sports"] .sec-footer .footer-brand h2 {
  text-transform: uppercase;
  letter-spacing: 2px;
}

body[data-layout="bold-sports"] .hyke-ig-section,
body[data-layout="bold-sports"] .hyke-collab-section {
  border-top: 3px solid var(--th-accent);
  padding: 60px 20px;
}

body[data-layout="bold-sports"] .hka-section {
  border-top: 3px solid var(--th-accent);
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   MINIMAL
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── minimal-clean ── */
body[data-layout="minimal-clean"] .navbar {
  border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
  box-shadow: none !important;
}

body[data-layout="minimal-clean"] .sec-footer {
  border-top: 1px solid rgba(255, 255, 255, .06);
  padding-top: 80px;
  box-shadow: none;
}

body[data-layout="minimal-clean"] .hyke-ig-section,
body[data-layout="minimal-clean"] .hyke-collab-section,
body[data-layout="minimal-clean"] .hka-section {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

/* ── minimal-mono ── */
body[data-layout="minimal-mono"] .navbar {
  border-bottom: 2px solid rgba(255, 255, 255, .15);
  box-shadow: none;
}

body[data-layout="minimal-mono"] .nav-links a {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px !important;
  font-weight: 700;
}

body[data-layout="minimal-mono"] .sec-footer {
  border-top: 2px solid rgba(255, 255, 255, .12);
  border-radius: 0 !important;
}

body[data-layout="minimal-mono"] .footer-brand h2 {
  text-transform: uppercase;
  letter-spacing: 3px;
}

body[data-layout="minimal-mono"] .hka-section {
  padding: 80px 20px;
  border-top: 2px solid rgba(255, 255, 255, .1);
  border-bottom: 2px solid rgba(255, 255, 255, .1);
}

body[data-layout="minimal-mono"] .hyke-ig-section,
body[data-layout="minimal-mono"] .hyke-collab-section {
  border-top: 2px solid rgba(255, 255, 255, .08);
  padding: 80px 20px;
}

/* ── minimal-pastel ── */
body[data-layout="minimal-pastel"] .navbar {
  border-bottom: 1px solid rgba(236, 72, 153, .15);
}

body[data-layout="minimal-pastel"] .sec-footer {
  border-radius: 40px 40px 0 0;
  margin-top: 20px;
}

body[data-layout="minimal-pastel"] .hyke-ig-section {
  border-radius: 40px;
  margin: 20px;
}

body[data-layout="minimal-pastel"] .hyke-collab-section {
  border-radius: 40px;
  margin: 20px;
}

body[data-layout="minimal-pastel"] .hka-section {
  border-radius: 40px;
  margin: 20px;
  overflow: hidden;
}

/* ── minimal-rounded (navbar + sections tambahan, footer sudah ada) ── */
body[data-layout="minimal-rounded"] .navbar {
  border-radius: 0 0 24px 24px;
}

body[data-layout="minimal-rounded"] .hyke-ig-section {
  border-radius: 28px;
  margin: 20px;
  overflow: hidden;
}

body[data-layout="minimal-rounded"] .hyke-collab-section {
  border-radius: 28px;
  margin: 20px;
  overflow: hidden;
}

body[data-layout="minimal-rounded"] .hka-section {
  border-radius: 28px;
  margin: 20px;
  overflow: hidden;
}

/* ── minimal-zigzag ── */
body[data-layout="minimal-zigzag"] .navbar {
  border-bottom: 1px solid rgba(99, 102, 241, .15);
}

body[data-layout="minimal-zigzag"] .sec-footer {
  background: var(--th-bg-card) !important;
  border-top: 1px solid rgba(255, 255, 255, .05);
}

body[data-layout="minimal-zigzag"] .hyke-ig-section {
  background: var(--th-bg-sec) !important;
}

body[data-layout="minimal-zigzag"] .hyke-collab-section {
  background: var(--th-bg) !important;
}


/* ══════════════════════════════════════════════════
   CAFE — 3 TEMPLATE
   ══════════════════════════════════════════════════ */

/* ── cafe-warm : cozy hangat, rounded ── */
body[data-layout="cafe-warm"] .hero-section {
  min-height: 80vh;
  padding: 60px 40px;
}

body[data-layout="cafe-warm"] .hero-container {
  flex-direction: column-reverse !important;
  align-items: center;
  text-align: center;
  gap: 40px;
}

body[data-layout="cafe-warm"] .hero-carousel {
  width: 100% !important;
  max-width: 580px;
  height: 300px !important;
  border-radius: 28px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .15) !important;
}

body[data-layout="cafe-warm"] .hero-buttons {
  justify-content: center;
}

body[data-layout="cafe-warm"] .adv-box {
  border-radius: 28px !important;
  border: 1px solid rgba(var(--th-accent-rgb), .1) !important;
  box-shadow: 0 8px 30px rgba(var(--th-accent-rgb), .06) !important;
}

body[data-layout="cafe-warm"] .adv-item {
  padding: 28px 24px;
}

body[data-layout="cafe-warm"] .review-card {
  border-radius: 20px !important;
  border: 1px solid rgba(var(--th-accent-rgb), .1) !important;
  box-shadow: 0 4px 20px rgba(var(--th-accent-rgb), .06) !important;
}

body[data-layout="cafe-warm"] .review-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}

body[data-layout="cafe-warm"] .ab-card {
  border-radius: 28px !important;
  overflow: hidden;
}

body[data-layout="cafe-warm"] .navbar {
  border-bottom: 1px solid rgba(var(--th-accent-rgb), .1);
}

body[data-layout="cafe-warm"] .sec-footer {
  border-radius: 40px 40px 0 0;
  margin-top: 20px;
}

body[data-layout="cafe-warm"] .hyke-ig-section,
body[data-layout="cafe-warm"] .hyke-collab-section,
body[data-layout="cafe-warm"] .hka-section {
  padding: 80px 20px;
}

body[data-layout="cafe-warm"] .hyke-ig-section {
  border-radius: 40px;
  margin: 20px;
}

body[data-layout="cafe-warm"] .hyke-collab-section {
  border-radius: 40px;
  margin: 20px;
}

body[data-layout="cafe-warm"] .hka-section {
  border-radius: 40px;
  margin: 20px;
  overflow: hidden;
}

/* ── cafe-dark : dark roast, moody atmosphere ── */
body[data-layout="cafe-dark"] .hero-section {
  background: linear-gradient(135deg,
      var(--th-bg) 0%,
      var(--th-bg-card) 50%,
      var(--th-bg-sec) 100%) !important;
  min-height: 90vh;
}

body[data-layout="cafe-dark"] .hero-carousel {
  border-radius: 16px !important;
  box-shadow: 0 0 60px rgba(var(--th-accent-rgb), .15) !important;
}

body[data-layout="cafe-dark"] .hero-content h1 {
  font-size: 56px !important;
  font-weight: 900 !important;
  letter-spacing: -1px;
}

body[data-layout="cafe-dark"] .adv-box {
  border: 1px solid rgba(var(--th-accent-rgb), .2) !important;
  box-shadow: 0 8px 40px rgba(0, 0, 0, .3) !important;
  background: var(--th-bg-card) !important;
  border-radius: 16px !important;
}

body[data-layout="cafe-dark"] .review-card {
  background: var(--th-bg-card) !important;
  border: 1px solid rgba(var(--th-accent-rgb), .15) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .3) !important;
}

body[data-layout="cafe-dark"] .ab-section {
  background: linear-gradient(135deg, var(--th-bg-card), var(--th-bg)) !important;
}

body[data-layout="cafe-dark"] .review-section {
  background: var(--th-bg-sec) !important;
}

body[data-layout="cafe-dark"] .navbar {
  background: rgba(13, 9, 5, .97) !important;
  border-bottom: 1px solid rgba(var(--th-accent-rgb), .2);
}

body[data-layout="cafe-dark"] .navbar.scrolled {
  box-shadow: 0 4px 24px rgba(0, 0, 0, .5);
}

body[data-layout="cafe-dark"] .sec-footer {
  border-top: 1px solid rgba(var(--th-accent-rgb), .15);
  box-shadow: 0 -8px 40px rgba(0, 0, 0, .4);
}

body[data-layout="cafe-dark"] .hyke-ig-section,
body[data-layout="cafe-dark"] .hyke-collab-section {
  background: var(--th-bg-card) !important;
  padding: 80px 20px;
}

body[data-layout="cafe-dark"] .hka-section {
  background: var(--th-bg-sec) !important;
  padding: 80px 20px;
}

/* ── cafe-minimal : urban minimal coffee shop ── */
body[data-layout="cafe-minimal"] .hero-section {
  min-height: 70vh;
  padding: 60px 60px;
}

body[data-layout="cafe-minimal"] .hero-container {
  gap: 80px;
}

body[data-layout="cafe-minimal"] .hero-carousel {
  border-radius: 8px !important;
  width: 520px !important;
  height: 360px !important;
}

body[data-layout="cafe-minimal"] .hero-content h1 {
  font-size: 52px !important;
  font-weight: 900 !important;
  letter-spacing: -2px;
}

body[data-layout="cafe-minimal"] .adv-box {
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, .06) !important;
  background: transparent !important;
  border-radius: 8px !important;
}

body[data-layout="cafe-minimal"] .review-card {
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: 8px !important;
}

body[data-layout="cafe-minimal"] .review-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
}

body[data-layout="cafe-minimal"] .ab-card {
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, .06) !important;
  border-radius: 8px !important;
}

body[data-layout="cafe-minimal"] .navbar {
  border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
  box-shadow: none !important;
}

body[data-layout="cafe-minimal"] .sec-footer {
  border-top: 1px solid rgba(255, 255, 255, .06);
  padding-top: 80px;
}

body[data-layout="cafe-minimal"] .hka-section,
body[data-layout="cafe-minimal"] .hyke-ig-section,
body[data-layout="cafe-minimal"] .hyke-collab-section {
  padding: 80px 20px;
}

@media(max-width:768px) {
  body[data-layout="cafe-minimal"] .hero-section {
    padding: 60px 24px;
  }

  body[data-layout="cafe-minimal"] .hero-carousel {
    width: 100% !important;
  }
}


/* ══════════════════════════════════════════════════
   CORPORATE — 3 TEMPLATE
   ══════════════════════════════════════════════════ */

/* ── corp-clean : formal business ── */
body[data-layout="corp-clean"] .hero-section {
  min-height: 70vh;
  padding: 60px 40px;
}

body[data-layout="corp-clean"] .hero-container {
  flex-direction: row !important;
  gap: 60px;
  align-items: center;
}

body[data-layout="corp-clean"] .hero-carousel {
  width: 48% !important;
  height: 360px !important;
  border-radius: 6px !important;
}

body[data-layout="corp-clean"] .hero-content h1 {
  font-size: 44px !important;
  font-weight: 800 !important;
}

body[data-layout="corp-clean"] .adv-box {
  border-radius: 6px !important;
  border: 1px solid rgba(var(--th-accent-rgb), .12) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .06) !important;
}

body[data-layout="corp-clean"] .adv-item {
  padding: 28px 24px;
}

body[data-layout="corp-clean"] .review-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}

body[data-layout="corp-clean"] .review-card {
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .06) !important;
}

body[data-layout="corp-clean"] .ab-card {
  border-radius: 6px !important;
  grid-template-columns: 1.2fr 1fr !important;
}

body[data-layout="corp-clean"] .navbar {
  border-bottom: 1px solid rgba(var(--th-accent-rgb), .15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

body[data-layout="corp-clean"] .sec-footer {
  padding: 70px 20px 30px;
  border-top: 2px solid rgba(var(--th-accent-rgb), .15);
}

body[data-layout="corp-clean"] .hka-section {
  padding: 80px 20px;
}

body[data-layout="corp-clean"] .hyke-ig-section,
body[data-layout="corp-clean"] .hyke-collab-section {
  padding: 80px 20px;
  border-top: 1px solid rgba(var(--th-accent-rgb), .1);
}

@media(max-width:768px) {
  body[data-layout="corp-clean"] .hero-container {
    flex-direction: column-reverse !important;
  }

  body[data-layout="corp-clean"] .hero-carousel {
    width: 100% !important;
    height: 240px !important;
  }
}

/* ── corp-sidebar : sidebar navigation corporate ── */
body[data-layout="corp-sidebar"] .main-layout {
  grid-template-columns: 300px 1fr !important;
  gap: 0 !important;
}

body[data-layout="corp-sidebar"] .hero-section {
  min-height: 65vh;
  justify-content: center;
  text-align: center;
}

body[data-layout="corp-sidebar"] .hero-container {
  flex-direction: column !important;
  align-items: center;
  gap: 32px;
}

body[data-layout="corp-sidebar"] .hero-carousel {
  width: 100% !important;
  max-width: 700px;
  height: 320px !important;
  border-radius: 4px !important;
}

body[data-layout="corp-sidebar"] .hero-buttons {
  justify-content: center;
}

body[data-layout="corp-sidebar"] .adv-box {
  border-radius: 4px !important;
  border: 1px solid rgba(var(--th-accent-rgb), .1) !important;
}

body[data-layout="corp-sidebar"] .review-grid {
  grid-template-columns: repeat(2, 1fr) !important;
}

body[data-layout="corp-sidebar"] .review-card {
  border-radius: 4px !important;
}

body[data-layout="corp-sidebar"] .ab-card {
  border-radius: 4px !important;
  grid-template-columns: 1.4fr 1fr !important;
}

body[data-layout="corp-sidebar"] .navbar {
  border-bottom: 2px solid rgba(var(--th-accent-rgb), .2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

body[data-layout="corp-sidebar"] .sec-footer {
  border-top: 2px solid rgba(var(--th-accent-rgb), .15);
}

body[data-layout="corp-sidebar"] .hka-section,
body[data-layout="corp-sidebar"] .hyke-ig-section,
body[data-layout="corp-sidebar"] .hyke-collab-section {
  padding: 70px 20px;
}

@media(max-width:900px) {
  body[data-layout="corp-sidebar"] .main-layout {
    grid-template-columns: 1fr !important;
  }
}

/* ── corp-bold : bold impactful corporate ── */
body[data-layout="corp-bold"] .hero-section {
  min-height: 90vh;
  padding: 60px;
}

body[data-layout="corp-bold"] .hero-content h1 {
  font-size: 66px !important;
  font-weight: 900 !important;
  letter-spacing: -2px;
  line-height: 1 !important;
  text-transform: uppercase;
}

body[data-layout="corp-bold"] .hero-carousel {
  width: 520px !important;
  height: 400px !important;
  border-radius: 4px !important;
}

body[data-layout="corp-bold"] .adv-box {
  border-radius: 4px !important;
  border-top: 4px solid var(--th-accent) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .2) !important;
}

body[data-layout="corp-bold"] .adv-header h2,
body[data-layout="corp-bold"] .review-header h2 {
  font-size: 40px !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: -1.5px;
}

body[data-layout="corp-bold"] .review-card {
  border-radius: 4px !important;
  border-top: 3px solid var(--th-accent) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .15) !important;
}

body[data-layout="corp-bold"] .review-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}

body[data-layout="corp-bold"] .ab-card {
  border-radius: 4px !important;
}

body[data-layout="corp-bold"] .navbar {
  border-bottom: 3px solid var(--th-accent);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
}

body[data-layout="corp-bold"] .sec-footer {
  border-top: 4px solid var(--th-accent);
}

body[data-layout="corp-bold"] .sec-footer .footer-brand h2 {
  text-transform: uppercase;
  letter-spacing: 2px;
}

body[data-layout="corp-bold"] .hka-section {
  padding: 80px 20px;
  border-top: 3px solid var(--th-accent);
}

body[data-layout="corp-bold"] .hyke-ig-section,
body[data-layout="corp-bold"] .hyke-collab-section {
  padding: 80px 20px;
  border-top: 3px solid var(--th-accent);
}

@media(max-width:768px) {
  body[data-layout="corp-bold"] .hero-section {
    padding: 60px 24px;
  }

  body[data-layout="corp-bold"] .hero-content h1 {
    font-size: 38px !important;
  }

  body[data-layout="corp-bold"] .hero-carousel {
    width: 100% !important;
    height: 240px !important;
  }

  body[data-layout="corp-bold"] .adv-header h2,
  body[data-layout="corp-bold"] .review-header h2 {
    font-size: 28px !important;
  }
}