:root {
    /* Colors */
    --color-black: #000;
    --color-white: #fff;
    --color-gray: #989898;
    --color-gray-muted: #939393;
    --color-gray-medium: #dedede;
    --color-border-light:#EFEFEF ;
    --color-primary-green: #025548;
    --color-primary-pink: #D68787;
    --color-secondary-pink-hover: #EF7C7C;
    --color-secondary-pink-active: #C36363;

    /* Fonts */
    --font-main: 'Roboto', Arial, Helvetica, sans-serif;
    --font-secondary: 'Abril Fatface', Arial, Helvetica, sans-serif;
}

body {margin: 0;padding: 0;font-family: var(--font-main);color: var(--color-black);background-color: var(--color-gray-bg-light);}

/* HEADER */
.header_web {display: block;}
.topbar {height: 38px;box-sizing: border-box;z-index: 999;background: linear-gradient(to right, var(--color-primary-pink) 0%, var(--color-primary-pink) 28%, var(--color-primary-green) 28%, var(--color-primary-green) 100%);color: white;font-size: 14px;padding: 8px 0;position: fixed;width: 100%;}
.topbar-container {max-width: 1240px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.topbar-reseller {color: white;text-decoration: none;font-size: 14px;font-weight: 500;display: flex;align-items: center;gap: 14px;}
.topbar-reseller:hover {text-decoration: underline;}
.topbar-infos {display: flex;font-size: 14px;align-items: center;gap: 8px;flex-wrap: wrap;}
.separator {margin-left: 8px;background: unset;}
.topbar-infos > span > .strong {color: var(--color-primary-pink);font-size: 15px;}

.main-header {z-index: 999;height: 96px;box-sizing: border-box;border-bottom: 2px solid var(--color-primary-green);padding: 30px 0;position: fixed;width: 100%;top:38px;background-color: var(--color-white);}
.header-container {max-width: 1240px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.header-nav {display: flex;gap: 30px;}
.nav-link {text-decoration: none;font-weight: 700;font-size: 16px;color: var(--color-primary-green);position: relative;text-transform: uppercase;}
.header-rectangle {width: 100%;height: 1px;background: var(--color-primary-green);}
.header-actions {display: flex;align-items: center;gap: 25px;}
.header-action {display: flex;align-items: center;gap: 6px;text-decoration: none;font-size: 15px;font-weight: 600;color: var(--color-primary-green);text-transform: uppercase;}
.header-action > img {height: 22px ;}
.banner-section {padding-top: 189px;}

.menu-toggle {display: flex;align-items: center;gap: 6px;cursor: pointer;}
.menu-toggle .arrow {transition: transform 0.3s ease;}
.menu-toggle .arrow {transform: rotate(180deg);}
.menu-toggle.open .arrow {transform: rotate(0deg);}
.subnav {background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #D9D9D9;box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.3);position: fixed;width: 100%;top:134px;background-color: var(--color-white);z-index: 999;}
.subnav-container {max-width: 1240px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.subnav-menu {display: flex;gap: 25px;}
.subnav-menu a.menu-item-rose {color: var(--color-primary-pink);}
.subnav-menu a, .subnav-menu span {text-decoration: none;font-size: 14px;font-weight: 600;color: var(--color-primary-green);cursor: pointer;}
.subnav-menu a:hover {text-decoration: underline;}
.search-wrapper {display: flex;justify-content: flex-end;}
.form_searchbox .input-group {display: flex;align-items: center;}
.search-absolute .formconto {height: 55px;width: 476px;padding: 5px 16px;border-right: none;border-radius: 0;font-size: 14px;border-bottom: 5px solid var(--color-primary-green);outline: none;background: #FFF;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.34) inset;box-sizing: border-box;}
#input_search {width: 100%;height: 100%;position: relative;padding: 0;display: flex;align-items: center;box-sizing: border-box;}
.input-group .form-control {background: unset;padding: 0;}
.form_searchbox .form-control::placeholder {color: #9c9c9c;font-size: 11px;font-style: italic;font-weight: 500;}
.form_searchbox .search-btn {height: 40px;padding: 12px;background: var(--color-primary-green);border: none;border-radius: 6px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.form_searchbox .search-btn span {color: var(--color-white);font-size: 13px;font-style: normal;font-weight: 600;}
.form_searchbox .search-btn:hover {opacity: 0.9;}
.form_searchbox .btn-default {background: var(--color-primary-green);border: none;}
.form_searchbox.focused.focused {border:none!important;border-bottom: 5px solid var(--color-primary-green)!important;}
#moteurrecherche, #moteurrecherche:focus {border:none;box-shadow: none;}
#divautosuggest {position: relative;z-index: 1000;border-radius: 0;border: 1px solid #e5e5e5;width: 107%;margin-left: -15px;margin-top: 10px;}

.mega-container {display: none;padding: 40px 0;}
.mega-container.active {display: block;position: fixed;width: 100%;background: var(--color-white);}
.mega-content {max-width: 1240px;margin: 0 auto;display: none;column-count: 4;column-gap: 40px;}
.mega-content.active {display: block;}
.mega-content a {display: block;margin-bottom: 10px;text-decoration: none;color: var(--color-primary-green);}

.slider-container {position: relative;overflow: hidden;width: 100%;height: 283px;max-height: 283px;border-radius: 0 0 12px 12px ;margin: 0;}
.content-btn-slider-subsite {position: absolute;top: 50%;left: 50%;width: 100%;max-width: 1200px;display: flex;justify-content: space-between;transform: translate(-50%, -50%);pointer-events: none;z-index: 2;}
.content-btn-slider-subsite .prev, .content-btn-slider-subsite .next {width: 32px;height: 32px;cursor: pointer;pointer-events: auto;}
.content-btn-slider-subsite .prev img {rotate: 180deg;}
.content-btn-slider-subsite .prev, .content-btn-slider-subsite .next {width: 32px;height: 32px;cursor: pointer;pointer-events: auto;}
.prev, .next {width: 40px;height: 40px;background: var(--color-primary-green);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.prev img, .next img {width: 18px;height: 18px;}

.bbtt {background-color: var(--color-primary-pink);border: 1px solid var(--color-primary-pink);}
.bbtt:hover{background-color: var(--color-secondary-pink-hover) ;}

.custom-modal-header {background: var(--color-primary-green)!important;}
.custom-modal-btn {background: var(--color-primary-pink)!important;}
.custom-modal-btn:hover {background: var(--color-secondary-pink-hover)!important;}

.content-add-address a:hover, .content-add-address a:active, .content-add-address a:focus {color: var(--color-primary-green)!important;}

/* NEWSLETTERS */
.newsletter-section {background: #f3f3f3;padding:20px 0 40px 0;text-align: center;}
.newsletter-container {max-width: 1240px;margin: 0 auto;}
#newsletter-form {flex-direction: column;}
.newsletter-title {font-family: var(--font-secondary);font-family: var(--font-secondary);font-size: 28px;color: var(--color-primary-green);margin-bottom: 30px;}
.newsletter-form-row {display: flex;justify-content: center;gap: 15px;margin-bottom: 25px;}
.newsletter-input {width: 323px;padding: 18px 24px;border-radius: 6px;border: 1px solid var(--Smooth-Grey-200, #DCDCDC);font-size: 14px;}
.newsletter-input::placeholder {color: #989898;font-size: 14px;font-weight: 500;}
.newsletter-button {background: var(--color-primary-pink);color: white;border: none;padding: 12px 22px;border-radius: 6px;font-size: 16px;font-weight: 600;cursor: pointer;transition: 0.3s;}
.newsletter-button:hover {background: var(--color-secondary-pink-hover);}
.newsletter-button:active {background: var(--color-secondary-pink-active);}
.newsletter-consents {text-align: left;max-width: 700px;margin: 0 auto;}
.newsletter-consent {display: flex;gap: 10px;font-size: 12px;color: #666;margin-bottom: 12px;}
.newsletter-link {color: var(--color-black);text-decoration: underline;}
.newsletter-consent label {color: var(--color-black);font-weight: 400;font-size: 12px;}

/* FOOTER */
.div_footer_web {background: var(--color-primary-green);padding: 42px 0 12px 0;}
.footer-container {max-width: 1240px;margin: 0 auto;display: flex;justify-content: space-between;gap: 40px;}
.footer-col {flex: 1;}
.footer-col h4 {font-family: var(--font-secondary);color: var(--color-white);font-size: 22px;font-style: normal;font-weight: 400;line-height: normal;text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);margin-bottom: 14px;}
.footer-col ul {list-style: none;padding: 0;margin: 0;}
.footer-col a {color: var(--color-white);text-decoration: none;font-size: 14px;font-style: normal!important;font-weight: 400;line-height: normal;}
.footer-col .lien-footer {color: var(--color-white);text-decoration-line: underline;}
.footer-col a:hover {opacity: 1;text-decoration: underline;}
.footer-support {border-radius: 0 0 16px 16px;background: var(--color-white);width: 322px;height: 204px;padding: 12px;display: flex;flex-direction: column;align-items: center;}
.footer-support h4 {color: var(--color-primary-green);margin-bottom: 15px;font-family: var(--font-secondary);font-size: 22px;font-style: normal;font-weight: 400;line-height: normal;}
.footer-support p {font-size: 14px;margin-bottom: 12px;font-weight: 400;color: var(--color-primary-green);}
.footer-support .phone {color: var(--color-primary-pink);font-size: 18px;font-weight: 600;margin-bottom: 6px;}
.footer-support a {color: var(--color-primary-pink);text-decoration: none;font-size: 16px;font-weight: 400;line-height: normal;text-decoration-line: underline;}
.footer-bottom__copyright {max-width: 1240px;margin: 0 auto;display: flex;margin-top: 64px;color: var(--color-white);font-size: 14px;font-weight: 400;line-height: normal;}
.footer-col > ul > li:last-of-type {text-decoration-line: underline;color: var(--color-white);}

/* HOME */
.slider-home {padding-top: 0;background: #f3f3f3;display: flex;flex-direction: column;align-items: center;}
.slider-container {padding-bottom: 12px;}
.content-slide {max-width: 1240px;}
.txt-aff {border-radius: 0 0 0 16px;background: rgba(38, 38, 38, 0.47);padding: 9px 33px;border: none;}
.dot-container {position: unset;width: auto;}
.dot {background: #B3B3B3;}
.dot.active {background: var(--color-primary-pink);}

.brands-section {background: #f4f4f4;padding: 50px 0px 28px 0px;}
.brands-container {max-width: 1240px;margin: 0 auto;text-align: center;}
.brands-title {font-family: var(--font-secondary);font-size: 28px;font-weight: 400;color: var(--color-primary-green);margin-bottom: 29px;}
.brands-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;}
.brand-card:hover {transform: translateY(-4px);}
.brand-card {border-radius: 0 0 16px 16px;overflow: hidden;box-shadow: var(--shadow-soft);height: 240px;background: white;}
.brand-card-image {position: relative;width: 100%;height: 100%;background: #d9d9d9;overflow: hidden;}
.brand-card-image img {width: 100%;height: 100%;object-fit: cover;display: block;padding-top: 7px;}
.brand-card-image::before {content: "";position: absolute;top: 0;left: -2px;width: calc(100% + 4px);height: 85px; background: white;clip-path: polygon(0 0, 106% 0, 100% 40%, 0 75%);z-index: 2;}
.brand-card-header {position: absolute;font-family: var(--font-secondary);top: 10px;left: 0;width: 100%;text-align: center;font-weight: 400;font-size: 22px;color: var(--color-primary-green);z-index: 3;}
.brands-button-wrapper {margin-top: 40px;}
.brands-button {background: var(--color-primary-pink);color: white;padding: 10px 24px;border-radius: 6px;text-decoration: none;font-size: 14px;font-weight: 600;transition: 0.3s;}
.brands-button:hover {background: var(--color-secondary-pink-hover);}

.bestseller-slider-wrapper {background: #f4f4f4;padding: 56px 0px;}
.bestseller-header-section {justify-content: center;margin-bottom: 40px;}
.bestseller-main-title {font-family: var(--font-secondary);color: var(--color-primary-green);font-size: 28px;font-style: normal;font-weight: 400;}
.bestseller-slider-container {padding: 20px 2px;}
.bestseller-image-container {border-radius: unset;justify-content: center;}
div.cubecoeur {top: 10px; right: 10px;}
.content-new-sticker {background: var(--color-primary-green);top: 10px;padding: 4px 26px;border-radius: 0px 15px 15px 0px;}
.content-new-sticker > span {font-size: 14px;font-weight: 700; }
.bestseller-product-card {border-radius: 0 0 16px 16px;box-shadow: unset;border:1px solid #e5e5e5; min-width: 264px;max-width: 264px;height: auto;}
.bestseller-product-card:hover {box-shadow: 0px 4px 10px 2px rgba(41, 41, 41, 0.12);}
.bestseller-content-area {display: flex;padding: 10px;flex-direction: column;gap: 15px;align-self: stretch;}
.libelle2-acc-libelle {color: var(--color-black);font-size: 18px;font-weight: 400;line-height: 20px;}
.bestseller-brand-text {font-size: 14px;font-style: italic;font-weight: 400;line-height: 20px;}
.bestseller-pieces-info {color: var(--color-primary-pink);font-size: 14px;font-weight: 600;}
.bestseller-bottom-section {justify-content: flex-start;gap: 20px;color: var(--color-black);font-size: 20px;font-weight: 700;}
.bestseller-cart-button, .button-add-cart {width: 100%;display: flex;padding: 10px;justify-content: center;align-items: center;gap: 15px;align-self: stretch;border-radius: 8px;background: var(--color-primary-pink);color: var(--color-white);font-size: 16px;font-weight: 600;line-height: 18px;transition: 0.3s;}
.bestseller-cart-button:hover, .button-add-cart:hover {background: var(--color-secondary-pink-hover);transform: none;}
.bestseller-nav-arrow, .bestseller-nav-arrow:hover, .bestseller-nav-arrow:disabled:hover {border: none;background: unset;box-shadow: none;}

.content-light {background: var(--color-white);padding: 41px 0px 29px 0px;}
.content-light-container {max-width: 1240px;margin: 0 auto;display: flex;gap: 20px;align-items: center;}
.content-light-text {flex: 1;color: #222;}
.content-light-text h2 {font-family: var(--font-secondary);font-size: 28px;font-weight: 400;margin-bottom: 20px;}
.content-light-text h3 {font-family: var(--font-secondary);font-size: 22px;font-weight: 400;}
.content-light-text p {font-size: 14px;font-weight: 400;line-height: normal;}
.content-light-text .intro {margin-bottom: 20px;font-size: 15px;}
.content-light-image {flex: 1;background: #d9d9d9;border-radius: 0 0 16px 16px;min-height: 290px;}

.content-highlight {background: var(--color-primary-green);padding: 47px 20px;}
.content-container {max-width: 1240px;margin: 0 auto;display: flex;gap: 17px;align-items: flex-start;}
.content-image {flex: 1;background: #d9d9d9;border-radius: 0 0 16px 16px;min-height: 457px;}
.content-text {flex: 1;color: white;}
.content-text h2, .content-text h3 {font-family: var(--font-secondary);font-size: 22px;font-style: normal;font-weight: 400;}
.content-text p {font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}

/* PP */
.content-pp {background-color: var(--color-white);}
.spacing-pp {margin-bottom:64px;}
.selected-row {background: #f9f0f0;}
.selected-row > td > div > .pp-libelle-pieces {color: var(--color-primary-pink);}
.bt-pp-pa, input[name="radio_pp_format"]:checked:before, .selected-row > td > div > .pp-libelle-pieces > .pp-text.btn-produit, .bt-pp-pa, .titr-pp-0, .b-select, .btn-val-p, .b-select-modal, .pp-add-panier, .ad-cart-lis, .confirm-button-nbpieces, .btn-val-pp, .puzzle-cart-button  {background: var(--color-primary-pink)!important;}
.bt-pp-pa:hover, .btn-produit:hover, .bt-pp-pa:hover, .b-select:hover, .btn-val-pp:hover, .b-select-modal:hover, .pp-add-panier:hover, .ad-cart-lis:hover, .confirm-button:hover, .btn-val-pp:hover, .puzzle-cart-button:hover {background-color: var(--color-secondary-pink-hover)!important;}
.tag-format-pp, .title-personalized-select-box {background-color: var(--color-primary-green);}
.bulle-membre-produit {color: var(--color-white);background: var(--color-primary-green);}
.change-select {color: var(--color-white);background: var(--color-primary-green);}
.ret-1, .ret-2, .ret-3, .ret-4 {display: flex;padding: 0px;padding-top: 0px;width: 48px;height: 48px;margin: 0 auto;text-align: center;align-items: center;justify-content: center;}
.ret-1 {border-radius: 30px;background: #f9f0f0;color: var(--color-primary-pink);font-size: 12px;font-style: normal;font-weight: 600;box-sizing: border-box;}
.ret-2 {border-radius: 30px;background: var(--color-primary-green);color: var(--color-white);font-size: 12px;font-style: normal;font-weight: 600;box-sizing: border-box;}
.ret-3 {border-radius: 30px;background: var(--color-gray-medium);color: var(--color-gray-muted);font-size: 12px;font-style: normal;font-weight: 600;box-sizing: border-box;}
.ret-4 {border-radius: 30px;background: var(--color-gray-medium);color: var(--color-gray-muted);font-size: 12px;font-style: normal;font-weight: 600;box-sizing: border-box;}
div.liste_boites img.boite.selected {border: 2px solid var(--color-primary-pink);}
div.selected {background-color: #f9f0f0;color: var(--color-primary-pink);}
div.onglet_boite:hover {background: #f9f0f0;}
img[src="/images/arrow_right-o-pp.svg"] {content: url("/images/puzzle-online/arrow_right-o-pp.svg");}
.cgv-checkbox:checked + label, #coche_carte:checked + label, #cgv_pp:checked + label, #conserver:checked + label {background-image: url(/images/puzzle-online/input-checkbox-checked.svg);}
.selected-row > td > div > .pp-libelle-pieces, .selected-row > td > div > .pp-libelle-pieces > .pp-text-nbpieces, .selected-row > td > div > .pp-libelle-pieces > .pp-text-size, .selected-row > td > div > .pp-price-without-promotion, .selected-row > td > div > .pp-price {color: var(--color-primary-pink);}
.pop-up-format-image-pp {background: var(--color-primary-green);color: var(--color-white);}
img[src="/images/cancel-btn-popup.svg"] {content: url("/images/puzzle-online/cancel-btn-popup.svg");}
.upload-title {color: var(--color-primary-green);}
.upload-progress-bar {background: var(--color-primary-pink);}
.slider.round:before {background-color: var(--color-primary-green);}
.zone-line, .zone-line2, .security-margin-line {border-left: 1px dashed var(--color-primary-green)}
.titr-pp2 {color: var(--color-primary-green);font-family: var(--font-secondary);text-align: center;}
.btn-sec-single-product {font-family: var(--font-main);}
.pp-price-color {color: var(--color-primary-green);}

/* MON COMPTE */
.btn-logout {color: var(--color-white);background-color: var(--color-primary-pink);border:none;}
.btn-logout:hover {color: var(--color-white);background-color: var(--color-secondary-pink-hover);}
.btn-logout > img[src="/images/nav-arrow-right.svg"] {content: url("/images/puzzle-online/nav-arrow-right.svg");}
.intro-esc {font-family: var(--font-secondary);font-size: 28px;font-weight: 400;color: var(--color-primary-green);margin-bottom: 29px;}
.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span {background-color: var(--color-primary-pink);color: var(--color-white);}
.tit-es-c {font-family: var(--font-secondary);color: var(--color-primary-green);font-weight: 700;font-size: 14px;padding: 8px 12px;border-left: 4px solid var(--color-primary-green);background-color:  #0080000f;border-radius: 6px;margin-bottom: 14px;}
.titre-es-client, .badge-title-address, .badge-title-, .content-add-address a {color: var(--color-primary-green);}
.content-account {padding: 0 0 64px 0;}
#save-changes, #add-address, .btn-new-fr2, .custom-file-label, .bt-clie {background-color: var(--color-primary-pink);}
#save-changes:hover, #add-address:hover, .btn-new-fr2:hover, .custom-file-label:hover, .bt-clie:hover {background-color: var(--color-secondary-pink-hover);}
#add-complement-btn {color: var(--color-primary-pink)!important;}
form[name="sylius_shop_change_password"] > div > div > input:focus, form[name="sylius_shop_customer_profile"] div div input:focus, #sylius_shop_customer_profile_phoneNumber:focus, form[name="sylius_shop_address"] div div input:focus {border-color: var(--color-primary-green);}
.solde-gift-card {color: var(--color-primary-pink);}
.reclamations-header, .filter-button.active {background-color: var(--color-primary-green);}
.thead-order-list {background-color: var(--color-primary-green);}
.pay {background: var(--color-primary-pink);}
.pay:hover {background: var(--color-secondary-pink-hover);}
.tbody-order-list > .not-paid, .commande-urlpay {background: #f9f0f0;}
.total-actions {color: var(--color-primary-pink);}
img[src="/images/icon-not-paid-order.svg"] {content: url("/images/puzzle-online/icon-not-paid-order.svg");}
.text-not-paid, .commande-unpaid {color: var(--color-primary-green)!important;}
.text-orange, .commande-status .montant {color: var(--color-primary-pink);}
.commande-detail-ligne-total {background: var(--color-primary-green);color: var(--color-white);}
.commande-detail-ligne-total .subtotal-item-order {color: var(--color-white);}

/* LISTING */
.position-p {padding-bottom: 64px;}
div.presentation {display: none;}
.cube-prod {display: flex;flex-direction: column;background: #fff;border-radius: 12px;box-shadow: none;border: 1px solid #e5e5e5;overflow: hidden;width: 100%;height: auto;align-items: center;}
.card-product-content {display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;padding: 15px;width: 100%;box-sizing: border-box;}
.product-info {flex-grow: 1;display: flex;flex-direction: column;justify-content: flex-start;min-height: 90px;gap: 15px;}
.product-info > a {display: flex;flex-direction: column;gap: 15px;}
.product-footer {margin-top: auto;display: flex;flex-direction: column;gap: 15px;}
img[src="/images/heart_icon.svg"] {content: url("/images/puzzle-online/heart.svg");}
img[src="/images/heart_icon_red.svg"] {content: url("/images/puzzle-online/heart_icon_red.svg");}
.cube-prod > div > .content-new-sticker {top: 0;border-radius: 0 0 15px 15px;}
.container_filtre .ui-slider-handle, .container_filtre_mobile .ui-slider-handle {background: url(/images/puzzle-online/defilement.svg) no-repeat !important;}
.ui-widget-header {background: var(--color-primary-green) !important;}
#ConteneurSelection {margin: 0;padding: 5px 0;padding: 16px 0px;background-color: var(--color-primary-green);color: var(--color-white) !important;border-radius: 6px 6px 0 0;}
img[src="/images/case-coche.svg"] {content: url("/images/puzzle-online/case-coche.svg");}
.active-search img {background-color: var(--color-primary-green)!important;}
.pagination-nb-product {background: unset;}
.pagination-nb-product > span {color: var(--color-primary-green);font-weight: 600;   font-size: 13px;}
.content-cube-produits-web-tablette {display: grid;grid-template-columns: repeat(3, 1fr);gap: 22px;padding-bottom: 24px;align-items: stretch;}
.card-product-content .text-name {color: var(--color-black);font-size: 18px;font-weight: 400;line-height: 20px;}
.card-product-content .text-pink {color: var(--color-primary-pink);font-size: 14px;font-weight: 600;}
.card-product-content .brand {font-size: 14px;font-style: italic;font-weight: 400;line-height: 20px;}
.prix-promo-prod {color: var(--color-black);}

/* LOGIN */
.page-log {width: 100%; margin-left:auto; margin-right:auto; max-width:1240px; padding:24px 0; margin-top:40px; margin-bottom:80px}
.login-wrapper {display: flex;gap: 40px;max-width: 1240px;margin: 60px auto;}
.login-card, .encart-form-log2 {flex: 1;background: #fff;padding: 40px;border-radius: 16px;border: 1px solid #e5e5e5;min-height: 393px;display: flex;align-items: center;justify-content: center;}
.encart-form-log {width: 100%;}
.rose.underline {color: var(--color-primary-pink);}
.login-title, .marg-tins {text-align: center;font-size: 22px;font-weight: 600;color: var(--color-primary-green);margin-bottom: 24px;}
.form-control {border-radius: 10px;padding: 14px 16px;border: 1px solid #e2e2e2;transition: 0.2s ease;box-sizing: border-box;}
.form-control:focus {border-color: var(--color-primary-green);box-shadow: 0 0 0 3px rgba(15,95,79,0.1);}
#sylius_shop_customer_registration_phoneNumber {height: 50px;}

/* STATIQUE */
.bloc-menu-qui.block_active {border: 1px solid var(--color-primary-pink);}
body[data-route="app_static_page"] .container div[style*="color: var(--Orange"], body[data-route="app_static_page"] .container a[style*="color:#f60"] {color: var(--color-primary-pink)!important;}
.content-about-us, .content-provenance, #plandusite, .legal-page, .content-missing-pieces {margin-bottom: 64px;}
.title-provenance, .legal-cgv h1, .plan-site h1, .ti-qui, .legal-header h1 { color: var(--color-primary-green);font-family: var(--font-secondary);}
.sous-title-site-map {color: var(--color-primary-pink);}
.section-site-map {border:none;padding: 0;}

/* WISHLIST */
.content-wishlist {max-width:1240px;margin: auto;}
.all_cube_maliste_online {display:flex;gap:32px;flex-wrap: wrap;gap: 20px;}
.header-wishlist h1 { color: var(--color-primary-green);font-family: var(--font-secondary);}
.des-de {color: var(--color-primary-green);}
.cube_maliste > div{border-radius: 0 0 16px 16px;overflow:hidden;border: 1px solid #e5e5e5;transition:.25s;padding:14px !important;}
.cube_maliste > div:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(0,0,0,.12) !important;}
.pic-img-list {border: none;position: relative;}
.pic-img-list img{border-radius:14px;transition:.3s;}
.cube_maliste:hover .pic-img-list img{transform:scale(1.05);}
.ti-lis{font-weight:600;font-size:15px;line-height:1.3;}
.pi-lis{font-size:12px;color:#777;}
.prix-lis{font-size:17px;font-weight:700;}
.enstock-produit{font-size:12px;font-weight:500;}
.da-lis{font-size:11px;color:#888;}
.poub-list{position: absolute;top: -10px;right: -5px;left: unset;z-index: 2;background: unset;}
.poub-list:hover{opacity:1;transform:scale(1.1);}
.da-lis {float: left;}
.enstock-produit {background: var(--color-white);color: var(--color-primary-green);font-size: 11px;padding: 0;}
img[src="/images/warning-triangle.svg"] {display: none;}

/* PANIER */
.alert-info {
    --bs-alert-color: var(--color-primary-green);
    --bs-alert-bg: none;
    --bs-alert-border-color: none;
    --bs-alert-link-color: var(--color-pink-dark);
    text-align: center;
    margin-top: 20px;
    background-color: unset;
    border-color: unset;
    color: var(--color-primary-green);
    border: none;
}
.alert-info > .fw-bold {font-family: var(--font-secondary);font-size: 34px;}
.checkout-item-custom {box-shadow: none;border: 1px solid #e5e5e5;}
.checkout-custom-form input {border: 1px solid var(--color-primary-pink);margin: 0 33%;}
.bout-pan-checkout-custom, .pass-liv-checkout-custom, .pass-liv-checkout-custom:disabled, .confirm-button, .btn-pass-pan, .bt-pan-v, .modif-pan-a, .btn-produit-p, #btn-new-billing-address, #btn-validate-address, #btn-new-address, input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], .btn-pass-paiement {background: var(--color-primary-pink)!important;}
.bout-pan-checkout-custom:hover, .pass-liv-checkout-custom:hover, .confirm-button:hover, .btn-pass-pan:hover, .bt-pan-v:hover, .modif-pan-a:hover, .btn-produit-p:hover, #btn-new-billing-address:hover, #btn-validate-address:hover, #btn-new-address:hover, .btn-pass-paiement:hover {background: var(--color-secondary-pink-hover)!important;}
.total-hors-tax, .total-hors-tax *, .total-line {background: #f4f4f4!important;}
.taill-tx-pani, .total-item-custom > strong, .text-trans, .toggle-societe {color: var(--color-primary-green);}
.body-item-cart {align-items: center;}
.text-pink {color: var(--color-primary-pink);font-size: 14px;font-weight: 600;}
.swal2-image {display: none;}
.bloc-p-ti { background: var(--color-primary-green);}
.bloc-ad-pan, .bloc-open-recap, .encart-pan-b {border: 1px solid var(--color-primary-green);}
body[data-route="sylius_shop_checkout_select_shipping"] .steps .steps-item:nth-child(1) .ret-1, body[data-route="sylius_shop_checkout_select_payment"] .steps .steps-item:nth-child(1) .ret-1, body[data-route="sylius_shop_checkout_select_payment"] .steps .steps-item:nth-child(2) .ret-2 {background-color: var(--color-primary-green) !important;color: var(--color-white) !important;opacity: 0.8;}
body[data-route="sylius_shop_checkout_select_shipping"] .steps .steps-item:nth-child(2) .ret-2, body[data-route="sylius_shop_checkout_select_payment"] .steps .steps-item:nth-child(3) .ret-3 {background-color: var(--color-primary-green) !important;color: var(--color-white) !important;}
img[src="/images/home-pan.svg"] {content: url("/images/puzzle-online/home-pan.svg");width: 24px;height: 24px;}
img[src="/images/pin-alt-pan.svg"] {content: url("/images/puzzle-online/pin-alt-pan.svg");width: 24px;height: 24px;}
img[src="/images/box-iso-pan.svg"] {content: url("/images/puzzle-online/box-iso-pan.svg");width: 24px;height: 24px;}
img[src="/images/delivery-truck-pan.svg"] {content: url("/images/puzzle-online/delivery-truck-pan.svg");width: 24px;height: 24px;}
.radio-custom input[type="radio"]:checked + label::before, .custom-radio input[type="radio"]:checked + .radio-btn, .custom-radio input[type="radio"]:checked + .radio-btn::after {border-color: var(--color-primary-green) !important;background-color: var(--color-primary-green) !important;}
body[data-route="sylius_shop_checkout_select_shipping"] .steps .steps-item:nth-child(1)::after, body[data-route="sylius_shop_checkout_select_payment"] .steps .steps-item:nth-child(1)::after, body[data-route="sylius_shop_checkout_select_payment"] .steps .steps-item:nth-child(2)::after {background-image: url(/images/puzzle-online/arrow_right-o-pp.svg) !important;}
.bloc-menu-infoca.bloc-active {border: 1px solid var(--color-primary-pink);}
.txt-pan-cen, .chx-pai {color: var(--color-primary-green);font-family: var(--font-secondary);}
.bloc-recap-pp-message {border: none;background: var(--color-primary-green);color: var(--color-white);}
img[src="/images/warning-triangle-pan.svg"] {content: url("/images/puzzle-online/warning-triangle-pan.svg");}
.add-complement-btn {color: var(--color-primary-green)!important;}
.widget_colissimo_text_bold, .widget_colissimo_text_normal, .widget_colissimo_grise, .widget_colissimo_adresse::placeholder {font: var(--font-main)!important;}
img[src="/images/surplace1.png"] {content: url("/images/puzzle-online/surplace1.png");}
.form-check-input:checked {border-color: var(--color-primary-pink);background-color: var(--color-primary-pink);}

/* ESPACE INFORMATION */
.bloc-menu-pc-subsite {display: flex;}
.bloc-menu-link-subsite {display: flex;gap:2px;width: 100%;box-sizing: border-box;margin:0 25px;}
.paginfo-menu {flex: 1;text-align: center;}
.paginfo-menuactiv {background: var(--color-primary-green)!important;}
.paginfo-menu {display: flex;padding: 8px;align-items: center;gap: 8px;align-self: stretch;border-radius: 4px 4px 0px 0px;background: var(--color-gray-muted);color: var(--color-white);justify-content: center;}
.paginfo-menuactiv > .paginfo-txt {color: var(--color-white);}
.paginfo-txt {color: var(--color-white);}
.bloc-menu-info {margin-bottom: 68px;box-sizing: border-box;border: 1px solid #e5e5e5;}
.titre-inf, .titr-marq, .aut-marq {color: var(--color-primary-green);font-family: var(--font-secondary);}
.titres-or {color: var(--color-primary-pink);}

/* FICHE PRODUIT */
#fiche_produit3 {background-color: var(--color-white);}
div.cubecoeurproduit {background: unset;}
#fiche_produit3 .pictures .photo .cubepartage img {width: 26px;height: 26px;}
#fiche_produit3 .vignettes .vignette.active, .fancybox-thumbs__list a:before {border: 2px solid var(--color-primary-green);}
.cubepartage {top: 10px;right: 45px;}
.marque-produit {color: var(--color-primary-green);}
.ref-produit {font-size: 14px;font-style: italic;font-weight: 400;line-height: 20px;}
.btn-produit-content, .btn-produit {background-color: var(--color-primary-pink);font-family: var(--font-main);}
.btn-produit-content:hover, .btn-produit:hover {background-color: var(--color-secondary-pink-hover);}
.bul-r-pro {background-color: var(--color-primary-green);}
#fil_ariane {margin: auto;max-width: 1240px;}
body[data-route="app_product_show"] .position-p {padding-bottom: 0;}
.content-product-sheet {padding-bottom: 64px;}
.intitules-haut {font-size: 14px;margin: 0;}
.promo-produit {color: var(--color-white);font-size: 12px;font-style: normal;font-weight: 700;line-height: 15px;border-radius: 8px;background-color: var(--color-primary-green);display: flex;padding: 8px 14px;align-items: center;gap: 10px;float: left;margin-left: 25px;}
.tx-exped {margin-left: 0;font-size: 18px;max-width: fit-content;}
.tx-exped > a {font-size: 18px;}
.text-brands {display: flex;}
.capitale.actif, #voir-tout.actif {background-color: var(--color-primary-green);padding-left: 12px;}
#voir-tout {padding-left: 0px;}

.alert-minimalist {background-color: #f9f0f0;border: 1px solid var(--color-primary-pink);color: var(--color-primary-pink);}
.scr-fl {background-color: var(--color-primary-pink);}

body[data-route="app_static_confidentialite_de"] .typo {font-weight: bold;}

@media (min-width: 1200px) {
    .container:not(.cont-site), .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 1240px;
    }
}

@media (min-width: 0px) and (max-width: 425px) {
    .brands-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }
}

@media (min-width: 425px) and (max-width: 991px) {
    .brands-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}
@media (min-width: 0px) and (max-width: 991px) {
    .banner-section {padding-top: 0;}
    .newsletter-section { padding: 50px 16px;}
    .newsletter-form-row {flex-direction: column;}
    .div_footer_mobile {background:#025548;margin:0 auto; text-align:center;padding: 24px 0 12px 0;display: flex!important;flex-direction: column;align-items: center;gap: 24px;}
    .list-footer {list-style:none; margin:0; padding:0; display:block;width: 100%;}
    .title-footer {font-family: var(--font-secondary);color: var(--color-white);font-size: 22px;font-style: normal;font-weight: 400;line-height: normal;text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);margin-bottom: 14px;}
    .list-footer li a {color: var(--color-white);text-decoration: none;font-size: 14px;font-style: normal!important;font-weight: 400;line-height: normal;}
    .footer-bottom__copyright {margin-top:0;}

    .header_web {display: none;}
    .arrow-icon-mobile {transition: transform 0.3s ease;transform: rotate(90deg);}
    .menu-mobile-bar {background: var(--color-white);border-bottom: 1px var(--color-border-light) solid;padding: 16px;justify-content: space-between;align-items: center;display: flex;}
    .menu-mobile-cart {position: relative;}
    .nbPanier {background-color: var(--color-primary-green);top: -12px;right: -8px;}
    .burger-menu::before, .burger-menu::after, .burger-menu .middle-bar {color: var(--color-primary-green);}
    .recherche_mobile .form_searchbox {background: #e5e5e5;border-bottom: 5px solid var(--color-primary-green);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.34) inset;box-sizing: border-box;}
    .searchbox-container > .input-wrapper {border-radius: 0;padding:10px 12px;}
    .form_searchbox .search-btn {height: 30px;padding: 8px;}
    .form_searchbox .search-btn span {font-size: 10px;}
    body.menu-open {overflow: hidden;position: fixed;height: 100vh;}
    .menu_mobile.active {position: fixed;width: 100vw;height: 100vh;}
    .menu-mobile-stock {width: 100%;background-color: var(--color-primary-green);padding: 10px 0;}
    .menu-mobile-stock-inner {display: flex;justify-content: center;align-items: center;text-align: center;}
    .menu-item {padding: 16px;background: var(--color-white);border-bottom: 1px solid var(--color-border-light);display: flex;flex-direction: column;gap: 10px;cursor: pointer;}
    .menu-item-header {display: flex;width: 100%;}
    .menu-item-title {flex: 1;font-size: 14px;font-weight: 600;}
    .submenumobile {display: none;flex-direction: column;gap: 8px;}
    .submenu-link {color: var(--color-secondary);text-decoration: none;}
    .submenu-link:hover { text-decoration: underline; }
    .menu-mobile-links {display: flex;flex-direction: column;}
    .menu-link {padding: 16px;background: var(--color-white);border-bottom: 1px solid var(--color-border-light);display: flex;align-items: center;}
    .menu-link-flex { gap: 6px; }
    .text-menu-mobile {color: var(--color-primary-green);font-size: 14px;font-weight: 600;word-wrap: break-word;}
    .highlight-text { color: var(--color-primary-pink); }    
    .footer-menu-mobile {background-color: var(--color-lighter-gray);}
    .content-footer-menu-mobile {justify-content: flex-end;}

    .slider-home{margin: 0;}
    .slider-home ,.brands-container {padding: 0 16px;}
    .bestseller-slider-wrapper, .content-light {padding: 32px 16px;}
    .content-light-container, .content-container {flex-direction: column;}
    .cont-site {background-color: #f4f4f4;margin: 0;}
    .content-light-image,
    .content-image {width: 100%;height: auto;min-height: unset;object-fit: cover;display: block;}
    .padding-mobile {padding: 0 16px;}
    .fil-ariane {padding:8px 0 0 0!important;}
    .fil-ariane a {color: var(--color-primary-green);}
    .content-cube-produits-mobile {padding-top: 10px;}

    .cube-prod{flex-direction: row;}
    body[data-route="app_custom_thank_you"] .position-p {padding: 32px 16px;}
    .position-p {background-color: #FAFAFA;padding-bottom: 32px;}
    img[src="/images/add-to-cart.svg"] {content: url("/images/puzzle-online/add-to-cart.svg");}
    .image-loader-container img, .cube-prod > div > a > img {height: 174px;width: auto;border-radius: 0px;}
    .libelle2-acc-nbpieces {color: var(--color-primary-pink);}
    .content-cube-produits-mobile > div { padding: 0;}
    .btn-filtre-mobile {background: var(--color-primary-pink);}
    .btn-filtre-mobile:hover {background: var(--color-secondary-pink-hover);}
    .content-account {padding: 32px 0 64px 0;}

    .page-log, .contmob-sa {padding: 0 16px;box-sizing: border-box;}
    .login-wrapper {flex-direction: column; margin: 0;}
    form[name="sylius_shop_customer_registration"] > .PodBlanc > .form-group > div {width: 100%!important;}

    .ret-1, .ret-2, .ret-3, .ret-4 {font-size: 10px;padding: 0px;padding-top: 0px;width: 32px;height: 32px;margin: 0 auto;text-align: center;}
    .bloc-menu-pc-subsite {display: none !important;}
    .bloc-mob-inf {margin-left: 16px !important;margin-right: 16px !important;}
    .content-wishlist {padding: 0 16px;}
    .enstock-produit-list {padding: 6px 12px;background: var(--color-white);color: var(--color-primary-green);font-size: 11px;border: 1px solid var(--color-primary-green);}
    .add-to-cart-mobile > form {margin: 0;}
    .ad-cart-lis-mobile {padding: 12px;border-radius: 100px;border: none;background: var(--color-primary-pink);box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.08);transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;cursor: pointer;}
    body[data-route="app_product_show"] .position-p {background-color: var(--color-white);}
    .fil-ariane-content-produit {padding: 0!important;}
    .bestseller-dot.active, .slider1-dot.active, .slider2-dot.active, .slider3-dot.active {background: var(--color-primary-pink)}
    .bestseller-dot, .slider1-dot, .slider2-dot, .slider3-dot {background: #B3B3B3;}
    .bestseller-slider-container {padding: 20px 2px 10px 2px;}
    .bestseller-dots-container, .slider1-dots-container, .slider2-dots-container, .slider3-dots-container {margin-top: 0;}
    .fil-ariane-content-produit a { color: var(--color-black);}
    .alert-info > .fw-bold {font-family: var(--font-secondary);font-size: 24px;}
    .body-item-cart {align-items:start ;}
    body[data-route="app_custom_thank_you"] .btn-produit-p {max-width: none;width: 100%;}
    .onglet_boite1.selected {
        border: 1px solid var(--color-primary-pink);
        background: #f9f0f0;
        border-radius: 0;
    }
    .boite.selected {
        border-radius: 4px;
        border: 2px solid var(--color-primary-pink)!important;
    }
}