/* Start custom CSS *//* Wrapper luar untuk memberi jarak atas-bawah dan center horizontal */
body #product-13027 {
    margin: 0px auto !important;  /* desktop: top-bottom 70px, kiri-kanan auto → center */
    width: 100% !important;  /* batas lebar card
    bac*/
    
}

/* Card utama */
#product-13027 {
    background-color: #ffffff;
    padding: 5px !important;
    border-radius: 0px !important;
    
}

/* Responsive untuk mobile */
@media (max-width: 768px) {
    body #product-13027 {
        margin: 25px auto;  /* mobile: top-bottom 50px, kiri-kanan auto → center */
    }

    #product-13027 {
        padding: 15px 15px;  /* lebih ramping untuk mobile */
        
    }
}
/* Aturan ini akan diterapkan HANYA pada layar dengan lebar maksimal 768px (umumnya dianggap sebagai ukuran mobile) */
@media (max-width: 768px) {
    /* Menerapkan padding 5px di kiri dan kanan pada kontainer utama */
    .ast-woocommerce-container {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    /* Alternatif, jika Anda ingin menerapkan padding pada elemen main: */
    /*
    #main.site-main {
        padding-left: 5px;
        padding-right: 5px;
    }
    */
}
@media only screen and (max-width: 768px) {

    /* H4 dalam container */
    #agenwebsite_shipping_check_ongkir_tab_result h4 {
        font-size: 18px !important;
        line-height: 1.2 !important;
        margin-bottom: 8px !important;
    }

    /* Semua teks dalam layanan */
    #agenwebsite_shipping_check_ongkir_tab_result .layanan,
    #agenwebsite_shipping_check_ongkir_tab_result .layanan .nama_paket,
    #agenwebsite_shipping_check_ongkir_tab_result .layanan .jenis_paket,
    #agenwebsite_shipping_check_ongkir_tab_result .layanan .estimasi_hari,
    #agenwebsite_shipping_check_ongkir_tab_result .layanan .harga_paket,
    #agenwebsite_shipping_check_ongkir_tab_result .layanan .harga_paket span {
        font-size: 14px !important;
        line-height: 1.6 !important;
        background: #daffda;
        border-radius: 5px !important;;
    }

    /* Opsional: beri padding agar lebih enak di mobile */
    #agenwebsite_shipping_check_ongkir_tab_result .layanan {
        padding: 8px 10px !important;
        border-bottom: 2px solid green !important;
        border-radius: 0 0 5px 5px/* hapus border bawah */
    }
    .select2-selection.select2-selection--single {
    width: 100% !important;        /* full width di mobile */
    box-sizing: border-box;         /* agar padding tidak melebihi lebar */
    border-radius: 5px !important; /* radius 5px */
                /* opsional: sesuaikan tinggi */
  }
   #agenwebsite_shipping_check_ongkir_tab_container .select2.select2-container {
        width: 100% !important;
    }
}
@media (max-width: 768px) {
    .custom-page-header {
        margin-top: 20px;       /* jarak dari atas untuk mobile */
        text-align: left;        /* rata kiri */
        padding-left: 5px;       /* agar tidak mepet ke kiri */
        padding-right: 5px;      /* agar tidak mepet ke kanan */
    }

    .custom-breadcrumb {
        margin-top: 25px;        /* jarak antara judul dan breadcrumb */
        font-size: 14px;
        color: #5C9735;
        
    }
     .custom-breadcrumb a {
        color: #333;          /* warna link breadcrumb */
        text-decoration: none;   /* hapus underline */
        pointer-events: auto;    /* tetap bisa klik */
    }

    .custom-breadcrumb .breadcrumb-home {
        font-size: 15px;         /* ukuran icon */
        margin-right: 10px;       /* jarak icon dengan text */
        color: #5C9735;
    }
}
/* ===== VERSI DESKTOP SESUAI CSS MOBILE ===== */
@media (min-width: 769px) {
    .custom-page-header {
        margin-top: 20px;       /* sama seperti mobile */
        text-align: left;       /* rata kiri */
        padding-left: 5px;      /* tetap kecil */
        padding-right: 5px;
        font-size: 20px;        /* bisa ditambahkan jika ingin eksplisit */
    }

    .custom-breadcrumb {
        margin-top: 25px;
        font-size: 14px;
        color: #5C9735;
    }

    .custom-breadcrumb a {
        color: #333;
        text-decoration: none;
        pointer-events: auto;
    }

    .custom-breadcrumb .breadcrumb-home {
        font-size: 15px;
        margin-right: 10px;
        color: #5C9735;
    }
}
body #product-13027 {
  margin: 25px auto !important;
  width: 100% !important;
  background: white !important;
  padding: 15px !important;
  border-radius: 10px !important;
  border: 1px solid #E6E6E6;
}/* End custom CSS */