/* PD. CARI AYAM INDO — Breakpoint responsif. WAJIB di-load paling akhir. */
@media (max-width:1020px){
  .hero-grid{grid-template-columns:1fr;gap:56px}
  .hero-media{max-width:560px}
  .dots-bg{display:none}
  .about-grid{grid-template-columns:1fr}
  .visi-wrap{grid-template-columns:1fr;gap:36px}
  .tile{flex-basis:calc((100% - 20px)/3)}
  .order-grid{grid-template-columns:1fr}
  .info-card{position:static}
  .cta-band{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .burger{display:flex}
  .nav{
    position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,.98);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;
    padding:12px 24px 22px;gap:2px;display:none;box-shadow:0 24px 40px -20px rgba(51,20,20,.2);
  }
  .nav.open{display:flex;animation:navIn .28s var(--ease)}
  .nav > a{padding:13px 14px}
  .nav > a::after{display:none}
  .nav .btn{margin:10px 0 0}
}
@keyframes navIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (max-width:640px){
  .fabs{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  .fab{width:50px;height:50px}
  .hero-chip{right:0;top:-16px}
  .hero{padding-top:44px}
  .hero-media{margin-bottom:30px}
  .hero-grid{gap:48px}
  .hero-cta .btn,.hero-cta .btn-ghost{flex:1 1 auto}
  .hero-pills .pill-red{flex:1 1 100%}
  .faq-b{padding-left:20px}
  .f-grid{grid-template-columns:1fr}
  .stats{gap:12px}
  .stat{flex:1 1 160px;padding:20px 22px}
  .stat b{font-size:2.3rem}
  .tiles{gap:8px}
  .tile{flex-basis:calc((100% - 8px)/2);min-width:0}
  .tile-logo{padding:12px 14px}
  .tile-logo span{font-size:.86rem}
  .slider-nav{flex-wrap:wrap;row-gap:12px}
  .tst{padding:26px 20px}
  .price-card td{padding:10px 14px}
  .price-card h3{padding:13px 14px}
  .info-card{padding:22px 18px}
}