.frontend-theme-natal {
    --ft-primary: #b3262f;
    --ft-primary-dark: #8f1d24;
    --ft-accent: #f0c95f;
    --ft-soft-bg: #fff0f1;
    --ft-soft-border: #ffd7db;
    
    /* Ice-blue variables override */
    --contrast: #C2E0F9 !important;
    --contrast-438: #C2E0F9 !important;
    --contrast-323: #C2E0F9 !important;
    --contrast-325: #C2E0F9 !important;
    --canvas: #C2E0F9 !important;
}


.frontend-theme-natal #seasonOrnamentLayer {
    background-image:
        radial-gradient(circle at 20% 30%, rgba(255,255,255,.9) 0 2px, transparent 3px),
        radial-gradient(circle at 65% 20%, rgba(255,255,255,.8) 0 2px, transparent 3px),
        radial-gradient(circle at 80% 75%, rgba(255,255,255,.85) 0 2px, transparent 3px),
        radial-gradient(circle at 35% 80%, rgba(255,255,255,.75) 0 2px, transparent 3px);
    background-size: 220px 220px, 280px 280px, 260px 260px, 300px 300px;
}
.frontend-theme-natal .banner-322-layout-3,
.frontend-theme-natal .our-partner-section-436,
.frontend-theme-natal .footer-645 {
    position: relative;
}
.frontend-theme-natal .banner-322-layout-3::after,
.frontend-theme-natal .our-partner-section-436::after,
.frontend-theme-natal .footer-645::after {
    content: none !important;
}
/* ============================================================
   SANTA CLAUS CHARACTER STYLE (BOTTOM-LEFT CORNER)
   ============================================================ */
.santa {
    position: fixed;
    left: 20px;
    bottom: 30px;
    z-index: 999998;
    pointer-events: none;
    transform-origin: bottom left;
    animation: 
        santaEntrance 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards,
        santaFloat 4s ease-in-out infinite alternate 1.5s;
}
@keyframes santaEntrance {
    0% { transform: scale(-0.31, 0.31) translate(-69rem, -20rem) rotate(10deg); opacity: 0; }
    100% { transform: scale(-0.31, 0.31) translate(-69rem, -45.2rem) rotate(0deg); opacity: 1; }
}
@keyframes santaFloat {
    0% { transform: scale(-0.31, 0.31) translate(-69rem, -45.2rem) translateY(0); }
    100% { transform: scale(-0.31, 0.31) translate(-69rem, -45.2rem) translateY(-12px); }
}
@media (max-width: 768px) {
    .santa {
        display: none !important;
    }
}
.santa__head {
    position: absolute;
    top: 0rem;
    left: 0rem;
    z-index: 178;
    animation: headMove 2s infinite ease-in-out;
}
.santa__head--face {
    width: 9rem;
    height: 4rem;
    background-color: #ffddbe;
    position: absolute;
    border-radius: 5rem 4rem 4rem 4rem;
    left: 50.4rem;
    top: 26.4rem;
    transform: skew(-19deg, 10deg);
}
.santa__head--eye-r {
    width: 2rem;
    height: 1rem;
    position: absolute;
    top: 27.9rem;
    left: 51.1rem;
    box-shadow: inset -1px 4px #000;
    border-radius: 50%;
}
.santa__head--eye-l {
    width: 2rem;
    height: 1rem;
    position: absolute;
    top: 28.5rem;
    left: 55.5rem;
    box-shadow: inset -1px 4px #000;
    border-radius: 50%;
    transform: rotate(12deg);
}
.santa__head--nose {
    width: 2rem;
    height: 1.7rem;
    position: absolute;
    top: 29rem;
    left: 52.7rem;
    background-color: #e79f9f;
    border-radius: 50%;
}
.santa__head--beard {
    width: 9.8rem;
    height: 7.6rem;
    position: absolute;
    top: 28.1rem;
    background-color: #ffffff;
    border-radius: 9rem 0rem 18rem 11rem;
    left: 49.4rem;
    transform: rotate(6deg);
}
.santa__head--backofhead {
    width: 10rem;
    height: 10rem;
    background-color: #d1d3c7;
    position: absolute;
    border-radius: 5rem 4rem 5rem 4rem;
    left: 50rem;
    top: 25.8rem;
    transform: skew(-19deg, 10deg);
}
.santa__hat {
    position: absolute;
    left: 0rem;
    top: 0rem;
    z-index: 200;
}
.santa__hat--fluffy {
    width: 8.2rem;
    height: 2.7rem;
    background-color: #fff;
    position: absolute;
    top: 24rem;
    left: 50.5rem;
    border-radius: 3rem 4rem 0rem 1rem;
}
.santa__hat--fluffy:after {
    content: '';
    width: 8.2rem;
    height: 2.7rem;
    background-color: #fff;
    position: absolute;
    top: 0.4rem;
    left: 1.6rem;
    border-radius: 3rem 9rem 0rem 0rem;
    transform: skewY(10deg);
}
.santa__hat--fluffy:before {
    content: '';
    width: 3.5rem;
    height: 2.7rem;
    background-color: #fff;
    position: absolute;
    top: 1rem;
    left: 7.6rem;
    border-radius: 50rem;
    transform: skewY(27deg);
}
.santa__hat--base {
    width: 6.6rem;
    height: 4rem;
    background: #bd4443;
    position: absolute;
    top: 21.9rem;
    left: 52.3rem;
    border-radius: 9rem 3rem 6rem 4rem;
    transform: skew(-33deg, 10deg);
}
.santa__hat--fluffy-aux {
    width: 2rem;
    height: 2rem;
    background: #fff;
    position: absolute;
    top: 23.4rem;
    left: 62.4rem;
    border-radius: 50%;
}
.santa__hat--base-aux {
    width: 6.6rem;
    height: 2rem;
    background: #bd4443;
    position: absolute;
    top: 22.7rem;
    left: 55.3rem;
    border-radius: 9rem 3rem 6rem 4rem;
    transform: skew(-56deg, 25deg);
    animation: hatMove 2s infinite ease-in-out;
}
.santa__body {
    position: absolute;
    top: 0rem;
    animation: bodyMove 3s infinite ease-in-out;
}
.santa__body__chest {
    z-index: 50;
    position: absolute;
    top: 0rem;
    left: 0rem;
}
.santa__body__chest--base {
    width: 12.5rem;
    height: 10rem;
    background-color: #bd4443;
    position: absolute;
    top: 33rem;
    left: 49.5rem;
    border-radius: 7rem 5rem 2rem 3rem;
    transform: rotate(-4deg);
}
.santa__body__chest--belt {
    width: 13.2rem;
    height: 2.5rem;
    background-color: #0c0d32;
    position: absolute;
    top: 38.3rem;
    left: 49.3rem;
    border-radius: 3rem 4rem 2rem 2rem;
    transform: rotate(2deg);
}
.santa__body__chest--belt:after {
    content: '';
    width: 2.3rem;
    height: 2rem;
    border-radius: 1rem;
    border: 1rem solid #f2cc54;
    position: absolute;
    left: 1.7rem;
    top: -0.6rem;
}
.santa__body__chest--aux {
    width: 13rem;
    height: 4rem;
    position: absolute;
    top: 38.6rem;
    left: 49.4rem;
    border-radius: 50%;
    transform: rotate(1deg);
    box-shadow: 1px 16px #fff;
}
.santa__body__arm--r {
    width: 4rem;
    height: 6rem;
    position: absolute;
    top: 33.8rem;
    background-color: #953b3a;
    left: 48.3rem;
    border-radius: 50%;
    transform: rotate(45deg);
    animation: rightArmMove 2s 0s infinite ease-in-out;
}
.santa__body__arm--r:before {
    content: '';
    width: 2rem;
    height: 3rem;
    position: absolute;
    top: 3rem;
    background-color: #953b3a;
    left: 0rem;
    transform: rotate(1deg);
}
.santa__body__arm--r:after {
    content: '';
    width: 3.3rem;
    height: 3.3rem;
    position: absolute;
    top: 2.7rem;
    background-color: #ffffff;
    left: -2rem;
    transform: rotate(-1deg);
    border-radius: 50%;
}
.santa__body__arm--l {
    width: 4.4rem;
    height: 6rem;
    position: absolute;
    top: 33.8rem;
    background-color: #bd4443;
    left: 58.3rem;
    border-radius: 50%;
    transform: rotate(12deg);
    z-index: 160;
}
.santa__body__arm--l:before {
    content: '';
    width: 2rem;
    height: 3rem;
    position: absolute;
    top: 3rem;
    background-color: #bd4443;
    left: 0rem;
    transform: rotate(1deg);
}
.santa__body__arm--l:after {
    content: '';
    width: 3.3rem;
    height: 3.3rem;
    position: absolute;
    top: 2.7rem;
    background-color: #ffffff;
    left: -2rem;
    transform: rotate(-1deg);
    border-radius: 50%;
}
.santa__body__hand--r {
    width: 3rem;
    height: 3.5rem;
    background-color: #101130;
    position: absolute;
    top: 33.1rem;
    left: 44.8rem;
    border-radius: 50%;
    animation: rightHandMove 2s 0s infinite ease-in-out;
}
.santa__body__hand--r:before {
    content: '';
    width: 2rem;
    height: 2rem;
    background-color: #101130;
    position: absolute;
    top: 0.5rem;
    left: 1.5rem;
    border-radius: 50%;
}
.santa__body__hand--l {
    width: 3rem;
    height: 3.5rem;
    background-color: #101130;
    position: absolute;
    top: 35.1rem;
    left: 55.8rem;
    border-radius: 50%;
    z-index: 180;
}
.santa__body__hand--l:before {
    content: '';
    width: 2rem;
    height: 2rem;
    background-color: #101130;
    position: absolute;
    top: 0.8rem;
    left: -0.3rem;
    border-radius: 50%;
}
.santa__leg {
    position: absolute;
    top: 0rem;
    left: 0rem;
    z-index: 10;
}
.santa__body__leg--r {
    width: 4.4rem;
    height: 4rem;
    background-color: #953b3a;
    position: absolute;
    top: 42.2rem;
    left: 51.1rem;
    border-radius: 1rem 1rem 2rem 2rem;
    transform: rotate(26deg);
    animation: rightLegMove 2s 0s infinite ease-in-out;
}
.santa__body__leg--l {
    width: 4.4rem;
    height: 4.5rem;
    background-color: #bd4443;
    position: absolute;
    top: 41.7rem;
    left: 56.1rem;
    border-radius: 1rem 1rem 2rem 4rem;
    transform: rotate(-37deg);
    animation: leftLegMove 2s 0s infinite ease-in-out;
}
.santa__body__foot--r {
    width: 2.8rem;
    height: 3rem;
    background-color: #10112f;
    position: absolute;
    top: 45.2rem;
    left: 50.7rem;
    border-radius: 0rem 0rem 1rem 0rem;
    transform: rotate(26deg);
    animation: rightFootMove 2s 0s infinite ease-in-out;
}
.santa__body__foot--r:after {
    content: '';
    width: 2.5rem;
    height: 2rem;
    background-color: #10112f;
    position: absolute;
    top: 1rem;
    left: -1.4rem;
    border-radius: 1rem 0rem 0rem 1rem;
    transform: rotate(0deg);
}
.santa__body__foot--l {
    width: 2.5rem;
    height: 3rem;
    background-color: #10112f;
    position: absolute;
    top: 42.8rem;
    left: 60.3rem;
    border-radius: 0rem 0rem 1rem 0rem;
    transform: rotate(-89deg);
    animation: leftFootMove 2s 0s infinite ease-in-out;
}
.santa__body__foot--l:after {
    content: '';
    width: 2rem;
    height: 2rem;
    background-color: #10112f;
    position: absolute;
    top: 1rem;
    left: -1.4rem;
    border-radius: 1rem 0rem 0rem 1rem;
    transform: rotate(0deg);
}
.santa__bag {
    width: 9rem;
    height: 8rem;
    background-color: #bf2423;
    position: absolute;
    top: 29.5rem;
    left: 60.5rem;
    border-radius: 0rem 5rem 8rem 5rem;
    transform: rotate(-70deg) scaleY(1.5);
    box-shadow: inset 3px -12px 0px #a5201f;
    z-index: 177;
    animation: bagMove 1.3s infinite ease-in-out;
}
.santa__bag--aux {
    width: 2rem;
    height: 8rem;
    background-color: #bf2423;
    position: absolute;
    top: 32.5rem;
    left: 57.7rem;
    border-radius: 0rem 5rem 8rem 1rem;
    transform: rotate(67deg);
    z-index: 177;
}
@keyframes headMove {
    0% { top: 0rem; }
    50% { top: 0.1rem; }
    100% { top: 0rem; }
}
@keyframes hatMove {
    0% { transform: skew(-56deg, 25deg); }
    50% { transform: skew(-60deg, 25deg); }
    100% { transform: skew(-56deg, 25deg); }
}
@keyframes bodyMove {
    0% { top: 0rem; }
    50% { top: 0.2rem; }
    100% { top: 0rem; }
}
@keyframes rightHandMove {
    0% { top: 33.1rem; }
    50% { top: 35.1rem; }
    100% { top: 33.1rem; }
}
@keyframes rightArmMove {
    0% { left: 48.3rem; transform: rotate(45deg); top: 33.8rem; }
    50% { left: 48.3rem; transform: rotate(30deg); top: 35rem; }
    100% { left: 48.3rem; transform: rotate(45deg); top: 33.8rem; }
}
@keyframes rightLegMove {
    0% { left: 51.1rem; transform: rotate(26deg); background-color: #953b3a; }
    50% { left: 56rem; transform: rotate(-10deg); background-color: #bd4443; }
    100% { left: 51.1rem; transform: rotate(26deg); background-color: #953b3a; }
}
@keyframes leftLegMove {
    0% { left: 56.1rem; transform: rotate(-37deg); background-color: #bd4443; }
    50% { left: 50.1rem; transform: rotate(32deg); background-color: #953b3a; }
    100% { left: 56.1rem; transform: rotate(-37deg); background-color: #bd4443; }
}
@keyframes rightFootMove {
    0% { top: 45.2rem; left: 50.7rem; transform: rotate(26deg); }
    50% { top: 43.2rem; left: 59.7rem; transform: rotate(-81deg); }
    100% { top: 45.2rem; left: 50.7rem; transform: rotate(26deg); }
}
@keyframes leftFootMove {
    0% { top: 42.8rem; left: 60.3rem; transform: rotate(-89deg); }
    50% { top: 45.8rem; left: 50.8rem; transform: rotate(10deg); }
    100% { top: 42.8rem; left: 60.3rem; transform: rotate(-89deg); }
}
@keyframes bagMove {
    0% { transform: rotate(-70deg) scaleY(1.5); top: 29.5rem; }
    50% { transform: rotate(-72deg) scaleY(1.5); top: 29.4rem; }
    100% { transform: rotate(-70deg) scaleY(1.5); top: 29.5rem; }
}
/* ============================================================
   CHRISTMAS Garland DECORATION STYLE
   ============================================================ */
.b-page_newyear {
    position: relative;
    z-index: 10001;
}
.b-page_newyear .b-head-decor {
    position: fixed;
    top: -1px; /* aligned to the very top of screen */
    left: 0;
    display: block;
    height: 115px;
    width: 100%;
    overflow: hidden;
    background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-head-decor_newyear.png) repeat-x 0 0;
    z-index: 10001; /* overlay on top of navbar (9999) */
    pointer-events: none;
    zoom: 0.7;
}
.b-page_newyear .b-head-decor__inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 115px;
    display: block;
    width: 373px;
}
.b-page_newyear .b-head-decor__inner_n2 { left: 373px; }
.b-page_newyear .b-head-decor__inner_n3 { left: 746px; }
.b-page_newyear .b-head-decor__inner_n4 { left: 1119px; }
.b-page_newyear .b-head-decor__inner_n5 { left: 1492px; }
.b-page_newyear .b-head-decor__inner_n6 { left: 1865px; }
.b-page_newyear .b-head-decor__inner_n7 { left: 2238px; }
.b-ball {
    position: absolute;
    pointer-events: auto; /* enable mouseenter on balls */
}
.b-ball_n1 { top: 0; left: 3px; width: 59px; height: 83px; }
.b-ball_n2 { top: -19px; left: 51px; width: 55px; height: 70px; }
.b-ball_n3 { top: 9px; left: 88px; width: 49px; height: 67px; }
.b-ball_n4 { top: 0; left: 133px; width: 57px; height: 102px; }
.b-ball_n5 { top: 0; left: 166px; width: 49px; height: 57px; }
.b-ball_n6 { top: 6px; left: 200px; width: 54px; height: 70px; }
.b-ball_n7 { top: 0; left: 240px; width: 56px; height: 67px; }
.b-ball_n8 { top: 0; left: 283px; width: 54px; height: 53px; }
.b-ball_n9 { top: 10px; left: 321px; width: 49px; height: 66px; }
.b-ball_n1 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_n1.png) no-repeat; }
.b-ball_n2 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_n2.png) no-repeat; }
.b-ball_n3 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_n3.png) no-repeat; }
.b-ball_n4 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_n4.png) no-repeat; }
.b-ball_n5 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_n5.png) no-repeat; }
.b-ball_n6 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_n6.png) no-repeat; }
.b-ball_n7 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_n7.png) no-repeat; }
.b-ball_n8 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_n8.png) no-repeat; }
.b-ball_n9 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_n9.png) no-repeat; }
.b-ball_i1 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_i1.png) no-repeat; }
.b-ball_i2 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_i2.png) no-repeat; }
.b-ball_i3 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_i3.png) no-repeat; }
.b-ball_i4 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_i4.png) no-repeat; }
.b-ball_i5 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_i5.png) no-repeat; }
.b-ball_i6 .b-ball__i { background: url(https://pcvector.net/uploads/demo/scripts/other/newyear_garland/balls/b-ball_i6.png) no-repeat; }
.b-ball_i1 { top: 0; left: 0; width: 25px; height: 71px; }
.b-ball_i2 { top: 0; left: 25px; width: 61px; height: 27px; }
.b-ball_i3 { top: 0; left: 176px; width: 29px; height: 31px; }
.b-ball_i4 { top: 0; left: 205px; width: 50px; height: 51px; }
.b-ball_i5 { top: 0; left: 289px; width: 78px; height: 28px; }
.b-ball_i6 { top: 0; left: 367px; width: 6px; height: 69px; }
.b-ball__i {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-origin: 50% 0;
    transition: transform .3s ease-in-out;
    pointer-events: none;
}
.b-ball_bounce .b-ball__right {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    bottom: 0;
    z-index: 9;
}
.b-ball_bounce:hover .b-ball__right { display: none; }
.b-ball_bounce .b-ball__right:hover { left: 0; display: block !important; }
.b-ball_bounce.bounce > .b-ball__i { transform: rotate(-9deg); }
.b-ball_bounce .b-ball__right.bounce + .b-ball__i { transform: rotate(9deg); }
.b-ball_bounce.bounce1 > .b-ball__i { transform: rotate(6deg); }
.b-ball_bounce .b-ball__right.bounce1 + .b-ball__i { transform: rotate(-6deg); }
.b-ball_bounce.bounce2 > .b-ball__i { transform: rotate(-3deg); }
.b-ball_bounce .b-ball__right.bounce2 + .b-ball__i { transform: rotate(3deg); }
.b-ball_bounce.bounce3 > .b-ball__i { transform: rotate(1.5deg); }
.b-ball_bounce .b-ball__right.bounce3 + .b-ball__i { transform: rotate(-1.5deg); }
/* ============================================================
   NAVBAR POSITIONING OVERRIDES UNDER CHRISTMAS GARLAND
   ============================================================ */
.frontend-theme-natal .navbar {
    top: 0 !important;
    padding-top: 45px !important;
    padding-bottom: 10px !important;
}
.frontend-theme-natal .navbar.navbar-show {
    top: 0 !important;
}
.frontend-theme-natal .navbar.navbar-hide,
.frontend-theme-natal .navbar[style*="top: -80px"],
.frontend-theme-natal .navbar[style*="top:-80px"] {
    top: -260px !important; /* increased since mobile navbar height is now larger */
}
/* Penyelarasan Vertikal Semua Konten Navbar Agar Sejajar di Satu Baris */
.frontend-theme-natal .navbar .navbar-logo,
.frontend-theme-natal .navbar .navbar-nav,
.frontend-theme-natal .navbar .navbar-nav-menu,
.frontend-theme-natal .navbar .navbar-nav-menu li,
.frontend-theme-natal .navbar .navbar-nav-menu a,
.frontend-theme-natal .navbar .navbar-extra,
.frontend-theme-natal .navbar .navbar-extra-menu,
.frontend-theme-natal .navbar .navbar-extra-menu > *,
.frontend-theme-natal .navbar .navbar-extra-menu a,
.frontend-theme-natal .navbar .navbar-extra-menu li {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-self: center !important;
}
@media (min-width: 769px) {
    .frontend-theme-natal .navbar .navbar-nav {
        margin-top: 6px !important; /* Posisikan menu tengah sedikit lebih turun agar sejajar sempurna */
    }
}
/* Mempercantik Tombol User Profil (Pill Style) agar Rapih */
.frontend-theme-natal .navbar .user-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 12px !important;
    border-radius: 24px !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #fff !important;
    height: 36px !important;
    box-sizing: border-box !important;
}
.frontend-theme-natal .navbar .user-avatar-small {
    border-radius: 50% !important;
    margin-right: 6px !important;
    width: 24px !important;
    height: 24px !important;
}
@media (max-width: 768px) {
    /* Mengecilkan ukuran Garland di HP */
    .b-page_newyear .b-head-decor {
        zoom: 0.65 !important;
    }
    .frontend-theme-natal .navbar {
        padding-top: 65px !important; /* Diturunkan lagi agar terbebas sepenuhnya dari bola & dahan Garland mobile */
        padding-bottom: 21px !important; /* Diperluas ke bawah agar area merah lebih tebal dan lega */
    }
    .frontend-theme-natal .navbar.navbar-show {
        top: 0 !important;
    }
    .frontend-theme-natal .navbar #hamburger-menu {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        align-self: center !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    .frontend-theme-natal .navbar-nav,
    .frontend-theme-natal .floating-sidebar-home {
        top: 147px !important; /* Posisikan menu dropdown tepat di bawah navbar baru */
        top: 92px !important; /* Posisi dropdown menu disesuaikan di bawah navbar baru */
    }
}

/* ============================================================
   CHRISTMAS TREES ALONG THE SNOWY GROUND PATH
   ============================================================ */
.christmas-tree {
  position: fixed;
  pointer-events: none;
  z-index: 999; /* on top of snow ground (997) */
  width: 500px;
  height: 500px;
  transform-origin: bottom center;
}

@media (max-width: 768px) {
  .christmas-tree {
    display: none !important; /* Hide on mobile to keep page clean */
  }
}

/* Custom positioning and scaling along the path */
.christmas-tree.tree-1 {
  left: 17%;
  bottom: 13px;
  transform: scale(0.16, 0.23);
}
.christmas-tree.tree-2 {
  left: 21x%;
  bottom: 14px;
  transform: scale(0.12, 0.18);
  opacity: 0.95;
}
.christmas-tree.tree-3 {
  left: 57%;
  bottom: 14px;
  transform: scale(0.14, 0.22);
}
.christmas-tree.tree-4 {
  right: 320px;
  bottom: 16px;
  transform: scale(0.13, 0.20);
}

.christmas-tree iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  pointer-events: auto;
}