.elementor-6269 .elementor-element.elementor-element-eca2049{--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;}.elementor-6269 .elementor-element.elementor-element-bd2e367{--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;}/* Start custom CSS for text-editor, class: .elementor-element-6cceeb1 */.review-button, .shop-now-button {
    background: #833F2E;
    color: white !important; /* White text in normal state with !important */
    padding: 5px 10px; /* Adjusted for review-button */
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
    margin-top: 5px;
    transition: background 0.3s ease, transform 0.2s ease;
}
.shop-now-button {
    padding: 8px 15px; /* Larger padding for shop-now-button */
    margin: 10px 0;
}
.review-button:hover, .shop-now-button:hover {
    background: #6b3224; /* Darker shade of theme color for hover */
    color: white !important; /* White text on hover with !important */
    transform: scale(1.05); /* Slight scale-up effect on hover */
}


/* Base styles for the quick comparison table */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 16px;
    text-align: left;
}
thead tr {
    background: #f2f2f2;
}
th, td {
    padding: 8px;
    border: 1px solid #ddd;
    white-space: normal; /* Allows text to wrap naturally */
}

/* Mobile-friendly styles */
@media screen and (max-width: 600px) {
    table {
        display: block;
        overflow-x: auto; /* Enables horizontal scrolling on small screens */
        font-size: 14px; /* Slightly smaller font for mobile */
    }
    th, td {
        padding: 6px; /* Reduced padding for compact display */
        min-width: 100px; /* Ensures columns don't get too cramped */
        white-space: normal; /* Ensures text wraps in cells */
    }
    th:nth-child(3), td:nth-child(3) {
        min-width: 150px; /* Extra width for Key Features column */
    }
    thead {
        display: table-header-group; /* Keeps headers visible */
    }
    tbody {
        display: table-row-group; /* Ensures rows stack properly */
    }
    tr {
        display: table-row; /* Maintains row structure */
    }
    td a {
        font-size: 14px; /* Adjust link size for mobile */
        word-wrap: break-word; /* Ensures long links wrap */
    }
    .review-button {
        padding: 4px 8px; /* Smaller button padding for mobile */
        font-size: 12px; /* Smaller font for buttons */
        white-space: nowrap; /* Keeps button text in one line */
    }
}

/* Ensure buttons remain styled consistently */
.review-button {
    background: #833F2E;
    color: white !important;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
    margin-top: 5px;
    transition: background 0.3s ease, transform 0.2s ease;
}
.review-button:hover {
    background: #6b3224;
    color: white !important;
    transform: scale(1.05);
}d */
    }
    th:nth-child(3), td:nth-child(3) {
        min-width: 150px; /* Extra width for Key Features column */
    }
    thead {
        display: table-header-group; /* Keeps headers visible */
    }
    tbody {
        display: table-row-group; /* Ensures rows stack properly */
    }
    tr {
        display: table-row; /* Maintains row structure */
    }
    td a {
        font-size: 14px; /* Adjust link size for mobile */
    }
    .review-button {
        padding: 4px 8px; /* Smaller button padding for mobile */
        font-size: 12px; /* Smaller font for buttons */
    }
}

/* Ensure buttons remain styled consistently */
.review-button {
    background: #833F2E;
    color: white !important;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
    margin-top: 5px;
    transition: background 0.3s ease, transform 0.2s ease;
}
.review-button:hover {
    background: #6b3224;
    color: white !important;
    transform: scale(1.05);
}/* End custom CSS */