.recommendations-hint,.recommendations-controls,.recommendations-open { display:none; }
/* Desktop retains the original four recommendations. */
@media (min-width:1101px) {
  .game__recommendations-list > .cases__item:nth-child(n+5) { display:none; }
}
@media (max-width:1100px) {
  body .game__recommendations { padding:16px !important; overflow:hidden; }
  body .game__recommendations .game__descr-title { margin-bottom:6px !important; font-size:20px !important; }
  .recommendations-hint { display:block; margin:0 0 14px; color:#bfc0cb; font-size:13px; line-height:1.45; }
  body .game__recommendations-list {
    display:flex; gap:12px; overflow-x:auto; overflow-y:hidden;
    scroll-snap-type:x mandatory; scroll-padding:0; overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:0; margin:0;
    align-items:stretch; list-style:none;
  }
  body .game__recommendations-list::-webkit-scrollbar { display:none; }
  body .game__recommendations-list > .cases__item {
    flex:0 0 100%; width:100% !important; max-width:100%; min-width:0 !important;
    scroll-snap-align:start; scroll-snap-stop:always; border-radius:16px !important;
    background:#191a21 !important; border:1px solid #3c3b42 !important; box-shadow:none !important;
  }
  body .game__recommendations .cases__link {
    display:flex !important; flex-direction:column; gap:12px; height:100%;
    padding:14px !important; background:transparent !important; border:0 !important; box-shadow:none !important;
  }
  body .game__recommendations .cases__image-wrapper {
    height:auto !important; aspect-ratio:16 / 9; min-height:0 !important; max-height:210px !important;
    border-radius:10px; background:#111218 !important; overflow:hidden; flex:none;
  }
  body .game__recommendations .cases__image {
    width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important;
    object-fit:contain !important; filter:none !important; transform:none !important;
  }
  body .game__recommendations .cases__name_2 {
    display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:2;
    overflow:hidden !important; height:2.8em !important; min-height:2.8em !important;
    font-size:16px !important; line-height:1.4 !important; font-weight:600;
    text-align:left !important; color:#f5f4f0; padding:0 !important;
  }
  body .game__recommendations .cases__price-wrapper { margin:0 !important; padding:0 !important; }
  body .game__recommendations .cases__price,
  body .game__recommendations .cases__price-inner {
    display:inline-block; padding:0 !important; margin:0 !important;
    background:none !important; border:0 !important; box-shadow:none !important;
    transform:none !important; text-shadow:none !important; filter:none !important; animation:none !important;
    color:#f3ce75 !important; font-size:23px !important; font-weight:700; line-height:1.3 !important;
  }
  body .game__recommendations .cases__price::before,
  body .game__recommendations .cases__price::after,
  body .game__recommendations .cases__price-inner::before,
  body .game__recommendations .cases__price-inner::after { display:none !important; }
  body .game__recommendations .cases__curr { font-size:inherit; color:inherit; }
  body .game__recommendations .recommendations-open {
    order:3; display:flex; align-items:center; justify-content:space-between; gap:8px;
    min-height:44px; margin-top:auto; padding:10px 12px; border-radius:10px;
    background:#2c2922; border:1px solid #65543a; color:#f2d699; font-size:14px; line-height:1.4; font-weight:600;
  }
  .recommendations-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:12px; }
  .recommendations-controls button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #555047; border-radius:50%; background:#24242b; color:#f3ce75; font:400 28px/1 Arial,sans-serif; cursor:pointer; }
  .recommendations-controls button:disabled { opacity:.3; cursor:default; }
  .recommendations-counter { color:#b6b6bf; font-size:14px; font-variant-numeric:tabular-nums; }
  .recommendations-counter b { color:#f3ce75; font-weight:600; }
  .recommendations-controls button:focus-visible,
  body .game__recommendations-list:focus-visible,
  body .game__recommendations .cases__link:focus-visible { outline:2px solid #f3ce75; outline-offset:-3px; }
}
