/* ============================================================
   Отступы сайта (только экраны шире 1280px, мобильную версию не трогаем).
   ГЛАВНАЯ «РУЧКА»: --s. Хотите воздушнее: 8px -> 10px. Теснее: 8px -> 6px.
   ============================================================ */
:root{--s:8px}

@media (min-width:1281px){
  .container{padding-left:calc(var(--s)*4);padding-right:calc(var(--s)*4)}

  /* главная: отступ от шапки и между блоками */
  .layout{margin-top:calc(var(--s)*4);gap:calc(var(--s)*3);padding-bottom:calc(var(--s)*8)}

  /* боковое меню */
  .side nav{padding:calc(var(--s)*1.5) 0}
  .side__link{padding:calc(var(--s)*2) calc(var(--s)*3);gap:calc(var(--s)*2)}
  .side__promo{margin-top:calc(var(--s)*3);padding:calc(var(--s)*2.5) calc(var(--s)*3);gap:calc(var(--s)*2)}

  /* hero */
  .hero__body{padding:calc(var(--s)*6) calc(var(--s)*7)}
  .hero__title{margin:calc(var(--s)*2) 0 calc(var(--s)*3)}
  .hero__text{margin-bottom:calc(var(--s)*5);line-height:1.5}
  .hero__row{gap:calc(var(--s)*5)}
  .benefits{gap:calc(var(--s)*4)}

  /* товары */
  .top__head{margin-bottom:calc(var(--s)*3)}
  .products{gap:calc(var(--s)*2.5)}
  .card{padding:calc(var(--s)*2.5)}
  .card__img{margin:calc(var(--s)*2.5) 0 calc(var(--s)*1.5)}
  .card__foot{margin-top:calc(var(--s)*2)}

  /* блок «Будь готовий» */
  .ready{padding:calc(var(--s)*4)}
  .ready li{margin-bottom:calc(var(--s)*2)}

  .footer{margin-top:calc(var(--s)*8);padding:calc(var(--s)*4) 0}
}