.elementor-29758 .elementor-element.elementor-element-be20668{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:29px;--padding-bottom:33px;--padding-left:0px;--padding-right:0px;}.elementor-29758 .elementor-element.elementor-element-be20668:not(.elementor-motion-effects-element-type-background), .elementor-29758 .elementor-element.elementor-element-be20668 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9367F4;}.elementor-29758 .elementor-element.elementor-element-4b0e8fa{--display:flex;}.elementor-29758 .elementor-element.elementor-element-e453266{width:auto;max-width:auto;}.elementor-29758 .elementor-element.elementor-element-e453266 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:36px 0px 36px 0px;border-radius:0px 0px 0px 0px;}.elementor-29758 .elementor-element.elementor-element-e453266 .title-after_title, .elementor-29758 .elementor-element.elementor-element-e453266 .title-subtitle, .elementor-29758 .elementor-element.elementor-element-e453266 .woodmart-title-container{max-width:96%;}.elementor-29758 .elementor-element.elementor-element-e453266 .title{color:#FFFFFF;font-family:"Arial", Sans-serif;font-size:28px;}.elementor-29758 .elementor-element.elementor-element-e453266 .title-after_title{color:#FFFFFF;font-size:17px;}.elementor-29758 .elementor-element.elementor-element-2d60d53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29758 .elementor-element.elementor-element-d724c00{--display:flex;}/* Start custom CSS for container, class: .elementor-element-be20668 *//* Forces the Elementor section to break out of the theme width */
.elementor-element-be20668 {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: 100vw !important;
}

/* Optional: Removes scrollbar if one appears */
body {
    overflow-x: hidden;
}
.elementor-29758 .elementor-element.elementor-element-be20668 {
    /* --- LE DÉGRADÉ EXACT (Violet -> Rose/Rouge) --- */
    background: linear-gradient(90deg, #8247E5 0%, #FF4D6D 100%);
    
    /* Couleur du texte en blanc */
    color: #ffffff;
    
    /* Espacement (Padding) pour donner de la hauteur */
    padding: 80px 20px;
    
    /* Centrer le contenu */
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Forcer les titres en blanc */
.elementor-29758 .elementor-element.elementor-element-be20668 h2, .elementor-29758 .elementor-element.elementor-element-be20668 .elementor-heading-title {
    color: #ffffff !important;
}

/* Forcer la description en blanc */
.elementor-29758 .elementor-element.elementor-element-be20668 p, .elementor-29758 .elementor-element.elementor-element-be20668 .elementor-widget-text-editor {
    color: #ffffff !important;
    opacity: 0.95;
    max-width: 800px; /* Limite la largeur du texte pour qu'il soit joli */
}/* End custom CSS */
/* Start custom CSS for wd_products_tabs, class: .elementor-element-f7d413c *//* =======================================================
   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;
}
/* 7. HIDE TAB TITLE */
.wd-products-tabs .wd-tabs-header,
.wd-products-tabs .title-wrapper {
    display: none !important;
}
/* =======================================================
   CORRECTION : AFFICHER TITRES PRODUITS + CACHER TITRE SECTION
   ======================================================= */

/* 1. Cacher UNIQUEMENT le Grand Titre de la Section (Tabs Name) */
.wd-products-tabs > .tabs-name, 
.wd-products-tabs > .title-wrapper {
    display: none !important;
}

/* 2. AFFICHER les Titres des Produits (Product Titles) */
/* Hna kanferciw titre yban l dakhle dyal l carte */
.wd-products-tabs .product-grid-item .wd-entities-title,
.wd-products-tabs .product-grid-item .product-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    
    /* Style du Titre */
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
    min-height: 40px !important; /* Garder l'alignement */
    text-align: left !important;
}

/* Enlever le soulignement des liens */
.wd-products-tabs .product-grid-item .wd-entities-title a {
    text-decoration: none !important;
    color: inherit !important;
}/* End custom CSS */