.elementor-kit-5544{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5544 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* MOBILE FINAL: override semua aturan desktop yang memaksa tinggi/row */
@media (max-width: 767px) {

  /* --- paksa jadi 2 kolom --- */
  .home-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    /* reset row template yang statis (desktop) */
    grid-template-rows: none !important;
    /* tinggi baris yang konsisten — ubah 140px/160px sesuai selera */
    grid-auto-rows: 150px !important;
    gap: 0 !important;
    align-items: stretch !important;
  }

  /* pastikan setiap tile melar/mengecil mengikuti baris */
  .home-grid > .tile {
    grid-column: span 1 !important;
    grid-row: auto !important;
    min-height: 0 !important;   /* penting agar child bisa shrink */
    height: auto !important;
    display: block !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    border-width: 1px !important;
  }

  /* tiles yang harus full width di mobile */
  .item-e, .item-f, .item-g, .item-j {
    grid-column: 1 / -1 !important;  /* span 2 kolom (full width) */
    grid-row: auto !important;
    /* beri rasio berbeda agar tidak terlalu tinggi (opsional) */
    height: auto !important;
    min-height: 120px !important;
  }

  /* gambar mengikuti kotak */
  .tile img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;      /* isi tinggi tile */
    object-fit: cover !important; /* crop rapi tanpa distorsi */
    object-position: center !important;
    max-height: none !important;
  }

  /* overlay dan background layer ikut menyesuaikan */
  .overlay-img,
  .bg-7 {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    position: absolute !important;
    inset: 0 !important;
  }

  /* slider images - pastikan tidak overflow */
  .item-g-slider,
  .item-g-slider img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    position: absolute !important;
    inset: 0 !important;
  }

  /* tombol & teks lebih kecil */
  .shop-button-f {
    bottom: 10px !important;
    font-size: 12px !important;
    padding: 6px 10px !important;
  }

  .text-banner {
    font-size: 14px !important;
  }
}/* End custom CSS */