@font-face {
    font-family: 'Allura';
    src: url('../font/allura/Allura-Regular.woff2') format('woff2'),
        url('../font/allura/Allura-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Josefin';
    src: url('../font/Josefin_Sans/JosefinSans-VariableFont_wght.woff2') format('woff2'),
        url('../font/Josefin_Sans/JosefinSans-VariableFont_wght.ttf') format('truetype');
}

#authentication>main>#wrapper {
    padding-top: 0;
}

.header-nav {
    display: none;
}

#category>main>#wrapper>.container>.row>#content-wrapper>#main>#products>#js-product-list>.products {
    width: 100%;
}

#header .header-top a[data-depth="0"] {
    color: white;
    transition: 0.2s;
}

#authentication {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-miniature .product-description {
    flex-direction: column;
}

body#checkout section.checkout-step .delivery-options .delivery-option,
body#checkout section.checkout-step .delivery-options .delivery-option .carrier,
body#checkout section.checkout-step .delivery-options .delivery-option label>.row {
    padding: 20px;
    border-radius: 10px;
}

.customSeeProduct {
    color: white;
    background-color: #050038;
    border-radius: 3px;
    padding: 5px;
    padding-inline: 10px;
}

body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
    color: transparent !important;
    background: linear-gradient(45deg, #CF00BA, #F24ED7);
    background-clip: text;
}

body#checkout #delivery textarea,
body#checkout #gift_message textarea {
    border: solid 1px #CF00BA;
}

body#checkout section.checkout-step .delivery-options>.row {
    border: none;
}

body#checkout section.checkout-step.-reachable.-current .step-number {
    background: linear-gradient(45deg, #CF00BA, #F24ED7);
}


.product-miniature .product-title {
    text-align: start;
}

.customSeeProduct:hover {
    color: white !important;
}

.done {
    color: #CF00BA;
}

#order-confirmation>main>#wrapper>.container>.row {
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#order-confirmation>main>#wrapper #main {
    width: 30%;
    margin: auto;
}

#cta-terms-and-conditions-0 {
    color: #CF00BA;
}

.flexCategory {
    display: flex;
    align-items: center;
}

.customButton {
    padding: 0;
    margin: 0;
    position: relative;
    border: 1px solid transparent;
    background: #050038;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: 0.2s;
}

.customButton>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.add-to-cart-form {
    padding: 0;
    max-height: 40px;
    gap: 10px;
    display: flex;
}

.custom-number-input {
    width: 40px;
    background: none;
    border: white solid 1px;
    border-radius: 5px;
    padding-inline: 5px;
    text-align: center;
    color: white;
}

.brands-sort .select-list:hover,
.products-sort-order .select-list:hover,
.suppliers-sort .select-list:hover {
    background: #050038;
    color: white !important;
}

.flexProduct {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.products-selection .sort-by-row {
    gap: 20px;
}

.brands-sort .dropdown-menu,
.products-sort-order .dropdown-menu,
.suppliers-sort .dropdown-menu {
    background: white;
}

.brands-sort .select-title,
.products-sort-order .select-title,
.suppliers-sort .select-title {
    background: none;
    border-radius: 15px;
    border: solid 1px #050038;
}

.product-miniature .thumbnail-container .product-thumbnail img {
    width: 100%;
    object-fit: cover;
}

.products-selection .sort-by {
    margin-right: 0;
}

.product-flags li.product-flag {
    background: linear-gradient(45deg, #CF00BA, #F36DFF);
}

.infoList>a:hover {
    color: white !important;
    text-decoration: underline;
}

#footer>.footer-container>.container>.row>div>div>div>h3 {
    color: white !important;
}

#footer>.footer-container>.container>.row>div>div>div>div>h3 {
    color: white !important;
}

.product-miniature .thumbnail-container {
    width: 100%;
    height: 100%;
    font-family: josefin;
}

.product-miniature .product-title a {
    color: #050038;
    font-weight: 800;
    font-size: 20px;
}

h3 .product-title {
    padding: 0;
}

.product-miniature .product-title {
    margin-top: 0;
}

.flexProductMiniature {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header .header-top .position-static {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 16px;
}

#search_filters,
#search_filters_brands,
#search_filters_suppliers {
    background: none;
}

#search_filters>p {
    display: none;
}

#search_filters,
#search_filters_brands,
#search_filters_suppliers {
    padding: 0;
    margin-bottom: 0;
}

#search_filters {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

#search_filters .facet,
#search_filters_brands .facet,
#search_filters_suppliers .facet {
    padding-top: 20px;
}

#js-product-list-header {
    display: none;
}

#left-column {
    margin-top: 120px;
}

#category>main>section>.container>.row {
    display: grid;
    grid-template-columns: 2fr 1fr 9fr;
    margin-bottom: 20px;
}

#search_filters .ui-widget-header {
    background: linear-gradient(45deg, #F36DFF, #F24ED7);
    border: none;
}

.custom-checkbox input[type=checkbox]+span {
    border: #050038 solid 1px;
    border-radius: 3px;
}

.ui-widget-content {
    border: #F36DFF solid 1px;
}

#search_filters .ui-slider .ui-slider-handle {
    border: none;
    /* width: 0.6em;
    height: 0.6em;
    border-radius: 100%; */
    background: #CF00BA;
    width: 1.2em;
    transform: translateX(-50%);
    border-radius: 100%;
}

#subcategories {
    border-top: none;
    background: none;
}

#category>main>section>.container>.row>#content-wrapper {
    grid-column: 3;
}

.col-md-8,
.col-md-9 {
    width: 100%;
}

.col-md-4,
.col-md-5 {
    width: 100%;
}

.subcategory-image {
    display: none;
}

.subcategory-heading {
    display: none;
}

#search_filters>section {
    padding: 20px;
    background: white;
    box-shadow: 0 1px 2.2px rgba(0, 0, 0, 0.284);
    border-radius: 15px;
}

#category>main>#wrapper>.container {
    margin: auto;
    width: 80%;
    min-height: 80vh;
}

.product-miniature .product-description {
    background: #BBB4FF;
    padding-inline: 20px;
}

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

.product-category {
    color: white;
    background: #050038;
    padding: 3px;
    padding-inline: 10px;
    display: flex;
    border-radius: 100px;
}

.carousel .carousel-inner {
    height: 100%;
}

.carousel-inner>.carousel-item {
    width: 80%;
    margin: auto;
}

#search_widget .material-icons.search {
    color: white !important;
}

.carousel .carousel-item figure {
    display: block;
}

.cart-products-count {
    color: white;
}

.header-top #search_widget input {
    background: none;
    border-radius: 0;
    border-bottom: white solid 1px;
}

.header-top #search_widget input::placeholder {
    color: white;
    opacity: 0.8;
}

a:hover {
    color: #050038 !important;
}

#header .logo {
    max-width: 64px;
}

#header .top-menu a[data-depth="0"]:hover,
a:hover {
    color: #050038;
}

.carousel .carousel-item img {
    border-radius: 15px;
}

.link {
    font-family: Josefin;
}

#subcategories ul li .subcategory-name {
    color: black;
    font-family: josefin;
    font-size: 16px;
}

#subcategories ul {
    margin: 0;
    gap: 20px;
}

#subcategories {
    margin-top: 20px;
    margin-bottom: 20px;
}

.card-block {
    padding: 0;
}

.subcategories-list>li>h5 {
    margin-bottom: 0;
}

.subcategories-list>li>h5>a {
    padding: 5px;
    padding-inline: 20px;
    display: block;
    background: linear-gradient(45deg, #d9d9d94d, #fff, #ffffff5f);
    border: solid 1px white;
    border-radius: 10px;
    transition: 0.2s;
}

.subcategories-list>li>h5>a:hover {
    transform: scale(1.1);
}

#subcategories ul li {
    min-width: 0;
    margin: 0;
    width: 200px;
}

#header {
    padding: 4px;
    background-color: #BBB4FF;
}

.home_categories_top_perso {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}


h2 {
    font-weight: 800 !important;
    color: #050038 !important;
    font-size: 30px !important;
}

.featured-products>.products>.js-product {
    width: 100%;
}


.featured-products {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #DDD9FF !important;
}

.featured-products>img {
    margin: auto;
    width: 500px;
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
        max-width: 100%;
    }
}

#carousel {
    margin: auto;
    width: 80%;
}

.container,
.container-fluid {
    padding: 0;
}


.home_categories_bottom_perso {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.home_categories_perso_image_contenu {
    border-radius: 100%;
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home_categories_perso_image_contenu>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

h3 {
    color: #050038 !important;
    margin-top: 20px;
}

.home_categories_perso {
    display: flex;
    width: 80%;
    margin: auto;
    flex-direction: column;
    gap: 8px;
}

.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding-left: 0;
    padding-right: 0;
}

.home_categories_top_perso>div>img {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 500px;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.product-switcher {
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 80%;
}

.header-top {
    width: 80%;
    margin: auto;
}

#products .all-product-link,
.featured-products .all-product-link,
.product-accessories .all-product-link {
    padding: 10px;
    color: black;
    padding-inline: 20px;
    background: linear-gradient(70deg, white, rgba(255, 255, 255, 0.405));
    border: solid 1px white;
    border-radius: 10px;
    transition: 0.2s;
}

.filter-btn {
    padding: 10px;
    color: black;
    padding-inline: 20px;
    background: linear-gradient(70deg, white, rgba(255, 255, 255, 0.405));
    border: solid 1px white;
    border-radius: 10px;
    transition: 0.2s;
}

.footerParent-width-80prc {
    width: 85%;
    margin: auto;
}

.product-switcher {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.filter-btn:hover {
    transform: scale(1.1);
}

.all-product-link:hover {
    transform: scale(1.1);
}

#products .products,
.featured-products .products,
.product-accessories .products {
    margin: auto;
    gap: 20px;
    width: 80%;
    margin-top: 60px;
    margin-bottom: 60px;
}

#footer {
    background-color: #050038;
}

#products .products,
.featured-products .products,
.product-accessories .products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.font_perso {
    font-family: Allura;
}

#products .products,
.featured-products .products,
.product-accessories .products {
    width: 80%;
    margin: auto;
    margin-top: 0;
}

.product-miniature .thumbnail-container {
    border-radius: 16px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.318);
}

#js-product-list>.products>div {
    width: 100%;
    padding: 0;
}

.product-miniature .product-description {
    display: flex;
    padding-top: 16px;
}

.logoTxt>img {
    width: 50px;
}

.row>.col-md-12 {
    display: none;
}

#custom-text>blockquote>h4 {
    font-size: 34px;
    width: 80%;
    margin: auto;
}

#custom-text {
    background: none !important;
    font-family: Allura;
    font-size: 40px;
    width: 70%;
    margin: auto;
}


/* page de produit */

#product {
    font-family: Josefin;
}

.thumb-container>picture>img {
    border-radius: 15px;
}

.input-group {
    border-radius: 15px;
}

.bootstrap-touchspin input.form-control,
.bootstrap-touchspin input.input-group {
    border: solid 1px #ffffff95;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    border-radius: 5px;
    background: linear-gradient(45deg, #D9D9D9, #fff, #ffffff66);
}

.product-quantity #quantity_wanted {
    margin-right: 20px;
    border-radius: 15px;
    border: solid 1px #ffffff;
    min-width: 100px;
    background: linear-gradient(45deg, #D9D9D9, #fff, #ffffff66);
}

.images-container>.product-cover>picture>img {
    border-radius: 15px;
}

.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
    border-bottom: solid 3px #CF00BA;
}

.product-cover .layer {
    border-radius: 15px;
}

.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    background: none;
}

.tabs {
    padding: 0;
    background: none;
}

.input-group-addon {
    border: solid 1px #ffffff95;
}

.bootstrap-touchspin .btn-touchspin {
    border: #ffffff9b solid 1px;
}

.btn.disabled,
.btn:disabled {
    opacity: 1;
}

.btn-primary,
.btn-primary:hover {
    border-radius: 15px;
    background: linear-gradient(45deg, #CF00BA, #F36DFF);
}

.product-flags li.product-flag {
    margin-top: 30px;
}

#wrapper .breadcrumb {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

li>a>span {
    color: #050038;
}

#product>main>#wrapper>.container {
    width: 80%;
    margin: auto;
}

.product-prices {
    display: flex;
    gap: 10px;
}

.product-price {
    color: #050038;
}

/* page de login */

#authentication>main>header {
    display: none;
}

#authentication>main>footer {
    display: none;
}

#main .page-content {
    border-radius: 15px;
    border: 1px solid #ffffff;
    box-shadow: 0px 4px 8.6px #8d8d8d40;
    backdrop-filter: blur(2px) brightness(100%);
    -webkit-backdrop-filter: blur(2px) brightness(100%);
    background: linear-gradient(204deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(215, 215, 215, 0.57) 100%);
}

#authentication {
    background: linear-gradient(125deg, #0C0B25, #6924D5, #E73FF4);
}

#authentication>main>#wrapper,
#registration>main>#wrapper {
    background: none;
}

#login-form>div>.form-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1px;
    /* margin: 0px 16px 8px 16px; */
    margin-bottom: 8px;
}

#login-form>div>.form-group>.form-control-label {
    grid-row: 1;
    grid-column: 1 / 3;
    width: 100%;
    text-align: start;
    color: white;
}

#login-form>div>.form-group>.js-input-column {
    grid-row: 2;
    grid-column: 1 / 3;
    width: 100%;
}

#login-form>div>.form-group>.form-control-comment {
    grid-row: 3;
    grid-column: 1 / 3;
}

/* #login-form>div>.form-group>.js-input-column>.form-control{
    background: blue;
    border: 1px red solid;
}

#login-form>div>.form-group>.js-input-column>.js-parent-focus.form-control{
    background-color: transparent;
    border: 1px red solid;
} */

.forgot-password>a {
    color: #cdcdcd;
}

main>#wrapper>.container>.row>#content-wrapper>#main>#content>hr {
    border: 0.5px dashed white;
}

.custom_authentication_cree_compte {
    color: white;
    margin-bottom: 16px;
}

.no-account>a {
    padding: 8px;
    border-radius: 15px;

    background: linear-gradient(90deg, #AFA4C5, #FBF9FC, #AFA4C5);
    color: black;
    border: 1px solid white;
    width: 70%;
    font-weight: 600;
}

.no-account {
    width: 100%;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
}

#authentication>main>#wrapper>.container>.row>#content-wrapper>#main>#content>.login-form>#login-form>footer>#submit-login {
    background: linear-gradient(90deg, #AFA4C5, #FBF9FC, #AFA4C5);
    color: black;
    border: 1px solid white;
    width: 70%;
}

#authentication>main>#wrapper>.container>.row>#content-wrapper>#main>#content {
    padding: 32px;
}

main>#wrapper>.container>.row>#content-wrapper>#main>#content>.login-form {
    margin-top: 0px;
}

#authentication>main>#wrapper>.container>.breadcrumb {
    display: none;
}

#authentication>main {
    align-self: center;
}

main>#wrapper>.container>.row>#content-wrapper>#main>#content>.custom_authentication_titre {
    color: white;
    text-align: center;
    padding-bottom: 16px;
}

#authentication .custom_authentication_retour_accueil {
    width: 34px;
    transform: translate(-30%, -30%);
}

.custom_authentication_retour_accueil>a>img {
    width: 100%;
}

#registration>main>#wrapper>.container>.row>#content-wrapper>#main>#content {
    border-radius: 15px;
    width: fit-content;
    border: 1px solid #ffffff;
    box-shadow: 0px 4px 8.6px #8d8d8d40;
    backdrop-filter: blur(2px) brightness(100%);
    background: linear-gradient(204deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(215, 215, 215, 0.57) 100%);
}

#registration {
    background: linear-gradient(125deg, #0C0B25, #6924D5, #E73FF4);
}

#registration>main>header,
#registration>main>footer {
    display: none;
}

.input-group .input-group-btn>.btn[data-action=show-password] {
    background: linear-gradient(45deg, #CF00BA, #F24ED7);
    border-radius: 0 10px 10px 0;
}

#authentication {
    font-family: Josefin;
}

.form-control:focus {
    background: none;
    outline: #CF00BA 1px solid;
    color: white;
}

.form-control {
    background: none;
    border: solid 1px white;
    border-radius: 10px;
    padding: 5px;
    color: white;
    padding-inline: 10px;
}

.forgot-password>a {
    color: transparent;
    background: linear-gradient(45deg, #8091FF, #4EA7FF);
    text-decoration: underline;
    background-clip: text;
}

#registration form .form-control-label {
    text-align: left;
}

#registration .page-content.page-cms ul,
#registration p {
    text-align: center;
}

#registration .page-content.page-cms ul,
#registration p {
    color: white;
}

#registration .form-control-label {
    width: 25%;
}

.form-control-comment {
    color: white;
}

#registration .custom-radio {
    background: none;
}

.form-group:nth-child(7)>.form-control-label {
    display: none;
}

#registration .form-group {
    margin-bottom: 8px;
}

#registration #customer-form>div>div.field-password-policy>div>label {
    color: white;
    font-weight: bold;
}

#registration #customer-form>div>div>label {
    color: white;
    font-weight: bold;
}

#registration #customer-form>div>div {
    display: grid;
    grid-auto-columns: 25% 75%;
}

#registration #customer-form>div>div.field-password-policy {
    display: block;
}

#registration #customer-form>div>div.field-password-policy>div {
    display: grid;
    grid-auto-columns: 25% 75%;
}

#registration #customer-form>div>div.field-password-policy>div>label {
    grid-column: 1;
    width: 100%;
}

#registration #customer-form>div>div.field-password-policy>div>div.col-md-6.js-input-column {
    grid-column: 2;
}

#registration #customer-form>div>div>label {
    grid-column: 1;
    width: 100%;
}

#registration #customer-form>div>div>div.col-md-6.js-input-column {
    grid-column: 2;
}

#registration #customer-form>div>div:nth-child(6)>div.col-md-3.form-control-comment {
    display: none;
}

#product>main {
    background: linear-gradient(125deg, #0C0B25, #6924D5, #E73FF4);
}

#registration #customer-form>div>div:nth-child(7),
#registration #customer-form>div>div:nth-child(6) {
    display: none;
}

#registration #customer-form>div>div:nth-child(8) {
    display: block;
    color: white;
}

#registration #customer-form>div>div:nth-child(9) {
    display: block;
    color: white;
}

#registration #customer-form>div>div:nth-child(10) {
    display: block;
    color: white;
}

#registration #wrapper>div>nav {
    display: none;
    color: white;
}

#registration #content>section>hr {
    border: 0.5px dashed white;
}

#registration #customer-form>footer>button {
    padding: 8px;
    border-radius: 15px;
    background: linear-gradient(90deg, #AFA4C5, #FBF9FC, #AFA4C5);
    color: black;
    border: 1px solid white;
    font-weight: 600;
    width: 100%;
}

#registration #customer-form>footer {
    display: flex;
    justify-self: center;
    width: 70%;
}

#registration .custom_authentication_retour_accueil {
    width: 34px;
}

#registration {
    display: flex;
    justify-content: center;
    align-items: center;
}

#registration #wrapper {
    padding: 0px;
}

#registration #content {
    margin: 0px;
}

#product #main>div.row.product-container.js-product-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#product #wrapper>div>nav>ol {
    display: none;
}

#product #main>h1 {
    text-align: center;
    color: white;
    margin-bottom: 32px;
    font-size: 1.5rem;
}

#product #main>div.row.product-container.js-product-container>div:nth-child(2)>div.product-prices.js-product-prices {
    font-size: 2rem;
}

#product #main>div.row.product-container.js-product-container>div:nth-child(2)>div.product-prices.js-product-prices>div.product-price.h5>div>span {
    color: white;
    font-size: 1.3rem;
}

#product #main>div.row.product-container.js-product-container>div:nth-child(2)>div.product-prices.js-product-prices {
    justify-self: center;
}

#product #product-details>section>dl>dt,
#product #product-details>section>dl>dd {
    background: none;
    border: 2px solid #e0b2ff;
    border-radius: 8px;
    color: white;
}

#product #product-details>section>p,
#product #main>div.row.product-container.js-product-container>div:nth-child(2)>div.product-information>div.product-additional-info.js-product-additional-info>div>div.comments-note>span,
#product #main>div.row.product-container.js-product-container>div:nth-child(2)>div.product-information>div.product-additional-info.js-product-additional-info>div>div.additional-links>a,
#product #add-to-cart-or-refresh>div.product-add-to-cart.js-product-add-to-cart>span,
#product #main>div.row.product-container.js-product-container>div:nth-child(2)>div.product-prices.js-product-prices>div.tax-shipping-delivery-label,
#product #product-description-short-25>p,
#product #post-product-comment-modal>div>div>div.modal-header>.h2,
#product #post-product-comment-form>div:nth-child(1)>div.col-sm-4>p,
#product #product-comment-posted-modal-message,
#product #product-comment-posted-modal>div>div>div.modal-header>p,
#product .product-description>p,
#product #main > div.row.product-container.js-product-container > div:nth-child(2) > div.product-information > div.product-all-informations > section.product-section.product-description-full > div,
#blockcart-modal > div > div > div.modal-body > div > div.col-md-5.divide-right > div > div:nth-child(2) > p,
#blockcart-modal > div > div > div.modal-body > div > div.col-md-5.divide-right > div > div:nth-child(2) > span,
#blockcart-modal > div > div > div.modal-body > div > div.col-md-5.divide-right > div > div:nth-child(2) > span > strong,
#blockcart-modal > div > div > div.modal-body > div > div.col-md-5.divide-right > div > div:nth-child(2) > h6 {
    color: white;
}

#product #main > div.row.product-container.js-product-container > div:nth-child(2) > div.product-information > div.product-all-informations > section.product-section.product-description-full > h3,
#product #main > div.row.product-container.js-product-container > div:nth-child(2) > div.product-information > div.product-all-informations > section.product-section.product-details-full > h3 {
    color: rgb(220, 220, 220) !important;
}

#product #product-details>div.product-quantities>label,
#product #product-details>div.product-quantities,
#product #add-to-cart-or-refresh>div.product-add-to-cart.js-product-add-to-cart>span {
    color: white;
    font-size: 1.15rem;
}

#product #add-to-cart-or-refresh>div.product-add-to-cart.js-product-add-to-cart>div.product-quantity {
    justify-content: space-between;
}

#product #add-to-cart-or-refresh>div.product-add-to-cart.js-product-add-to-cart>div.product-quantity>div.product_espace_panier>div>button {
    border: white 1px solid;
    background: linear-gradient(90deg, #AFA4C5, #FBF9FC, #AFA4C5);
    color: black;
}

#product #add-to-cart-or-refresh>div.product-add-to-cart.js-product-add-to-cart>div.product-quantity>div.product_espace_panier {
    display: flex;
    gap: 8px;
}

#product #quantity_wanted {
    margin-right: 0px;
    border-radius: 15px 0px 0px 15px;
    background: linear-gradient(90deg, #AFA4C5, #FBF9FC);
}

#product #add-to-cart-or-refresh>div.product-add-to-cart.js-product-add-to-cart>div.product-quantity>div.qty>div>span.input-group-btn-vertical>button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-up {
    border-radius: 0px 8px 0px 0px;
}

#product #add-to-cart-or-refresh>div.product-add-to-cart.js-product-add-to-cart>div.product-quantity>div.qty>div>span.input-group-btn-vertical>button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-down {
    border-radius: 0px 0px 8px 0px;
}

#index #content>section>div.product-switcher.text-center.mb-4>button {
    cursor: pointer;
}

#product #product-comments-list-header {
    padding: 64px 15px 20px 15px;
    color: white;
}

#product #product-comments-list>div>div.col-sm-3.comment-infos,
#product #product-comments-list>div>div.col-sm-9.comment-content {
    padding: 0px 8px;
}

#product #post-product-comment-form>div:nth-child(1)>div.col-sm-4>div>p {
    color: #c2c2c2;
}

#product #product-comments-list-footer>#product-comments-list-pagination>ul>li>span {
    color: white;
    opacity: 0.5;
    cursor: pointer;
}

#product #product-comments-list-footer>#product-comments-list-pagination>ul>li>span:hover {
    opacity: 1;
}

#product #product-comments-and-ratingstats {
    display: grid;
    grid-template-columns: 30% 70%;
}

#product #product-comments-and-ratingstats>div.col-md-4,
#product #product-comments-and-ratingstats>div.col-md-8 {
    width: 90%;
}

#product #product-comments-and-ratingstats>div.col-md-4>div {
    background: none;
    color: white;
    border: none;
}

#product #product-comments-and-ratingstats>div.col-md-4>div>h3 {
    color: white !important;
}

#product #product-comments-and-ratingstats>div.col-md-4>div>ul>li:nth-child(1)>span.star-label {
    width: fit-content;
}

#product #product-comments-and-ratingstats>div.col-md-4>div>ul>li {
    display: grid;
    grid-template-columns: 15% 1fr 15%
}

#product #product-comments-and-ratingstats>div.col-md-4>div>ul>li>div {
    height: 16px;
    background: linear-gradient(90deg, #D9D9D9, #FFFFFF, #D9D9D9);
    border: 1px solid rgb(251, 251, 251);
    border-radius: 100px;
}

#product #product-comments-and-ratingstats>div.col-md-4>div>ul>li>div>div {
    background: #CF00BA;
    height: 16px;
}

#product #product-comments-and-ratingstats>div.col-md-4>div {
    margin-top: 64px;
}

#product #product-comments-list-footer>button {
    background: #050038;
}

#product #product-comments-list>div,
#product #product-comments-list-footer>button {
    border-radius: 4px;
}

#identity #field-firstname,
#identity #field-lastname,
#identity #field-email,
#identity #field-password,
#identity #field-new_password,
#identity #field-birthday,
#address #field-alias,
#address #field-firstname,
#address #field-lastname,
#address #field-company,
#address #field-vat_number,
#address #field-address1,
#address #field-address2,
#address #field-postcode,
#address #field-city,
#address #field-id_country,
#address #field-phone {
    color: black;
    border: solid 1px black;
}

#identity #customer-form>div>div>div.col-md-6.js-input-column>span,
#identity #customer-form>div>div:nth-child(7)>div.col-md-3.form-control-comment,
#identity #customer-form>div>div:nth-child(6)>div>div.col-md-3.form-control-comment,
#address #content>div>div>form>section>div>div.col-md-3.form-control-comment {
    color: black;
}

#my-account #wishlist-link,
#category #js-product-list>div.products.row>div>article>div>button,
#product #add-to-cart-or-refresh>div.product-add-to-cart.js-product-add-to-cart>div.product-quantity>div.product_espace_panier>button {
    display: none;
}

#my-account #order-slips-link,
#my-account #psgdpr-link {
    transform: translateX(50%);
}

#cart #main>div>div.cart-grid-body.col-lg-8>div>div.cart-overview.js-cart>ul>li>div>div.product-line-grid-left.col-md-3.col-xs-4 {
    width: 60px;
}

#cart #main>div>div.cart-grid-body.col-lg-8>div>div.cart-overview.js-cart>ul>li>div {
    display: grid;
    grid-template-columns: 70px 1fr 1fr;
    grid-template-rows: 1fr 0px;
    gap: 0px;
}

#header>div.custom_header_petit_ecran>div.custom_header_menu {
    display: none;
    transition: 0.4s;
    position: fixed;
    left: 40px;
    top: 0;
}

#header>div.custom_header_petit_ecran {
    display: none;
    position: fixed;
}

#footer>div.footer-container>div>div:nth-child(1)>div.footerParent-width-80prc>div.contactsBottom>div.box-follow>div.socialsMedia {
    display: flex;
    gap: 8px;
}

@media screen and (max-width: 1200px) {
    #product #main>div.row.product-container.js-product-container {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 1232px) {
    #product #product-comments-and-ratingstats {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 991px) {
    #cart #main>div {
        display: flex;
        flex-direction: column;
    }

    #cart #main>div>div.cart-grid-body.col-lg-8>div>div.cart-overview.js-cart>ul>li>div>div.product-line-grid-right.product-line-actions.col-md-5.col-xs-12>div {
        display: grid;
        grid-template-columns: 1fr 0px 40px;
    }

    #cart #main>div>div.cart-grid-body.col-lg-8>div>div.cart-overview.js-cart>ul>li>div>div.product-line-grid-left.col-md-3.col-xs-4 {
        align-self: center;
    }
}

@media screen and (max-width: 770px) {
    #cart #main>div>div.cart-grid-body.col-lg-8>div>div.cart-overview.js-cart>ul>li>div>div.product-line-grid-right.product-line-actions.col-md-5.col-xs-12 {
        justify-content: start;
    }

    #cart #main>div>div.cart-grid-body.col-lg-8>div>div.cart-overview.js-cart>ul>li>div>div.product-line-grid-right.product-line-actions.col-md-5.col-xs-12>div {
        display: flex;
    }

    #cart #main>div>div.cart-grid-body.col-lg-8>div>div.cart-overview.js-cart>ul>li>div>div.product-line-grid-right.product-line-actions.col-md-5.col-xs-12>div>div.col-xs-4.hidden-md-up {
        display: none;
    }
}

#cart #main>div>div.cart-grid-body.col-lg-8>div>div.cart-overview.js-cart>ul>li>div>div.product-line-grid-right.product-line-actions.col-md-5.col-xs-12>div>div.col-md-2.col-xs-2.text-xs-right {
    width: fit-content;
}

@media screen and (max-width: 510px) {
    #cart #main>div>div.cart-grid-body.col-lg-8>div>div.cart-overview.js-cart>ul>li>div {
        grid-template-columns: 70px 1fr;
        grid-template-rows: 1fr 1fr;
    }
}

@media screen and (max-width: 500px) {
    #authentication #content-wrapper {
        width: 90%;
        margin-left: 5%;
    }

    #checkout #payment-option-3-additional-information > section > dl {
        display: grid;
        grid-template-rows: 1fr 1fr 32px 1fr 1fr 32px 1fr 1fr;
    }

    #checkout #payment-option-3-additional-information > section > dl > dt:nth-child(1) {
        grid-row: 1;
    }

    #checkout #payment-option-3-additional-information > section > dl > dt:nth-child(2) {
        grid-row: 2;
    }

    #checkout #payment-option-3-additional-information > section > dl > dt:nth-child(3) {
        grid-row: 4;
    }

    #checkout #payment-option-3-additional-information > section > dl > dd:nth-child(4) {
        grid-row: 5;
    }

    #checkout #payment-option-3-additional-information > section > dl > dt:nth-child(5) {
        grid-row: 7;
    }

    #checkout #payment-option-3-additional-information > section > dl > dd:nth-child(6) {
        grid-row: 8;
    }
}

@media screen and (max-width: 1515px) {
    #header>div.header-top {
        width: 100%;
    }
}

@media screen and (max-width: 1210px) {
    #top-menu {
        display: flex;
    }

    #_desktop_user_info>div>a.logout.hidden-sm-down {
        display: flex;
    }
}

@media screen and (max-width: 1130px) {
    #search_widget {
        min-width: 153px;
    }
}

/* img {
    width: 100%;
} */

.custom_header_barre {
    width: 30px;
    height: fit-content;
}

#header {
    background: linear-gradient(45deg, #00025e, #09070b);
}

#header>div.custom_header_petit_ecran>div.custom_header_menu {
    display: none;
}

@media screen and (max-width: 800px) {
    #header>div.header-top {
        display: none;
    }

    #header {
        background: transparent;
        box-shadow: none;
    }

    #header>div.custom_header_petit_ecran>div.custom_header_menu {
        width: 100%;
    }

    #top-menu {
        display: flex;
        flex-direction: column;
    }

    #_desktop_cart>div>div,
    #_desktop_user_info>div>a.logout.hidden-sm-down,
    #_desktop_user_info>div>a.account {
        padding: .625rem;
    }

    #_desktop_user_info>div {
        display: flex;
        flex-direction: column-reverse;
        align-items: start;
        gap: 0px;
    }

    #search_widget {
        display: flex;
        justify-content: start;
        align-items: start;
    }

    #header>div.custom_header_petit_ecran>div.custom_header_menu>div {
        display: grid;
        grid-template-rows: fit-content fit-content 1fr;
        grid-template-columns: 1fr 1fr;
        padding-top: 1.25rem;
        background-color: #050038;
        border: #6924D5 1px solid;
        border-radius: 0px 8px 8px 8px;
    }

    #_desktop_top_menu {
        grid-column: 1;
        grid-row: 1;
    }

    #_desktop_cart {
        grid-column: 1;
        grid-row: 2;
    }

    #_desktop_user_info {
        grid-column: 1;
        grid-row: 3;
    }

    #search_widget {
        grid-column: 2;
        grid-row: 1;
        width: 85%;
    }

    #search_widget>form {
        width: 100%;
    }

    #header>div.custom_header_petit_ecran {
        display: flex;
        z-index: 5;
    }

    .custom_ouverture_menu {
        display: flex !important;
    }

    #header .menu,
    #header .menu>ul>li {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {

    /* On empêche le thème de cacher nos éléments */
    #_desktop_user_info>div * {
        display: initial !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #_desktop_user_info>div>a.account>i {
        display: none !important;
    }

    #header>div.custom_header_petit_ecran>div.custom_header_menu {
        width: 90%;
    }
}

@media screen and (max-width: 930px) {
    #footer>div.footer-container {
        padding-top: 0px;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.contactsBottom {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: 1fr 1fr;
    }
}

@media screen and (max-width: 670px) {
    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: fit-content fit-content fit-content;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top>div.text {
        grid-column: 1/3;
        grid-row: 1;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top>div:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top>div:nth-child(3) {
        grid-column: 2;
        grid-row: 2;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top>div:nth-child(4) {
        grid-column: 1;
        grid-row: 3;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top>div:nth-child(5) {
        grid-column: 2;
        grid-row: 3;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top>div.text>div>img {
        display: none;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top>div.text>div>div {
        margin-top: 0px;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.contactsBottom>div {
        padding: 8px;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div.footerParent-width-80prc>div.contactsBottom>div>svg {
        width: 100%;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div.footerParent-width-80prc>div.contactsBottom>div {
        gap: 0px;
    }
}

@media screen and (max-width: 580px) {
    #footer>div.footer-container>div>div:nth-child(1)>div.footerParent-width-80prc>div.contactsBottom {
        grid-template-columns: 1fr;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div.footerParent-width-80prc>div.contactsBottom>div>svg {
        width: auto;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div.footerParent-width-80prc>div.contactsBottom>div {
        gap: 16px;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top>div.text {
        grid-column: 1;
        grid-row: 1;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top>div:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top>div:nth-child(3) {
        grid-column: 1;
        grid-row: 3;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top>div:nth-child(4) {
        grid-column: 1;
        grid-row: 4;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top>div:nth-child(5) {
        grid-column: 1;
        grid-row: 5;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div.footerParent-width-80prc>div.informations-top>div {
        gap: 0px;
    }

    #footer>div.footer-container>div>div:nth-child(1)>div>div.informations-top {
        gap: 8px;
    }
}

@media screen and (max-width: 345px) {
    #content>div.avis-client>div>div.flexAvis {
        flex-direction: column;
        gap: 16px;
        align-items: start;
    }
}

@media screen and (max-width: 580px) {
    #custom-text {
        padding: 0px;
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 380px) {
    #content>div.centrerCarousel {
        transform: scale(0.45);
    }
}

@media screen and (max-width: 415px) {
    #content>div.home_categories_perso>div.home_categories_bottom_perso>div>a>div {
        width: 100px;
        height: 100px;
    }
}

.custom_header_background {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0);
    opacity: 85%;
}

.montre_toi {
    display: flex;
}

@media screen and (max-width: 500px) {
    #header>div.custom_header_petit_ecran>div.custom_header_menu>div {
        /* display: grid; */
        grid-template-rows: fit-content fit-content fit-content 1fr;
        grid-template-columns: 1fr;
        /* padding-top: 1.25rem; */
        /* background-color: #050038; */
        /* border: #6924D5 1px solid; */
        /* border-radius: 0px 8px 8px 8px; */
    }

    #_desktop_top_menu {
        grid-column: 1;
        grid-row: 2;
    }

    #_desktop_cart {
        grid-column: 1;
        grid-row: 3;
    }

    #_desktop_user_info {
        grid-column: 1;
        grid-row: 4;
    }

    #search_widget {
        grid-column: 1;
        grid-row: 1;
        width: 85%;
        justify-self: self-end;
        margin-right: 16px;
    }

    #header>div.custom_header_petit_ecran>div.custom_header_menu.custom_ouverture_menu {
        transform: translate(-25px, 50%);
    }

    #header>div.custom_header_petit_ecran>div.custom_header_menu.custom_ouverture_menu>div {
        border-radius: 8px;
    }
}

@media screen and (max-width: 350px) {
    #content>div.centrerCarousel {
        transform: scale(0.4);
    }
}

.product-section {
  margin-bottom: 2rem;
}

.product-section h3 {
  margin-bottom: 1rem;
  border-bottom: 1px solid #eee;
  padding-bottom: .5rem;
}

#product-details,
.product-details,
.product-section {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
}

#product #content > div.images-container.js-images-container > div.js-qv-mask.mask > ul {
    display: flex;
    flex-wrap: wrap;
}

#product #content > div.scroll-box-arrows.scroll {
    display: none;
}

#category #js-product-list > div.products.row > div > article,
#category #js-product-list > div.products.row > div > article > div > div.product-description {
    height: 100%;
}

.logoandtitle{
    width: 100px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.logoandtitle > h3 {
    color: white !important;
    margin-top: 0px;
}

#category #js-product-list > nav > ul {
    display: flex;
    gap: 16px;
    justify-content: center;
}

#checkout #js-delivery > div > div.delivery-options > div:nth-child(1) > label > div > div.col-sm-5.col-xs-12 > div > div {
    padding-left: 0px;
}

#checkout #js-delivery > div > div.delivery-options > div:nth-child(4) > label > div > div.col-sm-5.col-xs-12 > div > div.col-xs-12.carriere-name-container.col-md-8,
#checkout #js-delivery > div > div.delivery-options > div:nth-child(4) > label > div > div.col-sm-5.col-xs-12 > div > div.col-xs-12.col-md-4.carrier-logo {
    width: fit-content;
}

#checkout #js-delivery > div > div.delivery-options > div:nth-child(4) > label > div > div.col-sm-5.col-xs-12 > div {
    justify-content: start;
    gap: 8px;
}

#_desktop_cart > div > div > a {
    display: flex;
    gap: 8px;
}