/* Preserve the measured 1:1 main image plus two rows of four square thumbs. */
.woocommerce .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery.clara-square-five-gallery {
    aspect-ratio: 2 / 3;
}
/* Before FlexSlider wraps this element, retain only the first full-size image in flow. */
.woocommerce .clara-square-five-gallery > .woocommerce-product-gallery__wrapper {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.woocommerce .clara-square-five-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(:first-child) {
    display: none;
}
.woocommerce .clara-square-five-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child {
    width: 100%;
    aspect-ratio: 1 / 1;
}
.woocommerce .clara-square-five-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child > a > img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}
/* All five validated slides are square; JS's temporary zero height cannot collapse them. */
.woocommerce .clara-square-five-gallery > .flex-viewport {
    height: auto !important;
    aspect-ratio: 1 / 1;
}
.woocommerce .clara-square-five-gallery > .flex-control-thumbs {
    aspect-ratio: 2 / 1;
}
.woocommerce .clara-square-five-gallery > .flex-control-thumbs > li,
.woocommerce .clara-square-five-gallery > .flex-control-thumbs > li > img {
    aspect-ratio: 1 / 1;
}
.woocommerce .clara-square-five-gallery > .flex-control-thumbs > li > img {
    display: block;
    height: auto;
}

/* Keep the existing muted brand colour readable for inactive review tabs. */
body.single-product .woocommerce .woocommerce-tabs ul.tabs li:not(.active),
body.single-product .woocommerce .woocommerce-tabs ul.tabs li:not(.active) a {
    color: #52645a;
    opacity: 1;
}

/* Native password button and handler, with a 44px target inside the 52px input. */
.cl-account .woocommerce .password-input .show-password-input {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    top: 4px;
    right: 4px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 6px;
    color: #31594a;
    background: transparent;
    line-height: 1;
}
.cl-account .woocommerce .password-input .show-password-input::after {
    margin: 0;
}
.cl-account .woocommerce .password-input input.input-text {
    padding-right: 56px;
}