/**
 * =============================================================================
 * CHỈNH SỬA THIỆP CƯỚI — đọc file này trước
 * =============================================================================
 * File này load SAU CSS LadiPage nên mọi rule ở đây sẽ ghi đè bản gốc.
 *
 * Ảnh local: đặt trong thư mục `images/` (cùng cấp file CSS này).
 *   Ví dụ: tone xanh biển_mẫu_files/images/wedding-car.png
 *   → trong CSS dùng: url("images/wedding-car.png")
 *
 * Ảnh trên mạng: dùng url("https://...") như bình thường.
 *
 * Chữ trên trang: sửa trực tiếp trong file .html, tìm id HEADLINE...
 *   (Ctrl+F "HEADLINE106" = dòng chữ cạnh icon timeline, v.v.)
 * =============================================================================
 */

:root {
  /* Đổi tên file tại đây nếu bạn đổi tên ảnh trong thư mục images/ */
  --icon-don-dau: url("images/wedding-car.webp");
  --icon-background-address: url("images/background-address.webp");
  --icon-trap-an-hoi: url("images/trap_an_hoi.webp");
  --img-blank: url("images/bg-20260630071016-unvf4.webp");
  --img-and: url("images/and2-20260630101626-7e05j.webp");
  --img-white2: url("images/white2-20260701071939-cheyo.webp");
  --img-ngoc-trai: url("images/ngoctrai-20260624092841-gjwic.webp");
  --img-zyem2: url("images/bg3-20260709095449-zyem2.webp");
  --img-khung-giay: url("images/khung-giay-20260603024117-xsr54.webp");
  --img-khung-giay2: url("images/khung-giay-20260603091040-0ioqw.webp");
  --img-so: url("images/so-20260701040121-k4cbv.webp");
  --img-paper4: url("images/paper4-20260701075326-f217t.webp");
  --img-hoa5: url("images/hoa5-20260709101004-ota0v.webp");
  --img-song: url("images/song-20260709150341-b4vkj.webp");
  --img-save-the-date: url("images/save-20260701104857-jqokm.webp");
  --img-pb1: url("images/pbi1-20260709104139-mxgo-.webp");
  --img-bg4: url("images/bg4-20260709095449-hzpbe.webp");
  --img-and-yellow: url("images/and3-20260709100756-tfq-r.webp");
  --img-pbi2: url("images/pbi2-20260709104139-xhnhz.webp");
  --img-tem-sao-bien: url("images/lop-2-20260709140245-o8wnb.webp");
  --img-timeline2: url("images/timeline2-20260710065629-jh0-u.webp");
  --img-kieu-vu2: url("images/khieu-vu2-20260710065903-fwjtm.webp");
  --img-background2: url("images/image_2026-06-01_17-38-10-20260709140628-jzbtf.webp");
  --img-tran-trong: url("images/trantrong-20260623024856--chge.webp");
  --img-khung-giay-doc: url("images/khung-giay_doc-20260604070616-mzuan.webp");
  --img-255: url("main-character-imgs/AMB00255.JPG");
  --img-564_1: url("main-character-imgs/AMB00564_1.jpg");
  --img-482: url("main-character-imgs/AMB00482.JPG");
  --img-329: url("main-character-imgs/AMB00329.JPG");
  --img-283: url("main-character-imgs/AMB00283.JPG");
  --img-711_1: url("main-character-imgs/AMB00711_1.jpg");
  --img-564: url("main-character-imgs/AMB00564.JPG");
  --img-422: url("main-character-imgs/AMB00422.JPG");
  --img-345: url("main-character-imgs/AMB00345.JPG");
  --img-760: url("main-character-imgs/AMB00760.JPG");
  --img-176: url("main-character-imgs/AMB00176.JPG");
  --img-515: url("main-character-imgs/AMB00515.JPG");
  --img-711: url("main-character-imgs/AMB00711.JPG");
  --img-511: url("main-character-imgs/AMB00511.JPG");
  --icon-di-an-hoi: url("images/oto2-20260710065702-agohw.webp");
  --icon-tiec-ngot: url("images/tiec-ngot.webp");
  --icon-le-thanh-hon: url("images/nhan2-20260710065702-avwbz.webp");

  /* Lịch tháng 11 — trái tim nhà gái / nhà trai */
  --calendar-heart-bride: rgb(236, 72, 153);
  --calendar-heart-groom: rgb(56, 132, 255);

  /* Timeline — khung icon (nhà trai + nhà gái) */
  --tl-icon-w: 98px;
  --tl-icon-h: 88px;
  --tl-icon-w-tall: 115px;
  --tl-icon-h-tall: 115px;
  --tl-icon-tiec-ngot-w: 114px;
  --tl-icon-tiec-ngot-h: 104px;

  /* Khối tiệc cưới SECTION3 (nhà trai + nhà gái) */
  --venue-section-top: 438.717px;
  --venue-info-h: 108px;
  --venue-gap-info-calendar: 0px;
  --venue-calendar-h: 85.02px;
  --venue-gap-calendar-map: 10px;
  --venue-map-h: 28px;
  --venue-gap-groom-bride: 44px;
  --venue-gap-map-parents: 26px;
  --venue-one-stack: calc(
    var(--venue-info-h) + var(--venue-gap-info-calendar) + var(--venue-calendar-h) +
      var(--venue-gap-calendar-map) + var(--venue-map-h)
  );
}

/*body {*/
/*  direction: ltr;*/
/*}*/
/*.ladi-wraper {*/
/*  margin: 0 auto;*/
/*  width: 420px;*/
/*}*/

/*!* 1. Khai báo các font từ thư mục fonts/ local *!*/
/*@font-face {*/
/*  font-family: "ArnoPro-LightDisplay";*/
/*  src: url("web_files/fonts/arnopro-lightdisplay-20260602100300-eemuc.otf") format("opentype");*/
/*}*/
/*@font-face {*/
/*  font-family: "MozartScript-Regular";*/
/*  src: url("web_files/fonts/mozartscript-regular-20260630084615-fx8uh.ttf") format("truetype");*/
/*}*/
/*@font-face {*/
/*  font-family: "Boton";*/
/*  src: url("web_files/fonts/boton-20260622030649-op-gn.ttf") format("truetype");*/
/*}*/
/*@font-face {*/
/*  font-family: "GhioCityAndDhisthes-Italic";*/
/*  src: url("web_files/fonts/ghiocityanddhisthes-italic-20260623105043-2bpp3.otf") format("opentype");*/
/*}*/

/*!* 2. Áp dụng font chính cho toàn bộ trang web *!*/
/*body {*/
/*  font-family: "ArnoPro-LightDisplay", sans-serif; !* Thay tên font bạn muốn áp dụng cho body vào đây *!*/
/*}*/

#IMAGE55 > .ladi-image > .ladi-image-background {
  width: 419.586px;
  height: 1262.301px;
  background-image: var(--icon-background-address);
}

/* -----------------------------------------------------------------------------
 * Thiệp mời — tên cô dâu / chú rể (GROUP3)
 * ----------------------------------------------------------------------------- */

#HEADLINE9 {
  left: 4px;
  width: 250px;
}

#HEADLINE10 {
  top: 42.7953px;
  left: -50px;
  width: 298px;
}

#HEADLINE10 > .ladi-headline {
  white-space: nowrap;
}

#IMAGE10 {
  top: 18.6915px;
  left: 200px;
}

#GROUP3 {
  width: 368px;
  height: 108px;
}

/* -----------------------------------------------------------------------------
 * Tiệc cưới SECTION3 — nhà trai + nhà gái
 * ----------------------------------------------------------------------------- */

#SECTION3 {
  height: 1170px;
}

#GROUP33,
#GROUP251 {
  height: var(--venue-info-h);
}

#HEADLINE16 > .ladi-headline,
#HEADLINE252 > .ladi-headline {
  line-height: 1.35;
}

#GROUP47 {
  top: calc(var(--venue-section-top) + var(--venue-info-h) + var(--venue-gap-info-calendar) + 5px);
}

#GROUP36 {
  width: 220px;
  height: var(--venue-map-h);
  top: calc(
          var(--venue-section-top) + var(--venue-one-stack) + var(--venue-gap-groom-bride) +
          var(--venue-info-h) + var(--venue-gap-info-calendar) + var(--venue-calendar-h) +
          var(--venue-gap-calendar-map)
  );
  left: 50%;
  transform: translateX(-50%);
}

#GROUP36 > .ladi-group,
.venue-map-link > .ladi-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  position: relative;
}

#GROUP36.ladi-animation > .ladi-group,
#GROUP254.ladi-animation > .ladi-group,
#GROUP255.ladi-animation > .ladi-group {
  animation-name: pulse;
  animation-delay: 1s;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

#GROUP36 > .ladi-group > .ladi-element,
.venue-map-link > .ladi-group > .ladi-element {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

#GROUP36 #SHAPE5,
.venue-map-link .ladi-shape {
  position: relative;
  top: auto;
  left: auto;
  flex-shrink: 0;
}

#GROUP36 #SHAPE5,
#SHAPE250,
#SHAPE251 {
  width: 14.3426px;
  height: 26.4778px;
}

#GROUP36 #HEADLINE98,
#HEADLINE257,
#HEADLINE258 {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  flex-shrink: 0;
}

#GROUP36 #HEADLINE98 > .ladi-headline,
#HEADLINE257 > .ladi-headline,
#HEADLINE258 > .ladi-headline {
  white-space: nowrap;
  text-align: center;
}

/* --- Nhà gái: typography (= nhà trai, Ladi gốc không có ID mới) --- */

#HEADLINE250 > .ladi-headline,
#HEADLINE17 > .ladi-headline {
  font-family: QXJubBybyMaWdodERpcBsYXkubRm, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
}

#HEADLINE251 > .ladi-headline,
#HEADLINE15 > .ladi-headline {
  font-family: QXJubBybyMaWdodERpcBsYXkubRm, sans-serif;
  font-size: 36px;
  line-height: 1.6;
  color: rgb(255, 191, 94);
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
}

#HEADLINE252 > .ladi-headline,
#HEADLINE16 > .ladi-headline {
  font-family: QXJubBybyMaWdodERpcBsYXkubRm, sans-serif;
  font-size: 18px;
  line-height: 1.2;
  color: rgb(255, 255, 255);
  letter-spacing: 0;
  text-align: center;
}

#HEADLINE253 > .ladi-headline,
#HEADLINE21 > .ladi-headline {
  font-family: QXJubBybyMaWdodERpcBsYXkubRm, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: rgb(255, 255, 255);
  letter-spacing: 0;
  text-align: center;
}

#HEADLINE254 > .ladi-headline,
#HEADLINE255 > .ladi-headline,
#HEADLINE256 > .ladi-headline,
#HEADLINE23 > .ladi-headline,
#HEADLINE24 > .ladi-headline,
#HEADLINE25 > .ladi-headline {
  font-family: QXJubBybyMaWdodERpcBsYXkubRm, sans-serif;
  font-size: 26px;
  line-height: 1.6;
  color: rgb(17, 205, 255);
  text-transform: uppercase;
  text-align: center;
}

#HEADLINE257 > .ladi-headline,
#HEADLINE258 > .ladi-headline,
#HEADLINE98 > .ladi-headline {
  font-family: YmbudHRm, QXJubBybyMaWdodERpcBsYXkubRm, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: rgb(255, 191, 94);
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
}

#BOX250 > .ladi-box,
#BOX251 > .ladi-box,
#BOX252 > .ladi-box,
#BOX7 > .ladi-box,
#BOX8 > .ladi-box,
#BOX9 > .ladi-box {
  border-radius: 6px;
  background-color: rgb(241, 243, 244);
  opacity: 0.15;
}

#GROUP251 > .ladi-group,
#GROUP252 > .ladi-group {
  width: 100%;
  height: 100%;
}

#GROUP251 .ladi-element,
#GROUP252 .ladi-element {
  position: absolute;
}

/* --- Nhà gái: thông tin + lịch (vị trí) --- */

#GROUP250 {
  top: calc(var(--venue-section-top) + var(--venue-one-stack) + var(--venue-gap-groom-bride));
  left: 3.453px;
}

#GROUP251 {
  width: 408px;
}

#HEADLINE250,
#HEADLINE17 {
  width: 333px;
  top: 0;
  left: 36.3884px;
}

#HEADLINE251,
#HEADLINE15 {
  width: 350px;
  top: 20px;
  left: 27.791px;
}

#HEADLINE252,
#HEADLINE16 {
  width: 408px;
  top: 68px;
  left: 0;
}

#GROUP252 {
  width: 398.137px;
  height: var(--venue-calendar-h);
  top: calc(
    var(--venue-section-top) + var(--venue-one-stack) + var(--venue-gap-groom-bride) +
      var(--venue-info-h) + var(--venue-gap-info-calendar) + 5px
  );
  left: 10.208px;
}

#BOX250 {
  width: 142.566px;
  height: 55.283px;
  top: 0;
  left: 0;
}

#BOX251 {
  width: 142.566px;
  height: 55.283px;
  top: 0;
  left: 144.547px;
}

#BOX252 {
  width: 109.005px;
  height: 55.283px;
  top: 0;
  left: 289.132px;
}

#HEADLINE253,
#HEADLINE21 {
  width: 352px;
  top: 56.02px;
  left: 18.8055px;
}

#HEADLINE254,
#HEADLINE23 {
  width: 128px;
  top: 11.283px;
  left: 7.283px;
}

#HEADLINE255,
#HEADLINE24 {
  width: 134px;
  top: 11.283px;
  left: 148.571px;
}

#HEADLINE256,
#HEADLINE25 {
  width: 110px;
  top: 10.283px;
  left: 287.132px;
}

/* --- Nhà gái: 2 map trái / phải --- */

#GROUP253 {
  width: 398px;
  height: 48px;
  top: calc(
          var(--venue-section-top) + var(--venue-info-h) + var(--venue-gap-info-calendar) +
          var(--venue-calendar-h) + var(--venue-gap-calendar-map)
  );
  left: 10.208px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

#GROUP253 > a.ladi-element {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

#GROUP254,
#GROUP255 {
  width: 50%;
  height: 48px;
  flex: 1 1 50%;
  display: block;
  text-decoration: none;
}

#GROUP254 > .ladi-group,
#GROUP255 > .ladi-group {
  min-height: 48px;
}

#HEADLINE96,
#HEADLINE97,
#LINE13 {
  top: calc(
    var(--venue-section-top) + 2 * var(--venue-one-stack) + var(--venue-gap-groom-bride) +
      var(--venue-gap-map-parents)
  );
}

/* -----------------------------------------------------------------------------
 * TIMELINE — cân bằng kích thước icon (SECTION5 + SECTION10)
 * ----------------------------------------------------------------------------- */

#SECTION5,
#SECTION10 {
  height: 735px;
}

#GROUP66,
#GROUP166 {
  height: 748px;
}

#GROUP56 {
  height: 148px;
}

#GROUP58 {
  height: 162px;
}

#GROUP60 {
  height: 162px;
}

#GROUP62,
#GROUP162 {
  height: 158px;
}

#GROUP56,
#GROUP58,
#GROUP60,
#GROUP62,
#GROUP156,
#GROUP158,
#GROUP160,
#GROUP162 {
  overflow: visible;
}

:is(
    #IMAGE83,
    #IMAGE84,
    #IMAGE85,
    #IMAGE86,
    #IMAGE183,
    #IMAGE184,
    #IMAGE185,
    #IMAGE186
  )
  > .ladi-image {
  overflow: visible;
}

:is(#IMAGE186)
  > .ladi-image
  > .ladi-image-background {
  width: var(--tl-icon-w);
  height: var(--tl-icon-h);
}

:is(#IMAGE85)
> .ladi-image
> .ladi-image-background {
  width: var(--tl-icon-w-tall);
  height: var(--tl-icon-h-tall);
}

#IMAGE183
> .ladi-image
> .ladi-image-background {
  width: var(--tl-icon-tiec-ngot-w);
  height: var(--tl-icon-tiec-ngot-h);
}

:is(#IMAGE185) > .ladi-image > .ladi-image-background {
  width: var(--tl-icon-w);
  height: var(--tl-icon-h);
}

#IMAGE84 > .ladi-image > .ladi-image-background {
  width: var(--tl-icon-w);
  height: var(--tl-icon-h);
}

#IMAGE86 > .ladi-image > .ladi-image-background {
  width: var(--tl-icon-w-tall);
  height: var(--tl-icon-h-tall);
}

:is(#IMAGE184) > .ladi-image > .ladi-image-background {
  width: var(--tl-icon-w-tall);
  height: var(--tl-icon-h-tall);
}

#IMAGE83 {
  top: 54px;
  left: calc((125px - var(--tl-icon-tiec-ngot-w)) / 2);
}

#IMAGE84 {
  top: 50px;
  left: calc((137px - var(--tl-icon-w)) / 2);
}

#IMAGE85 {
  top: 54px;
  left: calc((137px - var(--tl-icon-w)) / 2);
}

#IMAGE86 {
  top: 50px;
  left: calc((137px - var(--tl-icon-w-tall)) / 2);
}

#IMAGE183 {
  top: 54px;
  left: calc((137px - var(--tl-icon-tiec-ngot-w)) / 2);
}

#IMAGE184 {
  top: 50px;
  left: calc((137px - var(--tl-icon-w-tall)) / 2);
}

#IMAGE185 {
  top: 50px;
  left: calc((125px - var(--tl-icon-w)) / 2);
}

#IMAGE186 {
  top: 54px;
  left: calc((137px - var(--tl-icon-w)) / 2);
}

:is(
    #IMAGE83,
    #IMAGE84,
    #IMAGE85,
    #IMAGE86,
    #IMAGE183,
    #IMAGE184,
    #IMAGE185,
    #IMAGE186
  )
  > .ladi-image
  > .ladi-image-background {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* -----------------------------------------------------------------------------
 * TIMELINE (SECTION5) — ảnh từng mốc
 * IMAGE83 → Ăn hỏi | IMAGE84 → Tiệc ngọt | IMAGE85 → Đón dâu | IMAGE86 → Lễ thành hôn
 * ----------------------------------------------------------------------------- */

#IMAGE83 > .ladi-image > .ladi-image-background {
  background-image: var(--icon-tiec-ngot);
}

#IMAGE84 > .ladi-image > .ladi-image-background {
  background-image: var(--icon-trap-an-hoi);
}

#IMAGE86 > .ladi-image > .ladi-image-background {
  background-image: var(--icon-don-dau);
}

/* -----------------------------------------------------------------------------
 * TIMELINE NHÀ GÁI (SECTION10) — bản sao SECTION5
 * HTML: SECTION10, GROUP156–162 | Chữ: HEADLINE205–212 | Icon: IMAGE183–186
 * ----------------------------------------------------------------------------- */

#IMAGE200 > .ladi-image > .ladi-image-background,
#IMAGE201 > .ladi-image > .ladi-image-background {
  background-image: var(--img-blank);
}

#IMAGE3 > .ladi-image > .ladi-image-background,#IMAGE1 > .ladi-image > .ladi-image-background,#IMAGE40 > .ladi-image > .ladi-image-background,#IMAGE5 > .ladi-image > .ladi-image-background,#IMAGE49 > .ladi-image > .ladi-image-background,#IMAGE48 > .ladi-image > .ladi-image-background,#IMAGE51 > .ladi-image > .ladi-image-background,#IMAGE52 > .ladi-image > .ladi-image-background,#IMAGE80 > .ladi-image > .ladi-image-background,#IMAGE81 > .ladi-image > .ladi-image-background,#IMAGE103 > .ladi-image > .ladi-image-background,#IMAGE104 > .ladi-image > .ladi-image-background,#IMAGE115 > .ladi-image > .ladi-image-background,#IMAGE116 > .ladi-image > .ladi-image-background,#IMAGE117 > .ladi-image > .ladi-image-background,#IMAGE118 > .ladi-image > .ladi-image-background {
  background-image: var(--img-blank);
}

#IMAGE14 > .ladi-image > .ladi-image-background {
  background-image: var(--img-and);
}

#IMAGE32 > .ladi-image > .ladi-image-background {
  width: 421.783px;
  height: 331.6px;
  top: 212px;
  left: -2px;
  background-image: var(--img-white2);
}

#IMAGE36 > .ladi-image > .ladi-image-background,#IMAGE50 > .ladi-image > .ladi-image-background,#IMAGE35 > .ladi-image > .ladi-image-background,#IMAGE107 > .ladi-image > .ladi-image-background {
  background-image: var(--img-ngoc-trai);
}

#IMAGE64 > .ladi-image > .ladi-image-background,#IMAGE65 > .ladi-image > .ladi-image-background,#IMAGE95 > .ladi-image > .ladi-image-background {
  background-image: var(--img-zyem2);
}

#IMAGE43 > .ladi-image > .ladi-image-background {
  background-image: var(--img-khung-giay);
}

#IMAGE23 > .ladi-image > .ladi-image-background {
  background-image: var(--img-khung-giay2);
}

#IMAGE29 > .ladi-image > .ladi-image-background,#IMAGE47 > .ladi-image > .ladi-image-background,#IMAGE112 > .ladi-image > .ladi-image-background {
  background-image: var(--img-so);
}

#IMAGE38 > .ladi-image > .ladi-image-background {
  background-image: var(--img-paper4);
}

#IMAGE67 > .ladi-image > .ladi-image-background,#IMAGE69 > .ladi-image > .ladi-image-background,#IMAGE79 > .ladi-image > .ladi-image-background,#IMAGE120 > .ladi-image > .ladi-image-background,#IMAGE114 > .ladi-image > .ladi-image-background {
  background-image: var(--img-hoa5);
}

#IMAGE66 > .ladi-image > .ladi-image-background,#IMAGE68 > .ladi-image > .ladi-image-background,#IMAGE96 > .ladi-image > .ladi-image-background {
  background-image: var(--img-hoa5);
}

#IMAGE113 > .ladi-image > .ladi-image-background {
  background-image: var(--img-hoa5);
}

#IMAGE74 > .ladi-image > .ladi-image-background {
  width: 329.927px;
  height: 904px;
  top: -144px;
  left: -2px;
  background-image: var(--img-song);
}

#IMAGE41 > .ladi-image > .ladi-image-background {
  background-image: var(--img-save-the-date);
}

#IMAGE71 > .ladi-image > .ladi-image-background {
  background-image: var(--img-save-the-date);
}

#IMAGE46 > .ladi-image > .ladi-image-background {
  width: 320.779px;
  height: 216.468px;
  background-image: var(--img-pb1);
}

#IMAGE63 > .ladi-image > .ladi-image-background,#IMAGE94 > .ladi-image > .ladi-image-background {
  width: 421.087px;
  height: 154.359px;
  top: -28px;
  left: -1px;
  background-image: var(--img-bg4);
}

#IMAGE10 > .ladi-image > .ladi-image-background {
  background-image: var(--img-and-yellow);
}

#IMAGE44 > .ladi-image > .ladi-image-background {
  background-image: var(--img-pbi2);
}

#IMAGE70 > .ladi-image > .ladi-image-background {
  width: 64.6725px;
  height: 62.9111px;
  background-image: var(--img-tem-sao-bien);
}

#IMAGE198 > .ladi-image > .ladi-image-background {
  background-image: var(--img-timeline2);
}

#IMAGE88 > .ladi-image > .ladi-image-background {
  background-image: var(--img-timeline2);
}

#IMAGE85 > .ladi-image > .ladi-image-background {
  background-image: var(--img-kieu-vu2);
}

#IMAGE93 > .ladi-image > .ladi-image-background {
  width: 420.586px;
  height: 1068.3px;
  background-image: var(--img-background2);
}

#IMAGE97 > .ladi-image > .ladi-image-background {
  background-image: var(--img-tran-trong);
}

#IMAGE106 > .ladi-image > .ladi-image-background {
  background-image: var(--img-khung-giay-doc);
}

#IMAGE53 > .ladi-image > .ladi-image-background {
  width: 126.864px;
  height: 169.706px;
  top: -0.60657px;
  left: -7.11738px;
  background-image: var(--img-255);
}

#IMAGE54 > .ladi-image > .ladi-image-background {
  width: 137.594px;
  height: 183.277px;
  top: -5.8188px;
  left: -5.8846px;
  background-image: var(--img-564_1);
}

#IMAGE77 > .ladi-image > .ladi-image-background {
  width: 311.959px;
  height: 415.529px;
  top: -35.2869px;
  left: -80.50313px;
  background-image: var(--img-482);
}

#IMAGE76 > .ladi-image > .ladi-image-background {
  width: 198.38px;
  height: 264.242px;
  top: -3px;
  left: -7px;
  background-image: var(--img-329);
}

#IMAGE105 > .ladi-image > .ladi-image-background {
  width: 392.263px;
  height: 682.537px;
  top: -45px;
  left: -77.3661px;
  background-image: var(--img-283);
}

#IMAGE108 > .ladi-image > .ladi-image-background {
  background-image: var(--img-711_1);
}

#IMAGE110 > .ladi-image > .ladi-image-background {
  width: 165.567px;
  height: 120.693px;
  top: -8px;
  left: -8px;
  background-image: var(--img-564);
}

#IMAGE111 > .ladi-image > .ladi-image-background {
  width: 165.567px;
  height: 211.693px;
  background-image: var(--img-422);
}

#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="0"] {
  background-image: var(--img-345);
}

#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="0"] {
  background-image: var(--img-345);
}

#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="1"] {
  background-image: var(--img-760);
}

#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="1"] {
  background-image: var(--img-760);
}

#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="2"] {
  background-image: var(--img-176);
}

#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="2"] {
  background-image: var(--img-176);
}

#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="3"] {
  background-image: var(--img-515);
}

#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="3"] {
  background-image: var(--img-515);
}

#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="4"] {
  background-image: var(--img-255);
}
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="4"] {
  background-image: var(--img-255);
}

#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="5"] {
  background-image: var(--img-711);
}
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="5"] {
  background-image: var(--img-711);
}

#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="6"] {
  background-image: var(--img-511);
}
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="6"] {
  background-image: var(--img-511);
}

#IMAGE119 > .ladi-image > .ladi-image-background {
  width: 425.215px;
  height: 566.386px;
  top: -113px;
  left: -2.9999px;
  background-image: var(--img-515);
}

#IMAGE200 {
  width: 420px;
  height: 412.003px;
}

#IMAGE200 > .ladi-image > .ladi-image-background,
#IMAGE201 > .ladi-image > .ladi-image-background {
  width: 420px;
  height: 422.003px;
}

#IMAGE201 {
  width: 420px;
  height: 323.003px;
  top: 412.003px;
  left: -0.596px;
}

#GROUP166 {
  width: 420px;
  height: 717.628px;
  top: -7.928px;
  left: 0;
}

#IMAGE198,
#IMAGE198 > .ladi-image > .ladi-image-background {
  width: 276.033px;
  height: 568.628px;
}

#IMAGE198 {
  top: 149px;
  left: 65.552px;
}

#HEADLINE213 {
  top: 20px;
  width: 420px;
}

#HEADLINE213 > .ladi-headline {
  font-family: RhJTNJVFlBTkRESElTVEhFUyJVEFMSUMuTRG, serif;
  font-size: 61px;
  line-height: 1.6;
  color: rgb(3, 33, 100);
  text-align: center;
}

/* Thứ tự trên timeline: 1 Tiệc ngọt → 2 Ăn hỏi → 3 Tiệc cưới → 4 Đón dâu */
#GROUP160 {
  width: 125px;
  height: 162px;
  top: 143.32px;
  left: 108.651px;
}

#GROUP156 {
  width: 137px;
  height: 148px;
  top: 320.77px;
  left: 199.064px;
}

#GROUP158 {
  width: 137px;
  height: 162px;
  top: 485.53px;
  left: 17.073px;
}

#GROUP162 {
  width: 137px;
  top: 588.53px;
  left: 170.871px;
}

#GROUP157,
#GROUP159,
#GROUP163 {
  width: 137px;
  height: 48px;
}

#GROUP161 {
  width: 125px;
  height: 55px;
}

#IMAGE183 > .ladi-image > .ladi-image-background {
  background-image: var(--icon-tiec-ngot);
}

#IMAGE184 > .ladi-image > .ladi-image-background {
  background-image: var(--icon-don-dau);
  /*background-image: url("https://w.ladicdn.com/s400x400/691804d3a89f3900120ca482/khieu-vu2-20260710065903-fwjtm.png");*/
}

#IMAGE185 > .ladi-image > .ladi-image-background {
  background-image: var(--icon-di-an-hoi);
}

/* Mốc 4 — Đón dâu (HEADLINE212) */
#IMAGE186 > .ladi-image > .ladi-image-background {
  background-image: var(--icon-le-thanh-hon);
}

#HEADLINE205,
#HEADLINE207,
#HEADLINE209,
#HEADLINE211 {
  width: 96px;
}

#HEADLINE209 {
  top: 0;
  left: 14.5px;
}

#HEADLINE205,
#HEADLINE207 {
  top: 0;
  left: 19.5px;
}

#HEADLINE211 {
  top: 0;
  left: 22.5px;
}

#HEADLINE210 {
  width: 125px;
}

#HEADLINE206,
#HEADLINE208,
#HEADLINE210,
#HEADLINE212 {
  top: 26px;
  left: 0;
}

#HEADLINE206,
#HEADLINE208,
#HEADLINE212 {
  width: 137px;
}

#HEADLINE205 > .ladi-headline,
#HEADLINE207 > .ladi-headline,
#HEADLINE209 > .ladi-headline,
#HEADLINE211 > .ladi-headline {
  font-family: QXJubBybyMaWdodERpcBsYXkubRm, sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  color: rgb(3, 33, 100);
  text-align: center;
}

#HEADLINE206 > .ladi-headline,
#HEADLINE208 > .ladi-headline,
#HEADLINE210 > .ladi-headline,
#HEADLINE212 > .ladi-headline {
  font-family: QXJubBybyMaWdodERpcBsYXkubRm, sans-serif;
  font-size: 20px;
  line-height: 1.6;
  color: rgb(3, 33, 100);
  text-transform: uppercase;
  text-align: center;
}

/* -----------------------------------------------------------------------------
 * LỊCH (GROUP30 trong SECTION2) — trái tim ngày 27 & 28
 * Số ngày: HEADLINE68–HEADLINE134 trong HTML
 * ----------------------------------------------------------------------------- */

#SHAPE4 svg:last-child {
  fill: var(--calendar-heart-bride);
}

#SHAPE6 svg:last-child {
  fill: var(--calendar-heart-groom);
}