/* Radyo Frekans CMS v15.3 - Site Mobil Yerleşim CSS
   Amaç: mobilde blokların üst üste binmesini, yatay taşmayı ve kart sıkışmasını engellemek. */
@media (max-width: 1024px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;}
  body{padding-bottom:118px;}
  .site-header{position:sticky;top:0;z-index:90;width:100%;padding:10px 14px;gap:10px;}
  .site-header .logo{min-width:0;max-width:calc(100vw - 112px);}
  .site-header .logo strong{font-size:14px;line-height:1.05;}
  .header-actions{gap:6px;}
  .header-date,.theme-label{display:none!important;}

  .hero{grid-template-columns:1fr!important;min-height:auto!important;padding:28px 16px 22px!important;gap:16px;overflow:hidden;border-radius:0 0 24px 24px;}
  .hero-copy{max-width:100%;}
  .hero h1{font-size:clamp(30px,10vw,44px)!important;line-height:1.04!important;word-break:normal;}
  .hero p{font-size:16px;line-height:1.5;}
  .hero-buttons{gap:10px;flex-wrap:wrap;}
  .hero-buttons .btn{flex:1 1 145px;text-align:center;white-space:nowrap;}
  .hero-person{position:relative!important;left:auto!important;bottom:auto!important;width:min(72vw,260px)!important;height:auto!important;margin:0 auto -8px;display:block;}
  .live-card,.schedule-card{width:100%;min-height:auto!important;padding:20px!important;border-radius:20px;}
  .schedule-card li{grid-template-columns:52px 1fr!important;}
  .schedule-card li small{grid-column:2;}

  .content-grid,.info-grid,.media-grid,.custom-home-block,.poll-panel{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:18px 14px!important;display:grid!important;grid-template-columns:1fr!important;gap:18px!important;}
  .main-col,.right-col{width:100%!important;min-width:0!important;}
  .right-col{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;align-content:start;}
  .categories,.programs,.promo-band,.request-card,.hotline,.social-box,.sidebar-custom,.panel{width:100%!important;max-width:100%!important;min-width:0!important;}
  .categories h2,.programs h2,.media-grid h2,.panel h2{font-size:22px;line-height:1.2;}

  .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .cat{min-height:96px!important;padding:16px!important;font-size:24px!important;overflow:hidden;}
  .cat b{font-size:16px!important;line-height:1.15;}
  .cat small{font-size:12px!important;line-height:1.25;}
  .program-grid,.dj-grid,.thumb-row,.gallery{grid-template-columns:1fr!important;gap:14px!important;}
  .program-grid article{height:150px!important;}
  .promo-band{grid-template-columns:1fr!important;text-align:left;padding:22px!important;gap:14px!important;}
  .promo-band span{border-left:0!important;border-top:1px solid rgba(255,255,255,.25);padding-top:12px;text-align:left;font-size:30px;}

  .hotline{padding:22px!important;border-radius:22px!important;position:relative;z-index:1;}
  .hotline b{display:block;font-size:clamp(24px,8vw,34px)!important;line-height:1.15;word-break:break-word;}
  .hotline-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;}
  .hotline .hotline-btn{flex:1 1 130px;min-width:0;text-align:center;}
  .social-box{padding:22px!important;border-radius:22px!important;position:relative;z-index:1;}
  .social-box .social-icons{justify-content:flex-start!important;gap:10px!important;}
  .social-box .social-icons a{width:46px!important;height:46px!important;}

  .info-grid.three-panels{grid-template-columns:1fr!important;}
  .news{grid-template-columns:86px 1fr!important;gap:12px!important;}
  .news img{width:86px!important;height:70px!important;}
  .news p{grid-column:1 / -1!important;margin:0!important;}
  .event{grid-template-columns:64px 1fr!important;gap:12px!important;}
  .event time{font-size:18px!important;padding:8px!important;}
  .poll-box label{align-items:flex-start!important;}
  .poll-box label small{white-space:nowrap;}

  .site-search-card,.modal-card,.rf-modal-card,.popup-card{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 32px)!important;overflow:auto!important;border-radius:20px!important;}
}
@media (max-width: 420px){
  .cat-grid{grid-template-columns:1fr!important;}
  .hero-buttons .btn{flex-basis:100%;}
  .news{grid-template-columns:74px 1fr!important;}
  .news img{width:74px!important;height:64px!important;}
}