/* ============================================================
   LES3 · page-carottage.css
   Sections redesignees (reutilise les designs de la page Sciage) :
   - .eqp  : « Nos equipements de carottage » (liste 2 colonnes + carte image profondeur)
   - .dpr  : « Diametres et profondeurs realisables » (cartes-chiffres + regle graduee)
   Palette / fonts / angles vifs herites de main.css (var(--orange)...).
   Angulaire : border-radius 0 partout. Aucun fond noir (sauf calque profondeur image).
   ============================================================ */

:root{
  --cr-ease:cubic-bezier(.16,1,.3,1);
}

/* Pictos line ultra-fins, visibles */
.cr-ic{display:block;width:100%;height:100%;}
.cr-ic *{stroke:currentColor;stroke-width:1.1;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.cr-ic .dot{fill:currentColor;stroke:none;}

/* Picto unifie agrandi (jeu .ico masque) */
.ico--lg{font-size:1.5rem;}

/* ============================================================
   0) PREUVE SOCIALE : pictos sur stats + pied CTA
   ============================================================ */
.stats__ico{
  display:grid;place-items:center;width:42px;height:42px;margin-bottom:.85rem;
  color:var(--orange-700);border:.5px solid var(--line-2);background:var(--orange-tint);
}
.proof__foot{
  display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;
  margin-top:clamp(26px,4vw,40px);
}
.proof__foot .btn--ghost .ico{font-size:1.05rem;color:var(--orange);margin-right:.1rem;}

/* ============================================================
   0b) CONTENU « PERCAGE MAITRISE » : picto d'en-tete
   ============================================================ */
.content__ico,.head__ico{
  display:inline-grid;place-items:center;width:54px;height:54px;margin-bottom:1.1rem;
  color:var(--orange-700);border:.5px solid var(--line-2);background:var(--orange-tint);
}
.head--center .head__ico{margin-left:auto;margin-right:auto;}

/* ============================================================
   0c) CARTES PRESTATIONS : picto par carte
   ============================================================ */
.card__ico{
  display:grid;place-items:center;width:50px;height:50px;margin:.4rem 0 1rem;
  color:var(--orange-700);border:.5px solid var(--line-2);background:var(--orange-tint);
}

/* ============================================================
   0d) ACCORDEONS : picto dans la tete
   ============================================================ */
.acc__ico{
  display:inline-grid;place-items:center;width:36px;height:36px;flex:none;
  color:var(--orange-700);border:.5px solid var(--line-2);background:var(--orange-tint);
}
.acc__ico .ico{font-size:1.05rem;}

/* ============================================================
   1) EQUIPEMENTS : liste 2 colonnes + carte image en profondeur
   ============================================================ */
.eqp__grid{
  display:grid;grid-template-columns:1fr;
  gap:clamp(28px,4vw,48px);align-items:start;
  margin-top:clamp(28px,4vw,44px);
}

/* Liste equipements */
.eqp__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0;}
.eqp__item{
  display:grid;grid-template-columns:46px 1fr;gap:1rem;align-items:start;
  padding:1.15rem 0;border-bottom:.5px solid var(--line);
  transition:transform .4s var(--cr-ease);
}
.eqp__item:first-child{border-top:.5px solid var(--line);}
.eqp__item:hover{transform:translateX(5px);}
.eqp__ic{
  width:46px;height:46px;color:var(--orange-700);
  border:.5px solid var(--line-2);background:var(--orange-tint);
  display:grid;place-items:center;padding:9px;
  box-shadow:var(--shadow-sm);
}
.eqp__tx b{
  display:block;font-family:"General Sans",sans-serif;font-weight:600;
  color:var(--ink);font-size:1.04rem;line-height:1.3;margin-bottom:.15rem;
}
.eqp__tx span{color:var(--gray);font-size:.95rem;line-height:1.5;}

/* Carte image en profondeur */
.eqp__media{position:relative;}
.eqp__fig{
  position:relative;margin:0;border:.5px solid var(--line);
  background:var(--paper-warm);box-shadow:var(--shadow-lg);
}
.eqp__fig img{width:100%;height:clamp(260px,42vw,420px);object-fit:cover;display:block;}
.eqp__fig::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 45%,rgba(29,30,32,.34));
}
.eqp__badge{
  position:absolute;left:0;bottom:0;z-index:2;
  background:var(--orange);color:#fff;font-family:"General Sans",sans-serif;font-weight:700;
  font-size:.86rem;letter-spacing:.02em;padding:.7rem 1.1rem;
}
/* calque decale derriere la photo (profondeur, seul fond sombre tolere) */
.eqp__media::before{
  content:"";position:absolute;top:18px;left:18px;right:-18px;bottom:-18px;z-index:-1;
  border:.5px solid var(--line-2);
  background-image:
    linear-gradient(var(--line) 1px,transparent 1px),
    linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:22px 22px;background-color:var(--paper-alt);
}

/* Bloc materiaux travailles */
.eqp__mat{
  margin-top:clamp(18px,3vw,26px);border:.5px solid var(--line);background:var(--paper);
  padding:1.2rem 1.3rem;box-shadow:var(--shadow-sm);
}
.eqp__mat h3{font-family:"General Sans",sans-serif;font-weight:700;color:var(--ink);font-size:1.02rem;margin:0 0 .9rem;}
.eqp__chips{display:flex;flex-wrap:wrap;gap:.6rem;}
.eqp__chip{
  display:inline-flex;align-items:center;gap:.5rem;border:.5px solid var(--line-2);
  background:var(--paper-alt);padding:.5rem .8rem;font-size:.9rem;color:var(--ink-soft);font-weight:500;
}
.eqp__chip i{width:20px;height:20px;color:var(--orange-700);display:block;}
.eqp__chip .ico{font-size:1.15rem;color:var(--orange-700);}

/* Pied de bloc : CTA */
.eqp__foot{margin-top:clamp(26px,4vw,40px);}

@media(min-width:920px){
  .eqp__grid{grid-template-columns:1.05fr .95fr;gap:clamp(40px,4.5vw,70px);}
  .eqp__list{grid-template-columns:1fr 1fr;column-gap:2.2rem;}
  .eqp__item{padding:1.05rem 0;}
  .eqp__item:nth-child(2){border-top:.5px solid var(--line);}
}

/* ============================================================
   2) DIAMETRES & PROFONDEURS : cartes-chiffres + regle graduee
   ============================================================ */
.dpr__cards{
  margin-top:clamp(28px,4vw,44px);display:grid;gap:18px;grid-template-columns:1fr;
}
@media(min-width:720px){.dpr__cards{grid-template-columns:repeat(3,1fr);}}

.dpr__card{
  position:relative;border:.5px solid var(--line-2);background:var(--paper);
  padding:24px 22px 22px;overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease;
}
.dpr__card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}

/* regle graduee verticale */
.dpr__ruler{position:absolute;top:0;left:0;width:30px;height:100%;border-right:.5px solid var(--line);background:var(--paper-alt);}
.dpr__ruler i{position:absolute;left:0;height:1px;background:var(--line-2);}
.dpr__ruler i.maj{width:16px;background:var(--gray);}
.dpr__ruler i.min{width:9px;}

.dpr__body{padding-left:30px;}
.dpr__ico{width:40px;height:40px;border:.5px solid var(--line-2);display:grid;place-items:center;background:var(--paper);color:var(--orange-700);padding:8px;}
.dpr__big{
  font-family:"General Sans",sans-serif;font-weight:700;
  font-size:clamp(2.4rem,6.5vw,3.3rem);line-height:.95;color:var(--ink);
  letter-spacing:-.03em;margin-top:18px;
}
.dpr__big .u{font-size:1.05rem;color:var(--orange-700);margin-left:6px;letter-spacing:0;}
.dpr__big.is-study{font-size:clamp(1.45rem,4.2vw,1.85rem);color:var(--orange-700);}
.dpr__pre{font-size:.78rem;color:var(--muted);letter-spacing:.04em;margin-top:14px;}
.dpr__name{font-family:"General Sans",sans-serif;font-weight:700;font-size:1.02rem;color:var(--ink);margin-top:6px;}
.dpr__tech{font-size:.82rem;color:var(--gray);margin-top:3px;}

/* note etude technique */
.dpr__note{
  margin-top:26px;display:flex;gap:16px;align-items:flex-start;
  background:var(--paper-warm);border:.5px solid var(--line);border-left:3px solid var(--orange);
  padding:18px 20px;
}
.dpr__note .dpr__note-ic{flex:none;width:24px;height:24px;color:var(--orange-700);margin-top:2px;}
.dpr__note p{font-size:.92rem;color:var(--ink-soft);max-width:70ch;margin:0;}

/* Pied de bloc : CTA */
.dpr__foot{margin-top:clamp(24px,3.5vw,34px);}

@media (prefers-reduced-motion:reduce){
  .eqp__item,.dpr__card{transition:none;}
}