.elementor-109 .elementor-element.elementor-element-bdf9776:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-bdf9776 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0B0B;}.elementor-109 .elementor-element.elementor-element-bdf9776{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-109 .elementor-element.elementor-element-bdf9776 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-109 .elementor-element.elementor-element-3c7a9c0 .woocommerce-breadcrumb{font-family:"Hanken Grotesk", Sans-serif;font-size:12px;}/* Start custom CSS for shortcode, class: .elementor-element-4015201 */<style>
    /* DODOLAN.STORE - 5 COLUMNS & CUSTOM SORTING */
    :root {
        --neon: #c1ff72;
        --dark-bg: #0b0b0b;
        --card-bg: #161616;
        --space: 'Space Grotesk', sans-serif;
        --hanken: 'Hanken Grotesk', sans-serif;
    }

    /* 1. PERBAIKAN GRID (5 KOLOM) */
    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important; /* Terkunci 5 kolom di desktop */
        gap: 20px !important;
        padding: 20px 0 !important;
        margin: 0 auto !important;
    }

    .woocommerce ul.products::before, 
    .woocommerce ul.products::after { display: none !important; }

    /* 2. CUSTOM SORTING (DROPDOWN) */
    .woocommerce-ordering {
        margin-bottom: 40px !important;
        float: none !important;
        text-align: left;
    }

    .woocommerce-ordering select {
        background-color: var(--card-bg) !important;
        color: #fff !important;
        border: 1px solid rgba(255,255,255,0.1) !important;
        padding: 12px 20px !important;
        border-radius: 8px !important;
        font-family: var(--hanken) !important;
        font-size: 13px !important;
        cursor: pointer;
        outline: none !important;
        transition: 0.3s;
        -webkit-appearance: none; /* Menghilangkan arrow default */
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23c1ff72' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: calc(100% - 15px) center;
        padding-right: 40px !important;
    }

    .woocommerce-ordering select:hover {
        border-color: var(--neon) !important;
    }

    /* 3. KARTU PRODUK */
    .woocommerce ul.products li.product {
        background: var(--card-bg) !important;
        border: 1px solid rgba(255,255,255,0.05) !important;
        border-radius: 12px !important;
        padding: 15px !important;
        margin: 0 !important;
        width: 100% !important;
        transition: 0.3s ease !important;
        list-style: none !important;
    }

    .woocommerce ul.products li.product:hover {
        transform: translateY(-5px);
        border-color: var(--neon) !important;
    }

    .woocommerce-loop-product__title {
        font-family: var(--space) !important;
        color: #ffffff !important;
        font-size: 15px !important; /* Ukuran lebih kecil karena 5 kolom */
        font-weight: 700 !important;
        margin: 10px 0 !important;
    }

    .price {
        color: var(--neon) !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        margin-bottom: 15px !important;
        display: block !important;
    }

    /* 4. TOMBOL ADD TO CART */
    .button.add_to_cart_button {
        background: transparent !important;
        color: var(--neon) !important;
        border: 1px solid var(--neon) !important;
        border-radius: 4px !important;
        font-family: var(--space) !important;
        font-weight: 700 !important;
        font-size: 10px !important;
        text-align: center !important;
        padding: 10px 5px !important;
    }

    /* 5. RESPONSIVE (HP 2 KOLOM) */
    @media (max-width: 768px) {
        .woocommerce ul.products {
            grid-template-columns: repeat(2, 1fr) !important; /* 2 kolom di HP */
            gap: 12px !important;
            padding: 10px !important;
        }
        
        .woocommerce-ordering select {
            width: 100%; /* Dropdown urutkan jadi lebar di HP */
        }
    }
</style>/* End custom CSS */