/*
 * ФАЙЛ: style_overhaul_v2_3.5.css
 * НАЗНАЧЕНИЕ: AllaParadise romantic luxury layer — homepage only
 * ВЕРСИЯ: 2026-08-29 (пакет 42: на мобильном у .home-grid убран z-index:2 —
 * он создавал stacking context-«подмирок», из-за которого выезжающее меню
 * оставалось ПОД тёмной подложкой. Свечение меню было ни при чём.)
 */
/* AllaParadise romantic luxury layer — TEST VERSION 3.1 — homepage only */
body.page-index {
  --ap-wine:#3d0618; --ap-wine2:#6d0d2d; --ap-rose:#f14a82; --ap-rose2:#ff9ab8;
  --ap-gold:#d4af37; --ap-cream:#fff1d0;
  background:
    radial-gradient(ellipse at 9% 40%, rgba(205,27,88,.26), transparent 30%),
    radial-gradient(ellipse at 92% 55%, rgba(205,27,88,.22), transparent 31%),
    radial-gradient(ellipse at 50% 100%, rgba(113,8,44,.28), transparent 45%),
    linear-gradient(135deg,#070104 0%,#1b030d 46%,#070104 100%);
}
body.page-index::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.45;
  background-image:radial-gradient(circle,rgba(255,180,205,.7) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(255,218,142,.55) 0 1px,transparent 1.8px);
  background-size:170px 145px,240px 210px;
  mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);
}
body.page-index .container{
  background:linear-gradient(145deg,rgba(49,4,18,.91),rgba(10,1,6,.94));
  border:1.5px solid rgba(255,108,154,.82);
  box-shadow:0 30px 80px rgba(0,0,0,.94),0 0 35px rgba(241,74,130,.16),inset 0 1px 0 rgba(255,255,255,.12);
}
body.page-index .home-grid{position:relative;z-index:2}
body.page-index .home-col-center{position:relative;isolation:isolate;padding:10px 24px 20px}
body.page-index .home-col-center::before{
  content:"";position:absolute;inset:-18px -10px -12px;z-index:-1;pointer-events:none;
  background:url('header-border2.png') center/100% 100% no-repeat;
  opacity:.30;filter:drop-shadow(0 0 12px rgba(212,175,55,.18));
}
body.page-index .home-col-center::after{
  content:"♥";position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:22px;
  color:#ff6f9e;text-shadow:0 0 10px rgba(255,80,135,.9);z-index:3;pointer-events:none;
}
body.page-index .title-wrapper{position:relative;padding-top:15px}
body.page-index .title-wrapper::before,body.page-index .title-wrapper::after{border-color:rgba(255,106,151,.55)}
/* FIX 2026-08-25 v3: чёрный drop-shadow просвечивал СКВОЗЬ прозрачные глифы
   (-webkit-text-fill-color:transparent) и делал заголовок грязно-тёмным.
   Оставлены только светлые свечения. */
body.page-index .title-wrapper h1{filter:drop-shadow(0 0 15px rgba(212,175,55,.45)) drop-shadow(0 0 24px rgba(241,74,130,.20))}
body.page-index .title-wave{filter:drop-shadow(0 0 7px rgba(255,75,135,.55))}
body.page-index .photo-wrapper{
  position:relative;max-width:300px;padding:8px;border:2px solid #f0c957;border-radius:50%;
  background:radial-gradient(circle,rgba(255,120,165,.18),rgba(53,4,21,.92) 70%);
  box-shadow:0 0 0 4px rgba(241,74,130,.18),0 0 0 9px rgba(212,175,55,.08),0 0 36px rgba(241,74,130,.34),0 0 70px rgba(212,175,55,.16);
}
body.page-index .photo-wrapper::before,
body.page-index .photo-wrapper::after{
  content:"";
  position:absolute;
  bottom:-40px;
  width:190px;
  height:205px;
  /* FIX 2026-08-24 (повторно): позиция теперь гарантированно снаружи круга (см. left/right
     ниже), поэтому розу можно спокойно вернуть поверх фото — так она не прячется за
     непрозрачным кругом, как получилось с z-index:1. */
  z-index:6;
  pointer-events:none;
  background:url('assets/roses/ap_rose_luxury_v2.png') center/contain no-repeat;
  filter:drop-shadow(0 0 9px rgba(255,55,115,.42)) drop-shadow(0 7px 9px rgba(0,0,0,.48));
}
/* FIX 2026-08-24: розы увеличены (было 132×142 — заметно мельче референса), смещение
   пересчитано под новый размер — так же гарантированно снаружи круга, без наложения. */
body.page-index .photo-wrapper::before{left:-210px;transform:rotate(-7deg);}
body.page-index .photo-wrapper::after{right:-210px;transform:scaleX(-1) rotate(-7deg);}
body.page-index .photo-wrapper img{position:relative;z-index:2}

/* ДОБАВЛЕНО 2026-08-24: розы у VIP-блока через span (убран конфликт ::before/::after) */
body.page-index .vip-rose-deco-left,
body.page-index .vip-rose-deco-right{
  position:absolute;
  bottom:-14px;
  width:96px;
  height:104px;
  z-index:3;
  pointer-events:none;
  background:url('assets/roses/ap_rose_luxury_v2.png') center/contain no-repeat;
  filter:drop-shadow(0 0 7px rgba(255,55,115,.4)) drop-shadow(0 5px 7px rgba(0,0,0,.45));
}
body.page-index .vip-rose-deco-left{left:-30px;transform:rotate(-8deg);}
body.page-index .vip-rose-deco-right{right:-30px;transform:scaleX(-1) rotate(-8deg);}
body.page-index .btn-like{background:linear-gradient(180deg,#5b0a28,#280310 55%,#100106);border-color:rgba(212,175,55,.82);box-shadow:0 9px 25px rgba(0,0,0,.76),inset 0 2px 0 rgba(255,255,255,.13),0 0 18px rgba(241,74,130,.12)}
body.page-index .home-about-btn{background:linear-gradient(180deg,#d83c72,#9b194b 48%,#570927);border:2px solid #ff9ab8;color:#fff3e8;border-radius:18px;box-shadow:0 12px 28px rgba(0,0,0,.68),inset 0 2px 0 rgba(255,255,255,.26),0 0 22px rgba(241,74,130,.24)}
body.page-index .home-forum-card,body.page-index .home-status-box,body.page-index .home-news-box{background:linear-gradient(145deg,rgba(65,7,27,.82),rgba(12,1,7,.93));border-color:rgba(212,175,55,.42);box-shadow:0 12px 32px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.07)}
body.page-index .vip-terminal-lux{
  position:relative;
  background:radial-gradient(circle at 50% 0%,rgba(241,74,130,.25),transparent 38%),linear-gradient(145deg,rgba(86,8,35,.96),rgba(27,2,13,.98));
  border-radius:22px;box-shadow:0 20px 48px rgba(0,0,0,.84),0 0 28px rgba(241,74,130,.24),inset 0 0 40px rgba(212,175,55,.08);
}
/* ДОБАВЛЕНО 2026-08-24: розы теперь снаружи блока, как у фото — раньше здесь была
   плавающая роза-эмодзи (::after), наезжавшая на слово "КЛУБ". См. полное определение
   ::before/::after ниже, после блока с картинкой розы у фото. */
/* FIX 2026-08-25 v3: чёрный drop-shadow убран (просвечивал сквозь прозрачные глифы) */
body.page-index .vip-lux-title{font-size:1.65rem;filter:drop-shadow(0 0 16px rgba(212,175,55,.42))}
body.page-index .vip-lux-input,body.page-index .vip-lux-ok{background:linear-gradient(180deg,#fff7f3,#f2d8d4 50%,#d7a7a6)!important;border-color:#ff9ab8!important;color:#61203a!important;box-shadow:0 9px 20px rgba(0,0,0,.55),inset 0 3px 5px rgba(255,255,255,.98),inset 0 -5px 9px rgba(120,50,70,.28),0 0 15px rgba(241,74,130,.18)!important}
body.page-index .vip-lux-ok{min-width:68px;font-weight:900}
body.page-index .vip-lux-input:focus,body.page-index .vip-lux-ok:hover{border-color:#ff5e91!important;box-shadow:0 10px 24px rgba(0,0,0,.58),inset 0 3px 5px rgba(255,255,255,1),0 0 25px rgba(241,74,130,.34)!important}
body.page-index .vip-terminal-lux .vip-lux-rose{filter:drop-shadow(0 0 9px rgba(255,60,120,.65));transform:scale(1.12)}
@media(max-width:850px){body.page-index .home-col-center{padding-left:8px;padding-right:8px}body.page-index .photo-wrapper::before,body.page-index .photo-wrapper::after{width:92px;height:100px;bottom:-10px} body.page-index .photo-wrapper::before{left:-108px} body.page-index .photo-wrapper::after{right:-108px}}
@media(prefers-reduced-motion:reduce){body.page-index *,body.page-index *::before,body.page-index *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

body.page-index .home-col-left::before,body.page-index .home-col-right::before{
  content:"";position:absolute;top:0;width:190px;height:150px;pointer-events:none;opacity:.20;z-index:0;
  background:url('header-border.png') center top/100% auto no-repeat;
  filter:drop-shadow(0 0 10px rgba(241,74,130,.35));
}
body.page-index .home-col-left,body.page-index .home-col-right{position:relative}
body.page-index .home-col-left::before{left:-34px;transform:scaleX(-1)}
body.page-index .home-col-right::before{right:-34px}
body.page-index .side-nav a:first-child{
  background:linear-gradient(180deg,rgba(120,16,50,.52),rgba(35,3,16,.58));
  border-color:rgba(255,154,184,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 14px rgba(241,74,130,.12)
}
body.page-index .side-nav a:first-child:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 22px rgba(241,74,130,.28)}

/* =========================================================
   AllaParadise homepage — romantic luxury composition v3.1
   Target: three-column "royal card" layout.
   Homepage only. No effect on inner pages.
   ========================================================= */

body.page-index {
  --ap-wine-deep:#17030b;
  --ap-wine:#3d0618;
  --ap-wine2:#761034;
  --ap-rose:#ff4f8b;
  --ap-rose-soft:#ff9db9;
  --ap-gold:#d8ad36;
  --ap-cream:#fff0cf;
  background:
    radial-gradient(ellipse at 8% 42%, rgba(221,24,91,.30), transparent 30%),
    radial-gradient(ellipse at 92% 45%, rgba(221,24,91,.26), transparent 31%),
    radial-gradient(ellipse at 50% 100%, rgba(115,8,46,.32), transparent 48%),
    linear-gradient(135deg,#050103 0%,#22040f 45%,#090105 100%);
}

body.page-index::before{
  opacity:.58;
  background-image:
    radial-gradient(circle,rgba(255,192,214,.75) 0 1px,transparent 1.9px),
    radial-gradient(circle,rgba(255,224,158,.58) 0 1px,transparent 1.9px);
  background-size:170px 145px,240px 210px;
}

/* Wider stage, matching the reference composition. */
body.page-index .container{
  width:calc(100% - 36px) !important;
  max-width:1400px !important;
  margin:14px auto 28px !important;
  padding:12px 24px 34px !important;
  border-radius:27px !important;
  background:
    linear-gradient(145deg,rgba(61,5,22,.95),rgba(12,1,7,.96) 58%,rgba(35,2,14,.96));
  border:2px solid rgba(255,101,150,.78) !important;
  box-shadow:
    0 35px 90px rgba(0,0,0,.96),
    0 0 42px rgba(255,64,129,.16),
    inset 0 1px 0 rgba(255,255,255,.14);
}

body.page-index .container::before{
  top:11px;left:11px;right:11px;bottom:11px;
  border:1px solid rgba(255,170,190,.12);
  border-radius:19px;
}

body.page-index .home-grid{
  display:grid !important;
  grid-template-columns:290px minmax(0,1fr) 310px !important;
  align-items:start !important;
  gap:24px !important;
  position:relative;
  z-index:2;
}

body.page-index .home-col-left,
body.page-index .home-col-right{
  gap:16px !important;
  min-width:0;
}

/* ---------------------------------------------------------
   Left navigation: vertical luxury panel
   --------------------------------------------------------- */
body.page-index .home-col-left .side-nav{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
  align-items:stretch !important;
  gap:7px !important;
  padding:14px !important;
  margin:0 !important;
  border:1px solid rgba(212,175,55,.52) !important;
  border-radius:22px !important;
  background:
    linear-gradient(180deg,rgba(48,4,19,.94),rgba(11,1,6,.97));
  box-shadow:
    0 16px 35px rgba(0,0,0,.76),
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 24px rgba(241,74,130,.08);
}

body.page-index .home-col-left .side-nav::before{
  content:"";
  display:block;
  height:3px;
  margin:0 22px 8px;
  border-radius:50%;
  background:linear-gradient(90deg,transparent,#f05b8c,#d4af37,#f05b8c,transparent);
  box-shadow:0 0 12px rgba(255,76,137,.5);
}

body.page-index .home-col-left .side-nav > a,
body.page-index .home-col-left .side-nav > .nav-accordion > .accordion-header{
  min-height:45px !important;
  margin:0 !important;
  padding:10px 14px !important;
  border:1px solid rgba(212,175,55,.12) !important;
  border-left:3px solid transparent !important;
  border-radius:13px !important;
  background:linear-gradient(180deg,rgba(39,4,17,.80),rgba(10,1,6,.72)) !important;
  color:#f4e1d2 !important;
  font-size:1rem !important;
  font-weight:700 !important;
  letter-spacing:.3px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

body.page-index .home-col-left .side-nav > a:hover,
body.page-index .home-col-left .side-nav > .nav-accordion > .accordion-header:hover{
  transform:translateX(3px) !important;
  border-color:rgba(255,154,184,.35) !important;
  border-left-color:#ff4f8b !important;
  background:linear-gradient(180deg,rgba(101,12,43,.72),rgba(27,2,13,.82)) !important;
  box-shadow:0 0 20px rgba(255,64,129,.20),inset 0 1px 0 rgba(255,255,255,.08);
}

body.page-index .home-col-left .side-nav > a.active-link{
  border-left-color:#ff4f8b !important;
  background:rgba(255,64,129,.15) !important;
}

body.page-index .home-col-left .side-nav .nav-accordion{
  width:100% !important;
}

body.page-index .home-col-left .side-nav .nav-accordion .arrow{
  display:none !important;
}

body.page-index .home-col-left .side-nav .nav-accordion-content{
  display:none !important;
}

body.page-index .home-col-left .side-nav .nav-divider{
  height:1px !important;
  margin:7px 20px !important;
  background:linear-gradient(90deg,transparent,rgba(212,175,55,.34),transparent) !important;
}

body.page-index .home-col-left .side-nav .close-menu-btn{
  display:none !important;
}

/* Decorative flourish around the left/right columns. */
body.page-index .home-col-left::before,
body.page-index .home-col-right::before{
  opacity:.25 !important;
  width:230px !important;
  height:175px !important;
  filter:drop-shadow(0 0 13px rgba(241,74,130,.38)) !important;
}
body.page-index .home-col-left::before{left:-48px !important}
body.page-index .home-col-right::before{right:-48px !important}

/* ---------------------------------------------------------
   Active discussion card
   --------------------------------------------------------- */
body.page-index .home-forum-card{
  border-radius:22px !important;
  padding:20px 18px !important;
  overflow:hidden;
}

body.page-index .home-forum-card summary{
  color:#ffd66d !important;
  font-family:'Playfair Display',serif !important;
  font-size:1.18rem !important;
  font-weight:800 !important;
  text-align:center !important;
  list-style:none;
  text-shadow:0 0 12px rgba(212,175,55,.25);
}

body.page-index .home-forum-card summary::-webkit-details-marker{display:none}

body.page-index .home-forum-feed{
  max-height:235px !important;
  padding:3px 2px 0 !important;
}

body.page-index .home-forum-post{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "title count"
    "preview date";
  gap:2px 8px;
  margin-bottom:6px !important;
  padding:8px 8px 8px 12px !important;
  border-left:3px solid #ff4f8b !important;
  border-bottom:1px solid rgba(212,175,55,.10);
  border-radius:9px !important;
  background:rgba(0,0,0,.42) !important;
}

body.page-index .home-forum-post a{
  grid-area:title;
  min-width:0;
  margin:0 !important;
  color:#ffd12f !important;
  font-size:.84rem !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.page-index .home-forum-post .post-preview{
  grid-area:preview;
  color:rgba(244,225,210,.58) !important;
  font-size:.70rem !important;
}

body.page-index .home-forum-post .post-date{
  grid-area:date;
  font-size:.62rem !important;
  margin:0 !important;
  color:rgba(244,225,210,.36) !important;
}

/* ---------------------------------------------------------
   Center: title, large portrait, like/about
   --------------------------------------------------------- */
body.page-index .home-col-center{
  position:relative;
  isolation:isolate;
  padding:8px 16px 18px !important;
  gap:16px !important;
}

body.page-index .home-col-center::before{
  content:"";
  position:absolute;
  inset:-15px -28px -18px;
  z-index:-1;
  pointer-events:none;
  background:url('header-border2.png') center/100% 100% no-repeat;
  opacity:.28;
  filter:drop-shadow(0 0 15px rgba(212,175,55,.22));
}

body.page-index .home-col-center::after{
  content:"♥";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  color:#ff6f9e;
  font-size:24px;
  text-shadow:0 0 12px rgba(255,80,135,.95);
  z-index:4;
  pointer-events:none;
}

body.page-index .title-wrapper{
  width:100% !important;
  margin:0 auto 4px !important;
  padding:16px 8px 7px !important;
}

body.page-index .title-wrapper h1{
  font-size:clamp(1.8rem,3.2vw,3.15rem) !important;
  letter-spacing:2.5px !important;
  text-transform:uppercase;
  line-height:1.08;
  filter:
    drop-shadow(0 0 16px rgba(212,175,55,.48))
    drop-shadow(0 0 25px rgba(241,74,130,.18)) !important;
}

body.page-index .title-wave{
  width:300px !important;
  height:16px !important;
  margin-top:8px !important;
  filter:drop-shadow(0 0 8px rgba(255,75,135,.62));
}

body.page-index .photo-wrapper{
  width:min(100%,380px) !important;
  max-width:380px !important;
  padding:10px !important;
  border:3px solid #f3cb62 !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle,rgba(255,125,170,.24),rgba(53,4,21,.92) 68%);
  box-shadow:
    0 0 0 5px rgba(255,78,136,.16),
    0 0 0 11px rgba(212,175,55,.08),
    0 0 42px rgba(241,74,130,.38),
    0 0 90px rgba(212,175,55,.16) !important;
  animation:apPhotoFloat 7s ease-in-out infinite !important;
}

@keyframes apPhotoFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}

body.page-index .photo-wrapper img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

body.page-index .home-audio-box{display:none !important}

body.page-index .btn-like{
  min-width:280px;
  max-width:330px !important;
  padding:13px 20px !important;
  border-radius:30px !important;
  font-size:1rem;
  background:linear-gradient(180deg,#4f0823,#26030f 58%,#100106) !important;
  border:1px solid rgba(255,214,99,.86) !important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.76),
    inset 0 2px 0 rgba(255,255,255,.12),
    0 0 20px rgba(241,74,130,.13);
}

body.page-index .home-about-btn{
  min-width:300px !important;
  width:min(100%,360px) !important;
  max-width:360px !important;
  padding:15px 24px !important;
  border-radius:19px !important;
  background:linear-gradient(180deg,#e34378,#a91d51 52%,#5d0829) !important;
  border:2px solid #ff9ab8 !important;
  color:#fff2e8 !important;
  font-size:1.02rem;
  letter-spacing:1.5px;
  box-shadow:
    0 13px 30px rgba(0,0,0,.72),
    inset 0 2px 0 rgba(255,255,255,.25),
    0 0 24px rgba(241,74,130,.26);
}

/* ---------------------------------------------------------
   Right column
   --------------------------------------------------------- */
body.page-index .home-status-box,
body.page-index .home-news-box{
  border-radius:22px !important;
  border:1px solid rgba(212,175,55,.46) !important;
  background:linear-gradient(145deg,rgba(65,7,27,.88),rgba(12,1,7,.94)) !important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.78),
    inset 0 1px 0 rgba(255,255,255,.07);
}

body.page-index .home-status-box{
  min-height:126px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px !important;
}

body.page-index .home-status-box .box-title{
  font-size:1.28rem !important;
  margin-bottom:8px !important;
  color:#ffd66d !important;
}

body.page-index .home-status-box .box-text{
  font-size:1rem;
}

body.page-index .home-news-box{
  padding:20px 18px !important;
}

body.page-index .home-news-box .box-title{
  font-size:1.22rem !important;
  color:#ffd66d !important;
  text-align:left !important;
}

body.page-index .home-news-item{
  padding:6px 0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(212,175,55,.12) !important;
  background:transparent !important;
}

body.page-index .home-news-date{
  display:inline-block;
  margin-right:8px;
  font-size:.72rem !important;
}

body.page-index .home-news-item .news-title{
  display:inline;
  font-size:.80rem;
  color:#f4e1d2;
  font-weight:500;
}

body.page-index .home-news-item .news-text{
  display:none;
}

body.page-index .vip-terminal-lux{
  min-height:310px;
  padding:28px 22px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,75,135,.27),transparent 38%),
    linear-gradient(145deg,rgba(92,8,38,.97),rgba(28,2,13,.99)) !important;
  box-shadow:
    0 20px 50px rgba(0,0,0,.86),
    0 0 30px rgba(241,74,130,.26),
    inset 0 0 45px rgba(212,175,55,.08);
}


body.page-index .vip-lux-title{
  font-size:1.85rem !important;
  letter-spacing:3px;
}

body.page-index .vip-lux-subtitle{
  font-size:.82rem !important;
  color:#ff8caf !important;
  border-color:rgba(255,154,184,.28) !important;
}

body.page-index .vip-lux-hint{
  margin-top:15px !important;
}

body.page-index .vip-lux-input{
  width:135px !important;
}

body.page-index .vip-lux-ok{
  min-width:72px !important;
}

/* Keep the admin blocks below the homepage visually separate. */
body.page-index .admin-bottom-flow{
  position:relative;
  z-index:5;
}


/* ---------------------------------------------------------
   TV / 2K->4K readability pass
   Keep the dark romantic palette, but protect text from
   black-level crushing on TV displays.
   --------------------------------------------------------- */
body.page-index .home-status-box .box-text,
body.page-index .home-news-box,
body.page-index .home-forum-card,
body.page-index .home-col-left .side-nav > a,
body.page-index .home-col-left .side-nav > .nav-accordion > .accordion-header{
  text-shadow:0 1px 3px rgba(0,0,0,.95), 0 0 8px rgba(0,0,0,.55);
}
body.page-index .home-status-box,
body.page-index .home-news-box,
body.page-index .home-forum-card,
body.page-index .vip-terminal-lux{
  border-color:rgba(242,202,104,.62) !important;
}
body.page-index .home-status-box .box-title,
body.page-index .home-news-box .box-title,
body.page-index .home-forum-card summary{
  color:#ffe08a !important;
  text-shadow:0 1px 4px #000, 0 0 10px rgba(212,175,55,.30);
}
body.page-index .home-news-item .news-title{
  color:#ffe8cf !important;
  text-shadow:0 1px 3px #000;
}
body.page-index .home-news-empty,
body.page-index .home-status-box .box-text,
body.page-index .home-forum-post .post-preview{
  color:rgba(255,236,220,.82) !important;
}
body.page-index .home-forum-post .post-date{
  color:rgba(255,224,192,.66) !important;
}
/* Complaint / secondary text: readable without becoming bright. */
body.page-index a,
body.page-index button{
  text-shadow:0 1px 3px rgba(0,0,0,.82);
}

/* ---------------------------------------------------------
   VIP entrance — visual emphasis only; password logic untouched.
   --------------------------------------------------------- */
body.page-index .vip-terminal-lux{
  position:relative;
  overflow:hidden;
  border:1.5px solid rgba(255,206,110,.72) !important;
}
/* FIX 2026-08-25: старая «внутренняя рамка» ::before удалена — этот псевдоэлемент
   теперь рисует розу (см. ниже), а остатки рамки давали пустой квадрат слева. */
body.page-index .vip-lux-title{
  color:#ffe7a5 !important;
  text-shadow:0 1px 5px #000, 0 0 14px rgba(216,173,54,.35);
}
body.page-index .vip-lux-subtitle{
  color:#ffc3d3 !important;
  text-shadow:0 1px 3px #000;
}
body.page-index .vip-lux-ok{
  cursor:pointer;
  border:1.5px solid #ffd66d !important;
  color:#5a1732 !important;
  text-shadow:none !important;
}
body.page-index .vip-lux-ok:hover{
  transform:translateY(-1px);
}

/* ---------------------------------------------------------
   Day skin foundation.
   Activated later by adding class .theme-day to <body>.
   No second PHP template is required.
   --------------------------------------------------------- */
body.page-index.theme-day{
  --ap-wine-deep:#f5e9ec;
  --ap-wine:#fff6f7;
  --ap-wine2:#f0c5d2;
  --ap-rose:#c52d68;
  --ap-rose-soft:#9e355d;
  --ap-gold:#a77b16;
  --ap-cream:#4b2634;
  background:
    radial-gradient(ellipse at 8% 42%,rgba(221,24,91,.10),transparent 30%),
    radial-gradient(ellipse at 92% 45%,rgba(221,24,91,.08),transparent 31%),
    linear-gradient(135deg,#fff9fa 0%,#f7e9ed 48%,#fffdf9 100%);
}
body.page-index.theme-day::before{opacity:.18}
body.page-index.theme-day .container{
  background:linear-gradient(145deg,rgba(255,250,251,.97),rgba(249,235,240,.97));
  border-color:rgba(167,123,22,.58) !important;
  box-shadow:0 25px 70px rgba(80,30,45,.18),0 0 30px rgba(197,45,104,.08),inset 0 1px 0 #fff !important;
}
body.page-index.theme-day .home-col-left .side-nav,
body.page-index.theme-day .home-status-box,
body.page-index.theme-day .home-news-box,
body.page-index.theme-day .home-forum-card{
  background:linear-gradient(145deg,rgba(255,250,252,.96),rgba(246,230,236,.96)) !important;
  border-color:rgba(167,123,22,.45) !important;
  box-shadow:0 12px 28px rgba(80,30,45,.13),inset 0 1px 0 #fff !important;
}
body.page-index.theme-day .home-col-left .side-nav > a,
body.page-index.theme-day .home-col-left .side-nav > .nav-accordion > .accordion-header{
  background:linear-gradient(180deg,#fffafb,#f5e6eb) !important;
  color:#4b2634 !important;
  border-color:rgba(167,123,22,.24) !important;
  text-shadow:none !important;
}
body.page-index.theme-day .home-status-box .box-title,
body.page-index.theme-day .home-news-box .box-title,
body.page-index.theme-day .home-forum-card summary,
body.page-index.theme-day .vip-lux-title{
  color:#7a4a18 !important;
  text-shadow:0 1px 2px rgba(255,255,255,.9) !important;
}
body.page-index.theme-day .home-status-box .box-text,
body.page-index.theme-day .home-news-item .news-title,
body.page-index.theme-day .home-forum-post .post-preview{
  color:#542d3b !important;
  text-shadow:none !important;
}
body.page-index.theme-day .vip-terminal-lux{
  background:radial-gradient(circle at 50% 0%,rgba(255,115,160,.16),transparent 38%),linear-gradient(145deg,#fff1f5,#f0d8e0) !important;
  border-color:rgba(167,123,22,.62) !important;
  box-shadow:0 16px 35px rgba(80,30,45,.16),0 0 22px rgba(197,45,104,.10),inset 0 0 35px rgba(167,123,22,.06) !important;
}
body.page-index.theme-day .vip-lux-subtitle{color:#8e3d5a !important;text-shadow:none !important}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media(max-width:1100px){
  body.page-index .home-grid{
    grid-template-columns:240px minmax(0,1fr) 260px !important;
    gap:16px !important;
  }
  body.page-index .photo-wrapper{
    max-width:340px !important;
  }
  body.page-index .home-about-btn{
    min-width:280px !important;
    max-width:100% !important;
  }
}

@media(max-width:849px){
  body.page-index .container{
    width:calc(100% - 18px) !important;
    padding:9px 10px 25px !important;
  }
  body.page-index .home-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:15px !important;
    /* ПАКЕТ 42 (2026-08-29): ИСТИННАЯ причина «меню еле просвечивается» на главной.
       z-index:2 (нужен на десктопе, чтобы контент был над слоем искр ::before)
       создаёт у .home-grid свой stacking context. Выезжающее меню (.side-nav)
       лежит ВНУТРИ .home-grid, поэтому его z-index:1000 соревновался только
       внутри этого «подмирка», а тёмная подложка .mobile-overlay (z-index:90
       на уровне body) накрывала всю сетку вместе с меню. На мобильном искры
       не нуждаются в этом слое — z-index:auto убирает «подмирок», меню
       выпрыгивает наверх (1000 > 90). Проверено рендером 360px: меню яркое,
       остальная страница без изменений. Десктоп не тронут. */
    z-index:auto !important;
  }
  body.page-index .home-col-left{
    display:contents !important;
  }
  body.page-index .home-col-left .side-nav{order:1}
  body.page-index .home-col-center{order:2;padding:8px 2px 18px !important}
  body.page-index .home-col-left .home-forum-card{order:3}
  body.page-index .home-col-right{order:4}
  body.page-index .photo-wrapper{max-width:320px !important}
  body.page-index .home-about-btn{min-width:0 !important;width:100% !important}
}

@media(prefers-reduced-motion:reduce){
  body.page-index .photo-wrapper{animation:none !important}
}


/* =========================================================
   AllaParadise homepage — TEST VERSION 3.2
   Visual direction: richer burgundy / rose / gold.
   PHP and VIP password logic are untouched.
   ========================================================= */

/* Butterfly: keep it strictly inside the main frame. */
body.page-index .container > img[src*="neon_butterfly"]{
  left:26px !important;
  top:12px !important;
  width:58px !important;
  opacity:.92 !important;
  filter:drop-shadow(0 0 9px rgba(100,180,255,.48)) !important;
}

/* Central portrait: slightly smaller, more breathing room. */
body.page-index .photo-wrapper{
  width:min(100%,360px) !important;
  max-width:360px !important;
  padding:9px !important;
}

/* Main cards: stronger separation on TVs without turning neon. */
body.page-index .home-status-box,
body.page-index .home-news-box,
body.page-index .home-forum-card{
  border-color:rgba(224,178,61,.62) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.80),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 16px rgba(241,74,130,.07) !important;
}

/* User-facing text: protect dark-mode contrast on TV displays. */
body.page-index .home-status-box .box-text,
body.page-index .home-news-item .news-text,
body.page-index .home-news-item .news-title,
body.page-index .home-forum-post .post-preview,
body.page-index .home-forum-post .post-date{
  text-shadow:0 1px 4px #000, 0 0 8px rgba(0,0,0,.35) !important;
}

body.page-index .home-status-box .box-text{
  color:#f7e6e8 !important;
}
body.page-index .home-news-item .news-text{
  color:#f3dfe3 !important;
}
body.page-index .home-news-item .news-title{
  color:#ffe19a !important;
}

/* About button: integrated with the site's burgundy palette. */
body.page-index .home-about-btn{
  background:
    linear-gradient(180deg,#c72f67 0%,#9b194b 52%,#5d0829 100%) !important;
  border-color:#e86a91 !important;
  box-shadow:
    0 13px 30px rgba(0,0,0,.72),
    inset 0 2px 0 rgba(255,255,255,.18),
    0 0 24px rgba(241,74,130,.18) !important;
}

/* VIP: no pale standalone widget; it belongs to the same wine/rose/gold family. */
body.page-index .vip-terminal-lux{
  background:
    radial-gradient(circle at 50% 8%,rgba(241,74,130,.30),transparent 38%),
    linear-gradient(145deg,#6b0d2d 0%,#43071d 52%,#21030f 100%) !important;
  border:1.5px solid rgba(255,211,103,.86) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.86),
    0 0 26px rgba(241,74,130,.20),
    inset 0 0 35px rgba(212,175,55,.09) !important;
}

body.page-index .vip-terminal-lux::before{
  border-color:rgba(255,177,203,.24) !important;
}

body.page-index .vip-lux-title{
  color:#f7d878 !important;
  text-shadow:
    0 0 12px rgba(212,175,55,.34) !important;
}

body.page-index .vip-lux-subtitle{
  color:#f4c4d3 !important;
  text-shadow:0 1px 4px #000 !important;
}

/* VIP password field: still light enough to be readable. */
body.page-index .vip-lux-input{
  background:linear-gradient(180deg,#fff0f3,#f2cbd4 55%,#d995a8) !important;
  border-color:#ff9ab8 !important;
  color:#5d1732 !important;
}

/* VIP action: strong rose accent, but visually tied to the site. */
body.page-index .vip-lux-ok{
  min-width:112px !important;
  padding:11px 18px !important;
  background:
    linear-gradient(180deg,#ed5a8b 0%,#c52b67 52%,#82143f 100%) !important;
  border:1.5px solid #ffd36a !important;
  color:#fff5ee !important;
  text-shadow:0 1px 3px #5a1028 !important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.58),
    inset 0 2px 0 rgba(255,255,255,.22),
    0 0 18px rgba(241,74,130,.28) !important;
}

body.page-index .vip-lux-ok:hover{
  background:linear-gradient(180deg,#f36b99,#d33270 52%,#95194a) !important;
  box-shadow:
    0 10px 25px rgba(0,0,0,.62),
    0 0 26px rgba(241,74,130,.42) !important;
}

/* Navigation arrows: keep the directional cue visible but elegant. */
body.page-index .home-forum-card .home-forum-chevron,
body.page-index .side-nav .arrow{
  text-shadow:0 0 8px rgba(255,91,145,.45) !important;
}

/* =========================================================
   Day skin foundation — prepared, not switched on yet.
   The actual day/night control will be added separately.
   ========================================================= */
body.page-index.theme-day{
  color:#4b2634;
  background:
    radial-gradient(ellipse at 10% 35%,rgba(221,24,91,.08),transparent 30%),
    radial-gradient(ellipse at 90% 50%,rgba(212,175,55,.08),transparent 32%),
    linear-gradient(135deg,#fffaf9 0%,#f7e9ed 48%,#fffdf8 100%) !important;
}

body.page-index.theme-day .container{
  background:linear-gradient(145deg,rgba(255,250,251,.98),rgba(248,235,239,.98)) !important;
}

body.page-index.theme-day .vip-terminal-lux{
  background:
    radial-gradient(circle at 50% 8%,rgba(241,74,130,.12),transparent 38%),
    linear-gradient(145deg,#fff5f7 0%,#f8e3e9 55%,#f1d2dc 100%) !important;
  border-color:rgba(167,123,22,.72) !important;
}

body.page-index.theme-day .vip-lux-title{
  color:#8a5d12 !important;
  text-shadow:0 1px 2px #fff !important;
}

body.page-index.theme-day .vip-lux-subtitle{
  color:#8a405c !important;
  text-shadow:none !important;
}

/* TV / large-screen safeguard. */
@media(min-width:1600px){
  body.page-index .home-status-box .box-text,
  body.page-index .home-news-item .news-text,
  body.page-index .home-news-item .news-title{
    text-shadow:0 1px 5px #000,0 0 10px rgba(0,0,0,.32) !important;
  }
}

/* =========================================================
   AllaParadise — VISUAL PASS 3.3
   Goal: bring the real homepage closer to the reference
   without changing PHP/VIP/database logic.
   ========================================================= */

/* 2. Butterfly: smaller and fully inside the frame. */
body.page-index .container > img[src*="neon_butterfly"]{
  top:10px !important;
  left:24px !important;
  width:54px !important;
  opacity:.94 !important;
  filter:drop-shadow(0 0 7px rgba(100,180,255,.55)) drop-shadow(0 0 10px rgba(255,70,140,.18)) !important;
}

/* 3. Stronger outer frame — the frame must be visible on TV too. */
body.page-index .container{
  border-color:rgba(255,84,143,.92) !important;
  box-shadow:
    0 35px 90px rgba(0,0,0,.96),
    0 0 24px rgba(255,64,129,.22),
    0 0 58px rgba(212,175,55,.08),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.page-index .container::before{
  border-color:rgba(255,180,200,.18) !important;
  box-shadow:0 0 18px rgba(255,75,135,.08);
}

/* 4. Central photo: slightly smaller, richer ring, more breathing room. */
body.page-index .photo-wrapper{
  width:min(100%,350px) !important;
  max-width:350px !important;
  padding:10px !important;
  box-shadow:
    0 0 0 4px rgba(255,78,136,.20),
    0 0 0 9px rgba(212,175,55,.12),
    0 0 34px rgba(241,74,130,.42),
    0 0 70px rgba(212,175,55,.18) !important;
}

/* 6. Main title: gold body + pink halo, closer to the reference. */
body.page-index .title-wrapper h1{
  color:#f7d878 !important;
  text-shadow:
    0 0 10px rgba(212,175,55,.50),
    0 0 24px rgba(241,74,130,.28) !important;
}

/* 7. VIP card belongs to the same palette, but gets a stronger invitation. */
body.page-index .vip-terminal-lux{
  border-color:rgba(255,215,115,.92) !important;
  box-shadow:
    0 20px 50px rgba(0,0,0,.88),
    0 0 24px rgba(241,74,130,.28),
    0 0 42px rgba(212,175,55,.12),
    inset 0 0 40px rgba(212,175,55,.10) !important;
}
body.page-index .vip-lux-title{font-size:1.82rem !important}

/* 8. TV contrast: especially the texts that were almost black. */
@media(min-width:1600px){
  body.page-index .home-status-box .box-text,
  body.page-index .home-news-item .news-title,
  body.page-index .home-news-item .news-text,
  body.page-index .home-forum-post .post-preview,
  body.page-index .home-forum-post .post-date{
    text-shadow:0 1px 5px #000,0 0 10px rgba(0,0,0,.42) !important;
  }
  body.page-index .home-status-box .box-text{color:#fff0e8 !important}
  body.page-index .home-news-item .news-title{color:#ffe9d0 !important}
}

/* 9. Day/Night button. */
body.page-index .ap-theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:30px;
  margin-right:10px;
  border:1px solid rgba(255,214,99,.62);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(104,12,44,.9),rgba(25,2,12,.96));
  color:#ffd66d;
  cursor:pointer;
  font-size:16px;
  box-shadow:0 0 12px rgba(241,74,130,.16),inset 0 1px 0 rgba(255,255,255,.10);
}
body.page-index .ap-theme-toggle:hover{
  border-color:#ff9ab8;
  box-shadow:0 0 18px rgba(241,74,130,.30);
}

/* 10. Day skin — not white office-style; warm pearl/burgundy day version. */
body.page-index.theme-day{
  background:
    radial-gradient(ellipse at 8% 40%,rgba(255,91,145,.14),transparent 30%),
    radial-gradient(ellipse at 92% 50%,rgba(212,175,55,.12),transparent 30%),
    linear-gradient(135deg,#f8e7eb 0%,#fffaf8 48%,#f4dbe3 100%) !important;
}
body.page-index.theme-day .container{
  background:
    linear-gradient(145deg,rgba(255,249,251,.98),rgba(247,227,235,.98) 58%,rgba(255,244,247,.98)) !important;
  border-color:rgba(167,123,22,.68) !important;
  box-shadow:0 30px 70px rgba(80,30,45,.18),0 0 30px rgba(197,45,104,.12),inset 0 1px 0 #fff !important;
}
body.page-index.theme-day .container::after{
  opacity:.22;
  filter:none;
}
body.page-index.theme-day .home-col-left .side-nav,
body.page-index.theme-day .home-status-box,
body.page-index.theme-day .home-news-box,
body.page-index.theme-day .home-forum-card{
  background:linear-gradient(145deg,rgba(255,250,252,.97),rgba(246,229,236,.97)) !important;
  border-color:rgba(167,123,22,.48) !important;
  box-shadow:0 12px 28px rgba(80,30,45,.14),inset 0 1px 0 #fff !important;
}
body.page-index.theme-day .home-col-left .side-nav > a,
body.page-index.theme-day .home-col-left .side-nav > .nav-accordion > .accordion-header{
  background:linear-gradient(180deg,#fffafb,#f5e6eb) !important;
  color:#4b2634 !important;
  border-color:rgba(167,123,22,.25) !important;
  text-shadow:none !important;
}
body.page-index.theme-day .home-status-box .box-title,
body.page-index.theme-day .home-news-box .box-title,
body.page-index.theme-day .home-forum-card summary,
body.page-index.theme-day .vip-lux-title{
  color:#7a4a18 !important;
  text-shadow:0 1px 2px #fff !important;
}
body.page-index.theme-day .home-status-box .box-text,
body.page-index.theme-day .home-news-item .news-title,
body.page-index.theme-day .home-forum-post .post-preview{
  color:#542d3b !important;
  text-shadow:none !important;
}
body.page-index.theme-day .home-about-btn{
  background:linear-gradient(180deg,#d94d79,#b72c60 52%,#8c1b49) !important;
  border-color:#a77b16 !important;
  box-shadow:0 12px 25px rgba(80,30,45,.18),inset 0 2px 0 rgba(255,255,255,.30),0 0 18px rgba(197,45,104,.16) !important;
}
body.page-index.theme-day .vip-terminal-lux{
  background:linear-gradient(145deg,#fff0f4,#f5dbe4 55%,#edc9d7) !important;
  border-color:rgba(167,123,22,.72) !important;
  box-shadow:0 16px 35px rgba(80,30,45,.16),0 0 22px rgba(197,45,104,.12),inset 0 0 35px rgba(167,123,22,.06) !important;
}
body.page-index.theme-day .vip-lux-subtitle{color:#8e3d5a !important;text-shadow:none !important}
body.page-index.theme-day .ap-theme-toggle{
  background:linear-gradient(180deg,#fff9f4,#efd9df);
  color:#8a5d12;
}

/* 11. On narrow screens, do not let the decorative underlay escape. */
@media(max-width:849px){
    body.page-index .photo-wrapper{max-width:320px !important}
}


/* v3.4: keep the day/night control visually attached to the language selector. */
body.page-index .ap-header-right{
  display:flex;align-items:center;justify-content:flex-end;gap:7px;
  margin-left:auto;
}
body.page-index .ap-header-right .lang-selector{margin-left:0!important}
body.page-index .ap-header-right .ap-theme-toggle{margin:0!important;width:34px;height:28px;font-size:15px}
@media(max-width:850px){body.page-index .ap-header-right{gap:4px} body.page-index .ap-header-right .ap-theme-toggle{width:32px;height:27px}}


/* =========================================================
   AllaParadise — VISUAL PASS 3.42
   FIX: static frame stays; moving outer underlay removed.
   Roses remain outside the photo ring.
   ========================================================= */

body.page-index .home-col-center::before{
  opacity:.42 !important;
  filter:
    drop-shadow(0 0 12px rgba(212,175,55,.28))
    drop-shadow(0 0 22px rgba(241,74,130,.10)) !important;
}

/* Позиционирование розы теперь задано один раз, в начале файла (см. "FIX 2026-08-24"
   выше) — прежний дублирующий безусловный блок с !important здесь убран, он и был причиной
   того, что роза всё равно наезжала на фото, даже после правки наверху. */

/* Explicitly disable the old moving/peeking frame. */
body.page-index .container::after{
  content:none !important;
  display:none !important;
}

/* =========================================================
   AllaParadise — VISUAL PASS 3.5
   Final composition correction.
   - Static center ornament remains visible.
   - Moving outer frame stays disabled.
   - Clean burgundy roses sit outside the portrait.
   - VIP roses are symmetrical and decorative only.
   ========================================================= */

/* Static center frame: stronger, but still subordinate to the portrait. */
body.page-index .home-col-center::before{
  opacity:.56 !important;
  filter:
    drop-shadow(0 0 10px rgba(212,175,55,.34))
    drop-shadow(0 0 24px rgba(241,74,130,.12)) !important;
}

/* Portrait roses: never enter the photo area. */
body.page-index .photo-wrapper{
  overflow:visible !important;
}

body.page-index .photo-wrapper::before,
body.page-index .photo-wrapper::after{
  content:"" !important;
  position:absolute !important;
  top:auto !important;
  bottom:-58px !important;
  width:164px !important;
  height:164px !important;
  z-index:8 !important;
  pointer-events:none !important;
  background:url('assets/roses/ap_rose_burgundy.png') center/contain no-repeat !important;
  filter:
    drop-shadow(0 0 8px rgba(255,55,115,.38))
    drop-shadow(0 7px 9px rgba(0,0,0,.48)) !important;
}

body.page-index .photo-wrapper::before{
  left:-142px !important;
  right:auto !important;
  transform:rotate(-7deg) !important;
}

body.page-index .photo-wrapper::after{
  right:-142px !important;
  left:auto !important;
  transform:scaleX(-1) rotate(-7deg) !important;
}

/* VIP: remove any older decorative rose image and rebuild it symmetrically. */
body.page-index .vip-terminal-lux .vip-lux-rose{
  display:none !important;
}

body.page-index .vip-terminal-lux::before,
body.page-index .vip-terminal-lux::after{
  content:"" !important;
  position:absolute !important;
  top:10px !important;
  bottom:auto !important;
  width:58px !important;
  height:58px !important;
  z-index:5 !important;
  pointer-events:none !important;
  /* FIX 2026-08-25: сброс старой рамки (border/border-radius остались от правила
     «внутренняя рамка» выше по файлу) — иначе слева был пустой скруглённый квадрат. */
  border:none !important;
  border-radius:0 !important;
  /* FIX 2026-08-25b: в index_view.php ::before имел маску «только рамка»
     (-webkit-mask-composite), которая вырезала всё, кроме 2px кольца — роза
     слева была невидима. Маску и отступ снимаем. */
  padding:0 !important;
  -webkit-mask:none !important;
  mask:none !important;
  animation:none !important;
  background:url('assets/roses/ap_rose_burgundy.png') center/contain no-repeat !important;
  filter:drop-shadow(0 0 7px rgba(255,55,115,.42)) !important;
}

body.page-index .vip-terminal-lux::before{
  left:12px !important;
  right:auto !important;
  transform:rotate(-7deg) !important;
}

body.page-index .vip-terminal-lux::after{
  right:12px !important;
  left:auto !important;
  transform:scaleX(-1) rotate(-7deg) !important;
}

/* Keep VIP typography clear of the decorative roses. */
body.page-index .vip-terminal-lux .vip-lux-title{
  position:relative !important;
  z-index:6 !important;
  padding-left:44px !important;
  padding-right:44px !important;
}

/* The moving/peeking outer frame remains explicitly disabled. */
body.page-index .container::after{
  content:none !important;
  display:none !important;
  animation:none !important;
}

@media(max-width:850px){
  body.page-index .photo-wrapper::before,
  body.page-index .photo-wrapper::after{
    width:108px !important;
    height:108px !important;
    bottom:-38px !important;
  }
  body.page-index .photo-wrapper::before{left:-94px !important}
  body.page-index .photo-wrapper::after{right:-94px !important}
  body.page-index .vip-terminal-lux::before,
  body.page-index .vip-terminal-lux::after{
    width:48px !important;
    height:48px !important;
  }
}