.elementor-453 .elementor-element.elementor-element-a31058c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E7E7E5;--border-color:#E7E7E5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-453 .elementor-element.elementor-element-a31058c:not(.elementor-motion-effects-element-type-background), .elementor-453 .elementor-element.elementor-element-a31058c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-453 .elementor-element.elementor-element-a31058c.e-con{--align-self:stretch;}.elementor-453 .elementor-element.elementor-element-75a5478{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-453 .elementor-element.elementor-element-75a5478 .woocommerce-breadcrumb{color:#000000;font-family:"Mont", Sans-serif;}.elementor-453 .elementor-element.elementor-element-bb179aa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-453 .elementor-element.elementor-element-bb179aa:not(.elementor-motion-effects-element-type-background), .elementor-453 .elementor-element.elementor-element-bb179aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-453 .elementor-element.elementor-element-86b39e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;}.elementor-453 .elementor-element.elementor-element-c7b28f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:50px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-453 .elementor-element.elementor-element-e7bbe97{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-453 .elementor-element.elementor-element-e7bbe97 .elementor-heading-title{font-family:"Mont", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-453 .elementor-element.elementor-element-d044758{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.woocommerce .elementor-453 .elementor-element.elementor-element-d044758 .price{color:#000000;font-family:"Mont", Sans-serif;font-size:25px;font-weight:400;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-453 .elementor-element.elementor-element-2f0ac37{--divider-border-style:solid;--divider-color:#E7E7E5;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px -30px 0px;}.elementor-453 .elementor-element.elementor-element-2f0ac37 .elementor-divider-separator{width:100%;}.elementor-453 .elementor-element.elementor-element-2f0ac37 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-453 .elementor-element.elementor-element-03e52b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-453 .elementor-element.elementor-element-03e52b1 .cart button, .elementor-453 .elementor-element.elementor-element-03e52b1 .cart .button{font-family:"Mont", Sans-serif;font-size:16px;padding:50px 50px 50px 50px;background-color:#000000;transition:all 0.2s;}.elementor-453 .elementor-element.elementor-element-03e52b1 .cart button:hover, .elementor-453 .elementor-element.elementor-element-03e52b1 .cart .button:hover{background-color:#000000;}.elementor-453 .elementor-element.elementor-element-03e52b1 .added_to_cart{color:#000000;font-family:"Mont", Sans-serif;font-weight:500;}.elementor-453 .elementor-element.elementor-element-1990ba4{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-453 .elementor-element.elementor-element-b1b1206{--display:flex;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-453 .elementor-element.elementor-element-4ad9d88{color:#000000;font-family:"Mont", Sans-serif;font-size:14px;font-weight:400;}.elementor-453 .elementor-element.elementor-element-20192d4{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-453 .elementor-element.elementor-element-f45f440{font-family:"Mont", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-453 .elementor-element.elementor-element-e4e5477{--display:flex;}.elementor-453 .elementor-element.elementor-element-ab476d9{font-family:"Mont", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-453 .elementor-element.elementor-element-3723e33{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:0px;--n-tabs-title-color:#BDBDBD;--n-tabs-title-color-active:#000000;}.elementor-453 .elementor-element.elementor-element-3723e33 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-453 .elementor-element.elementor-element-3723e33.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:0px 0px 1px 0px;}.elementor-453 .elementor-element.elementor-element-3723e33.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-453 .elementor-element.elementor-element-3723e33.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:0px 0px 2px 0px;border-color:#000000;}.elementor-453 .elementor-element.elementor-element-3723e33.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 1px 0px;}.elementor-453 .elementor-element.elementor-element-3723e33.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Mont", Sans-serif;font-weight:500;}.elementor-453 .elementor-element.elementor-element-3723e33 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}.elementor-453 .elementor-element.elementor-element-7e1ef36{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-453 .elementor-element.elementor-element-7e1ef36:not(.elementor-motion-effects-element-type-background), .elementor-453 .elementor-element.elementor-element-7e1ef36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-453 .elementor-element.elementor-element-cedd3a0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-453 .elementor-element.elementor-element-31bd91e{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}@media(min-width:768px){.elementor-453 .elementor-element.elementor-element-86b39e6{--width:50%;}.elementor-453 .elementor-element.elementor-element-c7b28f9{--width:50%;}}@media(max-width:1024px){.elementor-453 .elementor-element.elementor-element-a31058c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-453 .elementor-element.elementor-element-bb179aa{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-453 .elementor-element.elementor-element-a31058c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-453 .elementor-element.elementor-element-75a5478 .woocommerce-breadcrumb{font-size:12px;}.elementor-453 .elementor-element.elementor-element-bb179aa{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-453 .elementor-element.elementor-element-86b39e6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-453 .elementor-element.elementor-element-c7b28f9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-453 .elementor-element.elementor-element-e7bbe97 .elementor-heading-title{font-size:25px;}.elementor-453 .elementor-element.elementor-element-03e52b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -50px) 0px;padding:0px 0px 0px 0px;}.elementor-453 .elementor-element.elementor-element-1990ba4{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-453 .elementor-element.elementor-element-3723e33{--n-tabs-direction:column-reverse;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;}}/* Start custom CSS for shortcode, class: .elementor-element-6392cd8 *//* === STRUKTUR UTAMA (DESKTOP) === */
.hw-gallery-container-3col {
    display: grid;
    grid-template-columns: 100px 1fr; /* Thumbnail kecil, Gambar besar */
    gap: 20px;
    width: 100%;
    position: relative;
}

/* --- THUMBNAIL --- */
.hw-gallery-thumbnails {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: sticky;
    top: 120px;
    align-self: start;
}

.hw-thumb img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    border: 1px solid #ddd; /* Border abu halus */
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.3s ease;
}

/* EFEK HOVER & AKTIF (BORDER HITAM) */
.hw-thumb:hover img {
    opacity: 1;
    border-color: #000;
}

.hw-thumb.active img {
    opacity: 1;
    border: 1px solid #000 !important; /* Border Hitam Pasti Muncul */
    box-shadow: 0 0 0 1px #000; /* Penegasan border */
}

/* --- GAMBAR UTAMA (DESKTOP) --- */
.hw-gallery-stacked-main {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hw-stacked-image img {
    width: 100%;
    height: auto;
    border-radius: 0; /* Modern look biasanya tanpa radius besar di gambar utama */
    display: block;
}

/* === MODIFIKASI MOBILE (SLIDER MODERN) === */
@media (max-width: 768px) {
    
    .hw-gallery-container-3col {
        display: flex;
        flex-direction: column; /* Susun atas bawah */
    }

    /* 1. Area Gambar Utama jadi SLIDER Horizontal */
    .hw-gallery-stacked-main {
        display: flex;
        flex-direction: row; /* Ubah arah jadi ke samping */
        gap: 0; /* Rapat tanpa celah agar efek swipe mulus */
        overflow-x: auto; /* Scroll samping */
        scroll-snap-type: x mandatory; /* Efek magnet/snap */
        -webkit-overflow-scrolling: touch; /* Smooth scroll di iOS */
        
        /* Sembunyikan scrollbar agar bersih */
        scrollbar-width: none; 
        margin-left: -20px; /* Full width edge-to-edge trick (opsional) */
        margin-right: -20px;
        width: calc(100% + 40px);
    }
    
    .hw-gallery-stacked-main::-webkit-scrollbar {
        display: none;
    }

    /* Item Gambar di dalam Slider */
    .hw-stacked-image {
        min-width: 100%; /* Lebar penuh 1 layar */
        scroll-snap-align: center; /* Berhenti pas di tengah */
        padding: 0 20px; /* Padding agar gambar tidak nempel tepi layar */
        box-sizing: border-box;
    }

    /* 2. Area Thumbnail (Pindah ke Bawah Gambar) */
    .hw-gallery-thumbnails {
        display: flex;
        flex-direction: row; /* Berjejer ke samping */
        position: static; /* Hilangkan sticky */
        order: 2; /* Pindah ke bawah gambar utama */
        gap: 10px;
        overflow-x: auto; /* Bisa discroll jika thumbnail banyak */
        padding-top: 10px;
        justify-content: center; /* Rata tengah */
    }
    
    .hw-thumb {
        flex: 0 0 60px; /* Ukuran fix thumbnail di HP */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1990ba4 *//* --- BUTTON WISHLIST SHORTCODE (V5 - FULL WIDTH) --- */
.hw-wishlist-btn {
    /* UBAHAN UTAMA: Bikin Full Width & Center */
    display: flex !important;           /* Jangan inline-flex, tapi flex */
    width: 100% !important;             /* Lebar mentok 100% */
    justify-content: center !important; /* Teks & Icon rata tengah */
    align-items: center !important;
    gap: 8px !important;
    
    /* Padding disesuaikan biar tingginya mirip tombol Add To Cart */
    padding: 12px 16px !important;      
    box-sizing: border-box !important;  /* Biar padding gak bikin tombol kelebihan lebar */
    
    /* Style Visual (Tetap Putih) */
    background-color: #fff !important;
    background: #fff !important;
    color: #000 !important;
    
    border: 1px solid #ccc !important;
    border-radius: 50px !important;     /* Tetap bulat (Pill Shape) */
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: none !important;
    box-shadow: none !important;
    outline: none !important;
    transition: all 0.2s ease !important;
    
    /* Jarak dengan tombol Add to Cart di atasnya */
    margin: 10px 0 0 0 !important; 
}

/* Ukuran Icon */
.hw-wishlist-btn svg {
    width: 18px !important;
    height: 18px !important;
    stroke: #000 !important;
    stroke-width: 2px !important;
    fill: transparent !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
}

/* --- STATE: ACTIVE / SUDAH DI-LIKE --- */
.hw-wishlist-btn.active {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #bbb !important;
}

/* Icon Jadi Merah Solid Saat Active */
.hw-wishlist-btn.active svg {
    stroke: none !important;
    fill: #ff0000 !important;
    transform: scale(1.1);
    filter: drop-shadow(0px 2px 3px rgba(255, 0, 0, 0.3));
}

/* Hover State */
.hw-wishlist-btn:hover {
    background-color: #fcfcfc !important;
    border-color: #999 !important;
}
.hw-wishlist-btn:hover svg {
    stroke: none !important;
    fill: #ff0000 !important;
}

/* Loading */
.hw-wishlist-btn.loading { opacity: 0.5 !important; cursor: wait !important; pointer-events: none; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15b4a64 *//* === COMPLETE THE LOOK (FINAL BLACK BUTTON STYLE) === */

.hw-ctl-wrapper {
    margin: 40px 0;
    padding: 20px 0;
    background: #fff;
    border-top: 1px solid #eee;
}

.hw-ctl-heading {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #000;
}

.hw-ctl-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.hw-ctl-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f5f5;
}
.hw-ctl-item:last-child { border-bottom: none; }

/* GAMBAR */
.hw-ctl-image {
    width: 120px;
    flex-shrink: 0;
}
.hw-ctl-image img {
    width: 100%;
    height: auto;
    border-radius: 0;
    object-fit: cover;
}

/* INFO */
.hw-ctl-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.hw-ctl-title { margin: 0; }
.hw-ctl-title a {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    line-height: 1.3;
}

.hw-ctl-price {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

/* --- TOMBOL HITAM FULL WIDTH (ADD TO CART / SELECT OPTIONS) --- */
.hw-ctl-actions {
    width: 100%;
    max-width: 350px; /* Batas lebar di desktop agar tidak kepanjangan */
    display: block;
}

/* Target semua kemungkinan class tombol WooCommerce */
.hw-ctl-actions a.button,
.hw-ctl-actions a.add_to_cart_button,
.hw-ctl-actions a.product_type_variable,
.hw-ctl-actions a.product_type_simple {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100% !important; /* Full Width */
    height: 45px !important;
    background-color: #000 !important; /* Hitam Pekat */
    color: #fff !important; /* Teks Putih */
    font-weight: 500 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    border-radius: 0 !important; /* Kotak Tajam */
    border: none !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
    margin: 0 !important;
    line-height: 1 !important;
}

.hw-ctl-actions a.button:hover {
    background-color: #333 !important;
    transform: translateY(-2px);
    color: #fff !important;
}

/* Loading State (Saat diklik) */
.hw-ctl-actions a.button.loading {
    opacity: 0.7;
    cursor: wait;
}

/* Tanda Centang (Setelah Add to Cart Sukses) */
.hw-ctl-actions a.added::after {
    font-family: 'WooCommerce';
    content: '\e017';
    margin-left: 10px;
}

/* Sembunyikan tombol 'View Cart' yang muncul otomatis */
.hw-ctl-actions .added_to_cart {
    display: none !important;
}

/* MOBILE RESPONSIVE */
@media (max-width: 480px) {
    .hw-ctl-image { width: 100px; }
    .hw-ctl-title a { font-size: 14px; }
    /* Di HP, tombol memenuhi lebar layar yang tersedia */
    .hw-ctl-actions { max-width: 100%; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cedd3a0 *//* === RELATED SLIDER V4 (FINAL: NAVIGASI RAPI + CHEVRON) === */

/* 1. CONTAINER UTAMA (LEBIH LEGA) */
.hw-related-wrapper { 
    margin: 40px 0; 
    /* Padding bawah digedein jadi 80px biar titik gak nabrak harga */
    padding: 0 20px 80px 20px !important; 
    position: relative; 
}
.hw-sec-title { 
    font-size: 22px; font-weight: 700; margin-bottom: 20px; color: #000; 
}

/* 2. ITEM SLIDER */
.hw-related-slider .swiper-slide { 
    height: auto; display: flex; justify-content: center; 
}

.hw-card {
    width: 100%; display: flex; flex-direction: column;
    background-color: #fff; transition: transform 0.3s ease; position: relative;
}
.hw-card:hover { 
    transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.08); 
}

/* 3. AREA GAMBAR */
.hw-card-top {
    width: 100%; height: 300px !important; /* Fixed Height */
    background-color: #fff !important; 
    position: relative; overflow: hidden;
    display: flex; align-items: center; justify-content: center; padding: 10px;
}
.hw-img-link { 
    display: flex; width: 100%; height: 100%; 
    align-items: center; justify-content: center; position: relative;
}

/* Gambar Logic (Main & Hover) */
.hw-main-img {
    width: 100% !important; height: 100% !important; object-fit: contain !important; 
    position: absolute; top: 0; left: 0; z-index: 2;
    transition: opacity 0.3s ease-in-out; opacity: 1;
}
.hw-hover-img {
    width: 100% !important; height: 100% !important; object-fit: contain !important; 
    position: absolute; top: 0; left: 0; z-index: 3;
    transition: opacity 0.3s ease-in-out; opacity: 0;
}
.hw-card:hover .hw-hover-img { opacity: 1; }
.hw-card:hover .hw-main-img { opacity: 0; }

/* 4. INFO PRODUK */
.hw-card-bottom {
    padding: 15px 5px 0; display: flex; flex-direction: column; 
    gap: 3px; background-color: #fff; text-align: left;
}
.hw-card-cat { font-size: 10px; text-transform: uppercase; color: #999; letter-spacing: 1px; margin: 0; }
.hw-card-title { 
    margin: 5px 0 0 0; font-size: 14px; font-weight: 600; line-height: 1.3; 
    color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.hw-card-title a { color: #000; text-decoration: none; }
.hw-card-price { font-size: 14px; color: #333; margin-top: 5px; font-weight: 500; }
.hw-card-price del { color: #bbb; font-size: 12px; margin-right: 5px;}
.hw-card-price ins { text-decoration: none; font-weight: 700; color: #000; }

/* 5. NAVIGASI DOTS (TITIK) */
.hw-related-wrapper .swiper-pagination {
    position: relative !important;
    bottom: 0px !important; /* Jarak aman dari bawah container */
    left: 0; width: 100%; text-align: center;
    z-index: 10;
}
.hw-related-wrapper .swiper-pagination-bullet {
    width: 6px; height: 6px; background: #ccc; opacity: 1;
    border-radius: 50%; margin: 0 4px !important; transition: all 0.3s ease;
}
.hw-related-wrapper .swiper-pagination-bullet-active {
    background: #000 !important; width: 20px !important; border-radius: 10px !important;
}

/* 6. TOMBOL CHEVRON (PANAH) - MANUAL STYLE */
.hw-nav-arrow {
    position: absolute; top: 100%; transform: translateY(-50%);
    width: 40px; height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 20; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s ease;
    opacity: 0; /* Default hidden, muncul pas hover slider */
}

/* Munculin panah cuma pas mouse masuk ke area slider biar bersih */
.hw-related-wrapper:hover .hw-nav-arrow { opacity: 1; }
.hw-nav-arrow:hover { background: #000; }

/* Posisi Kiri Kanan */
.hw-nav-prev { left: -10px; }
.hw-nav-next { right: -10px; }

/* Bikin Icon Panah Pakai CSS Border (Biar enteng gak perlu font icon) */
.hw-nav-arrow::after {
    content: ''; display: block; width: 8px; height: 8px;
    border-top: 2px solid #000; border-right: 2px solid #000;
}
.hw-nav-prev::after { transform: rotate(-135deg); margin-left: 3px; }
.hw-nav-next::after { transform: rotate(45deg); margin-right: 3px; }

/* Warna panah jadi putih pas dihover */
.hw-nav-arrow:hover::after { border-color: #fff; }

/* Swatches */
.hw-card-swatches { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.hw-swatch-dot { width: 12px; height: 12px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1); cursor: pointer; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1898f4f *//* RESET & CONTAINER */
.hw-rev-wrapper {
    width: 100% !important; box-sizing: border-box;
    font-family: 'Montserrat', sans-serif; margin-top: 40px;
    border-top: 1px solid #eee; padding-top: 30px;
}

/* --- HEADER SECTION --- */
.hw-rev-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; padding-bottom: 15px; }
.hw-rev-header h3 { margin: 0 !important; font-size: 20px; font-weight: 700; color: #000; }
.hw-rev-stats { display: flex; gap: 8px; align-items: center; font-size: 14px; color: #666; }
.hw-rev-stats .stars { color: #d00; }

/* --- FORM --- */
.hw-rev-form { background: #fff; border: 1px solid #ddd; padding: 20px; border-radius: 8px; margin-bottom: 30px; }
.form-top { display: flex; justify-content: space-between; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.form-top h4 { margin: 0; font-size: 16px; text-transform: uppercase; }
.form-top .cancel { font-size: 12px; color: #d00; }

.hw-row { display: flex; gap: 20px; margin-bottom: 15px; }
.hw-col { flex: 1; }
.hw-col label, .hw-rev-form > label { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #999; margin-bottom: 5px; }
.hw-rev-form textarea { width: 100%; border: 1px solid #ddd; padding: 10px; border-radius: 4px; min-height: 80px; box-sizing: border-box; margin-bottom: 15px; }
.btn-sub { width: 100%; background: #000; color: #fff; border: none; padding: 12px; font-weight: 700; border-radius: 4px; cursor: pointer; text-transform: uppercase; }
.btn-sub:hover { background: #333; }

/* Stars Input */
.hw-stars-input { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 2px; }
.hw-stars-input input { display: none; }
.hw-stars-input label { font-size: 24px; color: #ddd; cursor: pointer; line-height: 1; }
.hw-stars-input input:checked ~ label, .hw-stars-input label:hover, .hw-stars-input label:hover ~ label { color: #d00; }

/* Upload */
.hw-upload-box input { display: none; }
.btn-up { display: inline-flex; background: #f5f5f5; border: 1px dashed #ccc; padding: 6px 12px; border-radius: 4px; cursor: pointer; font-size: 12px; font-weight: 600; color: #555; width: 100%; justify-content: center; align-items: center; gap: 5px; }

/* --- CARD REVIEW (THE FIX) --- */
.hw-rev-list { display: flex; flex-direction: column; gap: 15px; }

.hw-rev-card {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    padding: 15px 20px;
    /* FLEX COLUMN BIAR JARAK KONTROL TOTAL */
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important; /* JARAK ANTAR HEADER - TEXT - FOOTER CUMA 8PX */
}
.hw-rev-card:hover { border-color: #ddd; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

/* !!! RESET SEMUA MARGIN DI DALAM CARD !!! */
.hw-rev-card * { margin: 0; padding: 0; box-sizing: border-box; }

/* 1. HEAD */
.card-head { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.user-wrap { display: flex; align-items: center; gap: 10px; }
.user-wrap img { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #eee; object-fit: cover; }
.user-wrap .meta { display: flex; flex-direction: column; line-height: 1.2; }
.meta .name { font-size: 13px; font-weight: 700; color: #000; }
.meta .date { font-size: 10px; color: #999; }
.stars-show { display: flex; gap: 1px; }
.stars-show b { font-size: 12px; color: #eee; }
.stars-show b.on { color: #d00; }

/* 2. BODY */
.card-body {
    font-size: 13px;
    line-height: 1.5;
    color: #444;
    /* Pastikan margin 0 biar nempel ke header */
    margin-top: 0 !important;
}

/* 3. IMG */
.card-img { margin-top: 5px; }
.card-img img { width: 60px; height: 60px; object-fit: cover; border-radius: 6px; border: 1px solid #eee; cursor: zoom-in; }

/* 4. FOOT */
.card-foot {
    display: flex; justify-content: space-between; align-items: center;
    padding-top: 10px; border-top: 1px dashed #f5f5f5; margin-top: 5px;
}
.share { display: flex; gap: 8px; }
.share a { 
    font-size: 10px; font-weight: 600; text-decoration: none; padding: 4px 10px; border-radius: 20px; 
    display: inline-flex; align-items: center; 
}
.share a.wa { background: #e8f5e9; color: #2e7d32; }
.share a.tw { background: #f5f5f5; color: #000; }
.edit-link { font-size: 11px; color: #999; text-decoration: none; }
.edit-link:hover { color: #000; }

/* RESPONSIVE */
@media (max-width: 600px) {
    .hw-row { flex-direction: column; gap: 10px; }
    .form-top { flex-direction: column; gap: 5px; }
}/* End custom CSS */