/* Mẫu Đỏ Không Ảnh — nền đỏ rượu, tranh minh họa cô dâu chú rể, thiệp dạng vé kem có khuyết tròn. */

.t-do-khong-anh {
  --dka-red: rgb(125, 31, 42);
  --dka-cream: rgb(255, 249, 236);
  --f-mango: "Black Mango", "Playfair Display", serif;
  --f-azkia: "UTM Azkia", "Great Vibes", cursive;
  --f-shelia: "VNF Shelia", "Pinyon Script", cursive;
  --f-yellow: "LNTH Yellowtail", "Dancing Script", cursive;
  --f-might: "SVN-Mightiest", "Cormorant Upright", serif;
  --f-script: var(--f-azkia);
  --gate-bg: #fbf3e6;
  --accent-strong: #7d1f2a;
}
.t-do-khong-anh .vela-frame { background: var(--dka-red); }

/* ---------- 1. bìa ---------- */
.t-do-khong-anh .s-hero { height: 799px; overflow: hidden; background: var(--dka-red); }
.t-do-khong-anh .dka-hy { fill: #6c1622; opacity: .7; }
.t-do-khong-anh .dka-hy--l { left: -84px; top: 409px; width: 286px; height: 286px; }
.t-do-khong-anh .dka-hy--r { left: 300px; top: 10px; width: 184px; height: 184px; }
.t-do-khong-anh .dka-std { left: 17px; top: 41px; width: 333px; font-family: var(--f-mango); font-size: 37px; line-height: 55.5px; font-weight: 700; font-style: italic; color: var(--dka-cream); text-transform: uppercase; white-space: nowrap; }
.t-do-khong-anh .dka-date { left: 17px; top: 93px; width: 333px; font-family: var(--f-roboto); font-size: 25px; line-height: 37.5px; font-style: italic; color: var(--dka-cream); }
.t-do-khong-anh .dka-names { left: 4px; top: 145px; width: 413px; font-family: var(--f-azkia); font-size: 45px; line-height: 67.5px; color: #fff; text-align: center; white-space: nowrap; text-shadow: 0 2px 4px rgba(0, 0, 0, .25); }
.t-do-khong-anh .dka-art { left: -4px; top: 202px; width: 475px; height: 591px; }
.t-do-khong-anh .dka-art img, .t-do-khong-anh .dka-art svg { width: 100%; height: 100%; object-fit: contain; }

/* ---------- 2. thiệp dạng vé ---------- */
.t-do-khong-anh .s-card { height: 2531px; overflow: hidden; background: var(--dka-red); }
.t-do-khong-anh .dka-paper { left: 21px; top: 0; width: 378px; height: 2507px; border-radius: 30px 30px 30px 30px; background: var(--dka-cream); }
.t-do-khong-anh .dka-bar { left: 12px; width: 396px; height: 4px; background: var(--dka-red); }
.t-do-khong-anh .dka-bar--end { left: 21px; top: 2430px; }
.t-do-khong-anh .dka-wi { left: 40px; top: 4px; width: 341px; font-family: var(--f-shelia); font-size: 39px; line-height: 58.5px; font-weight: 700; text-align: center; white-space: nowrap; }
.t-do-khong-anh .dka-hy-small { left: 167px; top: 93px; width: 87px; height: 87px; }
.t-do-khong-anh .dka-side, .t-do-khong-anh .dka-parents { width: 170px; font-family: var(--f-cond); font-size: 16px; line-height: 24px; text-align: center; text-transform: uppercase; }
.t-do-khong-anh .dka-side { top: 107px; }
.t-do-khong-anh .dka-parents { top: 132px; }
.t-do-khong-anh .dka-addr { top: 184px; width: 170px; font-family: var(--f-roboto); font-size: 14px; line-height: 19.5px; text-align: center; }
.t-do-khong-anh .dka-side--groom, .t-do-khong-anh .dka-parents--groom { left: 19px; }
.t-do-khong-anh .dka-addr--groom { left: 21px; }
.t-do-khong-anh .dka-side--bride, .t-do-khong-anh .dka-parents--bride, .t-do-khong-anh .dka-addr--bride { left: 229px; }
.t-do-khong-anh .dka-announce { left: 60px; top: 234px; width: 300px; font-family: var(--f-might); font-size: 20px; line-height: 30px; text-align: center; }
.t-do-khong-anh .dka-full { left: 32px; width: 357px; font-family: var(--f-ephesis); font-size: 40px; line-height: 60px; text-align: center; white-space: nowrap; }
.t-do-khong-anh .dka-amp { left: 151px; top: 317px; width: 118px; font-family: "EB Garamond", serif; font-size: 26px; line-height: 39px; text-align: center; }
.t-do-khong-anh .dka-notch { width: 50px; height: 50px; border-radius: 50%; background: var(--dka-red); }
.t-do-khong-anh .dka-notch--l { left: -2px; }
.t-do-khong-anh .dka-notch--r { left: 372px; }
.t-do-khong-anh .dka-dash { left: 48px; width: 324px; height: 0; border-top: 2px dashed rgb(83, 96, 119); }
.t-do-khong-anh .dka-orn { left: 128px; top: 402px; width: 165px; height: 35px; }
.t-do-khong-anh .dka-script { left: 58px; width: 304px; font-family: var(--f-yellow); font-size: 31px; line-height: 46.5px; text-align: center; white-space: nowrap; }

.t-do-khong-anh .dka-c { font-family: Arial, sans-serif; text-align: center; }
.t-do-khong-anh .dka-cer-title { left: 19px; top: 536px; width: 383px; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.t-do-khong-anh .dka-cer-at { left: -3px; top: 559px; width: 427px; font-size: 14px; line-height: 21px; letter-spacing: 1px; }
.t-do-khong-anh .dka-cer-wd { left: 115px; top: 595px; width: 185px; font-size: 14px; line-height: 21px; letter-spacing: 3px; }
.t-do-khong-anh .dka-cer-day { left: 115px; top: 609px; width: 185px; font-size: 35px; line-height: 52.5px; font-weight: 700; letter-spacing: 3px; }
.t-do-khong-anh .dka-cer-time { left: -10px; top: 627px; width: 185px; font-size: 14px; line-height: 21px; letter-spacing: 1px; }
.t-do-khong-anh .dka-cer-year { left: 245px; top: 627px; width: 185px; font-size: 14px; line-height: 21px; letter-spacing: 1px; }
.t-do-khong-anh .dka-cer-bar { top: 603px; width: 1px; height: 65px; background: #536077; }
.t-do-khong-anh .dka-cer-month { left: 115px; top: 663px; width: 185px; font-size: 14px; line-height: 21px; letter-spacing: 3px; }
.t-do-khong-anh .dka-cer-lunar { left: -1px; top: 691px; width: 422px; font-size: 13px; line-height: 19.5px; font-style: italic; letter-spacing: 1px; }
.t-do-khong-anh .dka-cer-place { left: 32px; top: 727px; width: 359px; font-size: 16px; line-height: 24px; }

.t-do-khong-anh .dka-party-box { left: 25px; top: 777px; width: 370px; height: 211px; border: 1px solid rgb(57, 71, 58); border-radius: 16px; background: rgba(255, 255, 255, .5); }
.t-do-khong-anh .dka-p-title { left: -3px; top: 797px; width: 427px; font-size: 17px; line-height: 25.5px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.t-do-khong-anh .dka-p-time { left: 83px; top: 834px; width: 254px; font-family: var(--f-roboto); font-size: 18px; line-height: 27px; }
.t-do-khong-anh .dka-p-date { left: 83px; top: 863px; width: 254px; font-family: var(--f-roboto); font-size: 21px; line-height: 31.5px; font-weight: 700; letter-spacing: 7px; }
.t-do-khong-anh .dka-p-lunar { left: -1px; top: 905px; width: 422px; font-size: 14px; line-height: 21px; font-style: italic; letter-spacing: 1px; }
.t-do-khong-anh .dka-p-venue { left: 15px; top: 938px; width: 390px; font-size: 17px; line-height: 25.5px; }

.t-do-khong-anh .dka-cal-box { left: 25px; top: 1024px; width: 370px; height: 365px; border: 1px solid var(--dka-red); border-radius: 15px; background: #fff; }
.t-do-khong-anh .dka-cal-title { position: absolute; left: 0; right: 0; top: 11px; font-family: "Kaisei Decol", "Noto Serif Display", Georgia, serif; font-size: 22px; line-height: 33px; text-align: center; text-transform: uppercase; }
.t-do-khong-anh .dka-cal { position: absolute; left: 14px; top: 55px; width: 340px; min-height: 272px; padding: 10px 0; border: 1px solid rgb(192, 0, 0); font-family: var(--f-open); font-size: 14px; }
.t-do-khong-anh .dka-cal-row { display: grid; grid-template-columns: repeat(7, 1fr); }
.t-do-khong-anh .dka-cal-row span { position: relative; display: grid; place-items: center; height: 42px; }
.t-do-khong-anh .dka-cal-row--head span { font-weight: 700; }
.t-do-khong-anh .dka-cal-row .is-sun { font-weight: 700; }
.t-do-khong-anh .dka-heart { position: absolute; left: 50%; top: 50%; width: 42px; height: 40px; margin: -20px 0 0 -21px; animation: vela-heart 4s ease-in-out infinite; }

.t-do-khong-anh .dka-v-name { left: 0; top: 1520px; width: 421px; font-family: var(--f-barlow); font-size: 17px; line-height: 25.5px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.t-do-khong-anh .dka-v-addr { left: 30px; top: 1551px; width: 360px; font-family: var(--f-barlow); font-size: 14px; line-height: 21px; letter-spacing: 1px; }
.t-do-khong-anh .dka-v-btn { left: 140px; top: 1611px; width: 140px; height: 32px; display: grid; place-items: center; border-radius: 42px; background: var(--dka-red); box-shadow: 0 3px 8px rgba(0, 0, 0, .25); font-family: Arial, sans-serif; font-size: 15px; color: #fff; text-decoration: none; }
.t-do-khong-anh .dka-map { left: 33px; top: 1658px; width: 355px; height: 235px; overflow: hidden; background: var(--dka-red); }
.t-do-khong-anh .dka-map iframe { display: block; width: 100%; height: 100%; border: 0; }

.t-do-khong-anh .dka-rsvp-title { left: 58px; top: 1956px; width: 304px; font-family: var(--f-ephesis); font-size: 30px; line-height: 30px; text-align: center; }
.t-do-khong-anh .dka-form { left: 42px; top: 2079px; width: 336px; display: flex; flex-direction: column; gap: 13px; }
.t-do-khong-anh .dka-form input:not([type="hidden"]):not(.vela-hp), .t-do-khong-anh .dka-form select {
  width: 336px; height: 40px; padding: 0 10px;
  border: 1px solid var(--dka-red); border-radius: 0; background: #fff;
  font-family: var(--f-roboto); font-size: 15px; color: #111;
}
.t-do-khong-anh .dka-form select { margin-top: -3px; appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 5l5 5 5-5' fill='none' stroke='%23222' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 8px center / 14px; }
.t-do-khong-anh .dka-form input::placeholder { color: #333; }
.t-do-khong-anh .dka-send { height: 40px; margin-top: -3px; border: 2px solid #fff; background: #fff; box-shadow: 0 3px 8px rgba(0, 0, 0, .2); font-family: var(--f-roboto); font-size: 14px; font-weight: 700; text-transform: uppercase; color: #000; }
.t-do-khong-anh .dka-msg { margin-top: -8px; min-height: 18px; font-size: 13px; text-align: center; }
.t-do-khong-anh .dka-gift { left: 103px; top: 2357px; width: 214px; height: 40px; border: 0; border-radius: 9px; background: var(--dka-red); box-shadow: 0 3px 8px rgba(0, 0, 0, .25); font-family: var(--f-roboto); font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; }
.t-do-khong-anh .dka-thanks { left: 30px; top: 2459px; width: 360px; font-family: var(--f-azkia); font-size: 33px; line-height: 33px; text-align: center; white-space: nowrap; }

.t-do-khong-anh .dka-footer { height: 32px; background: var(--dka-red); color: #fff; }