/* Mẫu Hồng — phần riêng: bìa, hai gia đình. Phần chung nằm ở templates/_ewed/ewed.css. */

/* ---------- 1. bìa ---------- */
.s-hero { height: 799px; }
.deco-petals { left: 0; top: 480px; width: 420px; height: 320px; }
.deco-tulip { left: 0; top: 600px; width: 80px; height: 190px; }
.hero-save {
  left: 0; top: 18px; width: 420px;
  font-family: var(--f-save); font-size: 58px; line-height: 110px;
  text-align: center; white-space: nowrap;
}
.hero-names {
  left: 3px; top: 128px; width: 414px;
  font-family: var(--f-script); font-size: 45px; line-height: 67.5px;
  text-align: center; white-space: nowrap;
}
.hero-cover { left: 74px; top: 196px; width: 273px; height: 410px; }
.hero-time, .hero-date, .hero-year { font-family: var(--f-serif); font-weight: 600; text-align: center; }
.hero-time { left: 42px; top: 616px; width: 127px; font-size: 20px; line-height: 26px; letter-spacing: 1px; }
.hero-bar { left: 170px; top: 621px; width: 1px; height: 43px; background: var(--line); }
.hero-date { left: 170px; top: 620px; width: 127px; font-size: 34px; line-height: 44px; }
.hero-year { left: 240px; top: 620px; width: 127px; font-size: 17px; line-height: 22px; }
.hero-lunar {
  left: 0; top: 675px; width: 420px;
  font-family: var(--f-barlow); font-style: italic; font-size: 15px; line-height: 22.5px;
  text-align: center;
}

/* ---------- 2. hai gia đình ---------- */
.s-family { height: 746px; }
.fam-quote {
  left: -3px; top: 17px; width: 427px;
  font-family: var(--f-pinyon); font-size: 20px; line-height: 22px;
  text-align: center;
}
.fam-frame { width: 210px; height: 320px; border: 5px solid var(--pink-soft); }
.fam-frame .ph { inset: 0; }
.fam-frame--groom { left: 0; top: 90px; }
.fam-frame--bride { left: 210px; top: 410px; }
.fam-side, .fam-parents { font-family: var(--f-cond); font-size: 16px; line-height: 24px; text-transform: uppercase; text-align: center; }
.fam-addr { font-family: var(--f-roboto); font-size: 14px; line-height: 20px; text-align: center; }
.fam-role { font-family: var(--f-upright); font-size: 17px; line-height: 25.5px; text-align: center; width: 109px; }
.fam-name { font-family: var(--f-script); font-size: 35px; line-height: 52.5px; text-align: center; width: 210px; white-space: nowrap; }
.fam-side--groom { left: 215px; top: 138px; width: 200px; }
.fam-parents--groom { left: 215px; top: 156px; width: 200px; }
.fam-addr--groom { left: 215px; top: 206px; width: 200px; }
.fam-role--groom { left: 261px; top: 272px; }
.fam-name--groom { left: 210px; top: 295px; }
.fam-side--bride { left: 5px; top: 465px; width: 200px; }
.fam-parents--bride { left: 5px; top: 483px; width: 200px; }
.fam-addr--bride { left: 5px; top: 533px; width: 200px; }
.fam-role--bride { left: 51px; top: 600px; }
.fam-name--bride { left: 0; top: 622px; }