.elementor-kit-422{--e-global-color-primary:#1C244B;--e-global-color-secondary:#F3F5F8;--e-global-color-text:#324A6D;--e-global-color-accent:#467FF7;--e-global-color-c696dce:#FFFFFF;--e-global-color-14ef391:#C8D5DC;--e-global-color-764183d:#F9FAFD;--e-global-color-d6cea4e:#FFFFFF;--e-global-color-86b4fcd:#02010100;--e-global-color-57c8da2:#000000CC;--e-global-color-a33f1c6:#FFD324;--e-global-color-4907308:#FFFFFF;--e-global-color-9591e0e:#FBFBFB;--e-global-color-96b4960:#D8D8D8;--e-global-color-1393cfb:#00000000;--e-global-color-024b7a8:#FFFFFFCC;--e-global-color-cc8cbfb:#FFFFFF;--e-global-color-998a6eb:#FFFFFF00;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:65px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-primary-word-spacing:0em;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-secondary-word-spacing:0em;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-accent-word-spacing:0em;--e-global-typography-392b9e0-font-family:"Poppins";--e-global-typography-392b9e0-font-size:22px;--e-global-typography-392b9e0-font-weight:600;--e-global-typography-392b9e0-text-transform:none;--e-global-typography-392b9e0-font-style:normal;--e-global-typography-392b9e0-text-decoration:none;--e-global-typography-392b9e0-line-height:1.2em;--e-global-typography-392b9e0-letter-spacing:0px;--e-global-typography-c05b693-font-family:"Poppins";--e-global-typography-c05b693-font-size:22px;--e-global-typography-c05b693-font-weight:300;--e-global-typography-c05b693-text-transform:none;--e-global-typography-c05b693-font-style:normal;--e-global-typography-c05b693-text-decoration:none;--e-global-typography-c05b693-line-height:1.5em;--e-global-typography-c05b693-letter-spacing:0px;--e-global-typography-6558fb1-font-family:"Poppins";--e-global-typography-6558fb1-font-size:16px;--e-global-typography-6558fb1-font-weight:300;--e-global-typography-6558fb1-text-transform:uppercase;--e-global-typography-6558fb1-font-style:normal;--e-global-typography-6558fb1-text-decoration:none;--e-global-typography-6558fb1-line-height:1.5em;--e-global-typography-6558fb1-letter-spacing:10px;--e-global-typography-92bce3b-font-family:"Poppins";--e-global-typography-92bce3b-font-size:16px;--e-global-typography-92bce3b-font-weight:400;--e-global-typography-92bce3b-text-transform:capitalize;--e-global-typography-92bce3b-font-style:italic;--e-global-typography-92bce3b-text-decoration:underline;--e-global-typography-92bce3b-line-height:1em;--e-global-typography-92bce3b-letter-spacing:0px;--e-global-typography-b2deeae-font-family:"Poppins";--e-global-typography-b2deeae-font-size:85px;--e-global-typography-b2deeae-font-weight:600;--e-global-typography-b2deeae-text-transform:none;--e-global-typography-b2deeae-font-style:normal;--e-global-typography-b2deeae-text-decoration:none;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-b2deeae-letter-spacing:0px;--e-global-typography-fb1a3e0-font-family:"Poppins";--e-global-typography-fb1a3e0-font-size:200px;--e-global-typography-fb1a3e0-font-weight:600;--e-global-typography-fb1a3e0-text-transform:none;--e-global-typography-fb1a3e0-font-style:normal;--e-global-typography-fb1a3e0-text-decoration:none;--e-global-typography-fb1a3e0-line-height:1.2em;--e-global-typography-fb1a3e0-letter-spacing:0px;--e-global-typography-397e168-font-family:"Poppins";--e-global-typography-397e168-font-size:16px;--e-global-typography-397e168-font-weight:400;--e-global-typography-397e168-text-transform:capitalize;--e-global-typography-397e168-font-style:italic;--e-global-typography-397e168-text-decoration:none;--e-global-typography-397e168-line-height:1.3em;--e-global-typography-397e168-letter-spacing:0px;--e-global-typography-576edad-font-family:"Playfair Display";--e-global-typography-576edad-font-size:30px;--e-global-typography-576edad-font-weight:900;--e-global-typography-576edad-text-transform:capitalize;--e-global-typography-576edad-line-height:0.8em;--e-global-typography-1d23b4d-font-family:"Montserrat";--e-global-typography-1d23b4d-font-size:90px;--e-global-typography-1d23b4d-font-weight:800;--e-global-typography-1d23b4d-text-transform:capitalize;--e-global-typography-1d23b4d-line-height:1em;--e-global-typography-96ac616-font-family:"Playfair Display";--e-global-typography-96ac616-font-size:18px;--e-global-typography-96ac616-font-weight:600;--e-global-typography-96ac616-text-transform:capitalize;--e-global-typography-75bb665-font-family:"Montserrat";--e-global-typography-75bb665-font-size:24px;--e-global-typography-75bb665-font-weight:500;--e-global-typography-75bb665-text-transform:capitalize;--e-global-typography-75bb665-line-height:0.8em;--e-global-typography-3e81a42-font-family:"Montserrat";--e-global-typography-3e81a42-font-size:18px;--e-global-typography-3e81a42-font-weight:800;--e-global-typography-3e81a42-text-transform:uppercase;--e-global-typography-1c797a4-font-family:"Montserrat";--e-global-typography-1c797a4-font-size:20px;--e-global-typography-1c797a4-font-weight:800;--e-global-typography-1c797a4-text-transform:uppercase;--e-global-typography-1c797a4-line-height:1em;--e-global-typography-3f007de-font-family:"Montserrat";--e-global-typography-3f007de-font-size:14px;--e-global-typography-3f007de-font-weight:600;--e-global-typography-3f007de-text-transform:uppercase;--e-global-typography-8b032bd-font-family:"Montserrat";--e-global-typography-8b032bd-font-size:30px;--e-global-typography-8b032bd-font-weight:700;--e-global-typography-8b032bd-text-transform:capitalize;--e-global-typography-8b032bd-line-height:1.2em;--e-global-typography-7ebc9f0-font-family:"Montserrat";--e-global-typography-7ebc9f0-font-size:40px;--e-global-typography-7ebc9f0-font-weight:800;--e-global-typography-7ebc9f0-text-transform:capitalize;--e-global-typography-7ebc9f0-line-height:1em;--e-global-typography-5595b57-font-family:"Montserrat";--e-global-typography-5595b57-font-size:500px;--e-global-typography-5595b57-font-weight:800;--e-global-typography-5595b57-line-height:0.7em;--e-global-typography-c82e60e-font-family:"Montserrat";--e-global-typography-c82e60e-font-size:18px;--e-global-typography-c82e60e-font-weight:500;--e-global-typography-c82e60e-text-transform:capitalize;--e-global-typography-c82e60e-line-height:0.8em;--e-global-typography-bb2a245-font-family:"Montserrat";--e-global-typography-bb2a245-font-size:14px;--e-global-typography-bb2a245-font-weight:300;--e-global-typography-bb2a245-text-transform:capitalize;--e-global-typography-bb2a245-font-style:normal;--e-global-typography-bb2a245-text-decoration:none;--e-global-typography-bb2a245-line-height:1.2em;--e-global-typography-bb2a245-letter-spacing:0px;--e-global-typography-bb2a245-word-spacing:0em;background-color:var( --e-global-color-c696dce );}.elementor-kit-422 e-page-transition{background-color:#FFBC7D;}.elementor-kit-422 a{color:var( --e-global-color-accent );}.elementor-kit-422 a:hover{color:var( --e-global-color-primary );}.elementor-kit-422 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-392b9e0-font-family ), Sans-serif;font-size:var( --e-global-typography-392b9e0-font-size );font-weight:var( --e-global-typography-392b9e0-font-weight );text-transform:var( --e-global-typography-392b9e0-text-transform );font-style:var( --e-global-typography-392b9e0-font-style );text-decoration:var( --e-global-typography-392b9e0-text-decoration );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-422{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-c05b693-font-size:14px;--e-global-typography-6558fb1-font-size:14px;--e-global-typography-92bce3b-font-size:14px;--e-global-typography-b2deeae-font-size:65px;--e-global-typography-fb1a3e0-font-size:145px;--e-global-typography-397e168-font-size:14px;--e-global-typography-576edad-font-size:25px;--e-global-typography-1d23b4d-font-size:65px;--e-global-typography-96ac616-font-size:18px;--e-global-typography-1c797a4-font-size:20px;--e-global-typography-8b032bd-font-size:22px;--e-global-typography-7ebc9f0-font-size:35px;--e-global-typography-5595b57-font-size:300px;}.elementor-kit-422 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-422{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-size:16px;--e-global-typography-392b9e0-font-size:18px;--e-global-typography-b2deeae-font-size:48px;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-fb1a3e0-font-size:100px;--e-global-typography-fb1a3e0-line-height:1em;--e-global-typography-576edad-font-size:20px;--e-global-typography-1d23b4d-font-size:40px;--e-global-typography-75bb665-font-size:16px;--e-global-typography-75bb665-line-height:1.5em;--e-global-typography-1c797a4-font-size:18px;--e-global-typography-8b032bd-font-size:18px;--e-global-typography-7ebc9f0-font-size:30px;--e-global-typography-5595b57-font-size:145px;--e-global-typography-bb2a245-font-size:14px;--e-global-typography-bb2a245-line-height:1.5em;}.elementor-kit-422 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* CONTAINER UTAMA (Grid Responsif untuk 6 Produk) */
.digital-invite-catalog {
    display: grid;
    /* Tampilkan 3 kolom di desktop, 2 kolom di tablet, 1 di HP */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px; /* Jarak antar kartu */
    padding: 20px;
}

/* KARTU PRODUK (Desain Kotak Undangan) */
.product-card {
    background-color: #ffffff; /* Latar putih bersih */
    border: 1px solid #e0e0e0; /* Garis tepi halus */
    border-radius: 8px; 
    overflow: hidden; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Bayangan elegan */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center; 
    display: flex;
    flex-direction: column; /* Mengatur konten vertikal */
}

.product-card:hover {
    transform: translateY(-5px); /* Efek melayang */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* FOTO PRODUK (Vertikal & Konsisten) */
.product-image-container {
    height: 350px; /* Tinggi gambar vertikal yang konsisten */
    overflow: hidden;
}

.product-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Memastikan gambar mengisi area tanpa terdistorsi */
    display: block;
}

/* INFO PRODUK (Dibawah Foto) */
.product-info {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1; /* Memastikan kolom info punya tinggi yang sama */
}

.product-title {
    color: #4A4A4A;
    font-size: 1.4em;
    margin-top: 0;
    margin-bottom: 8px;
    font-family: 'Georgia', serif; /* Font elegan, ganti jika perlu */
}

.product-description {
    color: #757575;
    font-size: 0.9em;
    margin-bottom: 20px;
    flex-grow: 1; 
}

/* TOMBOL DEMO (Desain Keren Khas Undangan) */
.demo-button {
    display: inline-block;
    padding: 10px 25px;
    background-color: #A0804B; /* Warna Emas / Cokelat Hangat */
    color: white !important; 
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    letter-spacing: 1px;
    transition: background-color 0.3s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin-top: auto; /* Memastikan tombol selalu di bawah */
}

.demo-button:hover {
    background-color: #7A5C2D; /* Warna lebih gelap saat di-hover */
}

/* MEDIA QUERY untuk Responsivitas */
@media (max-width: 768px) {
    .digital-invite-catalog {
        /* Di tablet, tampilkan 2 kolom */
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
    }
}
@media (max-width: 480px) {
    .digital-invite-catalog {
        /* Di HP, paksa jadi 1 kolom vertikal penuh */
        grid-template-columns: 1fr;
        padding: 10px;
    }
    .product-image-container {
        height: 280px; /* Tinggi gambar lebih pendek di HP */
    }
}




/* Container Utama */
.payment-catalog-container {
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
}

/* Judul Katalog */
.catalog-title {
    text-align: center;
    color: #333;
    margin-bottom: 25px;
    font-weight: 700;
}

/* Grid untuk Logo */
.payment-logos-grid {
    display: grid;
    /* Default: 3 kolom untuk desktop */
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px;
    align-items: center;
    justify-items: center;
}

/* Item Pembayaran Tunggal */
.payment-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;
    transition: all 0.3s ease;
    width: 100%; /* Memastikan item mengisi grid */
}

/* Efek Hover Kekinian */
.payment-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    border-color: #007bff; /* Warna biru modern */
}

/* Logo Gambar */
.payment-logo {
    width: 60px; /* Ukuran standar logo */
    height: auto;
    margin-bottom: 10px;
    object-fit: contain; /* Memastikan logo tidak terdistorsi */
}

/* Nama Pembayaran */
.payment-name {
    font-size: 0.9em;
    font-weight: 500;
    color: #555;
    line-height: 1.3;
}

/* **Media Queries untuk Responsif (Penting!)** */
@media (max-width: 768px) {
    .payment-logos-grid {
        /* Tablet: 2 kolom */
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px;
    }
    .payment-logo {
        width: 50px;
    }
}

@media (max-width: 480px) {
    .payment-logos-grid {
        /* Ponsel: 1 kolom */
        grid-template-columns: 1fr; 
        gap: 10px;
    }
    .payment-item {
        flex-direction: row; /* Ubah tata letak menjadi baris */
        justify-content: flex-start;
        padding: 10px;
    }
    .payment-logo {
        margin-right: 15px;
        margin-bottom: 0;
        width: 40px;
    }
}/* End custom CSS */