body{background:url(../img/fond.png) repeat!important}.header-banner{background-color:#d92719;color:#fff;text-align:center}.banman{padding:1rem}.banman p{margin-bottom:0}#marques div>a{margin-bottom:1rem;padding:0 .5rem 0 .5rem}#category #main{display:grid}#category #main .block-category.card-block{order:3}#category #main .block-category{order:1}#category #main #subcategories,#category #main #products{order:2}#_desktop_logo{position:absolute;bottom:-28px;right:0;left:0;margin:auto;width:180px;z-index:5}#_desktop_top_menu{padding:12px 0 12px 0}#top-menu{justify-content:center}#_desktop_top_menu #top-menu{margin-left:-55px}.menu__item{margin:0 .5rem}@media (min-width:992px){#category-8{padding-right:180px}}.top-menu{position:relative}.menu .top-menu>li{float:left}.top-menu .sub-menu{margin-left:0}.blockcart.inactive{background-color:#fff}.cart-products-count.small{background:#1f9367;color:#fff;position:absolute;height:20px;width:20px;border-radius:50%;line-height:18px;right:15px;top:0;text-align:center}.js-cart-line-product-quantity{margin:0 .5rem}#header .header-nav .cart-preview.active{background:none}#_desktop_search_widget .form-control{border:2px solid #1f9367}.sort-by-row{justify-content:center}#search_filter_toggler{width:250px}#js-product-list .products{justify-content:center}#category .product-miniature{flex:0 0 25%;max-width:285px;padding-left:10px;padding-right:10px}@media screen and (min-width:992px) and (max-width:1199px){#category .product-miniature{max-width:178px}}@media screen and (min-width:534px) and (max-width:991px){#category .product-miniature{flex:0 0 33%;max-width:178px}}@media screen and (min-width:360px) and (max-width:533px){#category .product-miniature{flex:0 0 50%;max-width:188px}}@media screen and (min-width:320px) and (max-width:359px){#category .product-miniature{flex:0 0 50%;max-width:50%}}@media (max-width:319px){.product-miniature{flex:0 0 100%}}.product-miniature .card-product{padding:.5rem;border-radius:.5rem}.product-miniature .card-img-top{margin:0 auto;max-width:150px}.product-miniature .card-body{padding:1rem 0 0 0}.product-miniature .product__card-desc{justify-content:flex-start}.product-miniature .product-title{min-height:2.5rem}.sitemap .nested{margin-left:20px;margin-bottom:.5rem}.sitemap ul>li{margin-top:.2rem}#subcategories .subcat{margin-top:25px;max-width:160px}#subcategories h5{margin-top:.5rem}#product #description ul{padding-left:2.5rem}#product .product-miniature .product-title{font-size:.8rem}#product .product-miniature{flex:0 0 20%;max-width:180px}@media screen and (min-width:768px) and (max-width:991px){#product .product-miniature{flex:0 0 25%}}@media screen and (min-width:534px) and (max-width:767px){#product .product-miniature{flex:0 0 33%}}@media screen and (min-width:360px) and (max-width:533px){#product .product-miniature{flex:0 0 50%}}@media screen and (min-width:320px) and (max-width:359px){#product .product-miniature{flex:0 0 50%}}@media screen and (max-width:319px){#product .product-miniature{flex:0 0 100%}}.blockreassurance_product{margin-top:25px}.blockreassurance_product .item-product{height:35px;float:left;margin-right:5px;padding-top:5px;width:35px;font-size:2rem}.blockreassurance_product .item-product img,.blockreassurance_product .item-product svg{height:35px;width:35px}.blockreassurance_product p.block-title{line-height:40px;font-weight:700}#varietes{background:#343a40;color:#fff;padding-top:1.25rem}#varietes-text{padding-left:1.75rem}#varietes .title{font-size:1.75rem}#varietes p{margin-bottom:.75rem}#varietes img{margin-bottom:1.25rem}.lb-copy{display:flex;align-items:self-end;flex-wrap:wrap-reverse;justify-content:space-between}@media screen and (max-width:991px){.lb-copy{margin-top:1rem}}@media screen and (max-width:767px){.lb-copy{justify-content:center}}#block_myaccount_infos .lnk_wishlist{padding:0}#block_myaccount_infos .material-icons{display:none}#loyalty .material-icons{font-size:2rem}.contact-form form .form-fields #captcha-box>div{float:right}.contact-form form .form-footer{clear:both;padding-top:1rem}@media screen and (max-width:767px){#contact #left-column,#contact #content-wrapper{padding-left:0!important;padding-right:0!important;width:100%}.contact-form form .form-fields #captcha-box{position:relative;min-height:78px}.contact-form form .form-fields #captcha-box>div{float:none;position:absolute;left:50%;top:0;transform:translate(-50%,0)}}@media screen and (max-width:379px){.register-form form .form-group .g-recaptcha{position:relative;min-height:78px}.register-form form .form-group .g-recaptcha>div{float:none;position:absolute;left:50%;top:0;transform:translate(-50%,0)}}.link-obf{cursor:pointer}@media screen and (min-width:992px){#footer .footman:last-child{width:25%}}
/* Container principal de la description */
.product-description {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
    line-height: 1.7;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 20px;
    background-color: #faf8f5;
}

/* Titres principaux */
.product-description h2 {
    font-size: 21px;
    font-weight: 700;
    color: #2c3e50;
    margin: 35px 0 20px 0;
    padding-bottom: 12px;
    border-bottom: 3px solid #27ae60;
    line-height: 1.4;
}

.product-description h2:first-of-type {
    margin-top: 0;
}

/* Sous-titres niveau 3 */
.product-description h3 {
    font-size: 19px;
    font-weight: 600;
    color: #34495e;
    margin: 30px 0 18px 0;
    padding-left: 15px;
    border-left: 4px solid #27ae60;
}

/* Sous-titres niveau 4 */
.product-description h4 {
    font-size: 17px;
    font-weight: 600;
    color: #2c3e50;
    margin: 25px 0 15px 0;
}

/* Texte en gras */
.product-description b,
.product-description strong {
    color: #127550;
    font-weight: 700;
    display: inline !important;
    white-space: normal;
}

/* Paragraphes */
.product-description p {
    font-size: 16px;
    margin-bottom: 18px;
    text-align: justify;
    color: #555;
}

.product-description p b,
.product-description p strong {
    display: inline !important;
}

/* ===================================
   TABLEAU CARACTÉRISTIQUES TECHNIQUES
   =================================== */

.product-description table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0 35px 0;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
}
.product-description.product__card-desc table {
    margin: 0px;
}
.product-description.product__card-desc {
    padding: 10px;
}

.product-description table tbody {
    display: table-row-group;
}

.product-description table tr {
    border-bottom: 1px solid #e8e8e8;
    transition: background-color 0.2s ease;
}

.product-description table tr:last-child {
    border-bottom: none;
}

.product-description table tr:hover {
    background-color: #f8f9fa;
}

.product-description table th {
    background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
    color: white;
    font-weight: 600;
    text-align: left;
    padding: 15px 20px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.product-description table td {
    padding: 14px 20px;
    font-size: 15px;
    color: #555;
}

.product-description table td:first-child {
    font-weight: 600;
    color: #2c3e50;
    width: 35%;
}

.product-description table td:last-child {
    color: #666;
}

/* ===================================
   SECTION FAQ
   =================================== */

/* Container FAQPage */
.product-description [itemtype="https://schema.org/FAQPage"] {
    margin-top: 40px;
}

/* Container de chaque question FAQ - Utiliser la classe .faq-item */
.product-description .faq-item,
.product-description [itemtype="https://schema.org/Question"] {
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.product-description .faq-item:hover,
.product-description [itemtype="https://schema.org/Question"]:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Question FAQ (h4) */
.product-description .faq-item h4,
.product-description [itemtype="https://schema.org/Question"] h4 {
    margin: 0;
    padding: 18px 20px;
    background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
    color: white;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    transition: background 0.3s ease;
    user-select: none;
}

.product-description .faq-item h4::after,
.product-description [itemtype="https://schema.org/Question"] h4::after {
    content: '▼';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    transition: transform 0.3s ease;
    pointer-events: none;
}

.product-description .faq-item h4:hover,
.product-description [itemtype="https://schema.org/Question"] h4:hover {
    background: linear-gradient(135deg, #229954 0%, #1e8449 100%);
}

/* Réponse FAQ */
.product-description .faq-item [itemprop="acceptedAnswer"],
.product-description .faq-item [itemtype="https://schema.org/Answer"],
.product-description [itemtype="https://schema.org/Question"] [itemprop="acceptedAnswer"],
.product-description [itemtype="https://schema.org/Question"] [itemtype="https://schema.org/Answer"] {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.product-description .faq-item [itemprop="acceptedAnswer"] p,
.product-description .faq-item [itemtype="https://schema.org/Answer"] p,
.product-description [itemtype="https://schema.org/Question"] [itemprop="acceptedAnswer"] p,
.product-description [itemtype="https://schema.org/Question"] [itemtype="https://schema.org/Answer"] p {
    padding: 20px;
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #666;
    text-align: justify;
}

/* Effet d'ouverture FAQ (si JS activé) */
.product-description .faq-item.faq-open [itemprop="acceptedAnswer"],
.product-description .faq-item.faq-open [itemtype="https://schema.org/Answer"],
.product-description [itemtype="https://schema.org/Question"].faq-open [itemprop="acceptedAnswer"],
.product-description [itemtype="https://schema.org/Question"].faq-open [itemtype="https://schema.org/Answer"] {
    max-height: 2000px;
    padding: 0;
}

.product-description .faq-item.faq-open h4::after,
.product-description [itemtype="https://schema.org/Question"].faq-open h4::after {
    transform: translateY(-50%) rotate(180deg);
}

/* ===================================
   AVERTISSEMENT IMPORTANT
   =================================== */

/* Méthode 1 : Avec classe .warning (recommandé) */
.product-description .warning,
.product-description p.warning {
    background-color: #fff3cd;
    border-left: 4px solid #ff725f;
    padding: 18px 20px;
    margin: 30px 0;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.product-description .warning b,
.product-description p.warning b {
    color: #856404;
    font-size: 17px;
    font-weight: 700;
    display: inline !important;
}

/* Méthode 2 : Sans classe (automatique via :has) */
.product-description > p:has(b:first-child) {
    background-color: #fff3cd;
    border-left: 4px solid #ff725f;
    padding: 18px 20px;
    margin: 30px 0;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}


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

@media screen and (max-width: 768px) {
    .product-description {
        padding: 20px 15px;
    }
    
    .product-description h2 {
        font-size: 22px;
    }
    
    .product-description h3 {
        font-size: 19px;
    }
    
    .product-description h4 {
        font-size: 16px;
    }
    
    .product-description p {
        font-size: 15px;
        text-align: left;
    }
    
    .product-description table {
        font-size: 14px;
    }
    
    .product-description table th,
    .product-description table td {
        padding: 10px 12px;
    }
    
    .product-description table td:first-child {
        width: 40%;
        font-size: 13px;
    }
    
    .product-description .faq-item h4,
    .product-description [itemtype="https://schema.org/Question"] h4 {
        font-size: 15px;
        padding: 15px;
    }
    
    .product-description .faq-item [itemprop="acceptedAnswer"] p,
    .product-description .faq-item [itemtype="https://schema.org/Answer"] p,
    .product-description [itemtype="https://schema.org/Question"] [itemprop="acceptedAnswer"] p {
        padding: 15px;
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .product-description table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    
    .product-description table td:first-child {
        width: auto;
        min-width: 120px;
    }
}

/* ===================================
   ANIMATIONS SUBTILES
   =================================== */

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.product-description {
    animation: fadeIn 0.5s ease-in-out;
}
/* ===== Sous-catégories "catok" (Category page) ===== */
.subcategories.catok {
  margin-top: .75rem;
  margin-bottom: 1.25rem;
}

.subcategories.catok ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Grille responsive, en s'appuyant sur Bootstrap */
.subcategories.catok li {
  display: flex;
  padding-left: .5rem;
  padding-right: .5rem;
}

/* Carte cliquable */
.subcategories.catok a {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  width: 100%;
  min-height: 70px;
  padding: 1rem;
  text-decoration: none;
  text-align: center;
  color: #2b2b2b;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

/* Image de la sous-catégorie */
.subcategories.catok a img {
  display: block;
  height: 60px;
  width: auto;
  border-radius: 8px;
  object-fit: cover;
}

/* Texte */
.subcategories.catok a span {
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.3;
}

/* Hover */
.subcategories.catok a:hover {
  transform: translateY(-2px);
  border-color: #3cb878; /* vert accent */
  box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
}

/* Petits écrans */
@media (max-width: 575.98px) {
  .subcategories.catok a {
    min-height: 60px;
    padding: .8rem;
  }
  .subcategories.catok a img {
    height: 48px;
  }
}
h2.h2.product-title {
    border: none;
    font-size: 16px;
    margin: 0;
    padding: 0;
    min-height: 45px;
}