@media (max-width:560px){
  
  .blk, #odmeny, #kamaradi, #faq{ padding-block:48px }

  
  .foot-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 18px; padding-bottom:26px }
  .foot-brand{ grid-column:1 / -1 }
  .foot-col h4{ margin-bottom:6px }
  .foot-col a, .foot-col span{ padding-block:0; min-height:40px; display:flex; align-items:center; font-size:.875rem }
  .foot-eu{ padding-top:20px; margin-top:20px }
  .foot-eu img{ height:40px }
  .foot-funds{ padding-top:20px; gap:16px }

  
  body .awards{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px }
  body .award{ padding:14px 8px; gap:10px }
  body .award-logo{ height:36px; width:100% }
  body .award-t b{ font-size:.875rem }
  body .award-t span{ font-size:.75rem }

  
  body .clips{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px;
    margin-inline:calc(-1 * var(--pad, 20px)); padding-inline:var(--pad, 20px); padding-bottom:6px;
    scrollbar-width:none; -webkit-overflow-scrolling:touch }
  body .clips::-webkit-scrollbar{ display:none }
  body .clips > .clip{ flex:0 0 78%; scroll-snap-align:start }

  
  .coin{ width:60px; height:60px }
  .coin img{ width:46px }

  
  .jump a{ min-height:44px; display:inline-flex; align-items:center }
}


@media (max-width:900px){
  body.at-foot .dl-rail{ transform:translateY(102%) }
}


.menu-cards{ grid-template-columns:repeat(2,minmax(0,250px)); gap:12px }
.menu-cards a{
  aspect-ratio:auto; flex-direction:row; align-items:center; justify-content:flex-start;
  gap:14px; min-height:84px; padding:14px 18px 14px 14px; border-radius:18px;
}
.menu-cards img{ order:-1; width:56px; height:auto; border-radius:14px; align-self:center; flex-shrink:0 }
.menu-cards h3{ font-size:clamp(1rem,1.25vw,1.1875rem); line-height:1.2; max-width:none }
@media (max-width:1180px){
  .menu-cards{ grid-template-columns:repeat(4,minmax(0,1fr)) }
}
@media (max-width:860px){
  .menu-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px }
  .menu-cards a{ min-height:66px; padding:10px 12px 10px 10px; gap:10px; border-radius:16px }
  .menu-cards img{ width:42px; border-radius:12px }
  .menu-cards h3{ font-size:.9375rem }
}
@media (max-height:760px) and (min-width:861px){
  .menu-cards{ grid-template-columns:repeat(2,minmax(0,230px)) }
  .menu-cards a{ min-height:70px }
  .menu-cards img{ width:44px }
}


.qr-rail .qr-badge img{ width:28px; height:auto; image-rendering:auto }
@media (max-width:1100px){ .qr-rail .qr-badge img{ width:24px } }