/* Смена сезона — адаптив phone / tablet / desktop
   Классы без «ad/ads» — иначе мобильные блокировщики прячут слой. */

.site-season-layer,
.site-season-promo-layer,
.site-season-coin-layer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.site-season-layer {
  z-index: 0 !important;
}

.site-season-promo-layer,
.site-season-coin-layer {
  /* выше контента, ниже шапки/fab (20) */
  z-index: 12 !important;
}

.site-notes-sheet > .site-season-layer,
.site-notes-sheet > .site-season-promo-layer,
.site-notes-sheet > .site-season-coin-layer {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.site-notes-sheet > .site-season-layer {
  z-index: 3 !important;
}

.site-notes-sheet > .site-season-promo-layer,
.site-notes-sheet > .site-season-coin-layer {
  z-index: 4 !important;
}

.site-season-flake {
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(12px, 2.4vw, 22px);
  height: clamp(12px, 2.4vw, 22px);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  opacity: 0.38;
  filter: saturate(0.75) brightness(0.92);
  will-change: transform;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  text-decoration: none;
  color: inherit;
  transform-origin: 50% 50%;
  -webkit-tap-highlight-color: transparent;
}

.site-season-flake img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.site-season-flake.is-promo {
  width: clamp(28px, 6vw, 48px);
  height: clamp(28px, 6vw, 48px);
  min-width: 44px;
  min-height: 44px;
  box-sizing: border-box;
  pointer-events: auto;
  cursor: pointer;
  opacity: 0.95;
  filter: none;
  z-index: 1;
  touch-action: manipulation;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.14);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}

.site-season-flake.is-promo:hover,
.site-season-flake.is-promo:active {
  opacity: 1;
  filter: brightness(1.06);
}

.site-season-flake.is-promo:focus-visible,
.site-season-flake.is-coin:focus-visible {
  outline: 2px solid rgba(212, 162, 87, 0.65);
  outline-offset: 3px;
}

.site-season-flake.is-coin {
  width: clamp(36px, 7vw, 56px);
  height: clamp(36px, 7vw, 56px);
  min-width: 44px;
  min-height: 44px;
  box-sizing: border-box;
  pointer-events: auto;
  cursor: pointer;
  opacity: 0.96;
  filter: none;
  z-index: 1;
  touch-action: manipulation;
  border-radius: 12px;
  border: 0;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  font: inherit;
  color: #fff;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
}

.site-season-flake.is-coin img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.site-season-flake.is-coin.is-coin-fallback {
  border-radius: 50%;
  border: 2px solid rgba(255, 220, 120, 0.85);
  background:
    radial-gradient(circle at 35% 30%, #ffe9a8 0%, #e2b34a 42%, #b8860b 78%, #8a6508 100%);
}

.site-season-flake.is-coin:hover,
.site-season-flake.is-coin:active {
  opacity: 1;
  filter: brightness(1.06);
}

html[data-theme="light"] .site-season-flake {
  opacity: 0.28;
  filter: saturate(0.7) brightness(1.05);
}

html[data-theme="light"] .site-season-flake.is-promo {
  opacity: 0.96;
  filter: none;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
}

html[data-theme="light"] .site-season-flake.is-coin {
  opacity: 1;
  filter: none;
}

body.site-body > .site-main,
body.site-body > .site-footer,
body.site-body > #tm-footer {
  position: relative;
  z-index: 1;
}

body.site-body > .site-header-compact,
body.site-body > #tm-header,
body.site-body > .site-fab-dock,
body.site-body > .site-fab-dock-toggle,
body.site-body > #site-page-load-gate {
  position: relative;
  z-index: 20;
}

@media (max-width: 767px) {
  .site-season-promo-layer,
  .site-season-coin-layer {
    z-index: 14 !important;
  }

  .site-season-flake.is-promo {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px;
    min-height: 52px;
    opacity: 1 !important;
    filter: none !important;
  }

  .site-season-flake.is-coin {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px;
    min-height: 54px;
    opacity: 1 !important;
  }

}

@media (min-width: 768px) and (max-width: 1024px) {
  .site-season-flake.is-promo {
    width: clamp(34px, 5vw, 48px);
    height: clamp(34px, 5vw, 48px);
    opacity: 0.96;
  }

  .site-season-flake.is-coin {
    width: clamp(40px, 6vw, 54px);
    height: clamp(40px, 6vw, 54px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-season-layer {
    display: none !important;
  }
}