/* Overrides when original theme CSS/JS is loaded */
body.store-theme-active .shopify-payment-button,
body.store-theme-active [data-shopify-buttoncontainer],
body.store-theme-active form[action*="checkout"],
body.store-theme-active a[href*="checkout"] {
    display: none !important;
}

body.store-theme-active a[data-removed="1"] {
    pointer-events: none;
    opacity: 0.35;
}

/* Inner pages: wrapper divs must not break original header/footer layout */
#siteHeader,
#siteFooter {
    display: contents;
}

body.tks-unified-layout #siteHeader,
body.tks-unified-layout #siteFooter {
    display: block;
}

/* Mirrored homepage: hide Shopify cart drawer (use our cart.html) */
body:not(.store-theme-active) .cart-drawer {
    /* generic template only */
}

/* Inner pages with original theme: inherit typography, sensible image sizing */
body.store-theme-active main,
body.store-theme-active #productMain {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    max-width: var(--page-width, min(1400px, 100%));
    margin-left: auto;
    margin-right: auto;
    padding-left: max(16px, var(--page-padding, 24px));
    padding-right: max(16px, var(--page-padding, 24px));
}

body.store-theme-active .page-title-bar h1,
body.store-theme-active .product-detail h1 {
    font-family: inherit;
    font-size: clamp(1.5rem, 2.5vw, 2.25rem);
    font-weight: inherit;
    letter-spacing: inherit;
}

body.store-theme-active .product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr));
    gap: clamp(16px, 2vw, 32px);
}

body.store-theme-active .product-card img,
body.store-theme-active .product-thumb img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    display: block;
}

body.store-theme-active .tks-product-media .product-gallery-main img {
    aspect-ratio: auto;
    object-fit: contain;
}

body.store-theme-active .product-gallery-thumbs img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    aspect-ratio: 1;
}

body.store-theme-active img.lazyload,
body.store-theme-active img.lazyloading {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Sureix Avone theme — lazy background slideshow / promo tiles */
body.store-theme-active .slideshow__image.tks-bg-loaded,
body.store-theme-active .slideshow__image.lazyloaded {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.store-theme-active .slideshow__slide.slick-active .slideshow__image.tks-bg-loaded,
body.store-theme-active .slideshow__slide:first-child .slideshow__image.tks-bg-loaded {
    opacity: 1 !important;
    visibility: visible !important;
}

body.store-theme-active .slideshow__image.tks-bg-loaded,
body.store-theme-active .slideshow__image.lazyloaded {
    min-height: clamp(280px, 42vw, 620px);
}

body.store-theme-active .slideshow-wrapper .slideshow__slide {
    min-height: clamp(280px, 42vw, 620px);
}

body.store-theme-active .grid-view-item__image.tks-bg-loaded,
body.store-theme-active .grid-view-item__image.lazyloaded {
    opacity: 1 !important;
    visibility: visible !important;
}

body.store-theme-active .grid-view_image .hover.tks-bg-loaded {
    opacity: 0;
    visibility: hidden;
}

body.store-theme-active .grid-view_image:hover .hover.tks-bg-loaded {
    opacity: 1 !important;
    visibility: visible !important;
}

body.store-theme-active .grid-products.carousel.tks-carousel-fallback {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 -10px;
}

body.store-theme-active .grid-products.carousel.tks-carousel-fallback > .grid__item {
    box-sizing: border-box;
    padding: 0 10px 20px;
    width: 25%;
}

@media (max-width: 1024px) {
    body.store-theme-active .grid-products.carousel.tks-carousel-fallback > .grid__item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    body.store-theme-active .grid-products.carousel.tks-carousel-fallback > .grid__item {
        width: 50%;
    }
}

body.store-theme-active .wow,
body.store-theme-active .fadeIn,
body.store-theme-active .fadeInUp,
body.store-theme-active .fadeInLeft,
body.store-theme-active .fadeInRight {
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
}

body.store-theme-active .grid-product__image-mask,
body.store-theme-active .product-image,
body.store-theme-active .feature-row__image {
    opacity: 1 !important;
    visibility: visible !important;
    max-width: 100%;
    height: auto;
}

/* Mirrored homepage slideshow — local hero backgrounds */
.section-slideshow .section-slideshow-slide {
    background-color: transparent !important;
}

.section-slideshow .tks-hero-slide,
.section-slideshow .section-slideshow-slide-background {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: var(--theme-slideshow-custom-height-mobile, 600px);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

@media (min-width: 768px) {
    .section-slideshow .tks-hero-slide,
    .section-slideshow .section-slideshow-slide-background {
        min-height: var(--theme-slideshow-custom-height, 780px);
    }
}

.section-slideshow .section-slideshow-slide-background-media {
    display: none !important;
}

.section-slideshow .splide__track,
.section-slideshow .splide__list,
.section-slideshow .section-slideshow-slide {
    height: 100%;
}

.section-slideshow .splide__slide.is-active .tks-hero-slide {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Unified inner-page layout when original theme CSS is active */
body.store-theme-active .page-title-bar,
body.store-theme-active .policy-page,
body.store-theme-active .cart-page,
body.store-theme-active #productMain {
    font-family: var(--font-body, "Roboto", sans-serif);
}

body.store-theme-active .policy-content h1,
body.store-theme-active .page-title-bar h1 {
    letter-spacing: 0.04em;
}

body.store-theme-active .breadcrumb {
    font-size: 12px;
    color: var(--muted, #666);
    margin-bottom: 8px;
}

body.store-theme-active .filter-panel,
body.store-theme-active .collection-toolbar,
body.store-theme-active .cart-summary,
body.store-theme-active .cart-line {
    font-family: inherit;
}

body.store-theme-active .btn-shop,
body.store-theme-active .btn-outline,
body.store-theme-active .add-to-cart,
body.store-theme-active .checkout-btn {
    font-family: var(--font-heading, inherit);
}