/* ============================================
   CSS ARTIKEL - Gaya untuk konten artikel
   ============================================ */
    #productDescriptionText {
        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
        line-height: 1.6;
        color: #333;
    }

    #productDescriptionText ul {
        padding-left: 24px;
        margin: 14px 0 20px;
    }

    #productDescriptionText ul li {
        margin-bottom: 12px;
        line-height: 1.8;
    }

    #productDescriptionText h2,
    #productDescriptionText h3 {
        margin-top: 28px;
        margin-bottom: 16px;
        font-weight: 600;
    }

    #productDescriptionText h2 {
        font-size: 1.6rem;
        border-left: 4px solid #f35925;
        padding-left: 16px;
    }

    #productDescriptionText h3 {
        font-size: 1.3rem;
    }

    #productDescriptionText p {
        margin-bottom: 16px;
    }

    #productDescriptionText a {
        color: #f35925;
        text-decoration: none;
        font-weight: 500;
    }

    #productDescriptionText a:hover {
        text-decoration: underline;
    }


    /* ============================================
   CSS SIDEBAR MEDIA SOSIAL - Sticky Social Sidebar
   ============================================ */
    .sidebar-bottom-pipatoto {
        left: 0;
        position: fixed;
        bottom: 100px;
        z-index: 9999;
        pointer-events: auto;
        font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
    }

    .sidebar-bottom-pipatoto,
    .sidebar-bottom-pipatoto * {
        box-sizing: border-box;
    }

    .sidebar-bottom-pipatoto .menu-toggle-btn {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        background: linear-gradient(135deg, #1b6d79, #0e4e57);
        width: 140px;
        height: 50px;
        border-radius: 0 25px 25px 0;
        border: 2px solid #f35925;
        border-left: none;
        cursor: pointer;
        transition: transform 0.25s ease, background 0.2s ease;
        margin-bottom: 6px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
        gap: 6px;
        padding-right: 14px;
        position: relative;
        left: 0;
    }

    .sidebar-bottom-pipatoto .menu-toggle-btn:hover {
        transform: translateX(15px);
        background: #f35925;
        border-color: #ffffff;
    }

    .sidebar-bottom-pipatoto .menu-icon {
        width: 38px;
        height: 38px;
        object-fit: contain;
        filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));
        transition: transform 0.2s ease;
    }

    .sidebar-bottom-pipatoto .menu-toggle-btn:hover .menu-icon {
        transform: scale(1.03);
    }

    .sidebar-bottom-pipatoto .menu-text {
        color: #ffffff;
        font-weight: bold;
        font-size: 15px;
        letter-spacing: 0.5px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }

    .sidebar-bottom-pipatoto .social-list {
        padding: 0;
        list-style: none;
        margin: 0;
        display: none;
    }

    .sidebar-bottom-pipatoto.active .social-list {
        display: block;
    }

    .sidebar-bottom-pipatoto .social-list li {
        display: block;
        margin: 5px 0;
        margin-left: 0;
        background: #1b6d79;
        width: 190px;
        text-align: right;
        padding: 2px 0;
        border-radius: 0 20px 20px 0;
        transition: transform 0.3s ease-out, opacity 0.25s ease-out, background 0.2s;
        height: 54px;
        border: 2px solid #f35925;
        font-size: 11px;
        transform: translateX(-130px);
        opacity: 0;
        pointer-events: none;
    }

    .sidebar-bottom-pipatoto.active .social-list li {
        transform: translateX(0);
        opacity: 1;
        pointer-events: auto;
    }

    .sidebar-bottom-pipatoto .social-list li:hover {
        transform: translateX(20px) !important;
        background: #f35925;
        border-color: #ffffff;
    }

    .sidebar-bottom-pipatoto.active .social-list li:nth-child(1) {
        transition-delay: 0.02s;
    }

    .sidebar-bottom-pipatoto.active .social-list li:nth-child(2) {
        transition-delay: 0.05s;
    }

    .sidebar-bottom-pipatoto.active .social-list li:nth-child(3) {
        transition-delay: 0.08s;
    }

    .sidebar-bottom-pipatoto.active .social-list li:nth-child(4) {
        transition-delay: 0.11s;
    }

    .sidebar-bottom-pipatoto.active .social-list li:nth-child(5) {
        transition-delay: 0.14s;
    }

    .sidebar-bottom-pipatoto.active .social-list li:nth-child(6) {
        transition-delay: 0.17s;
    }

    .sidebar-bottom-pipatoto.active .social-list li:nth-child(7) {
        transition-delay: 0.20s;
    }

    .sidebar-bottom-pipatoto .item-bottom {
        position: relative;
        left: -12px;
        top: 0;
        float: right;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        text-decoration: none;
        width: 100%;
        height: 100%;
        gap: 5px;
        padding-right: 8px;
    }

    .sidebar-bottom-pipatoto .brand-text {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-right: 5px;
        line-height: 1.2;
    }

    .sidebar-bottom-pipatoto .brand-main {
        font-weight: bold;
        font-size: 11px;
        color: #ffffff;
    }

    .sidebar-bottom-pipatoto .brand-sub {
        font-size: 8px;
        opacity: 0.85;
        color: #f0f0f0;
    }

    .sidebar-bottom-pipatoto .img-item {
        height: 42px;
        width: 42px;
        object-fit: contain;
        flex-shrink: 0;
    }

    .sidebar-bottom-pipatoto.active .menu-toggle-btn {
        background: #f35925;
    }



    /* CSS PROMOTION - PERBAIKAN WARNA YELLOW GOLD & ORANGE DARK */
    /* CSS UNTUK MEMATIKAN ACCORDION SLIDE2 */
    .accordion-content.slide2.color-agent {
        pointer-events: none !important;
        user-select: none !important;
    }

    /* Biarkan tetap terlihat tapi tidak bisa diinteraksi */
    .accordion-content.slide2.color-agent * {
        pointer-events: none !important;
    }

    /* GAMBAR BANNER-2 JUGA DINONAKTIFKAN */
    #banner-2 {
        cursor: default !important;
        pointer-events: none !important;
    }

    /* CSS PROMOTION LAINNYA */
    .wrapper-category .active .button.btn-theme,
    .btn.btn-theme {
        background: linear-gradient(to right bottom,
                #ffa600,
                #efd704,
                #ff6600,
                #cc3a00) !important;
        color: #000 !important;
        border: 2px solid #ff6600 !important;
        box-shadow: inset 0 0 5px 0px #e78c02, inset 0 2px 0 0 #ff5e00 !important;
    }

    .search-results .panel-heading {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    #content>.panel-heading>.row>center:first-child,
    #content>.panel-heading>.row>br {
        display: none !important;
    }

    .search-results .padleft .btn:first-child,
    .search-results .padleft a .btn:hover {
        background: linear-gradient(to right bottom,
                #ffa600,
                #efd704,
                #ff6600,
                #cc3a00) !important;
        border-radius: 10px 4px !important;
        color: #000 !important;
        border: 2px solid #ff6600 !important;
        box-shadow: inset 0 0 5px 0px #e78c02, inset 0 2px 0 0 #ff5e00 !important;
    }

    .search-results .padleft .btn:last-child,
    .search-results .padleft .btn:first-child:hover {
        background: linear-gradient(to right bottom,
                #f1f1f1,
                #e4e4e4,
                #d4d1d1,
                #c7c7c7) !important;
        border-radius: 10px 4px !important;
        color: #000 !important;
        border: 2px solid #d9d2d2 !important;
        box-shadow: inset 0 0 5px 0px #7b7b7b, inset 0 2px 0 0 #847e7e !important;
    }

    .blog-posts .search-results .panel-heading center h2 {
        color: #fff !important;
    }

    .blog-posts .search-results .panel-heading .accordion-content {
        border: 1px solid #ff6600 !important;
        background: linear-gradient(to bottom, #181300, #251e00) !important;
    }

    .blog-posts .search-results .panel-heading .accordion-content li {
        color: #fff !important;
    }

    /* END CSS PROMOTION */

    .container .blog-sidebar .sidebar-nav>li>a {
        background: linear-gradient(135deg, #ffa600, #efd704, #ff6600, #cc3a00);
        background-size: 200% 200%;
        border-top: 2px solid #f0d800;
        border-bottom: 2px solid #f0d800;
        border-left: 4px solid #f0d800;
        border-right: 4px solid #f0d800;
        border-radius: 16px;
        margin-bottom: 1rem;
        box-shadow: #c09d0249 0px 1rem 2rem -1.1rem inset, #00000050 0px 1.3rem 2.2rem -1.1rem inset;
        color: #000 !important;
        animation: shimmer 3s ease infinite;
    }

    .results:nth-child(odd) {
        border-radius: 12px !important;
        border-top: 2px solid #fee500;
        border-bottom: 2px solid #fee500;
        border-right: 4px solid #fee500;
        border-left: 4px solid #fee500;
        background: linear-gradient(135deg, #ffa600, #efd704, #ff6600, #cc3a00) !important;
        background-size: 200% 200%;
        box-shadow: inset 0 0 7px .5px #b1891a, inset 0 2px 0 0 #000000, inset 0 0 0 2px #b18407, 3px 3px 3px 1px rgba(0, 0, 0, .2);
        animation: shimmer 3s ease infinite;
    }

    @keyframes shimmer {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }