html body.single-product, html body.product-template-default { --theme-container-width: 100% !important; --theme-container-width-base: 100% !important; --theme-block-max-width: none !important; --theme-narrow-container-width: 100% !important; --theme-wide-container-width: 100% !important; --container-width: 100% !important; --narrow-container-width: 100% !important; } html body.single-product .hero-section, html body.single-product .hero-section.is-width-constrained, html body.single-product .is-width-constrained, html body.single-product .product-entry-wrapper, html body.single-product .product-entry-wrapper.is-width-constrained, html body.single-product .ct-container, html body.single-product .ct-container-narrow, html body.single-product .entry-content, html body.product-template-default .hero-section, html body.product-template-default .hero-section.is-width-constrained, html body.product-template-default .is-width-constrained, html body.product-template-default .product-entry-wrapper, html body.product-template-default .product-entry-wrapper.is-width-constrained, html body.product-template-default .ct-container, html body.product-template-default .ct-container-narrow { max-width: none !important; width: 100% !important; inline-size: 100% !important; max-inline-size: none !important; margin-inline: auto !important; margin-left: auto !important; margin-right: auto !important; } html body.single-product .product-grid, html body.product-template-default .product-grid { display: grid !important; grid-template-columns: 6fr 5fr !important; gap: 36px !important; max-width: 1280px !important; margin: 0 auto 36px !important; padding: 0 24px !important; width: 100% !important; box-sizing: border-box !important; } @media (max-width: 1100px) { html body.single-product .product-grid, html body.product-template-default .product-grid { grid-template-columns: 1fr !important; gap: 24px !important; } } html body.woocommerce ul.products, html body.woocommerce-page ul.products, html body.archive ul.products, html body.post-type-archive-product ul.products, html body.tax-product_cat ul.products, html body.tax-product_brand ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 22px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } @media (max-width: 1180px) { html body.woocommerce ul.products, html body.woocommerce-page ul.products, html body.archive ul.products, html body.post-type-archive-product ul.products, html body.tax-product_cat ul.products, html body.tax-product_brand ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 900px) { html body.woocommerce ul.products, html body.woocommerce-page ul.products, html body.archive ul.products, html body.post-type-archive-product ul.products, html body.tax-product_cat ul.products, html body.tax-product_brand ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 480px) { html body.woocommerce ul.products, html body.woocommerce-page ul.products, html body.archive ul.products, html body.post-type-archive-product ul.products, html body.tax-product_cat ul.products, html body.tax-product_brand ul.products { grid-template-columns: 1fr !important; } }