.gsmart-wrap{max-width:1200px;margin:0 auto;padding:16px}
.gsmart-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;justify-items:center}
@media (max-width:1200px){.gsmart-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){ .gsmart-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){ .gsmart-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){ .gsmart-grid{grid-template-columns:1fr}}
.gsmart-title{text-align:center;font-weight:800;font-size:clamp(22px,3.6vw,38px);margin:8px 0 12px}
.gsmart-card{width:100%;padding:28px 22px;background:#fff;border:1px solid #e8edf4;border-radius:18px;box-shadow:0 8px 20px rgba(15,23,42,.06);text-decoration:none;color:#0f172a;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .12s ease, box-shadow .2s ease, border-color .12s ease}
.gsmart-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.10);border-color:#3f5bff}
.gsmart-thumb{width:120px;height:120px;background-position:center;background-repeat:no-repeat;background-size:78% 78%}
.gsmart-noimg{background:#fff;border:2px dashed #e5e7eb;display:flex;align-items:center;justify-content:center;color:#64748b}
.gsmart-name{font-weight:700;color:#0f172a}
.gsmart-breadcrumbs{margin:6px 0 8px;color:#94a3b8;font-size:14px;text-align:center}
.gsmart-breadcrumbs a{color:#94a3b8;text-decoration:none}