/* GROUPPY v28: единый фон, быстрый слой UI, услуги, листинг, FAQ */
html, body { min-height: 100%; }
body { background:#050814 !important; }
.scene-bg{
  background-image:url('/assets/topboost-unified-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  will-change:auto !important;
}
.scene-bg:before{background:linear-gradient(90deg,rgba(1,4,12,.74),rgba(4,9,22,.36),rgba(1,4,12,.78)) !important;opacity:1 !important;}
.scene-bg:after{background:linear-gradient(to bottom,rgba(3,7,18,.10),rgba(3,7,18,.42) 52%,rgba(2,4,10,.92)) !important;}
.scene-smoke{animation:none !important;filter:blur(7px) !important;opacity:.74 !important;}
.scene-soldier{display:none !important;}
.crystal{animation:none !important;}
.glass-xl,.glass-dark{transform:translateZ(0);}

/* Активные пункты меню для статичных страниц */
body[data-active="faq"] .nav-link[href="/faq"],
body[data-active="contacts"] .nav-link[href="/contacts"],
body[data-active="services"] .side-menu a.active{color:#fff !important;}
body[data-active="faq"] .nav-link[href="/faq"]:after,
body[data-active="contacts"] .nav-link[href="/contacts"]:after{transform:scaleX(1) !important;}

/* Листинг: только нужные секции, без фильтров, с одной современной иконкой */
.table-tools{display:none !important;}
.server-table-panel{margin-bottom:34px !important;overflow:hidden !important;}
.server-table-panel .section-head{display:flex !important;align-items:flex-start !important;justify-content:space-between !important;margin-bottom:22px !important;}
.server-table-panel .section-head h2{display:flex !important;align-items:center !important;gap:14px !important;margin:0 0 8px !important;line-height:1.05 !important;}
.server-table-panel .section-title-icon{width:45px;height:45px;min-width:45px;border-radius:14px;display:grid;place-items:center;color:#8d82ff;background:linear-gradient(145deg,rgba(82,99,255,.24),rgba(38,49,115,.46));border:1px solid rgba(137,150,255,.25);box-shadow:0 0 22px rgba(113,102,255,.28), inset 0 1px 0 rgba(255,255,255,.12);}
.server-table-panel .section-title-icon svg{width:24px;height:24px;filter:drop-shadow(0 0 9px rgba(136,122,255,.58));}
.server-table-panel .section-head p{margin-left:59px !important;}
.tb-service-premium .section-title-icon{color:#9aa6ff;}
.tb-service-boost .section-title-icon{color:#63aaff;}
.tb-service-vip .section-title-icon{color:#a280ff;}
.tb-service-favorite .section-title-icon{color:#8b7cff;}
.top-metrics .stat-card{display:grid !important;grid-template-columns:auto auto 1fr !important;align-items:center !important;gap:14px !important;min-height:104px !important;}
.top-metrics .stat-icon{position:static !important;width:48px !important;height:48px !important;margin:0 !important;grid-row:1 / span 2 !important;}
.top-metrics .stat-icon svg{width:24px !important;height:24px !important;}
.top-metrics .stat-card b{font-size:34px !important;line-height:1 !important;}
.top-metrics .stat-card small{font-size:14px !important;white-space:nowrap !important;}

/* Кабинет услуг: нормальная пошаговая логика */
.tb-services-page{padding:34px !important;}
.tb-services-page h1{font-size:48px !important;line-height:1 !important;margin:0 0 28px !important;text-transform:uppercase !important;}
.tb-service-step{margin-top:28px !important;}
.tb-service-step h2{font-size:31px !important;line-height:1.1 !important;margin:0 0 18px !important;text-transform:uppercase !important;}
.tb-server-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.tb-select-server{display:grid;gap:8px;min-height:118px;border-radius:16px;padding:22px;background:linear-gradient(135deg,rgba(9,15,34,.82),rgba(8,12,29,.72)) !important;border-color:rgba(85,117,255,.32) !important;}
.tb-select-server.active{border-color:rgba(76,174,255,.82) !important;box-shadow:0 0 28px rgba(61,141,255,.26),inset 0 1px 0 rgba(255,255,255,.10) !important;}
.tb-select-server b{font-size:17px;line-height:1.25;}
.tb-select-server small{color:#b9c3dc;}
.tb-select-server em{justify-self:end;font-style:normal;color:#fff;font-weight:900;}
.tb-active-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.tb-active-service{min-height:96px;border-radius:16px;padding:18px;display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;}
.tb-active-service span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(104,86,255,.22);color:#998bff;}
.tb-active-service svg{width:25px;height:25px;}
.tb-active-service b,.tb-active-service small{grid-column:2;}
.tb-active-service small{color:#bac3da;}
.tb-buy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.tb-buy-service-card{min-height:260px;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(135deg,rgba(9,15,34,.86),rgba(7,12,29,.74)) !important;border-color:rgba(97,128,255,.32) !important;}
.tb-buy-service-card span{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(88,99,255,.26),rgba(35,47,112,.48));color:#9184ff;box-shadow:0 0 22px rgba(112,99,255,.22);}
.tb-buy-service-card svg{width:29px;height:29px;}
.tb-buy-service-card b{font-size:20px;}
.tb-buy-service-card p{color:#c3cbe0;line-height:1.45;margin:0;flex:1;}
.tb-buy-service-card strong{font-size:25px;color:#fff;}
.tb-buy-service-card em{height:46px;border-radius:11px;background:linear-gradient(135deg,#467dff,#7459ff);display:grid;place-items:center;font-style:normal;color:#fff;font-weight:900;}
.tb-purchase-head{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px;color:#dce4f5;}
.tb-purchase-head p{margin:0;font-size:16px;}
.tb-purchase-head a{color:#fff;margin-left:6px;}
.tb-purchase-box{border-radius:20px;padding:26px;max-width:980px;}
.tb-purchase-box h3{font-size:22px;margin:0 0 18px;}
.tb-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;}
.tb-options-grid label{cursor:pointer;}
.tb-options-grid input{position:absolute;opacity:0;pointer-events:none;}
.tb-options-grid span{display:grid;place-items:center;min-height:54px;border-radius:10px;border:1px solid rgba(151,169,255,.38);background:rgba(8,13,30,.62);font-weight:900;color:#fff;transition:.18s;}
.tb-options-grid input:checked + span{background:linear-gradient(135deg,#3e7cff,#704eff);border-color:rgba(171,185,255,.72);box-shadow:0 0 24px rgba(99,92,255,.34);}
.tb-place-select{display:grid;gap:10px;max-width:420px;margin-bottom:20px;color:#fff;font-weight:900;}
.tb-place-select select{min-height:52px;border-radius:10px;border:1px solid rgba(151,169,255,.38);background:#070c1c;color:#fff;padding:0 14px;}

/* FAQ */
.faq-page{padding:42px !important;}
.faq-page h1{font-size:54px !important;margin:0 0 20px !important;}
.faq-list{display:grid;gap:14px;margin-top:26px;}
.faq-item{border-radius:18px;padding:0;overflow:hidden;}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 26px;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:after{content:'+';width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(113,91,255,.20);color:#9e8fff;}
.faq-item[open] summary:after{content:'–';}
.faq-item div{padding:0 26px 24px;color:#d6def1;line-height:1.7;font-size:16px;}
.faq-item div p{margin:0 0 10px;}

@media(max-width:1100px){
  .tb-server-select-grid,.tb-active-grid,.tb-buy-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tb-options-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:720px){
  .tb-services-page{padding:22px !important;}
  .tb-services-page h1{font-size:34px !important;}
  .tb-service-step h2{font-size:24px !important;}
  .tb-server-select-grid,.tb-active-grid,.tb-buy-grid,.tb-options-grid{grid-template-columns:1fr;}
  .tb-purchase-head{display:grid;gap:8px;}
  .server-table-panel .section-head h2{font-size:34px !important;align-items:flex-start !important;}
  .server-table-panel .section-title-icon{width:38px;height:38px;min-width:38px;}
  .server-table-panel .section-title-icon svg{width:21px;height:21px;}
  .server-table-panel .section-head p{margin-left:52px !important;}
  .faq-page{padding:24px !important;}
  .faq-page h1{font-size:38px !important;}
  .faq-item summary{font-size:17px;padding:18px;}
  .faq-item div{padding:0 18px 18px;}
}