/* Responsive mobile — grilles en blocs */
@media (max-width: 768px) {
  div[style*="grid-template-columns"] {
    display: block !important;
  }
}

/* Menu déroulant longueur — style vert */
select.groupVariation1 {
  border: 2px solid #5a9e2f !important;
  border-radius: 6px !important;
  font-size: 16px !important;
  padding: 8px 40px 8px 12px !important;
  color: #3d7a1a !important;
  background: #f0f7ea url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%235a9e2f' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 12px center !important;
  font-weight: 700 !important;
  text-align: center !important;
  height: auto !important;
  min-height: 50px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Stock OK */
span.stock-ok {
  display: block !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #3d7a1a !important;
  background: #f0f7ea !important;
  border-left: 4px solid #5a9e2f !important;
  padding: 12px 16px !important;
  border-radius: 6px !important;
}

/* Bouton avis */
a.prod-details__read__comment {
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #5a9e2f !important;
  border: 2px solid #5a9e2f !important;
  padding: 8px 20px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
}

/* Menu principal */
a.nav__itemlvl1.nav__itemlvl1--with-subnav {
  color: #3d7a1a !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  border: 2px solid #5a9e2f !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s !important;
}

a.nav__itemlvl1.nav__itemlvl1--with-subnav:hover {
  background: #5a9e2f !important;
  color: #fff !important;
}

/* Cacher flèche originale */
label.nav__arrow {
  display: none !important;
}

/* Flèche CSS */
a.nav__itemlvl1.nav__itemlvl1--with-subnav::after {
  content: " ▼";
  font-size: 10px !important;
  vertical-align: middle !important;
}

/* Grand écran 21:9 */
@media (min-width: 1800px) {
  a.nav__itemlvl1.nav__itemlvl1--with-subnav {
    font-size: 13px !important;
    padding: 8px 14px !important;
    letter-spacing: 0.5px !important;
  }
}

.cart_left_wrapper > div:first-child {
  background: #f0f7ea !important;
  border: 2px solid #5a9e2f !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  color: #3d7a1a !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.cart__message__text {
  background: linear-gradient(135deg, #3d7a1a, #5a9e2f) !important;
  border-radius: 10px !important;
  padding: 16px 24px !important;
  text-align: center !important;
}

.cart__message__text p,
.cart__message__text strong {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

.cart__message__text p:first-child strong {
  font-size: 18px !important;
  display: block !important;
  margin-bottom: 8px !important;
}