/* Section heading + "Our Clients" logo grid (resources/views/partial/clients_section.blade.php)
   Used on the homepage and the product details page. */

/* ── Section heading ───────────────────────────────────────────────────── */
.pd-section-head { max-width: 680px; margin: 0 auto 34px; text-align: center; }
.pd-section-head h1, .pd-section-head h2, .pd-section-head .pd-section-title { margin: 0 0 10px; padding: 0; color: #1f2937; font-size: 34px; font-weight: 800; line-height: 1.25; }
.pd-section-head h1 span, .pd-section-head h2 span, .pd-section-head .pd-section-title span { color: #205fa2; }
.pd-section-head p, .pd-section-head .pd-section-sub, .pd-section-head .pd-section-sub p { margin: 0; color: #6b7280; font-size: 16px; line-height: 1.6; }
.pd-section-head .pd-bar { display: block; width: 70px; height: 4px; margin: 16px auto 0; border-radius: 4px; background: linear-gradient(90deg, #205fa2, #4f9be8); }

/* ── Our Clients ───────────────────────────────────────────────────────── */
.pd-clients { padding: 60px 0; background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%); text-align: center; }
.pd-clients .pd-client-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 18px; }
.pd-clients .pd-client { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 112px; padding: 14px; background: #fff; border: 1px solid #e6edf5; border-radius: 14px; box-shadow: 0 6px 18px rgba(17, 51, 94, .06); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.pd-clients .pd-client:hover { transform: translateY(-4px); border-color: rgba(32, 95, 162, .35); box-shadow: 0 14px 30px rgba(17, 51, 94, .14); }
/* Logos always fit inside the tile at their own shape: never cropped or stretched on any screen size */
.pd-clients .pd-client img { display: block; width: auto; height: auto; max-width: 100%; max-height: 76px; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; object-fit: contain; object-position: center; transform: none; transition: transform .3s ease; }
.pd-clients .pd-client:hover img { transform: scale(1.06); box-shadow: none; border-radius: 0; }
.pd-clients .pd-client::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, #205fa2, #4f9be8); transform: scaleX(0); transform-origin: left; transition: transform .35s ease; }
.pd-clients .pd-client:hover::after { transform: scaleX(1); }
.pd-clients .pd-clients-all { margin-top: 30px; }
.pd-clients .pd-clients-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: #fff; border: 1.5px solid #c9d9ec; border-radius: 12px; color: #205fa2; font-size: 15px; font-weight: 700; text-decoration: none; transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease; }
.pd-clients .pd-clients-btn:hover { background: #205fa2; border-color: #205fa2; color: #fff; transform: translateY(-2px); }

@media (max-width: 1199.98px) { .pd-clients .pd-client-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 767.98px)  { .pd-clients .pd-client-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } }
@media (max-width: 575px) {
    .pd-section-head h1, .pd-section-head h2, .pd-section-head .pd-section-title { font-size: 26px; }
    .pd-clients { padding: 44px 0; }
    .pd-clients .pd-client-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    .pd-clients .pd-client { height: 76px; padding: 10px; }
    .pd-clients .pd-client img { max-height: 52px; }
}