body {
   font-family: 'Inter', sans-serif;
  font-size:18px;
  overflow-x:hidden;
}

@media (max-width: 768px) {
  .mobile-table,
  .mobile-table thead,
  .mobile-table tbody,
  .mobile-table th,
  .mobile-table td,
  .mobile-table tr {
    display: block !important;
    width: 100% !important;
  }

  .mobile-table thead {
    display: none !important;
  }

  .mobile-table tr {
    margin-bottom: 12px;
    border-radius: 10px;
    overflow: hidden;
  }

  .mobile-table td {
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 14px 16px !important;
  }

  .mobile-label {
    font-weight: bold;
    color: #9ca3af;
    min-width: 100px;
  }

  .mobile-value {
    flex: 1;
    text-align: right;
    color: #f1f1f1;
  }
}


.vm-wrap.vm-order-done {
    text-align: center;
    margin: 50px 0 150px;
  }

.com-content-article__body.article-blue {
  padding-top:100px;
}

.article-blue-content h1 {
  padding-bottom:100px!important;
}

.vm-wrap.vm-order-done #vmPaymentForm input[type="submit"] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: inherit;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}


@media (max-width: 768px) {
  .sppb-addon-overlay-image-content .overlay-image-title {
    opacity: 1!important;
    visibility:visible!important;
}
.sppb-addon-overlay-image-content .overlay-background-style {
    background: rgba(37, 37, 37, 0.5)!important;
}
.product.product-grid-view .product-top-container {
    padding-bottom: 20px;
}
.product-image-default a::before, .product-image-hover a::before {
    background: rgba(0, 0, 0, .5);
    opacity: 1!important;
}

  .category_description-bas, .related-articles {
    width: auto!important;
    margin-left: auto!important;
}

  #section-id-40aba768-85ad-4fa3-9cdb-e54a7516dc65 .sppb-row-container, #section-id-40aba768-85ad-4fa3-9cdb-e54a7516dc65 .sppb-row-container {
    padding-right: 20px!important;
    padding-left: 20px!important;
}
  .com-content-article__body.article-blue {
  padding-top:50px;
}

.article-blue-content h1 {
  padding-bottom:50px!important;
}
}



#ampz_sidebar {
    z-index: auto!important;
}

.productdetails-view {
    max-width: 1200px!important;
}

@media (min-width: 992px) and (hover: hover) and (pointer: fine){

  /* header uniquement */
  .header-top a.btn-icon img,
  .header-top button.btn-icon img{
    transition: transform .18s ease, filter .18s ease;
  }

  .header-top a.btn-icon:hover img,
  .header-top button.btn-icon:hover img{
    transform: scale(1.08);
    filter: drop-shadow(0 0 6px rgba(255,255,255,.6));
  }

}

/* Rotation */
button.offcanvas-toggler img {
  display: inline-block;              /* important pour certains cas */
  transition: transform 0.6s ease !important;
  transform-origin: 50% 50%;
}

button.offcanvas-toggler:hover img,
button.offcanvas-toggler:focus-visible img {
  transform: rotate(360deg) !important;
}



.button.invoice {
    background-image: none!important;
    padding-right: 0!important;
}

a.abdc {
  color:#7c7c7c!important;
}

.has-danger .chosen-container.chosen-container-single .chosen-single, .invalid, .old-form input[type=email].invalid, .old-form input[type=password].invalid, .old-form input[type=text].invalid, .old-form select.invalid, .old-form textarea.invalid {
    color: #00baff!important;
    border-color: #00baff!important;
}


.camera_loader {
    background: none!important;
      border: none!important;
}

div.bx-wrapper .bx-controls-direction a {
    color: #fff!important;
}
div.bx-wrapper .bx-controls-direction a:hover {
color:#00baff!important;
  }

div.bx-wrapper .bx-controls-direction a:after {
    content:none!important;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0 auto; 
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

.sppb-addon-single-image-container a {
    display: block; 
    line-height: 0; 
}

@media (min-width: 768px) {
    .cart-is-empty-section .empty-card-icon i, .cart-is-empty-section .empty-cart-icon i, .empty-card .empty-card-icon i, .empty-card .empty-cart-icon i {
        font-size: 4rem;
    }
}

.fleche-droite{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Texte : fixe */
.fleche-droite .btn-text{
  position: relative;
  z-index: 1;
}

/* Flèche (remplace ::after) */
.fleche-droite .btn-arrow{
  position: absolute;
  top: 50%;
  right: -12px;                 /* hors bouton au repos */
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #fff;
  opacity: 0;
  transition: right .3s ease, opacity .3s ease;
  pointer-events: none;
}

/* Hover : flèche qui entre */
.fleche-droite:hover .btn-arrow{
  right: 15px;
  opacity: 1;
}



.item-image a {
    display: block;
    width: 100%;    
}

.back-to-top-link, .back-to-top-link:focus {
    border-radius: 5px;
    background-color: #7c7c7c;
    width: 40px;
    height: 40px;
    font-size: 25px;
}

.back-to-top-link:hover {
    background-color: #FFF!important;
}


#sppb-addon-wrapper-9a2e4269-7ebd-4b16-812b-3a1df2602b21 .bx-viewport {
   overflow: visible!important;
   overflow-x: clip!important;

} 

.category-name a:active, .category-name a:focus, .category-name a:hover, .link-body:active, .link-body:focus, .link-body:hover, .manufacturer-name a:active, .manufacturer-name a:focus, .manufacturer-name a:hover, .product-name a:active, .product-name a:focus, .product-name a:hover

 {
    color: #fff;
}

select option {
    /* Donne un fond sombre aux options pour que le texte blanc soit visible */
    background-color: #252525!important; 
    color: white!important; 
}

#progress-0 {
  /* Dimensions */
  height: 4px; /* Hauteur modifiée ici */
  
  /* Reset du style natif pour mieux contrôler le rendu */
  -webkit-appearance: none; /* Chrome, Safari, Edge */
  appearance: none;         /* Standard futur */
  
  /* Pour l'alignement */
  vertical-align: middle;
  
  /* Optionnel : bordure et fond du conteneur */

  border-radius: 5px;
}

/* --- Spécifique pour Webkit (Chrome/Safari/Edge) --- */

/* Le conteneur interne */
#progress-0::-webkit-meter-bar {
  background: none; /* Enlève le fond gris par défaut de Webkit */
  height: 100%;
  border-radius: 5px;
}

/* La barre de valeur (la partie colorée) */
#progress-0::-webkit-meter-optimum-value,
#progress-0::-webkit-meter-suboptimum-value,
#progress-0::-webkit-meter-even-less-good-value {
  height: 100%;
  border-radius: 5px;
  transition: width 0.5s; /* Petit bonus d'animation */
}

/* --- Spécifique pour Firefox --- */
#progress-0::-moz-meter-bar {
  height: 100%;
  border-radius: 5px;
}

@media (min-width: 768px) {
    .com-users-login, .com-users-registration, .com-users-remind, .com-users-reset, .page-container-box {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 66px;
        border: none;
        padding: 1.5rem 0;
      font-size:16px;
    }
}

.com-users-login__input .star, .com-users-reset__form form-validate .star {
  display:none;
}

.offcanvas-body {
  font-size:16px;
}

.com-users-login.login {
  padding-bottom:100px;
  padding-top: 0px;
  font-size: 16px;
}

.control-group.form-user.tos_agreed {
  padding-top:46px;
}

.page-container-box {
  font-size:16px;
}

.page-container-box .control-group.button-checkout {
  margin-bottom:0;
}

fieldset {
    margin-bottom: 0;
}

.control-group.form-user.name, .control-group.form-user.username {
    display: none;
}

.vm-orders-details h1 {
  text-align:center; 
  margin-bottom:60px;
}

.desc-sous-titre {text-align:center;}

.vm-orders-details {padding-bottom:90px;}

.offcanvas-body button, .vm-orders-order {
  font-size:16px;
  letter-spacing:0.02em;
}

.joomla-alert--close span {
  color:#000!important;
}
/* Container global */
#system-message-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 99999;
  width: auto;
  max-width: 320px;
  pointer-events: none; /* évite de bloquer */
}

/* Style de l'alerte Joomla */
#system-message-container joomla-alert {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #2b2b2b;
  color: #fff;
  padding: 14px 18px;
  border-radius: 10px;
  font-size: 15px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  pointer-events: all; /* pour cliquer le bouton close */
  animation: slideDownFade 0.45s ease forwards;
}



/* Retrait de l’ancien icon Joomla */
#system-message-container joomla-alert .alert-heading span.warning {
  display: none;
}

/* Bouton close */
#system-message-container joomla-alert .joomla-alert--close {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 18px;
  margin-left: auto;
  cursor: pointer;
}

#system-message-container joomla-alert .joomla-alert--close:hover {
  opacity: 0.6;
}

/* Effet d’apparition */
@keyframes slideDownFade {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Effet de disparition au clic */
joomla-alert[hidden] {
  animation: fadeOut 0.3s forwards;
}

@keyframes fadeOut {
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}


.old-form input[type=email].valid, .old-form input[type=password].valid, .old-form input[type=text].valid, .old-form select.valid, .old-form textarea.valid, .valid {
    border-color: #434343
}

.btn-link:active, .btn-link:active:first-child, .btn-link:focus, .btn-link:hover {
    color: inherit;
    text-decoration: none;
    border-bottom-color: var(--template-link-color);
}

.btn-link {
    border-bottom: none !important;
}


.btn-link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

/* Ligne par défaut */
.btn-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px; /* ajuste selon ton design */
    width: 100%;
    height: 2px;  /* épaisseur */
    background: var(--template-link-color);
    transform-origin: right; /* point fixe à droite */
    transform: scaleX(1);    /* ligne visible */
    transition: transform 0.3s ease;
}

/* Survol → la ligne se rétracte vers la droite */
.btn-link:hover::after,
.btn-link:focus::after {
    transform: scaleX(0);
}

/* Désactiver la ligne animée pour les boutons du panier */
.cart-item-quantity .btn-link::after,
.cart-item-quantity .btn-link:hover::after {
    display: none !important;
}

.cart-coupon-field {
  font-size:16px;
}

.offcanvas-header .btn-hover, .header-search-inner a {
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.header-search-inner a {
padding-right: 20px !important;
}
/* animation de l'icône uniquement */
.offcanvas-header .btn-hover img, .header-search-inner a img, img.delete-item {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* effet au survol */
.offcanvas-header .btn-hover:hover img, .header-search-inner a:hover img, img.delete-item:hover {
transform: scale(1.25) rotate(180deg) !important;
    opacity: 0.8;
    filter: none !important;
}

.theme-ligne {
  font-weight: 400;
}

/* Texte d’intro */
.theme-label {
  font-weight: 700;
}

/* Liste intégrée au flux du texte */
.theme-liste {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Items inline */
.theme-liste li {
  display: inline;
}

/* Séparateur */
.theme-liste li:not(:last-child)::after {
  content: " – ";
}




/* Liste horizontale avec séparateur personnalisable */
ul.list-horizontal {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap; /* optionnel */
  gap: 0; /* on gère les séparateurs à la place */
}

ul.list-horizontal li {
  display: flex;
  align-items: center;
}

/* Séparateur – change le symbole ici : "•", "|", "/", "-", "→", etc. */
ul.list-horizontal li:not(:last-child)::after {
  content: " • "; 
  margin: 0 8px;
  opacity: 0.8;
}

.customer_number {display:none;}
#user-information-tab {
  display:none;
}

/* Conteneur responsive */
.item-order-3 {
  display: block;           /* passe en pile sur mobile */
  max-width: 100%;
}

/* Paragraphe d’info */
.item-order-3 .box-info {
padding-top: 35px;
}

/* Lien (nom de fichier) : autoriser les retours à la ligne */
.item-order-3 a {
  display: inline-block;    /* ou block si tu préfères 100% largeur */
  max-width: 100%;
  white-space: normal;      /* annule un éventuel nowrap */
  overflow-wrap: anywhere;  /* ✅ casse même les très longues chaînes */
  word-break: break-word;   /* fallback */
}

th {
    font-weight: normal;
}

table.adminlist {
  margin-bottom:100px;
}
/* ----- Desktop (par défaut) ----- */
table.adminlist {
  width: 100%;
  border-collapse: collapse;
}
table.adminlist th,
table.adminlist td {
  padding: 12px 10px;
  vertical-align: middle;
  height: 70px;              /* ta hauteur voulue */
}
.order-invoice img { vertical-align: middle; }

/* ----- Mobile ----- */
@media (max-width: 640px) {
  /* On masque l'entête, on "card-ifie" chaque ligne */
  table.adminlist thead,
  table.adminlist .sectiontableheader {
    display: none !important;
  }

  table.adminlist,
  table.adminlist tbody,
  table.adminlist tr,
  table.adminlist td,
  table.adminlist th {
    display: block;
    width: 100%;
  }

  table.adminlist tr {
    margin: 0 0 12px 0;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    background: #222;
  }

  /* Chaque cellule devient une ligne label / valeur */
  table.adminlist tr > td {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    min-height: 56px;
    border-bottom: 1px dashed #eef0f3;
  }
  table.adminlist tr > td:last-child {
    border-bottom: 0;
  }

  /* Libellés injectés via ::before */
  table.adminlist tr > td::before {
    content: '';
    font-weight: 600;
    flex: 0 0 48%;
    max-width: 220px;
    text-transform: none;
    white-space: nowrap;
  }
  /* Mappage des colonnes -> libellés */
  table.adminlist tr > td:nth-child(1)::before { content: 'ORDER NUMBER'; }
  table.adminlist tr > td:nth-child(2)::before { content: 'INVOICE'; }
  table.adminlist tr > td:nth-child(3)::before { content: 'ORDER DATE'; }
  table.adminlist tr > td:nth-child(4)::before { content: 'ORDER STATUS'; }
  table.adminlist tr > td:nth-child(5)::before { content: 'DOWNLOADS'; }

  /* Valeur à droite : s'adapte et peut passer à la ligne */
  table.adminlist tr > td > * {
    margin-left: auto;
    text-align: right;
    max-width: 52%;
    word-break: break-word;
  }

  /* Nettoie les attributs HTML inline hérités */
  table.adminlist td {
    height: auto !important;
    vertical-align: middle !important;
  }


}


.view-orders tr  {
  border-bottom-width: var(--border-width);
}
.view-orders.layout-list tr td {
 vertical-align: middle !important; /* annule valign="top" */
  height: 70px !important;           /* remplace height="50px" */
}


.invoice {
    font-size: 0; 
    line-height: 0;
    display: inline-block;
    padding: 0;
    margin: 0; 
    text-indent: -9999px;
    overflow: hidden;
}


.invoice img {
    font-size: initial; 
    line-height: initial;
    display: block;
    width: 100%; 
    height: 100%;
}
/* Barre de choix */
.vm-auth-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  margin: 0 0 16px 0;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fafafa;
}

/* Boutons */
.vm-btn {
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid #cfd4dc;
  background: #fff;
  cursor: pointer;
  font: inherit;
}
.vm-btn--primary {
  background: #0d6efd;
  color: #fff;
  border-color: #0d6efd;
}

/* Responsive */
@media (max-width: 640px) {
  .vm-auth-bar { flex-wrap: wrap; }
}


.control-group.tos_agreed, .control-group.vm_subscribe {
  display: flex;
  align-items: center;
  gap: 8px; /* espace entre case et texte */
}

.control-group.tos_agreed .control-label, .control-group.vm_subscribe .control-label {
  order: 2; /* le texte passe après */
}

.control-group.tos_agreed .controls, .control-group.vm_subscribe .controls {
  order: 1; /* la case passe avant */
}

.form-label, .control-label label {
    margin-bottom: 15px;
}

.control-group {
    margin-bottom: 34px;
}

.control-group.button-checkout {
    margin-top: 60px;
}

.control-group.button-checkout button, .com-users-login__submit.control-group .btn, .com-users-reset__submit .btn {
  height: 52px;
    font-size: 16px;
}

.control-group.tos_agreed .form-label, .control-group.vm_subscribe .form-label {
    margin-bottom: 0;
  line-height: 20px;
    padding-left: 8px;
  font-size: 16px;
}

tr.coupon-tr {
      border-bottom-width: var(--border-width);
}

.boutons .cart-item-total.text-end {
  display:none!important;
}
.continue-shopping-section a {color:#fff;}

.payment-methods .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 20px;
    margin-bottom: 20px;
}

tr.boutons td {
  padding-top:60px!important;
}

tr.cart-grand-total td {
  padding-bottom:60px!important;
}

tr.no-border td {
  border:none!important;
}


tr.no-border td.payments-mode {
      border: 1px solid #343434 !important;
    padding: 20px!important;
  font-size: 16px;
}

.form-check-vm.form-check input[type=radio] {
  margin-right:20px;
}

.cart-section-header .select-payment  {
  padding-bottom:20px;
}

#checkoutForm {
  padding-bottom:100px;
}

#checkoutFormSubmit {
  width: 192px !important; /* largeur fixe */
}

.continue-checkout-shopping {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.continue-shopping-section {
  flex: 1;
  display: flex;
  justify-content: flex-start; /* à gauche */
}

.submit-button-container {
  flex: 1;
  display: flex;
  justify-content: flex-end; /* à droite */
}

@media (max-width: 768px) {
  .continue-checkout-shopping {
    flex-direction: column-reverse; /* le lien passe sous le bouton */
    align-items: center;
    gap: 12px; /* espace entre bouton et lien */
  }

  .continue-shopping-section,
  .submit-button-container {
    flex: unset; 
    width: 100%;
    display: flex;
    justify-content: center;
  }

}

.view-cart .page-header, .task-pluginuserpaymentcancel .page-header {
  position: relative;
  text-align: center;
}

.cart-coupon-field {
  background-color: #222;
    padding: 10px;
    border: 1px solid #525252;
    max-width: 360px;
}

.cart-coupon-field .btn:hover {
  background-color:transparent;
}
.cart-coupon-field .btn {
text-transform: none;
}


.cart-coupon-field input:focus {
  background: none;   /* supprime le background */
  background-color: transparent; /* sécurité */
  outline: none;      /* supprime le contour bleu si tu veux aussi */
  box-shadow: none;   /* enlève les surbrillances éventuelles */
}


.view-cart .page-header h1, .task-pluginuserpaymentcancel .page-header h1 {
  margin: 0; /* évite le décalage vertical */
}

.view-cart .page-header .submit-button-container-top, .task-pluginuserpaymentcancel .page-header .submit-button-container-top {
position: absolute;
    top: 10px;
    right: 0;
    transform: translateY(-50%);
    width: 192px;
}



.table.table-cart.cart-summary {
  border-top: 1px solid #343434;
}
tbody,td,tfoot,th,thead,tr {
    border-color: #343434;
}*
form#checkoutForm {
  padding-top:25px;
}
@media (min-width: 991px) {
td.cart-item-name {
  width:700px;
}
}
.btn {
  border-radius:5px;
}


.modal-dialog .btn  {
    width: 220px;
    height: 52px;
    padding: 0;
    line-height: 48px;
    font-size: 16px;
    font-weight: 500;
  margin:0;
}

.modal-dialog .btn.continue-link {
  margin-right:80px;
}

@media (max-width: 576px) {
.modal-dialog .btn.continue-link {
  margin-right:0px;
  margin-bottom:30px;
}
}
.modal-title {
    color: transparent;
}

.modal-footer {
  padding-bottom: 55px;
      padding-top: 0;
}

.modal-body {
    padding-bottom: 40px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 640px;
    }
}

.modal-dialog {
    border: none!important;
}

.modal-content .btn-close {
position: absolute;
    top: 7px;
    right: 7px;
    border: solid 1px #343434;
    border-radius: 0;
    font-size: 10px;
    padding: 10px;
}

.ampz_container.ampz_no_count ul li, .ampz_container.ampz_no_count ul li.expanded-btn, .ampz_container.ampz_no_count ul li.shortened, .ampz_container.ampz_no_count ul li a {
  width:90px!important;
}

[id^="ampz_inline"] li {
    margin-left: 8px !important;
}

.ampz_container.ampz_no_count .ampz_btn {
  border-radius:2px;
}

.related-articles {
  padding-bottom:100px;
}

.browse-all, .blog_author {
  padding-top:50px;
}

.blog_author {
  padding-bottom:100px;
}


.blog_author {
  font-size:14px;
}


.ampz_container li.shortened {
    width: 23% !important;
}

a.lien-blanc {
  color:#fff;
}

a.lien-blanc:hover {
  color:#00baff;
}


#ampz_sidebar .ampz_btn.ampz_btn_very_big {
    width: 90px!important;
    height: 38px!important;
    padding: 5px 0!important;
}

#ampz_sidebar .ampz_container ul li a {
    border-radius: 2px;
    margin: 10px 0 0!important;
}

#ampz_sidebar {
      left: 50%!important;
    margin-left: -505px;
    opacity: 0; 
  visibility: hidden; /* Assure qu'il n'interagit pas avec la souris quand masqué */
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; /* La transition pour le fondu */
  top:117px!important;
}

#ampz_sidebar .ampz_container {
    transform: translateY(0%)!important;
    -webkit-transform: translateY(0%)!important;
    -moz-transform: translateY(0%)!important;
}

.ampz_hide_sidebar {display:none!important;}


#ampz_sidebar.is-visible {
  opacity: 1;
  visibility: visible;

}




.view-article.layout-blog .breadcrumbs-inner {  
  justify-content: left !important;
}


.view-article.layout-blog h1 {
  font-size:34px;
}

.sppb-addon-articles-carousel .sppb-articles-carousel-column {
  padding-bottom:30px;
}

.pagination {
    margin: 0;
}

.item-container, .product-container {
    margin-bottom: 30px !important;
}

.row {
    margin-right:-19px;
    margin-left: -19px;
}

.mod-minicart__product-details .row {
    margin-right: 0px;
    margin-left: 0px;
  }

.mod-minicart__product-details .col-3 {
    padding-left: 0px;
  }

.related-articles .row {
    margin-right:-20px;
    margin-left: -20px;
}

.cf-form-search .input-append input[type=search]:not(.form-control), .cf-form-search .input-append input[type=text]:not(.form-control), .form-control, .old-form input[type=email], .old-form input[type=password], .old-form input[type=text], .old-form textarea {
    font-size: inherit;
}

.cart-summery .PricebillTotal, .cart-summery .totalInPaymentCurrency {
    font-size: 18px;
    color: #fff;
}

#checkoutFormSubmit {
  Border-radius:5px;
  font-size: 16px;
}

/* Colonne droite sticky */
.col-lg-4 .cart-summery {
margin-top: 20px;
}

.table-cart>:not(caption)>*>* {
    padding: 30px 0;
}

.table-cart th {
    text-transform: uppercase;
    font-weight: 500;
}

.com-content-category-blog__navigation {
  padding-top:110px;
}
.pagination {
  display: flex;
  justify-content: center; /* centre horizontalement */
}
.cart-item-info-section {
  display: flex;
  gap: 1rem;              /* espace entre image et texte */
  align-items: center;    /* centre verticalement l’image et le texte */
}

.cart-item-image img {
  width: 84px;
  height: auto;
  flex-shrink: 0;         /* l'image ne se réduit jamais */
  object-fit: cover;      /* garde un rendu propre si l'image n’est pas carrée */
}

.cart-item-info {
  flex: 1;                /* le texte prend toute la place dispo */
}


.cart-item-info-section h6 {
  margin:0;
}

.table-cart.cart-summary td {
  vertical-align: middle!important;
}


.quanity-update-section .quantity-input, .quanity-update-section .update, .vmCartPaymentLogo, .cart-column-empty {
  display:none;
}


/* Le conteneur global des deux (image + arrow) */
.free-sound .sppb-column-addons {
  position: relative;
  display: inline-block; /* garde la taille de l'image */
}

/* Arrow : centrée absolument par rapport au bloc image */
.free-sound .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 30%); /* légèrement en bas au repos */
  opacity: 0;
  transition: opacity .3s ease, transform .3s ease;
  pointer-events: none; /* évite bug de survol */
}

/* Quand on survole le conteneur (image OU flèche), on affiche */
.free-sound .sppb-column-addons:hover .arrow {
  opacity: 1;
  transform: translate(-50%, -50%); /* parfaitement centré */
  pointer-events: auto; /* devient cliquable */
}





#offcanvasLogin .log-button {
  margin-top:32px;
  margin-bottom:32px;
  height: 50px;
  border-radius: 5px;
}

.com-users-login__submit.control-group {
padding-top:20px;
  padding-bottom:10px;
}

#offcanvasLogin input, .logout-button {
  height: 50px;
}

.retrieve {
  padding-bottom:40px;
}

#offcanvasLogin.control-group.text-center {
  font-size:16px;
}

.input-password-toggle {
background: transparent!important;
    border: 1px solid #434343!important;
    border-left: none!important;
}
.related_products-fields-container {
  margin-bottom:80px!important;
}

.center  {text-align:center;}

.section-faq {
  padding-top:100px;
    position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;   /* casse la contrainte du container */
  background: #222222;
  padding-bottom:100px;
}


/* Couleurs/typo des items et valeurs */
ul.tech-specs__list li, span.order-info {
  color: #c3c3c3;
  font-size: 16px;
}
ul.tech-specs__list li span {
  color: #fff;
  font-weight: 500;
}
/* Bloc global */
.tech-specs {
  position: relative;
  margin-block: 0 20px;
  padding-top: 100px;
  padding-bottom: 90px;
}
.tech-specs__title { margin: 0 0 16px; }


/* Grille responsive */
.tech-specs__list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;            /* mobile : 1 colonne */
  row-gap: 16px;
  column-gap: 48px;
}

/* Desktop : 4 colonnes, SKU & Delivery sous Editor en colonne 1 */
@media (min-width: 992px){
  .tech-specs__list{
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
  .tech-specs__list li:nth-child(1){ grid-column: 1; grid-row: 1; } /* Editor */
  .tech-specs__list li:nth-child(2){ grid-column: 1; grid-row: 2; } /* SKU */
  .tech-specs__list li:nth-child(3){ grid-column: 1; grid-row: 3; } /* Delivery */
  /* les autres items se placent automatiquement dans les colonnes 2–4 */
}

/* Puce custom + alignement propre */
.tech-specs__list li{
  position: relative;
  padding-left: 16px;    /* place pour la puce */
  min-height: 38px;      /* hauteur confortable */
}
.tech-specs__list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;           /* centrage vertical approximatif */
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor; /* reprend la couleur du texte */
  transform: translateY(-50%);
}
/* Responsive : 2 colonnes puis 1 */
@media (max-width: 992px){
  .tech-specs__list{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 576px){
  .tech-specs__list{ grid-template-columns: 1fr; }
}


.related-products__wrapper.tns-initial-container {
    margin: 0 -18px!important;
}



.related-products__wrapper.tns-slider .tns-item{
  width: 50% !important;
}

.prod-lead {
  margin-bottom: 160px;
}

/* Parent commun des deux blocs */
.feature {
  display: flex;
  align-items: flex-start;   /* aligne en haut */
  gap: 24px;                 /* espace entre icône et contenu */
}

.feature-icon {
  flex: 0 0 160px;           /* largeur fixe */
  width: 160px;              /* redondant mais clair */
}

.feature-icon img,
.feature-icon svg {          /* au cas où */
  display: block;
  max-width: 100%;
  height: auto;
}

.feature.first {
  margin-bottom:90px;
}

.feature-body {
  flex: 1 1 auto;            /* prend le reste de la ligne */
  min-width: 0;              /* évite les débordements */
}

.product-description, .product-faq {
    margin: 0 auto;
  margin-bottom:55px;
}

.product-faq {
  margin-bottom:0;
}

.section-related {
  position:relative;
}


/* Full-bleed gradient sur toute la fenêtre */
.desc-section::before, .tech-specs::before { 
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%); /* centre sur le viewport */
  width: 100vw;                /* pleine largeur */
  height: 20px;
  background: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent);
  pointer-events: none;
  z-index: 10;                 /* au-dessus du fond */
}

.youtube-section {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;   /* casse la contrainte du container */
  background: #222222;
  padding-block: 100px;  /* marge interne haut/bas (ajuste) */
}

.soundcloud-section {
  position: relative;
  padding-bottom: 100px;
    padding-top: 50px;
}


.desc-section {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;   /* casse la contrainte du container */
  background: #252525;
  padding-block: 100px;  /* marge interne haut/bas (ajuste) */
}



h2.inter-desc, h2.inter-faq, h2.inter-related {
  font-size:28px;
  letter-spacing:0;
  font-weight:600;
  margin-bottom:40px;
}

h2.tech-specs__title {
  letter-spacing:0.02em;
  margin-bottom:60px;
}

h2.inter-faq, h2.inter-related {
  letter-spacing:0.02em;
  text-align:center;
  margin-bottom:100px;
}

h2.inter-related {
  margin-bottom:80px;
}

.maj {
 text-transform:uppercase; 
}

/* Base effet 1 (inchangé) */
.addtocart-button-container{
  position: relative;
  display: inline-block;
}
.addtocart-button-container .addtocart-button{
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s;
}

/* Onde bleue #00baff */
.addtocart-button-container::after{
  content:"";
  position:absolute;
  left:50%; top:50%;
  width:20px; height:20px;
  border-radius:50%;
  background:#00baff;      /* <- ta couleur */
  opacity:.22;             /* ajuste l’intensité de l’onde */
  transform: translate(-50%,-50%) scale(0);
  transition: transform .55s ease, opacity .6s ease;
  pointer-events:none;
  z-index:0;
}




/* Hover */
.addtocart-button-container:hover::after{
  transform: translate(-50%,-50%) scale(14);
  opacity:0;
}
.addtocart-button-container:hover .addtocart-button{

  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  background-color :#00baff;
  border:none;
}
.addtocart-button-container .addtocart-button:active{
  transform: translateY(0) scale(.98);
  box-shadow: 0 6px 16px rgba(0,0,0,.10);
}

/* Motion réduite */
@media (prefers-reduced-motion: reduce){
  .addtocart-button-container .addtocart-button{ transition:none; }
  .addtocart-button-container::after{ display:none; }
}





.product-fields {
    padding-bottom: 0;
}

/* 1) Bande header en 2 colonnes (titre | prix+CTA) */
.product-header{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 60px 0;
  border-bottom: 1px solid #343434;
}
.product-price-cta{
  display: inline-flex;
  align-items: center;
  gap: 60px;
}
.product-prices-wrapper{ margin: 0; }
.add-to-cart-container{ margin: 0; } /* annule les mb-? */

@media (max-width: 768px){

  .ampz_container.ampz_no_count ul li, .ampz_container.ampz_no_count ul li.expanded-btn, .ampz_container.ampz_no_count ul li.shortened, .ampz_container.ampz_no_count ul li a
 {
    max-width: 82px !important;
}
  #ampz_inline_mobile {
    background-color: #252525!important;
}
  .view-user .tab-content {
    width: 100%!important;
}
  .order-user-section {padding:50px 30px!important;}
  .footer-area .container-inner {
    padding: 50px 0!important;
}
  .bouton-bas-blog {margin-bottom:45px!important;}
  .category_description-bas {
    padding-top: 50px!important;
}
  .com-content-category-blog__navigation {
    padding-top: 30px!important;
}
  .com-content-article.item-page, .com-content-category-blog {
    padding-bottom: 50px!important;
}
  #checkoutForm {
    padding-bottom: 50px;
}
  tr.no-border td.payments-mode {
    border: none!important;
}
  tr.boutons td {
    padding-top: 40px !important;
}
  tr.cart-grand-total td {
    padding-bottom: 40px !important;
}
  .total-ht-title, td.empty {display:none!important;}
  .cart-column.empty {display:none;}
  .table-cart .cart-item-image {
        width: auto;
    }
  .table-cart tr {
        padding: 5px;
    }
.submit-button-container-top {
  display:none;
}
  .sppb-panel-body, .sppb-addon-accordion .sppb-addon-content .sppb-panel-body
 {
    padding: 15px 40px 15px 40px!important;
}
.feature.first {
    margin-bottom: 50px;
}
  .feature-icon {
    display:none;
  }
  .prod-lead {
    margin-bottom: 50px;
}
.product-header {
        grid-template-columns: 1fr;        /* une seule colonne */
        gap: 12px;
        justify-items: center;             /* centre horizontalement les éléments */
        text-align: center;                /* centre le texte */
    }

    .product-header__left,
    .product-header__right {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .product-page-title {
        text-align: center;
    }
  .product-price-cta{
    justify-content: center; /* sous le titre en mobile */
    flex-wrap: wrap;
  }

.product-description, .product-faq {
    margin: 0 auto;
    margin-bottom: 0;
}
  .tech-specs {
    padding-top: 60px;
    padding-bottom: 60px;
}
  .product-related-products {
    padding-top: 50px;
}
  .item-container, .product-container {
    margin-bottom: 0 !important;
}
  .youtube-section, .desc-section, .section-faq  {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: #222222;
    padding-block: 50px;
} 
  h2.inter-faq, h2.inter-related {
    margin-bottom: 50px;
}
}

/* 2) Meta sous le header (stock + ontop) */
.product-meta{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0 0 60px;
}
.product-stock-wrap{ display: flex; gap: 12px; flex-wrap: wrap; }

/* 3) Intro centrée, largeur contenue */
.product-intro{
  text-align: center;
    position: relative;
    padding-bottom: 100px;
}





.product-intro::after, .product-description::after, .tech-specs::after {
  content:"";
  position:absolute; bottom:0;
  left: calc(50% - 50vw);
  width: 100vw; height: 20px;
  background: linear-gradient(to top, rgba(0,0,0,0.4), transparent);
  pointer-events:none; z-index:10;
}

.view-productdetails  .main-section {
    padding-top: 20px;
}


.view-productdetails  .breadcrumbs-inner {
    padding-top: 20px;
}
/* Wrapper full-bleed (inchangé) */
.productdetails-view .vm-hero{
  position: relative;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
}

/* Fenêtre (inchangée si tu gardes le clamp) */
.vm-hero .product-field-display{
  position: relative;
  height: clamp(240px, 40vw, 500px);
  overflow: hidden;
  line-height: 0;
}

/* IMAGE : largeur <= 1600px, centrée ; couvre la hauteur */
.productdetails-view .vm-hero .product-field-display img.vm-cf-image-original{
  display: block;
  width: 100%;
  max-width: 1920px;    /* ← cap à 1600px */
  height: 100%;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;       /* centre l’image quand l’écran > 1600px */
}

.custom-field-C-container, .product-field, .vm-field-controls {
    margin-bottom: 0;
}

.brand-logo img {
  transform: scale(1);
  transition: transform 0.3s ease;
}

.header-is-sticky .brand-logo img {
  transform: scale(0.8); 
}

.mod-minicart__product-details {
  position: relative;
}
.mod-minicart__show-cart .btn {
  
  padding: 12px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
}

.mod-minicart__show-cart {
  padding-bottom:125px!important;
  
}

.mod-minicart__product-details::after {
    content: "";
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 0;
  border-bottom: 1px solid #434343;
}


.mod-minicart__product-details, .mod-minicart__show-cart, .mod-minicart__cart-total, .login-side, .offcanvas-logout {
  padding-left: 40px!important;
  padding-right: 40px!important;
}

.mod-minicart__product-details {
  padding-top:30px!important;
  padding-bottom:30px!important;
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --offcanvas-width: 440px;

}

.offcanvas-header .btn-hover {
     opacity: 1;
}

.offcanvas-header .btn-icon {
  padding:0;
}

.mod-offcanvas-menu--open>.mod-offcanvas-menu--item-anchor>.mod-offcanvas-menu--item-sub-opener {
    background-color: transparent;
}

.block-offcanvas .offcanvas-header {
    justify-content: flex-end;
  font-size:18px;
  padding-bottom: 50px;
  padding-top: 40px;
    padding-right: 40px;
}

.offcanvas-header {
    padding-top: 40px;
    padding-left: 40px!important;
  padding-bottom: 35px;
  padding-right: 40px !important;
}

.offcanvas-header .offcanvas-title {
  margin-left: auto;
}


.offcanvas {
    background-color: #222;
}

.mod-offcanvas-menu--active a {
 background-color: #222; 
}

.mod-offcanvas-menu--item-anchor {
    background-color: #222!important;
}

.mod-offcanvas-menu--level-1>.mod-offcanvas-menu--item-anchor {
    font-weight: 400;
  position:relative;
}


.mod-offcanvas-menu--current>.mod-offcanvas-menu--item-anchor, .mod-offcanvas-menu--current>.mod-offcanvas-menu--item-anchor:hover, .mod-offcanvas-menu--item-anchor:hover {
    color: #fff;
    background-color: #282828!important;
    border-left: 4px #00baff solid;
  transition:none;
}

.mod-offcanvas-menu--open>.mod-offcanvas-menu--item-anchor, .mod-offcanvas-menu--open>.mod-offcanvas-menu--item-anchor:hover {
    color: #fff;
    background-color: #282828;
}

.mod-offcanvas-menu--item-anchor {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-decoration: none;
    padding: 0;
    margin: 0;
    color: var(--offcanvas-menu-item-color, #333);
    border-bottom: 1px solid var(--offcanvas-menu-item-border-color, #aaa);
    background-color: var(--offcanvas-menu-item-hover-bg, #fff);
    transition: all .4s ease;
    border: none;
}

.sppb-row-container  {
    padding-right: 0px!important;
    padding-left: 0px!important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .home .sppb-row-container {
    padding-right: 20px!important;
    padding-left: 20px!important;
}



.sp-pagebuilder-row, .sppb-row {
   margin-right: -20px!important;
    margin-left: -20px!important;
}

.section-faq .sppb-row-container {
  padding:0!important;
}
@media (min-width: 992px) {
  .view-article.layout-blog .site-content {
    width: 800px;
    margin: 0 auto;

  }

 .view-article.layout-blog .site-content .container-xxl {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
}

#toggle-link.read-more {text-transform:uppercase;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: 'Inter', sans-serif;
  font-weight:500;
  letter-spacing: 0.02em;
}





/* Ligne visible par défaut */
a.ligne::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #FFF;
  transform: scaleX(1);         /* visible */
  transform-origin: left;
  transition: transform 0.3s ease;
}

/* Elle disparaît au hover */
a.ligne:hover::after {
  transform: scaleX(0);         /* cachée */
  transform-origin: right;
}


.view-article .main-section .com-content-article__body a, .main-section a, a.link {
  position: relative;
  color: #fff;
  text-decoration: none; /* supprime l'underline natif */
  font-weight: normal;
}

/* ligne par défaut */
.view-article .main-section .com-content-article__body a::after, .main-section a::after, a.link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px; /* espace entre texte et ligne */
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(1);
  transform-origin: right;   /* ligne se développe depuis la gauche */
  transition: transform 0.4s ease, transform-origin 0s;
}

.error-404 .main-section .com-content-article__body a.go-home::after {
display:none;
  }

/* au hover → ligne se rétracte vers la droite */
.view-article .main-section .com-content-article__body a:hover::after, .main-section a:hover::after, a.link:hover::after {
  transform: scaleX(0);
  transform-origin: right; /* se ferme vers la droite */
}

/* Empêche le soulignement sur les liens qui contiennent des images */
.view-article .main-section .com-content-article__body a img,
.main-section a img {
    pointer-events: none; /* ne change pas l’effet, mais ignore le survol de l'image */
}

/* Désactive complètement la ligne pour les liens images */
.view-article .main-section .com-content-article__body a:has(img)::after,
.main-section a:has(img)::after, .vm-pagination a::after, .product-name a::after, .item-content a::after, a.btn-primary:after,
.continue-shopping-section a:after, .item-order-1 a:after, .sppb-addon-overlay-image-content a:after, a.sppb-articles-carousel-link:after, a.page-link:after  {
    display: none !important;
}


.mod-custom a, .moduletablefoot2 a, .mod-breadcrumbs a, a.link, a.link-body::after {
   position: relative;
  display: inline-block;
  text-decoration: none;
  color: #fff;
}

.moduletablefoot2 a::after, .mod-breadcrumbs a::after, a.link-body::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #FFF;
  transform: scaleX(0);
  transform-origin: right; /* départ gauche */
  transition: transform 0.3s ease;
}

.moduletablefoot2 a:hover::after, .mod-breadcrumbs a:hover::after, .main-section .link-body:hover::after  {
  transform: scaleX(1);
  transform-origin: left; /* se replie vers la droite */
}


a:not([class]):hover, a:not([class]):focus {
  color:#fff;
}

.breadcrumbs-section a:hover, a.link {
    color: #fff;
}

.vm-currency-selector a {
    padding-right: 0;
}

/* Bloc parent */
.sppb-articles-carousel-column, .blog .product-top-container {
  position: relative;
  overflow: hidden;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
 
}

/* Conteneur image */
.sppb-articles-carousel-img, .blog .item-image, .related-articles .item-image {
  position: relative;
  display: block;
  overflow: hidden;
   margin-bottom: 10px;
}

/* Voile noir 50% (sur l'image) */
.sppb-articles-carousel-img::before, .blog .item-image::before, .free-sound .sppb-addon-single-image-container::before, .related-articles .item-image::before  {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
  pointer-events: none; /* laisse passer les clics */
}

/* Icône centrée 70x70 (sur l'image) 
.sppb-articles-carousel-img::after, .blog .item-image::after, .free-sound .sppb-addon-single-image-container::after, .related-articles .item-image::after  {
  content: "";
  position: absolute;
  inset: 0; 
  background: url("https://www.bluezone-corporation.com/images/2025/06/21/icone-arrow-right.png")
              center/70px 70px no-repeat;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
  z-index: 2;
  pointer-events: none; 
}
*/

.sppb-articles-carousel-img::after,
.blog .item-image::after,
.related-articles .item-image::after {
    content: "Read more";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.4); /* optionnel : fond semi-transparent */
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
    pointer-events: none;
}
.free-sound .sppb-addon-single-image-container::after {
    content: "Download";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.4); /* optionnel : fond semi-transparent */
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
    pointer-events: none;
}

/* Affichage au hover sur desktop */
.sppb-articles-carousel-img:hover::after,
.blog .item-image:hover::after,
.free-sound .sppb-addon-single-image-container:hover::after,
.related-articles .item-image:hover::after {
    opacity: 1;
}

/* Toujours visible sur mobile */
@media (max-width: 768px) {
    .sppb-articles-carousel-img::after,
    .blog .item-image::after,
    .free-sound .sppb-addon-single-image-container::after,
    .related-articles .item-image::after {
        opacity: 1;
    }
}

/*
.free-sound .sppb-addon-single-image-container::after  {
  background: url("https://www.bluezone-corporation.com/images/2025/06/21/download-arrow.png")
              center/70px 70px no-repeat;

}
*/
/* Hover déclenché par le parent */
.sppb-articles-carousel-column:hover .sppb-articles-carousel-img::before,
.sppb-articles-carousel-column:hover .sppb-articles-carousel-img::after,
.blog .product-top-container:hover .item-image::after,
.blog .product-top-container:hover .item-image::before,
.free-sound .sppb-addon-content:hover .sppb-addon-single-image-container::before,
.free-sound .sppb-addon-content:hover .sppb-addon-single-image-container::after,
.free-sound .sppb-addon-content:hover .sppb-addon-single-image-container::before,
.related-articles .product-top-container:hover .item-image::after,
.related-articles .product-top-container:hover .item-image::before
{
  opacity: 1;
}

.sppb-articles-carousel-column:hover .sppb-articles-carousel-img::after,
.blog .product-top-container:hover .item-image::after, .related-articles .product-top-container:hover .item-image::after {
  transform: scale(1);
}



/* Effet principal */
.blog .product-top-container:hover, .related-articles .product-top-container:hover {
    transform: translateY(-5px) translateZ(0);
}

.sppb-articles-carousel-column {
    /* Ajout de la propriété pour préparer l'élément à l'animation */
    will-change: transform;
    
    /* Optionnel, mais souvent efficace pour les éléments 3D */
    backface-visibility: hidden;
}

.sppb-articles-carousel-column:hover {
    /* Gardez votre transformation */
    transform: translateY(-10px) translateZ(0); 
    
    /* Assurez-vous d'avoir une durée de transition définie (essentiel !) */
    transition: transform 0.3s ease-out; 
}

/* Balayage lumineux */
.sppb-articles-carousel-column-2::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-20deg);
}

/* Animation du balayage */
.sppb-articles-carousel-column-2:hover::after {
  animation: shine 0.8s forwards;
}

@keyframes shine {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}


a.sppb-articles-carousel-link, .blog .item-content a,  .related-articles .item-content a {
  margin:0!important;
  text-align:center!important;
  font-size: 18px;
    line-height: 27px;
}

.page-header .h2, .page-header h2 {
margin-bottom: 0;
    line-height: 30px !important;
    letter-spacing: 0;
    padding: 0 !important;
}

.bx-wrapper {
    margin-bottom: 0!important;
}

.sppb-articles-carousel-content, .blog .item-content, .related-articles .item-content {
      padding: 20px 15px 0!important;
    margin: 0!important;
}

.sppb-articles-carousel-content{
      padding-bottom: 30px!important;
}

#sppb-addon-9a2e4269-7ebd-4b16-812b-3a1df2602b21 .bx-controls {
     position: absolute;
    top: -30px;
    right: 72px; 
}

/*.bx-wrapper img, .blog .product-top-container img, .related-articles .product-top-container img {
    height: 240px;
    width: 100%;
}*/

#sppb-addon-9a2e4269-7ebd-4b16-812b-3a1df2602b21 .bx-controls-direction {
  color:#fff;
}

#section-id-e852d485-f0a3-4ddd-876a-2372d740ad22 .sppb-row-column  {
  padding:0!important;
}

#section-id-e852d485-f0a3-4ddd-876a-2372d740ad22 .sppb-row-container {
  padding:0 10px!important;
}

.sppb-articles-carousel-meta, .sppb-articles-carousel-meta-category {
  display:none;
}


.offcanvas-toggler {
    padding: 0;
}*

#sppb-addon-7c479fc4-bcd9-47db-af00-5d9665137e71 .sppb-panel-body, .sppb-addon-accordion .sppb-addon-content .sppb-panel-body {
  padding: 15px 80px 15px 40px;
}


#expand-text-container p {
  transition: max-height 0.4s ease, opacity 0.4s ease;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  margin: 0;
}

#expand-text-container p.visible {
  max-height: 200px; /* valeur suffisante pour un paragraphe */
  opacity: 1;
  margin: 1em 0;
}

/* Toujours montrer le premier <p> */
#expand-text-container p:first-of-type {
  max-height: none !important;
  opacity: 1 !important;
  margin: 1em 0;
}

#expand-text-container h3, #expand-text-container p {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

#expand-text-container .visible {
  max-height: 500px; /* assez grand pour contenir le texte */
  opacity: 1;
  margin: 1em 0;
}



.footer-area p, .footer-area ul {
    color: #7c7c7c;
}

ol.mod-breadcrumbs {text-transform: uppercase;letter-spacing: 0.04em;padding-top: 0 !important;}

a.read-more {font-size:14px; color:#ffffff;}

.product-items-container {
  margin-bottom:70px;
}

.page-link {
  padding:14px 16px;
  font-size:13px;
}

.product-container .PricesalesPrice {
      color: #c3c3c3;
}

.product-image-default .product-image {
  width:100%;

}

.category_description h1 {
  font-size:28px;
  text-transform: uppercase;
  font-weight: 600;
}

.category_description {
  text-align:center;
  font-size:18px;
  margin-bottom:90px;
}

h2.product-name {
   font-size:18px;
  text-transform: uppercase; 
}

.sppb-row .sppb-addon-clients-image {
  margin-right :30px;
}



.mobile-header-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.jewel {
    top: 0!important;
}

.vpajaxsearch-suggestion-header {
    background: #222!important;
    border-bottom: 1px solid #333!important;
}

.searched-product-title a {
    color: #fff!important;
}

.vpajaxsearch-suggestion {
    border-bottom: 1px solid #333!important;;
    border-right: 1px solid #333!important;;
}

.vpajaxsearch-suggestion-content {
    background: #222!important;;
}


.vm-currency-selector ul {
  background-color:#252525;
      border: none;
}

.vm-currency-selector ul a {
  color:#fff;
}
.vm-currency-selector ul a:hover {
  color:#00baff;
}

.vm-currency-selector ul .currency-active a {
    color: #000;
}


#mod-custom246 .moduletable {display:inline-block;}

#mod-custom246 .vm-currency-selector {
      padding-left: 5px;
}

.sppb-addon-accordion .sppb-panel-heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  height: 50%;
  width: 2px; /* épaisseur de la bordure */
  background-color: #00baff; /* couleur de la bordure */
}

.sppb-addon-accordion .sppb-panel-heading.active::before {
  background-color: #00ffae; /* couleur de la bordure */
  
}


.sppb-addon-accordion .sppb-panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
}

.sppb-addon-accordion .sppb-panel-title {
  flex-grow: 1;
  padding-right: 10px; /* espace entre le texte et l'icône */
}

.sppb-addon-accordion .sppb-accordion-icon-wrap {
  order: 2; /* assure que l'icône soit bien après le texte */
}

.sppb-addon-accordion .sppb-panel.sppb-panel-custom {
  margin:0!important;
}


.sppb-addon-accordion .sppb-panel-heading {
    padding: 23px 30px 23px 15px;
}

.sppb-addon-accordion .sppb-panel-collapse, .sppb-addon-accordion .sppb-panel-heading.active {
  background-color:#2c2c2c!important;
}

.sppb-addon-accordion .sppb-panel-heading .fas.fa-plus {
  transition: transform 0.3s ease;
}

.sppb-addon-accordion .sppb-panel-heading.active .fas.fa-plus {
  transform: rotate(45deg);
}


/*#sp-page-builder .sppb-section, .wild-width {
max-width: 99.5vw!important;
}*/

.category_description-bas, .related-articles {
    width: 100vw;               /* 100% de la largeur de l'écran */
    margin-left: calc(-50vw + 50%); /* recentrage si la div est dans un container centré */
    background-color: #222222;  /* exemple de fond */
}

.sppb-addon-image-layout-caption {
    background: transparent!important;
      padding: 20px 15px!important;
  text-align:center;
}


/* Conteneur principal */
#section-id-fc2dd94f-a291-4a16-8237-d0f6a5880b01 .sppb-column-addons {
  position: relative;
}

/* Bloc image */
#section-id-fc2dd94f-a291-4a16-8237-d0f6a5880b01 .sppb-image-layouts-inline {
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

/* Ombre sur hover */
#section-id-fc2dd94f-a291-4a16-8237-d0f6a5880b01 .sppb-column-addons:hover .sppb-image-layouts-inline {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

/* Image wrapper : position relative pour positionnement de la flèche */
#section-id-fc2dd94f-a291-4a16-8237-d0f6a5880b01 .sppb-image-layouts-inline-img {
  position: relative;
  height: 240px; /* Force la hauteur réelle de l'image */
}

/* Overlay sombre sur image uniquement */
#section-id-fc2dd94f-a291-4a16-8237-d0f6a5880b01 .sppb-image-layouts-inline-img a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
  pointer-events: none;
}

/* S'assurer que l’ancre image est le référentiel de l’overlay */
.product-image-default a,
.product-image-hover a{
  position: relative;
  display: block;
}

/* Overlay de noircissement sur l’image */
.product-image-default a::before,
.product-image-hover a::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
  opacity: 0;
  transition: opacity .3s ease;
  z-index: 1;
  pointer-events: none; /* ne bloque pas les clics */
}

/* Déclenchement au survol du CONTENEUR entier */
.product-container:hover .product-image-default a::before,
.product-container:hover .product-image-hover a::before{
  opacity: 1;
}


#section-id-fc2dd94f-a291-4a16-8237-d0f6a5880b01 .sppb-column-addons:hover .sppb-image-layouts-inline-img a::before, .product-image-default:hover  a::before{
  opacity: 1;
}

/* Flèche centrée sur l’image, masquée par défaut */
#section-id-fc2dd94f-a291-4a16-8237-d0f6a5880b01 .addon-root-image, .sppb-img-responsive-2 {
  position: absolute;
  top: 120px; /* moitié de 240px */
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  z-index: 2;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}

.sppb-img-responsive-2 {
  top: 155px; 
}

/* Masquer tablette + mobile */
@media (max-width: 991px) {
  .sppb-img-responsive-2 {
    opacity:1!important;
    top: 100px;
    display:block;
  }

.table-cart tr {
    border-color: transparent;
  }
}


/* Affichage au survol */
#section-id-fc2dd94f-a291-4a16-8237-d0f6a5880b01 .sppb-column-addons:hover .addon-root-image, .product-container.add-hover-effect.state-hover .sppb-img-responsive-2 {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}

/* Image de la flèche */
#section-id-fc2dd94f-a291-4a16-8237-d0f6a5880b01 
.addon-root-image img {
  display: block;
  width: 70px;
  height: 70px;
}














.sppb-addon-overlay-image-content a {
  z-index: 100!important;
}


h3.sppb-addon-title a {color:inherit;}

.mod-offcanvas-menu--item-sub-opener {
     border: none!important;
  background-color:transparent;
  justify-content: flex-end;
  position: absolute;
  inset: 0;   
  cursor: pointer;
}

.image-effect-zoom-in .overlay-image-title::before {
    border: none!important;
}

.sp-page-builder .page-content #section-id-a49bb45d-bca8-4eff-989d-dd2c9340f355::after, .ombre-portee::after, .page-header.article::after {
content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.4), transparent);
    pointer-events: none;
    z-index: 10;
}

.ombre-portee {
position: relative;
    width: 99.5vw;
    margin-left: calc(-50vw + 50%);
  
}

.sp-page-builder .page-content #section-id-595ad381-9640-4009-8ea2-6031bc43c6c5::before, .sp-page-builder .page-content #section-id-fc2dd94f-a291-4a16-8237-d0f6a5880b01::before, .footer-area::before {
content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 20px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent);
    pointer-events: none;
    z-index: 10;
}

.sp-page-builder .page-content #section-id-595ad381-9640-4009-8ea2-6031bc43c6c5::after, .sp-page-builder .page-content #section-id-fc2dd94f-a291-4a16-8237-d0f6a5880b01::after  {
content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.4), transparent);
    pointer-events: none;
    z-index: 10;
}


.header-main {

    box-shadow: 0 8px 20px -4px rgba(0, 0, 0, 0.4);
}

.vpi-14x {font-size:1.4em;}

.vpi-bars {font-size:1.5em;}

@media (max-width: 575.98px) {
  .d-xs-none {
    display: none !important;
  }
}

.icone-search {
      line-height: normal;
}

.dl-product {
  text-transform:uppercase;
}

.see_all_post {
  text-align: center;
    padding-top: 40px;
}

.see_all_post a {
  color:#fff;
}

.mb-5 {
    margin-bottom: 40px!important;
}

ul.mod-articleslatest {
  border-top: 1px solid #434343;
    border-bottom: 1px solid #434343;
   padding-top: 20px;
    padding-bottom: 18px;
}

.mod-articleslatest.mod-list li {
    padding: 20px 0;
    border-bottom: 1px solid #434343;
}

.mod-list li:last-child {
    padding-bottom: 0;
  border:none;
}

.mod-articleslatest dd {
    margin-bottom: 15px;
}

.mod-articleslatest a {
    color:#fff;
}

.mod-articleslatest a:hover, .see_all_post a:hover {
    color:#e94d4c;
}

aside .mod-header .mod-title, .bottom-section .mod-header .mod-title {
    font-size: 15px;
}

aside .mod-header-group, .bottom-section .mod-header-group {
    margin-bottom: 20px;
}

#right-aside {
padding:0;
    margin-top: 40px;
}

#right-aside .aside-inner {
    border: 1px solid #434343;
    border-radius: 10px;
    padding: 18px 30px;
  padding-bottom:0;
}

.pagenavigation .pagination, .pager .pagination {
    justify-content: space-between;
    padding: 0;
    margin: 40px 0;
}

.btn-secondary, .btn-vm-customfield .form-check-label-text {
    color: #fff;
    background-color: #dc4a49;
    border: none;
}

figure {
    margin: 0 0 40px;
}

.com-content-category-blog figure {
    margin: 0 0 10px;
}

dd {
    margin-bottom: 10px;
    margin-left: 0;
}
dl {
    margin-top: 0;
    margin-bottom: 10px;
}
.view-article.blog-blue h1 {
  text-align:left!important;
}

.view-article.blog-blue h2 {
  font-size: 24px;
    font-weight: 600;
  line-height:36px;
  letter-spacing: 0;
}

.view-article.blog-blue h3 {
  font-size: 20px;
    font-weight: 600;
  line-height:32px;
  letter-spacing: 0;
}

.view-article.blog-blue #content img {
 margin:55px 0 0; 
}

.view-article.blog-blue #content .related-articles img {
    margin: 0;
}

.view-article.blog-blue dl {
    margin-bottom: 30px;
} 


.view-article.blog-blue .related-articles h2 {
  padding-bottom:100px;
  padding-top:100px;
  margin:0!important;
}

.view-article.blog-blue .related-articles h2 {
text-align:center;
  font-weight: 600;
    letter-spacing: 0.02em;
    font-size: 28px;
}

.view-article.blog-blue .related-articles h3 {
  padding-bottom:0px;
  padding-top:0px;
  font-weight: 400;
}


.view-article.blog-blue #content {
  padding-top:0px!important;
}

.icon-calendar {
      color: #cd4646;
  text-align: left;
}
dd.published {
font-size:14px;
color:#999999;
}
/*.product-top-container .item-image, .product-top-container .item-content {
    padding: 0 30px;
    background-color: transparent;
}

.product-top-container .item-image img {
    width:320px;
  height:160px;
}

.product-top-container .item-content h2 {
font-size: 15px;
    text-align: left;
}
*/

.view-user .tab-content {
  width:410px;
  margin:0 auto;
}

.view-user .control-group {
  margin-left:auto;
  margin-right:auto;
}



.order-prod {
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.02em;
}

ul.order-details {
   background-color: #212121;
  height:75px;
  width:100%;
    display: flex;
    align-items: center;
  padding:0;
}

ul.order-details li {
  display:inline-block;
  padding-right:100px;
}

tr.order-details td {
  width:220px;
}


.item-order-1 {

}

.item-order-1 a {
color:#ff5e1b;
}

.item-order-2 {
    padding-top: 35px;
    text-align: center;
}

.item-order-3 {
    font-size: 16px;
}


.table-responsive {
  padding-top:45px;
  margin-bottom:86px;
}

td.cell-1 {padding:0;}

.first-cell {
  padding: 10px 10px 10px 40px;
    border-left: 2px solid #00baff;
}



button.nav-link {
  color:#fff!important;
  font-weight: normal!important;
  padding:10px 40px 10px 0!important;
  transition: none;
  text-transform:uppercase;
  font-size:22px;
 
}

button.nav-link.active, button.nav-link:hover, button.nav-link:focus {
  border: none;
    text-decoration: underline;
   text-underline-offset: 4px;
  padding:10px 40px 10px 0!important;
    
}

.nav-tabs-basic .nav-link {
    border: none;
}

.nav-tabs-basic {
    border-bottom: none;
}

.link-body-invert {
    text-decoration: underline;
    color: #fff;
    text-underline-offset: 4px;
}

.order-list tr {height:78px;}
.order-list tr td {background-color: transparent;border:none;}
.order-list tr.ligne-1 { background-color :#242424;}
.order-list tr.ligne-2 { background-color :#212121;}

.go-home {
  margin-top:52.5px;
  margin-bottom: 77.5px;
}

.error-404 a.go-home {
  text-decoration:none;
padding: 10px 55px;
border-radius: 5px;
}

legend.userfields_info, #customer_number {
  display:none;
}

.btn-vm-customfield .form-check-input:checked+.form-check-label .nav-tabs-basic .nav-link.form-check-label-text:not(.is-color-btn), .btn-vm-customfield .form-check-vm.form-check .form-check-input:checked+label .nav-tabs-basic .nav-link.form-check-label-text:not(.is-color-btn), .btn-vm-customfield .form-check-vm.form-check input[type=checkbox]:checked+.form-check-label .nav-tabs-basic .nav-link.form-check-label-text:not(.is-color-btn), .btn-vm-customfield .form-check-vm.form-check input[type=checkbox]:checked+label .nav-tabs-basic .nav-link.form-check-label-text:not(.is-color-btn), .btn-vm-customfield .form-check-vm.form-check input[type=radio]:checked+.form-check-label .nav-tabs-basic .nav-link.form-check-label-text:not(.is-color-btn), .btn-vm-customfield .form-check-vm.form-check input[type=radio]:checked+label .nav-tabs-basic .nav-link.form-check-label-text:not(.is-color-btn), .form-check-vm.form-check .btn-vm-customfield .form-check-input:checked+label .nav-tabs-basic .nav-link.form-check-label-text:not(.is-color-btn), .form-check-vm.form-check .btn-vm-customfield input[type=checkbox]:checked+.form-check-label .nav-tabs-basic .nav-link.form-check-label-text:not(.is-color-btn), .form-check-vm.form-check .btn-vm-customfield input[type=checkbox]:checked+label .nav-tabs-basic .nav-link.form-check-label-text:not(.is-color-btn), .form-check-vm.form-check .btn-vm-customfield input[type=radio]:checked+.form-check-label .nav-tabs-basic .nav-link.form-check-label-text:not(.is-color-btn), .form-check-vm.form-check .btn-vm-customfield input[type=radio]:checked+label .nav-tabs-basic .nav-link.form-check-label-text:not(.is-color-btn), .nav-tabs-basic .btn-vm-customfield .form-check-input:checked+.form-check-label .nav-link.form-check-label-text:not(.is-color-btn), .nav-tabs-basic .btn-vm-customfield .form-check-vm.form-check .form-check-input:checked+label .nav-link.form-check-label-text:not(.is-color-btn), .nav-tabs-basic .btn-vm-customfield .form-check-vm.form-check input[type=checkbox]:checked+.form-check-label .nav-link.form-check-label-text:not(.is-color-btn), .nav-tabs-basic .btn-vm-customfield .form-check-vm.form-check input[type=checkbox]:checked+label .nav-link.form-check-label-text:not(.is-color-btn), .nav-tabs-basic .btn-vm-customfield .form-check-vm.form-check input[type=radio]:checked+.form-check-label .nav-link.form-check-label-text:not(.is-color-btn), .nav-tabs-basic .btn-vm-customfield .form-check-vm.form-check input[type=radio]:checked+label .nav-link.form-check-label-text:not(.is-color-btn), .nav-tabs-basic .form-check-vm.form-check .btn-vm-customfield .form-check-input:checked+label .nav-link.form-check-label-text:not(.is-color-btn), .nav-tabs-basic .form-check-vm.form-check .btn-vm-customfield input[type=checkbox]:checked+.form-check-label .nav-link.form-check-label-text:not(.is-color-btn), .nav-tabs-basic .form-check-vm.form-check .btn-vm-customfield input[type=checkbox]:checked+label .nav-link.form-check-label-text:not(.is-color-btn), .nav-tabs-basic .form-check-vm.form-check .btn-vm-customfield input[type=radio]:checked+.form-check-label .nav-link.form-check-label-text:not(.is-color-btn), .nav-tabs-basic .form-check-vm.form-check .btn-vm-customfield input[type=radio]:checked+label .nav-link.form-check-label-text:not(.is-color-btn), .nav-tabs-basic .nav-item.show .nav-link, .nav-tabs-basic .nav-link.active {
    color: #fff;
    background-color: var(--body-bg);
    border-color: var(--border-color) var(--border-color) var(--body-bg);
}

.list-group-item {
    border: none;
    text-align: center;
}

.text-muted {
    color: #fff !important;
}

.page-header, .intro-retrieve, .com-content-category-blog h1 {
  text-align:center;
}

.intro-retrieve {
  padding-bottom:45px;
}

.save-button {
  padding-top:30px;
}

button.validate {
width:100%;
}


.cf-form-search .input-append input[type=search]:not(.form-control), .cf-form-search .input-append input[type=text]:not(.form-control), .form-control, .old-form input[type=email], .old-form input[type=password], .old-form input[type=text], .old-form textarea {

    border: 1px solid #434343;
}

.custom-select, .form-select, .old-form select {
border: 1px solid #434343;
}

@media (max-width: 991.98px) {
.footer-toolbar {
    background-color: #242424;
}
}

#headerSearch .header-search-inner {
      margin: 0 auto;
    width: 50%;
}

@media (max-width: 768px) {
#headerSearch .header-search-inner {
    width: 80%;
}

}

#section-id-439a0479-38f7-4b4d-be38-c93ed47495d8 input {
    max-width: 100%;
}


.control-group.tos_agreed .control-label, .control-group.vm_subscribe .control-label {
    float: right !important;
    width: 95% !important;
}

.control-group.tos_agreed .controls, .control-group.vm_subscribe .controls {
    width:auto!important;
      padding-top: 1px;
}

.tooltip {
  --tooltip-zindex: 1070;
  --tooltip-max-width: 200px;
  --tooltip-padding-x: 0.5rem;
  --tooltip-padding-y: 0.25rem;
  --tooltip-margin: ;
  --tooltip-font-size: 12px;
  --tooltip-color: #000;
  --tooltip-bg: #fff;
  --tooltip-border-radius: var(--border-radius);
  --tooltip-opacity: 1;
  --tooltip-arrow-width: 0.8rem;
  --tooltip-arrow-height: 0.4rem;
  z-index: var(--tooltip-zindex);
  display: block;
  margin: var(--tooltip-margin);
  font-family: var(--neoteric-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}

.custom-select, .form-select, .old-form select {
    --form-select-bg-img: none!important;
    appearance: auto!important;
  background: none;
}

 .form-control, .old-form input[type=email], .old-form input[type=password], .old-form input[type=text], .old-form textarea, select:not(.form-control) {
       max-width: 100%;
    background-color: #252525;
    color: #fff;
   
}



@media (min-width: 768px) {
.com-users-login, .com-users-registration, .com-users-remind, .com-users-reset form, .page-container-box {
      max-width: 440px;
        margin-left: auto;
        margin-right: auto;
        border: none;
        padding-bottom: 0;
  margin-bottom:0;
}

  .page-container-box.signup {
    padding-top:100px;
  }
}

@media (min-width: 768px) {
.com-users-reset {
    max-width: 100%;
    border: none;
}
}

.page-container-box h1 {text-align:center;}
.alert-message {color:#000;}




.joomla-alert--close {
  padding-top:10px!important;
}

::placeholder { 
  color: #fff!important; 
} 
::-webkit-input-placeholder {        
		color: #fff; 
    } 


.cart-coupon-field input, .cart-coupon-field button {
background:transparent;
  border:none;
      padding: 0;
    margin: 0;
    height: 30px;
}


#system-message-container joomla-alert[type=info], #system-message-container joomla-alert[type=notice] {
    color: #000;

}

.gap-30 {gap:30px;}

.h6, h6 {
    font-size: 16px;
}

.table>:not(caption)>*>* {
    color: #fff;
}




.brand-logo img:hover {
    -webkit-animation-name: wobble-to-top-right;
    animation-name: wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@-webkit-keyframes wobble-to-top-right {
	16.65% {
		-ms-transform: translate(8px, -8px);
		-webkit-transform: translate(8px, -8px);
    	transform: translate(8px, -8px);
	}
	33.3% {
	    -ms-transform: translate(-6px, 6px);
	    -webkit-transform: translate(-6px, 6px);
	    transform: translate(-6px, 6px);
  	}
	49.95% {
	    -ms-transform: translate(4px, -4px);
	    -webkit-transform: translate(4px, -4px);
	    transform: translate(4px, -4px);
  	}
  	66.6% {
	    -ms-transform: translate(-2px, 2px);
	    -webkit-transform: translate(-2px, 2px);
	    transform: translate(-2px, 2px);
  	}
	83.25% {
    	-ms-transform: translate(1px, -1px);
    	-webkit-transform: translate(1px, -1px);
		transform: translate(1px, -1px);
	}
	100% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes wobble-to-top-right {
  	16.65% {
  	    -ms-transform: translate(8px, -8px);
	    -webkit-transform: translate(8px, -8px);
	    transform: translate(8px, -8px);
  	}
  	33.3% {
  		-ms-transform: translate(-6px, 6px);
	    -webkit-transform: translate(-6px, 6px);
	    transform: translate(-6px, 6px);
  	}
  	49.95% {
  		-ms-transform: translate(4px, -4px);
	    -webkit-transform: translate(4px, -4px);
	    transform: translate(4px, -4px);
  	}
  	66.6% {
  		-ms-transform: translate(-2px, 2px);
	    -webkit-transform: translate(-2px, 2px);
	    transform: translate(-2px, 2px);
  	}
  	83.25% {
  		-ms-transform: translate(1px, -1px);
	    -webkit-transform: translate(1px, -1px);
	    transform: translate(1px, -1px);
  	}
  	100% {
  		-ms-transform: translate(0, 0);
	    -webkit-transform: translate(0, 0);
	    transform: translate(0, 0);
  	}
}

.modal-dialog {
  border:1px solid #434343;
}

.continue-link {
  background-color: #212121;
    color: #fff;
    border: 1px solid #434343;
}

.cart-link {
    background-color: #00baff;
    color: #fff;
    border: 1px solid #00baff;
  margin-right: 0!important;
}

.bg-info, .modal-body, .modal-footer {
    background-color: #222 !important;
    border: none;
}

.offcanvas-header {
  font-size:12px;
}

.mod-minicart__remove {
  color: #fff;
    line-height: 80px;
}

.mod-minicart__product-details {
    border-bottom:none;
}

.offcanvas-header, .mod-minicart__cart-total {
    border: none;
}

.mod-minicart__product-details span {
  color:#fff!important;
}

.mod-minicart__product-details .mod-product-price, .vme-mod__contents .mod-product-price {
    font-weight: 400;
    color: #fff;
}

.mod-minicart__contents {
  font-size: 14px;
}

.croix {
box-shadow: 0px 2px 7px 2px rgba(0, 0, 0, 0.5);
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    padding-top: 6px;
}

.caddie {
  width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #00baff;
    line-height: 40px;
}

h5.offcanvas-title {
  text-transform: uppercase;
  font-size: 26px;
    font-weight: 400;
}

.page-header .h1, .page-header h1, .com-content-category-blog h1 {
    margin:0;
      padding:0;
      padding-bottom:55px;
    text-transform: uppercase;
    font-size: 28px;
}

.vm-orders-details .page-header h1 {
 padding-bottom:0px; 
}

.com-content-article.item-page, .com-content-category-blog {
  padding-bottom:100px;
  padding-top:0px;
}

.category-desc {padding-bottom:95px;}

@media (min-width: 992px) {
.header-is-sticky .header-main .container-inner {
    padding: 8px 0;
}
.header-main  .site-logo img {
    transform: scale(1);
  transition: all 0.2s ease-in-out;
  }
.header-is-sticky .header-main  .site-logo img, .header-is-sticky .brand-logo img:hover  {
    transform: scale(0.7);
  -webkit-animation-name: none;
    animation-name: none;
  transition: all 0.2s ease-in-out;
  }
}

.category-name, .manufacturer-name, .product-name {
    font-size: 15px;
    color: inherit;
    text-decoration: none;
    padding: 20px 20px;
    margin: 0 !important;
      line-height: normal;
}


.tns-nav:last-child, .tns-nav:nth-last-child(2) {
    padding-bottom: 100px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 14px;
}

.header-group, .mod-header-group {
    margin-bottom: 40px;
}

.product-related-products {
  padding-top:80px;
}

.product-related-titre {
  text-align:center;
}

@media (min-width: 1200px) {
.h3, h3 {
    font-size: 22px;
}
  .h2, h2 {
    font-size: 22px;
}
  
}

.tns-controls button {
    top: 35%;
}

#fond-noir {
  background-color:#242424
}


a.dl-product {
  background-color: #f34f4e;
    color: #fff;
    height: 44px;
    display: inline-block;
    line-height: 44px;
    padding: 0 32px;
    border-radius: 22px;
  margin-top:65px;
}

a.dl-product:hover {
  background-color: #00baff;
 
}

.product-tech ul {
  padding-left:18px;
}

.product-tech li {
  padding-bottom:20px;
}
.onbot-fields-container h3 {
  padding-bottom:40px;
}

.mod-megamenu>.mod-megamenu--item {
    cursor: pointer;
}


/*
.view-productdetails .row {margin:0!important;}

.view-productdetails .row >*  {
    padding-right: 0;
    padding-left: 0;
}

*/
.product-page-title, .view-productdetails .product-sales-price, .view-productdetails .product-sales-price div {
      font-size: 24px;
    text-transform: uppercase;
  font-weight: 500!important;
  letter-spacing:0.02em!important;
}

.product-top-container .product-sales-price div {
      font-size: 18px;
    text-transform: uppercase;
  font-weight: 400!important;
  letter-spacing:0.02em!important;
}

.addtocart-button-container .addtocart-button {
  width: 192px;
    height: 52px;
    font-size: 16px;
  font-weight: 600;
  border-radius: 5px
}

.product-short-description {
  margin-bottom:45px!important;
}

.product-overview-container {
      margin-bottom: 30px !important;
  margin-top:35px;
}

.img-prod {
  padding-right: 0px;
  position:relative;
}

.desc-prod {
      padding-left: 65px;
    padding-right: 0;
}

.product-prices-sku-mpn-gtin-stock {text-align:right;}

#player-container {
   height:38px;
  width: 280px;
  background-color:#242424;
  border-radius:20px;
}

#player-container #play-pause {
  cursor: pointer;
  text-indent: -999999px;
  height:38px;
  width: 56px;
  padding: 12px 18px;
  z-index: 2;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMiAyNHYtMjRsMjAgMTItMjAgMTJ6Ii8+PC9zdmc+);
    background-repeat: no-repeat!important;
    background-position: center;
    background-size: 16px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:20px;
  filter: invert(1);
  float:left;
}
.play {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMiAyNHYtMjRsMjAgMTItMjAgMTJ6Ii8+PC9zdmc+);
}
.pause {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMjRoLTZ2LTI0aDZ2MjR6bTEwLTI0aC02djI0aDZ2LTI0eiIvPjwvc3ZnPg==)!important;
}

#timeline {
  width: 200px;
  height: 5px;
  background: #4a4a4a;
  float: right;
margin-top: 16px;
    margin-right: 20px;
}

#scrub {
  height: 5px;
  background-color: #00c9ff;
  border: none;
  color: hsl(44, 100%, 44%);
  float: left;
}

#playhead {
  width: 5px;
  height: 5px;
  background: #f0d9d6;
}



.mod-breadcrumbs__divider.float-start {display:none;}

.product-short-description {
    color: #fff;
}

.mod-breadcrumbs {padding-bottom:0!important;}

.quantity-box {display:none;}

.pagination .page-item a {
  border:none;
      border-radius: 0 !important;
      border-bottom: 2px solid #343434;
      margin: 0 10px;
  color:#fff;
}

.vm-pagination {
  margin-bottom:100px!important;
}

.category_description-bas {
    padding-top: 100px;
    display: inline-block;
}



.page-link:hover {

    background-color: #343434;
}

.medium {
  font-weight:500!important;
}

.product-sales-price {
    color: #fff;
}


.footer-area .awe {
      padding-right: 10px;
}

.breadcrumbs-section {
    background-color: transparent;
    color: var(--breadcrumb-section-color);
    border-bottom: transparent;
}

.breadcrumbs-inner {padding-top:60px;}

.mod-megamenu--item.mod-megamenu--level-1>.mod-megamenu--item-anchor .mod-megamenu--item-title {
    font-weight: 500;
}

.page-header .h1:after, .page-header h1:after {
    background-color: transparent;
}

.category-view h1 {
  text-align:center;
margin: 0;
    padding-bottom: 60px;
}

.product.product-grid-view .product-top-container {
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
}

.product-list-images, .product-image-default {
  display:block!important;
}



.product-container.add-hover-effect.state-hover .product-top-container, .sppb-addon-articles-carousel .sppb-articles-carousel-column:hover .product-top-carousel  {

   box-shadow: 0px 2px 7px 2px rgba(0, 0, 0, 0.5);
}

.product.product-grid-view .product-top-container .product-image-default {
  background-color: transparent;
}


@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
}
}


.sppb-col,.sppb-col-auto,.sppb-col-lg,.sppb-col-lg-1,.sppb-col-lg-10,.sppb-col-lg-11,.sppb-col-lg-12,.sppb-col-lg-2,.sppb-col-lg-3,.sppb-col-lg-4,.sppb-col-lg-5,.sppb-col-lg-6,.sppb-col-lg-7,.sppb-col-lg-8,.sppb-col-lg-9,.sppb-col-lg-auto,.sppb-col-md,.sppb-col-md-1,.sppb-col-md-10,.sppb-col-md-11,.sppb-col-md-12,.sppb-col-md-2,.sppb-col-md-3,.sppb-col-md-4,.sppb-col-md-5,.sppb-col-md-6,.sppb-col-md-7,.sppb-col-md-8,.sppb-col-md-9,.sppb-col-md-auto,.sppb-col-sm,.sppb-col-sm-1,.sppb-col-sm-10,.sppb-col-sm-11,.sppb-col-sm-12,.sppb-col-sm-2,.sppb-col-sm-3,.sppb-col-sm-4,.sppb-col-sm-5,.sppb-col-sm-6,.sppb-col-sm-7,.sppb-col-sm-8,.sppb-col-sm-9,.sppb-col-sm-auto,.sppb-col-xl,.sppb-col-xl-1,.sppb-col-xl-10,.sppb-col-xl-11,.sppb-col-xl-12,.sppb-col-xl-2,.sppb-col-xl-3,.sppb-col-xl-4,.sppb-col-xl-5,.sppb-col-xl-6,.sppb-col-xl-7,.sppb-col-xl-8,.sppb-col-xl-9,.sppb-col-xl-auto,.sppb-col-xs-1,.sppb-col-xs-10,.sppb-col-xs-11,.sppb-col-xs-12,.sppb-col-xs-2,.sppb-col-xs-3,.sppb-col-xs-4,.sppb-col-xs-5,.sppb-col-xs-6,.sppb-col-xs-7,.sppb-col-xs-8,.sppb-col-xs-9,.sppb-row-column, .col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    padding-right: 20px!important;
    padding-left: 20px!important;
}

#column-wrap-id-66a46d9e-ae93-4879-8455-9fd67a4f2fdc {
  padding:0!important;
}

#column-wrap-id-a7efc291-959a-46d3-9817-261162384f0c, #column-wrap-id-89036c04-7b2d-4c50-855b-bf7e027d7e70, #column-wrap-id-081c3c23-015b-4f36-9c43-a0a67b8d409c, #column-wrap-id-25190755-ef51-4e38-985e-4665014cb40f, #column-wrap-id-bf4f1c99-5187-4592-b04f-f8ed44299183, #column-wrap-id-07e33202-8640-4123-893a-6de361ba3243 {
  padding:0!important;
}

#column-wrap-id-07f4c227-9daa-4198-a692-484b035df75b {
  padding-left:15px!important;
}


.mod-megamenu--item.mod-megamenu--level-1>.mod-megamenu--item-anchor .mod-megamenu--item-title {
    text-transform: uppercase;
    
}

#section-id-439a0479-38f7-4b4d-be38-c93ed47495d8 input {
  width: 440px!important;
    margin: 0 auto!important;
    border: 1px #434343 solid!important;
    border-radius: 0!important;
    background-color: transparent!important;
  margin-top:20px!important;
  margin-bottom:60px!important;
}

#section-id-439a0479-38f7-4b4d-be38-c93ed47495d8 {
  
      margin-left: calc(49.3% - 50vw)!important;
}

.sppb-btn {
  padding:15px 30px!important;
  border: 1px solid #434343!important;
  font-weight:500!important;
  font-size:15px!important;
}

p {
    margin-bottom: 10px;
  line-height: 30px;
}

.sppb-row-container  {
    padding-left: 0px;
    padding-right: 0px;
      margin-left: -15px;
    margin-right: -15px;
}


:root,[data-bs-theme=light] {
  --border-radius-lg: 2px!important;
    --root-font-size: 15px;
    --body-font-size: 15px;
      --template-link-hover-color: #00baff!important;
  --offcanvas-width :100%!important;
    --template-primary-color: #00baff!important;
    --template-link-color: #00baff!important;
    --template-topbar-bg: #00baff!important;
    --template-topbar-border-color: #00baff!important;
  --border-radius: 2px!important;
  --breadcrumb-font-size : 12px;
--body-line-height: 30px;
}

.section-home a {
  color:#fff;
  text-transform: uppercase;
}

.section-home h2 {
margin-bottom:20px;
}

.foot2 {
  padding:20px 0 70px;
}

.footer-area .mod-list {
    gap: 25px;
}


.footer-area .mod-list {
    justify-content: center;
}

.footer-area .container-inner {
    padding:80px 0;
}

.footer-area {
    font-size: 16px;
    text-transform: none;
  position: relative;
}

@media (min-width: 992px) {
.header-main .container-inner {
    padding: 15px 0;
}

}
@media (max-width: 992px) {
.gap-3.header-top {
    gap: 0 !important;
}
  
  
  .header-top #modMinicart-287 .mod-minicart__anchor {
   display:none; 
  }

}



.error-404 .site-content {
    background-image: url(../../images/404.png);
    background-repeat: repeat-x;
    min-height: 620px;
    background-position: top center;
}





.main-section {
    padding-top: 60px;
}
.error-404 .main-section {
    padding-top: 150px;
    border-bottom: none;
}




.home .main-section {
  border-bottom: none;
}

.mega-menu-container {
    border:none;
    background-color: transparent;
}

.header-main {
    font-size: 17px;

}

.header-right-lg {margin-left:auto;}

.vpajaxsearch-container {left:0!important;}

.mod-megamenu--deeper:not(.mod-megamenu--group)>.mod-megamenu--item-anchor:after {
    content: "\f054";
  padding-top: 1px;
}

.mod-megamenu--deeper:not(.mod-megamenu--group)>.mod-megamenu--item-anchor:hover:after {
    content: "\f078";
}



@media (max-width: 3000px) {
    .header-search-container {
        position:absolute;
        left: auto;
        right: 0;
        top: 0;
        bottom: 0;
        width: 50%;
        background-color: var(--template-header-bg,#092143);
        color: var(--template-header-color,#fff);
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        z-index: 380;
        transition: opacity .1s linear,visibility .1s linear,width .3s cubic-bezier(.34,1.56,.64,1)
    }

    .header-search-container .header-search-inner {
        height: 100%
    }

    .header-search-open .header-search-container {
        visibility: visible;
        pointer-events: unset;
        opacity: 1;
        width: 100%;
      height:280px;
    }
}

.link-inherit-color {
    color: currentColor
}

.link-inherit-color:active,.link-inherit-color:focus,.link-inherit-color:hover {
    color: currentColor
}