.elementor-29770 .elementor-element.elementor-element-7f50b4b{--display:flex;}.elementor-29770 .elementor-element.elementor-element-6654a9b{--display:flex;}/* Start custom CSS for html, class: .elementor-element-7fc3711 */.bundle-hero {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important; 
}

/* Prevents horizontal scrolling that sometimes happens with full-width hacks */
body {
    overflow-x: hidden;
}/* End custom CSS */
/* Start custom CSS for wd_products_tabs, class: .elementor-element-b9f6185 *//* =======================================================
   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 */