.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-5a22cc8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 12px;--row-gap:0px;--column-gap:12px;--overlay-opacity:0.78;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-29758 .elementor-element.elementor-element-5a22cc8::before, .elementor-29758 .elementor-element.elementor-element-5a22cc8 > .elementor-background-video-container::before, .elementor-29758 .elementor-element.elementor-element-5a22cc8 > .e-con-inner > .elementor-background-video-container::before, .elementor-29758 .elementor-element.elementor-element-5a22cc8 > .elementor-background-slideshow::before, .elementor-29758 .elementor-element.elementor-element-5a22cc8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29758 .elementor-element.elementor-element-5a22cc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center left, #E1A1E8 0%, #F9F0FA 82%);}.elementor-29758 .elementor-element.elementor-element-5a22cc8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29758 .elementor-element.elementor-element-df8b107{--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-df8b107.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29758 .elementor-element.elementor-element-a2c2a24{--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-a2c2a24.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29758 .elementor-element.elementor-element-a7eed5d > .elementor-widget-container{background-color:#E2D2F0;}.elementor-29758 .elementor-element.elementor-element-a7eed5d.elementor-element{--align-self:flex-start;}.elementor-29758 .elementor-element.elementor-element-a7eed5d .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:15px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#5A2C86;}.elementor-29758 .elementor-element.elementor-element-f845fa0{--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-f845fa0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29758 .elementor-element.elementor-element-afe8c6d{width:100%;max-width:100%;}.elementor-29758 .elementor-element.elementor-element-afe8c6d.elementor-element{--align-self:flex-start;}.elementor-29758 .elementor-element.elementor-element-afe8c6d .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:23px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#000000;}.elementor-29758 .elementor-element.elementor-element-55f408e{--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-55f408e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29758 .elementor-element.elementor-element-9c43d4f{--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-9c43d4f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29758 .elementor-element.elementor-element-61308a1{--spacer-size:14px;}.elementor-29758 .elementor-element.elementor-element-b7063aa{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-29758 .elementor-element.elementor-element-b7063aa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29758 .elementor-element.elementor-element-2a25f93 .elementor-heading-title{font-family:"Arial", Sans-serif;color:#964EDA;}.elementor-29758 .elementor-element.elementor-element-1aa9ef7 .elementor-button{background-color:#9758D4;font-family:"Arial", Sans-serif;font-size:18px;}.elementor-29758 .elementor-element.elementor-element-d724c00{--display:flex;}@media(max-width:1024px){.elementor-29758 .elementor-element.elementor-element-b7063aa{--grid-auto-flow:row;}}@media(min-width:769px){.elementor-29758 .elementor-element.elementor-element-df8b107{--width:50%;}.elementor-29758 .elementor-element.elementor-element-a2c2a24{--width:50%;}.elementor-29758 .elementor-element.elementor-element-f845fa0{--width:72.311%;}.elementor-29758 .elementor-element.elementor-element-55f408e{--width:135.769%;}.elementor-29758 .elementor-element.elementor-element-9c43d4f{--width:14.933%;}.elementor-29758 .elementor-element.elementor-element-b7063aa{--width:331.964%;}}@media(max-width:1024px) and (min-width:769px){.elementor-29758 .elementor-element.elementor-element-5a22cc8{--width:979.667px;}.elementor-29758 .elementor-element.elementor-element-df8b107{--width:357.323px;}.elementor-29758 .elementor-element.elementor-element-a2c2a24{--width:599.333px;}.elementor-29758 .elementor-element.elementor-element-f845fa0{--width:599.333px;}.elementor-29758 .elementor-element.elementor-element-55f408e{--width:599.333px;}.elementor-29758 .elementor-element.elementor-element-9c43d4f{--width:599.333px;}.elementor-29758 .elementor-element.elementor-element-b7063aa{--width:599.333px;}}@media(max-width:768px){.elementor-29758 .elementor-element.elementor-element-b7063aa{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* 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;
}/* 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;
}/* End custom CSS */