/* ============================================================
   ScanChamp — 04 · RESPONSIVE
   Все медиа-запросы собраны здесь (от широких к узким).
   Брейкпоинты: 1080px (планшет) · 900px (узкий планшет) · 620px (телефон)
   ============================================================ */

/* ---------- ≤ 1080px — планшет ---------- */
@media(max-width:1080px){
  .bento{grid-template-columns:repeat(2,1fr);}
  .bento .phone-cell{grid-row:auto;grid-column:span 2;}
  .usecases{grid-template-columns:repeat(2,1fr);}
  .reviews-grid{grid-template-columns:repeat(2,1fr);}
}

/* ---------- ≤ 900px — узкий планшет / меню-бургер ---------- */
@media(max-width:900px){
  .nav-links{display:none;}
  .hero-grid,.split,.privacy-grid,.modes-stage,.final-inner{grid-template-columns:1fr;}
  .split{gap:36px;}
  .h2{font-size:clamp(26px,4.6vw,34px);}
  .privacy-card{grid-template-columns:1fr;}
  .privacy-card .pic{aspect-ratio:16/10;}
  .modes-info{padding:40px 32px;}
  .final-inner{padding:48px 32px;}
  .final-mascot{width:128px;left:auto;right:6px;bottom:-8px;}
  .final-mascot .glow{width:150px;height:150px;}
  .section{padding:72px 0;}
  .nav-cta .store{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px 40px;}
  .footer .brand-col{grid-column:span 2;}
  .burger{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:11px;border:1.5px solid var(--gray-200);margin-left:auto;}
  .burger svg{width:24px;height:24px;}
}

/* ---------- ≤ 620px — телефон ---------- */
@media(max-width:620px){
  .wrap{padding:0 20px;}
  .h2{font-size:24px;line-height:1.16;}
  .section-head{margin-bottom:36px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px 28px;}
  .footer .brand-col{grid-column:span 2;}
  .usecases,.bento,.reviews-grid{grid-template-columns:1fr;}
  /* отзывы: на телефоне свайп пальцем — стрелки не нужны */
  .reviews-nav{display:none;}

  /* bento: одна функция на строку, телефон-визуал после 3-й карточки */
  .bento .phone-cell{grid-column:auto;order:4;}
  .bento>:nth-child(1){order:1;}   /* Scan in seconds */
  .bento>:nth-child(3){order:2;}   /* Keep files organized */
  .bento>:nth-child(4){order:3;}   /* Make photos look like scans */
  .bento>:nth-child(5){order:5;}   /* Extract text with OCR */
  .bento>:nth-child(6){order:6;}   /* Edit & sign */
  .bento>:nth-child(7),.bento .card-wide{order:7;grid-column:auto;}  /* Export and share */

  /* вкладки режимов сканирования — компактнее */
  .modes-tabs{gap:7px;margin-bottom:28px;}
  .mode-tab{padding:8px 13px;font-size:13px;gap:6px;}
  .mode-tab svg{display:none;}
  .modes-info h3{font-size:22px;}

  /* соседние кнопки магазинов — одинаковая ширина и высота */
  .edit-stores,.modes-stores{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;}
  .edit-stores .store,.modes-stores .store{width:100%;min-width:0;min-height:62px;justify-content:flex-start;}

  /* финальный CTA — кнопки на всю ширину */
  .final-cta{display:grid;grid-template-columns:1fr;gap:12px;}
  .final-cta .store-qr{width:100%;min-height:78px;}

  /* МОБИЛЬНЫЕ: прячем QR-коды целиком, кнопки занимают всю ширину */
  .qr-panel{display:none;}
  .store-col{flex:1 1 100%;}

  /* секция Edit: скрываем кнопки магазинов на телефоне */
  .edit-stores{display:none;}

  /* финальный CTA — заголовок меньше, маскот крупнее */
  .final h2{font-size:22px;line-height:1.18;}
  .final-mascot{width:176px;right:-6px;bottom:-10px;}
  .final-mascot .glow{width:200px;height:200px;}
}