.elementor-6170101 .elementor-element.elementor-element-73d64e82 > .elementor-container{max-width:1280px;}.elementor-6170101 .elementor-element.elementor-element-73d64e82:not(.elementor-motion-effects-element-type-background), .elementor-6170101 .elementor-element.elementor-element-73d64e82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f6f6f6;}.elementor-6170101 .elementor-element.elementor-element-73d64e82{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 40px 0px;}.elementor-6170101 .elementor-element.elementor-element-73d64e82 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6170101 .elementor-element.elementor-element-6fd544ec{text-align:left;}.elementor-6170101 .elementor-element.elementor-element-6fd544ec .elementor-heading-title{font-family:"AkkuratMono", sans-serif;font-size:27px;}.elementor-6170101 .elementor-element.elementor-element-77505191{text-align:left;}.elementor-6170101 .elementor-element.elementor-element-77505191 .elementor-heading-title{font-family:"AkkuratMono", sans-serif;font-size:38px;font-weight:600;line-height:1em;}.elementor-6170101 .elementor-element.elementor-element-52a9d5c3 > .elementor-container{max-width:1280px;}.elementor-6170101 .elementor-element.elementor-element-16754c02.elementor-column > .elementor-column-wrap > .elementor-widget-wrap{justify-content:space-between;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .ce-filters__tab-icon{order:1;font-size:20px;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .ce-filters__toggle .elementor-button-content-wrapper{gap:12px;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .ce-filters__toggle .elementor-button-text{flex-grow:min(0, 12);}.elementor-6170101 .elementor-element.elementor-element-68de3840 .ce-filters__toggle .elementor-button{font-family:"AkkuratMono", sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2px;background-color:#E60019;border-width:0px;border-radius:32px;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .ce-filters__toggle a.elementor-button:not(#e){color:#FFFFFF;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .ce-filters--shown .ce-filters{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);}.elementor-6170101 .elementor-element.elementor-element-68de3840 .dialog-lightbox-close-button{color:#151515;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .elementor-heading-title{font-family:"AkkuratMono", sans-serif;font-size:28px;font-weight:600;margin-bottom:calc(40px - 10px);}.elementor-6170101 .elementor-element.elementor-element-68de3840 .elementor-field-group{padding:calc(10px / 2) 0;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .ce-filters__title{font-family:"AkkuratMono", sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .ce-filters__tab{padding:8px 0px 16px 0px;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .elementor-field-option{gap:10px;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .elementor-field-label{color:#888888;font-family:"AkkuratMono", sans-serif;font-size:14px;font-weight:400;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .elementor-field-label[data-magnitude]:after{content:"(" attr(data-magnitude) ")" / "";}.elementor-6170101 .elementor-element.elementor-element-68de3840 .elementor-field-label:after{padding-inline-start:0.2em;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .ce-checkbox{font-size:18px;}.elementor-6170101 .elementor-element.elementor-element-68de3840 input:checked ~ .ce-checkbox{background-color:#FF6852;border-color:#FF6852;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .elementor-field-option i[style]{font-size:26px;border-color:#E5E5E5;border-radius:20px;background-clip:content-box;padding:2px;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .elementor-field-type-color .ce-checkbox::before{transform:scale(0.5);}.elementor-6170101 .elementor-element.elementor-element-68de3840 .elementor-field-option input:checked ~ i[style]{border-color:#222222;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .elementor-field-option input:checked ~ i.ce-color--light{color:#000000;}.elementor-6170101 .elementor-element.elementor-element-68de3840 select.elementor-field{font-family:"AkkuratMono", sans-serif;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .ce-dual-range{--ce-range-height:2px;--ce-range-active-color:#E60019;--ce-range-thumb-size:18px;--ce-range-thumb-color:#E60019;}.elementor-6170101 .elementor-element.elementor-element-68de3840 > .elementor-widget-container{margin:10px 10px 10px 0px;}.elementor-6170101 .elementor-element.elementor-element-68de3840{width:auto;}.elementor-6170101 .elementor-element.elementor-element-22588d4 .ce-active-filters__clear{order:1;}.elementor-6170101 .elementor-element.elementor-element-22588d4 .ce-active-filters{flex-wrap:nowrap;gap:10px;}.elementor-6170101 .elementor-element.elementor-element-22588d4 .elementor-button-text{white-space:pre;}.elementor-6170101 .elementor-element.elementor-element-22588d4 .elementor-button{text-transform:uppercase;line-height:1.6em;background-color:#FFFFFF;border-color:#E8E8E8;border-width:1px;border-radius:0px;padding:4px 8px 4px 8px;}.elementor-6170101 .elementor-element.elementor-element-22588d4 a.elementor-button:not(#e){color:#151515;}.elementor-6170101 .elementor-element.elementor-element-22588d4 a.elementor-button:not(#e):hover, .elementor-6170101 .elementor-element.elementor-element-22588d4 a.elementor-button:not(#e):active{color:#FFFFFF;}.elementor-6170101 .elementor-element.elementor-element-22588d4 .elementor-button:hover, .elementor-6170101 .elementor-element.elementor-element-22588d4 .elementor-button:active{background-color:#CD2E25;border-color:#CD2E25;}.elementor-6170101 .elementor-element.elementor-element-22588d4 a.elementor-button.ce-active-filters__clear:not(#e):hover{color:#222222;}.elementor-6170101 .elementor-element.elementor-element-22588d4 .elementor-button.ce-active-filters__clear:hover{background-color:#FFFFFF;}.elementor-6170101 .elementor-element.elementor-element-22588d4 .elementor-button.ce-active-filters__clear{border-width:0px;}.elementor-6170101 .elementor-element.elementor-element-22588d4 > .elementor-widget-container{padding:5px 0px 5px 0px;}.elementor-6170101 .elementor-element.elementor-element-22588d4{width:auto;align-self:center;flex-grow:1;}.elementor-6170101 .elementor-element.elementor-element-ca2aade .elementor-field-group{gap:8px;}.elementor-6170101 .elementor-element.elementor-element-ca2aade .elementor-field-textual{border-color:#E8E8E8;border-radius:24px 24px 24px 24px;}.elementor-6170101 .elementor-element.elementor-element-ca2aade > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-6170101 .elementor-element.elementor-element-ca2aade{width:auto;align-self:center;}.elementor-6170101 .elementor-element.elementor-element-1104da3 .elementor-spacer-inner{height:50px;}.elementor-6170101 .elementor-element.elementor-element-269dc4f .ce-pagination{margin:0 calc(-16px/2);}.elementor-6170101 .elementor-element.elementor-element-269dc4f .ce-pagination .elementor-icon-list-item{margin:0 calc(16px/2);}.elementor-6170101 .elementor-element.elementor-element-269dc4f .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}@media(max-width:767px){.elementor-6170101 .elementor-element.elementor-element-73d64e82{padding:40px 0px 40px 0px;}.elementor-6170101 .elementor-element.elementor-element-6fd544ec{text-align:center;}.elementor-6170101 .elementor-element.elementor-element-77505191{text-align:center;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .ce-filters__toggle{justify-content:stretch;flex-direction:column;}.elementor-6170101 .elementor-element.elementor-element-68de3840 .ce-filters__toggle .elementor-button{padding:15px 15px 15px 15px;}.elementor-6170101 .elementor-element.elementor-element-68de3840{order:-99999;}.elementor-6170101 .elementor-element.elementor-element-ca2aade{order:-99999;}}/* Start custom CSS for listing-block, class: .elementor-element-ce1eb5a *//* ================================================================ 1. LA CARTE PRODUIT (TAILLE BASÉE SUR L'IMAGE) ================================================================ */ .product-miniature { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; background-color: #1a1a1a !important; padding: unset !important; } /* LE CADRE DE L'IMAGE */ .pm-header { position: relative !important; z-index: 2 !important; background: #fff !important; clip-path: inset(0 0 0 0) !important; transition: clip-path 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; border: 1px solid lightgray; } .pm-header img { width: 100% !important; height: auto !important; display: block !important; transition: opacity 0.4s ease !important; } .pm-header img.product-cover-2 { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 0 !important; } /* ================================================================ 2. ZONE TEXTE (NOM BLANC + PRIX À DROITE) ================================================================ */ .pm-body { position: absolute !important; bottom: -2px !important; left: 0 !important; width: 100% !important; z-index: 3 !important; padding: 15px 20px !important; background: rgba(0,0,0); display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; box-sizing: border-box !important; transition: bottom 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; pointer-events: none; min-height: 59px; } .pm-name, .pm-name a { color: #ffffff !important; margin: 0 !important; font-size: 12px !important; text-decoration: none !important; font-weight: 600 !important; text-transform: uppercase !important; width: 65%; font-family: "AkkuratMono", sans-serif; } .product-miniature:has(.variant-links):hover .pm-body { bottom:99px !important; } .pm-price .price { color: #ffffff !important; font-weight: 400 !important; font-size: 15px !important; white-space: nowrap !important; font-family: "AkkuratMono", sans-serif; } .product-miniature .pm-body .regular-price { color: red; font-weight: bolder } .product-miniature .pm-body .pm-price { white-space: wrap; text-overflow: ellipsis; overflow: hidden; width: 33%; text-align: right; display: flex; flex-direction: column-reverse; } /* ================================================================ 3. LE BOUTON D'ACTION (IMMOBILE DERRIÈRE) ================================================================ */ .pm-actions { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 60px !important; z-index: 1 !important; margin: 0 !important; font-family: "AkkuratMono", sans-serif; } .pm-actions .btn-primary { height: 100% !important; width: 100% !important; background-color: #e60019 !important; color: #fff !important; border: none !important; border-radius: 0 !important; font-weight: bold !important; text-transform: uppercase !important; display: flex !important; align-items: center !important; justify-content: center !important; font-family: "AkkuratMono", sans-serif; } /* Bouton grisé si out of stock */ .product-miniature:has(.pm-flag.out_of_stock) .pm-actions .btn-primary { background-color: #666 !important; cursor: not-allowed !important; opacity: 0.7 !important; } .pm-actions form, .product-miniature .pm-footer .btn-group { height: 100%; } /* ================================================================ 4. ANIMATION AU HOVER (ROGNAGE SANS BOUGER LA PAGE) ================================================================ */ .product-miniature:hover .pm-header { clip-path: inset(0 0 60px 0) !important; } .product-miniature:hover .pm-body { bottom: 60px !important; } /* Switch d'image */ .product-miniature:hover img.product-cover-1 { opacity: 0 !important; } .product-miniature:hover img.product-cover-2 { opacity: 1 !important; } /* ================================================================ 5. FLAGS (TOTALEMENT FIXES) ================================================================ */ .pm-flags { position: absolute !important; top: 15px !important; right: 0 !important; z-index: 10 !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 5px !important; list-style: none; font-family: "AkkuratMono", sans-serif; } .pm-flag { background: rgba(0, 0, 0, 0.8) !important; color: #fff !important; padding: 5px 12px !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; border-radius: 4px 0 0 4px !important; } .pm-flag.discount-percentage { background-color: #6c757d !important; } .pm-flag-sale { background-color: #6c757d !important; } .pm-flag.out_of_stock { background-color: #e60019 !important; } /* ================================================================ 6. NAVIGATION TOYOTA STYLE ================================================================ */ .elementor-nav-tabs .elementor-item { position: relative !important; padding: 10px 25px !important; color: #333 !important; } .elementor-nav-tabs .elementor-item::before { content: "" !important; position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ddd; transform: skewX(-20deg); z-index: -1; } .elementor-nav-tabs .elementor-item:hover::before, .elementor-nav-tabs .elementor-item.elementor-item-active::before { border: 2px solid #e60019 !important; } /* ================================================================ 7. GRILLE PRODUITS ================================================================ */ .products.row col, .products.row > [class*="col-"] { padding: 10px 3px !important; } .products.row { margin: unset; }/* End custom CSS */ /* Start Custom Fonts CSS */ @font-face { font-family: 'AkkuratMono'; font-weight: normal; font-style: normal; font-display: swap; src: url('/modules/creativeelements/views/fonts/AkkuratMono-Regular.ttf') format('truetype'); } /* End Custom Fonts CSS */