/* ===== Gaming page ===== */
.gaming-hero{max-width:1200px;margin:0 auto;padding:36px 20px 10px}
.gaming-hero h1{margin:0 0 .4rem;color:#FFFFFF}
.gaming-hero .sub{color:#D9D9D9;margin:0 0 18px}

.g-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width: 992px){.g-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 600px){.g-grid{grid-template-columns:1fr}}

/* Card (compatible with your project.css look) */
.card{display:block;background:#0e141b;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:14px;box-shadow:0 12px 30px rgba(0,0,0,.28);transition:transform .18s ease, box-shadow .18s ease}
.card .thumb{margin:0;border-radius:14px;overflow:hidden;background:#0f141b;height:200px;display:block}
.card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.card h3{margin:.6rem .2rem 0;color:#8C8C8C;transition:color .18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(0,136,255,.35)}
.card:hover h3{color:#FFFFFF}

.cta-center{
    text-align:center;
    margin:22px 0 6px}
.btn.primary{background:#0088FF;color:#fff;border:1px solid transparent;padding:10px 16px;border-radius:999px;box-shadow:0 12px 28px rgba(0,136,255,.35)}

/* Tools */
.tools-wrap{max-width:1200px;margin:0 auto;padding:28px 20px 40px}
.tools-head{text-align:center;margin-top:38px}
.tools-head h2{margin:0 0 .4rem;color:#FFFFFF}
.tools-head .sub{margin:0;color:#D9D9D9}
.tools-head hr{margin:22px auto 26px;border:none;border-top:1px solid rgba(255,255,255,.15);width:min(900px,92%)}

.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
@media (max-width: 900px){.tools-grid{grid-template-columns:1fr;gap:38px}}

.tool-block h3{color:#FFFFFF;margin:.4rem 0 .2rem}
.tool-block .brief{margin:0 0 12px;color:#8C8C8C}

.tool-hero .thumb{height:340px}
.tool-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}
.tool-mini-grid .thumb.small{height:120px}

.bottom-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.bottom-mini .thumb.tall{height:160px}
@media (max-width: 992px){.bottom-mini{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 600px){.bottom-mini{grid-template-columns:1fr}}

.card h4{
    margin:.6rem .2rem 0;
    color:#D9D9D9;
    transition:color .18s ease}
.card .mini{
    margin:.1rem .2rem 0;
    color:#8C8C8C;
    font-size:.9rem}
.card:hover h4{
    color:#FFFFFF}