/* Custom styles for the modal – move to CSS file if you want */
        .step-indicator {
            color: #6c757d;
            cursor: pointer;
            transition: color 0.3s;
        }

        .step-indicator.active {
            color: #000;
            font-weight: 700;
            text-decoration: underline 2px solid #000;
            text-underline-offset: 4px;
        }

        .step-content {
            display: none;
            animation: fadeIn 0.4s ease-in-out;
        }
        .step-content.active {
            display: block;
        }
        button#openModalBtn {
            width: 100%;
            border-radius: 0px;
            padding: 15px !important;
            background: black;
            border: 1px solid #000;
        }

        button#openModalBtn:hover {

        border: 1px solid #000;
            color:#000;
            background: #ffffff;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .btn-success {
            color: #fff;
            background-color: #000000;
            border-color: #000000;
            padding: 7px;
        }

        .custom-add-to-cart .woocommerce-js div.product form.cart .button.single_add_to_cart_button {
            padding: 20px 20px !important;
            width: 100%  !important;
        }