.seo-hero{padding:88px 0;background:linear-gradient(135deg,#061b3d,#0d438a);color:#fff}
.seo-hero .breadcrumb{font-size:.9rem;color:rgba(255,255,255,.75);margin-bottom:1.2rem}
.seo-hero .breadcrumb a{color:#ffe500}
.seo-hero h1{font-size:clamp(2.4rem,5vw,4.8rem);font-weight:900;text-transform:uppercase;line-height:1.02}
.seo-hero p{font-size:1.15rem;max-width:760px;color:rgba(255,255,255,.88)}
.seo-content{padding:78px 0}
.seo-image{border-radius:22px;width:100%;max-height:480px;object-fit:cover;box-shadow:0 18px 50px rgba(3,22,54,.15)}
.seo-content h2{font-weight:900;text-transform:uppercase;color:#061b3d}
.seo-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0;list-style:none}
.seo-list li{padding:14px 16px;background:#f3f6fb;border-radius:12px;border-left:4px solid #ffe500}
.seo-cta{padding:50px;background:#061b3d;color:#fff;border-radius:22px;margin-top:40px}
.seo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.seo-card{border:1px solid #dce3ef;border-radius:18px;overflow:hidden;background:#fff}
.seo-card img{width:100%;height:220px;object-fit:cover}
.seo-card-body{padding:22px}
.seo-card h2,.seo-card h3{font-size:1.25rem;text-transform:none}
.supplier-page-logo{max-width:420px;max-height:170px;object-fit:contain;background:#fff;border-radius:18px;padding:30px;box-shadow:0 18px 45px rgba(3,22,54,.14)}
.branch-detail{background:#f3f6fb;border-radius:18px;padding:24px}
.branch-detail a{display:inline-flex;gap:7px;margin:6px 8px 6px 0;padding:10px 14px;border-radius:9px;background:#061b3d;color:#fff}
.branch-detail a.wa{background:#20b957}
.article-content p{font-size:1.08rem;line-height:1.8}
@media(max-width:991px){.seo-cards{grid-template-columns:1fr 1fr}.seo-list{grid-template-columns:1fr}}
@media(max-width:575px){.seo-cards{grid-template-columns:1fr}.seo-hero{padding:60px 0}.seo-content{padding:55px 0}}