/* ==========================================================================
   Quynh Anh & Tien Manh Wedding - Cloudflare R2 + WebP CDN Image Mapping
   Source bucket: https://quynhanh-img.anlich.dev/ (All 24 photos mapped)
   Optimized via wsrv.nl CDN (WebP, q=82) following hieuli-wedding architecture
   ========================================================================== */

/* === 1. HERO BANNER (#SECTION1) === */
/* Main hero banner photo: Traditional Viet Phuc couple portrait on crimson red curtain */
#IMAGE1 > .ladi-image > .ladi-image-background {
    width: 100%;
    height: 670px;
    top: -40px;
    left: 0px;
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5877.jpg&w=1200&output=webp&q=82");
    background-position: center top;
    background-size: cover;
}

/* === 2. LOVE STORY & CALENDAR SECTION (#SECTION2) === */
/* Horizontal frame photo: Playful close-up with cherry cupcakes */
#IMAGE2 > .ladi-image > .ladi-image-background {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5573.jpg&w=1200&output=webp&q=82");
    background-position: center 22%;
    background-size: cover;
}

/* === 3. COUPLE PORTRAITS & QUOTE SECTION (#SECTION4) === */
/* Full-bleed section backdrop: Romantic full-length dance & embrace */
#SECTION4 > .ladi-section-background {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5101.jpg&w=1200&output=webp&q=82");
    background-position: center 25%;
    background-size: cover;
}

/* Left framed portrait card: Solo Groom in black tuxedo */
#IMAGE37 > .ladi-image > .ladi-image-background {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5158.jpg&w=800&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Right framed portrait card: Solo Bride in white ballgown */
#IMAGE5 > .ladi-image > .ladi-image-background {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_4856.jpg&w=800&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* === 4. WEDDING ALBUM GALLERY SLIDER (#SECTION8 - #GALLERY1, 18 Slides) === */
/* Slide 01: Classic formal full-length portrait arm-in-arm */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="0"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="0"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_4940.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Slide 02: Groom looking affectionately at bride holding white orchid bouquet */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="1"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="1"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_4928_%282%29.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Slide 03: Formal couple portrait in dark studio */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="2"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="2"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5000.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Slide 04: Medium close-up holding bouquet together */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="3"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="3"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5009.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Slide 05: Romantic cheek kiss in classic studio */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="4"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="4"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5097.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Slide 06: Radiant bride portrait with lace veil */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="5"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="5"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5233.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Slide 07: Couple holding hands with lace veil */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="6"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="6"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5283.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Slide 08: Close-up bride portrait with lace veil admiring bouquet */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="7"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="7"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5305.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Slide 09: Intimate couple portrait with lace veil */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="8"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="8"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5356.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Slide 10: Bright white studio seated portrait in white suit & ruffled gown */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="9"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="9"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5368.jpg&w=1200&output=webp&q=82");
    background-position: center 35%;
    background-size: cover;
}

/* Slide 11: Sweet cheek kiss with cherry cupcakes */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="10"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="10"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5618.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Slide 12: Bright white studio standing portrait holding hands */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="11"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="11"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5652.jpg&w=1200&output=webp&q=82");
    background-position: center 30%;
    background-size: cover;
}

/* Slide 13: Romantic bright studio portrait caressing bride's chin */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="12"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="12"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5681.jpg&w=1200&output=webp&q=82");
    background-position: center 25%;
    background-size: cover;
}

/* Slide 14: Traditional Vietnamese Viet Phuc / Ao Dai on white backdrop with lotus flowers */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="13"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="13"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5815.jpg&w=1200&output=webp&q=82");
    background-position: center 25%;
    background-size: cover;
}

/* Slide 15: Traditional Viet Phuc couple portrait on crimson red curtain, looking at camera */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="14"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="14"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5973.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Slide 16: Traditional Viet Phuc romantic embrace with folding fan on crimson red curtain */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="15"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="15"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_6002.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Slide 17: Solo Bride in Viet Phuc admiring folding fan with white lotus flowers */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="16"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="16"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_6029.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* Slide 18: Solo Bride in Viet Phuc holding folding fan, looking at camera */
#GALLERY1 .ladi-gallery .ladi-gallery-view-item[data-index="17"],
#GALLERY1 .ladi-gallery .ladi-gallery-control-item[data-index="17"] {
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_6054.jpg&w=1200&output=webp&q=82");
    background-position: center 20%;
    background-size: cover;
}

/* === 5. THANK YOU FINALE SECTION (#SECTION10) === */
/* Joyful couple celebration under falling confetti */
#IMAGE35 > .ladi-image > .ladi-image-background {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-image: url("https://wsrv.nl/?url=quynhanh-img.anlich.dev/MIN_5719.jpg&w=1200&output=webp&q=82");
    background-position: center 35%;
    background-size: cover;
}