/* Exelic Product Layout 1.0.0 — no dependency on Customizer Additional CSS. */

/* Only this plugin's brand row belongs in the product summary. */
body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > .product_meta,
body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > .meta-content,
body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > .cats-link,
body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > .product-brands {
    display: none !important;
}

body.single-product.woocommerce.exelic-product-layout .summary > .exelic-product-layout__brand {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

body.single-product.woocommerce.exelic-product-layout .summary > .exelic-product-layout__brand a {
    color: inherit;
}

/* Preserve the existing compact product hero and native purchase controls. */
body.single-product.woocommerce.exelic-product-layout #main > .page-container {
    padding-top: 24px;
}

body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > div.summary {
    row-gap: 12px;
    margin-bottom: 16px !important;
}

body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > .woocommerce-product-details__short-description {
    margin-bottom: 0;
}

body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > .product_title + .ts-product-ratings-stock {
    margin-top: -4px;
}

body.single-product.woocommerce.exelic-product-layout .woocommerce-tabs {
    margin-top: 0 !important;
    padding-top: 15px !important;
}

body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > .woobt-wrap:empty {
    display: none;
}

body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > .single-product-buttons,
body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > .single-product-buttons > .spw-trust-wrapper {
    margin-top: 0;
}

body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > .single-product-buttons > .spw-trust-wrapper {
    margin: 0;
}

body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .woocommerce-product-gallery {
    margin-bottom: 16px;
}

body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > form.variations_form > .variations,
body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > form.variations_form > .ts-summary-custom-content {
    margin-bottom: 12px;
}

body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > form.variations_form > .price,
body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > form.variations_form > .ts-variation-price {
    margin-bottom: 8px;
}

body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .summary > form.variations_form .variations .reset_variations {
    position: static;
    margin-top: 8px;
}

/* The gallery sticks only within its product-summary parent, above accessories. */
@media (min-width: 1025px) {
    body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .woocommerce-product-gallery {
        position: sticky;
        top: 153px;
    }

    body.single-product.woocommerce.exelic-product-layout.admin-bar #main .product-images-summary > .woocommerce-product-gallery {
        top: 185px;
    }
}

/* Keep the existing mobile gallery and thumbnail rail in normal document flow. */
@media (max-width: 1024px) {
    body.single-product.woocommerce.exelic-product-layout #main .product-images-summary > .woocommerce-product-gallery {
        position: relative;
        top: auto;
    }
}

@media (max-width: 767px) {
    body.single-product.woocommerce.exelic-product-layout.xiaomi-ux3b2-active #main .product.gallery-layout-vertical.has-gallery .product-images-summary > .woocommerce-product-gallery {
        padding-left: 0;
    }

    body.single-product.woocommerce.exelic-product-layout.xiaomi-ux3b2-active #main .product.gallery-layout-vertical .product-images-summary > .woocommerce-product-gallery > .flex-control-thumbs {
        position: static;
        height: auto;
        margin-top: 10px;
        padding-right: 0;
        overflow-y: hidden;
    }
}
