/* ===== Адаптив логотипа в header ===== */

/* Планшеты */
@media (max-width: 1024px) {
  .t228__logo img,
  .tmenu__logo img,
  .t-header__logo img,
  .tmenu-mobile__burgerlogo img {
    width: 80px !important;
    max-width: 80px !important;
    height: auto !important;
  }
  .tmenu-mobile__burgerlogo {
    width: 80px !important;
    max-width: 80px !important;
    height: auto !important;
  }
}

/* Мобильные */
@media (max-width: 640px) {
  .t228__logo img,
  .tmenu__logo img,
  .t-header__logo img,
  .tmenu-mobile__burgerlogo img {
    width: 64px !important;
    max-width: 64px !important;
    height: auto !important;
  }
  .tmenu-mobile__burgerlogo {
    width: 64px !important;
    max-width: 64px !important;
    height: auto !important;
  }
}

/* ============================================== */
/* === КАРТОЧКИ ФОРМАТОВ УЧАСТИЯ                === */
/* === Apple Tempered Glass — премиальное стекло === */
/* ============================================== */

.glass-product{
  position: relative;
  padding: 28px;
  border-radius: 22px;
  background: rgba(255,255,255,.04);
  -webkit-backdrop-filter: blur(40px) saturate(140%);
  backdrop-filter: blur(40px) saturate(140%);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px rgba(255,255,255,.04),
    0 30px 60px -25px rgba(0,0,0,.60),
    0 15px 30px -15px rgba(0,0,0,.35);
  overflow: hidden;
  isolation: isolate;
  transition: border-color .35s ease, box-shadow .4s ease;
}

/* Тонкая радужная кромка света по периметру карточки */
.glass-product::before{
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  pointer-events: none;
  padding: 1px;
  background: linear-gradient(
    135deg,
    rgba(255,255,255,.30) 0%,
    rgba(255,255,255,.06) 25%,
    rgba(255,255,255,0)   50%,
    rgba(255,255,255,.06) 75%,
    rgba(255,255,255,.22) 100%
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: 1;
}

/* Едва уловимый верхний highlight */
.glass-product::after{
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(
    120% 60% at 50% 0%,
    rgba(255,255,255,.06) 0%,
    rgba(255,255,255,0)   60%
  );
  z-index: 1;
}

/* Контент карточки выше бликов */
.glass-product > *{
  position: relative;
  z-index: 2;
}

/* Hover — усиление кромки света и тени */
.glass-product:hover{
  border-color: rgba(255,255,255,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 0 1px rgba(255,255,255,.06),
    0 40px 70px -25px rgba(0,0,0,.70),
    0 20px 35px -15px rgba(0,0,0,.40);
}


/* ============================================== */
/* === КНОПКА                                  === */
/* === Apple Tempered Glass с помутнением      === */
/* ============================================== */

.btn-glass{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  padding: 0 24px;
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  -webkit-backdrop-filter: blur(30px) saturate(140%);
  backdrop-filter: blur(30px) saturate(140%);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.1px;
  cursor: pointer;
  overflow: hidden;
  isolation: isolate;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 10px 30px -10px rgba(0,0,0,.45);
  transition:
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease,
    transform .3s ease,
    -webkit-backdrop-filter .4s ease,
    backdrop-filter .4s ease;
}

/* Кромка света по периметру кнопки */
.btn-glass::before{
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  pointer-events: none;
  padding: 1px;
  background: linear-gradient(
    135deg,
    rgba(255,255,255,.32) 0%,
    rgba(255,255,255,.04) 30%,
    rgba(255,255,255,0)   55%,
    rgba(255,255,255,.04) 75%,
    rgba(255,255,255,.20) 100%
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: 1;
  transition: background .35s ease;
}

/* Диагональный sheen — пробегает при hover */
.btn-glass::after{
  content: "";
  position: absolute;
  top: 0; left: -70%;
  width: 55%; height: 100%;
  background: linear-gradient(
    115deg,
    rgba(255,255,255,0)   0%,
    rgba(255,255,255,.04) 30%,
    rgba(255,255,255,.45) 50%,
    rgba(255,255,255,.04) 70%,
    rgba(255,255,255,0)   100%
  );
  transform: skewX(-18deg);
  pointer-events: none;
  z-index: 2;
  transition: left 1s cubic-bezier(.2,.7,.2,1);
}

/* Hover — помутнение через blur, без молочной заливки */
.btn-glass:hover{
  background: rgba(255,255,255,.055);
  border-color: rgba(255,255,255,.20);
  -webkit-backdrop-filter: blur(48px) saturate(170%);
  backdrop-filter: blur(48px) saturate(170%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 14px 38px -10px rgba(0,0,0,.55);
  transform: translateY(-1px);
}

/* Кромка света усиливается при hover */
.btn-glass:hover::before{
  background: linear-gradient(
    135deg,
    rgba(255,255,255,.42) 0%,
    rgba(255,255,255,.06) 30%,
    rgba(255,255,255,0)   55%,
    rgba(255,255,255,.06) 75%,
    rgba(255,255,255,.30) 100%
  );
}

/* Sheen уходит за правый край */
.btn-glass:hover::after{
  left: 130%;
}

/* Active — лёгкое погружение при клике */
.btn-glass:active{
  transform: translateY(0);
  background: rgba(255,255,255,.06);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 8px 20px -8px rgba(0,0,0,.45);
}


/* ============================================== */
/* === КАРТОЧКИ "КОМУ ПОЛЕЗЕН ФОРУМ"           === */
/* === Apple Carved Glass — резное стекло      === */
/* ============================================== */

.glass-benefit{
  position: relative;
  padding: 24px;
  border-radius: 20px;
  background: rgba(255,255,255,.035);
  -webkit-backdrop-filter: blur(38px) saturate(135%);
  backdrop-filter: blur(38px) saturate(135%);
  border: 1px solid rgba(245,239,226,.18);
  box-shadow:
    inset 0 1px 0 rgba(245,239,226,.10),
    0 0 0 1px rgba(245,239,226,.04),
    0 30px 60px -25px rgba(0,0,0,.65),
    0 15px 30px -15px rgba(0,0,0,.40);
  overflow: hidden;
  isolation: isolate;
}

/* Гранёная кромка света по периметру (как огранка хрусталя) */
.glass-benefit::before{
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  pointer-events: none;
  padding: 1px;
  background: conic-gradient(
    from 135deg at 50% 50%,
    rgba(245,239,226,.50) 0deg,
    rgba(245,239,226,.10) 45deg,
    rgba(245,239,226,.35) 90deg,
    rgba(245,239,226,.08) 135deg,
    rgba(245,239,226,.45) 180deg,
    rgba(245,239,226,.10) 225deg,
    rgba(245,239,226,.32) 270deg,
    rgba(245,239,226,.08) 315deg,
    rgba(245,239,226,.50) 360deg
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: 1;
}

/* Едва уловимые отражения сверху и снизу */
.glass-benefit::after{
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(140% 50% at 50% 0%,   rgba(245,239,226,.07) 0%, rgba(245,239,226,0) 60%),
    radial-gradient(80%  30% at 0%  100%, rgba(245,239,226,.04) 0%, rgba(245,239,226,0) 70%);
  z-index: 1;
}