/* Dex Flooring – carpet installation package strip. All selectors scoped. */
.dex-cip {
  margin: 36px 0 28px;
  padding: 26px;
  border: 1px solid #e9e9e9;
  border-radius: 18px;
  background: #fff;
  color: #171717;
  font-family: inherit;
  clear: both;
}
.dex-cip, .dex-cip * { box-sizing: border-box; }
.dex-cip__heading { margin-bottom: 19px; }
.dex-cip__eyebrow {
  display:block;
  color:#787878;
  font-size:10px;
  font-weight:700;
  letter-spacing:.13em;
  line-height:1.5;
  margin-bottom:8px;
}
.dex-cip h2 {
  font-size:clamp(19px,2.2vw,25px);
  font-weight:750;
  line-height:1.2;
  letter-spacing:-.025em;
  color:#121212;
  margin:0 0 7px;
  text-transform:none;
}
.dex-cip__heading p { margin:0; font-size:13px; line-height:1.55; color:#686868; }
.dex-cip__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.dex-cip__card {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:212px;
  border:1px solid #e5e5e5;
  border-radius:13px;
  padding:17px;
  background:#fff;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.dex-cip__card:hover { transform:translateY(-2px); border-color:#cfcfcf; box-shadow:0 10px 24px rgba(0,0,0,.045); }
.dex-cip__card-top { display:flex; justify-content:space-between; align-items:center; }
.dex-cip__accent { display:block; width:26px; height:4px; border-radius:999px; background:var(--dex-package-accent); }
.dex-cip__card--red { --dex-package-accent:#a32b3b; }
.dex-cip__card--green { --dex-package-accent:#277452; }
.dex-cip__card--gold { --dex-package-accent:#b38a43; }
.dex-cip__index { font-size:11px; color:#b6b6b6; font-weight:600; }
.dex-cip__card-middle { margin:13px 0 15px; }
.dex-cip h3 { font-size:14px; font-weight:750; line-height:1.3; text-transform:uppercase; letter-spacing:.035em; margin:0 0 6px; color:#171717; }
.dex-cip__card-middle p { font-size:13px; margin:0; color:#6e6e6e; line-height:1.45; }
.dex-cip__price { display:flex; align-items:baseline; gap:4px; padding-bottom:9px; }
.dex-cip__price>span { font-size:37px; font-weight:750; letter-spacing:-.055em; line-height:1; color:#141414; }
.dex-cip__price small { font-size:12px; font-weight:500; color:#777; }
.dex-cip__included { padding-top:10px; border-top:1px solid #eeeeee; display:flex; gap:7px; align-items:flex-start; color:#555; font-size:11.5px; line-height:1.4; }
.dex-cip__included span { color:var(--dex-package-accent); font-weight:bold; font-size:12px; }
.dex-cip__note { margin:17px 0 0; color:#727272; font-size:11.5px; line-height:1.55; }
.dex-cip__note span { margin-right:5px; }
@media (max-width: 720px) {
  .dex-cip { padding:18px; margin:25px 0; border-radius:14px; }
  .dex-cip__grid { grid-template-columns:1fr; gap:9px; }
  .dex-cip__card { min-height:unset; padding:14px 16px; }
  .dex-cip__card-middle { margin:10px 0 12px; }
  .dex-cip__price>span { font-size:31px; }
}
@media (prefers-reduced-motion: reduce) { .dex-cip__card { transition:none; } .dex-cip__card:hover { transform:none; } }