@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:wght@400;500;600;700;800;900&display=swap');

/* =========================================================
   BEDBOOM — FINAL CLEAN CSS FOR GAMESTORES
   ========================================================= */

:root[data-theme="blue_black"]{
  --accent-color-800:#a95cff;
  --accent-color-900:#c987ff;
  --font-color-700:#ffffff;
  --font-color-800:rgba(255,255,255,.72);
  --font-color-900:#d9baff;
  --bg-color-900:#090012;
  --bg-color-800:#12001d;
  --bg-color-700:#180022;
  --product-items-trans-bg-color:rgba(0,0,0,.35);
  --default-font-size:16px;
  --default-font-family:"Sofia Sans",sans-serif;
  --safe-padding:20px;
  --promocode-bg-color:rgba(22,8,28,.92);
}

/* =========================================================
   BASE
   ========================================================= */

*,
*::before,
*::after{
  box-sizing:border-box;
  scrollbar-width:thin;
  scrollbar-color:#a35cff rgba(40,10,60,.35);
}

html,
body{
  font-family:"Sofia Sans",sans-serif !important;
}

body{
  color:#fff;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,140,60,.10), transparent 25%),
    radial-gradient(circle at 75% 10%, rgba(185,95,255,.14), transparent 28%),
    radial-gradient(circle at 50% 85%, rgba(255,120,40,.08), transparent 25%),
    #0b0011 !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  background:url("https://bbrust.ru/bedboom/img/fon.png") center top / cover no-repeat;
  opacity:.92;
  z-index:-2;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(180deg, rgba(16,0,22,.46), rgba(12,0,18,.62)),
    radial-gradient(circle at center, rgba(120,30,170,.10), transparent 55%);
  z-index:-1;
  pointer-events:none;
}

::-webkit-scrollbar{
  width:10px;
  height:10px;
}

::-webkit-scrollbar-track{
  background:rgba(40,10,60,.35);
  border-radius:10px;
}

::-webkit-scrollbar-thumb{
  border-radius:10px;
  background:linear-gradient(180deg,#c07bff,#8a45ff);
  box-shadow:
    inset 0 0 6px rgba(255,255,255,.15),
    0 0 10px rgba(173,84,255,.4);
  transition:.2s;
}

::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#d9a3ff,#a55dff);
}

a{
  text-decoration:none;
  color:rgba(255,255,255,.88);
}

a:hover{
  color:#fff;
}

h1,h2,h3{
  margin:0;
  color:#fff;
  font-weight:800;
  text-transform:uppercase;
}

.container{
  max-width:1280px;
  width:100%;
  margin:0 auto;
  padding:0 var(--safe-padding);
}

/* =========================================================
   HIDE UNUSED DEFAULT ELEMENTS
   ========================================================= */

.Banner-module__img,
.MonitoringServer-module__progressBarAnim,
.PlayerMenuMobile-module__mobileMenuBtn,
.Servers-module__servers,
.boxHeader:empty,
.rose-footer,
.rose-footer-alt,
body > footer,
footer,
[class*="Footer-module__wrapper"],
.ShopFooter-module__text,
.ShopFooter-module__links,
.ShopFooter-module__link,
.ufo_1{
  display:none !important;
}

body .boxFooter:empty{
  display:none !important;
}

/* =========================================================
   GLOBAL BOXES
   ========================================================= */

.boxHeader,
.boxBody,
.boxFooter{
  padding:18px;
}

.boxHeader{
  background:linear-gradient(180deg, rgba(92,32,126,.26), rgba(40,8,52,.18));
  border-bottom:1px solid rgba(201,110,255,.12);
  border-radius:26px 26px 0 0;
}

.boxBody{
  background:rgba(20,0,28,.74);
  backdrop-filter:blur(8px);
}

.boxFooter{
  background:rgba(20,0,28,.9);
  border-top:1px solid rgba(255,255,255,.06);
  border-radius:0 0 26px 26px;
}

/* =========================================================
   HEADER
   ========================================================= */

.Header-module__wrapper{
  width:100%;
  min-height:auto;
  margin:22px 0 26px;
  padding:0;
  background:transparent !important;
  display:flex;
  align-items:center !important;
  justify-content:space-between !important;
  gap:26px;
  flex-wrap:nowrap;
  position:relative;
  z-index:20;
}

.Header-module__logoWrapper{
  margin-right:28px !important;
  flex:0 0 auto !important;
}

.Header-module__logo{
  width:320px !important;
  height:132px !important;
  display:block !important;
  font-size:0 !important;
  background:url("https://bbrust.ru/bedboom/img/logoniz.png") center / contain no-repeat !important;
  filter:
    drop-shadow(0 0 10px rgba(255,150,50,.30))
    drop-shadow(0 0 24px rgba(180,90,255,.30));
  animation:bedboomLogoFloat 6s ease-in-out infinite !important;
}

@keyframes bedboomLogoFloat{
  0%{transform:translateY(0);}
  50%{transform:translateY(-8px);}
  100%{transform:translateY(0);}
}

.HeaderNav-module__wrapper{
  margin-left:0;
  display:flex;
  align-items:center;
  gap:16px !important;
  flex:1 1 auto;
  flex-wrap:nowrap;
}

.HeaderNav-module__link,
.SupportLink-module__link,
.NavDropDown-module__linkName{
  position:relative;
  padding:10px 0 !important;
  background:none !important;
  color:#fff !important;
  font-size:18px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:10px;
  border:none !important;
  box-shadow:none !important;
}

.HeaderNav-module__link:hover,
.SupportLink-module__link:hover,
.NavDropDown-module__linkName:hover{
  color:#ffd7ff !important;
  text-shadow:0 0 10px rgba(210,110,255,.35);
}

.PlayerMenu-module__wrapper{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px !important;
  flex:0 0 auto;
}

.LangSwitcher-module__wrapper{
  display:none !important;
}

.PlayerMenu-module__profileLink{
  height:42px !important;
  padding:0 22px !important;
  border-radius:14px !important;
  color:#fff !important;
  background:linear-gradient(180deg,#ffb043 0%,#ff7a2f 55%,#ff5a38 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 14px rgba(255,120,40,.14) !important;
  font-size:14px !important;
  font-weight:800 !important;
  border:none !important;
  outline:none !important;
  cursor:pointer;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.PlayerMenu-module__profileLink:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

.PlayerMenu-module__loginLink{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:0 24px !important;
  height:44px !important;
  min-width:auto !important;
  border:none !important;
  outline:none !important;
  cursor:pointer;
  border-radius:14px !important;
  background:linear-gradient(180deg,#c678ff 0%,#9a5bff 45%,#6e35e7 100%) !important;
  border:1px solid rgba(214,156,255,.35) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 14px rgba(181,92,255,.35),
    0 0 24px rgba(181,92,255,.18),
    0 10px 26px rgba(0,0,0,.35) !important;
  font-family:"Sofia Sans",sans-serif !important;
  font-weight:800 !important;
  letter-spacing:.02em;
  text-transform:none !important;
  transition:all .25s ease !important;
  overflow:hidden;
}

.PlayerMenu-module__loginLink::before{
  content:"";
  width:18px;
  height:18px;
  background:url("https://cdn.simpleicons.org/steam/ffffff") center / contain no-repeat;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.35));
}

.PlayerMenu-module__loginLink::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.18), transparent 35%),
    radial-gradient(circle at 70% 80%, rgba(200,140,255,.25), transparent 40%);
  opacity:.6;
  pointer-events:none;
  animation:bedboomSteamPulse 3s ease-in-out infinite;
}

.PlayerMenu-module__loginLink:hover{
  transform:translateY(-3px) scale(1.04);
  background:linear-gradient(180deg,#d489ff 0%,#b66eff 45%,#864cff 100%) !important;
  box-shadow:
    0 0 18px rgba(181,92,255,.5),
    0 0 34px rgba(181,92,255,.35),
    0 14px 34px rgba(0,0,0,.4) !important;
}

@keyframes bedboomSteamPulse{
  0%{opacity:.35;transform:scale(.95);}
  50%{opacity:.65;transform:scale(1.05);}
  100%{opacity:.35;transform:scale(.95);}
}

/* =========================================================
   TOP SOCIALS
   ========================================================= */

.bb-socials{
  display:flex;
  align-items:center;
  gap:12px;
  margin-right:16px;
}

.bb-social-btn{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  position:relative;
  background:linear-gradient(180deg,#2a063b,#14001f);
  border:1px solid rgba(185,95,255,.35);
  box-shadow:
    0 0 8px rgba(180,90,255,.35),
    0 0 18px rgba(255,120,40,.15),
    inset 0 1px 0 rgba(255,255,255,.05);
  transition:all .25s ease;
  opacity:0;
  transform:translateY(8px) scale(.95);
  animation:bbBtnIn .5s ease forwards;
}

.bb-social-btn:nth-child(1){animation-delay:.05s;}
.bb-social-btn:nth-child(2){animation-delay:.15s;}
.bb-social-btn:nth-child(3){animation-delay:.25s;}

.bb-social-btn svg{
  width:20px;
  height:20px;
  fill:#fff;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.25));
}

.bb-social-btn:hover{
  transform:translateY(-3px) scale(1.05);
  background:linear-gradient(180deg,rgba(170,90,255,.85),rgba(255,120,40,.85));
  border-color:rgba(255,170,120,.6);
  box-shadow:
    0 0 12px rgba(170,90,255,.6),
    0 0 28px rgba(255,120,40,.35),
    0 0 50px rgba(255,120,40,.25);
}

.bb-social-vk svg{fill:#9fd2ff;}
.bb-social-discord svg{fill:#c8b5ff;}

.bb-social-telegram{
  position:relative !important;
}

.bb-social-telegram svg,
.bb-social-telegram::before{
  display:none !important;
  content:none !important;
}

.bb-social-telegram::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:16px !important;
  height:16px !important;
  transform:translate(-50%,-50%) !important;
  display:block !important;
  background:#fff !important;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M21.5 2.5L2.9 9.4c-1.3.5-1.3 1.3-.2 1.7l4.8 1.5 1.8 5.6c.2.7.4 1 1 1 .4 0 .6-.2.9-.5l2.3-2.2 4.7 3.5c.9.5 1.5.3 1.7-.8L23 4.1c.3-1.3-.5-1.8-1.5-1.6z'/></svg>") center / contain no-repeat !important;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M21.5 2.5L2.9 9.4c-1.3.5-1.3 1.3-.2 1.7l4.8 1.5 1.8 5.6c.2.7.4 1 1 1 .4 0 .6-.2.9-.5l2.3-2.2 4.7 3.5c.9.5 1.5.3 1.7-.8L23 4.1c.3-1.3-.5-1.8-1.5-1.6z'/></svg>") center / contain no-repeat !important;
}

@keyframes bbBtnIn{
  from{
    opacity:0;
    transform:translateY(8px) scale(.95);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

/* =========================================================
   LAYOUT
   ========================================================= */

.Main-module__content,
main .container > div,
.Shop-module__wrapper{
  position:relative;
}

.Widgets-module__wrapper{
  min-width:260px;
  max-width:260px;
  margin-right:16px;
  margin-bottom:40px;
}

.Shop-module__wrapper{
  width:100%;
  margin-bottom:40px;
  border-radius:28px;
  overflow:visible !important;
  background:rgba(18,0,25,.78);
  border:1px solid rgba(190,95,255,.16);
  box-shadow:
    0 20px 50px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.Shop-module__wrapper .boxHeader{
  padding:18px 18px 16px;
  padding-right:150px !important;
  font-size:0;
}

.Shop-module__wrapper .boxHeader::before{
  content:"МАГАЗИН";
  display:block;
  color:#fff;
  font-size:22px;
  font-weight:900;
  letter-spacing:.02em;
}

.Shop-module__wrapper::after{
  content:"";
  position:absolute;
  top:-18px;
  right:18px;
  width:132px;
  height:132px;
  background:url("https://bbrust.ru/bedboom/img/bomb.png") center / contain no-repeat;
  opacity:.88;
  pointer-events:none;
  z-index:6 !important;
  filter:drop-shadow(0 0 8px rgba(190,95,255,.22));
  animation:bedboomBombFloat 5.6s ease-in-out infinite;
}

.Shop-module__wrapper::before{
  content:"";
  position:absolute;
  top:-16px;
  right:30px;
  width:26px;
  height:26px;
  background:radial-gradient(circle,
    rgba(255,255,255,1) 0%,
    rgba(255,200,120,.95) 20%,
    rgba(255,140,40,.7) 40%,
    rgba(255,120,40,.25) 60%,
    transparent 70%);
  border-radius:50%;
  pointer-events:none;
  z-index:7 !important;
  opacity:0;
  filter:
    blur(.6px)
    drop-shadow(0 0 6px rgba(255,140,40,.9))
    drop-shadow(0 0 14px rgba(255,120,40,.7))
    drop-shadow(0 0 26px rgba(255,110,40,.5));
  animation:bedboomFuseFlash 4.5s infinite;
}

@keyframes bedboomBombFloat{
  0%{transform:translateY(0) rotate(-6deg);}
  50%{transform:translateY(-10px) rotate(4deg);}
  100%{transform:translateY(0) rotate(-6deg);}
}

@keyframes bedboomFuseFlash{
  0%,70%,100%{
    opacity:0;
    transform:scale(.5);
  }
  72%{
    opacity:1;
    transform:scale(1.3);
  }
  75%{
    opacity:.4;
    transform:scale(.8);
  }
  78%{
    opacity:1;
    transform:scale(1.1);
  }
  82%{
    opacity:0;
    transform:scale(.6);
  }
}

/* =========================================================
   CATEGORIES / SEARCH
   ========================================================= */

.Categories-module__categories{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 18px !important;
  overflow:visible !important;
}

.Categories-module__category{
  margin:0 !important;
  padding:13px 22px !important;
  border-radius:16px !important;
  border:1px solid rgba(192,115,255,.22) !important;
  background:rgba(56,14,74,.42) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  box-shadow:none !important;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.Categories-module__category:hover,
.Categories-module__category.Categories-module__active,
.Categories-module__category.Categories-module__enableFocus:focus{
  background:linear-gradient(180deg,#c67eff 0%,#9b59ff 100%) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 0 16px rgba(171,90,255,.18) !important;
  transform:translateY(-1px);
}

.Search-module__wrapper{
  height:50px !important;
  margin:0 0 22px !important;
  border-radius:18px !important;
  overflow:hidden;
  background:rgba(74,27,100,.54) !important;
  border:1px solid rgba(195,118,255,.16);
}

.Search-module__iconWrapper{
  width:50px;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg,#c67eff 0%,#9e58ff 100%) !important;
  color:#fff !important;
}

.Search-module__icon{
  display:block !important;
  width:22px !important;
  height:22px !important;
  opacity:1 !important;
  visibility:visible !important;
}

.Search-module__icon svg{
  display:block !important;
  width:22px !important;
  height:22px !important;
  opacity:1 !important;
  visibility:visible !important;
}

.Search-module__icon path,
.Search-module__icon circle,
.Search-module__icon line{
  stroke:#fff !important;
  fill:none !important;
  stroke-width:2.2px !important;
  opacity:1 !important;
}

.Search-module__icon *{
  opacity:1 !important;
  visibility:visible !important;
}

.Search-module__input{
  width:100%;
  color:#fff !important;
  background:transparent !important;
  border:none !important;
  font-size:16px !important;
  font-weight:700 !important;
  padding:0 16px !important;
}

.Search-module__input::placeholder{
  color:rgba(255,255,255,.48) !important;
}

/* =========================================================
   PRODUCTS
   ========================================================= */

.Products-module__wrapper{
  width:100%;
  margin-top:0 !important;
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(210px, 1fr));
  gap:16px;
}

.Product-module__wrapper{
  position:relative;
  min-height:300px;
  padding:18px !important;
  overflow:hidden;
  isolation:isolate;
  border-radius:24px !important;
  border:1px solid rgba(185,96,255,.22) !important;
  background:
    linear-gradient(180deg, rgba(140,72,185,.38) 0%, rgba(76,18,104,.54) 38%, rgba(37,0,52,.92) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 28px rgba(0,0,0,.22);
  transform:translateY(0) scale(1);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease !important;
}

.Product-module__wrapper:hover{
  transform:translateY(-6px) scale(1.025);
  border-color:rgba(218,140,255,.38) !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,.28),
    0 0 18px rgba(181,92,255,.10),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.Product-module__wrapper::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 42%);
  opacity:.36;
  pointer-events:none;
}

.Product-module__price{
  position:absolute !important;
  top:14px !important;
  left:14px !important;
  right:auto !important;
  bottom:auto !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 12px !important;
  border-radius:14px !important;
  background:#050108 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:900 !important;
  box-shadow:0 4px 14px rgba(0,0,0,.24);
  z-index:3;
}

.Product-module__oldPrice{
  opacity:.65;
  margin-right:6px;
  text-decoration:line-through;
}

.Product-module__discount{
  position:absolute;
  top:14px;
  right:14px;
  padding:7px 10px;
  border-radius:12px;
  background:linear-gradient(180deg,#72b0ff,#4d83ff);
  color:#fff;
  font-size:13px;
  font-weight:900;
  z-index:3;
}

.Product-module__name{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:84px !important;
  bottom:auto !important;
  max-width:none !important;
  width:auto !important;
  padding:0 !important;
  background:transparent !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-align:left !important;
  z-index:3;
  max-height:40px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.Product-module__img{
  position:absolute !important;
  left:50%;
  bottom:18px;
  top:auto !important;
  width:76% !important;
  height:58% !important;
  object-fit:contain !important;
  transform:translateX(-50%) scale(.88);
  transform-origin:center bottom;
  transition:transform .30s ease, filter .30s ease !important;
  z-index:2;
}

.Product-module__wrapper:hover .Product-module__img{
  transform:translateX(-50%) scale(.95);
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.32));
}

.Product-module__count{
  position:absolute !important;
  right:14px !important;
  bottom:14px !important;
  left:auto !important;
  top:auto !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:30px;
  padding:4px 10px !important;
  border-radius:14px !important;
  background:#050108 !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  z-index:3;
}

.Shop-module__wrapper .boxFooter{
  display:none !important;
}

/* =========================================================
   DISCORD WIDGET
   ========================================================= */

.discord{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  padding:22px;
  background:linear-gradient(180deg, rgba(33,0,44,.96) 0%, rgba(12,0,18,.96) 100%);
  border:1px solid rgba(185,96,255,.16);
  box-shadow:
    0 16px 34px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .24s ease, box-shadow .24s ease;
}

.discord:hover{
  transform:translateY(-4px) scale(1.015);
  box-shadow:
    0 22px 42px rgba(0,0,0,.30),
    0 0 18px rgba(181,92,255,.08);
}

.discord-header{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

.discord-header::before{
  content:"";
  width:28px;
  height:28px;
  flex:0 0 28px;
  background:url("https://cdn.simpleicons.org/discord/7289da") center/contain no-repeat;
}

.discord-title{
  color:#fff;
  font-size:17px;
  font-weight:900;
}

.discord-desc{
  margin:0 0 18px;
}

#discord-text{
  color:rgba(255,255,255,.82);
  font-size:15px;
  line-height:1.45;
  font-weight:700;
}

.discord-connect{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:10px !important;
  margin:0 0 16px !important;
}

.discord-connect .monitoring-users{
  display:none !important;
}

.memberCount,
.presenceCount{
  position:relative;
  min-height:54px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  text-align:center;
  padding:10px 12px 10px 16px !important;
  border-radius:14px !important;
  background:rgba(82,28,111,.32) !important;
  border:1px solid rgba(190,110,255,.14) !important;
  color:#fff !important;
  font-size:14px;
  font-weight:800;
  line-height:1.05 !important;
}

.memberCount::before,
.presenceCount::before{
  content:"";
  position:absolute;
  top:12px !important;
  left:12px !important;
  width:7px;
  height:7px;
  border-radius:50%;
}

.memberCount::before{
  background:#b65cff;
  box-shadow:0 0 10px rgba(182,92,255,.4);
}

.presenceCount::before{
  background:#ff9d2f;
  box-shadow:0 0 10px rgba(255,157,47,.4);
}

.memberCount br,
.presenceCount br{
  display:block;
  content:"";
  margin:2px 0;
}

.discord_btn{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:52px;
  padding:0 18px !important;
  border-radius:16px !important;
  border:none !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:900 !important;
  text-transform:none !important;
  background:linear-gradient(180deg,#ffaf40 0%,#ff7b2f 55%,#ff5a38 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 20px rgba(255,120,40,.12) !important;
  transition:transform .18s ease, filter .18s ease !important;
}

.discord_btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
}

/* =========================================================
   OPTIONAL WIDGETS
   ========================================================= */

.monitoring,
.promo,
.discord,
.tab_container{
  background:rgba(20,0,28,.78) !important;
  border:1px solid rgba(185,96,255,.16);
  border-radius:24px !important;
  box-shadow:0 16px 34px rgba(0,0,0,.22);
}

.monitoring-title,
.promo-title,
.calendar-header h2{
  color:#fff !important;
  font-weight:900 !important;
}

.copybtn,
.discord_btn,
.Button-module__btn.Button-module__accent{
  background:linear-gradient(180deg,#ffb043 0%,#ff7a2f 55%,#ff5a38 100%) !important;
  box-shadow:none !important;
  border:none !important;
}

.aboutbtn{
  background:rgba(98,40,132,.55) !important;
  color:#fff !important;
  border:none !important;
}

/* =========================================================
   PAGINATION
   ========================================================= */

.Pagination-module__page,
.Pagination-module__navPageBtn,
#prevPage,
#nextPage{
  border:none !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#b66eff 0%,#7f3ef0 100%) !important;
  color:#fff !important;
  box-shadow:none !important;
}

.Pagination-module__page:hover,
.Pagination-module__page.Pagination-module__active{
  filter:brightness(1.05);
}

/* =========================================================
   CALENDAR — FINAL COMPACT
   ========================================================= */

.tab_container{
  display:block !important;
  width:100% !important;
  max-width:280px !important;
  margin:14px auto !important;
  padding:10px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(67,24,102,.95), rgba(19,4,33,.97)) !important;
  border:1px solid rgba(182,104,255,.16) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 24px rgba(170,90,255,.12),
    0 0 60px rgba(255,120,40,.05) !important;
  overflow:hidden !important;
}

.tab_container *{
  box-sizing:border-box !important;
}

.tab,
.tab-content{
  display:block !important;
  margin:0 !important;
}

#tab-x5,
.tab-controller{
  display:none !important;
}

.tab_container::before{
  content:"Календарь вайпов";
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:42px !important;
  margin:0 0 10px 0 !important;
  padding:0 12px !important;
  border-radius:14px !important;
  font-size:13px !important;
  font-weight:900;
  color:#fff;
  text-align:center;
  background:linear-gradient(180deg, rgba(136,67,212,.62), rgba(80,29,128,.36));
  border:1px solid rgba(198,131,255,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 16px rgba(146,79,255,.10);
}

.calendar{
  display:block !important;
  width:100% !important;
  padding:12px 9px 10px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(14,2,26,.98), rgba(8,0,18,.98)) !important;
  border:1px solid rgba(187,106,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 28px rgba(0,0,0,.26) !important;
}

.calendar-header{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 10px 0 !important;
}

.calendar-header h2{
  margin:0 !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.5px !important;
  text-transform:uppercase !important;
  color:#fff !important;
}

.calendar-header p{
  margin:0 !important;
  min-width:52px !important;
  height:36px !important;
  padding:0 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  font-size:12px !important;
  font-weight:900 !important;
  color:#ffd8bf !important;
  background:linear-gradient(180deg, rgba(136,70,78,.92), rgba(90,39,44,.92)) !important;
  border:1px solid rgba(255,170,120,.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 14px rgba(255,127,52,.10) !important;
}

.calendar-table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:4px !important;
  table-layout:fixed !important;
  margin:0 !important;
}

.calendar-table th{
  background:transparent !important;
  border:none !important;
  padding:0 0 4px 0 !important;
  text-align:center !important;
  font-size:10px !important;
  font-weight:800 !important;
  color:#bfa8df !important;
  line-height:1 !important;
  height:16px !important;
}

.calendar-table td{
  width:14.28% !important;
  height:28px !important;
  padding:0 !important;
  text-align:center !important;
  vertical-align:middle !important;
  font-size:12px !important;
  font-weight:800 !important;
  color:#f4ecff !important;
  background:linear-gradient(180deg, rgba(45,14,72,.92), rgba(30,7,49,.96)) !important;
  border:1px solid rgba(168,103,255,.08) !important;
  border-radius:9px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.calendar-table td:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(195,127,255,.22) !important;
  box-shadow:
    0 6px 18px rgba(115,44,205,.18),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.calendar-table td:empty{
  height:28px !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

.calendar-table td.wipeday,
.calendar-table td.wipeday2{
  background:linear-gradient(180deg,#ffb15d 0%,#ff7d37 100%) !important;
  border:1px solid rgba(255,175,120,.34) !important;
  box-shadow:
    0 0 12px rgba(255,136,55,.22),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
  color:#fff7ef !important;
}

.calendar-table td.today,
.calendar-table td.today2{
  background:linear-gradient(180deg,#b76dff 0%,#7e3aeb 100%) !important;
  border:1px solid rgba(215,165,255,.34) !important;
  box-shadow:
    0 0 14px rgba(177,103,255,.28),
    0 0 24px rgba(177,103,255,.14),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  animation:bbTodayPulse 2s ease-in-out infinite !important;
}

.calendar-table td.today.wipeday,
.calendar-table td.today2.wipeday2{
  background:linear-gradient(180deg,#ffc17e 0%,#ff9042 100%) !important;
  border:1px solid rgba(255,214,158,.38) !important;
  box-shadow:
    0 0 16px rgba(255,145,65,.30),
    0 0 26px rgba(255,145,65,.16),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.calendar-info{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  margin-top:10px !important;
  padding-top:10px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}

.calendar-info-colors{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}

.color-today,
.color-wipe{
  width:14px !important;
  height:14px !important;
  border-radius:6px !important;
  margin:0 !important;
  flex:0 0 14px !important;
}

.color-today{
  background:linear-gradient(180deg,#a95cff,#7a35e7) !important;
  box-shadow:0 0 14px rgba(169,92,255,.28) !important;
}

.color-wipe{
  background:linear-gradient(180deg,#ffb05b,#ff7b35) !important;
  box-shadow:0 0 14px rgba(255,134,54,.24) !important;
}

.color-text{
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  color:#fff !important;
}

.Widgets-module__wrapper .tab_container{
  width:100% !important;
}

@keyframes bbTodayPulse{
  0%,100%{
    transform:scale(1);
    box-shadow:
      0 0 16px rgba(177,103,255,.26),
      0 0 28px rgba(177,103,255,.16),
      inset 0 1px 0 rgba(255,255,255,.08);
  }
  50%{
    transform:scale(1.08);
    box-shadow:
      0 0 22px rgba(195,127,255,.38),
      0 0 38px rgba(195,127,255,.22),
      inset 0 1px 0 rgba(255,255,255,.10);
  }
}

/* =========================================================
   MODALS SHARED
   ========================================================= */

.ModalLayout-module__wrapper,
.customModalWrapper{
  background:rgba(12,0,18,.82) !important;
  backdrop-filter:blur(14px);
  z-index:9999 !important;
}

.PlayerBalance-module__modal,
.customModalContent{
  background:rgba(22,0,30,.96) !important;
  border:1px solid rgba(194,108,255,.18);
  border-radius:22px !important;
  box-shadow:0 30px 80px rgba(0,0,0,.36);
}

.PlayerBalanceModal-module__inputWrapper,
.ProfileContent-module__input,
.BasketSearch-module__wrapper,
.HistorySearch-module__wrapper,
.CountSelector-module__inputWrapper,
.Selector-module__dropDownCurrentItem,
.TotalSum-module__inputWrapper{
  background:rgba(58,18,78,.56) !important;
  border:1px solid rgba(192,115,255,.16);
  border-radius:14px !important;
}

.PlayerBalanceModal-module__currency,
.TotalSum-module__currency,
.CountSelector-module__changeCountBtn{
  background:rgba(113,52,164,.48) !important;
}

.CountSelector-module__changeCountBtn:hover{
  background:#a95cff !important;
}

/* =========================================================
   SUPPORT MODAL
   ========================================================= */

.bb-support-overlay{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(7,0,14,.72);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, visibility .22s ease;
  z-index:99999 !important;
}

.bb-support-overlay.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.bb-support-modal{
  width:min(980px, 100%);
  border-radius:26px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(37,5,54,.98), rgba(20,2,34,.98));
  border:1px solid rgba(186,103,255,.18);
  box-shadow:
    0 30px 80px rgba(0,0,0,.45),
    0 0 40px rgba(169,92,255,.10),
    inset 0 1px 0 rgba(255,255,255,.05);
  transform:translateY(10px) scale(.98);
  transition:transform .22s ease;
  position:relative;
}

.bb-support-overlay.active .bb-support-modal{
  transform:translateY(0) scale(1);
}

.bb-support-head{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:18px 18px 16px;
  background:linear-gradient(180deg, rgba(106,44,154,.34), rgba(44,8,61,.22));
  border-bottom:1px solid rgba(193,109,255,.14);
  overflow:hidden;
}

.bb-support-head-left,
.bb-support-head-right{
  position:relative;
  z-index:2;
}

.bb-support-head-left{
  padding-right:96px;
}

.bb-support-head::after{
  content:"";
  position:absolute;
  top:8px;
  right:92px;
  width:72px;
  height:72px;
  background:url("https://bbrust.ru/bedboom/img/bb.png") center/contain no-repeat;
  opacity:.16;
  pointer-events:none;
  z-index:1;
  filter:
    drop-shadow(0 0 8px rgba(190,110,255,.18))
    drop-shadow(0 0 18px rgba(170,80,255,.10));
}

.bb-support-title{
  color:#fff;
  font-size:22px;
  font-weight:900;
  line-height:1.05;
  text-transform:uppercase;
}

.bb-support-subtitle{
  margin-top:4px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  font-weight:700;
  line-height:1.35;
}

.bb-support-head-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.bb-support-create{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 18px;
  border-radius:14px;
  background:linear-gradient(180deg,#ffb043 0%,#ff7b31 55%,#ff5d39 100%);
  color:#fff !important;
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 24px rgba(255,120,40,.18);
}

.bb-support-close{
  width:40px;
  height:40px;
  border:none;
  border-radius:14px;
  cursor:pointer;
  background:linear-gradient(180deg, rgba(96,36,138,.78), rgba(50,12,78,.88));
  color:#fff;
  font-size:26px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

.bb-support-body{
  padding:18px;
}

.bb-support-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-bottom:14px;
}

.bb-support-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:34px;
  padding:0 14px;
  border-radius:12px;
  background:rgba(88,27,123,.32);
  border:1px solid rgba(190,109,255,.14);
  color:#fff;
  font-size:13px;
  font-weight:800;
}

.bb-support-badge::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff9d2f;
  box-shadow:0 0 10px rgba(255,157,47,.35);
}

.bb-support-grid{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.bb-support-table{
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(185,96,255,.12);
  background:rgba(15,0,23,.72);
}

.bb-support-table-loading{
  min-height:160px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.76);
  font-size:16px;
  font-weight:800;
}

.bb-support-real-menu{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.bb-support-real-menu .Button-module__btn{
  min-height:44px;
  border-radius:14px !important;
}

.bb-support-table .TicketsTable-module__table,
.bb-support-table .TicketsTable-module__tableData{
  width:100%;
}

.bb-support-table .TicketsTable-module__tableHeader{
  display:grid;
  grid-template-columns:2fr 1.2fr 1.2fr 1.4fr 1fr;
  gap:12px;
  padding:14px 16px;
  border-radius:18px 18px 0 0;
  background:rgba(70,24,92,.50);
  color:#fff;
}

.bb-support-table .TicketsTable-module__tableLine{
  width:100%;
  display:grid;
  grid-template-columns:2fr 1.2fr 1.2fr 1.4fr 1fr;
  gap:12px;
  align-items:center;
  text-align:left;
  padding:16px;
  background:rgba(20,0,30,.82);
  border:none;
  border-top:1px solid rgba(255,255,255,.05);
  color:#fff;
  cursor:pointer;
  transition:background .2s ease, transform .2s ease;
}

.bb-support-table .TicketsTable-module__tableLine:hover{
  background:rgba(44,10,62,.92);
}

.bb-support-table .TicketsTable-module__value{
  color:#fff !important;
  font-weight:700;
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.bb-support-table .TicketsTable-module__status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 10px;
  border-radius:12px;
  background:rgba(160,90,255,.18);
  font-size:13px;
  font-weight:900;
}

.bb-support-table .TicketsTable-module__closed{
  background:rgba(255,120,40,.16);
  color:#ffb37a !important;
}

.bb-support-table-empty{
  min-height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px;
  color:rgba(255,255,255,.78);
  font-size:15px;
  font-weight:800;
  line-height:1.35;
}

.bb-support-links{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
}

.bb-support-link{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:16px;
  background:rgba(74,24,103,.34);
  border:1px solid rgba(189,109,255,.16);
  color:#fff !important;
  font-size:14px;
  font-weight:800;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.bb-support-link:hover{
  transform:translateY(-2px);
  border-color:rgba(219,149,255,.30);
  box-shadow:0 0 18px rgba(181,92,255,.10);
}

/* =========================================================
   SUPPORT PAGE
   ========================================================= */

.Support-module__wrapper,
.SupportContent-module__wrapper{
  position:relative;
}

.SupportContent-module__header{
  background:linear-gradient(180deg, rgba(92,32,126,.30), rgba(40,8,52,.18)) !important;
  border:1px solid rgba(190,95,255,.14) !important;
  border-bottom:none !important;
  border-radius:24px 24px 0 0 !important;
  color:#fff !important;
  font-size:20px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  padding:18px 24px !important;
}

.SupportContent-module__wrapper .boxBody{
  background:rgba(20,0,28,.78) !important;
  border:1px solid rgba(190,95,255,.14) !important;
  border-top:none !important;
  border-radius:0 0 24px 24px !important;
  box-shadow:
    0 18px 40px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
  backdrop-filter:blur(8px) !important;
  padding:20px !important;
}

.TicketsMenu-module__wrapper{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:18px !important;
}

.TicketsMenu-module__wrapper .Button-module__btn.Button-module__gray{
  min-width:120px !important;
  height:42px !important;
  border:none !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(74,27,100,.86), rgba(39,10,55,.96)) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 18px rgba(0,0,0,.18) !important;
}

.TicketsMenu-module__wrapper .Button-module__btn.Button-module__accent{
  min-width:175px !important;
  height:42px !important;
  border:none !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#ffb043 0%,#ff7a2f 55%,#ff5a38 100%) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 10px 20px rgba(255,120,40,.16) !important;
}

.TicketsMenu-module__wrapper .Button-module__btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
}

.TicketsTable-module__table{
  background:transparent !important;
}

.TicketsTable-module__tableData{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  background:transparent !important;
}

.TicketsTable-module__tableHeader{
  display:grid !important;
  grid-template-columns:1.5fr 1.2fr 1fr 1.2fr .7fr !important;
  gap:14px !important;
  align-items:center !important;
  padding:14px 16px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(64,23,86,.88), rgba(35,10,48,.94)) !important;
  border:1px solid rgba(190,95,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.TicketsTable-module__tableTitle{
  color:rgba(255,255,255,.72) !important;
  font-size:13px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.TicketsTable-module__tableLine{
  display:grid !important;
  grid-template-columns:1.5fr 1.2fr 1fr 1.2fr .7fr !important;
  gap:14px !important;
  align-items:center !important;
  width:100% !important;
  padding:16px !important;
  border:none !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(46,14,63,.86), rgba(22,4,33,.96)) !important;
  border:1px solid rgba(190,95,255,.12) !important;
  color:#fff !important;
  text-align:left !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 22px rgba(0,0,0,.16) !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease !important;
}

.TicketsTable-module__tableLine:hover{
  transform:translateY(-2px);
  border-color:rgba(220,140,255,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 26px rgba(0,0,0,.20),
    0 0 16px rgba(181,92,255,.10) !important;
}

.TicketsTable-module__value{
  color:#fff !important;
  font-size:15px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.TicketsTable-module__status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:7px 12px !important;
  border-radius:12px !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.TicketsTable-module__opened,
.TicketsTable-module__open{
  background:linear-gradient(180deg,#ffb043 0%,#ff7a2f 55%,#ff5a38 100%) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(255,120,40,.16) !important;
}

.TicketsTable-module__closed{
  background:linear-gradient(180deg, rgba(72,30,96,.9), rgba(40,14,56,.96)) !important;
  color:rgba(255,255,255,.74) !important;
  border:1px solid rgba(190,95,255,.12) !important;
}

.TicketsTable-module__isUpdatingLoader,
.Loader-module__loader{
  border-color:rgba(190,95,255,.18) !important;
  border-top-color:#c987ff !important;
}

/* =========================================================
   BALANCE BUTTON + MODAL
   ========================================================= */

.PlayerBalance-module__btn{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  height:44px !important;
  padding:0 18px 0 16px !important;
  border:none !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#c678ff 0%,#9d5bff 45%,#7a35e7 100%) !important;
  color:#fff !important;
  font-family:"Sofia Sans",sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 10px 24px rgba(170,90,255,.28),
    0 0 18px rgba(170,90,255,.18) !important;
  overflow:hidden !important;
  transition:.2s ease !important;
}

.PlayerBalance-module__btn::before{
  content:"";
  width:16px;
  height:16px;
  flex:0 0 16px;
  background:url("https://cdn.simpleicons.org/cashapp/ffffff") center/contain no-repeat;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.22));
}

.PlayerBalance-module__btn::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 25% 20%, rgba(255,255,255,.16), transparent 35%),
    radial-gradient(circle at 75% 80%, rgba(255,255,255,.08), transparent 35%);
  pointer-events:none;
}

.PlayerBalance-module__btn:hover,
.PlayerBalance-module__btn:focus{
  background:linear-gradient(180deg,#ffb043 0%,#ff7a2f 55%,#ff5a38 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 8px 20px rgba(255,120,40,.18),
    0 0 16px rgba(255,120,40,.18) !important;
  transform:translateY(-1px);
}

.PlayerBalance-module__modal{
  border-radius:18px;
  background:rgba(30,0,50,.75);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    0 0 40px rgba(150,80,255,.15),
    0 20px 60px rgba(0,0,0,.6);
  overflow:hidden;
}

.PlayerBalanceModal-module__header{
  font-size:18px;
  letter-spacing:.5px;
}

.PlayerBalanceModal-module__inputWrapper{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  overflow:hidden;
}

.PlayerBalanceModal-module__currency{
  background:linear-gradient(135deg,#7c3cff,#a970ff);
  padding:0 16px;
  display:flex;
  align-items:center;
  font-weight:600;
  color:white;
}

.PlayerBalanceModal-module__input{
  background:transparent;
  border:none;
  padding-left:14px;
  font-size:18px;
}

.PlayerBalanceModal-module__footer{
  display:flex;
  justify-content:space-between;
  gap:16px;
}

.PlayerBalanceModal-module__footer .Button-module__gray{
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
  transition:.25s;
}

.PlayerBalanceModal-module__footer .Button-module__gray:hover{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.2);
}

.PlayerBalanceModal-module__footer .Button-module__accent{
  border-radius:14px;
  background:linear-gradient(135deg,#ff7a18,#ffb347);
  box-shadow:0 6px 20px rgba(255,120,40,.35);
  transition:.25s;
}

.PlayerBalanceModal-module__footer .Button-module__accent:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 25px rgba(255,120,40,.45);
}

/* =========================================================
   TICKET MODAL
   ========================================================= */

.ModalLayout-module__wrapper{
  background:rgba(10,0,18,.82) !important;
  backdrop-filter:blur(14px) !important;
  z-index:99999 !important;
}

.ModalLayout-module__modal.SupportContent-module__modal{
  width:min(980px, calc(100vw - 32px)) !important;
  max-width:980px !important;
  border-radius:28px !important;
  overflow:hidden !important;
  border:1px solid rgba(190,110,255,.18) !important;
  background:linear-gradient(180deg, rgba(45,8,66,.96) 0%, rgba(20,0,30,.97) 100%) !important;
  box-shadow:
    0 30px 80px rgba(0,0,0,.45),
    0 0 40px rgba(180,90,255,.12),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.TicketModal-module__header.boxHeader{
  position:relative !important;
  padding:22px 26px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg, rgba(104,42,150,.34), rgba(43,8,61,.16)) !important;
  color:#fff !important;
  font-size:30px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

.ModalLayout-module__modal .boxBody{
  padding:22px 26px !important;
  background:transparent !important;
}

.TicketModal-module__messagesWrapper{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  max-height:420px !important;
  overflow:auto !important;
  padding-right:4px !important;
  margin-bottom:22px !important;
}

.TicketModal-module__messageWrapper{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  padding:18px 20px 16px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(36,10,52,.96), rgba(18,4,29,.98)) !important;
  border:1px solid rgba(176,102,255,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 24px rgba(0,0,0,.18) !important;
}

.TicketModal-module__messageWrapper[data-lastelement="true"]{
  border-color:rgba(255,158,82,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(255,130,55,.06) !important;
}

.TicketModal-module__messageAuthor{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  min-height:30px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  color:#fff !important;
  background:linear-gradient(180deg, rgba(194,104,255,.22), rgba(123,46,188,.18)) !important;
  border:1px solid rgba(210,132,255,.18) !important;
}

.TicketModal-module__messageText{
  color:rgba(255,255,255,.92) !important;
  font-size:18px !important;
  line-height:1.5 !important;
  font-weight:700 !important;
  word-break:break-word !important;
}

.TicketModal-module__messageDate{
  align-self:flex-end !important;
  color:rgba(255,255,255,.62) !important;
  font-size:13px !important;
  font-weight:700 !important;
  margin-top:2px !important;
}

.TicketModal-module__form{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.TicketMessageTextArea-module__label{
  color:#fff !important;
  font-size:16px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

.TicketMessageTextArea-module__textarea{
  width:100% !important;
  min-height:160px !important;
  resize:vertical !important;
  border-radius:22px !important;
  padding:18px !important;
  background:linear-gradient(180deg, rgba(46,14,66,.78), rgba(28,7,41,.92)) !important;
  border:1px solid rgba(184,106,255,.16) !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
  outline:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.14) !important;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

.TicketMessageTextArea-module__textarea::placeholder{
  color:rgba(255,255,255,.36) !important;
}

.TicketMessageTextArea-module__textarea:focus{
  border-color:rgba(208,136,255,.30) !important;
  box-shadow:
    0 0 0 3px rgba(182,92,255,.10),
    0 10px 22px rgba(0,0,0,.16) !important;
}

.TicketModal-module__footer.boxFooter{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:18px 26px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg, rgba(28,3,40,.92), rgba(20,0,30,.96)) !important;
}

.TicketModal-module__sideBtns{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

.TicketModal-module__footer .Button-module__btn{
  min-height:48px !important;
  padding:0 20px !important;
  border-radius:16px !important;
  font-size:15px !important;
  font-weight:900 !important;
  text-transform:none !important;
  border:none !important;
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}

.TicketModal-module__footer .Button-module__btn:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.05) !important;
}

.TicketModal-module__footer .Button-module__gray{
  color:#fff !important;
  background:linear-gradient(180deg, rgba(92,40,126,.88), rgba(46,14,66,.96)) !important;
  border:1px solid rgba(190,116,255,.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.22) !important;
}

.TicketModal-module__footer .Button-module__accent{
  color:#fff !important;
  background:linear-gradient(180deg,#ffb043 0%,#ff7a2f 55%,#ff5a38 100%) !important;
  border:1px solid rgba(255,190,120,.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 20px rgba(255,120,40,.18) !important;
}

.TicketModal-module__footer > .Button-module__accent:last-child{
  min-width:150px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 12px 26px rgba(255,120,40,.22),
    0 0 18px rgba(255,130,55,.10) !important;
}

.TicketModal-module__messagesWrapper::-webkit-scrollbar{
  width:8px !important;
}

.TicketModal-module__messagesWrapper::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#8d43dd,#5d259e) !important;
  border-radius:999px !important;
}

.TicketModal-module__messagesWrapper::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04) !important;
  border-radius:999px !important;
}

/* =========================================================
   PROFILE / BASKET / HISTORY
   ========================================================= */

.Profile-module__wrapper,
.ProfileBasket-module__wrapper{
  display:grid !important;
  grid-template-columns:280px 1fr !important;
  gap:22px !important;
  align-items:start !important;
}

.ProfileNav-module__wrapper{
  position:relative !important;
  min-width:280px !important;
  max-width:280px !important;
  margin:0 !important;
  border-radius:28px !important;
  overflow:hidden !important;
  border:1px solid rgba(184,106,255,.14) !important;
  background:linear-gradient(180deg, rgba(40,6,60,.88), rgba(18,3,30,.94)) !important;
  box-shadow:
    0 20px 40px rgba(0,0,0,.26),
    0 0 28px rgba(170,90,255,.08) !important;
}

.ProfileNav-module__header{
  position:relative !important;
  padding:28px 22px 18px !important;
  text-align:center !important;
  background:linear-gradient(180deg, rgba(96,40,140,.28), rgba(35,8,52,.10)) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}

.ProfileNav-module__header::before{
  content:"" !important;
  position:absolute !important;
  top:10px !important;
  left:10px !important;
  width:78px !important;
  height:78px !important;
  background:url("https://bbrust.ru/bedboom/img/bb2.png") center / contain no-repeat !important;
  opacity:.95 !important;
  pointer-events:none !important;
  filter:
    drop-shadow(0 0 10px rgba(190,110,255,.20))
    drop-shadow(0 0 20px rgba(255,130,55,.14)) !important;
}

.ProfileNav-module__img{
  width:170px !important;
  height:170px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  display:block !important;
  margin:18px auto 14px !important;
  border:4px solid rgba(205,132,255,.24) !important;
  box-shadow:
    0 0 0 8px rgba(255,255,255,.02),
    0 0 24px rgba(181,92,255,.14),
    0 18px 28px rgba(0,0,0,.24) !important;
  background:#1b0727 !important;
}

.ProfileNav-module__name{
  display:block !important;
  color:#fff !important;
  font-size:28px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  text-transform:none !important;
  text-align:center !important;
  text-shadow:0 0 14px rgba(190,110,255,.14) !important;
}

.ProfileNav-module__body{
  padding:16px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  background:transparent !important;
}

.ProfileNav-module__navItem{
  display:flex !important;
  align-items:center !important;
  min-height:54px !important;
  padding:0 18px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(58,18,84,.72), rgba(28,6,42,.92)) !important;
  border:1px solid rgba(184,106,255,.14) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:800 !important;
  text-transform:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.16) !important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.ProfileNav-module__navItem:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(214,156,255,.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 20px rgba(0,0,0,.18),
    0 0 16px rgba(181,92,255,.08) !important;
}

.ProfileNav-module__navItem.ProfileNav-module__active{
  background:linear-gradient(180deg, rgba(178,106,255,.34), rgba(104,45,170,.34)) !important;
  border-color:rgba(214,156,255,.30) !important;
  color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 18px rgba(181,92,255,.12) !important;
}

a.ProfileNav-module__navItem[href="/profile/basket"]{
  display:none !important;
}

.ProfileNav-module__wrapper .boxFooter{
  padding:16px !important;
  background:transparent !important;
  border-top:1px solid rgba(255,255,255,.05) !important;
}

.ProfileNav-module__logOut{
  width:100% !important;
  min-height:52px !important;
  border-radius:16px !important;
  font-size:16px !important;
  font-weight:900 !important;
  text-transform:none !important;
  background:linear-gradient(180deg,#ffb043 0%,#ff7a2f 55%,#ff5a38 100%) !important;
  border:1px solid rgba(255,190,120,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 22px rgba(255,120,40,.16) !important;
}

.ProfileNav-module__logOut:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.05) !important;
}

.ProfileContent-module__wrapper,
.BasketContent-module__wrapper,
.HistoryContent-module__wrapper{
  border-radius:28px !important;
  overflow:hidden !important;
  border:1px solid rgba(184,106,255,.14) !important;
  background:linear-gradient(180deg, rgba(32,3,46,.92), rgba(14,0,24,.96)) !important;
  box-shadow:
    0 20px 44px rgba(0,0,0,.24),
    0 0 28px rgba(170,90,255,.06) !important;
  backdrop-filter:blur(14px);
}

.ProfileContent-module__header.boxHeader,
.BasketContent-module__header.boxHeader{
  padding:20px 24px !important;
  background:linear-gradient(180deg, rgba(96,40,140,.24), rgba(35,8,52,.12)) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  color:#fff !important;
  font-size:24px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

.ProfileContent-module__body,
.BasketContent-module__wrapper > .boxBody{
  padding:22px !important;
  background:transparent !important;
}

.ProfileContent-module__title{
  display:block !important;
  margin:0 0 12px 0 !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

.ProfileContent-module__infoWrapper,
.ProfileContent-module__box,
.ProfileContent-module__inputWrapper{
  background:transparent !important;
  box-shadow:none !important;
}

.ProfileContent-module__infoWrapper,
.ProfileContent-module__box{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  margin-bottom:18px !important;
}

.ProfileContent-module__infoLine{
  display:grid !important;
  grid-template-columns:140px 1fr !important;
  align-items:center !important;
  min-height:56px !important;
  padding:0 18px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(58,18,84,.60), rgba(28,6,42,.88)) !important;
  border:1px solid rgba(184,106,255,.12) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.ProfileContent-module__infoLine + .ProfileContent-module__infoLine{
  margin-top:10px !important;
}

.ProfileContent-module__infoLine span:first-child{
  color:rgba(255,255,255,.82) !important;
}

.ProfileContent-module__infoLineValue,
.ProfileContent-module__steamid{
  color:#ff8b52 !important;
  font-weight:900 !important;
  word-break:break-all !important;
}

.ProfileContent-module__steamid:hover{
  color:#ffad7f !important;
}

.ProfileContent-module__inputWrapper{
  display:flex !important;
  align-items:center;
  gap:12px;
  margin-bottom:18px !important;
}

.ProfileContent-module__input{
  flex:1;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  border-radius:12px !important;
  padding:0 18px !important;
  background:linear-gradient(180deg, rgba(58,18,84,.62), rgba(28,6,42,.86)) !important;
  border:1px solid rgba(184,106,255,.14) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
  outline:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.10) !important;
}

.ProfileContent-module__input::placeholder{
  color:rgba(255,255,255,.38) !important;
}

.ProfileContent-module__input:focus{
  border-color:rgba(214,156,255,.26) !important;
  box-shadow:
    0 0 0 3px rgba(181,92,255,.08),
    0 10px 20px rgba(0,0,0,.12) !important;
}

.ProfileContent-module__usePromoBtn{
  width:auto !important;
  min-width:140px;
  min-height:48px !important;
  height:48px !important;
  padding:0 22px !important;
  border-radius:12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-transform:none !important;
  background:linear-gradient(180deg,#ffb043 0%,#ff7a2f 55%,#ff5a38 100%) !important;
  border:1px solid rgba(255,190,120,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 22px rgba(255,120,40,.16) !important;
}

.ProfileContent-module__usePromoBtn:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.05) !important;
}

/* basket page */
.BasketFilters-module__wrapper{
  margin-bottom:18px !important;
}

.BasketSearch-module__wrapper{
  width:100% !important;
  height:52px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(58,18,84,.62), rgba(28,6,42,.86)) !important;
  border:1px solid rgba(184,106,255,.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.12) !important;
}

.BasketSearch-module__iconWrapper{
  width:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg,#b86cff 0%,#8a48f2 100%) !important;
}

.BasketSearch-module__icon{
  width:20px !important;
  height:20px !important;
  color:#fff !important;
}

.BasketSearch-module__icon path{
  stroke:#fff !important;
  stroke-width:2.2px !important;
}

.BasketSearch-module__input{
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
  background:transparent !important;
  border:none !important;
  outline:none !important;
  padding:0 16px !important;
}

.BasketSearch-module__input::placeholder{
  color:rgba(255,255,255,.42) !important;
}

.BasketTable-module__tableHeader{
  display:none !important;
}

.BasketTable-module__table{
  width:100% !important;
  overflow:hidden !important;
  background:transparent !important;
}

.BasketTable-module__tableData{
  display:flex !important;
  gap:16px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:4px 2px 12px !important;
  scroll-snap-type:x proximity !important;
  -webkit-overflow-scrolling:touch !important;
}

.BasketTable-module__tableData::-webkit-scrollbar{
  height:8px !important;
}

.BasketTable-module__tableData::-webkit-scrollbar-thumb{
  background:rgba(171,92,255,.42) !important;
  border-radius:20px !important;
}

.BasketTable-module__tableData::-webkit-scrollbar-track{
  background:rgba(255,255,255,.05) !important;
  border-radius:20px !important;
}

.BasketTable-module__tableLine{
  flex:0 0 290px !important;
  width:290px !important;
  min-width:290px !important;
  max-width:290px !important;
  min-height:320px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  align-items:stretch !important;
  padding:18px !important;
  margin:0 !important;
  border-radius:24px !important;
  scroll-snap-align:start !important;
  background:linear-gradient(180deg, rgba(125,62,170,.34) 0%, rgba(60,16,87,.48) 40%, rgba(21,2,33,.95) 100%) !important;
  border:1px solid rgba(184,106,255,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 26px rgba(0,0,0,.22),
    0 0 18px rgba(171,92,255,.06) !important;
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease !important;
}

.BasketTable-module__tableLine:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(214,156,255,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 30px rgba(0,0,0,.24),
    0 0 22px rgba(171,92,255,.10) !important;
}

.BasketTable-module__productNameWrapper{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  text-align:center !important;
  width:100% !important;
  margin:0 !important;
}

.BasketTable-module__itemImg,
.productModalImg.BasketTable-module__itemImg{
  width:160px !important;
  height:160px !important;
  max-width:none !important;
  margin:6px auto 0 !important;
  transform:none !important;
  object-fit:contain !important;
  display:block !important;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.34)) !important;
}

.BasketTable-module__productInfoWrapper{
  margin:0 !important;
  width:100% !important;
  text-align:center !important;
}

.BasketTable-module__productInfoWrapper .BasketTable-module__value{
  display:block !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:unset !important;
}

.BasketTable-module__serverInfoWrapper{
  margin-top:14px !important;
  width:100% !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  text-align:center !important;
  background:linear-gradient(180deg, rgba(58,18,84,.58), rgba(28,6,42,.82)) !important;
  border:1px solid rgba(184,106,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.BasketTable-module__serverInfoWrapper .BasketTable-module__value{
  color:rgba(255,255,255,.84) !important;
  font-size:14px !important;
  font-weight:800 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:unset !important;
}

.Pagination-module__pagination{
  margin-top:20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}

.Pagination-module__page,
.Pagination-module__navPageBtn{
  min-width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  border:1px solid rgba(184,106,255,.16) !important;
  background:linear-gradient(180deg, rgba(76,24,108,.92), rgba(35,8,52,.96)) !important;
  color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 18px rgba(0,0,0,.14) !important;
}

.Pagination-module__page.Pagination-module__active{
  background:linear-gradient(180deg,#b86cff 0%,#8a48f2 100%) !important;
  border-color:rgba(214,156,255,.32) !important;
  box-shadow:0 0 18px rgba(171,92,255,.14) !important;
}

.Pagination-module__pagIcon{
  width:18px !important;
  height:18px !important;
}

.Pagination-module__pagIcon path{
  stroke:#fff !important;
}

/* profile basket preview */
.bb-profile-basket{
  margin-top:30px;
  padding:22px;
  border-radius:18px;
  background:rgba(20,0,40,.45);
  backdrop-filter:blur(12px);
}

.bb-profile-basket-title{
  font-size:18px;
  font-weight:700;
  margin-bottom:15px;
  letter-spacing:.5px;
  color:#fff !important;
}

.bb-profile-basket-list{
  display:flex;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom:5px;
  scroll-behavior:smooth;
}

.bb-profile-basket-list::-webkit-scrollbar{
  height:6px;
}

.bb-profile-basket-list::-webkit-scrollbar-track{
  background:transparent;
}

.bb-profile-basket-list::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.15);
  border-radius:10px;
}

.bb-profile-basket-card{
  min-width:180px;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  transition:.25s;
}

.bb-profile-basket-card:hover{
  background:rgba(255,255,255,.08);
  transform:translateY(-2px);
}

.bb-profile-basket-img{
  width:60px;
  height:60px;
  object-fit:contain;
}

.bb-profile-basket-name{
  font-size:14px;
  font-weight:600;
  text-align:center;
  color:#fff !important;
}

.bb-profile-basket-server{
  font-size:12px;
  opacity:.65;
  text-align:center;
  color:#fff !important;
}

.bb-profile-basket-empty{
  opacity:.6;
  font-size:14px;
  color:#fff !important;
}

/* history */
.HistorySearch-module__wrapper{
  position:relative;
  margin-bottom:15px;
}

.HistorySearch-module__iconWrapper{
  background:linear-gradient(135deg,#9b5cff,#6a3bff);
  border-radius:10px 0 0 10px;
  width:42px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.HistorySearch-module__icon{
  color:#fff;
}

.HistorySearch-module__input{
  height:46px;
  width:100%;
  padding-left:45px;
  border-radius:0 10px 10px 0;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  transition:.25s;
}

.HistorySearch-module__input:focus{
  border-color:#a970ff;
  box-shadow:0 0 0 2px rgba(169,112,255,.15);
}

.HistoryTable-module__table{
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%;
}

.HistoryTable-module__tableHeader{
  display:grid;
  grid-template-columns:1.6fr 1fr 120px;
  gap:10px;
  padding:12px 18px;
  border-radius:10px;
  background:rgba(255,255,255,.04);
  font-size:13px;
  opacity:.7;
  color:#fff !important;
}

.HistoryTable-module__tableLine{
  display:grid;
  grid-template-columns:1.5fr 1fr 120px;
  gap:10px;
  align-items:center;
  padding:10px 16px;
  border-radius:10px;
  background:rgba(255,255,255,.02);
  transition:.2s;
  font-size:13px;
  color:#fff !important;
}

.HistoryTable-module__value{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.HistoryTable-module__tableLine:hover{
  background:rgba(255,255,255,.05);
  transform:translateY(-1px);
}

.bb-history-plus{
  color:#46ff9a;
  font-weight:700;
}

.bb-history-minus{
  color:#ff9c4b;
  font-weight:700;
}

.bb-history-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
  object-fit:contain;
  border-radius:6px;
}

.bb-history-item{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.bb-history-item span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:block;
}

/* =========================================================
   TOASTS
   ========================================================= */

.Toasts-module__wrapper{
  position:fixed !important;
  top:24px !important;
  right:24px !important;
  left:auto !important;
  bottom:auto !important;
  z-index:2147483647 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  pointer-events:none !important;
}

.Toasts-module__wrapper > *{
  pointer-events:auto !important;
}

.Toasts-module__wrapper > div,
.Toasts-module__wrapper [class*="Toast-module__wrapper"],
.Toasts-module__wrapper [class*="Toast-module__toast"],
.Toasts-module__wrapper [class*="toast"],
.Toasts-module__wrapper [role="alert"]{
  position:relative !important;
  min-width:320px !important;
  max-width:430px !important;
  padding:16px 18px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(58,12,86,.96) 0%, rgba(23,4,37,.98) 100%) !important;
  border:1px solid rgba(197,120,255,.18) !important;
  border-left:4px solid #ff8e42 !important;
  box-shadow:
    0 18px 40px rgba(0,0,0,.34),
    0 0 24px rgba(181,92,255,.12),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  color:#fff !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  animation:bbToastIn .28s ease !important;
}

.Toasts-module__wrapper > div::before,
.Toasts-module__wrapper [class*="Toast-module__wrapper"]::before,
.Toasts-module__wrapper [class*="Toast-module__toast"]::before,
.Toasts-module__wrapper [class*="toast"]::before,
.Toasts-module__wrapper [role="alert"]::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 42%);
  z-index:0;
}

.Toasts-module__wrapper > div::after,
.Toasts-module__wrapper [class*="Toast-module__wrapper"]::after,
.Toasts-module__wrapper [class*="Toast-module__toast"]::after,
.Toasts-module__wrapper [class*="toast"]::after,
.Toasts-module__wrapper [role="alert"]::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  opacity:.9;
  background:
    radial-gradient(circle at 88% 18%, rgba(255,145,60,.18), transparent 22%),
    radial-gradient(circle at 12% 16%, rgba(179,92,255,.16), transparent 24%);
  z-index:0;
}

.Toasts-module__wrapper *{
  position:relative;
  z-index:1;
}

.Toasts-module__wrapper strong,
.Toasts-module__wrapper b,
.Toasts-module__wrapper [class*="title"],
.Toasts-module__wrapper [class*="Title"]{
  color:#ffb86d !important;
  font-weight:900 !important;
  text-shadow:0 0 10px rgba(255,145,60,.16);
}

.Toasts-module__wrapper,
.Toasts-module__wrapper span,
.Toasts-module__wrapper p,
.Toasts-module__wrapper div{
  color:#fff !important;
}

.Toasts-module__wrapper svg,
.Toasts-module__wrapper [class*="icon"],
.Toasts-module__wrapper [class*="Icon"]{
  color:#c784ff !important;
  fill:#c784ff !important;
}

.Toasts-module__wrapper svg circle,
.Toasts-module__wrapper svg path{
  stroke:#c784ff !important;
}

@keyframes bbToastIn{
  from{
    opacity:0;
    transform:translateY(-8px) scale(.98);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

/* =========================================================
   POLICY MODAL
   ========================================================= */

#policyModal.customModalWrapper{
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  background:rgba(8,0,16,.78) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  z-index:2147483647 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .22s ease, visibility .22s ease !important;
}

#policyModal.customModalWrapper.active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

#policyModal .customModalOverflow{
  width:100% !important;
  height:100% !important;
  overflow:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#policyModal .customModalPosition{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#policyModal .customModalContent{
  position:relative !important;
  width:min(1040px, 100%) !important;
  max-height:min(88vh, 980px) !important;
  overflow:hidden !important;
  border-radius:26px !important;
  background:linear-gradient(180deg, rgba(42,8,62,.98) 0%, rgba(17,2,29,.98) 100%) !important;
  border:1px solid rgba(194,108,255,.18) !important;
  box-shadow:
    0 30px 80px rgba(0,0,0,.44),
    0 0 40px rgba(181,92,255,.10),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#policyModal .customModalContent::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 38%);
  z-index:0;
}

#policyModal .boxHeader.customtitle{
  position:relative !important;
  z-index:1 !important;
  margin:0 !important;
  padding:22px 76px 22px 26px !important;
  background:linear-gradient(180deg, rgba(106,44,154,.34), rgba(44,8,61,.16)) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  color:#fff !important;
  font-size:26px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

#policyModal .boxBody{
  position:relative !important;
  z-index:1 !important;
  padding:22px 26px 26px !important;
  background:transparent !important;
  max-height:calc(88vh - 84px) !important;
  overflow:auto !important;
}

#policyModal .boxBody::-webkit-scrollbar{
  width:8px !important;
}

#policyModal .boxBody::-webkit-scrollbar-thumb{
  border-radius:999px !important;
  background:linear-gradient(180deg,#9f59ff,#6b33dc) !important;
}

#policyModal .boxBody::-webkit-scrollbar-track{
  background:rgba(255,255,255,.05) !important;
  border-radius:999px !important;
}

#policyModal .customtitle:not(.boxHeader){
  display:block !important;
  margin:26px 0 14px !important;
  padding:14px 18px !important;
  color:#fff !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
  letter-spacing:.02em;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(92,36,130,.55), rgba(42,8,61,.55));
  border:1px solid rgba(190,120,255,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 4px 14px rgba(0,0,0,.25);
}

#policyModal .customtitle::after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  margin-top:10px;
  background:linear-gradient(90deg, transparent, rgba(200,120,255,.35), transparent);
}

#policyModal .customtext{
  margin:8px 0 !important;
  padding:10px 14px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.02) !important;
  border:1px solid rgba(255,255,255,.04) !important;
  color:rgba(255,255,255,.88) !important;
  font-size:15px !important;
  line-height:1.6 !important;
  font-weight:700 !important;
  transition:.2s;
}

#policyModal .customtext:hover{
  background:rgba(255,255,255,.04);
  border-color:rgba(200,120,255,.12);
}

#policyModal .customrule{
  color:#ff9b58 !important;
  font-weight:900 !important;
  margin-right:4px;
}

#policyModal .boxBody > .customtext:first-child{
  margin-bottom:18px !important;
  padding:16px 18px !important;
  font-weight:700;
  background:linear-gradient(180deg, rgba(120,60,160,.35), rgba(50,10,80,.35)) !important;
  border:1px solid rgba(190,120,255,.18) !important;
  border-radius:16px !important;
  color:#fff !important;
}

#policyModal .customtitle + .customtext{
  margin-top:12px !important;
}

#policyModal .bb-policy-close{
  position:absolute !important;
  top:18px !important;
  right:18px !important;
  width:40px !important;
  height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:none !important;
  cursor:pointer !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(96,36,138,.78), rgba(50,12,78,.88)) !important;
  color:#fff !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:800 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
  z-index:5 !important;
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}

#policyModal .bb-policy-close:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 14px rgba(181,92,255,.16) !important;
}

#policyModal .customModalContent::after{
  display:none !important;
  content:none !important;
}

/* =========================================================
   AGREEMENT MODAL
   ========================================================= */

#agreeModal.customModalWrapper{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(8,3,20,.62);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .25s ease, visibility .25s ease;
}

#agreeModal.customModalWrapper.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

#agreeModal .customModalOverflow,
#agreeModal .customModalPosition{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

#agreeModal .customModalContent{
  position:relative;
  width:min(780px, 88vw);
  max-height:86vh;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(203,140,255,.20);
  background:linear-gradient(180deg, rgba(86,27,124,.34) 0%, rgba(31,6,49,.54) 100%);
  box-shadow:
    0 24px 70px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 30px rgba(173,84,255,.12);
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
}

#agreeModal .boxHeader.customtitle{
  margin:0;
  padding:20px 78px 20px 28px;
  text-align:center;
  font-size:23px;
  line-height:1.15;
  font-weight:900;
  text-transform:uppercase;
  color:#fff;
  border-bottom:1px solid rgba(210,150,255,.14);
  background:linear-gradient(180deg, rgba(173,96,255,.24) 0%, rgba(116,42,184,.10) 100%);
  text-shadow:0 0 12px rgba(196,136,255,.14);
}

#agreeModal .boxBody{
  max-height:calc(86vh - 82px);
  overflow:auto;
  padding:18px 14px 24px;
  scrollbar-width:thin;
  scrollbar-color:#9d59ff transparent;
}

#agreeModal .boxBody::-webkit-scrollbar{
  width:8px;
}

#agreeModal .boxBody::-webkit-scrollbar-track{
  background:transparent;
}

#agreeModal .boxBody::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#b56cff,#7c3dff);
  border-radius:999px;
}

#agreeModal .customtext{
  margin:0 0 12px;
  padding:14px 16px;
  border-radius:18px;
  color:rgba(255,255,255,.9);
  font-size:14px;
  line-height:1.72;
  font-weight:700;
  text-align:center;
  background:rgba(255,255,255,.028);
  border:1px solid rgba(210,150,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

#agreeModal .customtitle:not(.boxHeader){
  display:block;
  margin:18px 0 12px !important;
  padding:16px 18px;
  border-radius:18px;
  text-align:center;
  font-size:16px;
  line-height:1.35;
  font-weight:900;
  color:#fff;
  background:linear-gradient(180deg, rgba(168,99,255,.30) 0%, rgba(99,38,163,.16) 100%);
  border:1px solid rgba(211,152,255,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 24px rgba(0,0,0,.14);
}

#agreeModal .customrule{
  color:#ffb15d;
  font-weight:900;
}

#agreeModal .bb-agree-close{
  position:absolute;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(220,170,255,.22);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(178,103,255,.34) 0%, rgba(93,30,145,.24) 100%);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  z-index:5;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 26px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

#agreeModal .bb-agree-close:hover{
  transform:translateY(-1px) scale(1.04);
  background:linear-gradient(180deg, rgba(197,125,255,.42) 0%, rgba(116,45,184,.28) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    0 14px 30px rgba(0,0,0,.28),
    0 0 20px rgba(181,92,255,.18);
}

/* =========================================================
   FOOTER
   ========================================================= */

.bedboom-footer,
.bb-footer-widget-old{
  display:none !important;
}

#bb-footer-mount{
  width:100%;
  margin-top:32px !important;
  margin-bottom:0 !important;
  padding:0 20px 26px !important;
  position:static !important;
  z-index:auto !important;
  background:none !important;
}

#bb-footer-mount::before{
  content:none !important;
  display:none !important;
}

.bb-footer{
  max-width:1180px;
  margin:auto;
  padding:20px 28px 16px !important;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(40,6,60,.95), rgba(18,3,30,.95));
  border:1px solid rgba(180,90,255,.25);
  box-shadow:0 0 40px rgba(160,90,255,.15);
  color:white;
}

.bb-footer-inner{
  display:grid;
  grid-template-columns:1.2fr .8fr 1fr auto;
  gap:26px;
  align-items:start !important;
}

.bb-footer-left{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.bb-footer-logo{
  width:150px !important;
  height:auto !important;
  display:block;
  object-fit:contain;
  filter:
    drop-shadow(0 0 8px rgba(190,110,255,.9))
    drop-shadow(0 0 18px rgba(170,80,255,.9))
    drop-shadow(0 0 34px rgba(150,60,255,.7));
  transition:.3s ease;
}

.bb-footer-logo:hover{
  transform:scale(1.04);
  filter:
    drop-shadow(0 0 12px rgba(210,130,255,1))
    drop-shadow(0 0 26px rgba(180,90,255,1))
    drop-shadow(0 0 46px rgba(160,70,255,.9));
}

.bb-footer-copy{
  margin-top:2px;
  color:rgba(255,255,255,.86);
  font-size:12px !important;
  font-weight:700;
  line-height:1.4;
}

.bb-footer-links{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding-top:6px;
}

.bb-footer-links a{
  color:#d8b8ff;
  text-decoration:none;
  font-size:13px !important;
  font-weight:700;
  line-height:1.25 !important;
  transition:.18s ease;
}

.bb-footer-links a:hover{
  color:#fff;
  text-shadow:0 0 10px rgba(190,110,255,.28);
}

.bb-footer-socials{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
  padding-top:0 !important;
  transform:translateY(2px);
}

.bb-footer-social{
  width:38px;
  height:38px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:0;
  color:transparent;
  overflow:hidden;
  position:relative !important;
  background:linear-gradient(180deg, rgba(87,31,123,.95), rgba(40,9,62,.96)) !important;
  border:1px solid rgba(201,120,255,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 8px 18px rgba(0,0,0,.20);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.bb-footer-social:hover{
  transform:translateY(-2px);
  border-color:rgba(220,150,255,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 12px 24px rgba(0,0,0,.26),
    0 0 16px rgba(181,92,255,.16);
}

.bb-footer-social svg{
  width:20px;
  height:20px;
  fill:#fff;
  display:block;
  pointer-events:none;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.18));
}

.bb-footer-social-telegram,
.bb-footer-socials a[aria-label="Telegram"]{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(87,31,123,.95), rgba(40,9,62,.96)) !important;
  border:1px solid rgba(201,120,255,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 8px 18px rgba(0,0,0,.20) !important;
}

.bb-footer-social-telegram svg,
.bb-footer-socials a[aria-label="Telegram"] svg,
.bb-footer-social-telegram::before,
.bb-footer-socials a[aria-label="Telegram"]::before{
  display:none !important;
  content:none !important;
  background:none !important;
}

.bb-footer-social-telegram::after,
.bb-footer-socials a[aria-label="Telegram"]::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:16px !important;
  height:16px !important;
  transform:translate(-50%, -50%) !important;
  display:block !important;
  background:#fff !important;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M21.5 2.5L2.9 9.4c-1.3.5-1.3 1.3-.2 1.7l4.8 1.5 1.8 5.6c.2.7.4 1 1 1 .4 0 .6-.2.9-.5l2.3-2.2 4.7 3.5c.9.5 1.5.3 1.7-.8L23 4.1c.3-1.3-.5-1.8-1.5-1.6z'/></svg>") center / contain no-repeat !important;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M21.5 2.5L2.9 9.4c-1.3.5-1.3 1.3-.2 1.7l4.8 1.5 1.8 5.6c.2.7.4 1 1 1 .4 0 .6-.2.9-.5l2.3-2.2 4.7 3.5c.9.5 1.5.3 1.7-.8L23 4.1c.3-1.3-.5-1.8-1.5-1.6z'/></svg>") center / contain no-repeat !important;
}

.bb-footer-bottom{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.06);
  color:rgba(255,255,255,.42);
  font-size:11px;
  line-height:1.45;
}

.bb-footer-offer-outside{
  width:min(1200px,calc(100% - 40px)) !important;
  margin:22px auto 24px !important;
  padding-top:18px;
  text-align:center;
  position:relative;
}

.bb-footer-offer-outside::before{
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(216,191,216,.35), transparent);
  margin-bottom:18px;
}

.bb-offer-line{
  color:#D8BFD8;
  font-size:12px;
  line-height:1.6;
  margin:8px 0;
}

.bb-offer-ip{
  font-weight:500;
  letter-spacing:.3px;
}

.bb-offer-rust{
  opacity:.85;
}

/* =========================================================
   CONTACTS / POLICY / SCROLL TOP BUTTONS
   ========================================================= */

.bb-contacts-close{
  position:absolute;
  top:12px;
  right:12px;
  width:32px;
  height:32px;
  border:none;
  border-radius:10px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
  color:#fff;
  z-index:20;
  background:linear-gradient(180deg, rgba(138,76,214,.95) 0%, rgba(84,33,132,.95) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 6px 14px rgba(0,0,0,.28),
    0 0 12px rgba(176,110,255,.15);
  transition:.18s ease;
}

.bb-contacts-close:hover{
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 8px 18px rgba(0,0,0,.30),
    0 0 14px rgba(176,110,255,.22);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:1100px){
  .Header-module__wrapper{
    flex-wrap:wrap;
    gap:16px;
  }

  .Header-module__logo{
    width:240px !important;
    height:100px !important;
  }

  .HeaderNav-module__wrapper{
    order:3;
    width:100%;
  }

  .Widgets-module__wrapper{
    min-width:100%;
    max-width:100%;
    margin:0 0 16px;
  }

  .Shop-module__wrapper::after{
    width:110px;
    height:110px;
    right:8px;
    top:-8px;
  }

  .bb-footer-inner{
    grid-template-columns:1fr 1fr;
    gap:20px;
  }

  .bb-footer-socials{
    justify-content:flex-start;
  }
}

@media (max-width:980px){
  .Profile-module__wrapper,
  .ProfileBasket-module__wrapper{
    grid-template-columns:1fr !important;
  }

  .ProfileNav-module__wrapper{
    min-width:100% !important;
    max-width:100% !important;
  }

  .ProfileNav-module__header::before{
    width:64px !important;
    height:64px !important;
    top:8px !important;
    left:8px !important;
  }

  .ProfileNav-module__img{
    width:140px !important;
    height:140px !important;
  }

  .ProfileNav-module__name{
    font-size:22px !important;
  }

  .ProfileContent-module__body,
  .BasketContent-module__wrapper > .boxBody{
    padding:18px !important;
  }

  .ProfileContent-module__inputWrapper{
    flex-direction:column;
    align-items:stretch;
  }
}

@media (max-width:900px){
  .bb-support-table .TicketsTable-module__tableHeader,
  .bb-support-table .TicketsTable-module__tableLine,
  .TicketsTable-module__tableHeader,
  .TicketsTable-module__tableLine{
    grid-template-columns:1fr !important;
  }

  .bb-support-real-menu{
    flex-direction:column;
  }

  .ProfileContent-module__inputWrapper{
    flex-direction:column;
    align-items:stretch;
  }

  .bb-profile-basket-card{
    flex:0 0 210px !important;
    min-width:210px !important;
  }

  .bb-profile-basket-img{
    width:110px !important;
    height:110px !important;
  }
}

@media (max-width:768px){
  .container{
    padding:0 14px;
  }

  .Header-module__logo{
    width:180px !important;
    height:76px !important;
  }

  .HeaderNav-module__link{
    font-size:15px;
  }

  .PlayerMenu-module__profileLink{
    height:38px !important;
    padding:0 16px !important;
  }

  .Products-module__wrapper{
    grid-template-columns:repeat(auto-fill, minmax(170px, 1fr));
    gap:12px;
  }

  .Product-module__wrapper{
    min-height:270px;
  }

  .Shop-module__wrapper .boxHeader{
    padding-right:96px !important;
  }

  .Shop-module__wrapper::after{
    width:88px;
    height:88px;
    top:4px;
    right:8px;
  }

  .bb-social-btn{
    width:38px;
    height:38px;
  }

  .bb-social-btn svg{
    width:18px;
    height:18px;
  }

  .bb-support-overlay{
    padding:12px;
    align-items:flex-end;
  }

  .bb-support-modal{
    border-radius:22px;
  }

  .bb-support-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .bb-support-head-left{
    padding-right:0;
  }

  .bb-support-head::after{
    display:none;
  }

  .bb-support-head-right{
    width:100%;
    justify-content:space-between;
  }

  .bb-support-create{
    flex:1 1 auto;
  }

  .bb-support-links{
    grid-template-columns:1fr 1fr;
  }

  .ModalLayout-module__modal.SupportContent-module__modal{
    width:calc(100vw - 16px) !important;
    border-radius:20px !important;
  }

  .TicketModal-module__header.boxHeader{
    padding:18px 16px !important;
    font-size:22px !important;
  }

  .ModalLayout-module__modal .boxBody{
    padding:16px !important;
  }

  .TicketModal-module__footer.boxFooter{
    padding:16px !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .TicketModal-module__sideBtns{
    width:100% !important;
  }

  .TicketModal-module__footer .Button-module__btn{
    width:100% !important;
  }

  .TicketModal-module__footer > .Button-module__accent:last-child{
    min-width:unset !important;
  }

  .TicketModal-module__messageText{
    font-size:16px !important;
  }

  .BasketTable-module__tableLine{
    flex:0 0 240px !important;
    width:240px !important;
    min-width:240px !important;
    min-height:285px !important;
  }

  .BasketTable-module__itemImg,
  .productModalImg.BasketTable-module__itemImg{
    width:130px !important;
    height:130px !important;
  }

  .BasketTable-module__productInfoWrapper .BasketTable-module__value{
    font-size:16px !important;
  }

  .Toasts-module__wrapper{
    top:12px !important;
    right:12px !important;
    left:12px !important;
  }

  .Toasts-module__wrapper > div,
  .Toasts-module__wrapper [class*="Toast-module__wrapper"],
  .Toasts-module__wrapper [class*="Toast-module__toast"],
  .Toasts-module__wrapper [class*="toast"],
  .Toasts-module__wrapper [role="alert"]{
    min-width:unset !important;
    max-width:none !important;
    width:100% !important;
  }

  #policyModal.customModalWrapper{
    padding:12px !important;
    align-items:flex-end !important;
  }

  #policyModal .customModalContent{
    width:100% !important;
    max-height:92vh !important;
    border-radius:22px !important;
  }

  #policyModal .boxHeader.customtitle{
    font-size:20px !important;
    padding:18px 58px 18px 18px !important;
  }

  #policyModal .boxBody{
    padding:16px 16px 18px !important;
    max-height:calc(92vh - 72px) !important;
  }

  #policyModal .customtitle:not(.boxHeader){
    font-size:17px !important;
    padding:12px 14px !important;
  }

  #policyModal .customtext{
    font-size:14px !important;
    line-height:1.55 !important;
    padding:10px 12px !important;
  }

  #policyModal .bb-policy-close{
    top:14px !important;
    right:14px !important;
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
    font-size:24px !important;
  }

  #agreeModal.customModalWrapper{
    padding:12px;
  }

  #agreeModal .customModalContent{
    width:min(100%, 100%);
    max-height:88vh;
    border-radius:20px;
  }

  #agreeModal .boxHeader.customtitle{
    padding:18px 62px 18px 18px;
    font-size:19px;
  }

  #agreeModal .boxBody{
    max-height:calc(88vh - 74px);
    padding:14px 10px 18px;
  }

  #agreeModal .customtext{
    padding:13px 12px;
    font-size:13px;
    line-height:1.62;
    border-radius:16px;
  }

  #agreeModal .customtitle:not(.boxHeader){
    font-size:15px;
    padding:14px 12px;
    border-radius:16px;
  }

  #agreeModal .bb-agree-close{
    width:38px;
    height:38px;
    top:12px;
    right:12px;
    font-size:24px;
    border-radius:12px;
  }

  #bb-scrollTop{
    right:14px;
    bottom:14px;
    width:54px;
    height:54px;
    border-radius:16px;
  }

  #bb-scrollTop img{
    width:28px;
    height:28px;
  }
}

@media (max-width:700px){
  #bb-footer-mount{
    padding:0 14px 22px !important;
  }

  .bb-footer{
    padding:18px 16px 14px !important;
    border-radius:18px;
  }

  .bb-footer-inner{
    grid-template-columns:1fr;
    gap:16px;
  }

  .bb-footer-logo{
    height:54px;
  }
}

@media (max-width:640px){
  .SupportContent-module__header{
    font-size:18px !important;
    padding:16px 18px !important;
  }

  .SupportContent-module__wrapper .boxBody{
    padding:14px !important;
  }

  .TicketsMenu-module__wrapper{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .TicketsMenu-module__wrapper .Button-module__btn{
    width:100% !important;
  }
}

@media (max-width:480px){
  .tab_container{
    max-width:100% !important;
    padding:14px !important;
    border-radius:24px !important;
  }

  .tab_container::before{
    min-height:52px !important;
    font-size:15px !important;
  }

  .calendar{
    padding:16px 12px 14px !important;
  }

  .calendar-header h2{
    font-size:28px !important;
  }

  .calendar-header p{
    min-width:66px !important;
    height:46px !important;
    font-size:14px !important;
  }

  .calendar-table{
    border-spacing:6px !important;
  }

  .calendar-table td{
    height:36px !important;
    font-size:13px !important;
    border-radius:10px !important;
  }

  .calendar-table th{
    font-size:12px !important;
  }
}
/* =================================
   BEDBOOM PROMO WIDGET FINAL V2
   ================================= */

#bb-promo-widget{
  position:fixed;
  right:18px;
  bottom:18px;
  width:340px;
  min-height:210px;
  transform:translateY(28px) scale(.96);

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  overflow:hidden;
  border-radius:24px;
  z-index:99999;

  background:
    linear-gradient(180deg, rgba(112,48,176,.22) 0%, rgba(27,7,44,.58) 100%);
  border:1px solid rgba(216,160,255,.16);

  box-shadow:
    0 20px 50px rgba(0,0,0,.30),
    0 0 24px rgba(173,84,255,.10),
    inset 0 1px 0 rgba(255,255,255,.06);

  backdrop-filter:blur(16px) saturate(120%);
  -webkit-backdrop-filter:blur(16px) saturate(120%);

  transition:
    opacity .38s ease,
    visibility .38s ease,
    transform .38s ease;
}

#bb-promo-widget.bb-show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}

#bb-promo-widget .bb-promo-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(88,36,140,.18), rgba(20,6,34,.42));
  opacity:1;
  pointer-events:none;
}

#bb-promo-widget .bb-promo-glow{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,176,91,.14), transparent 24%),
    radial-gradient(circle at 82% 80%, rgba(185,102,255,.14), transparent 28%);
}

#bb-promo-widget::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 38%);
  opacity:.45;
}

#bb-promo-widget .bb-promo-content{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  padding:22px 18px 18px;
  text-align:center;
}

#bb-promo-widget .bb-promo-title{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  margin-top:8px;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.01em;
  text-shadow:
    0 0 12px rgba(188,108,255,.10),
    0 0 22px rgba(255,120,40,.04);
}

#bb-promo-widget .bb-promo-title-main{
  font-size:24px;
  line-height:1.02;
  font-weight:900;
}

#bb-promo-widget .bb-promo-title-sub{
  font-size:14px;
  line-height:1;
  font-weight:800;
  color:rgba(255,255,255,.78);
  letter-spacing:.08em;
}

#bb-promo-widget .bb-promo-code{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:54px;
  padding:0 14px;
  border-radius:16px;

  color:#fff;
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;

  background:
    linear-gradient(180deg, rgba(182,98,255,.14), rgba(84,28,140,.22));
  border:1px solid rgba(221,170,255,.14);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.16),
    0 0 12px rgba(173,84,255,.08);

  animation:bbPromoCodePulse 2.6s ease-in-out infinite;
}

#bb-promo-widget .bb-promo-code::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  transform:translateX(-100%);
  animation:bbPromoShine 3.4s ease-in-out infinite;
}

#bb-promo-widget .bb-promo-text{
  width:100%;
  color:rgba(255,255,255,.88);
  font-size:14px;
  line-height:1.45;
  font-weight:700;
  text-align:left;
}

#bb-promo-widget .bb-promo-close{
  position:absolute;
  top:10px;
  right:12px;
  z-index:3;

  width:auto;
  height:auto;
  padding:0;
  margin:0;
  border:none;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  cursor:pointer;

  display:flex;
  align-items:center;
  justify-content:center;

  color:rgba(255,255,255,.92);
  font-size:28px;
  line-height:1;
  font-weight:700;

  transition:
    transform .18s ease,
    opacity .18s ease,
    color .18s ease;
}

#bb-promo-widget .bb-promo-close:hover{
  transform:scale(1.08);
  color:#ffffff;
}

@keyframes bbPromoCodePulse{
  0%,100%{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 8px 18px rgba(0,0,0,.16),
      0 0 12px rgba(173,84,255,.08);
    transform:scale(1);
  }
  50%{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 10px 22px rgba(0,0,0,.18),
      0 0 18px rgba(173,84,255,.12),
      0 0 14px rgba(255,140,60,.06);
    transform:scale(1.012);
  }
}

@keyframes bbPromoShine{
  0%{ transform:translateX(-100%); opacity:0; }
  20%{ opacity:1; }
  60%{ transform:translateX(100%); opacity:1; }
  100%{ transform:translateX(100%); opacity:0; }
}

@media (max-width:768px){
  #bb-promo-widget{
    left:12px;
    right:12px;
    bottom:12px;
    width:auto;
    min-height:auto;
    border-radius:20px;
    transform:translateY(20px) scale(.97);
  }

  #bb-promo-widget.bb-show{
    transform:translateY(0) scale(1);
  }

  #bb-promo-widget .bb-promo-content{
    padding:18px 14px 14px;
    gap:12px;
  }

  #bb-promo-widget .bb-promo-title-main{
    font-size:21px;
  }

  #bb-promo-widget .bb-promo-title-sub{
    font-size:12px;
  }

  #bb-promo-widget .bb-promo-code{
    min-height:48px;
    font-size:20px;
  }

  #bb-promo-widget .bb-promo-text{
    font-size:13px;
  }

  #bb-promo-widget .bb-promo-close{
    top:8px;
    right:10px;
    font-size:26px;
  }
}
/* =================================
   BEDBOOM HEADER MENU FIXED
   ================================= */

.bb-nav{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:nowrap;
}

.bb-nav-item,
.bb-nav-trigger{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff !important;
  text-decoration:none !important;
  font-size:15px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
  white-space:nowrap;
  transition:.18s ease;
}

.bb-nav-item:hover,
.bb-nav-trigger:hover{
  color:#ffd9ff !important;
  text-shadow:0 0 10px rgba(190,110,255,.22);
}

.bb-nav-icon,
.bb-nav-subicon{
  width:16px;
  height:16px;
  flex:0 0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.bb-nav-icon svg,
.bb-nav-subicon svg{
  width:16px;
  height:16px;
  display:block;
  overflow:visible;
}

.bb-nav-icon svg *,
.bb-nav-subicon svg *{
  fill:none;
  stroke:#ffffff;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  opacity:.96;
}

.bb-nav-subitem{
  gap:11px;
}

.bb-nav-subicon{
  opacity:.95;
}

.bb-nav-item{
  gap:9px;
}

.bb-nav-trigger{
  gap:9px;
}

.bb-nav-dropdown{
  position:relative;
  display:flex;
  align-items:center;
}

.bb-nav-trigger{
  cursor:pointer;
  user-select:none;
}

.bb-nav-trigger::after{
  content:"";
  width:7px;
  height:7px;
  margin-top:-3px;
  border-right:2px solid rgba(255,255,255,.78);
  border-bottom:2px solid rgba(255,255,255,.78);
  transform:rotate(45deg);
  transition:transform .18s ease, margin-top .18s ease;
}

.bb-nav-dropdown.bb-open .bb-nav-trigger::after{
  transform:rotate(225deg);
  margin-top:2px;
}

/* важное: меню ближе к триггеру, без разрыва */
.bb-nav-menu{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  min-width:220px;
  padding:10px;
  border-radius:18px;

  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(6px);

  background:linear-gradient(180deg, rgba(28,5,40,.98), rgba(14,2,22,.98));
  border:1px solid rgba(194,108,255,.16);
  box-shadow:
    0 18px 36px rgba(0,0,0,.34),
    0 0 18px rgba(170,90,255,.10),
    inset 0 1px 0 rgba(255,255,255,.04);

  transition:
    opacity .18s ease,
    visibility .18s ease,
    transform .18s ease;

  z-index:9999;
}

/* маленький "мостик", чтобы hover не терялся */
.bb-nav-menu::before{
  content:"";
  position:absolute;
  left:0;
  top:-8px;
  width:100%;
  height:10px;
}

.bb-nav-dropdown.bb-open .bb-nav-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

.bb-nav-subitem{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 12px;
  border-radius:12px;
  color:#fff !important;
  text-decoration:none !important;
  font-size:14px;
  font-weight:700;
  transition:.18s ease;
}

.bb-nav-subitem:hover{
  background:rgba(170,90,255,.14);
  color:#fff !important;
}

@media (max-width:900px){
  .bb-nav{
    gap:14px;
    flex-wrap:wrap;
  }

  .bb-nav-item,
  .bb-nav-trigger{
    font-size:13px;
  }

  .bb-nav-menu{
    min-width:190px;
  }
}
/* =================================
   BEDBOOM SERVERS DROPDOWN
   ================================= */

.bb-nav-item.bb-nav-item-dropdown{
  cursor:pointer;
}

.bb-nav-item.bb-nav-item-dropdown::after{
  content:"";
  width:7px;
  height:7px;
  margin-top:-3px;
  border-right:2px solid rgba(255,255,255,.78);
  border-bottom:2px solid rgba(255,255,255,.78);
  transform:rotate(45deg);
  transition:transform .18s ease, margin-top .18s ease;
}

.bb-nav-dropdown.bb-open > .bb-nav-item.bb-nav-item-dropdown::after{
  transform:rotate(225deg);
  margin-top:2px;
}
/* =========================================================
   BEDBOOM RULES — FIXED FULL WIDTH
   ========================================================= */

/* скрыть стандартный заголовок */
.Page-module__header{
  display:none !important;
}

/* убрать лишние фоны gamestores */
.Page-module__wrapper,
.Page-module__wrapper > .boxBody,
.Page-module__wrapper > .boxBody > div,
.CustomPage-module__wrapper{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

/* основной контейнер правил */
.bb-rules-page,
.bb-rules-page .bb-info-layout,
.bb-rules-page .PageContentLayout-module-scss-module__PE08Ca__main,
.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__wrapper{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* ВАЖНО: убираем старую двухколоночную сетку */
.bb-rules-page .bb-info-layout{
  display:block !important;
}

/* если старое меню осталось в html — скрываем */
.bb-rules-page .bb-info-menu,
.bb-rules-page .bb-info-content > .bb-info-menu,
.bb-rules-page .bb-info-layout > .bb-info-menu{
  display:none !important;
}

/* правая часть на всю ширину */
.bb-rules-page .PageContentLayout-module-scss-module__PE08Ca__main{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
}

/* блок секции */
.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleBlock{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 26px 0 !important;
}

/* заголовок секции */
.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleBlockTitle{
  margin:0 0 14px 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleTitleIndex{
  display:inline-flex !important;
  align-items:center !important;
  min-height:52px !important;
  padding:0 18px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(86,30,122,.92), rgba(52,16,78,.96)) !important;
  border:1px solid rgba(180,110,255,.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.14) !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

/* карточка правила */
.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleWrapper{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 14px 0 !important;
  padding:16px 18px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg, rgba(22,8,34,.86), rgba(13,4,22,.94)) !important;
  border:1px solid rgba(169,92,255,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.10) !important;
}

.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleWrapper:last-child{
  margin-bottom:0 !important;
}

/* номер пункта */
.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleNumber{
  flex:0 0 auto !important;
  min-width:62px !important;
  height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  background:linear-gradient(135deg, #b168ff 0%, #ff9b57 100%) !important;
  color:#fff !important;
  font-size:22px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 6px 14px rgba(129,54,219,.16) !important;
}

/* убрать дефис */
.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleItemDivider{
  display:none !important;
}

/* текст правила */
.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleItemHTML{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  color:#f4ecff !important;
  font-size:18px !important;
  line-height:1.7 !important;
  font-weight:700 !important;
}

.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleItemHTML p{
  margin:0 !important;
}

.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleItemHTML a{
  color:#dcb1ff !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(220,177,255,.35) !important;
}

/* на мобильных */
@media (max-width: 980px){
  .bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleTitleIndex{
    min-height:46px !important;
    font-size:16px !important;
    padding:0 14px !important;
    border-radius:16px !important;
  }

  .bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleWrapper{
    padding:14px 14px !important;
    border-radius:16px !important;
    gap:12px !important;
  }

  .bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleNumber{
    min-width:50px !important;
    height:36px !important;
    font-size:18px !important;
    border-radius:12px !important;
  }

  .bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleItemHTML{
    font-size:15px !important;
    line-height:1.6 !important;
  }
}
/* =========================================================
   BEDBOOM — SHOP GLASS + HOVER GLOW
   ========================================================= */

/* основной блок магазина */
.Shop-module__wrapper{
  position:relative !important;
  overflow:visible !important;
  background:
    linear-gradient(180deg, rgba(36,8,52,.58) 0%, rgba(14,2,24,.72) 100%) !important;
  border:1px solid rgba(194,108,255,.14) !important;
  box-shadow:
    0 20px 50px rgba(0,0,0,.24),
    0 0 24px rgba(173,84,255,.08),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(16px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(120%) !important;
}

/* лёгкий стеклянный слой */
.Shop-module__wrapper::selection{
  background:rgba(185,95,255,.22);
}

.Shop-module__wrapper .boxBody{
  background:
    linear-gradient(180deg, rgba(20,0,30,.46) 0%, rgba(10,0,20,.60) 100%) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

/* заголовок магазина меньше */
.Shop-module__wrapper .boxHeader{
  padding-top:16px !important;
  padding-bottom:14px !important;
}

.Shop-module__wrapper .boxHeader::before{
  font-size:16px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
}

/* если реальный h2 тоже отображается */
.Shop-module__header{
  font-size:16px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

/* карточка товара */
.Product-module__wrapper{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(128,64,176,.30) 0%, rgba(70,14,102,.38) 45%, rgba(22,2,34,.88) 100%) !important;
  border:1px solid rgba(194,108,255,.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 24px rgba(0,0,0,.20) !important;
  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease !important;
}

/* свечение за изображением */
.Product-module__wrapper::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:34px;
  width:150px;
  height:150px;
  border-radius:50%;
  transform:translateX(-50%) scale(.75);
  background:
    radial-gradient(circle,
      rgba(186,106,255,.34) 0%,
      rgba(140,66,255,.22) 32%,
      rgba(255,132,48,.16) 56%,
      rgba(255,132,48,0) 74%);
  filter:blur(18px);
  opacity:0;
  pointer-events:none;
  z-index:1;
  transition:
    opacity .26s ease,
    transform .26s ease,
    filter .26s ease;
}

/* чтобы картинка была выше свечения */
.Product-module__img{
  position:absolute !important;
  z-index:2 !important;
}

/* текст и бейджи ещё выше */
.Product-module__price,
.Product-module__name,
.Product-module__count,
.Product-module__discount{
  z-index:3 !important;
}

/* hover карточки */
.Product-module__wrapper:hover{
  border-color:rgba(230,150,255,.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 34px rgba(0,0,0,.26),
    0 0 18px rgba(181,92,255,.10) !important;
}

.Product-module__wrapper:hover::after{
  opacity:1;
  transform:translateX(-50%) scale(1.12);
  filter:blur(20px);
}

/* чуть сильнее вытащить картинку при наведении */
.Product-module__wrapper:hover .Product-module__img{
  transform:translateX(-50%) scale(.98) !important;
  filter:
    drop-shadow(0 10px 14px rgba(0,0,0,.34))
    drop-shadow(0 0 14px rgba(186,106,255,.12));
}

/* поиск и категории чуть более стеклянные рядом с магазином */
.Categories-module__category{
  background:linear-gradient(180deg, rgba(56,14,74,.36), rgba(31,8,46,.52)) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.Search-module__wrapper{
  background:linear-gradient(180deg, rgba(74,27,100,.38), rgba(47,12,66,.52)) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}
/* =========================================================
   FIX — УБРАТЬ ДУБЛЬ ЗАГОЛОВКА МАГАЗИНА
   ========================================================= */

.Shop-module__wrapper .boxHeader{
  font-size:16px !important;
}

.Shop-module__wrapper .boxHeader::before{
  content:none !important;
  display:none !important;
}

.Shop-module__header{
  font-size:16px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:#fff !important;
}
/* Уменьшение размера кнопки "Поддержка", чтобы соответствовать меню */
.SupportLink-module__link,
.HeaderNav-module__link,
.NavDropDown-module__linkName {
  font-size: 15px !important;  /* как у других ссылок */
  gap: 9px !important;         /* уменьшенный отступ */
}
/* Увеличиваем размер ссылок в футере */
.bb-footer-links a {
  font-size: 16px !important;   /* более крупный шрифт */
  line-height: 1.35 !important; /* чуть больше расстояние между строками */
}
.bb-footer-copy {
  font-size: 14px !important;   /* увеличиваем надпись © и другие мелкие строки */
}

/* =========================================================
   BEDBOOM PRODUCT MODAL + KITS
   FULL REPLACE CSS
   ========================================================= */

/* ------------------------------
   PRODUCT MODAL BACKDROP
------------------------------ */
.ModalLayout-module__wrapper{
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background:
    radial-gradient(circle at 20% 20%, rgba(184,108,255,.08), transparent 30%),
    radial-gradient(circle at 80% 80%, rgba(255,138,53,.08), transparent 28%),
    rgba(5,0,10,.58) !important;
  z-index:99990 !important;
}

.ModalLayout-module__positionWrapper{
  z-index:99991 !important;
}

.ModalLayout-module__modal{
  z-index:99992 !important;
}

/* ------------------------------
   PRODUCT MODAL SHELL
------------------------------ */
.ModalLayout-module__modal.ProductModal-module__dropdown{
  width:min(560px, calc(100vw - 20px)) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  border:1px solid rgba(200,120,255,.16) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(166,79,255,.10), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(255,144,64,.10), transparent 24%),
    linear-gradient(180deg, rgba(36,6,54,.96) 0%, rgba(18,0,28,.98) 100%) !important;
  box-shadow:
    0 20px 50px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(255,255,255,.02) !important;
  position:relative;
}

.ModalLayout-module__modal.ProductModal-module__dropdown::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,166,79,.10), transparent 24%),
    radial-gradient(circle at 82% 18%, rgba(190,102,255,.13), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 25%);
  z-index:0;
}

.ProductModal-module__header.boxHeader{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center !important;
  text-align:center !important;
  min-height:auto !important;
  padding:24px 24px 10px !important;
  border-bottom:none !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#fff !important;
  font-size:30px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

.ModalLayout-module__modal .boxBody{
  position:relative;
  z-index:2;
  padding:6px 22px 18px !important;
  background:transparent !important;
}

/* ------------------------------
   PRODUCT IMAGE
------------------------------ */
.productModalImg{
  display:block !important;
  width:min(280px, 72%) !important;
  max-height:300px !important;
  object-fit:contain !important;
  margin:4px auto 16px !important;
  filter:
    drop-shadow(0 22px 24px rgba(0,0,0,.36))
    drop-shadow(0 0 28px rgba(255,190,80,.16))
    drop-shadow(0 0 24px rgba(181,92,255,.14));
}

/* ------------------------------
   VARIANTS
------------------------------ */
.SelectContent-module__selectorWrapper{
  margin-bottom:18px !important;
}

.ProductItemSelector-module__label{
  display:block !important;
  margin-bottom:14px !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}

.ProductItemSelector-module__items{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

.ProductItemSelector-module__item{
  width:92px !important;
  height:82px !important;
  padding:8px !important;
  border-radius:16px !important;
  border:1px solid rgba(198,120,255,.14) !important;
  background:
    linear-gradient(180deg, rgba(26,10,48,.84), rgba(11,3,24,.92)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 18px rgba(0,0,0,.18) !important;
  transition:all .22s ease !important;
}

.ProductItemSelector-module__item:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(255,180,90,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 22px rgba(0,0,0,.22),
    0 0 14px rgba(181,92,255,.12) !important;
}

.ProductItemSelector-module__item.ProductItemSelector-module__active{
  border-color:rgba(255,180,90,.34) !important;
  background:
    linear-gradient(180deg, rgba(48,16,78,.96), rgba(18,3,36,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 0 1px rgba(255,180,90,.08),
    0 0 18px rgba(255,136,50,.12),
    0 0 18px rgba(181,92,255,.14) !important;
}

.ProductItemSelector-module__img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

/* ------------------------------
   DESCRIPTION ROWS
------------------------------ */
.productModalDescription{
  margin:14px 0 20px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.productModalDescription p{
  margin:0 !important;
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:0 14px !important;
  border:none !important;
  border-radius:14px !important;
  background:
    linear-gradient(180deg, rgba(52,18,82,.88), rgba(31,8,52,.94)) !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 4px 12px rgba(0,0,0,.10) !important;
}

.productModalDescription p .bb-desc-text{
  flex:1 1 auto;
  color:rgba(255,255,255,.92) !important;
  font-weight:600 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}

.productModalDescription p > *:not(.bb-desc-badge){
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.productModalDescription p .bb-desc-badge{
  flex:0 0 auto;
  padding:8px 12px;
  border-radius:12px;
  color:#fff;
  font-size:13px;
  font-weight:700 !important;
  background:
    linear-gradient(180deg, #ffb347 0%, #ff8a35 58%, #ff5f3a 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 16px rgba(255,132,48,.18) !important;
  white-space:nowrap;
}

.productModalDescription p .bb-desc-badge.is-purple{
  background:
    linear-gradient(180deg, #c678ff 0%, #944dff 58%, #6c2cf1 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px rgba(181,92,255,.24) !important;
}

/* ------------------------------
   KITS BUTTON
------------------------------ */
.bb-kits-open-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:50px;
  margin:16px 0 2px;
  border:none;
  border-radius:16px;
  cursor:pointer;
  color:#fff;
  font-size:15px;
  font-weight:700;
  background:
    linear-gradient(180deg, #a95cff 0%, #7d3cff 55%, #5b22d0 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 12px 26px rgba(95,34,208,.22),
    0 0 18px rgba(169,92,255,.16);
  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.bb-kits-open-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
}

/* ------------------------------
   FORM
------------------------------ */
.ProductModal-module__form{
  margin-top:16px !important;
}

.productModalFormRow{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}

.productModalFormRowItem label{
  display:block !important;
  margin-bottom:10px !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}

.TotalSum-module__inputWrapper,
.CountSelector-module__inputWrapper{
  min-height:50px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  border:1px solid rgba(194,108,255,.14) !important;
  background:
    linear-gradient(180deg, rgba(6,16,40,.92), rgba(4,10,28,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.TotalSum-module__currency{
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;
  font-weight:700 !important;
  min-width:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.TotalSum-module__input,
.CountSelector-module__input{
  background:transparent !important;
  color:#fff !important;
  font-size:28px !important;
  font-weight:700 !important;
}

.CountSelector-module__changeCountBtn{
  background:rgba(72,102,182,.32) !important;
  color:#fff !important;
  border:none !important;
  transition:all .2s ease !important;
}

.CountSelector-module__changeCountBtn:hover{
  background:rgba(101,131,218,.45) !important;
}

/* ------------------------------
   STORE COMMAND NOTE
------------------------------ */
.productModalGiveText{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  min-height:48px !important;
  margin-top:14px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  border:1px solid rgba(194,108,255,.16) !important;
  background:
    linear-gradient(90deg,
      rgba(104,52,201,.40) 0%,
      rgba(126,54,215,.34) 38%,
      rgba(255,136,48,.30) 100%) !important;
  color:rgba(255,255,255,.92) !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-transform:uppercase !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.14),
    0 0 18px rgba(181,92,255,.10) !important;
}

/* ------------------------------
   FOOTER BUTTONS
------------------------------ */
.SelectContent-module__footer.boxFooter{
  position:relative;
  z-index:2;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  padding:18px 22px 22px !important;
  background:transparent !important;
  border-top:1px solid rgba(194,108,255,.08) !important;
}

.Button-module__btn{
  min-height:50px !important;
  border:none !important;
  border-radius:16px !important;
  font-size:14px !important;
  font-weight:800 !important;
  transition:all .22s ease !important;
}

.Button-module__btn.Button-module__gray{
  color:#fff !important;
  border:1px solid rgba(194,108,255,.16) !important;
  background:
    linear-gradient(180deg, rgba(60,18,88,.64) 0%, rgba(24,4,38,.78) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 22px rgba(0,0,0,.20),
    0 0 18px rgba(181,92,255,.10) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.Button-module__btn.Button-module__accent{
  color:#fff !important;
  background:
    linear-gradient(180deg, #ffb347 0%, #ff8a35 52%, #ff5f3a 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 10px 24px rgba(255,120,40,.24),
    0 0 18px rgba(255,132,48,.18) !important;
}

.Button-module__btn:hover{
  transform:translateY(-2px) !important;
}

/* ------------------------------
   BODY LOCK FOR KITS
------------------------------ */
body.bb-kits-opened{
  overflow:hidden !important;
}

/* ------------------------------
   JSON KITS MODAL
------------------------------ */
#bb-kits-modal.bb-kits-wrapper{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
  display:none;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(181,92,255,.10), transparent 28%),
    radial-gradient(circle at 80% 80%, rgba(255,136,48,.08), transparent 24%),
    rgba(4,0,10,.76);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

#bb-kits-modal.bb-kits-wrapper.active{
  display:block !important;
}

#bb-kits-modal .customModalOverflow{
  position:fixed !important;
  inset:0 !important;
  width:100%;
  height:100%;
  overflow:hidden !important;
}

#bb-kits-modal .customModalPosition{
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  overflow:hidden !important;
}

#bb-kits-modal .bb-kits-content.customModalContent{
  display:flex !important;
  flex-direction:column !important;
  width:min(920px, calc(100vw - 20px)) !important;
  max-height:calc(100vh - 32px) !important;
  margin:0 !important;
  border-radius:24px !important;
  overflow:hidden !important;
  border:1px solid rgba(194,108,255,.16);
  background:
    radial-gradient(circle at 18% 12%, rgba(255,146,64,.08), transparent 22%),
    radial-gradient(circle at 82% 16%, rgba(181,92,255,.12), transparent 28%),
    linear-gradient(180deg, rgba(20,6,34,.96), rgba(10,2,20,.98));
  box-shadow:
    0 30px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.05);
}

#bb-kits-modal .kitTitle{
  position:relative;
  flex:0 0 auto !important;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:68px;
  padding:18px 56px 14px !important;
  font-size:28px !important;
  font-weight:800 !important;
  text-transform:uppercase;
  color:#fff !important;
  background:transparent !important;
  border-bottom:1px solid rgba(194,108,255,.08);
}

.bb-kits-close{
  position:absolute;
  right:14px;
  top:14px;
  width:40px;
  height:40px;
  border:none;
  border-radius:12px;
  cursor:pointer;
  color:#fff;
  font-size:24px;
  line-height:1;
  background:
    linear-gradient(180deg, rgba(62,20,92,.78), rgba(28,8,46,.88));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 18px rgba(0,0,0,.24);
}

#bb-kits-body.KitBody{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  padding:14px 20px 20px;
  background:transparent !important;
}

#bb-kits-body.KitBody::-webkit-scrollbar{
  width:8px;
}

#bb-kits-body.KitBody::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(180deg, #8f4cff, #ff8e3c);
}

.bb-kit-section{
  margin-bottom:18px;
}

.bb-kit-title{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:18px 0 12px !important;
}

.bb-kit-title h2{
  margin:0;
  color:#fff;
  font-size:20px;
  font-weight:700;
  text-transform:uppercase;
}

.bb-kit-cooldown{
  padding:7px 12px;
  border-radius:12px;
  font-size:13px;
  font-weight:700;
  color:#fff !important;
  background:linear-gradient(180deg, #a44cff 0%, #ff7f43 100%) !important;
  box-shadow:0 0 16px rgba(181,92,255,.14) !important;
}

.bb-kit-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));
  gap:12px !important;
}

.bb-kit-item{
  width:auto !important;
  height:120px !important;
  padding:12px 10px 10px;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(36,20,74,.86), rgba(23,11,46,.92)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.18);
  transition:transform .18s ease, box-shadow .18s ease;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.bb-kit-item:hover{
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 22px rgba(0,0,0,.22),
    0 0 16px rgba(181,92,255,.12);
}

.bb-kit-img{
  width:62px !important;
  height:62px !important;
  margin-bottom:8px !important;
  object-fit:contain;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.24));
}

.bb-kit-qty{
  width:100% !important;
  padding:0 8px !important;
  text-align:center !important;
  color:#c9d7ff !important;
  font-size:14px !important;
  font-weight:700 !important;
}

/* ------------------------------
   MOBILE
------------------------------ */
@media (max-width:640px){
  .ModalLayout-module__modal.ProductModal-module__dropdown{
    width:calc(100vw - 12px) !important;
    border-radius:22px !important;
  }

  .ProductModal-module__header.boxHeader{
    font-size:24px !important;
    padding:18px 16px 8px !important;
  }

  .ModalLayout-module__modal .boxBody{
    padding:6px 14px 14px !important;
  }

  .ProductItemSelector-module__label{
    font-size:16px !important;
  }

  .productModalFormRow{
    grid-template-columns:1fr !important;
  }

  .SelectContent-module__footer.boxFooter{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    padding:14px !important;
  }

  .productModalDescription p{
    min-height:44px !important;
    font-size:13px !important;
    padding:0 12px !important;
  }

  .productModalDescription p .bb-desc-badge{
    font-size:12px !important;
    padding:7px 10px !important;
  }

  #bb-kits-modal .bb-kits-content.customModalContent{
    width:calc(100vw - 12px) !important;
    border-radius:20px !important;
  }

  #bb-kits-modal .kitTitle{
    font-size:22px !important;
    min-height:58px;
    padding:14px 50px 10px !important;
  }

  .bb-kit-title h2{
    font-size:16px;
  }

  .bb-kit-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
.productModalDescription p .bb-desc-badge.is-green{
  background: linear-gradient(180deg, #46df72 0%, #23b94f 55%, #16943c 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px rgba(70,223,114,.22) !important;
}

.productModalDescription p .bb-desc-badge.is-purple{
  background: linear-gradient(180deg, #c678ff 0%, #944dff 58%, #6c2cf1 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px rgba(181,92,255,.24) !important;
}

.productModalDescription p .bb-desc-badge.is-red{
  background: linear-gradient(180deg, #ff6a6a 0%, #f04444 55%, #cf2323 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px rgba(255,90,90,.22) !important;
}

.productModalDescription p .bb-desc-badge.is-blue{
  background: linear-gradient(180deg, #66a8ff 0%, #3f7ef0 55%, #2a5fc7 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px rgba(102,168,255,.22) !important;
}

.productModalDescription p .bb-desc-badge.is-orange{
  background: linear-gradient(180deg, #ffb347 0%, #ff8a35 58%, #ff5f3a 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px rgba(255,132,48,.22) !important;
}

.productModalDescription p .bb-desc-badge.is-yellow{
  background: linear-gradient(180deg, #ffe56b 0%, #f6c93d 55%, #d9a612 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px rgba(255,229,107,.22) !important;
  color:#2a2100 !important;
}
.productModalDescription p .bb-desc-badge.is-vip{
  background: linear-gradient(180deg, #8d6bff 0%, #6c46f2 55%, #5129c9 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px rgba(141,107,255,.24) !important;
}

.productModalDescription p .bb-desc-badge.is-deluxe{
  background: linear-gradient(180deg, #ff9f47 0%, #ff7a2f 55%, #df5418 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px rgba(255,159,71,.24) !important;
}

.productModalDescription p .bb-desc-badge.is-premium{
  background: linear-gradient(180deg, #ffe27a 0%, #ffc83d 55%, #d89a10 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px rgba(255,226,122,.24) !important;
  color:#2b2200 !important;
}

.productModalDescription p .bb-desc-badge.is-ultima{
  background: linear-gradient(180deg, #ff7de1 0%, #d84bff 55%, #8d2cff 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px rgba(216,75,255,.24) !important;
}

.productModalDescription p .bb-desc-badge.is-legend{
  background: linear-gradient(180deg, #8cffb3 0%, #42d978 55%, #1fa956 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px rgba(66,217,120,.24) !important;
}
/* =========================================================
   BEDBOOM SINGLE ITEM MODAL
   ========================================================= */

.ModalLayout-module__modal.ProductModal-module__item{
  width:min(560px, calc(100vw - 20px)) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  border:1px solid rgba(200,120,255,.16) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(166,79,255,.10), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(255,144,64,.10), transparent 24%),
    linear-gradient(180deg, rgba(36,6,54,.96) 0%, rgba(18,0,28,.98) 100%) !important;
  box-shadow:
    0 20px 50px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(255,255,255,.02) !important;
  position:relative !important;
}

.ModalLayout-module__modal.ProductModal-module__item::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,166,79,.10), transparent 24%),
    radial-gradient(circle at 82% 18%, rgba(190,102,255,.13), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 25%);
  z-index:0;
}

.ModalLayout-module__modal.ProductModal-module__item .ProductModal-module__header.boxHeader{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center !important;
  text-align:center !important;
  min-height:auto !important;
  padding:24px 24px 10px !important;
  border-bottom:none !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#fff !important;
  font-size:30px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

.ModalLayout-module__modal.ProductModal-module__item .boxBody{
  position:relative;
  z-index:2;
  padding:8px 22px 18px !important;
  background:transparent !important;
}

.ModalLayout-module__modal.ProductModal-module__item .productModalImg{
  display:block !important;
  width:min(320px, 78%) !important;
  max-height:320px !important;
  object-fit:contain !important;
  margin:8px auto 18px !important;
  filter:
    drop-shadow(0 22px 24px rgba(0,0,0,.36))
    drop-shadow(0 0 28px rgba(255,190,80,.16))
    drop-shadow(0 0 24px rgba(181,92,255,.14));
}

.ModalLayout-module__modal.ProductModal-module__item .ProductModal-module__form{
  margin-top:10px !important;
}

.ModalLayout-module__modal.ProductModal-module__item .productModalFormRow{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}

.ModalLayout-module__modal.ProductModal-module__item .productModalFormRowItem label{
  display:block !important;
  margin-bottom:10px !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}

.ModalLayout-module__modal.ProductModal-module__item .TotalSum-module__inputWrapper,
.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__inputWrapper{
  min-height:50px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  border:1px solid rgba(194,108,255,.14) !important;
  background:
    linear-gradient(180deg, rgba(6,16,40,.92), rgba(4,10,28,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.ModalLayout-module__modal.ProductModal-module__item .TotalSum-module__currency{
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;
  font-weight:700 !important;
  min-width:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.ModalLayout-module__modal.ProductModal-module__item .TotalSum-module__input,
.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__input{
  background:transparent !important;
  color:#fff !important;
  font-size:28px !important;
  font-weight:700 !important;
}

.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__changeCountBtn{
  background:rgba(72,102,182,.32) !important;
  color:#fff !important;
  border:none !important;
  transition:all .2s ease !important;
}

.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__changeCountBtn:hover{
  background:rgba(101,131,218,.45) !important;
}

.ModalLayout-module__modal.ProductModal-module__item .productModalGiveText{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  min-height:48px !important;
  margin-top:14px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  border:1px solid rgba(194,108,255,.16) !important;
  background:
    linear-gradient(90deg,
      rgba(104,52,201,.40) 0%,
      rgba(126,54,215,.34) 38%,
      rgba(255,136,48,.30) 100%) !important;
  color:rgba(255,255,255,.92) !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-transform:uppercase !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.14),
    0 0 18px rgba(181,92,255,.10) !important;
}

.ModalLayout-module__modal.ProductModal-module__item .ItemContent-module__footer.boxFooter{
  position:relative;
  z-index:2;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  padding:18px 22px 22px !important;
  background:transparent !important;
  border-top:1px solid rgba(194,108,255,.08) !important;
}

.ModalLayout-module__modal.ProductModal-module__item .Button-module__btn{
  min-height:50px !important;
  border:none !important;
  border-radius:16px !important;
  font-size:14px !important;
  font-weight:800 !important;
  transition:all .22s ease !important;
}

.ModalLayout-module__modal.ProductModal-module__item .Button-module__btn.Button-module__gray{
  color:#fff !important;
  border:1px solid rgba(194,108,255,.16) !important;
  background:
    linear-gradient(180deg, rgba(60,18,88,.64) 0%, rgba(24,4,38,.78) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 22px rgba(0,0,0,.20),
    0 0 18px rgba(181,92,255,.10) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.ModalLayout-module__modal.ProductModal-module__item .Button-module__btn.Button-module__accent{
  color:#fff !important;
  background:
    linear-gradient(180deg, #ffb347 0%, #ff8a35 52%, #ff5f3a 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 10px 24px rgba(255,120,40,.24),
    0 0 18px rgba(255,132,48,.18) !important;
}

.ModalLayout-module__modal.ProductModal-module__item .Button-module__btn:hover{
  transform:translateY(-2px) !important;
}

@media (max-width:640px){
  .ModalLayout-module__modal.ProductModal-module__item{
    width:calc(100vw - 12px) !important;
    border-radius:22px !important;
  }

  .ModalLayout-module__modal.ProductModal-module__item .ProductModal-module__header.boxHeader{
    font-size:24px !important;
    padding:18px 16px 8px !important;
  }

  .ModalLayout-module__modal.ProductModal-module__item .boxBody{
    padding:6px 14px 14px !important;
  }

  .ModalLayout-module__modal.ProductModal-module__item .productModalFormRow{
    grid-template-columns:1fr !important;
  }

  .ModalLayout-module__modal.ProductModal-module__item .ItemContent-module__footer.boxFooter{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    padding:14px !important;
  }
}
/* =========================================================
   BEDBOOM UNIVERSAL SUM / COUNT COLORS
   ========================================================= */

/* общий контейнер */
.TotalSum-module__inputWrapper,
.CountSelector-module__inputWrapper{
  min-height:50px !important;
  border-radius:16px !important;
  overflow:hidden !important;
  border:1px solid rgba(194,108,255,.16) !important;
  background:linear-gradient(180deg, rgba(8,10,32,.96), rgba(4,6,20,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.18) !important;
}

/* RUB слева */
.TotalSum-module__currency{
  background:linear-gradient(180deg, #7a37ff 0%, #5620d8 100%) !important;
  color:#fff !important;
  font-weight:800 !important;
  min-width:56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-right:1px solid rgba(255,255,255,.06) !important;
}

/* фон за 31 */
.TotalSum-module__input{
  background:linear-gradient(90deg, rgba(255,123,229,.18) 0%, rgba(180,76,255,.14) 45%, rgba(107,44,255,.10) 100%) !important;
  color:#fff !important;
  font-size:28px !important;
  font-weight:800 !important;
  border:none !important;
  box-shadow:none !important;
}

/* кнопка "-" */
.CountSelector-module__changeCountBtn.CountSelector-module__left{
  background:linear-gradient(180deg, #7a37ff 0%, #5620d8 100%) !important;
  color:#fff !important;
  border:none !important;
}

/* фон за 23 */
.CountSelector-module__input{
  background:linear-gradient(90deg, rgba(255,123,229,.18) 0%, rgba(180,76,255,.14) 45%, rgba(107,44,255,.10) 100%) !important;
  color:#fff !important;
  font-size:28px !important;
  font-weight:800 !important;
  border:none !important;
  box-shadow:none !important;
}

/* кнопка "+" */
.CountSelector-module__changeCountBtn.CountSelector-module__right{
  background:linear-gradient(180deg, #ffb347 0%, #ff8a35 58%, #ff5f3a 100%) !important;
  color:#fff !important;
  border:none !important;
}

/* hover */
.CountSelector-module__changeCountBtn.CountSelector-module__left:hover{
  background:linear-gradient(180deg, #8b4cff 0%, #6730eb 100%) !important;
}

.CountSelector-module__changeCountBtn.CountSelector-module__right:hover{
  background:linear-gradient(180deg, #ffc166 0%, #ff9848 58%, #ff6a45 100%) !important;
}
/* =========================================================
   BEDBOOM SINGLE ITEM — FORCE SUM / COUNT COLORS
   ========================================================= */

.ModalLayout-module__modal.ProductModal-module__item .TotalSum-module__inputWrapper,
.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__inputWrapper{
  min-height:50px !important;
  border-radius:16px !important;
  overflow:hidden !important;
  border:1px solid rgba(194,108,255,.16) !important;
  background:linear-gradient(180deg, rgba(8,10,32,.96), rgba(4,6,20,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.18) !important;
}

/* RUB */
.ModalLayout-module__modal.ProductModal-module__item .TotalSum-module__currency{
  min-width:56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg, #7a37ff 0%, #5620d8 100%) !important;
  color:#fff !important;
  font-weight:800 !important;
  border-right:1px solid rgba(255,255,255,.06) !important;
}

/* фон за 31 */
.ModalLayout-module__modal.ProductModal-module__item .TotalSum-module__input{
  background:linear-gradient(90deg, rgba(255,123,229,.18) 0%, rgba(180,76,255,.14) 45%, rgba(107,44,255,.10) 100%) !important;
  color:#fff !important;
  font-size:28px !important;
  font-weight:800 !important;
  border:none !important;
  box-shadow:none !important;
  -webkit-text-fill-color:#fff !important;
}

/* кнопка "-" */
.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__changeCountBtn.CountSelector-module__left{
  background:linear-gradient(180deg, #7a37ff 0%, #5620d8 100%) !important;
  color:#fff !important;
  border:none !important;
}

/* фон за 23 */
.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__input{
  background:linear-gradient(90deg, rgba(255,123,229,.18) 0%, rgba(180,76,255,.14) 45%, rgba(107,44,255,.10) 100%) !important;
  color:#fff !important;
  font-size:28px !important;
  font-weight:800 !important;
  border:none !important;
  box-shadow:none !important;
  -webkit-text-fill-color:#fff !important;
}

/* кнопка "+" */
.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__changeCountBtn.CountSelector-module__right{
  background:linear-gradient(180deg, #ffb347 0%, #ff8a35 58%, #ff5f3a 100%) !important;
  color:#fff !important;
  border:none !important;
}

/* hover */
.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__changeCountBtn.CountSelector-module__left:hover{
  background:linear-gradient(180deg, #8b4cff 0%, #6730eb 100%) !important;
}

.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__changeCountBtn.CountSelector-module__right:hover{
  background:linear-gradient(180deg, #ffc166 0%, #ff9848 58%, #ff6a45 100%) !important;
}
/* =========================================================
   BEDBOOM — FINAL SHOP / PRODUCT / MODAL CSS
   ========================================================= */

/* ------------------------------
   LAYOUT
------------------------------ */

.Shop-module__wrapper{
  position:relative !important;
  align-self:start !important;
  margin:0 !important;
  padding:0 !important;
  min-height:100% !important;
  border-radius:28px !important;
  overflow:visible !important;
  border:1px solid rgba(214,116,255,.12) !important;
  background:transparent !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 14px 34px rgba(0,0,0,.16) !important;
}

.Shop-module__wrapper .boxBody{
  background:transparent !important;
}

.Shop-module__header{
  margin-top:0 !important;
  background:transparent !important;
  border-bottom:1px solid rgba(214,116,255,.10) !important;
}

/* бомбочка поверх */
.Shop-module__wrapper::after{
  content:"";
  position:absolute;
  top:-26px;
  right:-18px;
  width:118px;
  height:118px;
  z-index:20;
  pointer-events:none;
  background-image:url("https://ltdfoto.ru/images/2026/03/16/ChatGPT-Image-16-MAR.-2026-G.-02_06_42.png");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  filter:
    drop-shadow(0 0 20px rgba(181,92,255,.32))
    drop-shadow(0 0 14px rgba(255,145,60,.18));
}

/* ------------------------------
   CATEGORY BUTTONS
------------------------------ */
.Categories-module__categories{
  justify-content:flex-start !important;
  gap:12px !important;
  margin-bottom:16px !important;
}

.Categories-module__category{
  min-width:110px !important;
  height:42px !important;
  padding:0 18px !important;
  border-radius:16px !important;
  border:1px solid rgba(214,116,255,.18) !important;
  background:rgba(67,20,100,.68) !important;
  color:#fff !important;
  outline:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 16px rgba(0,0,0,.12) !important;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
}

.Categories-module__category:not(.Categories-module__active):hover{
  background:rgba(92,34,138,.88) !important;
  border-color:rgba(214,116,255,.30) !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 18px rgba(0,0,0,.16),
    0 0 14px rgba(181,92,255,.14) !important;
}

.Categories-module__category.Categories-module__active,
.Categories-module__category.Categories-module__active:hover,
.Categories-module__category.Categories-module__active:focus,
.Categories-module__category.Categories-module__active:active{
  background:rgba(146,84,255,.95) !important;
  border-color:rgba(208,170,255,.28) !important;
  color:#fff !important;
  transform:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 22px rgba(92,34,208,.26),
    0 0 16px rgba(181,92,255,.18) !important;
}

.Categories-module__category:focus,
.Categories-module__category:active{
  outline:none !important;
}

.Categories-module__category:not(.Categories-module__active):focus,
.Categories-module__category:not(.Categories-module__active):active{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 16px rgba(0,0,0,.12) !important;
}

/* ------------------------------
   SEARCH
------------------------------ */
.Search-module__wrapper{
  border-radius:18px !important;
  overflow:hidden !important;
  border:1px solid rgba(214,116,255,.16) !important;
  background:rgba(48,12,72,.58) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.12) !important;
}

.Search-module__iconWrapper{
  min-width:56px !important;
  background:rgba(146,84,255,.95) !important;
  color:#fff !important;
}

.Search-module__input{
  background:transparent !important;
  color:#fff !important;
}

.Search-module__input::placeholder{
  color:rgba(255,255,255,.54) !important;
}

/* ------------------------------
   PRODUCTS GRID
------------------------------ */
.Products-module__wrapper{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap:16px !important;
  justify-content:stretch !important;
  align-content:flex-start !important;
}

/* ------------------------------
   PRODUCT CARD
------------------------------ */
.Product-module__wrapper{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:190px !important;
  min-height:190px !important;
  padding:0 !important;
  border-radius:24px !important;
  overflow:hidden !important;
  border:1px solid rgba(214,116,255,.22) !important;
  background:
    linear-gradient(180deg, rgba(61,18,89,.42) 0%, rgba(29,8,47,.54) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(181,92,255,.08) !important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease !important;
}

.Product-module__wrapper::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,121,229,.08), transparent 30%),
    radial-gradient(circle at 76% 76%, rgba(255,141,69,.08), transparent 26%);
}

.Product-module__wrapper:hover{
  transform:translateY(-3px) scale(1.02) !important;
  border-color:rgba(255,160,220,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 14px 26px rgba(0,0,0,.22),
    0 0 22px rgba(181,92,255,.14),
    0 0 16px rgba(255,141,69,.08) !important;
}

/* картинка */
.Product-module__img{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:70% !important;
  height:70% !important;
  object-fit:contain !important;
  transition:
    transform .24s ease,
    filter .24s ease !important;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.24));
}

.Product-module__wrapper:hover .Product-module__img{
  transform:translate(-50%,-50%) scale(1.06) !important;
  filter:
    drop-shadow(0 12px 18px rgba(0,0,0,.28))
    drop-shadow(0 0 16px rgba(181,92,255,.18));
}

/* название без фонового блока */
.Product-module__name{
  position:absolute !important;
  top:10px !important;
  left:0 !important;
  right:0 !important;
  z-index:3 !important;
  text-align:center !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:800 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 10px !important;
  opacity:0 !important;
  transform:translateY(-6px) !important;
  transition:opacity .2s ease, transform .2s ease !important;
}

/* цена */
.Product-module__price{
  position:absolute !important;
  left:10px !important;
  bottom:10px !important;
  top:auto !important;
  right:auto !important;
  z-index:4 !important;
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:calc(100% - 70px) !important;
  min-width:0 !important;
  min-height:30px !important;
  height:30px !important;
  padding:0 10px !important;
  margin:0 !important;
  border-radius:12px !important;
  background:rgba(26,7,39,.88) !important;
  border:1px solid rgba(214,116,255,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 6px 14px rgba(0,0,0,.16) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  opacity:0 !important;
  transform:translateY(6px) !important;
  transition:opacity .2s ease, transform .2s ease !important;
}

.Product-module__price span{
  display:inline !important;
  width:auto !important;
  line-height:1 !important;
  font-size:13px !important;
  font-weight:800 !important;
  color:#fff !important;
}

.Product-module__price .Product-module__oldPrice{
  margin-right:5px !important;
  font-size:12px !important;
  color:rgba(255,255,255,.42) !important;
}

/* количество */
.Product-module__count{
  position:absolute !important;
  right:10px !important;
  bottom:10px !important;
  z-index:3 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:0 12px !important;
  border-radius:14px !important;
  background:rgba(255,142,59,.92) !important;
  border:1px solid rgba(255,193,120,.20) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  box-shadow:0 0 14px rgba(255,136,60,.16) !important;
  opacity:0 !important;
  transform:translateY(6px) !important;
  transition:opacity .2s ease, transform .2s ease !important;
}

/* скидка */
.Product-module__discount{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  z-index:4 !important;
  min-width:46px !important;
  height:30px !important;
  padding:0 10px !important;
  border-radius:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,142,59,.94) !important;
  border:1px solid rgba(255,193,120,.26) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  animation:bbDiscountPulse 2.8s ease-in-out infinite !important;
}

/* показывать только при наведении */
.Product-module__wrapper:hover .Product-module__name,
.Product-module__wrapper:hover .Product-module__price,
.Product-module__wrapper:hover .Product-module__count{
  opacity:1 !important;
  transform:translateY(0) !important;
}

@keyframes bbDiscountPulse{
  0%,100%{
    transform:scale(1);
    box-shadow:0 0 0 rgba(255,137,56,0);
  }
  50%{
    transform:scale(1.05);
    box-shadow:0 0 16px rgba(255,137,56,.24);
  }
}

/* ------------------------------
   SINGLE PRODUCT MODAL
------------------------------ */
.ModalLayout-module__modal.ProductModal-module__item{
  width:min(560px, calc(100vw - 20px)) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  border:1px solid rgba(200,120,255,.16) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(166,79,255,.10), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(255,144,64,.10), transparent 24%),
    linear-gradient(180deg, rgba(36,6,54,.96) 0%, rgba(18,0,28,.98) 100%) !important;
  box-shadow:
    0 20px 50px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(255,255,255,.02) !important;
  position:relative !important;
}

.ModalLayout-module__modal.ProductModal-module__item::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,166,79,.10), transparent 24%),
    radial-gradient(circle at 82% 18%, rgba(190,102,255,.13), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 25%);
  z-index:0;
}

.ModalLayout-module__modal.ProductModal-module__item .ProductModal-module__header.boxHeader{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center !important;
  text-align:center !important;
  min-height:auto !important;
  padding:24px 24px 10px !important;
  border-bottom:none !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#fff !important;
  font-size:30px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

.ModalLayout-module__modal.ProductModal-module__item .boxBody{
  position:relative;
  z-index:2;
  padding:8px 22px 18px !important;
  background:transparent !important;
}

.ModalLayout-module__modal.ProductModal-module__item .productModalImg{
  display:block !important;
  width:min(320px, 78%) !important;
  max-height:320px !important;
  object-fit:contain !important;
  margin:8px auto 18px !important;
  filter:
    drop-shadow(0 22px 24px rgba(0,0,0,.36))
    drop-shadow(0 0 28px rgba(255,190,80,.16))
    drop-shadow(0 0 24px rgba(181,92,255,.14));
}

.ModalLayout-module__modal.ProductModal-module__item .ProductModal-module__form{
  margin-top:10px !important;
}

.ModalLayout-module__modal.ProductModal-module__item .productModalFormRow{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}

.ModalLayout-module__modal.ProductModal-module__item .productModalFormRowItem label{
  display:block !important;
  margin-bottom:10px !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}

.ModalLayout-module__modal.ProductModal-module__item .TotalSum-module__inputWrapper,
.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__inputWrapper{
  min-height:50px !important;
  border-radius:16px !important;
  overflow:hidden !important;
  border:1px solid rgba(194,108,255,.16) !important;
  background:linear-gradient(180deg, rgba(8,10,32,.96), rgba(4,6,20,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.18) !important;
}

.ModalLayout-module__modal.ProductModal-module__item .TotalSum-module__currency{
  min-width:56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg, #7a37ff 0%, #5620d8 100%) !important;
  color:#fff !important;
  font-weight:800 !important;
  border-right:1px solid rgba(255,255,255,.06) !important;
}

.ModalLayout-module__modal.ProductModal-module__item .TotalSum-module__input{
  color:#fff !important;
  font-size:28px !important;
  font-weight:800 !important;
  border:none !important;
  box-shadow:none !important;
  -webkit-text-fill-color:#fff !important;
  background:transparent !important;
}

.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__input{
  color:#fff !important;
  font-size:28px !important;
  font-weight:800 !important;
  border:none !important;
  box-shadow:none !important;
  -webkit-text-fill-color:#fff !important;
  background:transparent !important;
}

.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__changeCountBtn.CountSelector-module__left{
  background:linear-gradient(180deg, #7a37ff 0%, #5620d8 100%) !important;
  color:#fff !important;
  border:none !important;
}

.ModalLayout-module__modal.ProductModal-module__item .CountSelector-module__changeCountBtn.CountSelector-module__right{
  background:linear-gradient(180deg, #ffb347 0%, #ff8a35 58%, #ff5f3a 100%) !important;
  color:#fff !important;
  border:none !important;
}

.ModalLayout-module__modal.ProductModal-module__item .productModalGiveText{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  min-height:48px !important;
  margin-top:14px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  border:1px solid rgba(194,108,255,.16) !important;
  background:
    linear-gradient(90deg,
      rgba(104,52,201,.40) 0%,
      rgba(126,54,215,.34) 38%,
      rgba(255,136,48,.30) 100%) !important;
  color:rgba(255,255,255,.92) !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-transform:uppercase !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.14),
    0 0 18px rgba(181,92,255,.10) !important;
}

.ModalLayout-module__modal.ProductModal-module__item .ItemContent-module__footer.boxFooter{
  position:relative;
  z-index:2;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  padding:18px 22px 22px !important;
  background:transparent !important;
  border-top:1px solid rgba(194,108,255,.08) !important;
}

.ModalLayout-module__modal.ProductModal-module__item .Button-module__btn{
  min-height:50px !important;
  border:none !important;
  border-radius:16px !important;
  font-size:14px !important;
  font-weight:800 !important;
  transition:all .22s ease !important;
}

.ModalLayout-module__modal.ProductModal-module__item .Button-module__btn.Button-module__gray{
  color:#fff !important;
  border:1px solid rgba(194,108,255,.16) !important;
  background:
    linear-gradient(180deg, rgba(60,18,88,.64) 0%, rgba(24,4,38,.78) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 22px rgba(0,0,0,.20),
    0 0 18px rgba(181,92,255,.10) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.ModalLayout-module__modal.ProductModal-module__item .Button-module__btn.Button-module__accent{
  color:#fff !important;
  background:
    linear-gradient(180deg, #ffb347 0%, #ff8a35 52%, #ff5f3a 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 10px 24px rgba(255,120,40,.24),
    0 0 18px rgba(255,132,48,.18) !important;
}

.ModalLayout-module__modal.ProductModal-module__item .Button-module__btn:hover{
  transform:translateY(-2px) !important;
}

/* ------------------------------
   RESPONSIVE
------------------------------ */
@media (min-width:1400px){
  .Products-module__wrapper{
    grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)) !important;
  }

  .Product-module__wrapper{
    height:210px !important;
    min-height:210px !important;
  }
}

@media (max-width:1100px){
  .Index-module__wrapper{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
}

@media (max-width:640px){
  .ModalLayout-module__modal.ProductModal-module__item{
    width:calc(100vw - 12px) !important;
    border-radius:22px !important;
  }

  .ModalLayout-module__modal.ProductModal-module__item .ProductModal-module__header.boxHeader{
    font-size:24px !important;
    padding:18px 16px 8px !important;
  }

  .ModalLayout-module__modal.ProductModal-module__item .boxBody{
    padding:6px 14px 14px !important;
  }

  .ModalLayout-module__modal.ProductModal-module__item .productModalFormRow{
    grid-template-columns:1fr !important;
  }

  .ModalLayout-module__modal.ProductModal-module__item .ItemContent-module__footer.boxFooter{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    padding:14px !important;
  }
}
.Shop-module__wrapper::after{
  content:"";
  position:absolute;
  top:-18px;
  right:18px;
  width:132px;
  height:132px;
  background:url("https://bbrust.ru/bedboom/img/bomb.png") center / contain no-repeat;
  opacity:.88;
  pointer-events:none;
  z-index:6 !important;
  filter:drop-shadow(0 0 8px rgba(190,95,255,.22));
  animation:bedboomBombFloat 5.6s ease-in-out infinite;
}
/* УБИРАЕМ БОЛЬШОЙ ФОН У СЕКЦИЙ */
.RulesContent-module-scss-module__wcQ6WW__ruleBlock{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    overflow:visible !important;
}

.RulesContent-module-scss-module__wcQ6WW__ruleBlock::before,
.RulesContent-module-scss-module__wcQ6WW__ruleBlock::after{
    display:none !important;
    content:none !important;
}

/* УБИРАЕМ ФОН У ВНЕШНЕЙ ОБЕРТКИ ЕСЛИ ОН ПОДМЕШИВАЕТСЯ */
.RulesContent-module-scss-module__wcQ6WW__wrapper,
.PageContentLayout-module-scss-module__PE08Ca__main,
.boxBody{
    background:transparent !important;
}

/* ЗАГОЛОВОК РАЗДЕЛА ДЕЛАЕМ БЕЗ БОЛЬШОЙ ТЕМНОЙ ПЛАШКИ */
.RulesContent-module-scss-module__wcQ6WW__ruleBlockTitle{
    margin:0 0 14px !important;
    padding:0 !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

.RulesContent-module-scss-module__wcQ6WW__ruleTitleIndex{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
}

/* КАРТОЧКИ ПРАВИЛ */
.RulesContent-module-scss-module__wcQ6WW__ruleWrapper{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:12px;
    padding:14px;
    border-radius:18px;
    background:linear-gradient(90deg, rgba(35,14,50,0.82), rgba(27,10,40,0.72)) !important;
    border:1px solid rgba(169,92,255,0.14) !important;
    box-shadow:
        0 8px 20px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.RulesContent-module-scss-module__wcQ6WW__ruleWrapper:hover{
    border-color:rgba(201,135,255,0.25) !important;
    box-shadow:
        0 10px 24px rgba(0,0,0,0.22),
        0 0 0 1px rgba(169,92,255,0.04) inset !important;
}

/* НОМЕРА ПУНКТОВ */
.RulesContent-module-scss-module__wcQ6WW__ruleNumber{
    flex:0 0 auto;
    min-width:62px;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border-radius:14px;
    background:linear-gradient(135deg,#b06cff 0%, #ff944d 100%) !important;
    color:#fff !important;
    font-size:14px;
    font-weight:900;
    line-height:1;
    box-shadow:
        0 10px 20px rgba(169,92,255,0.25),
        inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

/* ДЕФИС СКРЫВАЕМ */
.RulesContent-module-scss-module__wcQ6WW__ruleItemDivider{
    display:none !important;
}

/* ТЕКСТ */
.RulesContent-module-scss-module__wcQ6WW__ruleItemHTML{
    flex:1 1 auto;
    color:rgba(255,255,255,0.92) !important;
    font-size:15px;
    line-height:1.65;
}

.RulesContent-module-scss-module__wcQ6WW__ruleItemHTML p{
    margin:0;
}

/* МОБИЛКА */
@media (max-width:768px){
    .RulesContent-module-scss-module__wcQ6WW__ruleTitleIndex{
        font-size:16px;
        padding:10px 14px;
        border-radius:12px;
    }

    .RulesContent-module-scss-module__wcQ6WW__ruleWrapper{
        padding:12px;
        gap:10px;
        border-radius:14px;
    }

    .RulesContent-module-scss-module__wcQ6WW__ruleNumber{
        min-width:54px;
        height:34px;
        font-size:13px;
        border-radius:11px;
    }

    .RulesContent-module-scss-module__wcQ6WW__ruleItemHTML{
        font-size:14px;
        line-height:1.55;
    }
}
/* =========================================================
   BEDBOOM FINAL — PRODUCT MODAL + ITEMS
   ========================================================= */

/* УБИРАЕМ СТАНДАРТНЫЕ ФОНЫ */
.Page-module__wrapper,
.Page-module__wrapper .boxBody,
.Page-module__wrapper .boxBody > div,
.CustomPage-module__wrapper{
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
}

/* =========================================================
   МОДАЛКА
   ========================================================= */

.ModalLayout-module__modal{
    background:linear-gradient(180deg,#2a1446,#1a0d2e) !important;
    border-radius:26px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 30px 80px rgba(0,0,0,.6) !important;
}

/* ЗАГОЛОВОК */
.ProductModal-module__title{
    text-align:center !important;
    font-size:28px !important;
    font-weight:900 !important;
    color:#fff !important;
}

/* =========================================================
   СЕТКА ТОВАРОВ
   ========================================================= */

.KitContent-module__containsItems{
    display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr)) !important;
    gap:20px !important;
}

/* =========================================================
   КАРТОЧКА (GLASS)
   ========================================================= */

.KitContent-module__containsItem{
    position:relative !important;

    height:260px !important;
    padding:14px !important;
    padding-bottom:60px !important;

    border-radius:22px !important;

    background:rgba(255,255,255,0.05) !important;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    border:1px solid rgba(255,255,255,0.08) !important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.4),
        inset 0 1px 0 rgba(255,255,255,.05) !important;

    overflow:hidden !important;
}

/* glow сверху */
.KitContent-module__containsItem::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%);
    pointer-events:none;
}

/* hover */
.KitContent-module__containsItem:hover{
    transform:translateY(-6px) scale(1.02);
    box-shadow:
        0 30px 80px rgba(0,0,0,.6),
        0 0 30px rgba(155,90,255,.25);
}

/* =========================================================
   КАРТИНКА
   ========================================================= */

.KitContent-module__itemImg{
    width:100% !important;
    height:150px !important;

    object-fit:contain !important;
    display:block !important;

    margin:0 auto !important;

    transform:scale(1.1);
    filter:drop-shadow(0 12px 25px rgba(0,0,0,.5));
}

/* =========================================================
   НАЗВАНИЕ (ВНИЗ)
   ========================================================= */

.KitContent-module__itemName{
    position:absolute !important;

    left:14px !important;
    right:14px !important;
    bottom:32px !important;

    margin:0 !important;

    text-align:center !important;
    font-size:15px !important;
    font-weight:900 !important;
    color:#fff !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* =========================================================
   КОЛИЧЕСТВО (x1)
   ========================================================= */

.KitContent-module__itemCount{
    position:absolute !important;

    left:50% !important;
    bottom:10px !important;
    transform:translateX(-50%) !important;

    padding:6px 14px !important;

    background:rgba(0,0,0,.35) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:12px !important;

    font-size:14px !important;
    font-weight:900 !important;
    color:#fff !important;

    box-shadow:none !important;
}

/* УБИРАЕМ ЛИШНИЕ СТИЛИ GAMESTORES */
.KitContent-module__containsItem *{
    box-shadow:none !important;
}
/* =========================================================
   BEDBOOM — KILL INNER ITEM BACKGROUND
   ========================================================= */

/* всё внутри карточки делаем прозрачным */
.KitContent-module__containsItem > div,
.KitContent-module__containsItem > span,
.KitContent-module__containsItem > figure,
.KitContent-module__containsItem > picture{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* обертка картинки */
.KitContent-module__containsItem img{
    background:transparent !important;
}

/* если GameStores кладет фон на первый внутренний блок */
.KitContent-module__containsItem > *:first-child{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* если фон сидит на блоке вокруг картинки */
.KitContent-module__containsItem .KitContent-module__itemImg,
.KitContent-module__containsItem .KitContent-module__itemImgWrapper,
.KitContent-module__containsItem .KitContent-module__itemImage,
.KitContent-module__containsItem .KitContent-module__imageWrapper{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* на всякий случай убираем затемнение у всех вложенных контейнеров */
.KitContent-module__containsItem *{
    background-color:transparent !important;
}
/* =================================
   BEDBOOM MONITORING — FINAL FIX
   ================================= */

/* общий блок мониторинга */
section[data-widgettype="monitoring"]{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

/* шапка */
section[data-widgettype="monitoring"] .MonitoringWidget-module__header{
  position:relative !important;
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 20px !important;
  margin:0 !important;

  border:none !important;
  border-radius:24px 24px 0 0 !important;
  box-shadow:none !important;

  background:rgba(20,6,36,.55) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;

  color:transparent !important;
}

/* меняем текст заголовка */
section[data-widgettype="monitoring"] .MonitoringWidget-module__header::after{
  content:"Наши Сервера" !important;
  position:absolute !important;
  left:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;

  color:#985CFF !important;
  font-size:15px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.3px !important;
}

/* тело */
section[data-widgettype="monitoring"] .MonitoringWidget-module__body{
  padding:16px !important;
  padding-bottom:6px !important;
  margin:0 !important;

  background:rgba(20,6,33,.75) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;

  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* сервер */
section[data-widgettype="monitoring"] .MonitoringServer-module__wrapper{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
  box-shadow:none !important;
}

/* название */
section[data-widgettype="monitoring"] .MonitoringServer-module__name{
  display:block !important;
  margin:0 0 12px !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

/* скрыть лишнюю статистику */
section[data-widgettype="monitoring"] .MonitoringServer-module__progressInfo{
  display:none !important;
}

/* полоска */
section[data-widgettype="monitoring"] .MonitoringServer-module__progressWrapper{
  margin:0 0 12px !important;
}

section[data-widgettype="monitoring"] .MonitoringServer-module__progressBarWrapper{
  height:12px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:#0a0415 !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.45) !important;
}

section[data-widgettype="monitoring"] .MonitoringServer-module__progressBar,
section[data-widgettype="monitoring"] .MonitoringServer-module__progressBarAnim{
  border-radius:999px !important;
}

/* нижняя строка */
section[data-widgettype="monitoring"] .MonitoringServer-module__info{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:0 !important;
}

section[data-widgettype="monitoring"] .MonitoringServer-module__info > span{
  color:#fff !important;
  font-size:16px !important;
  font-weight:900 !important;
}

/* кнопка-копировать справа */
section[data-widgettype="monitoring"] .MonitoringServer-module__btns{
  margin-left:auto !important;
}

section[data-widgettype="monitoring"] .MonitoringServer-module__btn{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
}

section[data-widgettype="monitoring"] .MonitoringServer-module__icon{
  width:20px !important;
  height:20px !important;
  color:#fff !important;
  opacity:.95 !important;
}

/* полностью убрать footer мониторинга */
section[data-widgettype="monitoring"] .boxFooter{
  display:none !important;
}

/* =================================
   СЕКЦИЯ С КНОПКОЙ ПОДКЛЮЧЕНИЯ
   ================================= */

/* это ВЕСЬ следующий виджет, где лежит bb-connect-standalone */
section[data-widgetid="161668"],
section[data-widgetid="161668"].Widgets-module__widgetWrapper{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* убираем внутренние отступы контейнера */
section[data-widgetid="161668"] > div{
  margin: !important;
  padding:0 !important;
}

/* сам блок */
.bb-connect-standalone{
  margin:0 !important;
  padding:0 !important;
}

/* кнопка */
.bb-connect-standalone button,
#bb-connect-standalone-btn{
  display:block !important;
  width:100% !important;
  height:56px !important;
  margin:0 !important;
  padding:0 18px !important;

  border:none !important;
  border-radius:0 0 24px 24px !important;
  box-shadow:none !important;

  background:#9254FF !important;
  color:#fff !important;

  font-size:14px !important;
  font-weight:900 !important;
  text-transform:none !important;
  letter-spacing:.2px !important;

  transform:none !important;
  transition:background .2s ease, opacity .2s ease !important;
}

.bb-connect-standalone button:hover,
#bb-connect-standalone-btn:hover{
  transform:none !important;
  background:#9d7ae7 !important;
}

.bb-connect-standalone button:active,
#bb-connect-standalone-btn:active{
  transform:none !important;
  background:#8762d8 !important;
}
/* =========================================================
   RGB СВЕТЯЩИЕСЯ БЛОКИ КОМАНД
   ========================================================= */

.Page-module__wrapper > .boxBody > div{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px !important;
}

/* сами блоки */
.Page-module__wrapper > .boxBody > div > p{
  position:relative;
  margin:0 !important;
  padding:18px 20px !important;
  border-radius:18px !important;
  overflow:hidden;

  color:#fff !important;
  font-size:15px !important;
  font-weight:700 !important;

  background:#0b0415 !important;

  /* RGB glow сразу */
  box-shadow:
    0 0 10px rgba(255,0,150,.25),
    0 0 20px rgba(0,200,255,.25),
    0 0 30px rgba(140,0,255,.25);

  animation:rgbGlow 4s linear infinite;
  transition:transform .2s ease;
}

/* внутренняя RGB подложка */
.Page-module__wrapper > .boxBody > div > p::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;

  background:linear-gradient(
    120deg,
    #ff00cc,
    #3333ff,
    #00ffcc,
    #ffcc00,
    #ff00cc
  );
  background-size:300% 300%;
  animation:rgbBg 6s linear infinite;

  opacity:.15;
  z-index:0;
}

/* текст поверх */
.Page-module__wrapper > .boxBody > div > p{
  z-index:1;
}

/* hover чуть усиливает */
.Page-module__wrapper > .boxBody > div > p:hover{
  transform:translateY(-3px);
  box-shadow:
    0 0 15px rgba(255,0,150,.4),
    0 0 30px rgba(0,200,255,.4),
    0 0 45px rgba(140,0,255,.4);
}

/* анимация свечения */
@keyframes rgbGlow{
  0%{
    box-shadow:
      0 0 10px rgba(255,0,150,.3),
      0 0 20px rgba(0,200,255,.3),
      0 0 30px rgba(140,0,255,.3);
  }
  50%{
    box-shadow:
      0 0 15px rgba(0,255,200,.35),
      0 0 25px rgba(255,0,200,.35),
      0 0 40px rgba(0,100,255,.35);
  }
  100%{
    box-shadow:
      0 0 10px rgba(255,0,150,.3),
      0 0 20px rgba(0,200,255,.3),
      0 0 30px rgba(140,0,255,.3);
  }
}

/* анимация градиента */
@keyframes rgbBg{
  0%{ background-position:0% 50%; }
  100%{ background-position:300% 50%; }
}

/* мобилка */
@media (max-width:900px){
  .Page-module__wrapper > .boxBody > div{
    grid-template-columns:1fr !important;
  }
}
/* =========================================
   BEDBOOM RULES — ТОЛЬКО РАСТЯНУТЬ КАРТОЧКИ
   НИЧЕГО БОЛЬШЕ НЕ ДВИГАЕМ
   ========================================= */

/* ничего не ломаем в общей сетке */
.bb-rules-page,
.bb-rules-page .bb-info-layout,
.bb-rules-page .PageContentLayout-module-scss-module__PE08Ca__main,
.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__wrapper{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* каждый раздел */
.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleBlock{
  width:100% !important;
  max-width:100% !important;
}

/* заголовок раздела не растягиваем, оставляем как был */
.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleBlockTitle{
  margin-bottom:14px !important;
}

/* только сами карточки правил */
.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleWrapper{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* номер */
.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleNumber{
  flex:0 0 auto !important;
}

/* текст занимает всю остальную ширину */
.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleItemHTML{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;
}

.bb-rules-page .RulesContent-module-scss-module__wcQ6WW__ruleItemHTML p{
  margin:0 !important;
  width:100% !important;
}
aside.Widgets-module__wrapper{
  margin-top:-18px !important;
}
/* =========================================================
   BEDBOOM RULES — FINAL FOR CURRENT HTML
   ========================================================= */

/* ОСНОВА */
.Page-module__wrapper,
.Page-module__wrapper .boxBody,
.Page-module__wrapper .boxBody > div{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* УБРАТЬ РОДНОЙ ЗАГОЛОВОК "ПРАВИЛА" ЕСЛИ НЕ НУЖЕН */
.Page-module__header{
  display: none !important;
}

/* ГЛАВНЫЙ КОНТЕЙНЕР С ПРАВИЛАМИ */
.Page-module__wrapper .boxBody > div{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* КАЖДЫЙ РАЗДЕЛ ПРАВИЛ */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleBlock{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ЗАГОЛОВОК БЛОКА */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleBlockTitle{
  display: block !important;
  width: 100% !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ПЛАШКА ЗАГОЛОВКА */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleTitleIndex{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  border-radius: 16px !important;

  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;

  background: linear-gradient(180deg, rgba(123,58,201,.95) 0%, rgba(84,31,143,.95) 100%) !important;
  border: 1px solid rgba(188,133,255,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 24px rgba(79,19,145,.22),
    0 0 18px rgba(168,85,247,.12) !important;
}

/* ОБЁРТКА ПУНКТОВ ВНУТРИ РАЗДЕЛА */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleBlock > div{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* КАРТОЧКА ПУНКТА ПРАВИЛА */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleWrapper{
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 0 14px 0 !important;
  padding: 18px 20px !important;
  box-sizing: border-box !important;

  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(16,4,30,.92) 0%, rgba(10,2,20,.96) 100%) !important;
  border: 1px solid rgba(139,83,255,.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 24px rgba(0,0,0,.18) !important;
}

/* ПОСЛЕДНИЙ БЛОК БЕЗ ЛИШНЕГО ОТСТУПА */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleWrapper:last-child{
  margin-bottom: 0 !important;
}

/* НОМЕР ПУНКТА */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleNumber{
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 58px !important;
  height: 40px !important;
  padding: 0 14px !important;

  border-radius: 14px !important;
  background: linear-gradient(135deg, #d68cff 0%, #ff9d66 100%) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 8px 20px rgba(214,108,255,.16) !important;
}

/* УБРАТЬ ДЕФИС */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleItemDivider{
  display: none !important;
}

/* ТЕКСТОВАЯ ЧАСТЬ */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleItemHTML{
  flex: 1 1 auto !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  color: rgba(255,255,255,.96) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.7 !important;
  word-break: break-word !important;
}

/* ПАРАГРАФЫ */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleItemHTML p{
  margin: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* ССЫЛКИ */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleItemHTML a{
  color: #dcb7ff !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(220,183,255,.35) !important;
}

.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleItemHTML a:hover{
  color: #ffb27a !important;
  border-bottom-color: rgba(255,178,122,.55) !important;
}

/* НА ВСЯКИЙ СЛУЧАЙ ЛОМАЕМ ВСЕ GRID/COLUMN НА СТРАНИЦЕ ПРАВИЛ */
.Page-module__wrapper .boxBody,
.Page-module__wrapper .boxBody > div,
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleBlock,
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleBlock > div{
  grid-template-columns: 1fr !important;
  columns: unset !important;
}

/* МОБИЛКА */
@media (max-width: 980px){
  .Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleTitleIndex{
    min-height: 44px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
    border-radius: 14px !important;
  }

  .Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleWrapper{
    gap: 12px !important;
    padding: 14px 14px !important;
    border-radius: 16px !important;
  }

  .Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleNumber{
    min-width: 50px !important;
    height: 36px !important;
    font-size: 14px !important;
    border-radius: 12px !important;
  }

  .Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleItemHTML{
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
}
/* ЯРЧЕ ФОН КАРТОЧЕК */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleWrapper{
  background: linear-gradient(180deg,
    rgba(32,8,60,0.95) 0%,
    rgba(16,4,30,0.98) 100%
  ) !important;

  border: 1px solid rgba(168,85,247,0.25) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 12px 28px rgba(124,58,237,0.18),
    0 0 0 rgba(168,85,247,0) !important;

  transition: all 0.35s ease !important;
}

/* ХОВЕР СВЕЧЕНИЕ */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleWrapper:hover{
  transform: translateY(-3px) scale(1.01);

  border: 1px solid rgba(168,85,247,0.5) !important;

  box-shadow:
    0 20px 50px rgba(124,58,237,0.35),
    0 0 25px rgba(168,85,247,0.45),
    inset 0 0 15px rgba(168,85,247,0.15) !important;
}
/* АНИМАЦИЯ */
@keyframes bbFadeSlide {
  from{
    opacity: 0;
    transform: translateY(20px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

/* ПРИМЕНЕНИЕ К КАРТОЧКАМ */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleWrapper{
  animation: bbFadeSlide 0.6s ease forwards;
}

/* ЛЕСЕНКА (по очереди появляются) */
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleWrapper:nth-child(1){ animation-delay: 0.05s; }
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleWrapper:nth-child(2){ animation-delay: 0.1s; }
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleWrapper:nth-child(3){ animation-delay: 0.15s; }
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleWrapper:nth-child(4){ animation-delay: 0.2s; }
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleWrapper:nth-child(5){ animation-delay: 0.25s; }
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleWrapper:nth-child(6){ animation-delay: 0.3s; }
.Page-module__wrapper .RulesContent-module-scss-module__wcQ6WW__ruleNumber{
  background: linear-gradient(135deg,
    #c084fc 0%,
    #a855f7 40%,
    #ff9d66 100%
  ) !important;

  box-shadow:
    0 8px 20px rgba(168,85,247,0.4),
    0 0 15px rgba(255,157,102,0.3) !important;
}
/* баланс*/
/* ===== ЛЕЙАУТ В СТОЛБИК ===== */
#bb-balance-root{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  width:100% !important;
  margin-top:20px !important;
}

/* ===== БЛОК ИТОГА ===== */
.bb-balance-summary{
  width:100% !important;
  background:
    linear-gradient(180deg, rgba(35,0,54,.98), rgba(15,0,30,.98));
  border-radius:18px;
  padding:18px 20px;
  border:1px solid rgba(168,96,255,.25);
  box-shadow:
    0 0 20px rgba(120,40,255,.15),
    inset 0 1px 0 rgba(255,255,255,.04);
  transition:box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}

.bb-balance-summary.is-active{
  border-color:rgba(255,173,72,.55);
  box-shadow:
    0 0 0 1px rgba(255,173,72,.18),
    0 0 24px rgba(255,135,60,.22),
    0 0 38px rgba(140,70,255,.18);
}

.bb-balance-summary-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  font-weight:800;
  color:#fff;
}

.bb-balance-summary-row + .bb-balance-summary-row{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
}

.bb-balance-summary-value{
  color:#ffd76a;
  text-shadow:0 0 10px rgba(255,215,106,.18);
  transition:transform .18s ease, color .18s ease;
}

.bb-balance-summary-value.is-bump{
  transform:scale(1.08);
  color:#ffe79d;
}

/* ===== СПИСОК БОНУСОВ ===== */
.bb-balance-bonuses{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* ===== КАРТОЧКА ===== */
.bb-balance-bonus{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border-radius:16px;
  cursor:pointer;
  overflow:hidden;

  background:linear-gradient(180deg, rgba(20,0,40,.92), rgba(10,0,25,.97));
  border:1px solid rgba(140,80,255,.25);

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    filter .22s ease;
}

.bb-balance-bonus::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
  pointer-events:none;
}

.bb-balance-bonus:hover{
  transform:translateY(-2px);
  box-shadow:
    0 0 18px rgba(160,90,255,.18),
    0 0 28px rgba(100,40,255,.10);
}

.bb-balance-bonus.active{
  border-color:#ff9a3c;
  box-shadow:
    0 0 0 1px rgba(255,170,72,.28),
    0 0 20px rgba(255,150,70,.25),
    0 0 34px rgba(156,70,255,.20);
  filter:brightness(1.03);
}

.bb-balance-bonus.active::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:18px;
  pointer-events:none;
  box-shadow:
    inset 0 0 0 1px rgba(255,183,92,.35),
    0 0 18px rgba(255,132,48,.22),
    0 0 32px rgba(154,72,255,.18);
}

/* ===== ЛЕВАЯ ПИЛЮЛЯ ===== */
.bb-balance-bonus-left{
  padding:10px 14px;
  border-radius:12px;
  font-weight:900;
  color:#fff;
  min-width:90px;
  text-align:center;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 8px 18px rgba(0,0,0,.18);
}

/* ===== ПРАВАЯ ЧАСТЬ ===== */
.bb-balance-bonus-right{
  color:#fff;
  font-weight:800;
  white-space:nowrap;
}

/* ===== ГРАДИЕНТЫ ===== */
.bb-balance-bonus:nth-child(1) .bb-balance-bonus-left{background:linear-gradient(135deg,#3d63ff,#47b8ff);}
.bb-balance-bonus:nth-child(2) .bb-balance-bonus-left{background:linear-gradient(135deg,#14c2ff,#2484ff);}
.bb-balance-bonus:nth-child(3) .bb-balance-bonus-left{background:linear-gradient(135deg,#9d35ff,#df58e8);}
.bb-balance-bonus:nth-child(4) .bb-balance-bonus-left{background:linear-gradient(135deg,#9b5cff,#f24fb2);}
.bb-balance-bonus:nth-child(5) .bb-balance-bonus-left{background:linear-gradient(135deg,#ff8a2a,#ff6f61);}
.bb-balance-bonus:nth-child(6) .bb-balance-bonus-left{background:linear-gradient(135deg,#ff4d4d,#ff7a1a);}
.bb-balance-bonus:nth-child(7) .bb-balance-bonus-left{background:linear-gradient(135deg,#ff9a2f,#ff5b4d);}

/* ===== ПОДСВЕТКА INPUT ===== */
.PlayerBalanceModal-module__inputWrapper{
  transition:
    box-shadow .22s ease,
    border-color .22s ease,
    transform .22s ease !important;
}

.PlayerBalanceModal-module__inputWrapper.bb-amount-glow{
  box-shadow:
    0 0 0 1px rgba(168,96,255,.28),
    0 0 22px rgba(145,80,255,.22),
    0 0 32px rgba(255,135,60,.12) !important;
}

.PlayerBalanceModal-module__inputWrapper.bb-amount-match{
  box-shadow:
    0 0 0 1px rgba(255,174,74,.28),
    0 0 24px rgba(255,130,50,.22),
    0 0 30px rgba(148,70,255,.14) !important;
}

/* ===== АДАПТИВ ===== */
@media (max-width: 768px){
  .bb-balance-bonus{
    padding:12px 14px;
  }

  .bb-balance-bonus-left{
    min-width:82px;
    padding:9px 12px;
    font-size:14px;
  }

  .bb-balance-bonus-right{
    font-size:14px;
  }
}
/* server info */
.bb-server-page .boxBody{
  position:relative;
  overflow:hidden;
  padding:28px !important;
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(31,6,49,.78) 0%, rgba(18,3,31,.82) 100%);
  border:1px solid rgba(170,95,255,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 40px rgba(0,0,0,.24),
    0 0 24px rgba(151,76,255,.08);
}

.bb-server-page .boxBody::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 0%, rgba(180,108,255,.10), transparent 28%),
    radial-gradient(circle at 85% 20%, rgba(255,136,56,.08), transparent 24%);
}

.bb-server-hero{
  position:relative;
  padding:26px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(76,23,120,.28) 0%, rgba(33,7,52,.24) 100%);
  border:1px solid rgba(180,110,255,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 30px rgba(139,71,255,.08);
  margin-bottom:22px;
}

.bb-server-glow{
  position:absolute;
  inset:auto -40px -40px auto;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,129,52,.14) 0%, rgba(176,92,255,.10) 45%, transparent 75%);
  filter:blur(18px);
  pointer-events:none;
}

.bb-server-topline{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#dcaeff;
  background:linear-gradient(180deg, rgba(132,68,221,.30), rgba(84,34,148,.22));
  border:1px solid rgba(184,113,255,.24);
}

.bb-server-title{
  margin:0 0 14px;
  font-size:34px;
  line-height:1.15;
  font-weight:900;
  color:#fff;
  text-shadow:0 0 18px rgba(181,104,255,.12);
}

.bb-server-text{
  margin:0 0 14px;
  font-size:18px;
  line-height:1.75;
  color:rgba(255,255,255,.88);
}

.bb-server-stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
  margin-top:18px;
}

.bb-server-stat{
  padding:18px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(26,5,44,.94) 0%, rgba(15,2,28,.96) 100%);
  border:1px solid rgba(168,99,255,.16);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}

.bb-server-stat-value{
  display:block;
  margin-bottom:6px;
  font-size:24px;
  font-weight:900;
  color:#ffb35b;
  text-shadow:0 0 14px rgba(255,150,70,.18);
}

.bb-server-stat-label{
  display:block;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:rgba(255,255,255,.72);
}

/* ===== ФИКС ОТСТУПОВ ===== */

.bb-server-section{
  margin-top:24px;
  padding:22px 24px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(20,4,34,.82) 0%, rgba(12,2,23,.88) 100%);
  border:1px solid rgba(162,94,255,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 24px rgba(0,0,0,.16);
}

.bb-server-section-title{
  display:inline-flex;
  align-items:center;
  margin: 14px 0 24px !important; /* РОВНО И НИЖЕ */
  padding:12px 20px;
  border-radius:18px;
  background:linear-gradient(180deg, #7e3cff 0%, #5d26b7 100%);
  color:#fff;
  font-size:18px;
  font-weight:900;
  text-transform:uppercase;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 18px rgba(150,70,255,.20);
}

/* дополнительный отступ для атмосферы */
.bb-server-section + .bb-server-section-title{
  margin-top:28px !important;
}

.bb-server-features{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-bottom:6px;
}

.bb-server-feature{
  position:relative;
  padding:16px 18px 16px 46px;
  border-radius:18px;
  font-size:16px;
  line-height:1.55;
  font-weight:700;
  color:#fff;
  background:linear-gradient(180deg, rgba(37,8,60,.92) 0%, rgba(18,2,31,.96) 100%);
  border:1px solid rgba(167,96,255,.16);
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}

.bb-server-feature::before{
  content:"";
  position:absolute;
  left:18px;
  top:19px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:linear-gradient(180deg, #ffb55e 0%, #ff7a42 100%);
  box-shadow:
    0 0 0 6px rgba(255,149,74,.10),
    0 0 12px rgba(255,145,67,.24);
}

/* ===== НИЖНИЙ БЛОК ФИКС ===== */

.bb-server-cta{
  margin-top:42px !important; /* ОПУСКАЕМ */
  padding:32px 26px 30px !important;
  border-radius:24px;
  text-align:center;
  background:
    linear-gradient(135deg, rgba(118,49,210,.24) 0%, rgba(255,119,52,.16) 100%),
    linear-gradient(180deg, rgba(30,6,48,.92) 0%, rgba(14,2,25,.96) 100%);
  border:1px solid rgba(190,110,255,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 28px rgba(160,78,255,.10);
}

.bb-server-cta-title{
  margin:0 0 14px;
  font-size:24px;
  font-weight:900;
  color:#fff;
}

.bb-server-cta-subtitle{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color:rgba(255,255,255,.82);
}

/* ===== АДАПТИВ ===== */

@media (max-width: 1100px){
  .bb-server-stats{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .bb-server-features{
    grid-template-columns:1fr;
  }
}

@media (max-width: 768px){
  .bb-server-page .boxBody{
    padding:18px !important;
    border-radius:20px;
  }

  .bb-server-hero,
  .bb-server-section,
  .bb-server-cta{
    padding:18px;
    border-radius:18px;
  }

  .bb-server-title{
    font-size:24px;
  }

  .bb-server-text{
    font-size:15px;
    line-height:1.65;
  }

  .bb-server-stats{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .bb-server-stat{
    padding:14px 12px;
  }

  .bb-server-stat-value{
    font-size:20px;
  }

  .bb-server-section-title{
    font-size:14px;
    padding:10px 14px;
    border-radius:14px;
  }

  .bb-server-cta-title{
    font-size:19px;
  }

  .bb-server-cta-subtitle{
    font-size:14px;
  }
}
/* Финальный текст ниже */
.bb-server-cta-title{
  margin-top: 18px !important;   /* опускаем заголовок */
}

.bb-server-cta-subtitle{
  margin-top: 10px !important;   /* отступ между строками */
}

/* если нужно ЕЩЁ ниже — увеличь это */
.bb-server-cta{
  margin-top: 70px !important;
  padding: 48px 26px 40px !important;
}