body.layout-modern #wrapper, #page #wrapper { background-color: #ffffff; }:root{--content-width: 100%;--content-edge-padding-x: 30px;--content-edge-padding-y: 30px;--font-size-body: 14px;--palette1: #9fc48a!important;--palette2: #000000!important;--palette3: #262626!important;--palette4: #262626!important;--palette5: #555555!important;--palette6: #888888!important;--palette7: #ededed!important;--palette8: #f2f2f2!important;--palette9: #ffffff!important;--palette10: #8aae7!important;--palette11: #000000!important;--btn-primary-bg-color: #9fc48a;}@media (min-width: 1025px){.container {max-width:100%;}}@media (min-width: 1025px){.container {max-width:100%;}}.hero-section .page-title-wrapper{min-height:50px;}.hero-section {background-color:#fafff5;}.page-product .product-container .product-title {color:#517c3d;}.page-product .product-container .product-title {font-size:28px!important;}body { background-image: none !important; } .product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage, .product-flags li.product-flag.on-sale { color: var(--bages-sale-bg-color); background-color: #F37043; } #subcategories { margin-bottom: 30px; display: none; } .social-share { display: none; // } .page-product .products-section-title { font-size: 31px; color: #517c3d; } .product-details-top { display: none; } .product-container .summary .product-information .product-description { font-size: 16px; line-height:normal; } #left-column .block-categories .block-title, #left-column #search_filters .block-title { background-color: #8aae77 } .block-categories .collapse { display: block !important; } .hero-section { background-color: #517c3d } .hero-section .page-title-wrapper { max-height: 61px; background-color: #517c3d } :root .h1, :root h1 { --h1-size: 22px; line-height: 0.2; margin-top: 13px; } .hero-section .breadcrumb { font-size: 12px; } .page-product .product-container .product-title { font-size: 28px!important; line-height: normal; } .cat-desc { position: relative; } .cat-desc.is-collapsed { max-height: 120px !important; overflow: hidden !important; display: block; } .cat-desc.is-collapsed::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40px; background: linear-gradient(to bottom, rgba(255,255,255,0), #fff); pointer-events: none; } .cat-desc-btn { margin-top: 10px; border: 0; background: none; cursor: pointer; font-weight: 600; color: #517c3d; } /* ============================================================ GREENSQUARE - 2 produits par ligne sur mobile Carousel Swiper des produits UNIQUEMENT (préserve le slider principal en haut) ============================================================ */ @media (max-width: 767px) { /* ---------- NEUTRALISE SWIPER uniquement pour les produits ---------- */ body#index .products.ava-swiper-slider, body#index .ava-swiper-slider .wrapper-items, body#index .ava-swiper-slider .swiper-container { width: 100% !important; max-width: 100% !important; overflow: visible !important; } /* Le wrapper produits devient une grille flex */ body#index .products.product-loop, body#index .ava-swiper-slider .swiper-wrapper { width: 100% !important; max-width: 100% !important; transform: none !important; -webkit-transform: none !important; display: flex !important; flex-wrap: wrap !important; flex-direction: row !important; justify-content: flex-start !important; } /* Chaque slide produit = 50% */ body#index .product-loop > .swiper-slide, body#index .ava-swiper-slider .swiper-slide.item { width: 50% !important; min-width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; margin: 0 !important; padding: 5px !important; box-sizing: border-box !important; float: none !important; display: block !important; height: auto !important; @media (max-width: 991px) { #left-column .sidebar-latest.block, #right-column .sidebar-latest.block, #search_filters, #search_filters_brands, #search_filters_suppliers, .block-categories, .card-block.category-additional-description, ul.grid_list li { display: none !important; visibility: hidden !important; height: 0 !important; width: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } } /* === Bloc "Produits de saison" - widget Elementor ava-products-tabs === */ /* Force le conteneur des produits à passer en grille flex wrap (2 lignes) */ .elementor-widget-ava-products-tabs .widget-tabs .products, .elementor-widget-ava-products-tabs .widget-tabs .tab-content .products, .elementor-widget-ava-products-tabs .widget-tabs [class*="tab-pane"] .products, .elementor-widget-ava-products-tabs .widget-tabs .slick-track { display: flex !important; flex-wrap: wrap !important; transform: none !important; width: 100% !important; justify-content: flex-start; } /* 4 produits par ligne -> 8 produits = 2 lignes */ .elementor-widget-ava-products-tabs .widget-tabs .product-miniature, .elementor-widget-ava-products-tabs .widget-tabs .slick-slide, .elementor-widget-ava-products-tabs .widget-tabs .js-product { flex: 0 0 25% !important; max-width: 25% !important; width: 25% !important; float: none !important; margin-bottom: 30px; } /* Masque les flèches du carrousel Slick (plus nécessaires) */ .elementor-widget-ava-products-tabs .slick-arrow, .elementor-widget-ava-products-tabs .slick-prev, .elementor-widget-ava-products-tabs .slick-next { display: none !important; } /* Masque les petits points de pagination Slick (que je vois sur ta capture) */ .elementor-widget-ava-products-tabs .slick-dots { display: none !important; } /* Responsive tablette : 2 par ligne */ @media (max-width: 991px) { .elementor-widget-ava-products-tabs .widget-tabs .product-miniature, .elementor-widget-ava-products-tabs .widget-tabs .slick-slide, .elementor-widget-ava-products-tabs .widget-tabs .js-product { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; } }