/*This will make order summary 100% @ >=991px*/
@media only screen and (max-width: 1199px) {
    #order-standard_cart .cart-sidebar {
        display: none;
    }
    #order-standard_cart .cart-body {
        width: 100%;
        float: none;
    }

    #order-standard_cart .secondary-cart-body {
        width: 69%;
    }
    #order-standard_cart .secondary-cart-sidebar {
        width: 31%;
    }
}

@media only screen and (max-width: 991px) {
    #order-standard_cart .secondary-cart-body {
        width: 100%;
        float: none;
    }
    #order-standard_cart .secondary-cart-sidebar {
        width: 100%;
    }
}

@media only screen and (max-width: 575px) {
    #order-standard_cart .secondary-cart-sidebar {
        width: 100%;
    }
}
@media (max-width: 991.98px) {
    .main-content {
        padding-block-start: 0rem !important;
    }
}
/* Equal-height cards across the row */
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.row-eq-height > [class*='col-'] {
    display: flex;
}
.row-eq-height .product {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Optional: give highlight box a consistent height */
.highlights-section {
    min-height: 80px; /* tweak based on longest text */
    display: flex;
    align-items: center;
}
.product-block {
    max-width: 100%; /* or whatever width you want */
    width: 100%;      /* ensures it shrinks on small screens */
    margin: 0 auto;   /* center horizontally */
}

 .dashicons:before {
    font-family: "Dashicons";
    content: "\f120"; /* WordPress icon */
}

.equal-height .card {
    height: 100%;
}

/* Ensure all columns flexibly stretch */
.row.justify-content-center > [class*="col-"],
.row > .col-xl-3,
.row > .col-sm-6 {
    display: flex;
}

/* Make columns flex containers so cards stretch */
.row > [class*="col-"]:not(.col-lg-7) {
    display: flex;
    flex-direction: column;
}

/* Make card a proper flex item with explicit sizing */
.row > [class*="col-"] .card {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto; /* critical: defines its flexibility */
    min-height: 0;  /* prevents children overflow in flex context */
    margin-bottom: 1.5rem; /* restores spacing between rows */
}

/* Maintain vertical push for card content */
.card .card-body {
    display: flex;
    flex-direction: column;
}
.card .card-body p.flex-grow-1 {
    flex: 1 0 auto;
}
.card .card-body .mt-auto {
    margin-top: auto !important;
}

/* Push the button or footer to the bottom of the card body */
.card .card-body {
    display: flex;
    flex-direction: column;
}
.card .card-body p.flex-grow-1 {
    flex: 1 0 auto;
}
.card .card-body .mt-auto {
    margin-top: auto !important;
}