.gap-12 {
    gap: 0.75rem !important;
}

.gap-8 {
    gap: 0.5rem !important;
}

.gap-20 {
    gap: 1.25rem !important;
}

.py-16 {
    padding-block: 1rem !important;
}

.py-14 {
    padding-block: 0.875rem !important;
}

.py-10 {
    padding-block: 0.4rem !important;
}

.px-20 {
    padding-inline: 1.25rem !important;
}

.px-15 {
    padding-inline: 1rem !important;
}


.py-10 {
    padding-block: 0.625rem !important;
}

.rounded-6 {
    border-radius: 0.375rem !important;
}

.rounded-16 {
    border-radius: 1rem !important;
}

.text-4xl {
    font-size: 2.25rem !important;
}

.button-menu {
    border: 0;
    background-color: transparent;
}

.rounded-4 {
    border-radius: 0.25rem !important;
}

.me-6 {
    margin-inline-end: 0.27rem !important;
}

.box-shadow-3xl {
    box-shadow: 0px 5px 13px 0px #00000012;
}

.w-40 {
    width: 2.5rem !important;
}

.mt-16 {
    margin-block-start: 1rem !important;
}

.hover-border-main-100:hover {
    background-color: #ffd90031;
    border-color: #ffd90031 !important;
}

.rounded-8 {
    border-radius: 0.5rem !important;
}

.rounded-16 {
    border-radius: 1rem !important;
}

.pt-32 {
    padding-block-start: 2rem !important;
}

.mt-32 {
    margin-block-start: 2rem !important;
}

.py-26 {
    padding-block: 1.625rem !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .1rem;
    content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb-chevron {
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    gap: .2rem;
}

.breadcrumb-chevron .breadcrumb-item {
    display: flex;
    gap: inherit;
    align-items: center;
    padding-left: 0;
    line-height: 1;
}

.mb-16 {
    margin-block-end: 1rem !important;
}

.mb-1 {
    margin-block-end: .1rem !important;
}


.max-w-340 {
    max-width: 340px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    font-weight: 700;
    margin: 0px 0px 16px;
}

.px-32 {
    padding-inline: 2rem !important;
}

.hover-bg-main-600:hover {
    background-color: #ffc9285b !important;
}


.gap-16 {
    gap: 1rem !important;
}

.w-120 {
    width: 7.5rem !important;
}

.gap-24 {
    gap: 1.5rem !important;
}

.text-lg {
    font-size: 1.125rem !important;
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    transition: 0.2s linear;
    line-height: inherit;
}

.p-8 {
    padding: 0.5rem !important;
}

.section-heading {
    margin-bottom: 30px;
}

.max-w-unset {
    max-width: unset !important;
}

/* Produk Card */
.produk-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}

.produk-card.style-two {
    flex-direction: row;
}

.produk-card.style-two .product-card__thumb {
    width: 220px;
    height: 160px;
}

.produk-card img {
    max-width: 160px;
    width: 100%;
    transition: 0.2s linear;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.produk-card_btn {
    transition: transform 0.3s ease;
    /* durasi & efek smooth */
}

.produk-card_btn:hover {
    transform: scale(1.05);
    /* sedikit membesar 5% */
}

/* harga coret */
.price-wrap {
    display: flex;
    flex-direction: column;
    /* Supaya harga lama & baru vertikal */
    align-items: flex-start;
    /* Rata kiri */
    gap: 0px;
    /* Jarak antar baris */
    margin-bottom: 5px;
}

.price-old {
    text-decoration: line-through;
    color: #999;
    font-size: 12px;
}

.price-new {
    font-weight: bold;
    color: #c6a700;
    font-size: 16px;
}

.product-card__price h6{
    font-size: 16px!important;
}

/* end harga coret */
/* produk card end */

/* blog content */
.entry-content ul {
    list-style: disc;
    padding-left: 1.5rem;
    /* jarak kiri */
    margin-bottom: 1rem;
}

.entry-content ol {
    list-style: decimal !important;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.entry-content ul,
.entry-content ol {
    list-style: initial !important;
    /* kembalikan bullet/number default */
    padding-left: 20px !important;
    /* beri jarak supaya bullet kelihatan */
}

/* Batasi lebar maksimum container gambar */
.entry-content .wp-caption,
.entry-content img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
}

/* Pastikan gambar tidak keluar dari konten */
.entry-content img {
    display: block;
    margin: 12px auto;
    border-radius: 6px;
}


/* end blog content */

.p-32 {
    padding: 2rem !important;
}

.pb-32 {
    padding-block-end: 2rem !important;
}

.mb-32 {
    margin-block-end: 2rem !important;
}

.cover-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text-2xl {
    font-size: 1.5rem !important;
}

.max-w-184 {
    max-width: 184px;
}

.py-52 {
    padding-block: 3.25rem !important;
}

.ps-40 {
    padding-inline-start: 2.5rem !important;
}

.p-16 {
    padding: 1rem !important;
}

.bg-gray-50 {
    background-color: #F1F1F1 !important;
}

.my-20 {
    margin-block: 1.25rem !important;
}

.py-80 {
    padding-block: 5rem !important;
}


.hover_border-wa {
    transition: transform 0.3s ease;
    /* durasi & efek smooth */
}

.hover_border-wa:hover {
    transform: scale(1.05);
    /* sedikit membesar 5% */
}

/* kategori konten */
.list-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 24px;
}

.produk_card_thubnail {
    height: 232px;
    width: 100%;
    transition: 0s !important;
}

.produk_card_thubnail img {
    transition: transform 0.4s ease-in-out;
    will-change: transform;
}

.produk_card_thubnail:hover img {
    /* transform: scale(1.08); */
    transform: scale(1.2);
}

/* .max-h-540 {
    max-height: 540px !important;
} */

.max-h-540 ul,
.max-h-540 {
    display: block !important;
    /* pastikan ul tetap block */
}

.max-h-540 li {
    display: block !important;
    /* setiap item satu baris */
    margin-bottom: 6px;
    /* jarak antar item */
}

.max-h-540 a {
    display: inline-block;
}

.product-category-list a.active-category {
    font-weight: bold;
    color: #0056b3;
    position: relative;
}

.product-category-list a.active-category::before {
    content: "•";
    color: #0056b3;
    position: absolute;
    left: -14px;
}

.entry-content ul,
.entry-content ol {
    display: block !important;
    /* pastikan block */
    list-style-position: outside !important;
    list-style-type: disc !important;
    /* bullet bulat */
    padding-left: 1.5em !important;
    /* jarak bullet ke teks */
    margin: 0 0 1em 0 !important;
}

.entry-content li {
    display: list-item !important;
    /* ini penting biar bullet muncul */
    list-style-type: inherit !important;
    /* ikuti type dari UL/OL */
    margin-bottom: 5px;
}

/* end kategori konten */



.text-aktiv {
    font-weight: bolder;
    color: rgb(255, 0, 0) !important;
}

.mobile-fix-option .text-aktiv .bi {
    font-weight: bold !important;
}



/* LIST PRODUK PAGE  */

/* Mobile (max 768px atau bisa 576px kalau mau lebih ketat) */
.produk_card_thubnail2 {
    height: 232px;
    width: 100%;
    transition: 0s !important;
}

.produk_card_thubnail2 img {
    transition: transform 0.4s ease-in-out;
    will-change: transform;
}

.produk_card_thubnail2:hover img {
    /* transform: scale(1.08); */
    transform: scale(1.2);
}

@media (max-width: 768px) {
    .produk_card_thubnail2 img {
        width: 100%!important;
        height: auto;
    }
}

/* END LIST PRODUK PAGE  */