/* === ИКОНКА В МИНИ-ПРОФИЛЕ === */
img.a-info{
  padding:2px;
  display:block !important;
  cursor:pointer;
  position:absolute;
  text-align:left !important;
  margin-top: 88px !important;
  margin-left: 104px !important;
  width: 19px; /* размер иконки */
}

/* === ЗАТЕМНЯЮЩИЙ ФОН (оверлей) === */
#pre-wrap{
  position:fixed; inset:0;
  width:100%; height:100%;
  z-index:20000;
  background:rgba(0,0,0,.55);
  backdrop-filter:saturate(110%) blur(2px);
}

/* === КНОПКА ЗАКРЫТЬ === */
.my-tabs>img.close {
  position: absolute;        /* заменяем float на абсолют */
  top: -7px;
  right: 10px;
  width: 27px;
  box-sizing: border-box;
  padding: 15.5px;
  cursor: pointer;
  background: url(https://forumstatic.ru/files/001c/83/b6/36595.svg) no-repeat center / 22px;
  transition: transform 0.4s ease, filter 0.4s ease;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .25));
  transform-origin: center;
  z-index: 10; /* чтобы всегда была сверху */
}

/* плавная анимация вращения */
@keyframes spin-shuriken-twice {
  0%   { transform: rotate(0deg); }
  85%  { transform: rotate(720deg); }
  100% { transform: rotate(705deg); }
}

.my-tabs>img.close:hover {
  filter: brightness(1.1);
  animation: spin-shuriken-twice 4.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

/* === Мобильная адаптация === */
@media (max-width: 560px) {
  .my-tabs>img.close {
    top: 2px;              /* чуть ниже отступ */
    right: 6px;            /* ближе к краю */
    width: 22px;           /* чуть меньше */
    padding: 12px;         /* уменьшаем «зону нажатия» */
    background-size: 18px; /* пропорционально меньше иконка */
  }
}


/* при наведении — плавный поворот */
.my-tabs>img.close:hover {
  filter: brightness(1.1);
  animation: spin-shuriken-twice 4.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}


/* === КОНТЕЙНЕР ТАБОВ === */
.my-tabs{
  position:fixed;
  top:4% !important;
  left:50%;
  transform:translateX(-50%);
  width:min(701px, 94vw) !important;
  max-height:700px;
  z-index:30000;
  text-align:center;
}

/* декоративные уши по бокам */
.my-tabs>.tab-a::before,
.my-tabs>.tab-a::after{
  content:""; position:absolute; top:0;
  width:204px; height:218px; display:block;
  pointer-events:none;
}
.my-tabs>.tab-a::before{
  left:-5px;
  background:url() no-repeat;
}
.my-tabs>.tab-a::after{
  right: -95px;
  background:url(https://forumstatic.ru/files/001c/83/b6/54556.png?v=1) no-repeat;
}
/* отключение у упомянутых тем */
.sylv .my-tabs>.tab-a::before,
.sylv .my-tabs>.tab-a::after,
.basic .my-tabs>.tab-a::before,
.basic .my-tabs>.tab-a::after{ display:none; }

/* === УШКИ-ВКЛАДКИ (табы) — общий стиль под тему === */
.my-tabs>span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 1px 3px -8px 3px;
    padding: 6px 12px 6px;
    font: 700 12px/1 var(--rus, Arial, sans-serif);
    text-transform: uppercase;
    letter-spacing: .4px;
    color: var(--buttontextcolor,#e1e1e1) !important;
    background: var(--black, #272723);
    border: 1px solid var(--bordercolor,#cfcfcf);
    outline: 1px solid rgba(0,0,0,.25);
    border-radius: 10px;
    box-shadow: inset 0 0 10px rgba(0,0,0,.55);
    cursor: pointer;
    transition: .25s ease;
}
.my-tabs>span:first-child{     margin-left: 8px;
    margin-bottom: 5px; }
.my-tabs>span:hover{
  color:var(--selecttextcolor,#f2f2f2) !important;
  background:linear-gradient(180deg, var(--accentcolor1,#641c16), var(--amscolor,#732030));
  box-shadow:0 6px 18px rgba(0,0,0,.25), inset 0 0 10px rgba(0,0,0,.4);
  transform:translateY(-1px);
}
.my-tabs>span.selected{
  background:linear-gradient(180deg, var(--amscolor,#732030), var(--accentcolor2,#973429));
  color:var(--linkhover,#f2f2f2) !important;
  text-shadow:#000 1px 1px;
  border-color:transparent;
}

/* === ПАНЕЛИ ВКЛАДОК === */
.my-tabs>.tab-a{
  position:relative;
  z-index:1;
  display:none;
  width:min(701px, 94vw);
  height:96%;
  min-height:200px;
  box-sizing:border-box;
  padding:16px 20px 18px;
  text-align:center;
  overflow:hidden;
  background: var(--fontemn);
  /* border:1px solid var(--bordercolor,#cfcfcf); */
  border-radius:12px;
  box-shadow:0 6px 20px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.06);
}

/* варианты, если нужна «basic»/«sylv» кожа с твоими переменными */
.basic .my-tabs>.tab-a{
  background:
    url(https://forumstatic.ru/files/001b/fd/b9/27429.png) top no-repeat,
    url(https://forumstatic.ru/files/001b/fd/b9/52260.png) bottom no-repeat,
    url(https://forumstatic.ru/files/001b/fd/b9/56326.png) repeat-y,
    var(--whitemore,#f9f9f9);
  border-radius:8px;
}
.sylv .my-tabs>.tab-a{
  padding:10px 8px;
  background:
    url(https://i.imgur.com/3uYsD0p.png) repeat,
    var(--whitemore,#f9f9f9);
  border-style:solid;
  border-image:url(https://i.imgur.com/TfHR5Qd.png) 10 fill / 10px / 1 round;
  border-width:10px;
}

/* === КОНТЕНТ ВНУТРИ ПАНЕЛИ === */
.tab-a .post-content{
  margin:5px 0 !important;
  height: min(770px, 64vh);
  display:inline-block;
  width:100%;
  text-align:left;
  overflow:auto;
  padding:20px 20px 26px 24px;
  border-radius:8px;
  box-sizing:border-box;
  background:var(--white,#fff);
  color:var(--textcolor,#2d2d2d);
  scrollbar-gutter:stable;
  border:1px solid var(--bordercolor,#cfcfcf);
}
/* вписываем скролл в тему */
.tab-a .post-content::-webkit-scrollbar{ width:10px; height:10px; }
.tab-a .post-content::-webkit-scrollbar-track{ background:transparent; }
.tab-a .post-content::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, var(--accentcolor1,#641c16), var(--amscolor,#732030));
  border-radius:8px;
}

/* === ПОДСКАЗКА ДЛЯ ИКОНКИ === */
.tipsy.a-info{
  margin-top:-2px !important;
  margin-left:-6px !important;
  font: 400 11px/16.5px var(--font-base, Verdana, Arial, sans-serif);
  color:var(--wordcolor1,#2f2f2f);
}

/* === МЕЛКИЕ СЕРВИСНЫЕ ПРАВКИ === */
div#pun-viewtopic .highlight-text{ display:none; }

#viewprofile span.MyredirICon{ position:relative; display:contents; font-size:1.2em; }
#pun-viewtopic span.MyredirICon{ cursor:pointer; }

#addition-area div span{ margin-left:0; }

#button-sticker{
  background:url(https://forumstatic.ru/files/001b/d9/4a/73187.png?v=1) 50% no-repeat !important;
}

/* hover для стикерпаков мягче в твоей гамме */
.hvStickerPackModalContent img:hover{
  opacity:.65;
  transition:opacity .25s ease-out, transform .2s ease-out;
  transform:translateY(-1px);
}

/* === АДАПТИВ === */
@media (max-width: 560px){
  .my-tabs{top: 6% !important;}
  .my-tabs>.tab-a{
    padding:12px;
    border-radius:10px;
  }
  .tab-a .post-content{
    height:min(68vh, 520px);
    padding:16px 14px 16px 14px;
  }
  /* убрать боковые уши на мобилке */
  .my-tabs>.tab-a::before,
  .my-tabs>.tab-a::after{ display:none; }
  .my-tabs>span{
    font-size:11px;
    padding:6px 10px 9px;
    margin:1px 2px -6px 2px;
  }
}

#pre-wrap {
  z-index: 20000;
}

.my-tabs {
  position: fixed !important;
  z-index: 40000 !important; /* выше любых подсказок и прочих элементов */
}

.my-tabs>.tab-a {
  position: relative;
  z-index: 40100; /* контент чуть выше декора */
}

/* чтобы всплывающие tipsy не перекрывали */
.tipsy {
  z-index: 25000 !important;
}