/* Add custom CSS styles below */ 
/* */

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');

.monMenuFixe li span {

position: relative;

}


.monMenuFixe li span.compteur {

position: absolute;

background: rgba(248,113,113,var(--tw-bg-opacity)) !important;;

width: 15px;

height: 15px;

top: 2px;

line-height: 15px;

margin-right: -3px;

border-radius: 50%;

color: #fff;

display: none;

}


#raoua {


max-width: 1180px !important;

margin: auto !important;

margin-bottom: 20px !important;

border-radius: 20px !important;

}


#raoua img {

border-radius: 20px !important;

}

#raoua {

max-width: 1180px !important;

margin: auto !important;

margin-bottom: auto;

margin-bottom: 20px !important;

}


#raoua img {

min-width: 100% !important;

}

@media screen and (max-width: 767px) {

#raoua {

max-width: calc(100% - 20px) !important;

margin: 10px !important;

}


}


/* */



#menuBasFixed {

position: fixed;

height: 60px;

width: 100vw;

bottom: 0;

right: 0;

background: #f5f5f5;

z-index: 99999999

}

#menuBasFixed *,

#menuGlobal *

{

transition: all 1s cubic-bezier(0.79, 0.33, 0.14, 0.53);

}


#menuGlobal {

width: 100vw;

height: 100vh;

background: #fff;

position: fixed;

right: 0;

display: flex;

/*flex-direction: row-reverse; */

z-index: 9999999;

top: 0;

}

#menuCats {

max-width: 80px;

height: auto;

background: #f5f5f5;

position: relative;

height: 100%;

overflow-y: scroll;

padding: 5px;

}

#menuCats > div a {

max-width: 80px !important;

position: relative;

display: flex;

flex-direction: column;

justify-content: center

}

#menuCats > div img {

max-width: 40px;

height: auto;

margin: auto;

}


#menuGlobal a {

color: #545454;

text-decoration: none;

font-size: 9px;

text-align: center

}


#menuGlobal a img {

max-width: 50px;

min-height: 50px !important;

max-height: 50px;

}

ul, ul * {

list-style: none;

padding: 0;

margin: 0;

}


#menuCats li {

display: flex;

flex-direction: column;

justify-content: center;

align-content: center;

align-items: center;

gap: 2px;

text-align: center;

/* margin: 5px auto; */

font-size: 11px;


}

#menuCats li {

width: 100%;

}


.sousUl {

display: flex;

flex-direction: column;

direction: rtl;

padding: 10px;

}

.sousUl > li {

flex: 100%;

width: 100%;

}

.sousSousUl li a {

display: flex;

flex-direction: column !important;

justify-content: center;

align-content: center;

align-items: center;

gap: 5px;

text-align: center;

/* margin: 5px auto; */

font-size: 11px;

}

.sousUl .sousSousUl {

display: grid;

grid-template-columns: repeat(3, 33%);


padding: 10px;

}

.sousUl .sousSousUl li {

flex: 0 0 33%;

flex-wrap: wrap;


}

.noSubCats {

display: grid;

grid-template-columns: repeat(3, 30%);

grid-gap: 15px;

}

.noSubCats > div {

grid-column: 1/4 !important;

grid-row: 1/2 !important;

}

.noSubCats .sousLi a {

display: flex;

flex-direction: column !important;

justify-content: center;

align-content: center;

align-items: center;

gap: 5px;

text-align: center;

/* margin: 5px auto; */

font-size: 11px;

}

.switcher {

display: none !important;

}

.sousLi {

width: 100%;

position: relative;


}

.sousUl:not(.noSubCats) .sousLi::after {

content: "\f107";

position: absolute;

top: 5px;

left: 0 !important;

color: #e6e6e6;

font-family: fontawesome, "Font Awesome 5 Free";

font-weight: 100;

}

.sousLi.clicked::after {

transform: rotate(180deg) !important;

}

.sousUl > div img {

max-width: 100% !important;

height: auto;

border-radius: 10px;

}

.sousLi {

border: #e6e6e6 solid 1px;

border-radius: 5px;

}

.sousUl:not(.noSubCats) > li {

margin-top: 5px;

border: none;

border-bottom: #e6e6e6 solid 1px;

border-radius: 0;

font-size: 13px !important;

font-weight: lighter;

}

.sousUl:not(.noSubCats) > li li {

border: #e6e6e6 solid 1px !important;

border-radius: 5px;

}

.sousSousUl {

grid-gap: 5px;;

}

#menuCats {

max-width: 80px;

height: auto;

background: #f5f5f5;

position: relative;

height: 100vh;

overflow-y: scroll;

padding: 5px;

position: fixed;

top: 0;

min-height: 100vh !important;

}

#menuSouCats {

padding-right: 80px;

}

.linkSubCategory {

margin-bottom: 10px !important;

}

#menuCats li img {

max-width: 50px !important;

}

li.sousLi > img:nth-child(1) {

display: none !important;

}

#menuSouCats {

padding-right: 80px;

max-width: calc(100vw - 20px) !important;

overflow-y: scroll;

height: 100vh;

padding-bottom: 4rem !important;

}

#appCooncare{

max-width: 400px !important;

position: relative;


}

.monMenuFixe {

display: flex;

/*flex-direction: row-reverse;*/

justify-content: space-around

}

.monMenuFixe li a,

.monMenuFixe li

{

display: flex;

flex-direction: column;

margin: auto 5px;

padding: 5px;

justify-content: center;

align-content: center;

text-align: center;

text-decoration: none;

}


.monMenuFixe i {

font-family: fontawesome !important;

color: #8a6486;

font-size: 20px !important;

font-weight: 100 !important;

}

.monMenuFixe li span {

font-size: 09px;

color: #545454;

}

li.non {

display: none !important;

}

#menuBasFixed {

box-shadow: 0px -16px 15px -3px rgba(0,0,0,0.1);

background: #f8f8f8 !important;

}

.menuSouCats {

padding-bottom: 45px !important;

}


/* #allCats {

background: #7F3960;

border-radius: 50%;

width: 100px;

height: 100px;

position: absolute;

margin-top: -30px;

color: #fff !important;

}

#allCats * {

color: #fff !important;

}


*//*

.monMenuFixe > li:nth-child(4) {

display: none !important;

}

*/

li.linkSubCategory:nth-child(9) {

display: none !important;

}


/* AJOUTE LE MERCREDI 17 AVRIL 2024 */

#idHaut i {

transform: rotate(180deg);

font-size: 1.5rem;

color: #1A1A1A !important;

}


div.justify-start:nth-child(1) > button:nth-child(1) {

display: none !important;

}


div.justify-start:nth-child(1) {

display: flex !important;

flex-direction: row-reverse

}

.fixed-pinned .navbar-brand img {

max-height: 4rem;

}


.s-user-menu-dropdown {

padding-bottom: 45px !important;

}


.banner-entry a::before {

display: none !important;

}

.banner-entry a {

background-size: contain !important;

background-repeat: no-repeat !important;

background-position: center center !important;

}

section.s-block:nth-child(5) .banner-entry,

section.s-block:nth-child(6) .banner-entry,

section.s-block:nth-child(7) .banner-entry

{

position: relative;

height: 5rem !important;

max-height: 5rem !important;;

background: transparent !important;

}

.banner-entry

{


background: transparent !important;

}

.product-fixed-bar {


bottom: 61px;


}

@media screen and (min-width: 1024px) {

#idHaut {

display: none !important;

}

}

section.s-block.s-block--best-offers > div.container {

display: flex;

flex-direction: column

}

section.s-block.s-block--best-offers > div > div:nth-child(3) {

position: absolute !important;

margin-left: 10px !important;

margin-top: -5px !important;

}

.s-block--banners .has-2-photos {

display: grid;

grid-template-columns: repeat(2,1fr) !important;

}

.s-block--banners .has-4-photos {

display: grid;

grid-template-columns: repeat(4,1fr) !important;

}

.s-block--banners .banner-entry:nth-child(5n+1), .has-2-photos .banner-entry:nth-child(n), .has-4-photos .banner-entry:nth-child(n), .has-5-photos .banner-entry:nth-child(n+4) {

grid-column: unset !important;

}


/* */


.product-entry__image {

background-color:#fff

}

.product-entry__image .triangle-overlay {

display:none

}

.promotion-badge {

padding:2px 10px;

font-size:12px

}


.product-entry__title a {

font-size:13px

}

.product-entry__content h4 {

font-size:1rem

}

@media(max-width:768px) {

.sicon-shopping {

display:none

}

salla-slider .slide--one-fourth {

max-width:170px

}

}

@media(max-width:990px) {

.main-nav-container.fixed-pinned.fixed-header .search-bar {

display:none

}

}

@media(max-width:990px) {

.store-header .top-nav-inner .right-side .max-w-\[calc\(100\%-120px\)\] {

position:absolute;

z-index:20000;

left:0

}

[dir=rtl] .main-nav-container .s-search-modal .s-search-input-wrapper {

padding-inline-end:6rem

}

[dir=ltr] .main-nav-container .s-search-modal .s-search-input-wrapper {

padding-inline-end:7rem

}

[dir=ltr] .store-header .top-nav-inner .right-side .max-w-\[calc\(100\%-120px\)\] {

left:auto;

right:0

}

}

.index .s-block--fixed-banner:first-of-type .container {

width:100%;

max-width:100%

}

@media(min-width:1024px) {

.index .s-block--fixed-banner:first-of-type.s-block {

margin-top:.65rem

}

}

.product-single .sidebar__inner .product-brand {

order:-1;

display:flex;

align-items:center;

gap:8px;

text-wrap:nowrap;

width:100%

}

.product-single .sidebar__inner .product-brand img {

width:100px

}

.product-single .sidebar__inner .product-brand span {

font-size:12px;

width:-webkit-max-content;

width:max-content

}

.product-single .sidebar__inner {

display:flex;

flex-direction:column

}

.product-single .sidebar__inner>div:first-of-type {

order:-1

}

.product-single .sidebar__inner .product-form {

order:-1

}

.product-single .sidebar__inner .product__description {

order:-1

}

.product-single .roulleteButton {

bottom:66px!important;

padding-block:4px;

padding-inline-start:4px;

padding-inline-end:12px

}

#roulleteWindow {

background:rgb(0 0 0/54%)!important;

color:#fff

}

.menu-is-open #side-panel {

z-index:1130

}

.menu-is-open #mainnav .inner.bg-inherit {

z-index:100000;

position:relative

}

.product-entry__title a {

max-height: 45px !important;

overflow: hidden !important;

}

section.s-block--banners:not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)) .has-4-photos {

display: grid;

grid-template-columns: repeat(2,1fr) !important;

gap: 5px !important;

}


section.s-block:nth-child(17) .banner-entry a {

position: relative !important;

padding: 0 0!important;

background-size: 100% !important;

height: calc(100% + 22px)

}


section.s-block:nth-child(21) .banner-entry a {

position: relative !important;

padding: 0 0!important;

background-size: 100% !important;

height: calc(100% + 22px)

}

section.s-block .banner-entry a {

background-size: 100% !important;


}

.s-block.s-block--banners {

padding: 0 !important;

margin-top: 0.5rem !important;

}


.s-modal-body {

bottom: 25vh;

}


/* */


/* */

.creerSection {

display: flex !important;

flex-direction: column !important;

justify-content: center !important;

justify-items: center !important;

justify-self: center !important;

background: #FAC1D0;

position: relative;


}

.creerSection a {

display: inline-block !important;

width: 33% !important;

float: right !important;

/*max-width: 300px !important;*/

padding: 10px !important;

}

.creerSection h3::after {

content: "يمكنك الحصول على المساعدة من خلال وسائل المساعدة المختلفة ";

display: block;

font-size: 12px !important;

margin-top: -10px !important;

}


.creerSection a[href="tel:0509771546"] {

display: none !important;

}

.creerSection a {

min-height: 54px !important;

}

.creerSection a i {

font-size: 2rem !important;

opacity: .7

}

.creerSection a span {

line-height: 1rem !important;

margin-top: -5px !important;

position: absolute !important;

margin-right: 10px

}

.creerSection h3 {

text-align: center !important;

font-size: 1.2rem !important;

}


.creerSection a[href="https://cooncare.com/ar/whatsapp/send"] span::before {

content: "واتساب" !important;

display: block !important;

margin: 3px 0 10px !important;

font-size: 18px !important;

}


.creerSection a[href="tel:+966509771546"] span::before {

content: "الهاتف" !important;

display: block !important;

margin: 3px 0 10px !important;

font-size: 18px !important;

}


.creerSection a:last-of-type span::before {

content: "البريد الالكتروني" !important;

display: block !important;

margin: 3px 0 10px !important;

font-size: 18px !important;

}


.creerSection a span:before {

color: #000 !important;

}

.creerSection a span {

font-size: 11px !important;

}


.creerDiv p {

font-size: 11px !important;

display: flex !important;

flex-direction: row !important;

width: 100% !important;

padding-bottom: 15px !important;

}

.creerDiv p span {

color: green !important;

}

.main-content-data .product-brand.mb-5 {

margin-bottom: 0 !important;

}

.mb-20 {

margin-bottom: .5rem;

}

.product-single .sidebar__inner .product-brand {

order: -1;

display: flex;

align-items: center;

gap: 8px;

text-wrap: nowrap;

width: 100%;

padding: 0 !important;

margin: 0;

}

.creerDiv {

margin-top: 0 !important;

}

.sicon-quote-open::before {

content: "\eead";

display: none;

}

.sidebar__inner div.flex:nth-child(5) {

order: -1!important;

}

.humb {

display: none !important;

}

.page-header {

background: #eadaed !important;

color: #000 !important;

}

.page-header * {

background: #eadaed !important;

color: #000 !important;

}

.s-product-card-image img.loaded {

position: relative;

opacity: 1;

background: #fff !important;

}


@media (min-width: 768px) {

.product-has-options salla-slider.details-slider {


max-width: 600px;

}

}


@media screen and (min-width: 1092px) {

section.s-block:nth-child(5) .banner-entry, section.s-block:nth-child(6) .banner-entry, section.s-block:nth-child(7) .banner-entry {

position: relative;

height: 20rem !important;

max-height: 20rem !important;

background: 0 0 !important;

}

.banner-entry {

height: 585px;

padding: 1rem;

}

}


.search-is-open .top-nav .topnav-link-item.header-search-trigger {

position: absolute;

z-index: 50;

margin-top: 150px;

}

.s-search-modal {

width: 90vw !important;

max-width: 400px !important;

}

@media (max-width: 990px) {

[dir="rtl"] .main-nav-container .s-search-modal .s-search-input-wrapper {

padding: 0 !important;

}

}

@media screen and (max-width: 767px) {

.brands-single .product-entry {

max-width: 50vw !important;

}

.search-bar {

position: absolute;

top: 0 !important;

background: rgb(256,256,256, 0.5) !important;

height: 100vh !important;

display: flex;

justify-content: center !important;

padding-top: 60px !important;

backdrop-filter: blur(2px)

}


.brands-single .grid.s-infinite-scroll-container,

.brands-single .products-container

{

grid-template-columns: repeat(2, 49%) !important;

gap: 5px !important;

}

}

@media screen and (max-width: 767px) {

section.s-block:nth-child(5) .banner-entry, section.s-block:nth-child(6) .banner-entry, section.s-block:nth-child(7) .banner-entry {

position: relative;

height: 7rem !important;

max-height: 7rem !important;

background: 0 0 !important;

}

.top-nav .topnav-link-item.header-search-trigger {

transition-property: transform;

transition-timing-function: cubic-bezier(.4,0,.2,1);

transition-duration: 150ms;

margin-top: 8px;

}

.top-nav {

min-height: 45px;

}

}

.banner-entry {


height: 12rem;


}

@media screen and (min-width: 1092px) {

.banner-entry {

height: 585px !important;;

padding: 1rem;

}

}

.product-single .sidebar__inner .product-brand {

order: 1 !important;

}

.product-single .sidebar__inner div.flex:nth-child(5) {

order: 3 !important;

}


.product-single .product__description {

order: 4 !important;

}

.product-single .product-form {

order: 5 !important;

}


.product-single .sidebar__inner > div:nth-child(3) {

order: 2 !important;

}

.product-single .-mb-2 {

order: 6 !important;

}

.product-single div.grid:nth-child(8) {

order: 7 !important;

}

.product-single .main-link {

order: 8 !important;

}

.product-single .rating-share-section {

order: 9 !important;

}

.product-single .creerDiv {

order: 2 !important;

}


/* cacher la premiere section


#app > div.app-inner.flex.flex-col.min-h-screen.relative > section.s-block.s-block--photos-slider {

display: none !important;

}

*/

.btn--wishlist {


position: absolute;

left: 5px;

bottom: 5px;

}

.product-single .rating-share-section {

order: 2 !important;

}

@media screen and (min-width: 992px) {


.humb {

display: block !important;

}

#menuBasFixed {

display: none !important;

}

.h-full.object-none.w-full {

object-fit: contain !important;

background: #fff !important;

}

}


@media screen and (max-width: 992px) {

.monMenuFixe {

display: block !important;

}


.monMenuFixe li {

display: block !important;

}


.monMenuFixe li span.compteur {

display: block !important;

}

}


@media screen and (max-width: 767px) {

.s-products-slider-card.swiper-slide {

max-width: 49vw

}

}
@media screen and (max-width: 992px) {
  .monMenuFixe,
   .monMenuFixe li
   {
    display: flex !important;
  }
}

.modal {
            display: none; /* Masquée par défaut */
            position: fixed;
            z-index: 1; /* Au-dessus des autres éléments */
            left: 0;
            top: 0;
            width: 100%; /* Plein écran */
            height: 100%; /* Plein écran */
            background-color: rgba(0, 0, 0, 0.5); /* Fond noir semi-transparent */
        }
        .modal-content {
            background-color: #fefefe;
            margin: 15% auto; /* Centré */
            padding: 20px;
            border: 1px solid #888;
            width: 80%; /* Largeur de la boîte */
        }
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }
        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

.s-user-menu-toggler.opened {
  position: fixed;
  top: 20%;
  background: #FAEFED;
  width: 90%;
  right: 5%;
  border-radius: 1rem;
  z-index: 9999999
}
/*.modalRaouaDev {
  background: rgb(256,256,256, 0.7) !important;
  width: 100vw;
  height: 100vh;
  z-index: 9999999999999999 !important;
  position: fixed;
  top: 0;
  */
}
.s-user-menu-toggler.opened {
  background: #f8f8f8
}
.s-modal-container {

  z-index: 99999999;
}
.s-modal-overlay {
  background-color: rgba(107, 114, 128, 0.95);
}