.product-prices {
    display: flex;
    justify-content: left;
    align-items: baseline;
}

.product-prices .tax-shipping-delivery-label {
    color: #24b9d7;
    margin-left: 10px;
font-weight: 700;
font-size: 1rem; 
} 


#products article.product-miniature div.thumbnail-container, article.product-miniature div.thumbnail-container {height: 422px;}
#products article.product-miniature div.product-description, article.product-miniature div.product-description{height: 172px;text-align: center;}
#products article.product-miniature div.product-description input.input-group.form-control, article.product-miniature div.product-description input.input-group.form-control{width: 30%;margin-left: auto;margin-right: auto;margin-bottom: 12px;margin-top: 10px;}
#products .thumbnail-container .product-thumbnail img, .featured-products .thumbnail-container .product-thumbnail img, .product-accessories .thumbnail-container .product-thumbnail img, .product-miniature .thumbnail-container .product-thumbnail img {bottom: inherit;}
#products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping {margin-top: 5px}





















/* ===========================================================
   Stick3D — Styles des pages CMS (IDs 1→8)
   Tout est SCOPÉ via body.cms-id-XX pour éviter tout effet de bord
   =========================================================== */

/* ---------- Base commune (palette + petits raffinements) ---------- */
body[class*="cms-id-"]{
  --liv-primary:#ff6b00;
  --liv-primary-600:#e55f00;
  --liv-bg:#fafafa;
  --liv-text:#232323;
  --liv-muted:#6b7280;
  --liv-card:#ffffff;
  --liv-border:#eeeeee;
}

/* Boutons orange cohérents (garde le texte blanc au hover) */
body[class*="cms-id-"] .liv-btn,
body[class*="cms-id-"] .psr-btn,
body[class*="cms-id-"] .stk-btn,
body[class*="cms-id-"] .tut-btn,
body[class*="cms-id-"] .liv-btn:link,
body[class*="cms-id-"] .psr-btn:link,
body[class*="cms-id-"] .stk-btn:link,
body[class*="cms-id-"] .tut-btn:link,
body[class*="cms-id-"] .liv-btn:visited,
body[class*="cms-id-"] .psr-btn:visited,
body[class*="cms-id-"] .stk-btn:visited,
body[class*="cms-id-"] .tut-btn:visited{
  display:inline-block;
  background:var(--liv-primary);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800;
  border-radius:10px;
  padding:10px 14px;
  border:0 !important;
}
body[class*="cms-id-"] .liv-btn:hover,
body[class*="cms-id-"] .psr-btn:hover,
body[class*="cms-id-"] .stk-btn:hover,
body[class*="cms-id-"] .tut-btn:hover{
  background:var(--liv-primary-600);
  color:#fff !important;
}
body[class*="cms-id-"] .liv-btn:focus-visible,
body[class*="cms-id-"] .psr-btn:focus-visible,
body[class*="cms-id-"] .stk-btn:focus-visible,
body[class*="cms-id-"] .tut-btn:focus-visible{
  outline:3px solid var(--liv-primary-600);
  outline-offset:2px;
}
body[class*="cms-id-"] .liv-btn:active,
body[class*="cms-id-"] .psr-btn:active,
body[class*="cms-id-"] .stk-btn:active,
body[class*="cms-id-"] .tut-btn:active{
  transform:translateY(1px);
}

/* Rythme vertical & accessibilité */
body[class*="cms-id-"] .liv-card p:last-child,
body[class*="cms-id-"] .mlg-card p:last-child,
body[class*="cms-id-"] .psr-card p:last-child,
body[class*="cms-id-"] .stk-card p:last-child,
body[class*="cms-id-"] .tut-card p:last-child{ margin-bottom:0; }
@media (max-width:480px){
  body[class*="cms-id-"] h1{ font-size:clamp(22px,6vw,32px); }
}

/* ===========================================================
   ID 1 — Mode de livraison — classes .liv-*
   =========================================================== */
body.cms-id-1 .liv-hero,
body.cms-id-1 .liv-carriers,
body.cms-id-1 .liv-tarifs,
body.cms-id-1 .liv-steps,
body.cms-id-1 .liv-faq,
body.cms-id-1 .liv-cta{ margin:28px 0; }

body.cms-id-1 .liv-hero{
  background:linear-gradient(180deg,#fff,var(--liv-bg));
  border:1px solid var(--liv-border);
  border-radius:16px;
  padding:28px;
}
body.cms-id-1 .liv-hero__content{ max-width:1100px; margin:0 auto; }
body.cms-id-1 .liv-hero h1{ font-size:clamp(26px,4vw,36px); margin:0 0 6px; color:var(--liv-primary); }
body.cms-id-1 .liv-hero__sub{ margin:0; color:var(--liv-muted); }

body.cms-id-1 .liv-badges{ display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 0; padding:0; list-style:none; }
body.cms-id-1 .liv-badges li{
  display:flex; align-items:center; gap:8px;
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:999px; padding:8px 12px; font-weight:600;
}
body.cms-id-1 .liv-ico{ font-size:18px; }

body.cms-id-1 .liv-carriers h2,
body.cms-id-1 .liv-tarifs h2,
body.cms-id-1 .liv-steps h2,
body.cms-id-1 .liv-faq h2{ font-size:clamp(20px,3vw,26px); margin:0 0 12px; }

body.cms-id-1 .liv-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media (max-width:992px){ body.cms-id-1 .liv-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ body.cms-id-1 .liv-grid{ grid-template-columns:1fr; } }

body.cms-id-1 .liv-card{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; padding:16px; box-shadow:0 6px 18px rgba(0,0,0,.04);
}
body.cms-id-1 .liv-card header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
body.cms-id-1 .liv-logo{ font-weight:800; letter-spacing:.3px; }
body.cms-id-1 .liv-tag{ background:#f3f4f6; border:1px solid var(--liv-border); padding:4px 8px; border-radius:8px; font-weight:700; }
body.cms-id-1 .liv-tag--express{ background:#eef2ff; border-color:#e0e7ff; color:#3730a3; }

body.cms-id-1 .liv-list{ margin:8px 0 0; padding-left:18px; }
body.cms-id-1 .liv-note{ color:var(--liv-muted); margin-top:8px; }

body.cms-id-1 .liv-table-wrap{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; overflow:auto;
}
body.cms-id-1 .liv-table{ width:100%; border-collapse:collapse; min-width:680px; }
body.cms-id-1 .liv-table th,
body.cms-id-1 .liv-table td{ padding:10px 12px; border-bottom:1px solid var(--liv-border); text-align:left; vertical-align:top; }
body.cms-id-1 .liv-table thead th{ background:#f9fafb; font-weight:700; }
body.cms-id-1 .liv-legal{ color:var(--liv-muted); margin-top:8px; }

body.cms-id-1 .liv-steps__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media (max-width:992px){ body.cms-id-1 .liv-steps__grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ body.cms-id-1 .liv-steps__grid{ grid-template-columns:1fr; } }
body.cms-id-1 .liv-step{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; padding:16px;
}
body.cms-id-1 .liv-step__num{
  width:34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--liv-primary); color:#fff; font-weight:800; margin-bottom:8px;
}

/* FAQ */
body.cms-id-1 .liv-qa{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:12px; margin:10px 0; overflow:hidden;
}
body.cms-id-1 .liv-qa>summary{
  cursor:pointer; padding:12px 14px; font-weight:700; list-style:none; position:relative;
}
body.cms-id-1 .liv-qa>summary::-webkit-details-marker{ display:none; }
body.cms-id-1 .liv-qa[open]>summary{ background:#fff7ed; border-bottom:1px solid var(--liv-border); }
body.cms-id-1 .liv-qa__a{ padding:12px 14px; color:var(--liv-text); }

/* CTA */
body.cms-id-1 .liv-cta__card{
  background:linear-gradient(90deg,#fff7ed,#fff);
  border:1px solid #fde7cf; border-radius:14px; padding:18px;
  display:flex; align-items:center; gap:14px; justify-content:space-between;
}
@media (max-width:992px){
  body.cms-id-1 .liv-cta__card{ flex-direction:column; align-items:flex-start; }
}

/* Liens dans cartes (hors boutons) */
body.cms-id-1 .liv-card a:not(.liv-btn),
body.cms-id-1 .liv-cta__card a:not(.liv-btn){
  color:var(--liv-primary); text-decoration:none; border-bottom:1px dashed #ddd;
}
body.cms-id-1 .liv-card a:not(.liv-btn):hover,
body.cms-id-1 .liv-cta__card a:not(.liv-btn):hover{ border-bottom-color:#ccc; }

/* ===========================================================
   ID 2 — Mentions légales — classes .mlg-*
   =========================================================== */
body.cms-id-2 .mlg-banner{
  display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:center;
  background:linear-gradient(180deg,#fff,var(--liv-bg));
  border:1px solid var(--liv-border); border-radius:16px; padding:18px; margin:24px 0;
}
body.cms-id-2 .mlg-banner__icon{
  width:48px; height:48px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:#fff7ed; border:1px solid #fde7cf; font-size:24px;
}
body.cms-id-2 .mlg-banner h1{ margin:0; color:var(--liv-primary); font-size:clamp(26px,4vw,34px); }
body.cms-id-2 .mlg-banner p{ margin:4px 0 0; color:var(--liv-muted); }

body.cms-id-2 .mlg-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:16px 0; }
@media (max-width:900px){ body.cms-id-2 .mlg-grid{ grid-template-columns:1fr; } }

body.cms-id-2 .mlg-card{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; padding:18px; box-shadow:0 6px 18px rgba(0,0,0,.04);
}
body.cms-id-2 .mlg-card h2{ margin:0 0 8px; font-size:clamp(20px,3vw,24px); }
body.cms-id-2 .mlg-list{ margin:8px 0 0; padding-left:18px; }
body.cms-id-2 .mlg-list li{ margin:6px 0; }

body.cms-id-2 .mlg-stripe{
  margin:18px 0; background:linear-gradient(90deg,#fff7ed,#fff);
  border:1px solid #fde7cf; border-radius:14px;
}
body.cms-id-2 .mlg-stripe__inner{ padding:18px; }

body.cms-id-2 .mlg-def{ margin:18px 0; }
body.cms-id-2 .mlg-def__grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:900px){ body.cms-id-2 .mlg-def__grid{ grid-template-columns:1fr; } }
body.cms-id-2 .mlg-def__col{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; padding:16px;
}
body.cms-id-2 .mlg-def dl{ margin:0; }
body.cms-id-2 .mlg-def dt{ font-weight:800; margin-top:6px; }
body.cms-id-2 .mlg-def dd{ margin:2px 0 8px; }

body.cms-id-2 .mlg-data{
  margin:18px 0; background:#f9fafb;
  border:1px solid var(--liv-border); border-radius:14px; padding:18px;
}
body.cms-id-2 .mlg-data h2{ margin:0 0 6px; }
body.cms-id-2 .mlg-data p{ margin:8px 0 0; }
body.cms-id-2 .mlg-data a{ color:var(--liv-primary); text-decoration:none; }
body.cms-id-2 .mlg-data a:hover{ text-decoration:underline; }

body.cms-id-2 .mlg-contact{ display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 0; }
body.cms-id-2 .mlg-contact__item{
  border:1px solid var(--liv-border); border-radius:999px; padding:8px 12px;
  background:#fff; font-weight:700;
}

/* ===========================================================
   ID 3 — CGV — classes .liv-*
   =========================================================== */
body.cms-id-3 .liv-hero, body.cms-id-3 .liv-card, body.cms-id-3 .liv-cta{ margin:28px 0; }
body.cms-id-3 .liv-hero{
  background:linear-gradient(180deg,#fff,var(--liv-bg));
  border:1px solid var(--liv-border); border-radius:16px; padding:28px;
}
body.cms-id-3 .liv-hero__content{ max-width:1100px; margin:0 auto; }
body.cms-id-3 .liv-hero h1{ font-size:clamp(26px,4vw,36px); margin:0 0 6px; color:var(--liv-primary); }
body.cms-id-3 .liv-hero__sub{ margin:0; color:var(--liv-muted); }

body.cms-id-3 .liv-badges{ display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 0; padding:0; list-style:none; }
body.cms-id-3 .liv-badges li{
  display:flex; align-items:center; gap:8px;
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:999px; padding:8px 12px; font-weight:600;
}
body.cms-id-3 .liv-ico{ font-size:18px; }

body.cms-id-3 .liv-card{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; padding:18px; box-shadow:0 6px 18px rgba(0,0,0,.04);
}
body.cms-id-3 .liv-card h2{ margin:0 0 8px; font-size:clamp(20px,3vw,26px); }
body.cms-id-3 .liv-list{ margin:8px 0 0; padding-left:18px; }
body.cms-id-3 .liv-note{ color:var(--liv-muted); margin:8px 0 0; }
body.cms-id-3 .liv-note-card{
  background:#f9fafb; border:1px solid var(--liv-border);
  border-radius:12px; padding:12px;
}

body.cms-id-3 .liv-grid-two{ display:grid; grid-template-columns:2fr 1fr; gap:14px; }
@media (max-width:860px){ body.cms-id-3 .liv-grid-two{ grid-template-columns:1fr; } }

body.cms-id-3 .liv-toc h2{ margin-bottom:6px; }
body.cms-id-3 .liv-toc__list{ margin:0; padding-left:18px; }
body.cms-id-3 .liv-toc__list a{ text-decoration:none; border-bottom:1px dashed #ddd; }
body.cms-id-3 .liv-toc__list a:hover{ border-bottom-color:#ccc; }

body.cms-id-3 .liv-cta__card{
  background:linear-gradient(90deg,#fff7ed,#fff);
  border:1px solid #fde7cf; border-radius:14px; padding:18px;
  display:flex; align-items:center; gap:14px; justify-content:space-between;
}
body.cms-id-3 .liv-legal{ color:var(--liv-muted); font-size:14px; margin-top:6px; }

/* Liens (hors bouton) */
body.cms-id-3 .liv-card a:not(.liv-btn),
body.cms-id-3 .liv-cta__card a:not(.liv-btn){
  color:var(--liv-primary); text-decoration:none; border-bottom:1px dashed #ddd;
}
body.cms-id-3 .liv-card a:not(.liv-btn):hover,
body.cms-id-3 .liv-cta__card a:not(.liv-btn):hover{ border-bottom-color:#ccc; }

/* ===========================================================
   ID 4 — SAV & retours — classes .liv-*
   =========================================================== */
body.cms-id-4 .liv-hero, body.cms-id-4 .liv-card, body.cms-id-4 .liv-cta{ margin:28px 0; }
body.cms-id-4 .liv-hero{
  background:linear-gradient(180deg,#fff,var(--liv-bg));
  border:1px solid var(--liv-border); border-radius:16px; padding:28px;
}
body.cms-id-4 .liv-hero__content{ max-width:1100px; margin:0 auto; }
body.cms-id-4 .liv-hero h1{ font-size:clamp(26px,4vw,36px); margin:0 0 6px; color:var(--liv-primary); }
body.cms-id-4 .liv-hero__sub{ margin:0; color:var(--liv-muted); }

body.cms-id-4 .liv-badges{ display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 0; padding:0; list-style:none; }
body.cms-id-4 .liv-badges li{
  display:flex; align-items:center; gap:8px;
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:999px; padding:8px 12px; font-weight:600;
}
body.cms-id-4 .liv-ico{ font-size:18px; }

body.cms-id-4 .liv-card{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; padding:18px; box-shadow:0 6px 18px rgba(0,0,0,.04);
}
body.cms-id-4 .liv-card h2{ margin:0 0 8px; font-size:clamp(20px,3vw,26px); }
body.cms-id-4 .liv-list{ margin:8px 0 0; padding-left:18px; }
body.cms-id-4 .liv-note{ color:var(--liv-muted); margin:8px 0 0; }
body.cms-id-4 .liv-note-card{
  background:#f9fafb; border:1px solid var(--liv-border);
  border-radius:12px; padding:12px;
}

body.cms-id-4 .liv-grid-two{ display:grid; grid-template-columns:2fr 1fr; gap:14px; }
@media (max-width:860px){ body.cms-id-4 .liv-grid-two{ grid-template-columns:1fr; } }

body.cms-id-4 .liv-warn{ background:#fff7ed; border-color:#fde7cf; }
body.cms-id-4 .liv-warn h2{ color:#b45309; }

body.cms-id-4 .liv-cta__card{
  background:linear-gradient(90deg,#fff7ed,#fff);
  border:1px solid #fde7cf; border-radius:14px; padding:18px;
  display:grid; gap:14px; align-items:center; grid-template-columns:1fr auto auto;
}
@media (max-width:860px){ body.cms-id-4 .liv-cta__card{ grid-template-columns:1fr; } }

body.cms-id-4 .liv-contact{ margin:0; }
body.cms-id-4 .liv-legal{ color:var(--liv-muted); font-size:14px; margin-top:6px; }

/* Étapes numérotées */
body.cms-id-4 .liv-steps-ordered{ counter-reset:sav; list-style:none; padding-left:0; margin:8px 0 0; }
body.cms-id-4 .liv-steps-ordered li{
  counter-increment:sav; margin:8px 0; padding-left:34px; position:relative;
}
body.cms-id-4 .liv-steps-ordered li::before{
  content:counter(sav); position:absolute; left:0; top:0; width:26px; height:26px;
  display:flex; align-items:center; justify-content:center; border-radius:50%;
  background:var(--liv-primary); color:#fff; font-weight:800;
}

/* Liens (hors bouton) */
body.cms-id-4 .liv-card a:not(.liv-btn),
body.cms-id-4 .liv-cta__card a:not(.liv-btn){
  color:var(--liv-primary); text-decoration:none; border-bottom:1px dashed #ddd;
}
body.cms-id-4 .liv-card a:not(.liv-btn):hover,
body.cms-id-4 .liv-cta__card a:not(.liv-btn):hover{ border-bottom-color:#ccc; }

/* ===========================================================
   ID 5 — Paiement sécurisé — classes .psr-*
   =========================================================== */
body.cms-id-5 .psr-ribbon{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:10px; margin:20px 0;
}
body.cms-id-5 .psr-ribbon__item{
  background:linear-gradient(180deg,#fff,var(--liv-bg));
  border:1px solid var(--liv-border); border-radius:12px;
  padding:10px 12px; font-weight:700; display:flex; gap:8px; align-items:center;
}
body.cms-id-5 .psr-ribbon__item span{ font-size:18px; }
@media (max-width:900px){ body.cms-id-5 .psr-ribbon{ grid-template-columns:1fr; } }

body.cms-id-5 .psr-head h1{ margin:0; color:var(--liv-primary); font-size:clamp(26px,4vw,36px); }
body.cms-id-5 .psr-head p{ margin:6px 0 0; color:var(--liv-muted); }

body.cms-id-5 .psr-layout{ display:grid; grid-template-columns:2fr 1fr; gap:16px; margin:18px 0; }
@media (max-width:980px){ body.cms-id-5 .psr-layout{ grid-template-columns:1fr; } }

body.cms-id-5 .psr-aside{ display:flex; flex-direction:column; gap:12px; }
body.cms-id-5 .psr-box{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; padding:16px; box-shadow:0 6px 18px rgba(0,0,0,.04);
}
body.cms-id-5 .psr-box h3{ margin:0 0 6px; }
body.cms-id-5 .psr-list{ margin:0; padding-left:18px; }
body.cms-id-5 .psr-muted{ color:var(--liv-muted); margin:6px 0 0; }

body.cms-id-5 .psr-cards{ display:flex; flex-direction:column; gap:12px; }
body.cms-id-5 .psr-card{
  display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start;
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; padding:14px; box-shadow:0 6px 18px rgba(0,0,0,.04);
}
body.cms-id-5 .psr-card__icon{
  width:40px; height:40px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:#fff7ed; border:1px solid #fde7cf; font-size:20px;
}

body.cms-id-5 .psr-sec{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; padding:16px; box-shadow:0 6px 18px rgba(0,0,0,.04); margin-top:12px;
}
body.cms-id-5 .psr-sec h2{ margin:0 0 8px; }
body.cms-id-5 .psr-sec ul{ margin:8px 0 0; padding-left:18px; }
body.cms-id-5 .psr-note{ color:var(--liv-muted); margin-top:6px; }

body.cms-id-5 .psr-timeline{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; padding:16px; box-shadow:0 6px 18px rgba(0,0,0,.04); margin-top:12px;
}
body.cms-id-5 .psr-timeline h2{ margin:0 0 8px; }
body.cms-id-5 .psr-timeline ol{ list-style:none; margin:8px 0 0; padding:0; }
body.cms-id-5 .psr-timeline li{
  display:grid; grid-template-columns:30px 1fr; gap:10px; align-items:start;
  padding:10px 0; border-top:1px dashed var(--liv-border);
}
body.cms-id-5 .psr-timeline li:first-child{ border-top:none; }
body.cms-id-5 .psr-step{
  width:28px; height:28px; border-radius:50%;
  background:var(--liv-primary); color:#fff; font-weight:800;
  display:flex; align-items:center; justify-content:center;
}

/* Liens + bouton */
body.cms-id-5 .psr-link{ color:var(--liv-primary); text-decoration:none; }
body.cms-id-5 .psr-link:hover{ text-decoration:underline; }
body.cms-id-5 .psr-help .psr-btn{ /* héritera du style bouton commun */ }

body.cms-id-5 .psr-brands{ display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 0; }
body.cms-id-5 .psr-tag{
  border:1px solid var(--liv-border); border-radius:999px;
  padding:8px 12px; background:#fff; font-weight:700;
}

/* ===========================================================
   ID 6 — Livraison gratuite (Stickers) — classes .stk-*
   =========================================================== */
body.cms-id-6 .stk-ribbon{ display:flex; flex-wrap:wrap; gap:10px; margin:20px 0; }
body.cms-id-6 .stk-chip{
  background:linear-gradient(180deg,#fff,var(--liv-bg));
  border:1px solid var(--liv-border); border-radius:999px;
  padding:8px 12px; font-weight:700;
}
body.cms-id-6 .stk-head h1{ margin:0; color:var(--liv-primary); font-size:clamp(26px,4vw,36px); }
body.cms-id-6 .stk-head h2{ margin:0; color:var(--liv-primary-600); font-size:clamp(20px,3vw,28px); }
body.cms-id-6 .stk-head p{ margin:6px 0 0; color:var(--liv-muted); }
body.cms-id-6 .stk-head--center{ margin-top:24px; text-align:center; }

body.cms-id-6 .stk-card{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; padding:16px; box-shadow:0 6px 18px rgba(0,0,0,.04);
  margin:12px 0;
}
body.cms-id-6 .stk-card h2{ margin:0 0 6px; font-size:20px; }
body.cms-id-6 .stk-card p{ margin:4px 0 8px; }
body.cms-id-6 .stk-list{ margin:0; padding-left:18px; }
body.cms-id-6 .stk-note{ color:var(--liv-muted); margin:4px 0 0; }

body.cms-id-6 .stk-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:16px 0; }
@media (max-width:1100px){ body.cms-id-6 .stk-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:680px){ body.cms-id-6 .stk-grid{ grid-template-columns:1fr; } }

/* Tableau responsive (div grid) */
body.cms-id-6 .stk-compare{ margin:20px 0; }
body.cms-id-6 .stk-compare h2{ margin:0 0 8px; }
body.cms-id-6 .stk-table{ border:1px solid var(--liv-border); border-radius:14px; overflow:hidden; }
body.cms-id-6 .stk-tr{ display:grid; grid-template-columns:2fr 1.5fr 1fr 1.5fr; }
body.cms-id-6 .stk-tr>div{ padding:10px; border-top:1px solid var(--liv-border); }
body.cms-id-6 .stk-th{ background:#f9fafb; font-weight:800; }
body.cms-id-6 .stk-th>div{ border-top:none; }
@media (max-width:820px){
  body.cms-id-6 .stk-tr{ grid-template-columns:1fr 1fr; }
  body.cms-id-6 .stk-th{ display:none; }
  body.cms-id-6 .stk-tr{ border-top:1px solid var(--liv-border); }
  body.cms-id-6 .stk-tr>div{ border-top:none; border-right:1px solid var(--liv-border); }
  body.cms-id-6 .stk-tr>div:nth-child(2n){ border-right:none; }
}

/* Étapes (timeline horizontale) */
body.cms-id-6 .stk-steps{ margin:22px 0; }
body.cms-id-6 .stk-steps h2{ margin:0 0 8px; }
body.cms-id-6 .stk-steps__line{
  display:flex; gap:12px; list-style:none; padding:0; margin:8px 0 0; overflow:auto;
}
body.cms-id-6 .stk-steps__line li{
  min-width:220px; background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:12px; padding:12px; box-shadow:0 6px 18px rgba(0,0,0,.04);
}
body.cms-id-6 .stk-step{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:50%;
  background:var(--liv-primary); color:#fff; font-weight:800; margin-right:6px;
}

/* Conseils (encarts) */
body.cms-id-6 .stk-tips{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0; }
@media (max-width:900px){ body.cms-id-6 .stk-tips{ grid-template-columns:1fr; } }
body.cms-id-6 .stk-tips__box{
  background:linear-gradient(180deg,#fff,#fff7ed);
  border:1px solid #fde7cf; border-radius:14px; padding:16px;
}
body.cms-id-6 .stk-tips__box h3{ margin:0 0 6px; }

/* Vidéo responsive */
body.cms-id-6 .video-container{
  position:relative; padding-bottom:56.25%; height:0; overflow:hidden;
  border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.04);
}
body.cms-id-6 .video-container iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0;
}

/* FAQ */
body.cms-id-6 .stk-faq{ margin:22px 0; }
body.cms-id-6 .stk-faq h2{ margin:0 0 8px; }
body.cms-id-6 .stk-faq details{
  border:1px solid var(--liv-border); border-radius:12px; padding:10px 12px; background:#fff; margin:10px 0;
}
body.cms-id-6 .stk-faq summary{ cursor:pointer; font-weight:800; }
body.cms-id-6 .stk-faq p{ margin:8px 0 0; }

/* Liens (hors bouton) */
body.cms-id-6 .stk-card a:not(.stk-btn),
body.cms-id-6 .stk-tips__box a:not(.stk-btn){
  color:var(--liv-primary); text-decoration:none; border-bottom:1px dashed #ddd;
}
body.cms-id-6 .stk-card a:not(.stk-btn):hover,
body.cms-id-6 .stk-tips__box a:not(.stk-btn):hover{ border-bottom-color:#ccc; }

/* ===========================================================
   ID 7 — Tutoriel de pose — classes .tut-*
   =========================================================== */
body.cms-id-7 .tut-hero, body.cms-id-7 .tut-card, body.cms-id-7 .tut-cta{ margin:28px 0; }
body.cms-id-7 .tut-hero{
  background:linear-gradient(180deg,#fff,var(--liv-bg));
  border:1px solid var(--liv-border); border-radius:16px; padding:28px;
}
body.cms-id-7 .tut-hero__content{ max-width:1100px; margin:0 auto; }
body.cms-id-7 .tut-hero h1{ font-size:clamp(26px,4vw,36px); margin:0 0 6px; color:var(--liv-primary); }
body.cms-id-7 .tut-hero__sub{ margin:0; color:var(--liv-muted); }

body.cms-id-7 .tut-badges{ display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 0; padding:0; list-style:none; }
body.cms-id-7 .tut-badges li{
  display:flex; align-items:center; gap:8px;
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:999px; padding:8px 12px; font-weight:600;
}
body.cms-id-7 .tut-ico{ font-size:18px; }

body.cms-id-7 .tut-card{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; padding:18px; box-shadow:0 6px 18px rgba(0,0,0,.04);
}
body.cms-id-7 .tut-card h2{ margin:0 0 8px; font-size:clamp(20px,3vw,26px); }
body.cms-id-7 .tut-note{ color:var(--liv-muted); margin-top:6px; }

body.cms-id-7 .tut-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width:992px){ body.cms-id-7 .tut-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ body.cms-id-7 .tut-grid{ grid-template-columns:1fr; } }
body.cms-id-7 .tut-tool{
  background:#fff; border:1px solid var(--liv-border);
  border-radius:12px; padding:12px;
}

body.cms-id-7 .tut-grid-two{ display:grid; grid-template-columns:2fr 1fr; gap:14px; }
@media (max-width:860px){ body.cms-id-7 .tut-grid-two{ grid-template-columns:1fr; } }

body.cms-id-7 .tut-list{ margin:8px 0 0; padding-left:18px; }
body.cms-id-7 .tut-check{ margin:8px 0 0; padding-left:18px; }
body.cms-id-7 .tut-note-card{
  background:#f9fafb; border:1px solid var(--liv-border);
  border-radius:12px; padding:12px;
}

/* Étapes numérotées */
body.cms-id-7 .tut-steps-ordered{ counter-reset:tut; list-style:none; padding-left:0; margin:8px 0 0; }
body.cms-id-7 .tut-steps-ordered li{
  counter-increment:tut; margin:8px 0; padding-left:34px; position:relative;
}
body.cms-id-7 .tut-steps-ordered li::before{
  content:counter(tut); position:absolute; left:0; top:0; width:26px; height:26px;
  display:flex; align-items:center; justify-content:center; border-radius:50%;
  background:var(--liv-primary); color:#fff; font-weight:800;
}

/* Avertissement */
body.cms-id-7 .tut-warn{ background:#fff7ed; border-color:#fde7cf; }
body.cms-id-7 .tut-warn h2{ color:#b45309; }

/* Vidéo */
body.cms-id-7 .video-container{
  position:relative; padding-bottom:56.25%; height:0; overflow:hidden;
  border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.04);
}
body.cms-id-7 .video-container iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0;
}

/* FAQ */
body.cms-id-7 .tut-faq{ margin:22px 0; }
body.cms-id-7 .tut-faq h2{ margin:0 0 8px; }
body.cms-id-7 .tut-faq details{
  border:1px solid var(--liv-border); border-radius:12px; padding:10px 12px; background:#fff; margin:10px 0;
}
body.cms-id-7 .tut-faq summary{ cursor:pointer; font-weight:800; }
body.cms-id-7 .tut-faq p{ margin:8px 0 0; }

/* CTA */
body.cms-id-7 .tut-cta__card{
  background:linear-gradient(90deg,#fff7ed,#fff);
  border:1px solid #fde7cf; border-radius:14px; padding:18px;
  display:flex; align-items:center; gap:14px; justify-content:space-between;
}
@media (max-width:860px){ body.cms-id-7 .tut-cta__card{ flex-direction:column; align-items:flex-start; } }

/* ===========================================================
   ID 8 — Nos différents stickers — classes .stk-*
   =========================================================== */
body.cms-id-8 .stk-ribbon{ display:flex; flex-wrap:wrap; gap:10px; margin:20px 0; }
body.cms-id-8 .stk-chip{
  background:linear-gradient(180deg,#fff,var(--liv-bg));
  border:1px solid var(--liv-border); border-radius:999px;
  padding:8px 12px; font-weight:700;
}

body.cms-id-8 .stk-head h1{ margin:0; color:var(--liv-primary); font-size:clamp(26px,4vw,36px); }
body.cms-id-8 .stk-head h2{ margin:0; color:var(--liv-primary-600); font-size:clamp(20px,3vw,28px); }
body.cms-id-8 .stk-head p{ margin:6px 0 0; color:var(--liv-muted); }

body.cms-id-8 .stk-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:16px 0; }
@media (max-width:1100px){ body.cms-id-8 .stk-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:680px){ body.cms-id-8 .stk-grid{ grid-template-columns:1fr; } }

body.cms-id-8 .stk-card{
  background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:14px; padding:16px; box-shadow:0 6px 18px rgba(0,0,0,.04);
}
body.cms-id-8 .stk-card + .stk-card{ margin-top:12px; }
body.cms-id-8 .stk-card h2{ margin:0 0 6px; font-size:20px; }
body.cms-id-8 .stk-card p{ margin:4px 0 8px; }
body.cms-id-8 .stk-list{ margin:0; padding-left:18px; }

/* Tableau comparatif (div grid) */
body.cms-id-8 .stk-compare{ margin:20px 0; }
body.cms-id-8 .stk-compare h2{ margin:0 0 8px; }
body.cms-id-8 .stk-table{ border:1px solid var(--liv-border); border-radius:14px; overflow:hidden; }
body.cms-id-8 .stk-tr{ display:grid; grid-template-columns:2fr 1.5fr 1fr 1.5fr; }
body.cms-id-8 .stk-tr>div{ padding:10px; border-top:1px solid var(--liv-border); }
body.cms-id-8 .stk-th{ background:#f9fafb; font-weight:800; }
body.cms-id-8 .stk-th>div{ border-top:none; }
@media (max-width:820px){
  body.cms-id-8 .stk-tr{ grid-template-columns:1fr 1fr; }
  body.cms-id-8 .stk-th{ display:none; }
  body.cms-id-8 .stk-tr{ border-top:1px solid var(--liv-border); }
  body.cms-id-8 .stk-tr>div{ border-top:none; border-right:1px solid var(--liv-border); }
  body.cms-id-8 .stk-tr>div:nth-child(2n){ border-right:none; }
}
body.cms-id-8 .stk-note{ color:var(--liv-muted); margin:6px 0 0; }

/* Étapes + Conseils */
body.cms-id-8 .stk-steps{ margin:22px 0; }
body.cms-id-8 .stk-steps h2{ margin:0 0 8px; }
body.cms-id-8 .stk-steps__line{
  display:flex; gap:12px; list-style:none; padding:0; margin:8px 0 0; overflow:auto;
}
body.cms-id-8 .stk-steps__line li{
  min-width:220px; background:var(--liv-card); border:1px solid var(--liv-border);
  border-radius:12px; padding:12px; box-shadow:0 6px 18px rgba(0,0,0,.04);
}
body.cms-id-8 .stk-step{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:50%;
  background:var(--liv-primary); color:#fff; font-weight:800; margin-right:6px;
}

body.cms-id-8 .stk-tips{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0; }
@media (max-width:900px){ body.cms-id-8 .stk-tips{ grid-template-columns:1fr; } }
body.cms-id-8 .stk-tips__box{
  background:linear-gradient(180deg,#fff,#fff7ed);
  border:1px solid #fde7cf; border-radius:14px; padding:16px;
}
body.cms-id-8 .stk-tips__box h3{ margin:0 0 6px; }

/* FAQ */
body.cms-id-8 .stk-faq{ margin:22px 0; }
body.cms-id-8 .stk-faq h2{ margin:0 0 8px; }
body.cms-id-8 .stk-faq details{
  border:1px solid var(--liv-border); border-radius:12px; padding:10px 12px; background:#fff; margin:10px 0;
}
body.cms-id-8 .stk-faq summary{ cursor:pointer; font-weight:800; }
body.cms-id-8 .stk-faq p{ margin:8px 0 0; }

/* Liens (hors bouton) */
body.cms-id-8 .stk-card a:not(.stk-btn),
body.cms-id-8 .stk-tips__box a:not(.stk-btn){
  color:var(--liv-primary); text-decoration:none; border-bottom:1px dashed #ddd;
}
body.cms-id-8 .stk-card a:not(.stk-btn):hover,
body.cms-id-8 .stk-tips__box a:not(.stk-btn):hover{ border-bottom-color:#ccc; }