/* Styles de la refonte CodesMinute — extraits et validés depuis la maquette accueil */

  :root{
    --violet-1:#C42EB0;
    --violet-2:#8E1FA0;
    --violet-3:#4A0A5E;
    --bleu-panier:#1E90E0;
    --noir:#121212;
    --fond:#F4F4F6;
    --texte:#3A3A3E;
    --texte-clair:#6B6B72;
    --blanc:#FFFFFF;
    --radius:14px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-padding-top:130px;}
  body{
    font-family:'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    color:var(--texte);
    background:var(--fond);
    -webkit-font-smoothing:antialiased;
    font-size:16.5px;
  }
  h1,h2,h3{
    font-family:'Arial Black', 'Helvetica Neue', sans-serif;
    letter-spacing:-0.02em;
    color:#222;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

  /* ===== SITE FIXE (pré-header + header) ===== */
  .site-fixed{position:fixed;top:0;left:0;right:0;z-index:1000;}

  /* ===== PRE-HEADER ===== */
  .preheader{background:var(--noir);}
  .preheader-inner{
    display:flex;justify-content:center;gap:36px;flex-wrap:wrap;
    padding:9px 0;
  }
  .preheader-item{
    display:flex;align-items:center;gap:7px;
    font-size:12.5px;font-weight:600;color:#e6e6e6;
  }
  .preheader-item svg{flex-shrink:0;}
  .preheader-item strong{color:#fff;}

  /* ===== HEADER ===== */
  header{
    background:linear-gradient(160deg, var(--violet-1) 0%, var(--violet-2) 45%, var(--violet-3) 100%);
    padding:14px 0 0 0;
    position:relative;
  }
  .header-top{
    display:flex;align-items:center;justify-content:space-between;
    padding:8px 0 20px 0;
  }
  .logo{
    display:flex;align-items:center;gap:12px;
  }
  .logo-mark{
    width:54px;height:54px;border-radius:50%;
    border:2px solid rgba(255,255,255,.55);
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.06);
  }
  .logo-text{color:#fff;}
  .logo-text .name{font-family:'Arial Black',sans-serif;font-size:20px;letter-spacing:.06em;}
  .logo-text .tag{font-size:11px;opacity:.8;letter-spacing:.08em;}
  .cart-pill{
    background:var(--bleu-panier);
    color:#fff;
    padding:10px 20px;
    border-radius:999px;
    font-size:14px;font-weight:600;
    display:flex;align-items:center;gap:9px;
    box-shadow:0 4px 14px rgba(30,144,224,.4);
    transition:transform .2s;
  }
  .cart-pill-pulse{animation:cart-pulse .7s ease;}
  @keyframes cart-pulse{
    0%{transform:scale(1);}
    30%{transform:scale(1.15);box-shadow:0 6px 20px rgba(30,144,224,.6);}
    100%{transform:scale(1);}
  }
  header nav{
    background:rgba(0,0,0,.18);
    backdrop-filter:blur(2px);
  }
  header nav ul{
    list-style:none;
    display:flex;flex-wrap:wrap;
    gap:2px;
  }
  header nav a{
    display:block;
    color:rgba(255,255,255,.9);
    font-size:13.5px;
    padding:13px 14px;
    transition:background .15s;
  }
  header nav a:hover, header nav a.active{background:rgba(255,255,255,.14);color:#fff;}
  .burger{
    display:none;
    width:40px;height:40px;border-radius:8px;
    border:1.5px solid rgba(255,255,255,.5);
    background:rgba(255,255,255,.08);
    align-items:center;justify-content:center;
    cursor:pointer;flex-direction:column;gap:4px;
  }
  .burger span{width:18px;height:2px;background:#fff;border-radius:2px;}

  /* ===== HERO ===== */
  .hero{
    padding:88px 0 64px 0;
    text-align:center;
  }
  .hero h1{
    font-size:clamp(30px,4.6vw,48px);
    max-width:860px;
    margin:0 auto 22px auto;
    color:var(--violet-3);
  }
  .hero p{
    max-width:660px;
    margin:0 auto 14px auto;
    font-size:18px;
    line-height:1.65;
    color:var(--texte-clair);
  }
  .hero-ctas{
    display:flex;justify-content:center;gap:16px;flex-wrap:wrap;
    margin-top:58px;
  }
  .btn{
    display:inline-block;
    padding:17px 32px;
    border-radius:999px;
    font-weight:700;
    font-size:16px;
    cursor:pointer;
    border:none;
    transition:transform .15s, box-shadow .15s;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-primary{
    background:var(--violet-2);color:#fff;
    box-shadow:0 8px 20px rgba(142,31,160,.3);
  }
  .btn-secondary{
    background:#fff;color:var(--violet-2);
    border:1.5px solid #e4d8e8;
  }

  /* ===== TRUST BAR ===== */
  .trust{background:var(--fond);border-top:none;border-bottom:none;padding:40px 0 75px 0;}
  .trust-grid{
    display:grid;grid-template-columns:repeat(3,1fr);
    gap:18px;padding:0;
  }
  .trust-item{
    text-align:center;padding:32px 18px;
    background:#fff;border-radius:16px;
    box-shadow:0 6px 18px rgba(74,10,94,.06);
    border-right:none;
  }
  .trust-item .ico-circle{
    width:60px;height:60px;border-radius:50%;
    background:#F1E6F3;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 16px auto;
  }
  .trust-item .label{font-size:16px;font-weight:700;color:#222;line-height:1.35;}
  .pay-icons{
    min-height:60px;display:flex;align-items:center;justify-content:center;
    gap:8px;margin-bottom:16px;flex-wrap:wrap;
  }
  .pay-word{
    font-size:12.5px;font-weight:700;border-radius:8px;
    padding:7px 12px;white-space:nowrap;
    color:var(--violet-3);background:#F1E6F3;
  }
  .pay-word.gpay{display:flex;align-items:center;font-weight:700;}

  /* ===== SECTION TITLES ===== */
  .section{padding:80px 0;}
  .section-head{
    text-align:center;max-width:640px;margin:0 auto 50px auto;
  }
  .section-head h2{font-size:clamp(28px,3.6vw,38px);margin-bottom:12px;}
  .section-head p{color:var(--texte-clair);font-size:16.5px;}

  /* ===== FORMATS ===== */
  .formats-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
  }
  .format-card{
    position:relative;
    background:#fff;
    border-radius:var(--radius);
    padding:36px 24px 32px 24px;
    text-align:center;
    border:1px solid #eee;
    overflow:hidden;
    cursor:pointer;
    transition:transform .2s, box-shadow .2s, border-color .2s;
  }
  .format-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 30px rgba(142,31,160,.14);
    border-color:transparent;
  }
  /* effet "scan" au survol : ligne lumineuse qui balaie l'image/le prix
     comme un lecteur de code-barres — confiné à cette zone pour ne
     jamais recouvrir le bouton "Ajouter", et ainsi inciter au clic sur
     l'image plutôt que sur le bouton. */
  .format-card .format-link{position:relative;display:block;}
  .format-card::before{
    content:"";
    position:absolute;left:0;right:0;top:-40px;
    height:3px;
    background:linear-gradient(90deg, transparent, var(--bleu-panier), transparent);
    opacity:0;
    transition:opacity .2s;
  }
  .format-card:hover::before{
    opacity:1;
    animation:scan 1s linear 2;
    animation-delay:0.08s;
  }
  .format-card.more::before{content:none;}
  .format-card .add:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 14px rgba(30,144,224,.25);
    transition:transform .15s, box-shadow .15s;
  }
  @keyframes scan{
    0%{top:-40px;}
    50%{top:170px;}
    100%{top:-40px;}
  }
  .format-card .barres{
    font-family:'Courier New',monospace;
    letter-spacing:1.5px;
    font-size:32px;
    color:var(--violet-3);
    margin-bottom:16px;
  }
  .format-card .qty{font-size:22px;font-weight:700;color:#222;margin-bottom:6px;}
  .format-card .price{font-size:18px;color:var(--texte-clair);margin-bottom:22px;}
  .format-card .add{
    display:inline-block;
    font-size:14.5px;font-weight:700;
    color:var(--bleu-panier);
    border:1.5px solid var(--bleu-panier);
    border-radius:999px;
    padding:11px 24px;
  }
  .format-card.more{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    background:linear-gradient(160deg,var(--violet-2),var(--violet-3));
    color:#fff;border:none;
    transition:transform .15s, box-shadow .15s;
  }
  .format-card.more:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 26px rgba(74,10,94,.3);
  }
  .format-card.more .plus{font-size:26px;margin-bottom:6px;}
  .format-card.more span{font-size:13px;font-weight:700;text-align:center;line-height:1.4;}

  /* ===== AVIS ===== */
  .avis-carousel{position:relative;}
  .avis-track{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -ms-overflow-style:none;scrollbar-width:none;
  }
  .avis-track::-webkit-scrollbar{display:none;}
  .avis-page{
    flex:0 0 100%;scroll-snap-align:start;
    display:grid;gap:20px;
  }
  .avis-card{
    background:#fff;border-radius:var(--radius);
    padding:24px;border:1px solid #eee;
  }
  .avis-nav{
    display:flex;justify-content:center;gap:12px;margin-top:22px;
  }
  .avis-nav button{
    width:38px;height:38px;border-radius:50%;
    border:1.5px solid #e4d8e8;background:#fff;color:var(--violet-2);
    font-size:16px;cursor:pointer;transition:background .15s;
  }
  .avis-nav button:hover{background:#f4e9f6;}
  .avis-top{
    display:flex;align-items:center;justify-content:space-between;
    margin-bottom:12px;
  }
  .avis-stars{color:#f5a623;font-size:14px;letter-spacing:1px;}
  .avis-flag{font-size:18px;}
  .avis-text{
    font-size:14px;line-height:1.6;color:var(--texte);
    margin-bottom:16px;
    min-height:70px;
  }
  .avis-bottom{
    display:flex;align-items:center;justify-content:space-between;
    border-top:1px solid #f1f1f1;padding-top:12px;
  }
  .avis-name{font-size:13.5px;font-weight:700;color:#222;}
  .avis-date{display:block;font-size:11.5px;color:var(--texte-clair);font-weight:400;margin-top:2px;}
  .avis-verified{
    display:flex;align-items:center;gap:5px;
    font-size:11.5px;font-weight:700;color:#1a9e5c;
    background:#e9f9f0;padding:5px 10px;border-radius:999px;
  }
  .avis-verified svg{width:11px;height:11px;}

  /* ===== COMMENT CA MARCHE ===== */
  .steps{
    display:grid;grid-template-columns:repeat(4,1fr);gap:32px;
  }
  .step{text-align:center;padding:0 14px;}
  .step .num{
    width:56px;height:56px;border-radius:50%;
    background:var(--violet-2);color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-weight:700;font-size:20px;margin:0 auto 20px auto;
  }
  .step h3{font-size:19px;margin-bottom:10px;}
  .step p{font-size:15.5px;color:var(--texte-clair);line-height:1.65;}

  /* ===== FOOTER ===== */
  footer{background:var(--noir);color:#ddd;padding:54px 0 26px 0;}
  .pay-tiles{
    display:flex;align-items:center;gap:8px;flex-wrap:wrap;
    margin-top:14px;
  }
  .pay-tile{
    display:flex;align-items:center;justify-content:center;
    background:#fff;border-radius:9px;
    padding:6px 10px;
    height:34px;
  }
  .pay-tile img{height:18px;width:auto;display:block;}
  .pay-tile-text{
    font-size:12px;font-weight:700;color:#1a1a1a;
    white-space:nowrap;
  }
  .footer-grid{
    display:grid;grid-template-columns:1fr 1.4fr;gap:40px;
    padding-bottom:34px;
  }
  .footer-pages-cols{
    column-count:2;column-gap:32px;
  }
  .footer-pages-cols li{break-inside:avoid;}
  footer h4{color:#fff;font-size:15px;margin-bottom:16px;}
  footer ul{list-style:none;}
  footer li{margin-bottom:9px;font-size:13.5px;color:#b7b7b7;display:flex;align-items:center;gap:7px;}
  .footer-bottom{
    border-top:1px solid #2a2a2a;padding-top:20px;
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
    font-size:13.5px;color:#8a8a8a;
  }

  /* ===== FICHE PRODUIT INDIVIDUELLE ===== */
  .breadcrumb{padding:140px 0 0 0;}
  .breadcrumb .wrap{font-size:13px;color:var(--texte-clair);}
  .breadcrumb a{color:var(--violet-2);font-weight:600;}
  .breadcrumb span{margin:0 6px;}

  .product-hero{padding:30px 0 60px 0;}
  .product-hero-card{
    position:relative;overflow:hidden;
    background:#fff;border-radius:24px;
    box-shadow:0 16px 40px rgba(74,10,94,.1);
    padding:56px 48px;
    display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
  }
  .product-visual{text-align:center;background:var(--fond);border-radius:18px;padding:50px 20px;}
  .product-visual .barres-big{font-family:'Courier New',monospace;font-size:58px;letter-spacing:3px;color:var(--violet-3);margin-bottom:10px;}
  .product-visual .qty-big{font-size:20px;font-weight:700;color:#222;}
  .product-info h1{font-size:clamp(24px,3vw,32px);color:var(--violet-3);margin-bottom:16px;}
  .product-price{display:flex;align-items:baseline;gap:10px;margin-bottom:24px;}
  .product-price .amount{font-size:38px;font-weight:800;color:#222;}
  .product-price .unit{font-size:14px;color:var(--texte-clair);}
  .product-checklist{list-style:none;margin-bottom:32px;}
  .product-checklist li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--texte);margin-bottom:12px;line-height:1.5;}
  .product-checklist svg{flex-shrink:0;margin-top:2px;}
  .product-buy-btn{
    display:inline-flex;align-items:center;gap:10px;
    background:var(--bleu-panier);color:#fff;
    padding:17px 34px;border-radius:999px;
    font-weight:700;font-size:16px;border:none;cursor:pointer;
    box-shadow:0 10px 24px rgba(30,144,224,.35);
    transition:transform .15s;
  }
  .product-buy-btn:hover{transform:translateY(-2px);color:#fff;}
  .diag-ribbon{
    position:absolute;top:26px;right:-46px;
    background:var(--violet-2);color:#fff;
    font-size:12px;font-weight:700;letter-spacing:.04em;
    padding:7px 60px;transform:rotate(38deg);
    transition:transform .25s ease-out;pointer-events:none;
    box-shadow:0 4px 10px rgba(0,0,0,.15);
  }
  .see-also{padding:10px 0 40px 0;}
  .see-also .wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;}
  .see-also span{font-size:13.5px;color:var(--texte-clair);margin-right:6px;}
  .see-also a{font-size:13.5px;font-weight:700;color:var(--violet-2);background:#F1E6F3;border-radius:999px;padding:8px 16px;}
  .see-also a.current{background:var(--violet-2);color:#fff;}
  @media (max-width:860px){
    .product-hero-card{grid-template-columns:1fr;padding:36px 24px;}
  }

  /* ===== MESSAGES WOOCOMMERCE (succès, info, erreur) ===== */
  .site-notice{
    display:flex;gap:14px;align-items:flex-start;border-radius:14px;
    padding:20px 26px;font-size:15.5px;line-height:1.5;
    max-width:1180px;margin:0 auto 24px auto;
  }
  .notices-top-wrap .site-notice{margin-top:150px;}
  .site-notice svg{flex-shrink:0;margin-top:1px;}
  .site-notice a{color:inherit;font-weight:700;text-decoration:underline;}
  .site-notice-success{background:#E1F6EA;color:#0F5C36;}
  .site-notice-info{background:#EAF1FB;color:#0F3D6E;}
  .site-notice-error{background:#FBEAEA;color:#7A1F1F;}
  .site-notice svg, .site-notice svg *{fill:none !important;}
  .site-notice .button{
    display:inline-block;margin-left:10px;padding:5px 14px;border-radius:999px;
    background:rgba(255,255,255,.6);color:inherit;font-weight:700;font-size:12.5px;
    text-decoration:none;border:1px solid rgba(0,0,0,.1);
  }

  /* ===== PAGE COMMANDE ===== */
  .cm-login-block{
    max-height:0;opacity:0;overflow:hidden;
    transition:max-height 1s ease, opacity .6s ease;
  }
  .cm-login-block.cm-open{max-height:700px;opacity:1;}
  /* Filet de sécurité : masque l'ancien bloc "connexion" natif de
     WooCommerce si jamais il continuait d'apparaître en plus du nôtre. */
  .woocommerce-checkout .woocommerce-form-login-toggle{display:none !important;}
  .thankyou-card{
    background:#fff;border-radius:20px;padding:40px;text-align:center;
    box-shadow:0 8px 24px rgba(74,10,94,.06);margin-bottom:32px;
  }
  .thankyou-check{margin-bottom:16px;}
  .thankyou-card h2{font-size:22px;color:var(--violet-3);margin-bottom:26px;text-align:center;}
  .thankyou-overview{
    list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:28px;
    text-align:left;
  }
  .thankyou-overview li{display:flex;flex-direction:column;font-size:13px;}
  .thankyou-overview li span{color:var(--texte-clair);margin-bottom:4px;}
  .thankyou-overview li strong{color:#222;font-size:14.5px;}

  .woocommerce-additional-fields{display:none;}
  .woocommerce-form-coupon input#coupon_code{
    padding:10px 16px;border-radius:999px;border:1.5px solid #e4d8e8;
    font-size:13.5px;font-family:inherit;outline:none;margin-right:10px;color:var(--texte);
  }
  .woocommerce-form-coupon button[name="apply_coupon"],
  .woocommerce-form-login__submit,
  input[name="wc_reset_password"] + button{
    font-size:11.5px !important;font-weight:700 !important;color:var(--violet-2) !important;
    background:#fff !important;background-color:#fff !important;border:1.5px solid #e4d8e8 !important;
    border-radius:999px !important;padding:8px 16px !important;margin:0 !important;
    cursor:pointer;appearance:none;-webkit-appearance:none;
    transition:background .15s, box-shadow .15s;box-shadow:none !important;
  }
  .woocommerce-form-coupon button[name="apply_coupon"]:hover,
  .woocommerce-form-login__submit:hover,
  input[name="wc_reset_password"] + button:hover{
    background:#f4e9f6 !important;background-color:#f4e9f6 !important;
    box-shadow:0 4px 10px rgba(74,10,94,.15) !important;
  }
  .woocommerce-form-login__rememberme{margin-left:15px;padding-top:3px;}
  .woocommerce-checkout .woocommerce-form-login,
  .woocommerce-checkout .woocommerce-form-login-toggle{scroll-margin-top:150px;}
  .woocommerce-checkout .woocommerce-form-login *{scroll-margin-top:150px;}

  .woocommerce-checkout h3,
  .woocommerce-checkout #order_review_heading{
    font-size:19px;color:var(--violet-3);margin-bottom:18px;margin-top:22px !important;
    align-self:start;
  }
  .woocommerce-checkout .form-row{margin-bottom:18px;}
  .woocommerce-checkout .form-row label{
    display:block;font-size:14.5px;font-weight:700;color:#222;margin-bottom:6px;
  }
  .woocommerce-checkout .form-row label .required{color:#c0392b;}
  .woocommerce-checkout .form-row input[type="text"],
  .woocommerce-checkout .form-row input[type="email"],
  .woocommerce-checkout .form-row input[type="tel"],
  .woocommerce-checkout .form-row input[type="password"],
  .woocommerce-checkout .form-row select,
  .woocommerce-checkout .form-row textarea{
    width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid #e4d8e8;
    font-size:14.5px;font-family:inherit;outline:none;transition:border-color .15s;
    box-sizing:border-box;background:#fff;color:var(--texte);
  }
  .woocommerce-checkout .select2-container .select2-selection__rendered{color:var(--texte) !important;}
  .woocommerce-checkout .form-row input:focus,
  .woocommerce-checkout .form-row select:focus,
  .woocommerce-checkout .form-row textarea:focus{border-color:var(--violet-2) !important;}
  .woocommerce-checkout .form-row.woocommerce-validated input,
  .woocommerce-checkout .form-row.woocommerce-validated select{border-color:#e4d8e8 !important;}
  .woocommerce-checkout .form-row.woocommerce-invalid input,
  .woocommerce-checkout .form-row.woocommerce-invalid select{border-color:#c0392b !important;}
  .woocommerce-checkout .form-row.woocommerce-validated .select2-container .select2-selection--single{border-color:#e4d8e8 !important;}
  .woocommerce-checkout .form-row.woocommerce-invalid .select2-container .select2-selection--single{border-color:#c0392b !important;}
  .woocommerce-checkout .col2-set .col-1,
  .woocommerce-checkout #customer_details .col-1{
    width:100% !important;float:none !important;
  }
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last{
    width:calc(50% - 10px);
  }
  .woocommerce-checkout .form-row-first{float:left;}
  .woocommerce-checkout .form-row-last{float:right;}
  .woocommerce-checkout .form-row-wide{clear:both;}
  .woocommerce-checkout .select2-container .select2-selection--single{
    height:44px;padding:9px 16px;border-radius:10px;border:1.5px solid #e4d8e8;
  }
  .woocommerce-checkout .select2-container .select2-selection__arrow{height:42px;}
  @media (max-width:600px){
    .woocommerce-checkout .form-row-first,
    .woocommerce-checkout .form-row-last{width:100%;float:none;}
  }
  .woocommerce-checkout .form-row-first{float:left;}
  .woocommerce-checkout .form-row-last{float:right;}
  .woocommerce-checkout .form-row-wide{clear:both;}
  .woocommerce-checkout-review-order-table{
    width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;
    border:1px solid #eee;margin-bottom:20px;
  }
  .woocommerce-checkout-review-order-table th,
  .woocommerce-checkout-review-order-table td{
    padding:14px 18px;font-size:14px;border-bottom:1px solid #f0f0f0;text-align:left;
  }
  .woocommerce-checkout-review-order-table thead th{
    background:var(--fond);font-weight:700;color:#666;font-size:12px;
    text-transform:uppercase;letter-spacing:.03em;
  }
  .woocommerce-checkout-review-order-table .order-total td,
  .woocommerce-checkout-review-order-table .order-total th{
    font-weight:700;color:#222;border-bottom:none;font-size:16px;
  }
  .woocommerce-checkout-review-order-table td:last-child,
  .woocommerce-checkout-review-order-table th:last-child{text-align:right;}

  /* Bloc paiement : fond blanc plutôt que le gris-violet imposé par
     WooCommerce, pour que les logos de paiement ressortent mieux — le
     fonctionnement du plugin de paiement n'est pas touché. */
  #add_payment_method #payment,
  .woocommerce-cart #payment,
  .woocommerce-checkout #payment{
    background:#fff;border-radius:14px;border:1px solid #eee;
  }

  @media (min-width:860px){
    .woocommerce-checkout form.checkout{
      display:grid;
      grid-template-columns:1.2fr 1fr;
      grid-template-areas:
        "billing review-heading"
        "billing review";
      column-gap:36px;
      align-items:start;
    }
    .woocommerce-checkout #customer_details{grid-area:billing;}
    .woocommerce-checkout #order_review_heading{grid-area:review-heading;margin-top:0;}
    .woocommerce-checkout #order_review{grid-area:review;}
  }

  /* ===== PAGE PANIER ===== */
  .cart-card{
    background:#fff;border-radius:20px;padding:32px;
    box-shadow:0 8px 24px rgba(74,10,94,.06);margin-bottom:24px;
  }
  .cart-rows{border:1px solid #eee;border-radius:14px;overflow:hidden;margin-bottom:20px;}
  .cart-row{
    display:grid;grid-template-columns:40px 1fr 120px 140px;gap:14px;align-items:center;
    padding:16px 18px;border-bottom:1px solid #f0f0f0;font-size:14px;
  }
  .cart-row:last-child{border-bottom:none;}
  .cart-row-remove a{
    display:inline-flex;align-items:center;justify-content:center;
    width:26px;height:26px;border-radius:50%;color:#c0392b;font-weight:700;
    text-decoration:none;font-size:13px;transition:background .15s;
  }
  .cart-row-remove a:hover{background:#fbe9e7;}
  .cart-row-name a{color:#222;font-weight:600;text-decoration:none;}
  .cart-row-name a:hover{color:var(--violet-2);}
  .cart-row-qty input[type="number"],
  .cart-row-qty input.qty{
    width:90px !important;padding:8px 10px;border-radius:8px;border:1.5px solid #e4d8e8;
    font-size:14px;font-family:inherit;text-align:center;
  }
  .cart-row-subtotal{font-weight:700;color:#222;}
  .cart-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:center;}
  .cart-coupon{display:flex;gap:10px;flex-wrap:wrap;}
  .cart-coupon input{
    padding:10px 16px;border-radius:999px;border:1.5px solid #e4d8e8;
    font-size:13.5px;font-family:inherit;outline:none;color:var(--texte);
  }
  .cart-collaterals{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;margin-bottom:20px;}
  .cart-cross-sells{
    flex:1.3 1 320px;background:#F6ECF8;border-radius:20px;padding:32px;
    border:1.5px solid #E4C9EA;
  }
  .cart-totals-card{flex:1 1 280px;}
  .cart-cross-sells h2{font-size:18px;color:var(--violet-3);margin-bottom:6px;}
  .cart-cross-sells .cross-sell-pitch{font-size:15px;color:var(--texte);line-height:1.6;margin-bottom:20px;}
  .cross-sell-card{display:flex;align-items:center;gap:16px;margin-bottom:18px;}
  .cross-sell-add-btn{width:100%;display:flex;justify-content:center;}
  .cross-sell-thumb img{width:64px;height:64px;object-fit:contain;border-radius:10px;background:var(--fond);padding:8px;}
  .cross-sell-info{flex:1;}
  .cross-sell-name{display:block;color:#222;font-weight:600;text-decoration:none;font-size:14.5px;margin-bottom:4px;}
  .cross-sell-name:hover{color:var(--violet-2);}
  .cross-sell-price{color:var(--violet-2);font-weight:700;font-size:15px;}
  .cart-totals-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 24px rgba(74,10,94,.06);}
  .cart-totals-card h2{font-size:18px;color:var(--violet-3);margin-bottom:18px;}
  .totals-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:14.5px;}
  .totals-row-final{border-bottom:none;font-weight:700;font-size:17px;color:#222;padding-top:16px;}
  @media (max-width:860px){
    .cart-row{grid-template-columns:30px 1fr;grid-template-areas:"remove name" ". qty" ". subtotal";}
    .cart-collaterals{grid-template-columns:1fr;}
  }

  /* ===== INFORMATIONS LÉGALES ===== */
  .legal-content{
    max-width:680px;margin:0 auto;background:#fff;border-radius:20px;
    box-shadow:0 12px 30px rgba(74,10,94,.08);padding:40px 44px;
  }
  .legal-content p{font-size:14.5px;color:var(--texte);line-height:1.8;margin-bottom:18px;}
  .legal-content p:last-child{margin-bottom:0;}

  /* ===== SOLUTION D'IMPRESSION ===== */
  .print-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;}
  .print-card{background:#fff;border-radius:18px;padding:32px;box-shadow:0 8px 24px rgba(74,10,94,.06);}
  .print-card .form-row{margin-bottom:18px;}
  .print-card .form-row label{display:block;font-size:13.5px;font-weight:700;color:#222;margin-bottom:6px;}
  .form-row-inline{display:flex;justify-content:space-between;align-items:center;}
  .form-row-inline label{margin-bottom:0;}
  .checkbox-inline{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--texte-clair);font-weight:400;}
  .input-with-clear{position:relative;}
  .input-with-clear input{
    width:100%;padding:12px 40px 12px 16px;border-radius:10px;border:1.5px solid #e4d8e8;
    font-size:14.5px;font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box;
  }
  .input-with-clear input:focus{border-color:var(--violet-2);}
  .input-with-clear .clear-btn{
    position:absolute;right:12px;top:50%;transform:translateY(-50%);
    color:#c0392b;font-weight:700;cursor:pointer;font-size:14px;background:none;border:none;
  }
  .type-select{
    width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid #e4d8e8;
    font-size:14.5px;font-family:inherit;outline:none;background:#fff;cursor:pointer;
  }
  .barcode-preview{
    background:var(--fond);border-radius:14px;padding:24px;text-align:center;margin-bottom:18px;min-height:150px;
    display:flex;align-items:center;justify-content:center;flex-direction:column;
  }
  .barcode-preview .empty-msg{color:var(--texte-clair);font-size:13.5px;}
  .barcode-preview img{max-width:100%;background:#fff;border-radius:8px;padding:14px;box-shadow:0 3px 10px rgba(0,0,0,.06);}
  .print-card .btn{width:100%;display:flex;justify-content:center;}
  .sheet-toolbar{
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;
    background:#fff;border-radius:18px;padding:20px 28px;box-shadow:0 8px 24px rgba(74,10,94,.06);margin-top:24px;
  }
  .sheet-toolbar .group{display:flex;align-items:center;gap:10px;font-size:13.5px;}
  .sheet-toolbar select{
    padding:8px 14px;border-radius:999px;border:1.5px solid #e4d8e8;font-size:13.5px;
    font-family:inherit;background:#fff;cursor:pointer;
  }
  .sheet-area{background:#fff;border-radius:18px;padding:32px;margin-top:20px;box-shadow:0 8px 24px rgba(74,10,94,.06);overflow-x:auto;}
  .sheet-page{background:var(--fond);border-radius:14px;padding:44px 24px 24px 24px;margin-bottom:20px;position:relative;}
  .sheet-page-number{text-align:center;font-size:12px;color:var(--texte-clair);margin-bottom:10px;padding-top: 10px;}
  .sheet-page .page-remove{
    position:absolute;top:6px;right:18px;color:#c0392b;font-weight:700;cursor:pointer;font-size:20px;
    opacity:0;transition:opacity .15s;
  }
  .sheet-page:hover .page-remove{opacity:1;}
  .sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  .sheet-cell{
    background:#fff;border:1px solid #e4d8e8;border-radius:10px;padding:14px;
    display:flex;align-items:center;justify-content:center;position:relative;min-height:90px;
    overflow:hidden;
  }
  .sheet-cell .cell-remove{
    position:absolute;top:6px;right:8px;color:#c0392b;font-weight:700;cursor:pointer;
    opacity:0;transition:opacity .15s;font-size:14px;
  }
  .sheet-cell:hover .cell-remove{opacity:1;}
  .sheet-cell.empty{border-style:dashed;color:var(--texte-clair);font-size:12px;}
  .sheet-advanced{
    display:none;grid-template-columns:repeat(auto-fit, minmax(120px, 150px));gap:16px;
    background:#fff;border-radius:14px;
    padding:20px 24px;margin-bottom:16px;box-shadow:0 2px 10px rgba(0,0,0,.05);
  }
  .advanced-row{display:flex;flex-direction:column;gap:6px;}
  .advanced-row label{font-size:12.5px;color:var(--texte-clair);min-height:30px;display:block;}
  .advanced-row input{
    border:1px solid #e4d8e8;border-radius:8px;padding:8px 10px;font-size:14px;
    width:100%;box-sizing:border-box;
  }
  .sheet-cell img{width:100%;height:100%;object-fit:contain;}
  @media (max-width:860px){
    .print-layout{grid-template-columns:1fr;}
    .sheet-grid{grid-template-columns:repeat(2,1fr);}
  }
  /* Impression : on ne garde que les codes, sans le reste du site */
  @media print{
    @page{margin:0;}
    header, footer, .site-fixed, .breadcrumb, .intro,
    .print-layout, .sheet-toolbar, .sheet-advanced, .cell-remove, .page-remove,
    .sheet-format-caption, #barcodeError{display:none !important;}
    body{padding-top:0 !important;}
    .sheet-area{box-shadow:none;padding:0;margin:0;}
    .sheet-page{background:#fff;box-shadow:none;padding:0;margin:0 0 20px 0;page-break-after:always;}
    /* Sans ce reset, le padding et l'espacement (pensés pour le confort
       visuel à l'écran) s'impriment aussi, sans équivalent sur la vraie
       planche découpée — le décalage se cumule alors ligne après ligne. */
    .sheet-grid{gap:0 !important;}
    .sheet-cell{border:none;padding:0 !important;}
    .sheet-cell.empty{display:none;}
    .sheet-page-number{
      text-align:center;font-size:11px;color:#999;margin-bottom:6px;
    }
  }

  /* ===== PAGE MON COMPTE ===== */
  .login-card{
    max-width:440px;margin:0 auto;background:#fff;border-radius:20px;
    box-shadow:0 16px 40px rgba(74,10,94,.1);padding:44px 40px;
  }
  .login-card h1{font-size:22px;color:var(--violet-3);text-align:center;margin-bottom:8px;}
  .login-card > p{font-size:13.5px;color:var(--texte-clair);text-align:center;margin-bottom:28px;}
  .login-row{margin-bottom:18px;}
  .login-row label{display:block;font-size:13.5px;font-weight:700;color:#222;margin-bottom:6px;}
  .login-row input{
    width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid #e4d8e8;
    font-size:14.5px;font-family:inherit;outline:none;transition:border-color .15s;
  }
  .login-row input:focus{border-color:var(--violet-2);}
  .login-remember{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--texte-clair);margin-bottom:24px;}
  .login-remember label{margin:0;font-weight:400;}
  .login-submit{width:100%;display:flex;justify-content:center;margin-bottom:18px;}
  .login-lost{text-align:center;font-size:13px;}
  .login-lost a{color:var(--violet-2);font-weight:600;}
  .login-note{
    max-width:440px;margin:20px auto 0 auto;text-align:center;
    font-size:13px;color:var(--texte-clair);background:var(--fond);
    border-radius:10px;padding:14px 20px;line-height:1.6;
  }

  /* ===== MON COMPTE : menu horizontal en haut, contenu en dessous =====
     Le menu (woocommerce/myaccount/navigation.php) est aussi affiché en
     haut de la page "Solution d'impression". */
  .account-layout > .woocommerce{
    display:flex;flex-direction:column;gap:22px;width:100%;
  }
  .account-layout .woocommerce-MyAccount-content{
    float:none !important;width:auto !important;border:none !important;min-width:0 !important;
  }
  /* Toute notice WooCommerce (succès/erreur) passe tout en haut */
  .account-layout .woocommerce-notices-wrapper,
  .account-layout .woocommerce-error,
  .account-layout .woocommerce-message,
  .account-layout .woocommerce-info{
    width:100%;order:-1;
  }
  .account-layout .woocommerce-notices-wrapper:empty{display:none;}
  .account-topbar{
    background:#fff;border-radius:18px;padding:14px 16px;
    box-shadow:0 8px 24px rgba(74,10,94,.06);
  }
  .account-topbar nav.woocommerce-MyAccount-navigation{
    float:none !important;width:auto !important;margin:0 !important;padding:0 !important;
  }
  .account-user{
    display:flex;align-items:center;gap:10px;padding:0 4px 12px 4px;
    border-bottom:1px solid #f0f0f0;margin-bottom:12px;
  }
  .account-user .avatar{
    width:32px;height:32px;border-radius:50%;background:var(--violet-2);color:#fff;
    display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;
  }
  .account-user .name{
    flex:1;min-width:0;font-size:13.5px;font-weight:700;color:#222;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .account-logout{
    display:inline-flex;align-items:center;gap:6px;flex-shrink:0;
    font-size:12.5px;font-weight:700;color:#c0392b !important;text-decoration:none;
    padding:7px 12px;border-radius:999px;transition:background .15s;
  }
  .account-logout:hover{background:#fbe9e7;}
  .account-topbar .account-nav{
    list-style:none !important;margin:0 !important;padding:0 !important;
    display:flex !important;flex-wrap:wrap;gap:6px;column-count:1 !important;
  }
  .account-topbar .account-nav li{
    display:block !important;float:none !important;width:auto !important;
    margin:0 !important;padding:0 !important;list-style:none !important;
  }
  .account-topbar .account-nav a{
    display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;
    padding:9px 15px;border-radius:999px;white-space:nowrap;
    color:#444;font-size:13.5px;font-weight:600;text-decoration:none;
    transition:background .15s, color .15s;
  }
  .account-topbar .account-nav a svg{color:var(--violet-3);flex-shrink:0;}
  .account-topbar .account-nav a:hover{background:#f4e9f6;}
  .account-topbar .account-nav a.active{background:var(--violet-2);color:#fff;}
  .account-topbar .account-nav a.active svg{color:#fff;}
  /* Smartphone : les onglets en grille de 2 colonnes, tous visibles */
  @media (max-width:600px){
    .account-topbar{padding:12px;}
    .account-topbar .account-nav{display:grid !important;grid-template-columns:1fr 1fr;}
    .account-topbar .account-nav a{
      display:flex;width:100%;height:100%;white-space:normal;line-height:1.25;
      padding:10px 12px;border-radius:12px;font-size:13px;background:var(--fond);
    }
    /* Bloc blanc du contenu : marges intérieures réduites sur smartphone */
    .account-layout .woocommerce-MyAccount-content{padding:26px 18px;}
    .download-row .btn{flex-shrink:0;padding:12px 20px;font-size:14px;}
  }

  .woocommerce-MyAccount-content, .account-content{
    background:#fff;border-radius:18px;padding:40px;
    box-shadow:0 8px 24px rgba(74,10,94,.06);
  }
  .woocommerce-MyAccount-content h1, .woocommerce-MyAccount-content h3,
  .account-content h1{font-size:22px;color:var(--violet-3);margin-bottom:6px;}
  .account-content > p.intro-text, .woocommerce-MyAccount-content > p{color:var(--texte-clair);font-size:14.5px;margin-bottom:30px;}
  .account-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .account-card{
    display:block;background:var(--fond);border-radius:14px;padding:24px;
    text-decoration:none;color:inherit;transition:transform .15s, box-shadow .15s;
  }
  .account-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(74,10,94,.1);}
  .account-card .ico-circle{
    width:44px;height:44px;border-radius:50%;background:#F1E6F3;
    display:flex;align-items:center;justify-content:center;margin-bottom:14px;
  }
  .account-card h3{font-size:15px;color:#222;margin-bottom:6px;}
  .account-card p{font-size:13px;color:var(--texte-clair);margin-bottom:10px;line-height:1.5;}
  .account-card .go{font-size:12.5px;font-weight:700;color:var(--violet-2);}

  /* ===== NOTICE ===== */
  .account-notice{
    display:flex;gap:14px;align-items:flex-start;
    background:#EAF1FB;border-radius:14px;padding:20px 22px;margin-bottom:28px;
  }
  .account-notice svg{flex-shrink:0;margin-top:2px;}
  .account-notice p{font-size:13.5px;color:#333;line-height:1.5;margin-bottom:0 !important;}

  /* ===== TABLEAU COMMANDES ===== */
  .orders-table{border:1px solid #eee;border-radius:14px;overflow:hidden;}
  .order-row{
    display:grid;grid-template-columns:1fr 1.2fr 1.3fr 1.6fr 1.8fr;gap:10px;
    padding:16px 20px;align-items:center;font-size:13.5px;border-bottom:1px solid #f0f0f0;
  }
  .order-row:last-child{border-bottom:none;}
  .order-row-head{background:var(--fond);font-weight:700;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.03em;}
  .order-num{font-weight:700;color:var(--violet-2);}
  .order-count{color:var(--texte-clair);font-size:12px;display:block;}
  .status{display:inline-block;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap;}
  .status-terminee, .status-completed, .status-processing{background:#E1F6EA;color:#189A5C;}
  .status-attente, .status-pending, .status-on-hold{background:#FEF1DC;color:#B8790A;}
  .status-remboursee, .status-refunded{background:#F1E6F3;color:var(--violet-2);}
  .status-annulee, .status-cancelled, .status-failed{background:#f1f1f1;color:#888;}

  /* Liste des commandes : colonnes resserrées, boutons alignés à droite */
  .orders-list .order-row{
    grid-template-columns:minmax(70px,.8fr) minmax(105px,1.1fr) minmax(95px,1fr) minmax(105px,1fr) minmax(260px,2.6fr);
    gap:14px;
  }
  .orders-list .order-row-head > span:last-child{text-align:right;}
  .orders-list .order-actions{justify-content:flex-end;}

  /* Boutons d'action : même taille, même forme, dans un ordre fixe
     (Payer/Évaluer, Voir, Facture…, Annuler) */
  .order-actions{display:flex;flex-wrap:wrap;gap:6px;}
  .mini-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:5px;
    min-width:78px;height:32px;padding:0 14px;box-sizing:border-box;
    font-size:12px;font-weight:700;line-height:1;white-space:nowrap;
    color:var(--violet-2);background:#fff;border:1.5px solid #e4d8e8;border-radius:999px;
    text-decoration:none;transition:background .15s, box-shadow .15s, color .15s, border-color .15s;
    cursor:pointer;appearance:none;-webkit-appearance:none;
  }
  .mini-btn:hover{background:#f4e9f6;box-shadow:0 4px 10px rgba(74,10,94,.15);}
  .mini-btn-fill{background:var(--bleu-panier);color:#fff;border-color:var(--bleu-panier);}
  .mini-btn.mini-btn-fill:hover{background:var(--bleu-panier);filter:brightness(1.08);box-shadow:0 4px 10px rgba(30,144,224,.35);}
  .mini-btn-review{background:var(--violet-2);color:#fff;border-color:var(--violet-2);}
  .mini-btn.mini-btn-review:hover{background:#f4e9f6;color:var(--violet-2);border-color:#e4d8e8;box-shadow:0 4px 10px rgba(74,10,94,.15);}
  .mini-btn-review .mb-star{color:#F5C24B;font-size:13px;}
  .mini-btn-muted{color:#888;border-color:#e6e6e6;}
  .mini-btn.mini-btn-muted:hover{background:#fbe9e7;color:#c0392b;border-color:#f3c9c3;box-shadow:none;}

  @media (max-width:900px){
    .order-row{grid-template-columns:1fr;gap:4px;}
    .order-row-head{display:none;}
    .order-row{border:1px solid #eee;border-radius:12px;margin-bottom:10px;}
    /* Liste des commandes en cartes : n° + état, date + total, boutons */
    .orders-list{border:none;border-radius:0;}
    .orders-list .order-row{
      grid-template-columns:1fr auto;gap:6px 12px;padding:14px 16px;
      grid-template-areas:"num state" "date total" "actions actions";
    }
    .orders-list .order-row:last-child{border-bottom:1px solid #eee;margin-bottom:0;}
    .orders-list .order-num{grid-area:num;}
    .orders-list .order-state{grid-area:state;justify-self:end;}
    .orders-list .order-date{grid-area:date;color:var(--texte-clair);font-size:12.5px;}
    .orders-list .order-total{grid-area:total;text-align:right;}
    .orders-list .order-actions{grid-area:actions;justify-content:flex-start;margin-top:8px;}
    .orders-list .order-actions .mini-btn{flex:1 1 0;}
  }

  /* ===== ÉTAT VIDE ===== */
  .empty-state{
    text-align:center;background:var(--fond);border-radius:16px;padding:50px 30px;
  }
  .empty-state svg{margin:0 auto 16px auto;}
  .empty-state svg path{fill:none !important;}
  .empty-state svg circle{fill:#B79ABF !important;}
  .empty-state p{color:var(--texte-clair);font-size:14.5px;margin-bottom:20px;}

  /* ===== TÉLÉCHARGEMENTS (liste) ===== */
  .downloads-table{border:1px solid #eee;border-radius:14px;overflow:hidden;}
  .download-row{
    display:flex;justify-content:space-between;align-items:center;gap:14px;
    padding:16px 20px;border-bottom:1px solid #f0f0f0;font-size:13.5px;
  }
  .download-row:last-child{border-bottom:none;}
  .download-row .dl-name{font-weight:700;color:#222;}
  .download-row .dl-meta{color:var(--texte-clair);font-size:12px;}

  /* ===== ENCADRÉ "VOTRE COMMANDE S'EST BIEN PASSÉE ?" =====
     Pages Téléchargements et détail d'une commande (inc/avis-commande.php).
     Les étoiles sont écrites de 5 à 1 puis remises dans l'ordre par
     row-reverse : au survol, l'étoile visée et celles à sa gauche
     restent dorées, les suivantes s'éteignent. */
  .cm-review-box{
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 28px;
    background:#F7EEF6;border-radius:16px;padding:22px 28px;margin:0 0 32px 0;
  }
  .downloads-table + .cm-review-box, .empty-state + .cm-review-box{margin-top:28px;}
  .woocommerce-MyAccount-content > .cm-review-box:last-child{margin-bottom:0;}
  .cm-review-box .rb-text{flex:1 1 300px;min-width:0;}
  .cm-review-box .rb-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--violet-2);margin-bottom:4px;}
  .cm-review-box .rb-title{text-wrap:balance;font-size:17px;font-weight:700;color:var(--violet-3);margin-bottom:4px;}
  .cm-review-box .rb-sub{font-size:13.5px;color:var(--texte-clair);line-height:1.5;}
  .cm-review-stars{display:inline-flex;flex-direction:row-reverse;flex-shrink:0;}
  .cm-review-stars a{
    font-size:36px;line-height:1;color:#E0A21B;text-decoration:none;padding:0 3px;
    transition:color .12s, transform .12s;
  }
  @media (hover:hover){
    .cm-review-stars:hover a{color:#d9d0d8;}
    .cm-review-stars a:hover, .cm-review-stars a:hover ~ a{color:#E0A21B;}
    .cm-review-stars a:hover{transform:scale(1.12);}
  }
  @media (max-width:600px){
    .cm-review-box{flex-direction:column;text-align:center;padding:22px 16px;}
    .cm-review-box .rb-text{flex-basis:auto;}
    .cm-review-stars a{font-size:40px;padding:0 4px;}
  }

  /* ===== CARTE ADRESSE ===== */
  .address-card{background:var(--fond);border-radius:16px;padding:26px 28px;}
  .address-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
  .address-card-head h3{font-size:15px;color:#222;}
  .address-lines{font-size:14px;color:var(--texte);line-height:1.8;}

  /* ===== FORMULAIRE COMPTE ===== */
  .account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .account-form .form-row{margin-bottom:18px;}
  .account-form label{display:block;font-size:13.5px;font-weight:700;color:#222;margin-bottom:6px;}
  .woocommerce .account-form .form-row .input-text,
  .account-form input{
    width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid #e4d8e8 !important;
    font-size:14.5px;font-family:inherit;outline:none;transition:border-color .15s;
  }
  .account-form input:focus{border-color:var(--violet-2) !important;}
  .form-hint{display:block;font-size:12px;color:var(--texte-clair);margin-top:5px;font-style:italic;}
  .password-block{border-top:1px solid #f0f0f0;margin-top:8px;padding-top:22px;margin-bottom:22px;}
  .password-block h4{font-size:14px;color:var(--violet-3);margin-bottom:16px;}
  @media (max-width:860px){
    .account-cards{grid-template-columns:1fr;}
    .account-form-grid{grid-template-columns:1fr;}
  }

  /* ===== PAGE CONTACT ===== */
  .helper-card{
    max-width:680px;margin:0 auto;background:#fff;border-radius:20px;
    box-shadow:0 12px 30px rgba(74,10,94,.08);padding:36px 36px 8px 36px;
  }
  .helper-card h2{font-size:18px;color:var(--violet-3);margin-bottom:6px;text-align:center;}
  .helper-card > p{font-size:13.5px;color:var(--texte-clair);text-align:center;margin-bottom:20px;}
  .helper-search-wrap{position:relative;margin-bottom:6px;}
  .helper-search-wrap input{
    width:100%;padding:14px 20px 14px 46px;border-radius:999px;
    border:1.5px solid #e4d8e8;font-size:14.5px;font-family:inherit;
    outline:none;transition:border-color .15s;
  }
  .helper-search-wrap input:focus{border-color:var(--violet-2);}
  .helper-search-wrap svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--texte-clair);}
  .helper-results{margin-top:20px;}
  .helper-results .faq-item{margin-bottom:10px;}
  .helper-empty{text-align:center;color:var(--texte-clair);font-size:13.5px;padding:20px 0 28px 0;}
  .helper-nomatch{text-align:center;color:var(--texte-clair);font-size:13.5px;padding:10px 0 28px 0;display:none;}
  .contact-form-card{
    color:var(--texte) !important;font-size:14.5px;
    max-width:680px;margin:56px auto 0 auto;background:#fff;border-radius:20px;
    box-shadow:0 12px 30px rgba(74,10,94,.08);padding:40px 36px;
  }
  .contact-form-card h2{font-size:18px;color:var(--violet-3);margin-bottom:22px;text-align:center;}
  .contact-form-card p:first-of-type{margin-bottom:20px;}
  .contact-form-card input[type="text"],
  .contact-form-card input[type="email"],
  .contact-form-card textarea{
    width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid #e4d8e8;
    font-size:14.5px;font-family:inherit;outline:none;transition:border-color .15s;margin-bottom:16px;
  }
  .contact-form-card input:focus, .contact-form-card textarea:focus{border-color:var(--violet-2);}
  .contact-form-card textarea{min-height:130px;resize:vertical;}
  .contact-form-card label{display:block;font-size:14.5px !important;font-weight:700;color:#222;margin-bottom:4px;}
  .contact-form-card p{font-size:14.5px !important;color:var(--texte) !important;}
  .contact-form-card input[type="submit"]{
    width:100%;padding:17px 32px;border-radius:999px;font-weight:700;font-size:16px;
    cursor:pointer;background:#fff;color:var(--violet-2);border:1.5px solid #e4d8e8;
    transition:transform .15s, background .15s;margin-top:20px;
  }
  .contact-form-card input[type="submit"]:hover{transform:translateY(-2px);background:#f4e9f6;}
  .banners-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  @media (max-width:780px){
    .banners-grid{grid-template-columns:1fr;}
  }

  /* ===== CALCULATEUR QUANTITÉS PERSONNALISÉES ===== */
  .calc-hero{padding:30px 0 60px 0;}
  .calc-card{
    background:#fff;border-radius:24px;box-shadow:0 16px 40px rgba(74,10,94,.1);
    padding:48px;max-width:900px;margin:0 auto;
    display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;
  }
  .calc-left h1{font-size:clamp(24px,3vw,32px);color:var(--violet-3);margin-bottom:14px;}
  .calc-left > p{color:var(--texte-clair);font-size:15px;line-height:1.65;margin-bottom:10px;}
  .calc-note{
    font-size:13px;color:var(--texte-clair);background:var(--fond);
    border-radius:10px;padding:12px 16px;margin-top:18px;line-height:1.6;
  }
  .calc-right{background:var(--fond);border-radius:18px;padding:32px 28px;}
  .calc-right label{display:block;font-size:13.5px;font-weight:700;color:#222;margin-bottom:8px;}
  .calc-input-wrap{margin-bottom:8px;}
  .qty-stepper{display:flex;align-items:center;gap:10px;}
  .qty-btn{
    width:46px;height:46px;flex-shrink:0;border-radius:12px;
    border:1.5px solid #e4d8e8;background:#fff;font-size:20px;font-weight:700;
    color:var(--violet-2);cursor:pointer;transition:background .15s;
  }
  .qty-btn:hover{background:#f4e9f6;}
  .qty-stepper input{
    flex:1;min-width:0;padding:14px 10px;border-radius:12px;border:1.5px solid #e4d8e8;
    font-size:20px;font-weight:700;font-family:inherit;color:var(--violet-3);
    outline:none;text-align:center;transition:border-color .15s;
    -moz-appearance:textfield;
  }
  .qty-stepper input::-webkit-outer-spin-button,
  .qty-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
  .qty-stepper input:focus{border-color:var(--violet-2);}
  .qty-unit-label{text-align:center;font-size:12.5px;color:var(--texte-clair);margin-bottom:18px;}
  .calc-breakdown{font-size:13.5px;color:var(--texte-clair);line-height:2;margin-bottom:18px;}
  .calc-breakdown strong{color:#222;}
  .calc-total{
    display:flex;align-items:baseline;justify-content:space-between;
    border-top:1.5px dashed #ddd;padding-top:16px;margin-bottom:22px;
  }
  .calc-total .label{font-size:14.5px;font-weight:700;color:#222;}
  .calc-total .amount{font-size:30px;font-weight:800;color:var(--violet-3);}
  .calc-error{font-size:13px;color:#c0392b;margin-top:-14px;margin-bottom:16px;display:none;}
  .calc-right .btn{width:100%;display:flex;text-align:center;justify-content:center;}
  .calc-right .added_to_cart.wc-forward{
    display:block !important;margin:12px auto 0 auto !important;text-align:center;width:fit-content;
  }
  .tier-table{max-width:700px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 10px rgba(74,10,94,.04);border:1px solid #eee;}
  .tier-row{display:flex;justify-content:space-between;padding:14px 24px;font-size:14px;border-bottom:1px solid #f0f0f0;}
  .tier-row:last-child{border-bottom:none;}
  .tier-row.active{background:#F1E6F3;}
  .tier-row .range{color:#222;font-weight:600;}
  .tier-row .rate{color:var(--texte-clair);}
  @media (max-width:780px){
    .calc-card{grid-template-columns:1fr;}
  }

  /* ===== OUTIL IMPRESSION DE CODES BARRES ===== */
  .tool-hero{padding:30px 0 60px 0;}
  .tool-hero-card{
    position:relative;overflow:hidden;
    background:#fff;border-radius:24px;
    box-shadow:0 16px 40px rgba(74,10,94,.1);
    padding:56px 48px;
    display:grid;grid-template-columns:0.9fr 1.1fr;gap:48px;align-items:center;
  }
  .tool-visual{text-align:center;background:var(--fond);border-radius:18px;padding:44px 24px;}
  .tool-visual .tool-label{font-size:15px;font-weight:700;color:var(--violet-3);}
  .tool-info h1{font-size:clamp(24px,3vw,32px);color:var(--violet-3);margin-bottom:14px;text-wrap: balance;}
  .tool-info > p{color:var(--texte-clair);font-size:15px;line-height:1.6;margin-bottom:22px;}
  .tool-price{display:flex;align-items:baseline;gap:10px;margin-bottom:24px;}
  .tool-price .amount{font-size:34px;font-weight:800;color:#222;}
  .tool-price .unit{font-size:13.5px;color:var(--texte-clair);}
  .tool-checklist{list-style:none;margin-bottom:32px;}
  .tool-checklist li{
    display:flex;align-items:flex-start;gap:10px;
    font-size:14.5px;color:var(--texte);margin-bottom:11px;line-height:1.5;
  }
  .tool-checklist svg{flex-shrink:0;margin-top:2px;}
  @media (max-width:860px){
    .tool-hero-card{grid-template-columns:1fr;padding:36px 24px;}
  }

  /* ===== PAGE AVIS CLIENTS ===== */
  .avis-grid-page{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;overflow-anchor:none;}
  .avis-grid-page .avis-card{border:1px solid #eee;scroll-margin-top:30px;}
  .avis-grid-page .avis-top{justify-content:flex-end;}
  .avis-count{text-align:center;color:var(--texte-clair);font-size:13.5px;margin-top:14px;}
  .scroll-hint{
    display:flex;flex-direction:column;align-items:center;gap:6px;
    margin-top:36px;color:var(--violet-2);
    cursor:pointer;
  }
  .scroll-hint span{font-size:14.5px;font-weight:400;color:var(--texte-clair);}
  .scroll-hint svg{animation:bounce-down 1.6s ease-in-out infinite;}
  @keyframes bounce-down{
    0%,100%{transform:translateY(0);opacity:.5;}
    50%{transform:translateY(7px);opacity:1;}
  }
  .comment-form-block{
    max-width:640px;margin:0 auto;background:#fff;border-radius:16px;
    padding:36px;border:1px solid #eee;text-align:center;
  }
  .comment-form-block p{color:var(--texte-clair);font-size:14.5px;margin-bottom:18px;}
  .comment-form-block .comment-form-comment{text-align:left;margin-bottom:14px;}
  @media (max-width:960px){
    .avis-grid-page{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:600px){
    .avis-grid-page{grid-template-columns:1fr;}
  }
  
  /* Page Avis clients : bloc "Laisser un avis" — même espace en bas qu'en haut */
.section:has(> .wrap > .comment-form-block) { padding-bottom: 40px; }

  /* ===== BANDEAU VOLUME ===== */
  .volume-banner{
    background:linear-gradient(160deg,var(--violet-2),var(--violet-3));
    border-radius:20px;padding:40px 36px;
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;
    color:#fff;
  }
  .volume-banner h3{font-size:22px;margin-bottom:6px;color:#fff;}
  .volume-banner p{font-size:14.5px;color:rgba(255,255,255,.85);}
  .volume-banner .btn{background:#fff;color:var(--violet-3);}

  /* ===== INTRO (pages internes) ===== */
  .intro{padding:130px 0 10px 0;text-align:center;}
  .intro h1{font-size:clamp(26px,3.6vw,36px);color:var(--violet-3);margin-bottom:14px;}
  .intro p{max-width:640px;margin:0 auto;color:var(--texte-clair);font-size:16px;line-height:1.6;}

  /* ===== FAQ (accordéon) ===== */
  .faq-list{display:flex;flex-direction:column;gap:12px;}
  .faq-item{
    background:#fff;border:1px solid #eee;border-radius:14px;
    box-shadow:0 3px 10px rgba(74,10,94,.04);
  }
  .faq-item summary{
    list-style:none;cursor:pointer;
    display:flex;align-items:center;justify-content:space-between;
    padding:18px 22px;font-weight:700;font-size:15.5px;color:#222;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{
    content:"+";font-size:22px;font-weight:400;color:var(--violet-2);
    flex-shrink:0;margin-left:16px;transition:transform .2s;
  }
  .faq-item[open] summary::after{transform:rotate(45deg);}
  .faq-item p{padding:0 22px 20px 22px;font-size:14.5px;color:var(--texte-clair);line-height:1.7;}
  .faq-more{text-align:center;margin-top:36px;}

  /* ===== PAGE FAQ : recherche, filtres, catégories ===== */
  .faq-search-wrap{max-width:520px;margin:28px auto 0 auto;position:relative;}
  .faq-search-wrap input{
    width:100%;padding:14px 20px 14px 46px;border-radius:999px;
    border:1.5px solid #e4d8e8;font-size:14.5px;font-family:inherit;
    outline:none;transition:border-color .15s;
  }
  .faq-search-wrap input:focus{border-color:var(--violet-2);}
  .faq-search-wrap svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--texte-clair);}
  .faq-filters{
    display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
    max-width:780px;margin:28px auto 0 auto;
  }
  .faq-filter-btn{
    font-size:13.5px;font-weight:700;color:var(--violet-2);
    background:#fff;border:1.5px solid #e4d8e8;border-radius:999px;
    padding:9px 18px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;
  }
  .faq-filter-btn:hover{background:#f4e9f6;}
  .faq-filter-btn.active{background:var(--violet-2);color:#fff;border-color:var(--violet-2);}
  .faq-category{max-width:780px;margin:0 auto 46px auto;}
  .faq-category:last-child{margin-bottom:0;}
  .faq-category h2{font-size:18px;color:var(--violet-3);margin-bottom:14px;}
  .faq-no-results{text-align:center;color:var(--texte-clair);padding:30px 0;display:none;}

  /* ===== ANIM AU SCROLL ===== */
  .reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease, transform .5s ease;}
  .reveal.in{opacity:1;transform:translateY(0);}
  /* Espacement propre à la solution d'impression uniquement — ne touche
     pas la règle .reveal.in partagée par le reste du site. */
  .sheet-advanced.reveal.in,
  .sheet-area.reveal.in{margin-top:18px;}
  @media (prefers-reduced-motion:reduce){
    .reveal{opacity:1;transform:none;transition:none;}
    .format-card:hover::before{animation:none;opacity:0;}
  }

  /* ===== RESPONSIVE ===== */
  @media (max-width:960px){
    .formats-grid{grid-template-columns:repeat(2,1fr);}
    .format-card.more{grid-column:span 2 !important;}
    .steps{grid-template-columns:1fr;gap:36px;}
    .trust-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;}
    .footer-pages-cols{column-count:1;}
    .deep-trust-grid{grid-template-columns:1fr !important;gap:36px;}
  }
  @media (max-width:780px){
    header nav ul{display:none;}
    header nav.open ul{
      display:flex;flex-direction:column;gap:0;
      position:absolute;left:0;right:0;top:100%;
      background:var(--violet-3);
      box-shadow:0 12px 24px rgba(0,0,0,.25);
    }
    header nav.open a{padding:15px 24px;border-bottom:1px solid rgba(255,255,255,.08);}
    .burger{display:flex;}
    .preheader{display:none;}
  }
  @media (max-width:560px){
    .header-top{flex-direction:row;gap:12px;align-items:center;}
    .logo-text .tag{display:none;}
  }

  .added_to_cart.wc-forward{
    display:inline-block !important;margin-left:10px !important;font-size:11.5px !important;
    font-weight:700 !important;color:var(--violet-2) !important;text-decoration:none !important;
    background:#fff !important;border:1.5px solid #e4d8e8 !important;border-radius:999px !important;
    padding:6px 14px !important;transition:background .15s, box-shadow .15s;
  }
  .added_to_cart.wc-forward:hover{
    color:var(--violet-2) !important;background:#f4e9f6 !important;
    box-shadow:0 4px 10px rgba(74,10,94,.15) !important;
  }

  .order-again a.button{
    display:inline-flex !important;justify-content:center;width:100%;
    padding:17px 32px !important;border-radius:999px !important;font-weight:700 !important;
    font-size:16px !important;color:#fff !important;background:var(--violet-2) !important;
    border:none !important;text-decoration:none !important;box-shadow:none !important;
    transition:transform .15s;
  }
  .order-again a.button:hover{transform:translateY(-2px);}
  
  /* ==========================================================
   PAGE DE PAIEMENT – habillage aux couleurs du site
   ========================================================== */

/* 1. Bloc du moyen de paiement choisi : lavande clair au lieu du gris */
.woocommerce-checkout #payment div.payment_box,
#payment div.payment_box {
    background: #faf5fc !important;
    border: 1px solid #ecdcf3;
    border-radius: 10px;
    padding: 18px;
    color: var(--texte);
}

/* La petite flèche grise au-dessus du bloc */
.woocommerce-checkout #payment div.payment_box::before,
#payment div.payment_box::before {
    display: none !important;
}

/* 2. Phrase de réassurance : sans marge en dessous (plus d'espace
      inutile sous PayPal ou Google Pay) */
#payment div.payment_box > p {
    position: relative;
    background: #fff;
    border-left: 4px solid #6a1b8a;
    border-radius: 6px;
    padding: 12px 14px 12px 42px;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--texte);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}

#payment div.payment_box > p::before {
    content: "🔒";
    position: absolute;
    left: 14px;
    top: 12px;
    font-size: 16px;
}

/* L'espace de 20 px uniquement au-dessus du formulaire de carte */
.payment_method_ppcp_card .wc-payment-form {
    margin-top: 20px;
}

/* 3. Libellés du formulaire de carte : même style que les champs
      de facturation */
.payment_method_ppcp_card .ppcp-card-field--label {
    display: block;
    font-family: inherit;
    font-size: 14.5px;
    font-weight: 700;
    color: #222;
    margin-bottom: 6px;
}

/* 4. Bouton Commander : même style que les boutons de l'accueil */
.woocommerce-checkout #payment #place_order,
#payment #place_order {
    display: block;
    width: 100%;
    float: none;
    padding: 17px 32px !important;
    border-radius: 999px !important;
    border: none !important;
    background: var(--violet-2) !important;
    color: #fff !important;
    font-family: inherit;
    font-size: 16px !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 20px rgba(142, 31, 160, .3);
    cursor: pointer;
    transition: transform .15s, box-shadow .15s;
}

#payment #place_order:hover {
    transform: translateY(-2px);
}
/* 5. Bouton "Enregistrer l'adresse" (Mon compte > Adresse) : même style
   que les boutons du site. WooCommerce lui applique son propre style
   gris (".woocommerce button.button"), plus prioritaire : d'où les
   !important, comme pour le bouton Commander ci-dessus. */
.woocommerce button[name="save_address"],
button[name="save_address"] {
    display: inline-block;
    padding: 17px 32px !important;
    border-radius: 999px !important;
    border: none !important;
    background: var(--violet-2) !important;
    color: #fff !important;
    font-family: inherit;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    box-shadow: 0 8px 20px rgba(142, 31, 160, .3);
    cursor: pointer;
    margin-top: 10px;
    transition: transform .15s, box-shadow .15s;
}

.woocommerce button[name="save_address"]:hover,
button[name="save_address"]:hover {
    transform: translateY(-2px);
}

/* 6. Formulaire "Modifier l'adresse" (Mon compte > Adresse) : même
   style que "Détails du compte" (libellés, bordures, police). Le thème
   Twenty Thirteen et WooCommerce imposent leurs propres bordures beiges
   et leur police : d'où les sélecteurs précis et quelques !important.
   S'applique sur PC comme sur smartphone. */
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row{
    margin:0 0 18px 0;padding:0;
}
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row label{
    display:block;font-family:inherit;font-size:13.5px;font-weight:700;
    color:#222;margin-bottom:6px;line-height:1.4;
}
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row label .required{
    color:#c0392b;text-decoration:none;border:none;
}
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row label .optional{
    font-weight:400;color:var(--texte-clair);
}
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row input.input-text,
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row select,
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row textarea{
    width:100%;box-sizing:border-box;
    padding:12px 16px !important;border-radius:10px !important;
    border:1.5px solid #e4d8e8 !important;background:#fff !important;
    font-family:inherit !important;font-size:14.5px !important;
    color:var(--texte) !important;line-height:1.4;
    outline:none;box-shadow:none !important;transition:border-color .15s;
}
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row input.input-text:focus,
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row select:focus,
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row textarea:focus{
    border-color:var(--violet-2) !important;
}
/* Liste déroulante "Pays" (outil Select2 de WooCommerce) */
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-container .select2-selection--single{
    height:46px;padding:10px 16px;border-radius:10px;
    border:1.5px solid #e4d8e8;background:#fff;
}
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-container .select2-selection__rendered{
    padding:0 !important;line-height:24px !important;
    font-size:14.5px;color:var(--texte) !important;
}
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-container .select2-selection__arrow{
    height:44px;right:8px;
}
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-container--focus .select2-selection--single,
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-container--open .select2-selection--single{
    border-color:var(--violet-2);
}
/* Deux champs côte à côte (Prénom / Nom…), comme dans "Détails du compte" */
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row-first,
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row-last{
    width:calc(50% - 9px);
}
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row-first{float:left;clear:left;}
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row-last{float:right;}
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row-wide{clear:both;}
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row-wide + p,
.woocommerce-MyAccount-content .woocommerce-address-fields > p{clear:both;}


/* ==========================================================
   AFFICHAGE SMARTPHONE
   Tout ce qui suit ne s'applique qu'aux petits écrans : le
   rendu PC (validé) n'est pas modifié.
   ========================================================== */

/* --- Grilles : empêcher le contenu de déborder des blocs ---
   Une colonne "1fr" s'élargit si son contenu est plus large que
   l'écran (prix, compteur, image…) : c'est ce qui faisait sortir le
   texte et l'outil du bloc sur "Quantités personnalisées", et
   chevaucher les étiquettes sur le "Générateur de codes-barres".
   minmax(0,1fr) force la colonne à rester dans la largeur prévue. */
@media (max-width:860px){
  .product-hero-card,
  .tool-hero-card{grid-template-columns:minmax(0,1fr);}
  .sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sheet-cell{min-width:0;}
  /* Étiquettes à proportions fixes : la hauteur minimale de 90 px
     (prévue pour le PC) imposait une largeur d'au moins 170 px, plus
     large qu'une demi-colonne sur smartphone. D'où le chevauchement
     et le débordement. La hauteur suit désormais la largeur. */
  .sheet-cell[style*="aspect-ratio"]{min-height:0;width:100%;}
  .tool-visual *, .product-visual *{min-width:0;max-width:100%;}
  .tool-visual img{height:auto;}
}
@media (max-width:780px){
  .calc-card{grid-template-columns:minmax(0,1fr);}
  .calc-card > *{min-width:0;}
}

/* --- Espacements verticaux sur smartphone --- */
@media (max-width:780px){
  /* Espace entre l'en-tête et le contenu : sur smartphone l'en-tête est
     moins haut (pas de pré-en-tête ni de menu déplié), les grands
     espaces prévus pour le PC laissaient donc un vide important. */
  .header-top{padding-left:24px;padding-right:24px;}
  .breadcrumb{padding-top:32px;}
  .intro{padding-top:44px;}
  .hero{padding:48px 0 44px 0;}
  .hero-ctas{margin-top:36px;}
  .section{padding:52px 0;}
  .section-head{margin-bottom:32px;}
  .trust{padding:24px 0 52px 0;}
  .product-hero, .tool-hero, .calc-hero{padding:20px 0 44px 0;}
}

/* --- Petits smartphones (≈ 360 à 560 px de large) --- */
@media (max-width:560px){
  .wrap{padding:0 14px;}

  /* En-tête : logo, panier et bouton menu tiennent sur une ligne */
  /* Les marges gauche/droite (14 px) sont redonnées ici : la règle
     .header-top d'origine les remettait à zéro, d'où le sablier collé
     au bord et le bouton menu un peu coupé. */
  .header-top{gap:8px;padding:6px 14px 14px 14px;}
  .header-top > div:last-child{gap:8px !important;flex-shrink:0;}
  .logo{gap:8px;min-width:0;flex-shrink:1;}
  .logo-mark{width:38px;height:38px;flex-shrink:0;}
  .logo-mark svg, .logo-mark img{max-width:22px;max-height:22px;}
  .logo-text{min-width:0;}
  .logo-text .name{font-size:12.5px;letter-spacing:.02em;white-space:nowrap;}
  .cart-pill{
    flex-shrink:0;max-width:118px;
    padding:7px 11px;gap:6px;
    font-size:11.5px;line-height:1.25;text-align:center;
    box-shadow:0 3px 10px rgba(30,144,224,.35);
  }
  /* Nouveau contenu du panier (voir header.php) : sur smartphone, le
     nombre d'articles et le total s'affichent sur deux lignes, sans
     séparateur. Sans effet tant que header.php n'est pas modifié. */
  .cart-pill .cart-sep{display:none;}
  .cart-pill .cart-count, .cart-pill .cart-total{display:block;white-space:nowrap;}
  .cart-pill svg{width:20px !important;height:20px !important;flex-shrink:0;}
  .burger{width:36px;height:36px;flex-shrink:0;}

  /* Cartes produit (accueil + page "Achat de codes EAN par lots") */
  .formats-grid{gap:14px;}
  .format-card{padding:28px 10px 24px 10px;}
  .format-card .barres{
    font-size:24px;letter-spacing:0;white-space:nowrap;
    overflow:hidden;margin-bottom:12px;
  }
  .format-card .qty{font-size:20px;}
  .format-card .price{font-size:16px;margin-bottom:18px;}
  .format-card .add{padding:10px 20px;}
  /* "Voir le panier" passe sous "Ajouter" : on le centre, on l'écarte
     un peu et on l'empêche de se couper en deux lignes */
  .format-card .added_to_cart.wc-forward{
    display:block !important;width:fit-content;
    margin:12px auto 0 auto !important;white-space:nowrap;
  }

  /* Fiches format / générateur / quantités personnalisées : blocs moins
     épais pour laisser la place au contenu */
  .product-hero-card, .tool-hero-card{padding:28px 16px;gap:28px;border-radius:20px;}
  .product-visual{padding:32px 12px;}
  .product-visual .barres-big{font-size:40px;letter-spacing:1px;}
  .tool-visual{padding:20px 10px;}
  .tool-visual .sheet-grid{gap:8px;}
  .tool-visual .sheet-cell{padding:8px;min-height:70px;}

  /* Planche d'étiquettes ("Ce que vous obtenez" et outil du générateur) :
     moins de marges autour de la planche et entre les étiquettes */
  .sheet-area{padding:14px;}
  .sheet-page{padding:34px 10px 12px 10px;}
  .sheet-grid{gap:8px;}
  .sheet-cell[style*="aspect-ratio"]{padding:6px;}
  .calc-card{padding:28px 16px;gap:28px;border-radius:20px;}
  .calc-right{padding:24px 16px;}
  .calc-total{flex-wrap:wrap;gap:6px 12px;}
  .calc-total .amount{font-size:27px;}

  /* Carrousel d'avis (pages achat, quantités, générateur) : toutes les
     cartes ont la même hauteur (celle de l'avis le plus long, d'où
     l'obligation de les aligner pour ne pas laisser de vide avant les
     flèches) ; cette hauteur reste raisonnable car un avis long est
     limité à 4 lignes (voir plus bas). Le nom et "Avis vérifié"
     restent en bas de carte. */
  .avis-carousel .avis-page{align-items:stretch;}
  .avis-carousel .avis-card{display:flex;flex-direction:column;padding:22px 20px;}
  .avis-carousel .avis-bottom{margin-top:auto;}
  .avis-nav{margin-top:16px;}

  /* Page Avis clients : zone "Votre avis" plus haute, pour que la
     phrase d'exemple s'affiche en entier */
  .comment-form-block{padding:26px 18px;}
  .comment-form-block textarea{min-height:210px;}

  /* Bandeau "Convaincu par nos clients ?" : bouton pleine largeur ;
     si le texte doit passer sur deux lignes, il se répartit
     équitablement au lieu de laisser la flèche seule en bas */
  .volume-banner{padding:30px 22px;}
  .volume-banner .btn{
    width:100%;text-align:center;
    padding:15px 20px;font-size:15px;text-wrap:balance;
  }
}

/* --- Effet "scan" sur écran tactile ---
   Sans souris, il n'y a pas de survol : l'effet ne pouvait donc jamais
   se déclencher. Sur les écrans tactiles seulement, la ligne lumineuse
   passe d'elle-même sur chaque carte, une carte après l'autre, puis
   recommence quelques secondes plus tard. */
@media (hover:none){
  .format-card::before{
    opacity:1;
    animation:scan-auto 6s linear infinite;
  }
  .format-card:nth-child(2)::before{animation-delay:.5s;}
  .format-card:nth-child(3)::before{animation-delay:1s;}
  .format-card:nth-child(4)::before{animation-delay:1.5s;}
  .format-card:nth-child(5)::before{animation-delay:2s;}
  .format-card:nth-child(6)::before{animation-delay:2.5s;}
  .format-card:nth-child(7)::before{animation-delay:3s;}
  .format-card:nth-child(8)::before{animation-delay:3.5s;}
  .format-card:nth-child(9)::before{animation-delay:4s;}
  .format-card:nth-child(10)::before{animation-delay:4.5s;}
  .format-card:nth-child(11)::before{animation-delay:5s;}
  .format-card:nth-child(12)::before{animation-delay:5.5s;}
  .format-card.more::before{content:none;}
  @keyframes scan-auto{
    0%{top:-40px;}
    10%{top:150px;}
    20%{top:-40px;}
    100%{top:-40px;}
  }
}
@media (hover:none) and (prefers-reduced-motion:reduce){
  .format-card::before{animation:none;opacity:0;}
}

/* --- Très petits smartphones (moins de 360 px de large,
   ex. premier iPhone SE : 320 px) ---
   Tout est un peu resserré pour que rien ne déborde. Sans effet
   à partir de 360 px. */
@media (max-width:359px){
  .wrap{padding:0 12px;}

  /* En-tête */
  .header-top{gap:6px;padding:6px 12px 12px 12px;}
  .header-top > div:last-child{gap:6px !important;}
  .logo{gap:6px;}
  .logo-mark{width:34px;height:34px;}
  .logo-mark svg{max-width:20px;max-height:20px;}
  .logo-text .name{font-size:11px;letter-spacing:.01em;}
  .cart-pill{max-width:100px;padding:6px 9px;gap:5px;font-size:10.5px;}
  .cart-pill svg{width:18px !important;height:18px !important;}
  .burger{width:32px;height:32px;}

  /* Cartes produit */
  .formats-grid{gap:10px;}
  .format-card{padding:24px 8px 20px 8px;}
  .format-card .barres{font-size:21px;}
  .format-card .qty{font-size:18px;}
  .format-card .price{font-size:15px;}
  .format-card .add{padding:9px 16px;font-size:14px;}

  /* Boutons principaux */
  .btn{padding:15px 24px;font-size:15px;}
  .product-buy-btn{padding:15px 24px;font-size:15px;}

  /* Fiches, générateur, quantités personnalisées */
  .product-hero-card, .tool-hero-card, .calc-card{padding:22px 12px;}
  .product-visual .barres-big{font-size:32px;letter-spacing:0;}
  .calc-right{padding:20px 12px;}
  .qty-btn{width:40px;height:40px;}
  .calc-total .amount{font-size:24px;}
  .tier-row{padding:12px 14px;font-size:13px;}

  /* Blocs blancs des autres pages : marges intérieures réduites */
  .woocommerce-MyAccount-content, .account-content,
  .account-layout .woocommerce-MyAccount-content{padding:22px 14px;}
  .login-card{padding:28px 18px;}
  .legal-content{padding:24px 16px;}
  .helper-card{padding:24px 16px 4px 16px;}
  .contact-form-card{padding:26px 16px;}
  .cart-card, .cart-cross-sells, .cart-totals-card{padding:20px 14px;}
  .print-card{padding:20px 14px;}
  .sheet-toolbar{padding:16px 14px;}
  .thankyou-card{padding:26px 14px;}
  .comment-form-block{padding:22px 14px;}
  .volume-banner{padding:26px 16px;}
  .avis-carousel .avis-card{padding:18px 16px;}
}

/* --- Solution d'impression (espace client) sur smartphone ---
   Message "utilisez plutôt un ordinateur" : masqué sur PC, affiché
   uniquement sur petit écran. Barre de réglages en colonne, boutons
   pleine largeur. */
.mobile-print-notice{display:none;}
@media (max-width:780px){
  .mobile-print-notice{display:flex;}
  .sheet-toolbar{flex-direction:column;align-items:stretch;gap:12px;}
  .sheet-toolbar .group{justify-content:space-between;}
  .sheet-toolbar .group select{flex:1;min-width:0;max-width:100%;}
  .sheet-toolbar .btn{
    width:100%;text-align:center;display:flex;justify-content:center;
    padding:14px 20px !important;
  }
  .sheet-advanced{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* --- Planche A4 (Solution d'impression) : aperçu réduit à l'écran ---
   La planche mesure 210 mm de large (≈ 794 px) : sur smartphone, on
   l'affiche en miniature pour qu'elle tienne dans le bloc. Uniquement
   à l'écran ("screen") : l'impression et le PDF gardent les vraies
   dimensions. Le !important remplace le zoom de 1 posé par le script
   de la page. Une valeur par tranche de largeur d'écran. */
@media screen and (max-width:860px){
  #sheetArea .sheet-page{zoom:.80 !important;margin-left:auto;margin-right:auto;}
}
@media screen and (max-width:750px){ #sheetArea .sheet-page{zoom:.66 !important;} }
@media screen and (max-width:640px){ #sheetArea .sheet-page{zoom:.54 !important;} }
@media screen and (max-width:484px){ #sheetArea .sheet-page{zoom:.46 !important;} }
@media screen and (max-width:420px){ #sheetArea .sheet-page{zoom:.40 !important;} }
@media screen and (max-width:373px){ #sheetArea .sheet-page{zoom:.36 !important;} }
@media screen and (max-width:341px){ #sheetArea .sheet-page{zoom:.33 !important;} }
@media screen and (max-width:860px){
  /* Les croix de suppression restent visibles et faciles à toucher
     malgré la réduction (pas de survol sur écran tactile) */
  #sheetArea .cell-remove, #sheetArea .page-remove{opacity:1;font-size:26px;}
  #sheetArea .sheet-page-number{font-size:24px;}
  #sheetArea .sheet-cell.empty{font-size:22px;}
}

/* --- Carrousel d'avis (toutes tailles d'écran) ---
   Le carrousel prend la hauteur de l'avis le plus long, même s'il est
   sur une autre "page" : un seul long avis laissait un grand vide dans
   toutes les cartes. Un avis long est désormais limité à 4 lignes, la
   4e s'estompant en fondu pour signaler la suite. Pour lire le reste :
   sur PC, survoler la carte (le texte devient déroulable à la molette) ;
   sur smartphone, faire glisser le texte vers le haut du doigt.
   Le nom et "Avis vérifié" restent alignés en bas de carte.
   La page Avis clients n'est pas concernée. */
.avis-carousel .avis-card{display:flex;flex-direction:column;}
.avis-carousel .avis-text{
  min-height:0;max-height:6.4em;overflow:hidden;
  padding-right:6px;
  -webkit-mask-image:linear-gradient(to bottom,#000 4.6em,transparent 6.4em);
          mask-image:linear-gradient(to bottom,#000 4.6em,transparent 6.4em);
  scrollbar-width:thin;scrollbar-color:#e4d8e8 transparent;
}
.avis-carousel .avis-bottom{margin-top:auto;}
@media (hover:hover){
  .avis-carousel .avis-card:hover .avis-text{
    overflow-y:auto;-webkit-mask-image:none;mask-image:none;
  }
}
@media (hover:none){
  .avis-carousel .avis-text{overflow-y:auto;}
}

/* --- Croix de suppression d'une étiquette (Solution d'impression) ---
   L'image du code recouvrait la croix et "captait" le clic : il fallait
   viser le seul bord encore libre, d'où les 10-20 essais. L'image
   laisse désormais passer le clic : la croix fonctionne au premier
   essai, où qu'on la touche. */
.sheet-cell img{pointer-events:none;}

/* --- Solution d'impression : plus de saut vers le pied de page ---
   À chaque suppression, le script redessine la planche : pendant un
   instant elle disparaît, le navigateur "s'accroche" alors au pied de
   page pour garder la page stable... et y reste quand la planche
   revient. On désactive cet accrochage sur les pages contenant la
   planche uniquement (même principe que sur la page Avis clients). */
html:has(#sheetArea),
html:has(#sheetArea) body{overflow-anchor:none;}