.elementor-29687 .elementor-element.elementor-element-7f33835{--display:flex;}.elementor-29687 .elementor-element.elementor-element-7f33835.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29687 .elementor-element.elementor-element-37a8908{width:100%;max-width:100%;}.elementor-29687 .elementor-element.elementor-element-37a8908 > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;background-image:linear-gradient(180deg, #FFFFFF 0%, #F8F9FD00 100%);}.elementor-29687 .elementor-element.elementor-element-37a8908 .title-after_title, .elementor-29687 .elementor-element.elementor-element-37a8908 .title-subtitle, .elementor-29687 .elementor-element.elementor-element-37a8908 .woodmart-title-container{max-width:100%;}.elementor-29687 .elementor-element.elementor-element-37a8908 .title{color:#000000;font-size:37px;}.elementor-29687 .elementor-element.elementor-element-206780a{--display:flex;}.elementor-29687 .elementor-element.elementor-element-8f4205d{--spacer-size:16px;}.elementor-29687 .elementor-element.elementor-element-1727084{width:100%;max-width:100%;}.elementor-29687 .elementor-element.elementor-element-1727084 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F2295B00 100%);}.elementor-29687 .elementor-element.elementor-element-1727084 .wd-nav-wrapper .wd-nav > li > a{color:#000000;}.elementor-29687 .elementor-element.elementor-element-1727084 .wd-nav-wrapper .wd-nav-tabs > li.wd-active > a, .elementor-29687 .elementor-element.elementor-element-1727084 .wd-tabs:not(.wd-inited) .wd-nav-wrapper .wd-nav-tabs li:first-child a{color:#6200F7;}.elementor-29687 .elementor-element.elementor-element-1727084 .wd-nav-tabs{--nav-gap:59px;}.elementor-29687 .elementor-element.elementor-element-1727084 .wd-tabs{--wd-row-gap:0px;}.elementor-29687 .elementor-element.elementor-element-1727084 .wd-products-with-bg, .elementor-29687 .elementor-element.elementor-element-1727084 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}@media(max-width:768px){.elementor-29687 .elementor-element.elementor-element-7f33835{--width:337.667px;}.elementor-29687 .elementor-element.elementor-element-206780a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29687 .elementor-element.elementor-element-1727084 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-29687 .elementor-element.elementor-element-1727084 .wd-nav.wd-nav-tabs .wd-nav-link{font-size:12px;}.elementor-29687 .elementor-element.elementor-element-1727084 .wd-nav-tabs{--nav-gap:15px;}.elementor-29687 .elementor-element.elementor-element-1727084 .wd-tabs{--wd-row-gap:0px;}}/* Start custom CSS for wd_products_tabs, class: .elementor-element-1727084 *//* =======================================================
   RESPONSIVE DESIGN (MOBILE, TABLETTE, PC)
   ======================================================= */

/* 1. CONFIGURATION GÉNÉRALE (Mobile First) */
.wd-products-tabs .products {
  display: grid !important;
  /* Mobile: 1 Colonne (Standard) */
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 16px !important; /* Espace sghir f telephone */
  padding: 15px !important;
  background-color: #FFFFFF !important;
}

/* 2. TABLETTE (Min 600px) */
@media (min-width: 600px) {
  .wd-products-tabs .products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

/* 3. LAPTOP / PC SGHIR (Min 992px) */
@media (min-width: 992px) {
  .wd-products-tabs .products {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    padding: 24px !important;
  }
}

/* 4. GRAND ÉCRAN (Min 1200px) - Bghiti 4 Hna */
@media (min-width: 1200px) {
  .wd-products-tabs .products {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

/* =======================================================
   STYLE DE LA CARTE (Card Design)
   ======================================================= */

.wd-products-tabs .product-grid-item {
  background-color: #ffffff !important;
  border-radius: 16px !important;
  padding: 12px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
  border: 1px solid rgba(0,0,0,0.02) !important;
  transition: all 0.3s ease !important;
  margin-bottom: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.wd-products-tabs .product-grid-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 15px 30px rgba(139, 92, 246, 0.2) !important;
  border-color: #8B5CF6 !important;
}

/* --- IMAGE (Responsive Height) --- */
.wd-products-tabs .product-element-top {
  background-color: #f4f0fa !important;
  border-radius: 12px !important;
  margin-bottom: 12px !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  /* Hauteur : Sghira f Telephone, Kbira f PC */
  height: 200px !important; 
}

/* Zid chwia f hauteur dial image f PC bach tban 7ssen */
@media (min-width: 992px) {
  .wd-products-tabs .product-element-top {
    height: 240px !important;
  }
}

.wd-products-tabs .product-element-top img {
  position: static !important;
  max-width: 70% !important;
  max-height: 0% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* --- TITRE --- */
.wd-products-tabs .wd-entities-title,
.wd-products-tabs .product-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
  min-height: 40px !important; /* Bach les cartes yb9aw M9addin wakha titre twil */
}

.wd-products-tabs .wd-entities-title a {
   text-decoration: none !important;
   color: inherit !important;
}

/* =======================================================
   FOOTER: PRIX (GAUCHE) - BUTTON (DROITE)
   ======================================================= */

/* 1. Container li jame3hom bjoj */
.wd-products-tabs .product-information,
.wd-products-tabs .wrap-price,
.wd-products-tabs .price {
  display: flex !important;
  flex-direction: row !important; /* Yjiw f ster wa7ed */
  align-items: center !important; /* M9addin f lrtifa3 */
  justify-content: space-between !important; /* Wa7ed lissar, Wa7ed limen */
  width: 00% !important;
  flex-wrap: nowrap !important; /* Mayhbtouch l ster tani */
}

/* 2. Prix (Lissar) */
.wd-products-tabs .price > span:first-child, 
.wd-products-tabs .amount {
  font-size: 16px !important;
  color: #7C3AED !important;
  font-weight: 800 !important;
  margin-right: auto !important; /* Kaydfa3 l button l jiha lokhra */
  display: block !important;
}

/* 3. Button (Limen) - SIZE STANDARD */
.wd-products-tabs .wd-add-btn,
.wd-products-tabs .add_to_cart_button {
  background-color: #8B5CF6 !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 0px 1px !important;
  border: none !important;
  box-shadow: 0 4px 6px rgba(139, 92, 246, 0.25) !important;
  transition: all 0.2s !important;
  
  /* Hado homa li kaydiroh f limen */
  margin-left: auto !important; /* Flexbox push to right */
  float: right !important; /* Backup method */
  
  min-width: auto !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Maski Prix l9dim (Barré) ila kan mkhsser dikor */
.wd-products-tabs del {
    display: none !important;
}

/* Mobile Tweak: Button chwia kber bach ykon sahel fl click */
@media (max-width: 300px) {
    .wd-products-tabs .wd-add-btn,
    .wd-products-tabs .add_to_cart_button {
        padding: 10px 16px !important;
    }
}

.wd-products-tabs .wd-add-btn:hover,
.wd-products-tabs .add_to_cart_button:hover {
  background-color: #6D28D9 !important;
  transform: scale(1.05) !important;
}
/* =======================================================
   CENTERED TABS DESIGN (PILLS AU CENTRE)
   ======================================================= */

/* 1. L'Espace fin m7totin Tabs (CENTRED) */
.wd-products-tabs .wd-nav-tabs {
    display: flex !important;
    justify-content: center !important; /* Hada li kiyjibhom l'wesst */
    flex-wrap: wrap !important;
    gap: 12px !important;
    border-bottom: none !important;
    margin-bottom: 30px !important;
    padding: 0 5px !important;
}

/* 2. Style dyal Button (Inactive) */
.wd-products-tabs .wd-nav-tabs > li > a {
    background-color: #ffffff !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 50px !important; /* Pill Shape */
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    text-transform: capitalize !important;
    transition: all 0.2s ease !important;
}

/* 3. Style dyal Button Active (Mov) */
.wd-products-tabs .wd-nav-tabs > li.active > a,
.wd-products-tabs .wd-nav-tabs > li > a:hover {
    background-color: #8B5CF6 !important;
    color: #ffffff !important;
    border-color: #8B5CF6 !important;
    box-shadow: 0 4px 10px rgba(139, 92, 246, 0.3) !important;
}

/* 4. Hide underline */
.wd-nav-tabs-style-underline .nav-link-text:after {
    display: none !important;
}

/* 5. Center Header wrapper */
.wd-products-tabs .wd-tabs-header,
.wd-products-tabs .title-wrapper {
    display: block !important;
    text-align: center !important; /* Centrer le container */
}

/* Hide Big Title */
.wd-products-tabs .tabs-name, 
.wd-products-tabs .wd-entities-title {
    display: none !important;
}/* End custom CSS */