body {
  background: #100d0e;
  color: #f5f5f5;
  font-family: Manrope, "Segoe UI", sans-serif;
}

.k7-app { min-height: 100vh; }

.k7-top {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 68px;
  padding: 0 16px;
  background: #141216;
  border-bottom: 1px solid #2a2428;
}

.k7-top h1 {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  overflow-wrap: normal;
  flex: 0 0 auto;
}
.k7-top .brand-logo { order: 1; }
.k7-top h1 { order: 2; }
.k7-burger { order: 3; }
.k7-switch { order: 4; }
.k7-actions { order: 5; }

.k7-switch { display: flex; gap: 12px; }
.k7-switch a {
  padding: 8px 12px;
  border-radius: 10px;
  background: #110d0e;
  border: 1px solid transparent;
  font-weight: 600;
  color: #fff;
}
.k7-switch a:first-child {
  background: #110d0e;
  border-color: transparent;
  color: #f5c66b;
}
.k7-actions { margin-left: auto; display: flex; gap: 8px; }
.k7-reg, .k7-in {
  padding: 10px 18px;
  border-radius: 12px;
  font-weight: 800;
}
.k7-reg { background: #fff; color: #161616; }
.k7-in { background: #d23a3a; color: #fff; }

.k7-body { display: grid; grid-template-columns: 210px minmax(0, 1fr); max-width: 1600px; margin-inline: auto; }
.k7-side {
  padding: 14px 12px 24px;
  border-right: 1px solid #2a2428;
  background: #120f11;
}
.k7-promo, .k7-wheel, .k7-nav a {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  padding: 11px 12px;
  border-radius: 12px;
  color: #ececec;
}
/* Иконки меню — чистые SVG-пиктограммы (маска + currentColor = золотой тон),
   без грубых юникод-глифов. */
.k7-nav a::before {
  content: "";
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  color: #f5d27a;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.k7-nav a:nth-child(1)::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Crect x='3' y='3' width='8' height='8' rx='2'/%3E%3Crect x='13' y='3' width='8' height='8' rx='2'/%3E%3Crect x='3' y='13' width='8' height='8' rx='2'/%3E%3Crect x='13' y='13' width='8' height='8' rx='2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Crect x='3' y='3' width='8' height='8' rx='2'/%3E%3Crect x='13' y='3' width='8' height='8' rx='2'/%3E%3Crect x='3' y='13' width='8' height='8' rx='2'/%3E%3Crect x='13' y='13' width='8' height='8' rx='2'/%3E%3C/svg%3E"); }
.k7-nav a:nth-child(2)::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='9.5' cy='6' r='2.4'/%3E%3Ccircle cx='14.5' cy='6' r='2.4'/%3E%3Crect x='3.5' y='8.5' width='17' height='3.6' rx='1'/%3E%3Crect x='5' y='12.1' width='14' height='9' rx='1'/%3E%3Crect x='11' y='8.5' width='2' height='12.6' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='9.5' cy='6' r='2.4'/%3E%3Ccircle cx='14.5' cy='6' r='2.4'/%3E%3Crect x='3.5' y='8.5' width='17' height='3.6' rx='1'/%3E%3Crect x='5' y='12.1' width='14' height='9' rx='1'/%3E%3C/svg%3E"); }
.k7-nav a:nth-child(3)::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' fill-rule='evenodd'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 4a5 5 0 1 1 0 10 5 5 0 0 1 0-10z'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' fill-rule='evenodd'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 4a5 5 0 1 1 0 10 5 5 0 0 1 0-10z'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E"); }
.k7-nav a:nth-child(4)::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 4h10v5a5 5 0 0 1-10 0z'/%3E%3Cpath d='M7 5H4v2a3 3 0 0 0 3 3zM17 5h3v2a3 3 0 0 1-3 3z'/%3E%3Crect x='10.5' y='13' width='3' height='4'/%3E%3Crect x='7' y='18' width='10' height='3' rx='1'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 4h10v5a5 5 0 0 1-10 0z'/%3E%3Cpath d='M7 5H4v2a3 3 0 0 0 3 3zM17 5h3v2a3 3 0 0 1-3 3z'/%3E%3Crect x='10.5' y='13' width='3' height='4'/%3E%3Crect x='7' y='18' width='10' height='3' rx='1'/%3E%3C/svg%3E"); }
.k7-nav a:nth-child(5)::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpolygon points='13,2 4,13 11,13 9,22 20,10 13,10'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpolygon points='13,2 4,13 11,13 9,22 20,10 13,10'/%3E%3C/svg%3E"); }
.k7-nav a:nth-child(6)::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' fill-rule='evenodd'%3E%3Cpath d='M6 8h12l-1 13H7z'/%3E%3Cpath d='M8 9V7a4 4 0 0 1 8 0v2h-2V7a2 2 0 0 0-4 0v2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' fill-rule='evenodd'%3E%3Cpath d='M6 8h12l-1 13H7z'/%3E%3Cpath d='M8 9V7a4 4 0 0 1 8 0v2h-2V7a2 2 0 0 0-4 0v2z'/%3E%3C/svg%3E"); }
.k7-nav a:nth-child(7)::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 10a8 4.5 0 0 1 16 0z'/%3E%3Crect x='4' y='10' width='16' height='9' rx='1'/%3E%3Crect x='11' y='12' width='2' height='4' fill='white'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 10a8 4.5 0 0 1 16 0z'/%3E%3Crect x='4' y='10' width='16' height='9' rx='1'/%3E%3C/svg%3E"); }
.k7-nav a:nth-child(8)::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Crect x='3' y='7' width='18' height='10' rx='2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Crect x='3' y='7' width='18' height='10' rx='2'/%3E%3C/svg%3E"); }
.k7-nav a:nth-child(9)::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 8l4 4 5-7 5 7 4-4-1.5 11h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2.5' rx='.6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 8l4 4 5-7 5 7 4-4-1.5 11h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2.5' rx='.6'/%3E%3C/svg%3E"); }
.k7-nav a:nth-child(10)::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpolygon points='8,2 12,8.5 10,9 6,4.5'/%3E%3Cpolygon points='16,2 18,4.5 14,9 12,8.5'/%3E%3Ccircle cx='12' cy='15' r='5.5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpolygon points='8,2 12,8.5 10,9 6,4.5'/%3E%3Cpolygon points='16,2 18,4.5 14,9 12,8.5'/%3E%3Ccircle cx='12' cy='15' r='5.5'/%3E%3C/svg%3E"); }
.k7-nav a:nth-child(11)::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpolygon points='12,2 14.6,8.6 21.5,9 16,13.4 17.8,20.5 12,16.5 6.2,20.5 8,13.4 2.5,9 9.4,8.6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpolygon points='12,2 14.6,8.6 21.5,9 16,13.4 17.8,20.5 12,16.5 6.2,20.5 8,13.4 2.5,9 9.4,8.6'/%3E%3C/svg%3E"); }
.k7-promo { background: linear-gradient(90deg, #3a1820, #241418); border: 1px solid #5a3038; }
.k7-wheel { background: #1a1714; border: 1px solid #3a3428; }
.k7-promo::before, .k7-wheel::before {
  content: "";
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  background-color: currentColor;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: contain; mask-size: contain;
}
.k7-promo::before { color: #ff7ea0; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='9.5' cy='6' r='2.4'/%3E%3Ccircle cx='14.5' cy='6' r='2.4'/%3E%3Crect x='3.5' y='8.5' width='17' height='3.6' rx='1'/%3E%3Crect x='5' y='12.1' width='14' height='9' rx='1'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='9.5' cy='6' r='2.4'/%3E%3Ccircle cx='14.5' cy='6' r='2.4'/%3E%3Crect x='3.5' y='8.5' width='17' height='3.6' rx='1'/%3E%3Crect x='5' y='12.1' width='14' height='9' rx='1'/%3E%3C/svg%3E"); }
.k7-wheel::before { color: #f5c451; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' fill-rule='evenodd'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 3a7 7 0 1 1 0 14 7 7 0 0 1 0-14z'/%3E%3Crect x='11' y='2' width='2' height='8'/%3E%3Crect x='11' y='14' width='2' height='8'/%3E%3Crect x='2' y='11' width='8' height='2'/%3E%3Crect x='14' y='11' width='8' height='2'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' fill-rule='evenodd'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 3a7 7 0 1 1 0 14 7 7 0 0 1 0-14z'/%3E%3Crect x='11' y='2' width='2' height='8'/%3E%3Crect x='11' y='14' width='2' height='8'/%3E%3Crect x='2' y='11' width='8' height='2'/%3E%3Crect x='14' y='11' width='8' height='2'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3C/svg%3E"); }
.k7-nav a:hover, .k7-promo:hover, .k7-wheel:hover { background: #2a2226; }
.k7-cash { margin-top: 16px; }
.k7-cash-link {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 10px;
  background: #d23a3a;
  color: #fff;
  font-weight: 700;
}
.k7-app-download { position: relative; display: block; margin-top: auto; min-height: 116px; overflow: hidden; border-radius: 12px; background: #19100f; color: #fff; }
.k7-app-download img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.k7-app-download span { position: relative; z-index: 1; display: grid; justify-items: start; gap: 2px; width: 60%; padding: 13px 14px; }
.k7-app-download b { font-size: 14px; font-weight: 600; color: rgba(255,255,255,.92); }.k7-app-download small { font-size: 10px; line-height: 1.25; color: rgba(255,255,255,.78); }
.k7-app-download em { display: inline-flex; align-items: center; width: max-content; margin-top: 10px; padding: 7px 13px; border-radius: 9px; background: linear-gradient(#d1021b, #a7091c); font-size: 12px; font-style: normal; font-weight: 700; box-shadow: 0 4px 10px rgba(209,2,27,.35); }
.k7-app-btn::before { content: ""; width: 12px; height: 13px; margin-right: 6px; background: #fff; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 2.5v19l7.5-4.1-3.6-5.9 3.6-5.9zM13 7.1l3.2 4.9-3.2 4.9 5.8-3.4a2 2 0 0 0 0-3zM13.6 5.9 7.9 2.6 12 9.4zM12 14.6l-4.1 6.8 5.7-3.3z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 2.5v19l7.5-4.1-3.6-5.9 3.6-5.9zM13 7.1l3.2 4.9-3.2 4.9 5.8-3.4a2 2 0 0 0 0-3zM13.6 5.9 7.9 2.6 12 9.4zM12 14.6l-4.1 6.8 5.7-3.3z'/%3E%3C/svg%3E") center/contain no-repeat; }

.k7-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 12px;
  min-width: 0;
  padding: 16px 16px 16px 38px;
}
.k7-hero, .k7-widgets a { position: relative; display: block; border-radius: 18px; overflow: hidden; }
.k7-hero img { display: block; width: 100%; height: 320px; object-fit: cover; object-position: 68% center; }
.k7-widgets img { display: block; width: 100%; height: 154px; object-fit: cover; object-position: center; }
.k7-widgets { display: flex; flex-direction: column; gap: 12px; }
.k7-widgets img { height: 154px; }
.k7-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.2) 50%, transparent 65%);
  transform: translateX(-120%);
  animation: k7-shine 5.5s ease-in-out infinite;
}
@keyframes k7-shine {
  0%, 58% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}
.k7-lobbybar, .k7-main > .slot-shelf-wrap, .k7-main > .lobby-story { grid-column: 1 / -1; }
.k7-lobbybar { display: flex; gap: 10px; min-width: 0; }
.k7-chips { align-self: start; display: flex; flex: 1 1 auto; gap: 8px; min-width: 0; overflow-x: auto; padding: 4px; border: 1px solid #4a1720; border-radius: 12px; background: #1a0f12; }
.k7-chips a {
  flex: 0 0 auto;
  padding: 10px 14px;
  border-radius: 12px;
  background: transparent;
}
.k7-chips a:first-child { color: #ff5a3c; }
.k7-provider, .k7-tool { display: grid; flex: 0 0 auto; min-height: 46px; place-items: center; border: 1px solid #4a1720; border-radius: 12px; background: #1a0f12; font-weight: 800; }
.k7-provider { padding: 0 15px; }.k7-tool { width: 46px; }
.k7-app .slot-shelf-wrap h2::before { content: "🔥"; margin-right: 9px; }
.k7-app .slot-shelf li { background: linear-gradient(#4a1822, #1c0d12); }
.k7-app .slot-shelf img {
  width: 108px;
  height: 108px;
  max-width: none;
  margin: 14px auto 0;
  border-radius: 50%;
  object-fit: cover;
}
.k7-app .slot-shelf h3, .k7-app .slot-shelf p { text-align: center; }

@media (max-width: 1100px) {
  .k7-top { height: auto; flex-wrap: wrap; padding: 8px 10px; }
  .k7-switch { order: 5; }
  .k7-actions { margin-left: auto; }
  .k7-body { grid-template-columns: 1fr; }
  .k7-side {
    position: fixed;
    z-index: 30;
    top: 68px;
    bottom: 0;
    left: 0;
    width: min(304px, 88vw);
    transform: translateX(-110%);
    transition: transform .25s ease;
    overflow: auto;
  }
  .k7-app-download { margin-top: 18px; }
  .k7-toggle:checked ~ .k7-body .k7-side { transform: translateX(0); }
  .k7-main { grid-template-columns: minmax(0, 1fr); padding: 12px; }
  .k7-hero img, .k7-widgets img { height: auto; object-fit: contain; object-position: center; }
}

@media (max-width: 600px) {
  .k7-side { width: min(240px, 78vw); }
  .k7-actions {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  .k7-hero::after { animation: none; }
}

/* The cabinet has a fixed desktop working area.  Keeping that geometry on
   ultrawide displays prevents the source banner from becoming a blurred strip. */
@media (min-width: 1101px) {
  .k7-main {
    width: auto;
    margin-inline: 0;
    grid-template-columns: minmax(0, 1fr) 320px;
  }
  .k7-hero img {
    height: auto;
    aspect-ratio: 844 / 370;
    object-fit: cover;
  }
  .k7-main > .slot-shelf-wrap { width: 100%; margin: 0; }
}

/* The supplied 7K mark already contains the visible brand name. */
.k7-top h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

/* Lobby geometry from the current 7K cabinet: promo canvas on the left,
   compact service cards on the right, followed by real catalogue sections. */
.k7-top .brand-logo { order: 1; width: 94px; height: 46px; object-fit: contain; }
.k7-burger { order: 2; }
.k7-switch { order: 3; }
.k7-actions { order: 5; }
.k7-main { align-content: start; }
.k7-carousel { position: relative; min-width: 0; overflow: hidden; border-radius: 16px; background: #251313; }
.k7-slides { position: relative; aspect-ratio: 844 / 370; min-height: 0; }
.k7-slide { position: absolute; inset: 0; display: none; overflow: hidden; }
.k7-slide.is-active { display: block; }
.k7-slide img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.k7-offer-slide { align-items: center; justify-content: space-between; padding-left: clamp(28px, 5vw, 72px); background: radial-gradient(circle at 78% 50%, #642012 0, transparent 35%), linear-gradient(108deg, #240c0e, #521813 58%, #1a090b); }
.k7-offer-slide.is-active { display: flex; }
.k7-offer-slide > span { position: relative; z-index: 1; display: grid; max-width: 43%; color: #fff; }
.k7-offer-slide b { color: #ffc36e; font-size: 14px; }
.k7-offer-slide strong { margin: 9px 0; font-size: clamp(22px, 3vw, 40px); line-height: 1.04; }
.k7-offer-slide em { color: #f1dad0; font-style: normal; line-height: 1.4; }
.k7-offer-slide i { width: max-content; margin-top: 18px; padding: 10px 17px; border-radius: 8px; background: #cf3a37; color: #fff; font-style: normal; font-weight: 800; }
.k7-offer-slide img { width: 55%; height: 100%; object-fit: contain; object-position: right center; }
.k7-dots { position: absolute; right: 50%; bottom: 12px; z-index: 2; display: flex; gap: 7px; transform: translateX(50%); }
.k7-dots button { width: 28px; height: 4px; padding: 0; border: 0; border-radius: 10px; background: rgba(255,255,255,.42); cursor: pointer; }
.k7-dots button.is-active { width: 34px; background: #fff; }
.k7-carousel, .k7-widgets { align-self: stretch; }
.k7-carousel { grid-column: 1; }
.k7-widgets { grid-column: 2; }
.k7-widgets a { min-height: 0; background: #251313; }
.k7-widgets img { width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center; }
.k7-widgets .k7-jackpot img { object-fit: contain; background: radial-gradient(circle at 68% 50%, #642418, #210e11 68%); }
.k7-main > .k7-lobbybar, .k7-main > .slot-shelf-wrap, .k7-main > .brand-footer { grid-column: 1 / -1; }
.k7-app .slot-shelf-wrap { margin: 12px 0 8px; }
.k7-app .slot-shelf-wrap h2 { margin: 0 0 12px; font-size: 22px; }
.k7-app .slot-shelf-wrap h2::before { content: "🔥"; margin-right: 9px; }
.k7-app #popular-100 h2::before { content: ""; margin: 0; }
.k7-app #popular-100 h2::after { content: "100"; margin-left: 9px; padding: 2px 7px; border: 1px solid #8f8385; border-radius: 999px; color: #ddd; font-size: 11px; vertical-align: middle; }
.k7-app #popular-100 .slot-shelf { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; overflow: visible; padding-bottom: 0; }
.k7-app #popular-100 .slot-shelf li { min-width: 0; background: linear-gradient(145deg, #571620, #210c11); }
.k7-app #popular-100 .slot-shelf img { width: 100%; height: auto; aspect-ratio: 1; margin: 0; border-radius: 12px 12px 0 0; object-fit: cover; }
.k7-app #popular-100 .slot-shelf h3, .k7-app #popular-100 .slot-shelf p { padding-inline: 8px; text-align: left; }
.brand-footer { margin-top: 28px; padding: 24px 0 32px; border-top: 1px solid rgba(255,255,255,.12); color: #98929a; font-size: 12px; }
.brand-footer nav { display: flex; flex-wrap: wrap; gap: 9px 18px; }
.brand-footer > div { display: flex; align-items: center; gap: 18px; margin-top: 20px; }
.brand-footer p { max-width: 520px; margin: 0; line-height: 1.4; }
.brand-footer-18 { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #e13b43; color: #fff; font-weight: 900; }
.k7-chat { position: fixed; z-index: 25; right: 24px; bottom: 24px; display: inline-flex; align-items: center; gap: 8px; padding: 13px 17px; border-radius: 11px; background: linear-gradient(135deg, #ee4948, #bd1f35); box-shadow: 0 10px 28px rgba(0,0,0,.35); color: #fff; font-weight: 800; }
.k7-chat:first-letter { font-size: 21px; }
@media (min-width: 1101px) { .k7-main { grid-template-columns: minmax(0, 1fr) 320px; width: auto; }.k7-widgets { grid-template-rows: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1100px) { .k7-main { display: grid; }.k7-carousel, .k7-widgets { grid-column: 1; }.k7-widgets { display: grid; grid-template-columns: 1fr 1fr; }.k7-main > .k7-lobbybar, .k7-main > .slot-shelf-wrap, .k7-main > .brand-footer { grid-column: 1; } }
@media (max-width: 700px) { .k7-top .brand-logo { width: 72px; }.k7-switch a { padding: 7px 10px; font-size: 12px; }.k7-widgets { gap: 8px; }.k7-app #popular-100 .slot-shelf { grid-template-columns: repeat(2, minmax(0, 1fr)); }.brand-footer > div { align-items: flex-start; flex-direction: column; gap: 10px; }.k7-offer-slide { padding-left: 20px; }.k7-offer-slide > span { max-width: 53%; }.k7-offer-slide b { font-size: 11px; }.k7-offer-slide strong { font-size: 22px; }.k7-offer-slide em { font-size: 12px; }.k7-offer-slide i { margin-top: 9px; padding: 7px 11px; font-size: 12px; }.k7-offer-slide img { width: 51%; }.k7-chat { right: 14px; bottom: 14px; padding: 11px 13px; }.k7-chat span { display: none; } }
.k7-carousel { align-self: start; }.k7-jackpot { position: relative; overflow: hidden; }.k7-jackpot span { position: absolute; left: 9%; bottom: 17%; color: #ffd986; font-size: clamp(15px, 1.25vw, 24px); font-weight: 900; letter-spacing: .02em; text-shadow: 0 2px 3px #250708; }@media (max-width: 720px) { .k7-jackpot span { font-size: 15px; } }
.k7-chips { scrollbar-width: none; }
.k7-chips::-webkit-scrollbar { display: none; }
.k7-app .slot-shelf { scrollbar-width: none; }
.k7-app .slot-shelf::-webkit-scrollbar { display: none; }
.k7-side { scrollbar-width: thin; scrollbar-color: #45413f transparent; }
.k7-side::-webkit-scrollbar { width: 4px; }
.k7-side::-webkit-scrollbar-thumb { background: #45413f; border-radius: 4px; }
.k7-slides { aspect-ratio: 832 / 320; }
.k7-layered-slide .k7-slide-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.k7-layered-slide .k7-slide-art { position: absolute; right: 0; bottom: 0; width: auto; height: 100%; max-width: 52%; object-fit: contain; object-position: right bottom; }
.k7-slide-copy { position: absolute; top: 50%; left: 4.8%; z-index: 1; display: grid; justify-items: start; max-width: 47%; transform: translateY(-50%); color: #fff; }
.k7-slide-copy b { padding: 5px 10px; border-radius: 5px; background: #ffffff1c; font-size: clamp(10px, 1vw, 14px); }
.k7-slide-copy strong { margin-top: 10px; font-size: clamp(20px, 2.2vw, 34px); line-height: 1.05; }
.k7-slide-copy em { margin-top: 6px; font-size: clamp(12px, 1.25vw, 19px); font-style: normal; }
.k7-slide-copy i { margin-top: 18px; padding: 11px 20px; border-radius: 8px; background: #c92c35; font-size: 13px; font-style: normal; font-weight: 800; }
@media (max-width: 700px) { .k7-slide-copy b { padding: 2px 6px; }.k7-slide-copy strong { margin-top: 3px; font-size: clamp(15px, 5vw, 25px); }.k7-slide-copy em { margin-top: 3px; font-size: 11px; }.k7-slide-copy i { margin-top: 7px; padding: 6px 10px; font-size: 11px; }.k7-dots { bottom: 5px; } }
.k7-footer .k7-footer-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; margin: 0; align-items: start; }
.k7-footer-columns section { display: grid; gap: 10px; }
.k7-footer-columns h2 { margin: 0 0 7px; color: #f5f2f2; font-size: 17px; }
.k7-footer-columns a { color: #aaa1a3; font-size: 14px; }
.k7-footer .k7-footer-providers, .k7-footer .k7-footer-payments, .k7-footer .k7-footer-bottom { display: flex; flex-wrap: wrap; gap: 16px 26px; align-items: center; margin-top: 30px; padding-top: 22px; border-top: 1px solid #302327; color: #b5adae; font-weight: 700; }
.k7-footer-payments img { display: block; width: auto; height: 24px; max-width: 90px; object-fit: contain; filter: grayscale(1) brightness(0) invert(.72); }
.k7-footer-payments img[alt="Bitcoin"], .k7-footer-payments img[alt="Tether"] { height: 23px; margin-right: -20px; }
.k7-footer p { margin-top: 24px; }
@media (max-width: 700px) { .k7-footer .k7-footer-columns { grid-template-columns: 1fr 1fr; gap: 18px; }.k7-footer-columns a { font-size: 12px; } }
.k7-footer-providers img { width: 105px; height: 40px; object-fit: contain; filter: grayscale(1); opacity: .7; }

/* ============================================================
   7K — доводка под оригинал 7k5236.casino:
   насыщеннее цвет, боковые блоки с картинками, живая мобилка.
   ============================================================ */

/* Более глубокий тёплый фон и насыщенные акценты */
body { background: #120a0c; }
.k7-top { background: #1c0f12; border-bottom-color: #43242b; }
.k7-side { background: #170c0f; border-right-color: #3c2027; }
.k7-switch a { background: #110d0e; border-color: transparent; color: #fff; }
.k7-switch a:first-child { background: #110d0e; border-color: transparent; color: #f5c66b; }
.k7-in { background: linear-gradient(135deg, #ff3b3b, #d20f24); }
.k7-reg { background: #fff; color: #190a0c; }
.k7-cash-link { background: linear-gradient(135deg, #ff3b3b, #d20f24); }
.k7-nav a::before { color: #ffcf6b; }
.k7-nav a:hover, .k7-promo:hover, .k7-wheel:hover { background: #351f26; }
.k7-chips, .k7-provider, .k7-tool { border-color: #7d2230; background: #2b0f16; }
.k7-chips a:first-child { color: #ff6a46; }
.k7-app .slot-shelf li { background: linear-gradient(#7c1526, #230a12); }
.k7-app #popular-100 .slot-shelf li { background: linear-gradient(145deg, #7c1526, #230a12); }

/* Боковые промо-кнопки как в оригинале: подпись слева, крупная иконка справа */
.k7-promo, .k7-wheel {
  position: relative;
  justify-content: flex-start;
  min-height: 48px;
  padding: 12px 52px 12px 14px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  overflow: hidden;
}
.k7-promo { background: linear-gradient(90deg, #130d0e 46%, rgba(214,18,38,.9) 112%); border: 1px solid #5a2630; }
.k7-wheel { background: linear-gradient(90deg, #17120f 60%, rgba(214,150,45,.22)); border: 1px solid #322a20; }
.k7-promo::before, .k7-wheel::before { content: none; }
.k7-promo::after, .k7-wheel::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: center/contain no-repeat;
}
.k7-promo::after { width: 42px; height: 42px; background-image: url("/assets/lobby/7k/ic-bonus.svg"); }
.k7-wheel::after { width: 46px; height: 46px; background-image: url("/assets/lobby/7k/ic-wheel.svg"); animation: k7-spin 9s linear infinite; }
@keyframes k7-spin { to { transform: translateY(-50%) rotate(360deg); } }

/* Лента полок: мягкое затухание справа — видно, что она прокручивается */
.k7-chips {
  -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent);
  mask-image: linear-gradient(90deg, #000 90%, transparent);
  scroll-behavior: smooth;
}

/* Маленькая живая иконка на кнопках режима «Казино»/«Ставки» */
.k7-switch a { display: inline-flex; align-items: center; gap: 6px; }
.k7-switch a::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  background: #f5c66b;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' fill-rule='evenodd'%3E%3Cpath d='m18.36 14.568-1 1.758a.31.31 0 0 0 .11.422l1.268.745a.316.316 0 0 1 .08.468 8.95 8.95 0 0 1-5.164 3.034.31.31 0 0 1-.354-.309V19.2a.307.307 0 0 0-.303-.308h-1.994c-.167 0-.303.139-.303.442v1.357c0 .19-.167.34-.354.304a8.97 8.97 0 0 1-5.165-3.034c-.126-.144-.08-.37.081-.468l1.267-.745a.31.31 0 0 0 .111-.422l-1-1.758a.297.297 0 0 0-.413-.113l-1.273.745a.3.3 0 0 1-.439-.159A9.3 9.3 0 0 1 3 12.003c0-1.065.187-2.088.515-3.039a.303.303 0 0 1 .44-.16l1.272.746a.297.297 0 0 0 .414-.113l1-1.758a.31.31 0 0 0-.112-.422l-1.267-.745a.316.316 0 0 1-.08-.468 8.95 8.95 0 0 1 5.164-3.033.31.31 0 0 1 .354.308v1.48c0 .17.136.31.303.31h1.994c.167 0 .303-.14.303-.443V3.309c0-.19.172-.34.354-.304a8.97 8.97 0 0 1 5.165 3.039c.126.144.08.37-.081.468l-1.267.745a.31.31 0 0 0-.111.422l1 1.758c.085.15.267.2.413.113l1.273-.745a.3.3 0 0 1 .439.16c.328.95.515 1.973.515 3.038a9.3 9.3 0 0 1-.515 3.038.303.303 0 0 1-.44.16l-1.272-.746a.297.297 0 0 0-.414.113m-6.362 3.537c-3.308 0-5.994-2.73-5.994-6.102S8.685 5.9 11.998 5.9s5.993 2.73 5.993 6.103-2.681 6.102-5.993 6.102m2.101-8.735a1.91 1.91 0 0 1-.73 1.487c.226-.08.47-.125.727-.125 1.156.001 2.093.88 2.093 1.963s-.939 1.964-2.096 1.964a2.14 2.14 0 0 1-1.642-.747 6.8 6.8 0 0 0 .579 2.682h-1.881a7.7 7.7 0 0 0 .39-2.67 2.14 2.14 0 0 1-1.632.735c-1.157 0-2.096-.88-2.096-1.964s.939-1.963 2.096-1.963c.257 0 .503.045.73.125a1.91 1.91 0 0 1-.73-1.487c0-1.084.939-1.964 2.096-1.964s2.096.88 2.096 1.964m-.003 1.362h-.003.006z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' fill-rule='evenodd'%3E%3Cpath d='m18.36 14.568-1 1.758a.31.31 0 0 0 .11.422l1.268.745a.316.316 0 0 1 .08.468 8.95 8.95 0 0 1-5.164 3.034.31.31 0 0 1-.354-.309V19.2a.307.307 0 0 0-.303-.308h-1.994c-.167 0-.303.139-.303.442v1.357c0 .19-.167.34-.354.304a8.97 8.97 0 0 1-5.165-3.034c-.126-.144-.08-.37.081-.468l1.267-.745a.31.31 0 0 0 .111-.422l-1-1.758a.297.297 0 0 0-.413-.113l-1.273.745a.3.3 0 0 1-.439-.159A9.3 9.3 0 0 1 3 12.003c0-1.065.187-2.088.515-3.039a.303.303 0 0 1 .44-.16l1.272.746a.297.297 0 0 0 .414-.113l1-1.758a.31.31 0 0 0-.112-.422l-1.267-.745a.316.316 0 0 1-.08-.468 8.95 8.95 0 0 1 5.164-3.033.31.31 0 0 1 .354.308v1.48c0 .17.136.31.303.31h1.994c.167 0 .303-.14.303-.443V3.309c0-.19.172-.34.354-.304a8.97 8.97 0 0 1 5.165 3.039c.126.144.08.37-.081.468l-1.267.745a.31.31 0 0 0-.111.422l1 1.758c.085.15.267.2.413.113l1.273-.745a.3.3 0 0 1 .439.16c.328.95.515 1.973.515 3.038a9.3 9.3 0 0 1-.515 3.038.303.303 0 0 1-.44.16l-1.272-.746a.297.297 0 0 0-.414.113m-6.362 3.537c-3.308 0-5.994-2.73-5.994-6.102S8.685 5.9 11.998 5.9s5.993 2.73 5.993 6.103-2.681 6.102-5.993 6.102m2.101-8.735a1.91 1.91 0 0 1-.73 1.487c.226-.08.47-.125.727-.125 1.156.001 2.093.88 2.093 1.963s-.939 1.964-2.096 1.964a2.14 2.14 0 0 1-1.642-.747 6.8 6.8 0 0 0 .579 2.682h-1.881a7.7 7.7 0 0 0 .39-2.67 2.14 2.14 0 0 1-1.632.735c-1.157 0-2.096-.88-2.096-1.964s.939-1.963 2.096-1.963c.257 0 .503.045.73.125a1.91 1.91 0 0 1-.73-1.487c0-1.084.939-1.964 2.096-1.964s2.096.88 2.096 1.964m-.003 1.362h-.003.006z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.k7-switch a#live::before {
  background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21 14.016a8.999 8.999 0 0 1-15.375 6.337A8.998 8.998 0 0 1 12.015 5 9.02 9.02 0 0 1 21 14.016m-9.036 2.88c.483 0 .968.016 1.45 0a.56.56 0 0 0 .393-.225q.71-1.17 1.37-2.371v-.001c.061-.13.061-.28 0-.411a55 55 0 0 0-1.423-2.338h-.001a.5.5 0 0 0-.36-.207 72 72 0 0 0-2.743 0 .56.56 0 0 0-.393.225q-.732 1.145-1.434 2.328a.5.5 0 0 0 0 .41q.675 1.197 1.373 2.371a.5.5 0 0 0 .355.208c.473.024.943.011 1.413.011M8.688 8.897c-.762.074-1.374.121-1.98.202a.63.63 0 0 0-.398.248c-.461.724-.9 1.463-1.334 2.207a.5.5 0 0 0-.036.385q.373.924.799 1.827a.4.4 0 0 0 .307.187c.599-.04 1.195-.1 1.8-.182a.6.6 0 0 0 .388-.248q.735-1.155 1.422-2.338a.58.58 0 0 0 .03-.45c-.224-.531-.45-1.053-.708-1.564a1 1 0 0 0-.29-.274m6.61 0a.9.9 0 0 0-.26.266 22 22 0 0 0-.712 1.575.6.6 0 0 0 .025.45c.45.787.933 1.575 1.424 2.335a.67.67 0 0 0 .423.252 22 22 0 0 0 1.749.176.43.43 0 0 0 .33-.212q.411-.861.77-1.75a.56.56 0 0 0-.02-.425 65 65 0 0 0-1.337-2.207v-.001a.63.63 0 0 0-.39-.257c-.62-.082-1.25-.13-2.001-.204zm-.258 10.539c-.416-.58-.822-1.161-1.24-1.72a.42.42 0 0 0-.301-.116q-1.499-.018-3.013 0a.42.42 0 0 0-.295.135c-.418.563-.82 1.125-1.233 1.708.423.542.815 1.062 1.23 1.575.103.108.241.173.39.182a91 91 0 0 0 2.857 0 .53.53 0 0 0 .365-.18c.417-.513.817-1.042 1.24-1.584M5.966 8.303q.281.082.57.115c.262 0 .52-.044.78-.072.555-.063 1.156-.013 1.66-.213q1.314-.559 2.53-1.31c.139-.083.132-.45.135-.7 0-.076-.18-.173-.295-.224-.42-.192-.84-.077-1.26.024h-.001a8.3 8.3 0 0 0-4.12 2.38m12.064 0a8.2 8.2 0 0 0-4.428-2.441 3 3 0 0 0-.954.043c-.108.015-.288.145-.288.225 0 .24 0 .614.14.697.816.482 1.674.9 2.519 1.333v-.001a.6.6 0 0 0 .192.039c.751.076 1.502.16 2.25.225q.292-.027.57-.129zm-14.02 3.6c-.45 1.25-.389 3.133.08 4.666v.001c.142.471.432.884.827 1.179.45-.225.45-.225.439-.693-.034-.806-.061-1.605-.106-2.397a1.3 1.3 0 0 0-.092-.45 70 70 0 0 0-.86-1.966q-.12-.196-.288-.356zm15.087 5.827c1.11-.913 1.638-4.241.877-5.785-.08.072-.186.121-.225.198-.396 1.062-1.125 2.01-1.05 3.23v.002q.032.843-.073 1.68c-.029.345.076.56.47.66zm-4.622 4.194a8.04 8.04 0 0 0 3.746-2.443q.299-.404.468-.877a.34.34 0 0 0-.075-.316c-.152-.073-.389-.168-.503-.1-1.406.821-2.797 1.662-3.672 3.122-.14.23-.189.383.036.614m-4.837.036c0-.225.058-.407 0-.524-.883-1.523-2.302-2.439-3.782-3.27-.101-.06-.334.051-.468.139a.35.35 0 0 0-.059.32c.087.283.22.551.394.793a8.3 8.3 0 0 0 3.915 2.542'/%3E%3Cpath d='M17.842 7.157A8.98 8.98 0 0 1 20.999 14a9 9 0 0 1-9 9 8.98 8.98 0 0 1-6.843-3.157A8.96 8.96 0 0 0 11 22a9 9 0 0 0 9-9c0-2.23-.813-4.27-2.157-5.843'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21 14.016a8.999 8.999 0 0 1-15.375 6.337A8.998 8.998 0 0 1 12.015 5 9.02 9.02 0 0 1 21 14.016m-9.036 2.88c.483 0 .968.016 1.45 0a.56.56 0 0 0 .393-.225q.71-1.17 1.37-2.371v-.001c.061-.13.061-.28 0-.411a55 55 0 0 0-1.423-2.338h-.001a.5.5 0 0 0-.36-.207 72 72 0 0 0-2.743 0 .56.56 0 0 0-.393.225q-.732 1.145-1.434 2.328a.5.5 0 0 0 0 .41q.675 1.197 1.373 2.371a.5.5 0 0 0 .355.208c.473.024.943.011 1.413.011M8.688 8.897c-.762.074-1.374.121-1.98.202a.63.63 0 0 0-.398.248c-.461.724-.9 1.463-1.334 2.207a.5.5 0 0 0-.036.385q.373.924.799 1.827a.4.4 0 0 0 .307.187c.599-.04 1.195-.1 1.8-.182a.6.6 0 0 0 .388-.248q.735-1.155 1.422-2.338a.58.58 0 0 0 .03-.45c-.224-.531-.45-1.053-.708-1.564a1 1 0 0 0-.29-.274m6.61 0a.9.9 0 0 0-.26.266 22 22 0 0 0-.712 1.575.6.6 0 0 0 .025.45c.45.787.933 1.575 1.424 2.335a.67.67 0 0 0 .423.252 22 22 0 0 0 1.749.176.43.43 0 0 0 .33-.212q.411-.861.77-1.75a.56.56 0 0 0-.02-.425 65 65 0 0 0-1.337-2.207v-.001a.63.63 0 0 0-.39-.257c-.62-.082-1.25-.13-2.001-.204zm-.258 10.539c-.416-.58-.822-1.161-1.24-1.72a.42.42 0 0 0-.301-.116q-1.499-.018-3.013 0a.42.42 0 0 0-.295.135c-.418.563-.82 1.125-1.233 1.708.423.542.815 1.062 1.23 1.575.103.108.241.173.39.182a91 91 0 0 0 2.857 0 .53.53 0 0 0 .365-.18c.417-.513.817-1.042 1.24-1.584M5.966 8.303q.281.082.57.115c.262 0 .52-.044.78-.072.555-.063 1.156-.013 1.66-.213q1.314-.559 2.53-1.31c.139-.083.132-.45.135-.7 0-.076-.18-.173-.295-.224-.42-.192-.84-.077-1.26.024h-.001a8.3 8.3 0 0 0-4.12 2.38m12.064 0a8.2 8.2 0 0 0-4.428-2.441 3 3 0 0 0-.954.043c-.108.015-.288.145-.288.225 0 .24 0 .614.14.697.816.482 1.674.9 2.519 1.333v-.001a.6.6 0 0 0 .192.039c.751.076 1.502.16 2.25.225q.292-.027.57-.129zm-14.02 3.6c-.45 1.25-.389 3.133.08 4.666v.001c.142.471.432.884.827 1.179.45-.225.45-.225.439-.693-.034-.806-.061-1.605-.106-2.397a1.3 1.3 0 0 0-.092-.45 70 70 0 0 0-.86-1.966q-.12-.196-.288-.356zm15.087 5.827c1.11-.913 1.638-4.241.877-5.785-.08.072-.186.121-.225.198-.396 1.062-1.125 2.01-1.05 3.23v.002q.032.843-.073 1.68c-.029.345.076.56.47.66zm-4.622 4.194a8.04 8.04 0 0 0 3.746-2.443q.299-.404.468-.877a.34.34 0 0 0-.075-.316c-.152-.073-.389-.168-.503-.1-1.406.821-2.797 1.662-3.672 3.122-.14.23-.189.383.036.614m-4.837.036c0-.225.058-.407 0-.524-.883-1.523-2.302-2.439-3.782-3.27-.101-.06-.334.051-.468.139a.35.35 0 0 0-.059.32c.087.283.22.551.394.793a8.3 8.3 0 0 0 3.915 2.542'/%3E%3Cpath d='M17.842 7.157A8.98 8.98 0 0 1 20.999 14a9 9 0 0 1-9 9 8.98 8.98 0 0 1-6.843-3.157A8.96 8.96 0 0 0 11 22a9 9 0 0 0 9-9c0-2.23-.813-4.27-2.157-5.843'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* --- Мобильная версия --- */
@media (max-width: 1100px) {
  /* Казино/Ставки уезжают влево в отдельный ряд, как в оригинале */
  .k7-switch { order: 6; flex-basis: 100%; justify-content: flex-start; gap: 8px; margin-top: 4px; }
  .k7-switch a { padding: 9px 16px; }
  .k7-switch a::before { width: 18px; height: 18px; border-radius: 6px; }
}

@media (max-width: 700px) {
  /* Лента полок на всю ширину и прокручивается, провайдер/иконки — вторым рядом */
  .k7-lobbybar { flex-wrap: wrap; }
  .k7-chips { flex-basis: 100%; order: 0; }
  .k7-provider { order: 1; }
  .k7-tool { order: 2; }
  .k7-chips a { padding: 9px 13px; }
}

/* Золотая Семёрка — движущаяся карусель круглых иконок, выступающих из ячеек */
.k7-golden { margin-bottom: 20px; }
.k7-golden-fire { filter: saturate(1.2); }
.k7-golden-view {
  position: relative;
  overflow: hidden;
  padding: 44px 16px 16px;
  border-radius: 16px;
  background: radial-gradient(120% 120% at 50% 0, rgba(245,180,70,.16), transparent 58%), linear-gradient(180deg, #1b1210, #140f10);
  border: 1px solid #5a421f;
  box-shadow: inset 0 0 34px rgba(245,180,70,.12);
  -webkit-mask: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  mask: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
.k7-golden-track {
  display: flex;
  gap: 16px;
  width: max-content;
  animation: k7-marquee 34s linear infinite;
}
.k7-golden-view:hover .k7-golden-track { animation-play-state: paused; }
@keyframes k7-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.k7-golden-item {
  position: relative;
  flex: 0 0 148px;
  width: 148px;
  padding: 74px 8px 12px;
  text-align: center;
  border-radius: 12px;
  background: linear-gradient(180deg, #37161c, #1c1012);
  border: 1px solid #40272d;
  overflow: visible;
}
.k7-golden-circle {
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #f3c552;
  box-shadow: 0 8px 18px rgba(0,0,0,.55), 0 0 0 2px #7a4a12;
  transition: transform .25s ease;
}
.k7-golden-item:hover .k7-golden-circle { transform: translateX(-50%) scale(1.07); }
.k7-golden-circle img { width: 100%; height: 100%; object-fit: cover; display: block; }
.k7-golden-item h3 { margin: 0; font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.k7-golden-item p { margin: 3px 0 0; font-size: 11px; color: #b49aa0; }
@media (prefers-reduced-motion: reduce) { .k7-golden-track { animation: none; } }