/**
 * Global Canvas Reset & Legacy WooCommerce Neutralization
 * File: shop/mobile/mobile-style/components/reset.css
 */

/* ==========================================
   1. GLOBAL CANVAS & CONTAINER RESET
   ========================================== */
/* Force absolute 100% pure white across all site views, wrappers, & containers */
html,
body,
body.woocommerce-page,
#page,
#content,
#primary,
#main,
#main-content,
.site,
.site-content,
.site-main,
.ast-container,
.woocommerce,
.woocommerce-page,
.woocommerce-site-content {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    box-sizing: border-box !important;
}

/* ==========================================
   2. WOOCOMMERCE LAYOUT & SHOP STRUCTURE
   ========================================== */
/* Container sizing & padding reset */
.woocommerce.post-type-archive-product .site-main,
.woocommerce-page.post-type-archive-product .site-main {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 20px 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

/* Legacy float & pseudo-element clearfix neutralization */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after {
    display: none !important;
    content: none !important;
    clear: none !important;
}

.woocommerce.post-type-archive-product::after,
.woocommerce-page.post-type-archive-product::after,
.woocommerce.post-type-archive-product .site-main::after {
    content: "";
    display: table;
    clear: both !important;
}