/* GO PUZZLE THEME */

/* VARIABLES GLOBALES */
:root {
    --color-pink: #FF015D;
    --color-pink-dark: #d90067;
    --color-pink-light: #FFE4EE;
    --color-black: #000;
    --color-gray: #222;
    --color-light-gray: #dcdcdc;
    --color-lighter-gray: #f2f2f2;
    --color-white: #fff;
    --font-main: 'Sofia Pro', sans-serif;

    --radius-small: 8px;
    --radius-medium: 12px;
    --radius-large: 16px;
}

/* BASE TYPOGRAPHIQUE */
body {font-family: var(--font-main);color: var(--color-black);margin: 0;padding: 0;}
.alert-info {--bs-alert-color: var(--color-black);--bs-alert-bg: var(--color-pink-light);--bs-alert-border-color: var(--color-pink);--bs-alert-link-color: var(--color-pink-dark);}
.container{margin-left:auto;margin-right:auto;zoom:1;--bs-gutter-x: 0;}
.container:before,.container:after{content:"";display:table;line-height:0;}
.container:after{clear:both;}
.container-fluid{padding-left:20px;padding-right:20px;zoom:1;}
.container-fluid:before,.container-fluid:after{content:"";display:table;line-height:0;}
.container-fluid:after{clear:both;}

/* HEADER INFOS (BANDEAU AVANTAGES COMMERCIAUX) */
.header-infos {margin-left: auto;margin-right: auto;position: relative;max-width:1120px;z-index:1100;height: -webkit-fill-available;display: flex;align-items: center;justify-content: space-between;}
.header-infos-text {display: flex;gap: 20px;font-family: var(--font-main);font-weight: 700;}
.header-infos-text span {font-size: 14px;}
.header-infos-text strong {font-size: 16px;font-weight: 900;text-transform: uppercase;}
.nbPanier {right: -4px;}
#cartLink {padding: 0;margin-top: 0;}
.col-md-pays {margin-right: 0;}
.choix-pays {background-color: var(--color-pink);color: var(--color-white);border: none;}
.select-pays {margin-left: 8px;}

/* MODAL PANIER */
#modal-panier {display: none;position: fixed;justify-content: center;align-items: center;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);z-index: 2000 !important;}
.modal-content-panier {background-color: #fff;width: 650px;max-height: 90vh;border-radius: 12px;display: flex;flex-direction: column;overflow-y: auto;box-shadow: 0 10px 30px rgba(0,0,0,0.2);animation: fadeInUp 0.3s ease;}
@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);} to {opacity: 1;transform: translateY(0);}}

/* MENU */
.menu-web {background-color: var(--color-white);padding: 20px;position: relative;z-index: 2;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);z-index: 100;}
.content-menu-web {margin: 0 auto;position: relative;max-width: 1120px;display: flex;align-items: center;justify-content: space-between;}
.content-menu-web > a > img {vertical-align: unset;}
.link-menu-web {display: flex;gap: 17px;color: var(--color-black);font-family: var(--font-main);cursor: pointer;}
.text-menu-web {display: flex;align-items: center;text-transform: uppercase;}
.nav-arrow-menu {rotate: 90deg;}
.submenu:hover, .sous-value-menu:hover, .sous-value-menu a:hover, .submenu.hover, .sous-value-menu.hover {background: var(--color-white);border-radius: 0px;color: var(--color-black);}
.formconto, .formconto:hover, .formconto.focused {border: 1px solid #FF015D!important;background-color: white;}
.search-container {position: relative;display: flex;align-items: center;}
.search-placeholder {width: 210px;height: 40px;flex-shrink: 0;}
.search-bar-web {position: absolute;top: 0;right: 0;width: 210px;height: 40px;z-index: 10;transition: width 0.35s ease, box-shadow 0.3s ease;}
.search-bar-web > div {height: 40px;width: 210px;transition: width 0.35s ease;}
.search-active .search-bar-web {width: 550px;z-index: 1000;}
.search-active .search-bar-web > div {width: 550px;}
#search-overlay {display: none;position: fixed;inset: 0;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(3px); z-index: 900;}
.search-active #search-overlay {display: block;}
#moteurrecherche, #moteurrecherche:focus {border:none;box-shadow: none;}
#input_search > .btn-default {--bs-btn-padding-x: 0;--bs-btn-padding-y: 0;font-size: unset;width:20px!important;height:18px!important;display: flex;padding: 0;}
#input_search > .btn-default > img {width:20px!important;height:18px!important;}

/* SOUS-MENUS (MARQUES / TAILLES) */
.submenu {display: none;position: absolute;top: 144px;left: 0;width: 100%;background: var(--color-white);box-shadow: 0 4px 20px rgba(0,0,0,0.1);border-top: 1px solid #eee;z-index: 100;padding: 30px 0 40px;}
.submenu.open {display: block;}
.submenu-inner {max-width: 1120px;margin: 0 auto;}
.submenu-title {font-family: var(--font-main);font-weight: 700;font-size: 18px;text-align: center;margin-bottom: 32px;display: flex;align-items: center;gap: 8px;}
.submenu-title > img {width: 20px;height: 20px;}
.submenu-grid {column-count: 4;column-gap: 48px;column-rule: 1px solid #ccc;}
.submenu-link {display: block;break-inside: avoid;font-family: var(--font-main);font-size: 15px;font-weight: 600;color: var(--color-black);text-decoration: none;margin-bottom: 6px;}

/* SLOGAN */
.slogan-site {margin: 0 auto;max-width: 1120px;z-index: 1100;background-color: var(--color-black);border-radius: 0 0 30px 30px;text-align: center;padding: 12px;}
.slogan-site > span {font-family: var(--font-main);font-weight: 700;font-size: 18px;display: flex;align-items: center;justify-content: center;gap: 8px;}
.slogan-site {position: relative;z-index: 1;transition: transform 0.3s ease-out;will-change: transform;}
.a_ariane, #fil_ariane {color: var(--color-black)!important;font-size: 12px;}

/* NEWSLETTER */
.ti-news-t {font-family: var(--font-main);font-size: 28px;font-weight: 900;color: var(--color-white);}
.txt-news {font-family: var(--font-main);font-size: 16px;font-weight: 500;color: var(--color-white);}
.btn-new-fr {background-color: var(--color-pink);border-radius: var(--radius-small);font-weight: 700;font-family: var(--font-main);font-size: 16px;width: 100%;flex: 1;color: var(--color-white);transition: background-color 0.2s ease-in-out;}
.btn-new-fr:hover {background-color: var(--color-pink-dark);}
.bbt-n {border-radius: var(--radius-small);height: 53px;box-sizing: border-box;}
.newsletter-form {display: flex;justify-content: space-between;gap: 10px;}
#newsletter-form {flex-direction: column;gap: 32px;margin: 0;}
.insc-new {display: flex;width: 100%;}
input::placeholder {font-style: italic;color: var(--color-light-gray);}

/* FOOTER */
.ti-sfoo {font-family: var(--font-main);font-size: 22px;text-transform: none;color: var(--color-black);font-weight: 700;}
.ti-sfoo > span {color: var(--color-pink);}
.ti-ssfoo {font-family: var(--font-main);font-size: 14px;color: var(--color-black);text-align: left;margin-top: 0;font-weight: 400;}
.footer-link {background-color: var(--color-white);display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;gap: 40px;}
.footer-section {flex: 1;min-width: 200px;margin-top: 20px;}
.footer-section h3 {font-family: var(--font-main);font-size: 22px;font-weight: 700;margin-bottom: 10px;color: var(--color-black);}
.footer-section ul {list-style: none;padding: 0;margin: 0;}
.footer-section a {color: var(--color-black);text-decoration: none;font-family: var(--font-main);font-size: 15px;font-weight: 500;}
.footer-section a:hover {text-decoration: underline;}
.contact-box {background-color: var(--color-white);border-radius: 0 0 var(--radius-large) var(--radius-large);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);padding: 24px 16px;text-align: center;flex: 1;min-width: 250px;margin-top: -6px;}
.contact-box h3 {font-family: var(--font-main);font-size: 22px;font-weight: 700;margin-bottom: 8px;}
.contact-box p {font-family: var(--font-main);font-size: 15px;margin: 6px 0;font-weight: 500;}
.contact-box .phone {color: var(--color-pink);font-weight: 700;font-family: var(--font-main);font-size: 22px;}
.footer-bottom {background-color: var(--color-black);color: var(--color-white);text-align: center;font-family: var(--font-main);font-size: 13px;font-weight: 300;padding: 10px 0;margin-top: 30px;}
.case-foot {flex: 0 0 auto;width: 25%;background: unset;}
.case-foot :hover {background: unset;}

/* GO PUZZLE — SALES GRID (VENTES) */
.go-puzzle-sales {font-family: var(--font-main);}
.sales-header h2 {font-size: 18px;font-weight: 700;margin-bottom: 18px;display: flex;align-items: center;gap: 8px;width: 100%;text-transform: uppercase;}
.sales-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 20px;}
.sale-item {position: relative;background: var(--color-white);border-radius: var(--radius-large);box-shadow: 0 4px 10px rgba(0,0,0,0.05);overflow: hidden;transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;}
.sale-item:hover {transform: translateY(-4px);box-shadow: 0 6px 18px rgba(0,0,0,0.12);}
.sale-image {position: relative;overflow: hidden;}
.sale-image img {width: 100%;height: 220px;object-fit: cover;display: block;}
.overlay {position: absolute;inset: 0;background: rgba(0,0,0,0.4);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity .3s ease;}
.sale-image:hover .overlay { opacity: 1;}
.btn-white {color: var(--color-white);font-size: 14px;font-weight: 700;padding: 10px 20px;border-radius: var(--radius-small);text-decoration: none;border: 1px solid var(--color-white);backdrop-filter: blur(1px);}
.sale-info {padding: 15px;text-align: left;}
.sale-info h3 {font-size: 16px;font-weight: 600;margin-bottom: 4px;line-height: 1.3;max-height: 2.6em; /* 2 lignes */overflow: hidden;}
.sale-info p {font-size: 14px;color: #555;margin: 0;}

/* PROMO SECTION */
.go-puzzle-promo {font-family: var(--font-main);padding: 80px 0;}
.go-puzzle-promo > div {display: flex;flex-wrap: wrap;align-items: center;gap: 32px;}
.promo-text, .promo-image {flex: 1 1 calc(50% - 16px);display: flex;flex-direction: column;justify-content: center;}
.promo-text h2 {font-size: 18px;font-weight: 700;margin-bottom: 20px;display: flex;align-items: center;gap: 8px;text-transform: uppercase;}
.promo-text p {font-weight: 500;font-size: 16px;margin-bottom: 12px;color: var(--color-gray);}
.promo-heart {width: 20px;height: 20px;}
.promo-image img {width: 100%;max-width: 550px;height: 200px;object-fit: cover;object-position: center 80%;border-radius: var(--radius-medium);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);margin-bottom: 20px;}
.promo-buttons {display: flex;justify-content: center;gap: 24px;}

/* PRIX MINI SECTION */
.go-puzzle-prix-mini {font-family: var(--font-main);}
.prix-mini-header h2 {font-size: 18px;font-weight: 700;display: flex;align-items: center;gap: 8px;text-transform: uppercase;}
.bestseller-slider-container {overflow: hidden;}
.bestseller-slider-track {display: flex;gap: 20px;}
.bestseller-slider-wrapper {padding: 18px;}
.prix-mini-card {position: relative;background: var(--color-white);border-radius: 0 var(--radius-large) var(--radius-large) var(--radius-large);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);overflow: hidden;text-align: center;width: 260px;flex-shrink: 0;transition: transform 0.25s ease, box-shadow 0.25s ease;cursor: pointer;}
.prix-mini-badge {position: absolute;background: var(--color-black);color: var(--color-white);font-size: 13px;font-weight: 700;padding: 5px 10px;border-radius: 0 0 var(--radius-large) 0;z-index: 2;}
.prix-mini-image img {width: 100%;height: 200px;object-fit: cover;display: block;}
.card-product-content {font-family: var(--font-main);padding: 15px;text-align: left;width: 100%;box-sizing: border-box;}
.card-product-content .text-name {font-size: 17px;font-weight: 400;}
.card-product-content .text-pink {color: var(--color-pink);font-size: 14px;font-weight: 400;}
.card-product-content .brand {font-size: 14px;font-style: italic;margin-bottom: 10px;font-weight: 400;}
.content-price {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.card-product-content .price-original {font-size: 13px;font-weight: 700;font-style: italic;margin-bottom: 2px;}
.card-product-content .price {color: var(--color-pink);font-size: 18px;font-weight: 900;}

/* BOUTONS */
.btn-pink, .bt-pan-w-plus{display: inline-block;background-color: var(--color-pink);color: var(--color-white);font-family: var(--font-main);font-size: 16px;font-weight: 700;border-radius: var(--radius-small);border: none;cursor: pointer;transition: background-color 0.2s ease-in-out;width: 100%;text-align: center;text-decoration: none;}
.my-confirm-button {background-color: var(--color-pink);color: var(--color-white);font-family: var(--font-main);font-size: 16px;font-weight: 700;border-radius: var(--radius-small);border: none;cursor: pointer;transition: background-color 0.2s ease-in-out;text-align: center;text-decoration: none;}
.btn-pink:hover, .bt-pan-w-plus:hover, .my-confirm-button:hover {background-color: var(--color-pink-dark);}
.btn-pink {padding: 10px 20px;}
.bt-pan-w-plus {padding: 18px 36px;}
.scr-fl {background-color: var(--color-pink);border-radius: 50%;}
.scroll-top-wrapper:hover {background-color: var(--color-pink-dark);}
.btn-filtre-mobile, .cont-p, .custom-file-label, .btn-produit, .bbtt {background-color: var(--color-pink);}
.btn-filtre-mobile:hover, .cont-p:hover, .custom-file-label:hover, .btn-produit:hover, .bbtt:hover {background-color: var(--color-pink-dark);}

/* NAVIGATION SLIDER */
.prix-mini-nav-arrow {position: absolute;top: 50%;transform: translateY(-50%);background: none;border: none;width: 32px;height: 32px;border-radius: 4px;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 2;transition: all 0.3s ease;}
.prix-mini-nav-left {left: -50px;}
.prix-mini-nav-right {right: -50px;}

/* FICHE PRODUIT */
.show-product {font-family: var(--font-main);padding-top: 180px;padding-bottom: 84px;}
.product-photo-card {display: flex;flex-direction: column;align-items: center;background: var(--color-white);box-shadow: 0 2px 8px rgba(0,0,0,0.1);max-width: 475px;border-radius: var(--radius-medium);padding: 74px 0;position: relative;}
.photo-container {position: relative;width: 100%;}
.sticker {position: absolute;top: 19px;left: 0;padding: 6px 10px 6px 14px;border-radius: 0 var(--radius-small) var(--radius-small) 0;color: var(--color-white);font-weight: 500;display: flex;font-size: 16px;align-items: center;gap: 12px;}
.sticker > img {width: 24px;height: 24px}
.sticker--class { background-color: var(--color-pink);}
.photo-icons {position: absolute;top: 6px;right: 12px;}
.partager-btn img, .partager-btn i {width: 28px;height: 28px;}
.main-image {width: 100%;height: auto;object-fit: cover;}
.thumbnails-product {display: flex;justify-content: center;gap: 24px;margin-top: 24px;}
.thumbnail-product {width: 60px;height: auto;object-fit: cover;cursor: pointer;}
.libelle-produit{font-family: var(--font-main);font-size: 18px;font-weight: 600;min-height: auto;margin-bottom: 32px;}
.content-info-product {display: flex;flex-direction: column;gap: 8px;}
.enstock-produit {background: unset;color: var(--color-black);font-family: var(--font-main);font-size: 16px;font-weight: 500;padding: 0px;}
.rounded-circle {border-radius: 50%;}
.nbr-pieces-produit {margin-left: 0;font-family: var(--font-main);font-size: 18px;font-weight: 700;}
.marque-produit {Font-family: var(--font-main);color: var(--color-black);font-size: 18px;font-weight: 500;text-decoration: none;}
.ref-produit {Font-family: var(--font-main);color: var(--color-black);font-size: 16px;font-weight: 400;font-style: italic;text-decoration: underline;}
.advantages {display: flex;flex-direction: column;gap: 10px;margin: 16px 0;}
.adv-item {display: flex;align-items: flex-start;gap: 10px;font-family: var(--font-main);font-size: 16px;font-weight: 400;color: var(--color-black);line-height: 1.4;}
.adv-item img {width: 20px;height: 20px;flex-shrink: 0;margin-top: 2px;}
.adv-item > span > strong {color: var(--color-pink);font-family: var(--font-main);font-size: 16px;font-weight: 600;text-transform: uppercase; }
.adv-sub {text-transform: lowercase;font-family: var(--font-main);font-size: 16px;font-weight: 400;color: var(--color-black);margin-left: 4px;}
#contentDescriptifProduit, #contenCaracteristiqueProduit {margin:0px;padding:12px 0;display: flex;flex-direction: column;border-top: 1px var(--color-black) solid;}
#contentDescriptifProduit > div > .lignes-produit, #contenCaracteristiqueProduit > div > .lignes-produit{text-transform: uppercase;font-family: var(--font-main);color: var(--color-black);}
#descriptifProduit, #caracteristiqueProduit, #descriptifProduitMobile, #caracteristiqueProduitMobile {margin:0}
.product-class {border-top: 1px solid var(--color-black);padding-top: 12px;padding-bottom: 24px;font-family: var(--font-main);color: var(--color-black);}
.product-class-title {font-size: 1rem;font-weight: 700;text-transform: uppercase;margin-bottom: 8px;}
.product-class-title span {color: var(--color-pink);}
.product-class-text {font-size: 14px;color: var(--color-black);margin: 0;}
.product-class-link {display: inline-block;color: var(--color-pink);font-weight: 600;font-size: 14px;text-decoration: none;transition: color 0.2s;}
.product-class-link span {margin-left: 4px;font-weight: 700;}
.product-class-link:hover {color: var(--color-pink-dark);text-decoration: underline;}
.modal-class {display: none;position: fixed;z-index: 9999;inset: 0;background: rgba(0, 0, 0, 0.5);justify-content: center;align-items: center;padding: 20px;}
.modal-class.show {display: flex;}
.modal-content-class {background: var(--color-white);border-radius: 10px;max-width: 600px;width: 100%;padding: 50px 28px;position: relative;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);animation: fadeIn 0.25s ease;}
@keyframes fadeIn {from { opacity: 0; transform: scale(0.95); }to { opacity: 1; transform: scale(1);}}
.close-modal {position: absolute;top: 14px;right: 14px;font-size: 28px;background: none;border: none;color: #444;cursor: pointer;}
.close-modal:hover {color: var(--color-pink);}
.modal-title-class {font-size: 18px;font-weight: 700;text-align: center;margin-bottom: 14px;text-transform: uppercase;}
.modal-content-class p {font-size: 14px;color: var(--color-black);margin-bottom: 10px;line-height: 1.5;}
.pink-text {color: var(--color-pink);font-weight: 600;}
.class-table {width: 100%;border-collapse: collapse;margin-top: 12px;font-size: 14px;table-layout: fixed; }
.class-table th {text-transform: uppercase;}
.class-table th,
.class-table td {border-bottom: 1px solid var(--color-black);padding: 8px 0 10px;vertical-align: middle;text-align: left;height: 60px;box-sizing: border-box;}
.class-table th:first-child,
.class-table td:first-child {width: 120px;text-align: left;vertical-align: middle; font-weight: 700;}
.class-table th:last-child,
.class-table td:last-child {width: calc(100% - 120px);padding-left: 20px;}
.class-table th {border-bottom: 1px solid #000;font-weight: 700;vertical-align: middle;}
.class-a, .class-b, .class-c, .class-d {color: var(--color-pink);font-weight: 700;}
.product-class-link {color: var(--color-pink);font-weight: 600;text-decoration: none;}
.product-class-link:hover {text-decoration: underline;}
.adult-warning {display: flex;align-items: flex-start;gap: 10px;border: 1px solid var(--color-pink);border-radius: var(--radius-small);background-color: var(--color-white);padding: 10px 14px;margin-top: 20px;font-family: var(--font-main);color: var(--color-black);}
.adult-warning-icon img {width: 22px;height: 22px;flex-shrink: 0;}
.adult-warning-text {flex: 1;font-size: 14px;font-weight: 600;line-height: 1.4;}
.adult-warning-text strong {display: block;font-weight: 700;color: var(--color-black);}
.adult-warning-text span {display: block;font-size: 12px;font-weight: 400;color: var(--color-gray);margin-top: 2px;}
.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span {background-color: var(--color-pink);color: var(--color-white);}
.txt-membre-produit {margin: 0 0 10px 0;}
.product-price-box {
    display: flex;flex-direction: column;align-items: center;
}

.old-price {
    font-size: 14px;
    color: #333;
    text-decoration: line-through;
    margin-bottom: 4px;
}

.current-price {
    font-size: 28px;
    font-weight: bold;
    color: var(--color-pink);
}

.buy-row {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.qty-input {
    width: 60px;
    height: 44px;
    border: 1px solid #ddd;
    border-radius: 6px;
    text-align: center;
    font-size: 16px;
}

.add-cart-btn {
    background: var(--color-pink);
    color: white;
    border: none;
    padding: 12px 22px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
}

.add-cart-btn:hover {
    background: var(--color-pink-dark);
}

/* PUZZLE MYSTERE */
.mystery-section {padding-top: 175px;margin-bottom:100px;Font-family: var(--font-main);color: var(--color-black);}
.mystery-header {display: flex;justify-content: space-between;align-items: center;border-bottom: 2px solid var(--color-black);padding-bottom: 12px;}
.mystery-header > h1, .mystery-section > h2, .mystery-box > h2 {font-size: 18px;font-weight: 700;display: flex;align-items: center;gap: 8px;text-transform: uppercase;}
.mystery-box > h2 {justify-content: center;padding-bottom: 24px;}
.mystery-header > .btn-pink {width: auto;}
.mystery-banner {margin: 20px 0;position: relative;border-radius: 10px;overflow: hidden;}
.mystery-banner img {width: 100%;height: 120px;object-fit: cover;border-radius: 10px;display: block;}
.mystery-banner::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(0deg,rgba(22, 46, 54, 0.8) 0%,rgba(22, 46, 54, 0.8) 100%);border-radius: 10px;pointer-events: none;}
.mystery-text {position: absolute;top: 50%;left: 24px;transform: translateY(-50%);color: var(--color-white);font-size: 18px;font-weight: 600;max-width: 485px;z-index: 2;}
.mystery-content {display: flex;justify-content: space-between;margin-top: 24px;gap: 75px;}
.mystery-left {flex: 1.6;}
.mystery-left > p {Font-family: var(--font-main);font-size: 14px;font-weight: 400;margin-bottom: 24px;}
.mystery-left > .advantages {gap:16px;}
.mystery-left > .advantages > .adv-item {font-size: 14px;}
.mystery-right {max-width: 425px;flex: 1.5;display: flex;justify-content: flex-end;flex-direction: column;gap: 10px;}
.mystery-box {background: var(--color-white);padding: 20px;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);width: 100%;box-sizing: border-box;max-width: 425px;text-align: center;}
.mystery-price {color: var(--color-pink);font-size: 18px;font-weight: 900;}
.mystery-box > .bloc-mystery-box > .btn-pink {width: 60%;}
.mystery-box > .bloc-mystery-box {display: flex;flex-direction: column;align-items: center;gap: 18px;margin: 0;}
.mystery-text-warning {font-size: 12px;}
.mystery-text-warning > span {color: var(--color-pink);text-transform: uppercase;}
.select-wrapper {display: flex;align-items: center;border: 1px solid #ccc;border-radius: 6px;overflow: hidden;background: var(--color-white);width: fit-content;min-width: 260px;height: 35px;width: 80%;}
.select-wrapper label {flex: 1;padding: 0 14px;font-weight: 600;font-size: 14px;color: #222;border-right: 1px solid var(--color-light-gray);display: flex;justify-content: center;align-items: center;white-space: nowrap;margin: 0;}
.select-wrapper select {flex: 1;padding: 0 42px 0 0;border: none;outline: none;background: transparent;font-size: 14px;font-weight: 600;color: #000;margin: 0;height: 100%;text-align: right;appearance: none;cursor: pointer;}
.select-wrapper select:focus {outline: none;}
.select-wrapper:hover {border-color: #999;}
.select-wrapper {position: relative;}
.select-wrapper {position: relative;}
.select-wrapper::after {content: "";position: absolute;right: 12px;width: 18px;height: 18px;background-image: url("/images/nav-arrow-right-h.svg");background-repeat: no-repeat;background-size: contain;pointer-events: none;rotate: 90deg;}

.ui-widget-header {height: 1px !important;flex: 1 0 0;background: var(--Smooth-Grey-200,var(--color-pink))!important;}
.container_filtre .ui-slider-handle, .container_filtre_mobile .ui-slider-handle{background:url(/images/filtre_left/defilement_go.svg) no-repeat !important;width:12px !important;height:12px !important;border:0 !important;}
.content-cube-produits-web-tablette {display: grid;grid-template-columns: repeat(3, 1fr);gap: 22px;padding-bottom: 24px;align-items: stretch;}
.cube-prod {display: flex;flex-direction: column;background: #fff;border-radius: 12px;box-shadow: 0 4px 8px rgba(41, 41, 41, 0.08);overflow: hidden;width: 100%;height: auto;align-items: center;}
.image-container {text-align: center;}
.image-container img {width: 100%;height: 200px;object-fit: cover;}
.card-product-content {display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;padding: 15px;}
.product-info {flex-grow: 1;display: flex;flex-direction: column;justify-content: flex-start;min-height: 90px;}
.product-footer {margin-top: auto;}
.header-modal-panier {background: var(--color-black);}
.modal-content-panier {scrollbar-color: var(--color-pink);}
#modal-footer-total {background: var(--color-lighter-gray)!important;}
.content-new-sticker {background: var(--color-pink);z-index: 3;width: 70px;border-radius: 0 0 var(--radius-large) 0;}


/* TUNNEL D'ACHAT*/
/* .bandeau-pan {background: var(--color-pink);margin-bottom: 0;font-family: var(--font-main);font-size: 28px;font-weight: 900} */
.bg-white:nth-child(1) {padding: 0!important;}
.bg-white:nth-child(1) > .container > .row > .col, .bg-white:nth-child(2) {display: none;}
body[data-route="sylius_shop_checkout_select_shipping"] .position-p, body[data-route="sylius_shop_checkout_select_payment"] .position-p {padding: 148px 0px 0px 0px;}
.content-select-shipping > div:first-of-type {padding-top: 0 !important;}
.ret-2 {background: var(--color-pink)!important;}
.ret-3 {background: var(--color-pink-light)!important;}
.recap-pan-w {padding-left: 0;}
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-pink-light)!important;}
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: var(--color-pink)!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/arrow_right-o-pp-go.svg) !important;}
.checkout-custom-form input, .bloc-open-recap, .bloc-ad-pan, .encart-pan-b, .bloc-menu-infoca.bloc-active, .select2-container .select2-selection--single {border: 1px solid var(--color-pink)!important;}
.bloc-ad-pan, .encart-pan-b {border-top: 0;}
.recap-checkout, .bloc-p-ti, .header-recap {background: var(--color-black)!important;}
.modif-pan-a {background: var(--color-black)!important;border-radius: var(--radius-small);}
.bout-pan-checkout-custom, .bt-pan-v, .btn-pass-pan, #btn-validate-address {background: var(--color-pink)!important;border-radius: var(--radius-small)!important;}
.total-hors-tax *, .total-line {background: var(--color-lighter-gray)!important;}
.total-hors-tax{background: var(--color-lighter-gray);display: flex;padding: 24px;justify-content: space-between;align-items: flex-start;align-self: stretch;font-size: 14px;font-style: normal;font-weight: 700;}
.pass-liv-checkout-custom:disabled {background: var(--color-lighter-gray)!important;opacity: 1;color: var(--color-black);}
.pass-liv-checkout-custom {background: var(--color-pink);}
.pass-liv-checkout-custom:hover, .pass-liv-checkout-custom:active, .bt-pan-v:hover, .btn-pass-pan:hover {background: var(--color-pink-dark)!important;}
.cgv-checkbox:checked + label, #coche_carte:checked + label, #cgv_pp:checked + label, #conserver:checked + label {background-image: url(/images/input-checkbox-checked-go.svg);}
.text-trans {color: var(--color-pink);}
.custom-radio input[type="radio"]:checked + .radio-btn {border-color: var(--color-pink);}
.custom-radio input[type="radio"]:checked + .radio-btn::after {background-color: var(--color-pink)!important;}
.toggle-societe {color: var(--color-pink)!important;}
.radio-custom input[type="radio"]:checked + label::before {border-color: var(--color-pink)!important;background-color: var(--color-pink)!important;}
input[type="radio"], input[type="checkbox"] {accent-color: var(--color-pink);}
.thank-you-for-order {background-color: #f5f5f5; padding: 16px; min-height: 100vh;margin-top: 145px;}

/* MON COMPTE*/
.sylius_shop_account > .container:has(+ footer.bes-aide-f) {padding-top: 86px;padding-bottom: 64px;}
.tit-es-c, .titre-es-client-ti {color: var(--color-pink);}
.pay, .bouton-commande > a, #save-changes, #add-address, .btn-new-fr2, .bt-clie, .btn-pass-paiement {background: var(--color-pink);border-radius: var(--radius-small);}
.pay {height: 29px;display: flex;box-sizing: border-box;align-items: center;}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled], .bouton-commande > a:hover, #save-changes:hover, #add-address:hover , .btn-new-fr2:hover, .bt-clie:hover {background-color: var(--color-pink-dark);}
.tbody-order-list > .not-paid {background: var(--color-white);}
.thead-order-list th > div, .tbody-order-list td > div {justify-content: flex-start;gap:6px;}
.thead-order-list, .reclamations-header {background: var(--color-black);}
.total-actions {color: var(--color-pink);}
.text-not-paid > img {width: 20px;height: 20px;}
.text-not-paid {color: var(--color-pink);}
.tbody-order-list > .item {border-bottom: 1px solid var(--color-light-gray);}
.commande-detail-ligne-total {background: var(--color-lighter-gray)}
.text-orange {color: var(--color-pink);}
.content-add-address a {color: var(--color-pink);}
.badge-title-address, .badge-title-status {color: var(--color-pink);}
#subscribe > div {width: 60%;}
body[data-route="sylius_shop_order_show"] h5 {font-size: 20px;}
form[name="sylius_checkout_select_payment"] {display: flex;flex-direction: column;gap: 24px;margin-bottom: 64px;}
form[name="sylius_checkout_select_payment"] > div:first-of-type {display: flex;flex-direction: column;gap: 14px;}
form[name="sylius_checkout_select_payment"] .form-check {display: flex;gap: 12px;}
form[name="sylius_checkout_select_payment"] .form-check-label {font-weight: 500;font-size: 16px;cursor: pointer;margin-bottom: 0;}
.chx-pai {margin-top: 23px;}
.no-c-in {color: var(--color-pink);}
.content-shop-order-show {margin-top: 28px;}
body[data-route="app_shop_account_gift_card"] .content-espace-client, body[data-route="app_shop_customer_service"] .content-espace-client, body[data-route="app_shop_customer_service_write"] .content-espace-client, body[data-route="app_newsletter"] .content-espace-client, body[data-route="app_account_disabled"] .content-espace-client {padding: 64px 0;}
.content-account {padding: 64px 0;}

/* PAGES STATIQUES */
body[data-route="app_static_page"] > .container, body[data-route="app_static_cgv_de"] > .container, body[data-route="app_static_confidentialite_de"] > .container, .legal-page, body[data-route="app_delivery_method"] > .container {padding-top: 175px;padding-bottom: 80px;}
body[data-route="app_widerruf"] > .container  {padding-top: 143px;padding-bottom: 80px;}
.legal-cgv, .plan-site {width: 100%;}
.bloc-menu-info, .bloc-menu-link {border: none;background: unset;}
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-pink) !important;}
.bloc-menu-qui.block_active {border: 1px solid var(--color-pink);}
.fil-ariane-content-produit > span {
    font-weight: 600;
}
.titres-or {color: var(--color-black);font-size: 24px;font-weight: 700;}
.legal-header h1 {text-align: left;}

.header-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #000;
  padding: 12px 0;
  font-family: Arial, Helvetica, sans-serif;
}

.header-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.title {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 16px;
}

.heart {
  font-size: 16px;
}

.cta-button {
  background-color: var(--color-pink);
  color: var(--color-white);
  text-decoration: none;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  transition: background-color 0.2s ease;
  display: flex;
  gap: 10px;
  align-items: center;
}

.cta-button:hover {
  background-color: var(--color-pink-dark);
}
.nbPanier{background-color: var(--color-pink);}

.spacing-page {padding-top: 170px;padding-bottom: 100px;}
.spacing-page-top {padding-top: 170px;}
.spacing-page-home {padding-top: 232px;padding-bottom: 100px;}
.spacing-page-cart {margin-top: 145px;}
.spacing-page-bottom {padding-bottom: 80px;}

.title-brands {font-family: var(--font-main);font-weight: 700;font-size: 18px;text-align: center;display: flex;align-items: center;gap: 8px;}
.text-brands {
    display: flex;
}
.content-text-brands {
    box-shadow: 0px 0px 4px 0px rgba(41, 41, 41, 0.20);
    border-radius: 10px;
    background: var(--color-white);
    margin-top: 30px;
    padding: 32px;
}
.capitale.actif, #voir-tout.actif {
    background: var(--color-pink);
}
/* MEDIA QUERY */
@media (min-width: 768px) {
    .col-sm-6 {width: 50%;}
}
@media (min-width: 1200px) {
    .col-lg-3 {width: 25%;}
}

@media (min-width: 0px) and (max-width: 991px) {
    .cube-prod {flex-direction: row;}
    .bestseller-cart-button, .button-add-cart {background: var(--color-pink);}
    .button-add-cart:active, .bestseller-cart-button:hover, .button-add-cart:hover {background-color: var(--color-pink-dark);background: var(--color-pink-dark);}
    .libelle2-acc-nbpieces {color: var(--color-pink);}
    .content-price {flex-direction: column;align-items: flex-start;margin-bottom: 0;}
    .price { color: var(--color-pink);font-weight: 900;font-size: 16px;}
    .price-original {font-size: 11px;font-weight: 700;font-style: italic;margin-bottom: 0px;}
    .mystery-section {padding: 0 16px;}
    .mystery-content {flex-direction: column;}
    .mystery-header > h1, .mystery-section > h2, .mystery-box > h2, .mystery-text, .mystery-price {font-size: 16px;}
    .adv-item > span > strong, .btn-pink, .bt-pan-w-plus {font-size: 14px;}
    .mystery-left > p, .select-wrapper label, .select-wrapper select {font-size: 12px;}

    .arrow-icon-mobile {transition: transform 0.3s ease;transform: rotate(90deg);}
    .menu-mobile-stock {width: 100%;background-color: var(--color-pink);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;    border-bottom: 1px #EFEFEF solid;
    }
    .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 { font-weight: 400;text-decoration: none;font-size: 14px;color: var(--color-pink-dark);}
    .footer-menu-mobile {background-color: var(--color-lighter-gray);}
    .content-footer-menu-mobile {justify-content: flex-end;}
    .spacing-page, .spacing-page-home {padding: 30px 16px 50px 16px;}
    .spacing-page-top {padding-top: 30px;}
    .spacing-page-cart {margin-top: 0;padding: 30px 16px 0px 16px;}
    .fil-ariane-content-produit {padding: 12px 0px !important;}
    .content-cube-produits-mobile > div {padding: 0;}
    .spacing-footer, .contmob-sa, .content-espace-client, .content-select-shipping {
        padding: 0 16px;
    }
    body[data-route="app_shop_account_gift_card"] .content-espace-client, body[data-route="app_shop_customer_service"] .content-espace-client, body[data-route="app_shop_customer_service_write"] .content-espace-client, body[data-route="app_newsletter"] .content-espace-client, body[data-route="app_account_disabled"] .content-espace-client {
        padding: 0 16px;margin-top: 32px;
    }
    body[data-route="app_account_disabled"] .col-xl-custom-7-5, body[data-route="app_shop_customer_service"] .col-xl-custom-7-5, body[data-route="app_shop_customer_service_write"] .col-xl-custom-7-5, body[data-route="app_newsletter"] .col-xl-custom-7-5, body[data-route="app_shop_account_gift_card"] .col-xl-custom-7-5 {margin-bottom: 64px;}
    .content-account {padding: 32px 0 64px 0;}
    .footer-link {gap: 20px;flex-direction: column;}
    .contact-box {width: 100%;margin-top: 0;box-sizing: border-box;}
    .footer-section {width: 100%;text-align: center;}
    .menu-mobile-icon {width: 24px;height: 24px;}
    .margin-mobile {
        margin-left: 16px;
        margin-right: 16px;
    }

    .case-foot {flex: 0 0 auto;width: 50%;}
    .newsletter-form {flex-direction: column;}
    body[data-route="sylius_shop_checkout_select_shipping"] .position-p, body[data-route="sylius_shop_checkout_select_payment"] .position-p {padding: 12px 0 0 0 ;}
    .thank-you-for-order {margin-top: 0;}
    #pay {color: var(--color-white);padding: 8px 12px;}
    #pay::after {
        content: "";
    }
    .content-shop-order-show {margin-top: 0;}
    body[data-route="app_static_page"] > .container, body[data-route="app_static_cgv_de"] > .container, body[data-route="app_static_confidentialite_de"] > .container, .legal-page, body[data-route="app_widerruf"] > .container, body[data-route="app_delivery_method"] > .container {padding: 0 16px;}
    .show-product {padding: 0 16px 64px;}
    .prix-ok-produit {color: var(--color-pink);}
}