/* home-lp.css — varian C halaman depan (mockup/home/build_c.py, disetujui user 29 Okt 2026).
   Hanya gaya tambahan; tata letak & komponen situs tidak disentuh. */
h2.h1, .title h2.h1 { font-size: calc(1.375rem + 1.5vw); font-weight: 700; margin-bottom: .5rem; }
@media (min-width: 1200px) { h2.h1, .title h2.h1 { font-size: 2.5rem; } }
.title h2.h1.mb-4 { margin-bottom: 1.5rem; }
.bg_white > .margin_120_95 { padding-top: 60px; }
a.box_contents h3 { font-size: 1.5rem; font-weight: 600; margin-bottom: 30px; }
.mc-facts { font-size: 15px; color: #333; }
.mc-card::before { content: ""; position: absolute; inset: auto 0 0 0; height: 60%;
  background: linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,0)); z-index: 1; border-radius: 0 0 .375rem .375rem; }
.mc-card > div { z-index: 2; }
.mc-card:focus-visible { outline: 3px solid #978667; outline-offset: 3px; }
/* 30 Okt (gerbang desain): top negatif tidak cukup, judul seksi tetap mendarat di bawah header tetap.
   Seperti mockup c.html: scroll-margin-top 130px. */
.mc-anchor { display: block; height: 0; scroll-margin-top: 130px; }
@media (max-width: 575px) { .pattern_2 { padding-left: 16px !important; padding-right: 16px !important; } }
/* 30 Okt (user): label Special Offers terlalu kecil & tak serasi -> huruf judul situs + gradasi seperti .mc-card */
.so-card::before { content: ""; position: absolute; inset: auto 0 0 0; height: 55%; z-index: 1;
  background: linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,0)); border-radius: 0 0 .375rem .375rem; }
.so-card > div { z-index: 2; padding: 0 12px 14px !important; }
.so-label { font-family: "Libertinus Sans", serif; font-weight: 700; font-size: 1.375rem; line-height: 1.25;
  letter-spacing: -0.01em; text-shadow: 0 1px 4px rgba(0,0,0,.45); }
@media (max-width: 575px) { .so-label { font-size: 1.0625rem; } }