@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap";

/* =========================
   Variables / Base
========================= */
:root{
  --body-bg-color:#14151a;
  --bg-loyout:#1d1e23;
  --color1:#fff;
  --color2:#ffc107;
  --font1:"Montserrat",sans-serif;
}

:root[data-theme=red_black]{
  --accent-color-800:#bbbbbb;
  --monitoring-joining-color:#ffc30e;
}

/* Emoji fallback (чтобы не было "????") */
*,*:before,*:after{
  font-family:var(--font1),"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
}

/* =========================
   Global background / overlays
========================= */
body{
  background:url(https://i.yapx.ru/dIFOP.png);
  background-position:50% 100%;
  background-size:cover;
  background-attachment:fixed;
  background-color:#1b1b1b;
  overflow-y:overlay;
}

body::after{
  background-image:url(https://i.imgur.com/jgPeOdK.png);
  content:"";
  position:fixed;
  inset:0;
  z-index:555;
  pointer-events:none;
  opacity:1;
}

img{ pointer-events:none; }
.paypal-widget{ display:none; }

/* =========================
   Hide default blocks
========================= */
.Banner-module__img,
.Shop-module__header,
.Categories-module__categories,
.Search-module__wrapper{
  display:none;
}

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

/* =========================
   Header / Nav
========================= */
.Header-module__wrapper{
  background:var(--bg-loyout);
  border-radius:12px;
  text-transform:capitalize;
  margin-top:35px;
  padding:20px 30px;
}

.HeaderNav-module__link:hover,
.HeaderNav-module__link:focus{
  color:var(--monitoring-joining-color);
}

.NavServerDropDown-module__btn:hover .NavServerDropDown-module__shopTitle,
.NavServerDropDown-module__btn:focus .NavServerDropDown-module__shopTitle{
  color:var(--color2);
}

.NavServerDropDown-module__btn:hover .NavServerDropDown-module__icon,
.NavServerDropDown-module__btn:focus .NavServerDropDown-module__icon{
  fill:var(--color2);
}

.NavServerDropDown-module__server:hover,
.NavServerDropDown-module__server:focus{
  background-color:var(--color2);
  color:var(--color1);
}

.Header-module__logo{
  font-size:22px;
  line-height:30px;
  text-transform:uppercase;
  color:var(--color1) !important;
  font-weight:800;
}

/* Profile / Balance hover */
.PlayerBalance-module__btn:hover,
.PlayerBalance-module__btn:focus{
  background-color:#ffeb3b00;
  color:#CDDC39;
}

.PlayerMenu-module__profileLink:hover,
.PlayerMenu-module__profileLink:focus,
.PlayerMenu-module__loginLink:focus{
  background-color:#00dfb500;
  border:3px dashed #f9744a;
}

/* =========================
   Layout: wrapper order
========================= */

.Index-module__wrapper .Widgets-module__wrapper{
  order:1;
  margin-left:20px;
  margin-right:0;
}

.Index-module__wrapper .Products-module__wrapper{
  margin-top:0;
}

/* =========================
   Products
========================= */
.Products-module__wrapper{
  display:flex;
  flex-wrap:wrap;
  gap:0;
}

.Product-module__wrapper{
  background:var(--bg-loyout);
  border-radius:15px;
  margin:8px;
  padding-bottom:50px;
  overflow:visible;
  position:relative;
  width:calc(20% - 16px);
  transition:transform .2s ease;
}

.Product-module__wrapper:nth-of-type(1),
.Product-module__wrapper:nth-of-type(2),
.Product-module__wrapper:nth-of-type(3),
.Product-module__wrapper:nth-of-type(4){
  width:calc(25% - 16px);
}

.Product-module__wrapper::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  z-index:1;
  width:50px;
  height:44px;
  filter:blur(52px);
  background:#FF9800;
  transform:translate(-50%,-50%);
}

.Product-module__img{
  position:relative;
  z-index:2;
}

.Product-module__wrapper:hover{
  transform:scale(1.1);
}

.Product-module__price{
  background:transparent;
  right:12px;
  left:initial;
  bottom:15px;
  top:initial;
  display:flex;
  flex-direction:column;
  align-items:end;
  font-size:14px;
  font-weight:500;
  color:var(--color1);
  line-height:14px;
}

.Product-module__name{
  transform:translateY(0);
  background:transparent;
  padding:0 18px;
  margin-bottom:15px;
  font-size:14px;
  font-weight:500;
  color:var(--color1);
  transition:transform .2s ease;
  max-width:125px;
}

.Product-module__discount{
  z-index:3;
  position:absolute;
  top:10px;
  left:10px;
  display:block;
  padding:2px 6px;
  border-radius:5px;
  background:rgba(255,72,72,.1);
  color:#ff4848;
  font-size:16px;
  max-width:51px;
}

.Product-module__count{
  bottom:100%;
  transform:translateY(28px);
}

.Product-module__oldPrice{
  color:#606060;
  font-size:var(--small-font-size);
  position:relative;
  margin-right:4px;
}

/* =========================
   Boxes / Monitoring
========================= */
.boxHeader{
  background:var(--bg-loyout);
  border-radius:12px 12px 0 0;
  padding:18px 20px;
  border-bottom:1px solid #282828;
}

.boxBody{ background:var(--bg-loyout); }

.boxBody:last-child{ border-radius:0 0 12px 12px; }

.MonitoringWidget-module__body{
  border-radius:0 0 12px 12px;
}

[data-widgettype="monitoring"] .boxFooter{ display:none; }

.boxFooter{
  background:var(--bg-loyout);
  border-radius:0 0 6px 6px;
}

.MonitoringServer-module__progressBarWrapper{
  border-radius:6px;
  height:12px;
  background-color:var(--body-bg-color);
}

.MonitoringServer-module__progressBarAnim{
  background:var(--monitoring-joining-color);
}

.MonitoringServer-module__name::after{ content:""; }
[data-monitoringserverid="33371"] .MonitoringServer-module__name::after{ content:""; }

/* =========================
   Payments
========================= */
.payments{
  display:flex;
  flex-wrap:wrap;
  margin:-6px;
  justify-content:center;
}

.payment{
  background:var(--bg-loyout);
  border-radius:7px;
  padding:9px;
  margin:6px;
  display:flex;
  align-items:center;
}

.payment-img{ height:25px; }
.payment-visa .payment-img{ height:18px; }

/* =========================
   Discord widget block (sidebar)
========================= */
.discord{
  background:var(--bg-loyout);
  border-radius:12px;
  padding:15px 20px;
  margin-bottom:20px;
}

.discord__titile{
  color:var(--color1);
  font-size:18px;
  font-weight:600;
}

.discord__subtitle{ margin-bottom:10px; }

.Widgets-module__widgetWrapper+.Widgets-module__widgetWrapper{
  margin-top:0;
  margin-bottom:30px;
}

.Button-module__btn.Button-module__accent.discord-btn{
  background:#5865f2;
  width:100%;
  border-color:#5865f2;
  display:block;
  text-align:center;
  border-radius:6px;
}

/* Base accent button (общая) */
.Button-module__btn.Button-module__accent{
  background-color:#4a8b23;
  border-color:#4a8b23;
  width:100%;
}

.Button-module__btn.Button-module__accent:hover,
.Button-module__btn.Button-module__accent:focus{
  color:var(--font-color-700);
  background-color:#57d517;
  border-color:var(--accent-color-800);
}

.PlayerBalanceModal-module__currency{ background:#b73c0d; }

/* =========================
   Servers list
========================= */
.informer{ display:none; }

.Servers-module__server{
  background-color:var(--bg-loyout);
  padding:15px 15px;
  border-radius:10px;
}

.Servers-module__server.Servers-module__active,
.Servers-module__server:hover,
.Servers-module__server:focus{
  background-color:var(--color2);
  color:var(--color1);
}

/* =========================
   Custom (gcustom) widget
========================= */
.gcustom-widget-buttons{
  display:flex;
  align-items:center;
  padding-top:5px;
  margin:0 -5px;
}

.gcustom-widget-button{
  background:var(--bg-loyout);
  padding:10px;
  width:33.33333%;
  border-radius:6px;
  text-align:center;
  margin:5px;
  cursor:pointer;
  transition:transform .2s ease, background .2s ease, color .2s ease;
}

.gcustom-widget-button:hover{
  background:var(--color2);
  color:var(--color1);
  transform:scale(1.05);
}

/* modal */
.gr-modal-pick-server{
  font-size:19px;
  font-weight:800;
  text-transform:uppercase;
  text-align:center;
  margin-bottom:10px;
  color:var(--color1);
  background:linear-gradient(142deg, rgba(79,204,48,1) 0%, rgba(48,163,8,1) 100%);
  padding:24px 20px;
  border-radius:12px;
}

.gr-modal-pick-server span{
  display:block;
  font-weight:500;
  font-size:14px;
}

.gr-modal-servers{
  display:flex;
  margin:0 -8px;
  flex-wrap:wrap;
}

.gr-modal-server{
  width:calc(50% - 12px);
  background:var(--bg-loyout);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  margin:6px;
  text-align:center;
  border-radius:12px;
  color:var(--color1);
  font-weight:600;
  transition:background .2s ease;
}

.gr-modal-server:hover{
  background:var(--color2);
  cursor:pointer;
}

.gr-modal-server.active{ background:var(--color2); }

.gr-modal-content{
  position:relative;
  margin-top:20px;
}

.gr-modal-content-for-server{
  position:absolute;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease, visibility .2s ease;
}

.gr-modal-content-for-server.active{
  position:relative;
  opacity:1;
  visibility:visible;
  pointer-events:initial;
}

/* =========================
   Information social links (если используется)
========================= */
.information-contianer-social-link{ margin-top:10px; }

.information-contianer-social-link .social-link{
  display:flex;
  flex-direction:column;
  padding:15px 20px;
  margin-bottom:10px;
}

.information-contianer-social-link .social-link p{ margin-bottom:20px; }

.information-contianer-social-link .social-link:first-child{
  border-radius:12px;
  background:linear-gradient(95.85deg,rgb(52 52 120 / 80%) 4.92%,rgb(50 50 59 / 50%) 116.27%);
}

.information-contianer-social-link .social-link:nth-child(2){
  border-radius:12px;
  background:linear-gradient(270deg,rgba(19,19,25,.61) -4.92%,rgba(74,146,255,.2) 116.27%);
}

.information-contianer-social-link .social-link:nth-child(3){
  border-radius:12px;
  background:linear-gradient(275deg,rgba(19,19,25,.61) -4.92%,rgb(41 169 234 / 50%) 116.27%);
}

.information-contianer-social-link .social-link .social-link-discord,
.information-contianer-social-link .social-link .social-link-telegram,
.information-contianer-social-link .social-link .social-link-vk{
  display:flex;
  align-items:center;
  align-self:start;
  padding:10px;
  color:#fff;
  border-radius:8px;
  cursor:pointer;
}

.information-contianer-social-link .social-link a{
  display:flex;
  color:#fff;
}

.information-contianer-social-link .social-link .social-link-discord{ background:#5865f2; }
.information-contianer-social-link .social-link .social-link-vk{ background:#07f; }
.information-contianer-social-link .social-link .social-link-telegram{ background:#29a9ea; }

.information-contianer-social-link .social-link .social-link-discord svg,
.information-contianer-social-link .social-link .social-link-telegram svg,
.information-contianer-social-link .social-link .social-link-vk svg{
  margin-right:5px;
}

/* =========================
   Footer
========================= */
.ShopFooter-module__links::before{
  content:"CAPYRUST";
  font-size:12px;
  color:#ddddddd4;
}

/* =========================
   Slider (Swiper)
========================= */
swiper-container{
  width:100%;
  height:200px;
  top:15px;
  padding-right:8px;
}

swiper-slide{
  text-align:center;
  font-size:18px;
  background:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:12px;
}

swiper-slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.autoplay-progress{
  position:absolute;
  right:16px;
  bottom:16px;
  z-index:10;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:bold;
  color:var(--swiper-theme-color);
}

.autoplay-progress svg{
  --progress:0;
  position:absolute;
  left:0;
  top:0;
  z-index:10;
  width:100%;
  height:100%;
  stroke-width:4px;
  stroke:var(--swiper-theme-color);
  fill:none;
  stroke-dashoffset:calc(125.6 * (1 - var(--progress)));
  stroke-dasharray:125.6;
  transform:rotate(-90deg);
}

.swiper-button-next svg,
.swiper-button-prev svg{
  width:50%;
  height:50%;
  object-fit:contain;
  transform-origin:center center;
  color:#7c7c7c;
}

.swiper-pagination-bullet{
  width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,20px));
  height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,5px));
  display:inline-block;
  border-radius:var(--swiper-pagination-bullet-border-radius,2px);
  background:#7c7c7c;
  opacity:var(--swiper-pagination-bullet-inactive-opacity,.1);
}

.swiper{
  width:100%;
  height:100%;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1;
  display:block;
  border-radius:25px;
}

/* =========================
   Player menu buttons
========================= */
.PlayerMenu-module__profileLink,
.PlayerMenu-module__loginLink{
  text-transform:uppercase;
  cursor:pointer;
  border-radius:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  white-space:nowrap;
  transition:all .1s ease;
}

.PlayerMenu-module__profileLink{ border:3px dashed #696969; }
.PlayerMenu-module__loginLink:hover{ background:#FFF0; }

/* =========================
   Snowflakes (JS uses this)
========================= */
.snowflake{
  position:fixed;
  top:-50px;
  color:#FFF;
  user-select:none;
  pointer-events:none;
  z-index:9999;
  font-family:Arial,sans-serif;
  text-shadow:0 0 5px #FFF;
}

@keyframes snowflakes-fall{
  0%{ top:-10%; }
  100%{ top:100%; }
}

@keyframes snowflakes-shake{
  0%,100%{ transform:translateX(0); }
  50%{ transform:translateX(80px); }
}

/* =========================
   Widgets: Promocode
========================= */
.promocode-widget{
  background:var(--bg-loyout);
  border-radius:12px;
  padding:15px 20px;
  margin-bottom:20px;
  color:var(--color1);
}

.promocode-widget p{
  margin:0 0 12px 0;
  opacity:.85;
}

.copy-button{
  width:100%;
  padding:10px 14px;
  border:1px solid var(--color2);
  background:transparent;
  color:var(--color1);
  border-radius:10px;
  cursor:pointer;
  transition:transform .15s ease, background .15s ease, color .15s ease;
}

.copy-button:hover{
  background:var(--color2);
  color:#000;
  transform:scale(1.02);
}

.copy-button:disabled{
  opacity:.6;
  cursor:not-allowed;
  transform:none;
}

/* notifications */
.notification{
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translateX(-50%) translateY(16px);
  opacity:0;
  pointer-events:none;
  padding:10px 14px;
  border-radius:10px;
  background:#2ecc71;
  color:#fff;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  transition:opacity .2s ease, transform .2s ease;
  z-index:100000;
}

.notification.error{ background:#e74c3c; }
.notification.show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

/* =========================
   Widgets: WipeBlock (card + modal)
========================= */
#wipeblock-widget{
  background:var(--bg-loyout);
  border-radius:12px;
  padding:15px 20px;
  margin-bottom:20px;
  color:var(--color1);
  position:relative;
}

#wipeblock-widget p{
  margin:0 0 12px 0;
  opacity:.85;
}

#wipeblock-open.wipeblock-btn{
  width:100%;
  padding:10px 14px;
  border:1px solid var(--color2);
  background:transparent;
  color:var(--color1);
  border-radius:10px;
  cursor:pointer;
  font-weight:500;
  text-transform:none;
  letter-spacing:0;
}

#wipeblock-open.wipeblock-btn:hover{
  background:var(--color2);
  color:#000;
  transform:scale(1.02);
}

/* overlay */
#wb-overlay.wb-overlay{
  position:fixed;
  inset:0;
  z-index:100000;
  display:none;
}

#wb-overlay.wb-overlay.is-open{ display:block; }

#wb-overlay .wb-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.65);
}

#wb-overlay .wb-dialog{
  position:relative;
  width:min(980px, calc(100% - 24px));
  max-height:calc(100vh - 24px);
  margin:12px auto;
  background:#121316;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 25px 60px rgba(0,0,0,.5);
  border:1px solid rgba(255,255,255,.06);
}

#wb-overlay .wb-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  background:rgba(255,255,255,.03);
  border-bottom:1px solid rgba(255,255,255,.06);
}

#wb-overlay .wb-title{
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  color:var(--color1);
}

#wb-overlay .wb-close{
  width:34px;
  height:34px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:var(--color1);
  cursor:pointer;
  font-size:18px;
  line-height:1;
}

#wb-overlay .wb-body{
  padding:14px 16px 16px;
  overflow:auto;
  max-height:calc(100vh - 24px - 54px);

  /* scrollbar (Firefox) */
  scrollbar-width:thin;
  scrollbar-color:#3a3a3a transparent;
}

#wb-overlay .wb-section + .wb-section{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.06);
}

#wb-overlay .wb-section-title{
  margin:0 0 10px 0;
  font-weight:900;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(255,255,255,.75);
}

#wb-overlay .wb-section-title span{
  color:var(--color2);
  margin-left:6px;
}

#wb-overlay .wb-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(92px, 1fr));
  gap:10px;
}

#wb-overlay .wb-item{
  height:110px;
  padding:8px;
  border-radius:10px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}

#wb-overlay .wb-item img{
  width:72px !important;
  height:72px !important;
  max-width:72px !important;
  max-height:72px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
  transform:none !important;
  position:static !important;
}

#wb-overlay .wb-item-name{
  margin-top:6px;
  width:100%;
  text-align:center;
  font-size:11px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:rgba(255,255,255,.8);
}

/* scrollbar (Chrome/Edge) */
#wb-overlay .wb-body::-webkit-scrollbar{ width:6px; }
#wb-overlay .wb-body::-webkit-scrollbar-track{ background:transparent; }
#wb-overlay .wb-body::-webkit-scrollbar-thumb{
  background-color:#3a3a3a;
  border-radius:6px;
}
#wb-overlay .wb-body::-webkit-scrollbar-thumb:hover{ background-color:#4a4a4a; }

/* =========================
   Typography unify: Promocode + WipeBlock
========================= */
.promocode-widget h3,
#wipeblock-widget h3{
  margin:0 0 6px 0;
  font-size:18px !important;
  font-weight:800 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

.promocode-widget p,
#wipeblock-widget p{
  font-size:13px !important;
  font-weight:400 !important;
}

.promocode-widget .copy-button,
#wipeblock-widget .wipeblock-btn{
  font-size:14px !important;
  font-weight:600 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

.promocode-widget .widget-emoji,
#wipeblock-widget .widget-emoji{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
  font-size:18px !important;
  line-height:1 !important;
  display:inline-block !important;
  margin-left:8px;
}

/* =========================
   Widget: Socials (text-only buttons)
========================= */
#socials-widget.widget-card{
  background:var(--bg-loyout);
  border-radius:12px;
  padding:15px 20px;
  margin-bottom:20px;
  color:var(--color1);
}

#socials-widget .widget-head h3{
  margin:0 0 6px 0;
  font-size:18px !important;
  font-weight:800 !important;
  display:flex;
  align-items:center;
  gap:8px;
  text-transform:none !important;
  letter-spacing:0 !important;
}

#socials-widget .widget-head p{
  margin:0 0 12px 0;
  opacity:.85;
  font-size:13px !important;
  font-weight:400 !important;
}

#socials-widget .socials-actions{
  display:flex !important;
  gap:10px !important;
  align-items:stretch;
}

#socials-widget .socials-btn{
  flex:1 1 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1 !important;
  margin:0 !important;
  text-indent:0 !important;

  padding:10px 14px !important;
  border:1px solid var(--color2);
  background:transparent;
  color:var(--color1);
  border-radius:10px;
  text-decoration:none;
  cursor:pointer;

  font-size:15px !important;
  font-weight:700 !important;
  letter-spacing:.3px !important;

  transition:transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

#socials-widget .socials-btn:hover{
  background:var(--color2);
  color:#000;
  transform:scale(1.02);
}

#socials-widget .socials-btn--discord:hover{ border-color:rgba(88,101,242,.9); }
#socials-widget .socials-btn--vk:hover{ border-color:rgba(0,119,255,.9); }

#socials-widget .socials-btn::before,
#socials-widget .socials-btn::after{
  content:none !important;
  display:none !important;
}

@media (max-width:520px){
  #socials-widget .socials-actions{ flex-direction:column; }
}

/* =========================
   Responsive container / products
========================= */
@media (min-width:1380px){
  .container{ width:1320px; max-width:100%; }
}

@media (min-width:1180px) and (max-width:1379px){
  .Product-module__wrapper{ width:calc(25% - 16px); }
}

@media (min-width:971px) and (max-width:1179px){
  .Product-module__wrapper{ width:calc(35% - 28px); }
  .Product-module__wrapper:nth-of-type(1),
  .Product-module__wrapper:nth-of-type(2),
  .Product-module__wrapper:nth-of-type(3),
  .Product-module__wrapper:nth-of-type(4){
    width:calc(35% - 28px);
  }
}

@media (min-width:320px) and (max-width:970px){
  .Product-module__wrapper{ width:calc(50% - 16px); }
  .Product-module__wrapper:nth-of-type(1),
  .Product-module__wrapper:nth-of-type(2),
  .Product-module__wrapper:nth-of-type(3),
  .Product-module__wrapper:nth-of-type(4){
    width:calc(50% - 16px);
  }
  .Index-module__wrapper .Widgets-module__wrapper{ margin-left:0; }
}
.gs-modal{
  position:fixed;
  inset:0;
  display:none;
  z-index:9999;
}

.gs-modal.active{
  display:block;
}

.gs-modal-back{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.7);
}

.gs-modal-box{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:420px;
  max-width:90%;
  background:#111;
  border-radius:14px;
  padding:25px;
  color:#fff;
}

.gs-modal-title{
  font-size:20px;
  font-weight:700;
  margin-bottom:15px;
}

.gs-modal-content h4{
  margin:15px 0 5px;
  font-size:15px;
}

.gs-modal-actions{
  display:flex;
  gap:10px;
  margin-top:20px;
}

.gs-modal-actions button{
  flex:1;
  padding:12px;
  border:none;
  border-radius:8px;
  font-weight:600;
  cursor:pointer;
}

.gs-modal-cancel{
  background:#2a2a2a;
  color:#fff;
}

.gs-modal-go{
  background:#5eff7b;
  color:#000;
}
.gs-skinpay {
  text-align: center;
}

.gs-skinpay button {
  width: 100%;
  padding: 14px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  background: linear-gradient(45deg,#ff7a00,#ffb800);
  color: #000;
  transition: .25s;
}

.gs-skinpay button:hover {
  transform: scale(1.04);
}

.gs-skinpay button:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.gs-loader {
  display: none;
  margin: 12px auto;
  width: 26px;
  height: 26px;
  border: 3px solid #2a2a2a;
  border-top: 3px solid #ffb800;
  border-radius: 50%;
  animation: gs-spin 1s linear infinite;
}

.gs-message {
  margin-top: 10px;
  font-size: 14px;
}

@keyframes gs-spin {
  100% { transform: rotate(360deg); }
}

/* =========================
   Servers list — soft style
========================= */

.Servers-module__server{
  background:var(--bg-loyout);
  padding:15px;
  border-radius:10px;
  color:var(--color1);

  transition:
    background .18s ease,
    box-shadow .18s ease,
    transform .12s ease,
    border-color .18s ease;

  border:1px solid transparent;
}

/* hover — лёгкий */
.Servers-module__server:hover{
  background:rgba(255, 193, 7, 0.08);
  border-color:rgba(255, 193, 7, 0.25);
  box-shadow:0 0 0 1px rgba(255,193,7,0.15);
}

/* active — спокойный выбранный */
.Servers-module__server.Servers-module__active{
  background:rgba(255, 193, 7, 0.12);
  border-color:rgba(255, 193, 7, 0.45);
  box-shadow:0 0 12px rgba(255,193,7,0.18);
}

/* клик эффект */
.Servers-module__server:active{
  transform:scale(.97);
}

/* =========================
   Server pick modal — layout
========================= */

.Server-module__server{
  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:14px 16px;
  border-radius:12px;

  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);

  transition:.18s ease;
}

/* hover контейнера */
.Server-module__server:hover{
  background:rgba(255,255,255,0.05);
  border-color:rgba(255,255,255,0.12);
}

/* активный сервер */
.Server-module__server.active{
  background:rgba(255,193,7,0.08);
  border-color:rgba(255,193,7,0.35);
  box-shadow:0 0 14px rgba(255,193,7,0.15);
}

/* =========================
   Server name
========================= */

.Server-module__serverName{
  font-size:15px;
  font-weight:600;
  color:rgba(255,255,255,0.85);
  letter-spacing:.2px;
}

/* активный — текст ярче */
.Server-module__server.active .Server-module__serverName{
  color:#fff;
}

/* =========================
   Select button
========================= */

.Button-module__btn.Server-module__serverBtn{
  height:42px;
  padding:0 22px;

  border-radius:10px;
  border:1px solid rgba(255,255,255,0.08);

  background:rgba(255,255,255,0.04);
  color:#fff;

  font-weight:600;
  letter-spacing:.3px;

  transition:.18s ease;
}

/* hover кнопки */
.Button-module__btn.Server-module__serverBtn:hover{
  background:rgba(255,193,7,0.15);
  border-color:rgba(255,193,7,0.4);
  color:#fff;
}

/* нажатие */
.Button-module__btn.Server-module__serverBtn:active{
  transform:scale(.96);
}

/* =========================
   Когда сервер выбран
========================= */

.Server-module__server.active
.Button-module__btn.Server-module__serverBtn{
  background:rgba(255,193,7,0.18);
  border-color:rgba(255,193,7,0.5);
}

/* контейнер сервера */
.Server-module__server{
  display:flex;
  flex-direction:column;   /* было в строку → теперь колонка */
  align-items:stretch;
  gap:10px;

  padding:16px;
  border-radius:12px;

  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);

  transition:.18s ease;
}

/* название сервера */
.Server-module__serverName{
  font-size:15px;
  font-weight:600;
  color:rgba(255,255,255,0.9);

  /* чтобы длинные названия нормально переносились */
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.35;
}

/* кнопка */
.Button-module__btn.Server-module__serverBtn{
  width:100%;
  height:42px;

  border-radius:10px;
  font-weight:600;

  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  color:#fff;

  transition:.18s ease;
}

/* hover */
.Button-module__btn.Server-module__serverBtn:hover{
  background:rgba(255,193,7,0.15);
  border-color:rgba(255,193,7,0.45);
}

/* active сервер */
.Server-module__server.active{
  background:rgba(255,193,7,0.08);
  border-color:rgba(255,193,7,0.35);
}

.Server-module__server{
  min-height:110px;
  justify-content:space-between;
}

.Server-module__server{
  align-items:center;
}

.Server-module__serverName{
  text-align:center;
}

.boxBody {
  border-radius: 12px; /* скругление углов на 12 пикселей */
}
.MonitoringWidget-module__body.boxBody {
  border-top-left-radius: 0;   /* верхний левый угол прямой */
  border-top-right-radius: 0;  /* верхний правый угол прямой */
  border-bottom-left-radius: 12px;  /* нижний левый угол скругленный */
  border-bottom-right-radius: 12px; /* нижний правый угол скругленный */
}

/* Для элемента, который одновременно имеет оба класса */
.KitContent-module__footer.boxFooter {
  border-radius: 12px;
}

.ProductModal-module__header.boxHeader {
  border-radius: 12px;
}