/*
Theme Name:     ClimbRx Child Theme
Theme URI:      n/a
Template:       kadence
Author:         Pro Author
Author URI:     n/a
Description:    Customizations for ClimbRx
Version:        1
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ================================ */
/* CLS (Cumulative Layout Shift) Fixes - Keep these */
/* ================================ */

/*For Desktop*/
@media screen and (min-width: 922px) {
    .woocommerce-product-gallery {
        min-height: 630px;
        max-height: 630px;
    }
}

/*For Mobile*/
@media screen and (max-width: 921px) {
    .woocommerce-product-gallery > .flex-control-nav li {
        height: calc(25vw - 1.5em) !important;
    }
}

@media screen and (max-width: 500px) {
    .woocommerce-product-gallery {
        max-height: calc((25vw - 1.0em) + (100vw - 56px) + 1em);
    }
}

@media screen and (min-width: 545px) and (max-width: 921px) {
    .woocommerce-product-gallery {
        max-height: calc((25vw - 1.5em) + (100vw - 117px) + 1em);
    }
}