/* GlomaxGPT Developer Platform — SEO & Performance CSS */

/* Core Web Vitals optimizasyonu */

*{box-sizing:border-box;}

img,video{max-width:100%;height:auto;}

img{loading:lazy;}

/* Font display swap */

@font-face{font-display:swap;}

/* CLS onleme — layout shift yok */

.navbar{contain:layout style;}

.hero{contain:layout;}

/* Print styles */

@media print{

  .navbar,.sidebar,.hero-actions,.btn-primary,.lang-btn{display:none!important;}

  body{color:#000;background:#fff;}

  a{color:#000;text-decoration:underline;}

}

/* Accessibility */

:focus-visible{outline:2px solid #10a37f;outline-offset:2px;}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* High contrast mode */

@media(prefers-contrast:high){

  body{background:#000;color:#fff;}

  a{color:#10a37f;}

  button{border:2px solid #fff;}

}

/* Reduced motion */

@media(prefers-reduced-motion:reduce){

  *{animation-duration:0.01ms!important;transition-duration:0.01ms!important;}

}

/* Mobile performance */

@media(max-width:768px){

  .nb-links{display:none;}

  .hero h1{font-size:1.6rem;}

  .models-grid{grid-template-columns:1fr;}

  .plans-grid{grid-template-columns:1fr;}

  .discount-grid{grid-template-columns:1fr;}

}
