body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
}
body, html{
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}
select.brw_categ.form-control,
.home-search input{
  border-radius:60px !important;
}


:root {
    color-scheme: light;    
    --inc: 0, 0, 0;
    --suc: 0, 0, 0;
    --wac: 0, 0, 0;
    --erc: 0, 0, 0;
    --rounded-box: 1rem;
    --rounded-btn: .5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: .25s;
    --animation-input: .2s;
    --btn-focus-scale: .95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: .5rem;
  	--p: 230 26 26;
    --pc: 255 255 255;
   	--s: 50 160 159;
    --sc: 255 255 255;
    --darkblue: 75, 104, 160;
    --darkbluec: 255, 255, 255;
    --lggrey:  240, 238, 234;
    --lggreyc: 34, 34, 47;
    --b1: 0, 0, 0;
    --b2: 242, 242, 242;
    --b3: 221, 231, 231;
    --bc: 0, 0, 0;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.p-6 {
    padding: 1.5rem;
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.list-disc {
    list-style-type: disc;
}

.list-inside {
    list-style-position: inside;
}

.text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}
.text-purple-800 {
    --tw-text-opacity: 1;
    color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}
.text-pink-800 {
    --tw-text-opacity: 1;
    color: rgb(157 23 77 / var(--tw-text-opacity, 1));
}
.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
/* Layout & Espacement */
.max-w-5xl {
  max-width: 64rem; /* 1024px */
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-14 {
  margin-left: 3.5rem;
}
.space-y-2 > * + * {
  margin-top: 0.5rem;
}

.w-10 {
    width: 2.5rem;
}

.h-10 {
    height: 2.5rem;
}


.flex {
    display: flex;
}

.mr-4 {
    margin-right: 1rem;
}

/* Texte */
.text-center {
  text-align: center;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.font-bold {
  font-weight: 700;
}
.font-semibold {
  font-weight: 600;
}
.text-gray-600 {
  color: #4b5563;
}
.text-gray-700 {
  color: #374151;
}
.text-gray-800 {
  color: #1f2937;
}
.text-blue-900 {
  color: #1e3a8a;
}
.text-blue-800 {
  color: #1e40af;
}

/* Couleurs & backgrounds */
.bg-blue-100 {
  background-color: #dbeafe;
}
.text-blue-700 {
  color: #1d4ed8;
}

.bg-yellow-100 {
  background-color: #fef9c3;
}
.text-yellow-700 {
  color: #a16207;
}

.bg-red-100 {
  background-color: #fee2e2;
}
.text-red-700 {
  color: #b91c1c;
}

.bg-pink-100 {
  background-color: #fce7f3;
}
.text-pink-700 {
  color: #be185d;
}

.bg-green-100 {
  background-color: #d1fae5;
}
.text-green-700 {
  color: #047857;
}

.bg-purple-100 {
  background-color: #ede9fe;
}
.text-purple-700 {
  color: #6b21a8;
}

.bg-indigo-100 {
  background-color: #e0e7ff;
}
.text-indigo-700 {
  color: #4338ca;
}

.bg-blue-50 {
  background-color: #eff6ff;
}
.border-l-4 {
  border-left-width: 4px;
  border-left:4px solid;
  
}


.border-blue-400 {
  border-left-color: #60a5fa;
}

/* Design & structure */
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.flex {
  display: flex;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.underline {
  text-decoration: underline;
}


a.msg_to_supplier {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-left: 0.5rem;
    text-decoration: none;
    margin-top: 0px;
    float: none;
}
.slick-track:after, 
.slick-track:before,
.listing_container_main_wrapper.container:before{
  content: none;
}

.home_edito_section img {
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-bottom-right-radius: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.alert-warning {
    background-color: #fcf8e3;
    color: rgb(var (--p));
    font-size: 0.875rem;
    line-height: 1.25rem;
    border: 0 none;
    box-shadow: none;
}

.card .product_info .listing-name a {
    white-space: normal;
}


.cc-banner.cc-bottom {
    gap: 20px;
    padding: 20px;
}


@media (min-width: 992px) {
    .navbar-brand>img {
        height: 50px;
        margin-top: 0;
    }
  	.navbar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        justify-content: start;
    }
    ul.nav.navbar-nav.navbar-right {
        flex: 2;
        justify-content: end;
    }
  	.container.clear_menu {
        display: flex;
        justify-content: space-between;
    }
    .row.text-center.home-search-wrapper {
      text-align: left;
      margin: 0;
      text-align: center;
      display: flex;
      justify-content: center;
  	}
  
}

.alert-warning a{
  font-weight:600;
  color:#854d0e;
}

.welcome-message{
  overflow:hidden;
}

.explore-section, .explore-section h2 {
    text-align: center !important;
  background: #FFF;
}

.homepage-body .explore-section h2 {
    font-size: 32px;
    font-weight: bold !important;
}
.add-cat-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 4em;
}
a.add-cat {
    flex: 1;
    background: #f00;
    color: #333;
    margin: 0 10px 10px 0;
    text-align: center;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(https://cdn.kreezalid.com/kreezalid/553600/files/995044/dot_grid_1.png);
    
    padding: 4em;
    font-weight: 200;
    line-height: 1.5em;
}

a.add-cat:hover, a.add-cat:focus {
    text-decoration: none;
}

.home_edito_main_wrapper{
  padding:0;
  background:#FFF;
}

.home_edito_main_wrapper .container{
  width:100%;
  padding:0;
}

.home_edito_section .edito_text {
    padding: 5em;
}

p.underline.link {
    border-bottom: 1px solid;
    display: inline-block;
    font-weight: bold;
    color: #000000;
}

@media (min-width: 992px) {
    a.add-cat.sec {
        border-image: linear-gradient(to bottom, #ffe43b, #ffc3c3) 0 1;
        border-width: 2px;
        border-right: 2px solid;
        border-left: 2px solid;
    }
}



figure.hover--effect.effect-4 .features_cat_img,
figure.hover--effect.effect-4:hover img,
figure.hover--effect.effect-4 img,
figure.hover--effect.effect-1, figure.hover--effect.effect-4 {
    border-radius: 0.5em;
}


figure.hover--effect.effect-4:hover img{
  transform: scale(1.05);
}

figure.hover--effect.effect-1, figure.hover--effect.effect-4 {
    background: none;
}
figure.hover--effect.effect-4 h2{
	--tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

figure.hover--effect.effect-1 h2{
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 1rem;
}

figure.hover--effect.effect-1 p{
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 0.5rem;
}

figure.hover--effect.effect-4 p{
	--tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 0.5rem;
}

figure.hover--effect.effect-4 figcaption {
    padding: .5em 0 1em;
}

.feat_item_single{
    display: block;
    padding: 0;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

.welcome-message {
    height: 100% !important;
}

.welcome-message h1{
    --tw-text-opacity: 1;
    font-weight: 700;
    margin-top: 2.5rem;
}

.welcome-message h2{
    line-height: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.row.text-center.home-search-wrapper {
    text-align: left;
    margin: 0;
}
.home-search {
    margin: 0;
    padding: 0;
    gap: 7px;
}

.hero_section_left {
    flex-shrink: 0;
}
.hero_section_left {
    max-width: 42rem;
}
.hero_section_left {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.home-banner-content {
    padding-top: 2.5rem;
}
.home-banner-content {
    padding-bottom: 6rem;
}
.home-banner-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.home-banner-content {
    max-width: 80rem;
}

.hero_section_right {
    max-width: 42rem;

    display: flex;

    margin-top: 4rem;

    margin-left: auto;
    margin-right: auto;
}


.hero_section_right .img_part{
    flex: none;
}
.hero_section_right .img_part {
    max-width: 48rem;
}


.hero_section_right .img_part img{

    --tw-ring-color: rgb(255 255 255 / 0.1);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   /* box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);*/
    background-color: rgb(255 255 255 / 0.05);
    border-radius: 0.375rem;
    /*width: 76rem;*/
  
  	width: 42rem;
}


.big_figures{
  font-size: 80px;
  font-weight:600;
}

#our-why{
  padding-top: 10rem;
  padding-bottom: 10rem;
}

#figures-main-wrapper{
    display: flex;
    flex-direction: row;
}
#about-figures{
    display: flex;
    flex-direction: column;
  	gap:2rem;
}

#our-mission{
  margin-top: 5rem;
  text-align: center;
}

#our-mission p{
  font-size: 56px;
  line-height: 1.2em;
}

.figures-line-1 .col-md-6,
.figures-line-2 .col-md-6{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: end;
}

#our-why h2{
    font-size: 56px;
    line-height: 1.2em;
    position: relative;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}


#our-why h2:after{
    content: "";
    height: 2px;
    width: 100px;
    background: #FFF;
    position: absolute;
    left: 0;
    bottom: 0;
}

.results_list_item {
    min-width: 100%;
    max-width: 100%;
    margin-left: 0;
    width: 100%;
    -ms-flex: 1;
    flex: 1;
}


.results_list_row {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.results_list_row {
    display: grid;
    
    gap: 1.5rem;
  	margin-left:0;
}

@media(min-width:481px){
  .results_list_row {
    	grid-template-columns: repeat(2, minmax(0, 14fr));
	}
}

@media (min-width: 481px) and (max-width: 767px) {
    .results_list_item {
        min-width: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 640px) {
  .hero_section_right .img_part {
        max-width: 64rem;
    }
    .home-banner-content {
        padding-bottom: 8rem;
    }
  .hero_section_right {
        margin-top: 6rem;
    }
  
  .results_list_row {
    	grid-template-columns: repeat(3, minmax(0, 14fr));
	}
}




@media (min-width: 992px) {
    .narrow_pad {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1024px) {
  .hero_section_right .img_part{
        max-width: none;
    }
    .home-banner-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
  .hero_section_left {
        padding-top: 2rem;
        max-width: 36rem;
        margin-left: 0px;
        margin-right: 0px;
    }
  .hero_section_right {
        margin-left: 2.5rem;
    	margin-right: 0px;
    	margin-top: 0px;
    	max-width: none;
    	flex: none;
    }
  .feat_item {
        column-gap: 2rem;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin: 0;
    }
}


@media (min-width: 1280px) {
    .hero_section_right {
        margin-left: 8rem;
    }
}

.home_featured_collection .row:after, 
.home_featured_collection .row:before {
    content: none;
}


.btn.btn-rounded {
    border-radius: 0.5rem;
}
.listing-cover {
    border-radius: 0.5rem;
}
.listing_list_item .text-preview h4,
.listing_list_item .text-preview h3 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
    letter-spacing: -0.025em;
    font-weight: 700;
    font-size: 1rem;
    line-height: 2rem;
    text-align: left;
    margin-bottom:0,
}
.listing_cat_prev {
	--tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
    background: none;
    display: block;
    border: none;
    text-align: left;
    padding: 0;
    letter-spacing: 0;
}

.bg-neutral {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-n, rgb(var(--lggrey) / var(--tw-bg-opacity)));
}
.text-primary {
    --tw-text-opacity: 1;
    color: var(--fallback-p, rgb(var(--p) / var(--tw-text-opacity)));
}
.bg-primary {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-p, rgb(var(--p) / var(--tw-bg-opacity)));
}

.text-secondary {
    --tw-text-opacity: 1;
    color: var(--fallback-s, rgb(var(--s) / var(--tw-text-opacity)));
}

.text-white {
    --tw-text-opacity: 1;
    color: var(--fallback-b1, rgb(var(--b1) / var(--tw-text-opacity)));
}


.label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .2s;
    height: 1.25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: .563rem;
    padding-right: .563rem;
    border-radius: var(--rounded-badge, 1.9rem);
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: var(--fallback-b2, rgb(var(--b2) / var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1, rgb(var(--b1) / var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-bc, rgb(var(--bc) / var(--tw-text-opacity)));
}

.label-neutral {
    --tw-border-opacity: 1;
    border-color: var(--fallback-n, rgb(var(--lggrey) / var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-n, rgb(var(--lggrey) / var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-nc, rgb(var(--lggreyc) / var(--tw-text-opacity)));
}

.label-primary {
    --tw-border-opacity: 1;
    border-color: var(--fallback-p, rgb(var(--p) / var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-p, rgb(var(--p) / var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-pc, rgb(var(--pc) / var(--tw-text-opacity)));
}

.label-ghost {
    --tw-border-opacity: 1;
    border-color: var(--fallback-b2, rgb(var(--b2) / var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2, rgb(var(--b2) / var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-bc, rgb(var(--bc) / var(--tw-text-opacity)));
}

@supports (color:rgb(0% 0 0)) {
  	.home-search button[type=submit],
    .btn-primary {
        --btn-color: var(--p);
    }
}
.home-search button[type=submit],
.btn-primary {
    --tw-text-opacity: 1;
    color: var(--fallback-pc, rgb(var(--pc) / var(--tw-text-opacity)));
    outline-color: var(--fallback-p, rgb(var(--p) / 1));
}
@media (prefers-reduced-motion: no-preference) {
    .btn {
        animation: button-pop var(--animation-btn, .25s) ease-out;
    }
}

.btn-secondary {
    --tw-text-opacity: 1;
    color: var(--fallback-sc, rgb(var(--sc) / var(--tw-text-opacity)));
    outline-color: var(--fallback-s, rgb(var(--s) / 1));
}
@supports (color:rgb(0% 0 0)) {
    .btn-secondary {
        --btn-color: var(--s);
    }
}

.btn-outline {
    border-color: currentColor;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fallback-bc, rgb(var(--bc) / var(--tw-text-opacity)));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-primary.btn-accent,
.btn-secondary.btn-outline,
.btn-primary.btn-outline {
    background-color: inherit;
}

.btn-outline.btn-primary {
    --tw-text-opacity: 1;
    color: var(--fallback-p, rgb(var(--p) / var(--tw-text-opacity)));
}

.btn-outline.btn-secondary {
    --tw-text-opacity: 1;
    color: var(--fallback-s, rgb(var(--s) / var(--tw-text-opacity)));
}

.btn-outline.btn-accent {
    --tw-text-opacity: 1;
    color: var(--fallback-a, rgb(var(--darkblue) / var(--tw-text-opacity)));
}

@media (hover: hover) {
    @supports (color:color-mix(in oklab,black,black)) {
      
        .btn-outline.btn-primary:hover {
            background-color: 
color-mix(in oklab, var(--fallback-p, rgb(var(--p) / 1)) 90%, black);
            border-color: 
color-mix(in oklab, var(--fallback-p, rgb(var(--p) / 1)) 90%, black);
        }
    }
}
@media (hover: hover) {

    .btn-outline.btn-primary:hover {
        --tw-text-opacity: 1;
        color: var(--fallback-pc, rgb(var(--pc) / var(--tw-text-opacity)));
    }
}

@media (hover: hover) {
    @supports (color:color-mix(in oklab,black,black)) {
        .btn-outline.btn-secondary:hover {
            background-color: 
color-mix(in oklab, var(--fallback-s, rgb(var(--s) / 1)) 90%, black);
            border-color: 
color-mix(in oklab, var(--fallback-s, rgb(var(--s) / 1)) 90%, black);
        }
    }
}
@media (hover: hover) {
    .btn-outline.btn-secondary:hover {
        --tw-text-opacity: 1;
        color: var(--fallback-sc, rgb(var(--sc) / var(--tw-text-opacity)));
    }
}

@media (hover: hover) {
    .btn-outline:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-bc, rgb(var(--bc) / var(--tw-border-opacity)));
        --tw-bg-opacity: 1;
        background-color: var(--fallback-bc, rgb(var(--bc) / var(--tw-bg-opacity)));
        --tw-text-opacity: 1;
        color: var(--fallback-b1, rgb(var(--b1) / var(--tw-text-opacity)));
    }
}
@media (hover: hover) {
    @supports (color:color-mix(in oklab,black,black)) {
        .btn:hover {
            background-color: 
color-mix(in oklab, rgb(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%, black);
            border-color: 
color-mix(in oklab, rgb(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%, black);
        }
    }
}
@media (hover: hover) {
    .btn:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-b3, rgb(var(--b3) / var(--tw-border-opacity)));
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b3, rgb(var(--b3) / var(--tw-bg-opacity)));
    }
}

.btn.btn-sm {
    height: 2rem;
    min-height: 2rem;
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: .875rem;
}

img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0;
}


/*.home_edito_section .flexbox {
    border-radius: 0.5rem;
}

.home_edito_section img {
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-bottom-right-radius: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    -moz-border-radius-bottomright: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}*/

.page-header h1{

    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));

    letter-spacing: -0.025em;

    font-weight: 700;

    font-size: 1.875rem;
    line-height: 2.25rem;
}
.secondary-modal-head .close {
    color: #e3e3e3;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.add_to_cart_alert .modal-title:before{
    content:'';
    width:2rem;
    display: flex;
    border-radius: 9999px;
    height: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2316a34a' aria-hidden='true' data-slot='icon' class='on su azc'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m4.5 12.75 6 6 9-13.5'%3E%3C/path%3E%3C/svg%3E");
    background-color: #dcfce7;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: center;
}

.secondary-modal-head {
    background-color: #FFF;
    border: 0;
    padding-bottom: 0;
    padding-left:0;
    padding-right:0;
    padding-top:0;
}

.modal-title{
    color: #111827;
    line-height: 1.5rem;
    font-weight: 600;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal-dialog{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    text-align: left;
    padding-top: 1.25rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    border-radius: 0.5rem;
}

.modal-dialog .modal-content {
    position: relative;
    background-color: transparent;
    border: 1px solid #999;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    outline: 0;
}

.bootbox-body{
    color: #6b7280;
    line-height: 1.25rem;
    font-weight: 500;
}

.modal-body {
    padding: 0;
}

.secondary-modal-footer {
    background: none;
    padding: 0;
}


.single_item {
    margin-top: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 500;
    gap: 15px;
}

.listing_cover_img img,
.single-item img{
    border-radius: 0.5rem;
}

.single_item .listing_price_value,
.single_item .listing_quantity_value,
.single_item h5.text-muted{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
}

[type='text'], input:where(:not([type])), [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff !important;
    border-radius: 0.375rem !important;
    border-color: #D1D5D9 !important;
    border-width: 1px important;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
}

p.listing_preview {
    margin-top: 1rem;
}

p.listing_preview a {
    text-decoration:none;
    border-color: #f2f2f2 !important;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-size: .75rem;
    color: #1f2937 !important;
    gap: .5rem;
    font-weight: 600;
    text-decoration-line: none;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    border-width: var(--border-btn, 1px);
    transition-property: color, background-color, border-color, opacity, box-shadow, transform;
    outline-color: var(--fallback-bc, rgb(var(--bc) / 1));
    background-color: #f2f2f2 !important;
    --tw-bg-opacity: 1;
    --tw-border-opacity: 1;
    display: inline-flex;
    height: 2.5rem;
    min-height: 2rem;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
}

#allreviews h2 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
    letter-spacing: -0.025em;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    margin-left: 15px;
    margin-right: 15px;
}

#allreviews span.rate {
    margin-top: 1rem;
}

.about_my_product h2 {
    margin-bottom: 5px;
    text-transform: none;
    margin-top: 1rem;
}

.spec_options {
    border: 1px solid #d1d5d9;
    border-radius: 0.375rem !important;
}

.pictures-list .file_container {
    border-color: rgb(17 24 39 / 0.25) !important;
    border-style: dashed !important;
    border-width: 1px !important;
    border-radius: 0.5rem !important;
    justify-content: center !important;
    display: flex !important;
    margin-top: 0.5rem !important;
}



.login .wh-part-head, .register .wh-part-head {
    border-bottom: 0;
}

.navbar-nav .btn.btn-primary.listing-add {
        display: inline-flex;
        padding-top: 0;
        padding-bottom: 0;
}

.navbar-inverse .navbar-nav>li>a.btn:hover {
    border:inherit;
    
}

a.text-underline.text-link.btn-inbox-delete-conversation {
    font-size: 0.85em;
    color: red;
    padding-bottom: 2rem;
    display: block;
}
.about_my_product h2,
label {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
    line-height: 1.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: block;
}

.btn.btn-primary {
  --btn-color: var(--p); /* injecte la couleur primaire ici */
}

@supports (color:rgb(0% 0 0)) {
  .btn-primary {
    --btn-color: var(--p); 
  }
}

@supports (color:color-mix(in oklab,black,black)) {
    .btn-active {
        background-color: 
color-mix(in oklab, rgb(var(--btn-color, var(--b3)) / var(--tw-bg-opacity, 1)) 90%, black);
        border-color: 
color-mix(in oklab, rgb(var(--btn-color, var(--b3)) / var(--tw-border-opacity, 1)) 90%, black);
    }
}
@media (prefers-reduced-motion: no-preference) {
    .btn {
        animation: button-pop var(--animation-btn, .25s) ease-out;
    }
}
a.btn.btn-primary.btn-sm.listing-add,
.home-search button[type=submit],
.btn {
  display: inline-flex;
  height: 3rem;
  min-height: 3rem;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 60px;
  border-width: var(--border-btn, 1px);
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  font-size: .875rem;
  line-height: 1em;
  gap: .5rem;
  font-weight: 600;
  text-decoration-line: none;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(0,0,.2,1);
  transition-property: color, background-color, border-color, opacity, box-shadow, transform;
  --tw-text-opacity: 1;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: var(--fallback-bc, rgb(var(--bc) / 1));
  border-color: rgb(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
  background-color: rgb(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;
}
button, [role=button] {
    cursor: pointer;
}
button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

.inset-0 {
    inset: 0px;
}
.absolute {
    position: absolute;
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity));
}

.mt-1 {
    margin-top: 0.25rem;
}

.font-medium {
    font-weight: 500;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.leading-6 {
    line-height: 1.5rem;
}
.font-semibold {
    font-weight: 600;
}
.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}
.px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}
.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem;
}
.bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.rounded-lg {
    border-radius: .5rem;
}
.whitespace-nowrap {
    white-space: nowrap;
}

.ml-3 {
    margin-left: .75rem;
}

.list_row {
    row-gap: 2.5rem;
}
.list_row {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}
.list_row {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.list_row {
    display: grid;
}

.list_row {
    margin-top: 1.5rem;
    margin-left:0;
}

.list_item {
    min-width: 100%;
    max-width: 100%;
    margin-left: 0px; 
    width: 100%;
    position: relative;
}

.list_item:hover .card{
    opacity: 0.75;
}

.list_item:hover .add_to_wishlist a {
    display:block;
}

.results_list_item {
    margin-bottom: 2rem;
}

.card .card_img:after {
    content :none;
}


.card_img {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
}
.card_img {
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.card_img {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w)* 100%);
    --tw-aspect-w: 1;
    --tw-aspect-h: 1;
}

.add_to_wishlist{
    position:absolute;
    z-index:1;
    top:5%;
    right:5%;
}

.add_to_wishlist .wishlist-btn-text{
    font-size:0;
    display:none;
}

.add_to_wishlist a {
    --tw-bg-opacity: 0.75;
    /*background-color: rgb(255 255 255 / var(--tw-bg-opacity));*/
    font-size: 1rem;
    border-radius: 99%;
    height: 2rem;
    width: 2rem;
    text-align: center;
    line-height: 2rem;
    margin-top: 0;
    display:none;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-color: currentColor;
    -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
    backdrop-filter: blur(var(--glass-blur, 40px));
    background-color: transparent;
    background-image: linear-gradient(135deg, rgb(255 255 255 / var(--glass-opacity, 30%)), #0000), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%, rgb(0 0 0 / 0%) 25%);
}

.card_img img {
    -o-object-position: center;
    object-position: center;
}
.card_img img {
    -o-object-fit: cover;
    object-fit: cover;
}
.card_img img {
    width: 100%;
}
.card_img img {
    height: 100%;
}
.card_img img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


.product_info{
    justify-content: space-between;
    display: flex;
    margin-top: 1rem;
}

.card .product_info .product-information {
    margin: 0;
    display:flex;
    flex-direction: column;
}

.card .product_info .listing-supplier-avatar img {
    width: 30px;
    height: 30px;
    min-width: 30px;
}

.card .product_info .listing-name a {
    color: inherit;
    font-size: inherit;
}

.listing-supplier-note {
    margin-top: 0.75rem;
}

span.rate{
    align-items: center;
    display: flex;
}

.rate .fa.fa-star, .rate .fa.fa-star-half-o, .rate .fa.fa-star-o{
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}
.rate .fa.fa-star-o{
  	--tw-text-opacity: 1;
	color: rgb(229 231 235 / var(--tw-text-opacity));
}

.rate .fa.fa-star, .rate .fa.fa-star-half-o {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity));
}


.listing-supplier-name {
    display: flex;
    gap: 10px;
    align-items: center;
}
.listing-category{
    border-radius:60px;
}


/*HOMEPAGE*/

.homepage-body .section-header h2{
    font-family: InterVariable, system-ui, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
    letter-spacing: -0.025em;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: left;
}

.homepage-body .section-header .subtitle{
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
    margin-top: 1rem;
}



.post_item .img_cover img {
    -o-object-fit: cover;
    object-fit: cover;
}
.post_item .img_cover img {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.post_item .img_cover img {
    border-radius: 1rem;
}
.post_item .img_cover img {
    width: 100%;
}
.post_item .img_cover img {
    aspect-ratio: 16 / 9;
}

.post_item .img_cover {
    height:auto;
    width:100%;
    position:relative;
}

.post_date{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}

.post_category{
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    font-weight: 500;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    border-radius: 9999px;
    position: relative;
}

article.post_item,
.post_link{
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    display: flex;
}

.post_link .post-title{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
    line-height: 1.5rem;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-top: 0.75rem;
} 

.featured-posts-section .post-summary {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    line-height: 1.5rem;
    font-size: 0.875rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.post_details{
    font-size: 0.75rem;
    line-height: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    align-items: center;
    display: flex;
    margin-top: 1rem;
}

.post_wrapper {
    margin-top: 25px;
}

@media (min-width: 640px) {
    .list_row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
     .post_item .img_cover img {
        aspect-ratio: 2 / 1;
    }
      .page-header h1 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
        .list_item {
        min-width: 100% !important;
        max-width: 100% !important;
        margin-left: 0px !important;
        width: 100% !important;
        position: relative !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .list_item {
        min-width: 100% !important;
        max-width: 100% !important;
        margin-left: 0px !important;
        width: 100% !important;
        position: relative !important;
    }
}


@media (min-width: 992px) {
    .result_category_list li a {
        background: #FFF;
        font-size: 13px;
        margin-bottom: 5px;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
      .result_category_list li {
        display: inline-block;
    }
      div#side-filters {
        width: 100%;
    }
      .result_category_list li a:focus, .result_category_list li a:hover {
        color: #696c74;
        text-decoration: none;
    }
      .result_category_list li a.active {
        color: rgb(230 26 27);
        border-bottom: 2px solid #e61a1b;
        padding: 0;
        display: inline-block;
        font-weight: bold;
    }
    .results_list {
        border-left: 1px solid #EEE !important;
        padding-left: 3rem;
    }
      .filter_sidebar {
        padding-right: 3rem;
    }
}



@media (min-width: 1024px) {
    
    .card_img {
        height: 20rem;
    }
    .card_img {
        position: static;
        padding-bottom: 0;
    }
    .card_img img {
        width: 100%;
    }
    .card_img img {
        height: 100%;
    }
    .card_img img {
        position: static;
        
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }
    .post_item .img_cover img {
        aspect-ratio: 3 / 2;
    }
}

@media (min-width: 1280px) {
    .list_row {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}

@media (min-width: 1441px) {
    .list_row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}