.elementor-kit-259{--e-global-color-primary:#2B3922;--e-global-color-secondary:#37452E;--e-global-color-text:#0D0D0D;--e-global-color-accent:#DB6E33;--e-global-color-6dc3946:#EEF0E4;--e-global-color-733824d:#F0F0F2;--e-global-typography-primary-font-family:"Barlow Condensed";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Barlow Condensed";--e-global-typography-accent-font-size:19px;--e-global-typography-accent-font-weight:500;--e-global-typography-5d2bb83-font-size:26px;--e-global-typography-5d2bb83-font-weight:600;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-259 e-page-transition{background-color:#FFBC7D;}.elementor-kit-259 a{color:var( --e-global-color-secondary );}.elementor-kit-259 a:hover{color:var( --e-global-color-accent );}.elementor-kit-259 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-259 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-259 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-259 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-259 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-259 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-footer .site-branding .site-logo img{width:150px;max-width:150px;}@media(max-width:1024px){.elementor-kit-259{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-259 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-259 h2{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-259 h3{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-259 h4{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-259 h5{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-259 h6{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-259{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-259 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-259 h2{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-259 h3{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-259 h4{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-259 h5{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-259 h6{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== CARTES PRODUITS MATOS-TRAIL ===== */

.matos-product-card {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  margin: 30px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 20px;
  padding: 20px;
}

/* Hover effect */
.matos-product-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  border-color: #ff6b35;
}

/* IMAGE PRODUIT */
.matos-product-card .product-image {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9f9f9;
  border-radius: 8px;
  overflow: hidden;
  min-height: 250px;
}

.matos-product-card .product-image img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* CONTENU */
.matos-product-card .product-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* TITRE */
.matos-product-card .product-title {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px 0;
  line-height: 1.3;
}

/* RATING */
.matos-product-card .product-rating {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}

.matos-product-card .product-rating span {
  color: #999;
  font-size: 12px;
}

/* SPECS */
.matos-product-card .product-specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 15px;
  padding: 15px;
  background: #f5f5f5;
  border-radius: 8px;
}

.matos-product-card .spec-item {
  display: flex;
  flex-direction: column;
}

.matos-product-card .spec-label {
  font-size: 12px;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.matos-product-card .spec-value {
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
  margin-top: 4px;
}

/* DESCRIPTION */
.matos-product-card .product-description {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  margin: 15px 0;
}

/* PROS & CONS */
.matos-product-card .product-pros-cons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin: 15px 0;
  font-size: 13px;
}

.matos-product-card .pros,
.matos-product-card .cons {
  padding: 12px;
  border-radius: 6px;
}

.matos-product-card .pros {
  background: #f0f8f0;
  border-left: 3px solid #4caf50;
}

.matos-product-card .cons {
  background: #fff5f5;
  border-left: 3px solid #ff6b6b;
}

.matos-product-card .pros strong,
.matos-product-card .cons strong {
  display: block;
  margin-bottom: 8px;
}

.matos-product-card .pros ul,
.matos-product-card .cons ul {
  margin: 0;
  padding-left: 20px;
  list-style: none;
}

.matos-product-card .pros li,
.matos-product-card .cons li {
  margin: 4px 0;
}

.matos-product-card .pros li:before {
  content: "✓ ";
  color: #4caf50;
  font-weight: bold;
  margin-right: 6px;
}

.matos-product-card .cons li:before {
  content: "✗ ";
  color: #ff6b6b;
  font-weight: bold;
  margin-right: 6px;
}

/* BOUTONS CTA */
.matos-product-card .product-cta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 15px;
}

.matos-product-card .btn {
  flex: 1;
  min-width: 140px;
  padding: 12px 16px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
}

/* Bouton Amazon */
.matos-product-card .btn-amazon {
  background: #FF9900;
  color: white;
}

.matos-product-card .btn-amazon:hover {
  background: #e68a00;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 153, 0, 0.3);
}

/* Bouton i-Run */
.matos-product-card .btn-irun {
  background: #1e90ff;
  color: white;
}

.matos-product-card .btn-irun:hover {
  background: #1873cc;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(30, 144, 255, 0.3);
}

/* Bouton Decathlon */
.matos-product-card .btn-decathlon {
  background: #2d5aa8;
  color: white;
}

.matos-product-card .btn-decathlon:hover {
  background: #1f3f7a;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(45, 90, 168, 0.3);
}

/* ===== RESPONSIVE MOBILE ===== */

@media (max-width: 768px) {
  .matos-product-card {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 15px;
  }

  .matos-product-card .product-image {
    min-height: 200px;
  }

  .matos-product-card .product-title {
    font-size: 18px;
  }

  .matos-product-card .product-specs {
    grid-template-columns: 1fr 1fr;
  }

  .matos-product-card .product-pros-cons {
    grid-template-columns: 1fr;
  }

  .matos-product-card .product-cta {
    flex-direction: column;
  }

  .matos-product-card .btn {
    min-width: auto;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .matos-product-card {
    padding: 12px;
  }

  .matos-product-card .product-specs {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px;
  }

  .matos-product-card .product-title {
    font-size: 16px;
  }

  .matos-product-card .product-description {
    font-size: 13px;
  }

  .matos-product-card .btn {
    padding: 10px 12px;
    font-size: 13px;
  }
}

.matos-products-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 30px 0;
}

@media (max-width: 768px) {
  .matos-products-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== CARTES PRODUITS SANS IMAGE ===== */

.matos-product-card-no-image {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  margin: 30px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  padding: 25px;
}

/* Hover effect */
.matos-product-card-no-image:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  border-color: #ff6b35;
}

/* CONTENU */
.matos-product-card-no-image .product-content {
  display: flex;
  flex-direction: column;
}

/* TITRE */
.matos-product-card-no-image .product-title {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px 0;
  line-height: 1.3;
}

/* RATING */
.matos-product-card-no-image .product-rating {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}

.matos-product-card-no-image .product-rating span {
  color: #999;
  font-size: 12px;
}

/* SPECS */
.matos-product-card-no-image .product-specs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 12px;
  margin-bottom: 15px;
  padding: 15px;
  background: #f5f5f5;
  border-radius: 8px;
}

.matos-product-card-no-image .spec-item {
  display: flex;
  flex-direction: column;
}

.matos-product-card-no-image .spec-label {
  font-size: 11px;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.matos-product-card-no-image .spec-value {
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
  margin-top: 4px;
}

/* DESCRIPTION */
.matos-product-card-no-image .product-description {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  margin: 15px 0;
}

/* PROS & CONS */
.matos-product-card-no-image .product-pros-cons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin: 15px 0;
  font-size: 13px;
}

.matos-product-card-no-image .pros,
.matos-product-card-no-image .cons {
  padding: 12px;
  border-radius: 6px;
}

.matos-product-card-no-image .pros {
  background: #f0f8f0;
  border-left: 3px solid #4caf50;
}

.matos-product-card-no-image .cons {
  background: #fff5f5;
  border-left: 3px solid #ff6b6b;
}

.matos-product-card-no-image .pros strong,
.matos-product-card-no-image .cons strong {
  display: block;
  margin-bottom: 8px;
}

.matos-product-card-no-image .pros ul,
.matos-product-card-no-image .cons ul {
  margin: 0;
  padding-left: 20px;
  list

/* ===== CARTES PRODUITS CARROUSEL ===== */

.matos-carousel-wrapper {
  margin: 30px 0;
}

.matos-carousel-container {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding: 15px 0;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

/* Masquer la scrollbar mais garder la fonctionnalité */
.matos-carousel-container::-webkit-scrollbar {
  height: 8px;
}

.matos-carousel-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.matos-carousel-container::-webkit-scrollbar-thumb {
  background: #ff6b35;
  border-radius: 10px;
}

.matos-carousel-container::-webkit-scrollbar-thumb:hover {
  background: #e55a24;
}

/* CARTE CARROUSEL */
.matos-product-carousel-card {
  flex: 0 0 280px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

/* Hover effect */
.matos-product-carousel-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  border-color: #ff6b35;
  transform: translateY(-4px);
}

/* IMAGE EN HAUT */
.matos-product-carousel-card .product-image {
  width: 100%;
  height: 200px;
  background: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.matos-product-carousel-card .product-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* CONTENU */
.matos-product-carousel-card .product-content {
  padding: 15px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* TITRE */
.matos-product-carousel-card .product-title {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 8px 0;
  line-height: 1.3;
  min-height: 40px;
}

/* RATING */
.matos-product-carousel-card .product-rating {
  font-size: 12px;
  color: #666;
  margin-bottom: 10px;
}

.matos-product-carousel-card .product-rating span {
  color: #999;
  font-size: 11px;
}

/* SPECS COMPACTES */
.matos-product-carousel-card .product-specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
  padding: 10px;
  background: #f5f5f5;
  border-radius: 6px;
  font-size: 12px;
}

.matos-product-carousel-card .spec-item {
  display: flex;
  flex-direction: column;
}

.matos-product-carousel-card .spec-label {
  font-size: 10px;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.matos-product-carousel-card .spec-value {
  font-size: 12px;
  font-weight: 700;
  color: #1a1a1a;
  margin-top: 2px;
}

/* DESCRIPTION COURTE */
.matos-product-carousel-card .product-description {
  font-size: 12px;
  line-height: 1.4;
  color: #555;
  margin-bottom: 12px;
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* BOUTONS CTA */
.matos-product-carousel-card .product-cta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
}

.matos-product-carousel-card .btn {
  padding: 10px 12px;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  white-space: nowrap;
}

/* Bouton Amazon */
.matos-product-carousel-card .btn-amazon {
  background: #FF9900;
  color: white;
}

.matos-product-carousel-card .btn-amazon:hover {
  background: #e68a00;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 153, 0, 0.3);
}

/* Bouton i-Run */
.matos-product-carousel-card .btn-irun {
  background: #1e90ff;
  color: white;
}

.matos-product-carousel-card .btn-irun:hover {
  background: #1873cc;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(30, 144, 255, 0.3);
}

/* Bouton Decathlon */
.matos-product-carousel-card .btn-decathlon {
  background: #2d5aa8;
  color: white;
}

.matos-product-carousel-card .btn-decathlon:hover {
  background: #1f3f7a;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(45, 90, 168, 0.3);
}

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {
  .matos-product-carousel-card {
    flex: 0 0 240px;
  }

  .matos-product-carousel-card .product-image {
    height: 180px;
  }

  .matos-product-carousel-card .product-title {
    font-size: 14px;
    min-height: 36px;
  }

  .matos-product-carousel-card .btn {
    padding: 8px 10px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .matos-product-carousel-card {
    flex: 0 0 200px;
  }

  .matos-product-carousel-card .product-image {
    height: 150px;
  }

  .matos-product-carousel-card .product-title {
    font-size: 13px;
    min-height: 32px;
  }

  .matos-product-carousel-card .product-specs {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 8px;
  }

  .matos-product-carousel-card .btn {
    padding: 8px 8px;
    font-size: 10px;
  }
}/* End custom CSS */