.industry-examples .salon-part-row { align-items: center; }
.industry-example { background: #fffcf7; }
.industry-example-banner { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:20px 25px; background:var(--es-rose); color:#fff; }
.industry-example-banner > span { font:600 10px/1.7 Inter,sans-serif; letter-spacing:.14em; }
.industry-example-banner > b { font:400 34px/1 Georgia,serif; opacity:.75; }
.industry-example .salon-part-demo-copy h4 { font-weight:700; font-size:21px; }
.industry-example-facts { margin:20px 0 24px; font-size:12px; line-height:1.85; color:#4b4d47; }
.industry-example-facts > div { display:grid; grid-template-columns:minmax(80px,.85fr) minmax(0,1.5fr); gap:12px; padding:13px 0; border-bottom:1px solid #dedbd5; }
.industry-example-facts dt { font-weight:700; }
.industry-example-facts dd { margin:0; overflow-wrap:anywhere; }
.industry-example-choices .industry-example-facts { display:grid; gap:10px; }
.industry-example-choices .industry-example-facts > div { display:block; padding:14px 16px; border:1px solid #ddd8ce; border-radius:8px; background:#fff; }
.industry-example-choices .industry-example-facts dd { margin-top:5px; }
.industry-example-process .industry-example-facts > div,
.industry-example-checklist .industry-example-facts > div { grid-template-columns:26px minmax(0,1fr); gap:3px 10px; }
.industry-example-process .industry-example-facts dd,
.industry-example-checklist .industry-example-facts dd { grid-column:2; }
.industry-example-marker { grid-row:1 / span 2; color:var(--es-rose); font-weight:700; }
.industry-example-schedule .industry-example-facts > div { border-left:3px solid var(--es-rose); padding:12px; margin-bottom:10px; background:#f2eee6; border-bottom:0; }
.industry-example-menu .industry-example-facts dd { font-weight:600; }
.industry-example blockquote { border-left:3px solid var(--es-rose); margin:16px 0 24px; padding:8px 0 8px 16px; color:#4b4d47; font-size:15px; line-height:2; }
.industry-example .salon-part-booking { background:var(--es-rose); gap:12px; text-align:left; line-height:1.7; }
@media(max-width:760px) {
  .industry-example .salon-part-demo-copy h4 { font-size:20px; }
  .industry-example-banner { padding:16px 22px; }
  .industry-example-facts > div { grid-template-columns:minmax(70px,.8fr) minmax(0,1.4fr); gap:10px; }
}

/* Photo and explanation share the same visual weight at desktop sizes. */
.industry-example-photo { width:100%; height:auto; aspect-ratio:16 / 9; }
.industry-example-photo img { width:100%; height:100%; object-fit:cover; }
.industry-examples .salon-part-reason h3 { font-size:25px; margin-bottom:22px; }
.industry-examples .salon-part-reason > p:not(.salon-part-number):not(.salon-part-material) { font-size:15px; line-height:2; margin-bottom:24px; }
.industry-examples .salon-part-reason li span { font-size:15px; line-height:2; }
.industry-examples .salon-part-reason ul { gap:24px; }
.industry-examples .salon-part-reason li { border-color:var(--es-rose); }
.industry-examples .salon-part-material { margin-top:24px; }
.industry-example .salon-part-demo-copy { padding:22px 24px; }
.industry-example .industry-example-facts { margin:16px 0 20px; }
.industry-example .industry-example-facts > div { padding-top:10px; padding-bottom:10px; }
@media(max-width:760px) {
 .industry-examples .salon-part-reason h3 { font-size:23px; }
 .industry-examples .salon-part-reason > p:not(.salon-part-number):not(.salon-part-material),
 .industry-examples .salon-part-reason li span { font-size:15px; line-height:2; }
 .industry-example-photo { aspect-ratio:3 / 2; }
}
@media(min-width:761px) {
 .salon-parts .salon-part-reason { align-self:stretch; display:flex; flex-direction:column; justify-content:space-between; }
 .salon-parts .salon-part-reason > p:not(.salon-part-number):not(.salon-part-material),
 .salon-parts .salon-part-reason li span { font-size:16px; line-height:2.05; }
}
@media(max-width:760px) {
 .salon-parts .salon-part-reason > p:not(.salon-part-number):not(.salon-part-material),
 .salon-parts .salon-part-reason li span { font-size:14px; line-height:2; }
}

/* Buying factors come before the illustrative website excerpts. */
.industry-kbf-overview { margin:0 0 36px; padding:28px 30px; background:#fff; border:1px solid #e0dadd; border-radius:16px; }
.industry-kbf-label { margin:0 0 20px; color:var(--es-rose); font-size:18px; font-weight:700; }
.industry-kbf-overview dl { margin:0; }
.industry-kbf-overview dl > div { display:grid; grid-template-columns:160px minmax(0,1fr); gap:24px; padding:16px 0; border-top:1px solid #e7e2e4; font-size:14px; line-height:1.9; }
.industry-kbf-overview dt { font-weight:700; }
.industry-kbf-overview dd { margin:0; color:#596b7c; }
.industry-kbf-note { margin:16px 0 0; font-size:12px; color:#6a7480; }
.industry-kbf-examples .salon-part-reason { justify-content:flex-start; }
.industry-kbf-examples .salon-part-reason h3 { line-height:1.7; overflow-wrap:anywhere; }
.industry-kbf-examples .salon-part-reason ul { margin-top:0; }
.industry-kbf-examples .salon-part-material { margin-top:auto; padding-top:22px; }
.industry-kbf-examples .salon-part-demo-note { display:block; margin-top:12px; }
.industry-practical { margin:36px 0; border:1px solid #dedbe0; padding:20px 24px; border-radius:12px; background:#fff; }
.industry-practical summary { cursor:pointer; font-weight:700; font-size:15px; }
.industry-practical > p { font-size:13px; color:#627183; margin-top:20px; }
.industry-practical-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.industry-practical-grid h3 { font-size:16px; line-height:1.8; }
.industry-practical-grid p,.industry-practical-grid dl { font-size:12px; line-height:1.9; }
.industry-practical-grid dl > div { border-top:1px solid #e5e1e4; padding:10px 0; }
.industry-practical-grid dt { font-weight:700; }
.industry-practical-grid dd { margin:4px 0 0; }
@media(max-width:760px) {
 .industry-kbf-overview { padding:20px; }
 .industry-kbf-overview dl > div { display:block; padding:14px 0; }
 .industry-kbf-overview dd { margin-top:6px; }
 .industry-kbf-label { font-size:16px; }
 .industry-kbf-examples .salon-part-material { margin-top:24px; }
 .industry-practical { padding:18px; }
 .industry-practical-grid { grid-template-columns:1fr; gap:16px; }
}
