/* ── TABLET: 768–1023px ── */
@media (max-width: 1023px) {
  .hero-container { grid-template-columns: 1fr; text-align: center; gap: 40px; }
  .hero-left { display: flex; flex-direction: column; align-items: center; }
  .hero-desc { max-width: 100%; font-size: 0.875rem; line-height: 1.6; }
  .hero-right { order: -1; }
  .profile-wrap { width: 280px; height: 280px; }
  .badge-a { left: -20px; }
  .badge-b { right: -20px; }

  .about-grid { grid-template-columns: 1fr; gap: 40px; }
  .services-grid { grid-template-columns: 1fr 1fr; }
  .skills-grid { grid-template-columns: 1fr; gap: 40px; }
  .contact-grid { grid-template-columns: 1fr; gap: 40px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer-brand { grid-column: 1 / -1; }

  .nav-links{ position:fixed; top:20px; right:-320px; width:280px; height:calc(100vh - 40px); background:rgba(255,255,255,.08); backdrop-filter:blur(22px); border:1px solid rgba(255,255,255,.15);  border-radius:20px;padding:90px 20px 30px;display:flex;flex-direction:column; gap:10px; transition:.4s ease; z-index:999; }
  .nav-links.open{right:20px;  }
  .nav-link { width: 100%; padding: 12px 16px; border-radius: 8px; font-size: 1rem; }
  .hamburger { display: flex; }
}

/* ── MOBILE: 320–767px ── */
@media (max-width: 767px) {
  .section{padding: 40px 0;} #home{padding:120px 0 120px;}
  .section-title { font-size: 2rem; }
  .hero-name{ display:flex;justify-content:center; align-items:center; gap:12px; flex-wrap:nowrap; font-size:3rem; }
  .name-line{ display:inline; }

  .hero-btns { justify-content: center; }
  .hero-socials { justify-content: center; }
  .profile-wrap { width: 240px; height: 240px; }
  .float-badge { display: none; }

  .services-grid { grid-template-columns: 1fr; }
  .info-cards { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
  .contact-form { padding: 24px; }
  .section-header { margin-bottom: 48px; }
  .back-top { bottom: 20px; right: 20px; width: 42px; height: 42px; }
  .certs-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
}

/* ── MOBILE SM: 320–479px ── */
@media (max-width: 479px) {
  .container { padding: 0 16px; }
  .hero-name { font-size: 2rem; }
  .hero-btns{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;}
  .hero-btns 
  .btn{flex:1;padding:12px 8px;font-size:.8rem;white-space:nowrap;justify-content:center;}
  .contact-form{padding:20px 16px;}.tech-chip{font-size:.75rem;padding:6px 12px;}
  .btn { justify-content: center; }
  .contact-form { padding: 20px 16px; }
  .tech-chip { font-size: .75rem; padding: 6px 12px; }
}

/* ── DESKTOP 1440px+ ── */
@media (min-width: 1440px) {
  .container { max-width: 1400px; }
  .hero-name { font-size: 5.5rem; }
  .profile-wrap { width: 420px; height: 420px; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
/* ================= MOBILE CERTIFICATES ================= */
@media (max-width:768px){

.certs-grid{
display:flex;
overflow-x:auto;
overflow-y:hidden;
gap:16px;
padding:8px 5px 15px;
scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
}

.certs-grid::-webkit-scrollbar{
display:none;
}

.cert-card{
flex:0 0 180px;
width:180px;
border-radius:18px;
overflow:hidden;
scroll-snap-align:start;
}

.cert-img-wrap{
height:120px;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
}

.cert-img-wrap img{
width:100%;
height:100%;
object-fit:contain;
padding:6px;
}

.cert-content{
padding:12px;
}

.cert-content h3{
font-size:15px;
line-height:1.35;
margin:6px 0;
}

.cert-content p{
font-size:12px;
}

.cert-type{
font-size:10px;
padding:4px 10px;
}

}

@media(max-width:768px){

.contact-form{

padding:22px;

}

.form-group input,
.form-group textarea{

padding-left:52px;

font-size:15px;

}

.input-icon{

left:18px;

font-size:17px;

}

.form-group label{

left:50px;

font-size:14px;

}

.btn-full{

height:56px;

font-size:16px;

}

}