/* Solutions archive — the blocks of the owner's own solutions page file: the
   quick-finder cards, the six solution blocks with their badge, problem strip,
   "what's included" checklist and footer line, and the compact four-step strip.
   Page furniture (the banner, the section heads and the closing call to action)
   comes from the shared page shell, assets/css/page-shell.css. Scoped to
   .bovt-solutions so no other page is affected. Colours are tokens. */

/* ===== Quick finder ===== */
.bovt-solutions .finder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bovt-solutions .finder-card{display:block;background:#fff;border-radius:14px;padding:26px 22px;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.06);border:2px solid transparent;transition:border-color .2s ease,transform .2s ease}
.bovt-solutions .finder-card:hover{border-color:var(--color-orange);transform:translateY(-4px)}
.bovt-solutions .finder-card .media{margin:0 auto 14px;width:56px}
.bovt-solutions .finder-card img{width:56px;height:56px;border-radius:50%}
.bovt-solutions .finder-card h4{font-size:14.5px;font-weight:800;margin:0 0 6px}
.bovt-solutions .finder-card p{font-size:12px;color:#888;margin:0}

/* ===== Solution blocks ===== */
.bovt-solutions .section,
.bovt-solutions .solution-block{scroll-margin-top:90px}
.bovt-solutions .solution-block{display:flex;align-items:stretch;flex-wrap:wrap;border-radius:20px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.07);margin-bottom:34px;background:#fff}
.bovt-solutions .solution-block.reverse{flex-direction:row-reverse}
.bovt-solutions .sol-img{flex:1;min-width:320px;position:relative}
.bovt-solutions .sol-img .media{margin:0;height:100%}
.bovt-solutions .sol-img img{width:100%;height:100%;object-fit:cover;border-radius:0;min-height:320px}
.bovt-solutions .sol-badge{position:absolute;top:20px;left:20px;background:var(--color-orange);color:#fff;font-size:12px;font-weight:800;padding:6px 16px;border-radius:20px;text-transform:uppercase}
.bovt-solutions .sol-content{flex:1.3;min-width:360px;padding:40px}
.bovt-solutions .sol-eyebrow{display:block;color:var(--color-blue);font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}
.bovt-solutions .sol-content h3{font-size:24px;font-weight:800;margin:0 0 14px}
.bovt-solutions .sol-problem{background:#fdf1ee;border-left:4px solid var(--color-orange);padding:12px 16px;border-radius:8px;font-size:13.5px;color:#8a4a2f;margin:0 0 18px}
.bovt-solutions .sol-desc{color:#555;font-size:14.5px;margin:0 0 18px}
.bovt-solutions .sol-includes{margin-bottom:20px}
.bovt-solutions .sol-includes h5{font-size:12.5px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}
.bovt-solutions .sol-includes ul{list-style:none;margin:0;padding:0}
.bovt-solutions .sol-includes li{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;font-size:13.5px;color:#444}
.bovt-solutions .sol-includes .check{flex-shrink:0;width:18px;height:18px;background:var(--color-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;margin-top:2px}
.bovt-solutions .sol-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px}
.bovt-solutions .sol-ideal{font-size:12.5px;color:#999}
.bovt-solutions .sol-ideal b{color:var(--color-blue)}
.bovt-solutions .sol-btn{background:var(--color-blue);color:#fff;font-size:13.5px;font-weight:700;padding:11px 24px;border-radius:24px;white-space:nowrap}
.bovt-solutions .sol-btn:hover{background:var(--color-blue-dark)}

/* ===== Compact four-step strip ===== */
.bovt-solutions .mini-process{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
.bovt-solutions .mini-step{flex:1;min-width:150px;text-align:center}
.bovt-solutions .mini-step .mn{width:40px;height:40px;background:var(--color-orange);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;margin:0 auto 10px}
.bovt-solutions .mini-step h5{font-size:13.5px;font-weight:700;margin:0 0 6px}
.bovt-solutions .mini-step p{font-size:12px;color:#777;margin:0}

@media (max-width:900px){
  .bovt-solutions .finder-grid{grid-template-columns:repeat(2,1fr)}
  .bovt-solutions .solution-block,
  .bovt-solutions .solution-block.reverse{flex-direction:column}
  .bovt-solutions .sol-img img{min-height:220px}
}
@media (max-width:600px){
  .bovt-solutions .finder-grid{grid-template-columns:1fr}
  .bovt-solutions .sol-content{padding:28px 22px}
}