/* =========================
   TRIPCHILLER / BASE
   ========================= */

.flower{ z-index:1; }
  .eye-desktop, .eye-mobile{ z-index:2; }
  .eye-desktop .tn-atom,
  .eye-desktop img, .eye-desktop svg,
  .eye-mobile  .tn-atom,
  .eye-mobile  img, .eye-mobile  svg{
    will-change: transform;
    pointer-events: none;
  }


  @media (min-width:769px){
    .eye-desktop{ visibility: visible !important; }
    .eye-mobile { visibility: hidden  !important; }
  }


  @media (max-width:768px){
    .eye-desktop{ visibility: hidden  !important; }
    .eye-mobile { visibility: visible !important; }
  }


  .eye-mobile .tn-atom,
  .eye-mobile img,
  .eye-mobile svg,
  .eye-desktop .tn-atom,
  .eye-desktop img,
  .eye-desktop svg,
  .flower .tn-atom,
  .flower img,
  .flower svg{
    transform-origin: center center !important;
    backface-visibility: hidden;
  }


  .eye-desktop img, .eye-desktop svg,
  .eye-mobile  img, .eye-mobile  svg,
  .flower      img, .flower      svg{
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    user-drag: none;
  }


  .eye-desktop, .eye-desktop * ,
  .eye-mobile,  .eye-mobile  * ,
  .flower,      .flower      * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;

    outline: none;
  }

@media (min-width:769px) and (pointer:fine){
  .flower,
  .eye-desktop{
    pointer-events:auto !important;
    cursor:grab !important;
    transform-origin:center center !important;
    will-change:transform;
  }

  body.tc-flower-dragging,
  body.tc-flower-dragging *{
    cursor:grabbing !important;
    user-select:none !important;
  }

  body.tc-flower-dragging .flower,
  body.tc-flower-dragging .eye-desktop{
    cursor:grabbing !important;
  }
    body.tc-flower-dragging .flower,
  body.tc-flower-dragging .eye-desktop,
  body.tc-flower-returning .flower,
  body.tc-flower-returning .eye-desktop{
    z-index:2147483001 !important;
  }

  .tc-flower-rec-front,
  .tc-flower-rec-front .t396,
  .tc-flower-rec-front .t396__artboard,
  .tc-flower-rec-front .t396__carrier,
  .tc-flower-rec-front .t396__filter,
  .tc-flower-artboard-front{
    overflow:visible !important;
  }

  .tc-flower-rec-front{
    position:relative !important;
    z-index:2147482500 !important;
  }
}

/* === TRIPCHILLER / prevent mobile long-press menu on eye-flower === */

.flower,
.eye-desktop,
.eye-mobile,
.flower *,
.eye-desktop *,
.eye-mobile * {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;

  -webkit-user-drag: none !important;
  user-drag: none !important;

  -webkit-tap-highlight-color: transparent !important;
}

/* Только для мобилы: запрещаем жест браузерного меню на самом цветке */
@media (max-width: 768px), (pointer: coarse) {
  .flower,
  .eye-mobile,
  .flower *,
  .eye-mobile * {
    touch-action: manipulation !important;
  }
}

* {
    user-select: none;
  }


  .uc-tw-welcome [field="text"],
  .uc-tw-welcome .t-descr,
  .uc-tw-welcome .t-text,
  .uc-tw-welcome .t-title,
  .uc-tw-welcome .tn-atom,
  .tw-welcome [field="text"],
  .tw-welcome .t-descr,
  .tw-welcome .t-text,
  .tw-welcome .t-title,
  .tw-welcome .tn-atom {
    visibility: hidden;
  }

  .tw-printing {
    color: #fff !important;
    font-family: 'BetterVCR', monospace !important;
    font-size: inherit !important;
    line-height: inherit !important;
    white-space: pre-wrap;
  }

.soc1 .tn-atom,
.soc2 .tn-atom,
.soc3 .tn-atom,
.soc4 .tn-atom{
  background:#111 !important;
  border-radius:9999px !important;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  transition: background-color .25s ease, box-shadow .25s ease;
  isolation:isolate;
}


.soc1 .tn-atom img, .soc1 .tn-atom svg,
.soc2 .tn-atom img, .soc2 .tn-atom svg,
.soc3 .tn-atom img, .soc3 .tn-atom svg,
.soc4 .tn-atom img, .soc4 .tn-atom svg{
  mix-blend-mode: screen;
  display:block;
  pointer-events:none;
}


.soc1:hover .tn-atom,
.soc2:hover .tn-atom,
.soc3:hover .tn-atom,
.soc4:hover .tn-atom{
  background:#a51414 !important;
  box-shadow:0 12px 28px rgba(165,20,20,.35);
}

.flower,
  .eye-desktop,
  .eye-mobile {
    pointer-events: auto !important;
    cursor: pointer;
  }


  .easter .tn-atom {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }


  #tc-egg-fall-overlay {
    position: fixed;
    inset: 0;
    z-index: 2147483000 !important;
    pointer-events: none !important;
    overflow: visible !important;
  }

  #tc-egg-fall-overlay .tc-egg-fall-piece {
    position: fixed !important;
    margin: 0 !important;
    pointer-events: none !important;
    z-index: 2147483000 !important;
    transform-origin: center center !important;
    animation: tc-white-mask-fall-front 900ms cubic-bezier(.55,.02,.78,.45) forwards !important;
    will-change: transform, opacity;
  }

  #tc-egg-fall-overlay .tc-egg-fall-piece,
  #tc-egg-fall-overlay .tc-egg-fall-piece * {
    pointer-events: none !important;
  }


  .tc-egg-original-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    animation: none !important;
    transition: none !important;
  }

  .tc-egg-original-hidden .tn-atom {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    animation: none !important;
    transition: none !important;
  }


  body.tc-eye-hard-hidden .eye-desktop,
  body.tc-eye-hard-hidden .eye-mobile,
  body.egg-on.tc-eye-hard-hidden .eye-desktop,
  body.egg-on.tc-eye-hard-hidden .eye-mobile,
  body.egg-on.egg-returning.tc-eye-hard-hidden .eye-desktop,
  body.egg-on.egg-returning.tc-eye-hard-hidden .eye-mobile {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    animation: none !important;
    transition: none !important;
  }

  body.tc-eye-hard-hidden .eye-desktop .tn-atom,
  body.tc-eye-hard-hidden .eye-mobile .tn-atom,
  body.egg-on.tc-eye-hard-hidden .eye-desktop .tn-atom,
  body.egg-on.tc-eye-hard-hidden .eye-mobile .tn-atom,
  body.egg-on.egg-returning.tc-eye-hard-hidden .eye-desktop .tn-atom,
  body.egg-on.egg-returning.tc-eye-hard-hidden .eye-mobile .tn-atom {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    animation: none !important;
    transition: none !important;
  }


  @keyframes tc-eye-grow-after-egg {
    0% {
      opacity: 0;
      transform: scale(0);
    }

    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @media (max-width: 768px) {
    body.tc-eye-grow-after-egg .eye-mobile {
      visibility: visible !important;
      opacity: 1 !important;
      transform-origin: center center !important;
      animation: tc-eye-grow-after-egg 560ms cubic-bezier(.2,.8,.2,1) forwards !important;
      pointer-events: none !important;
    }

    body.tc-eye-grow-after-egg .eye-desktop {
      visibility: hidden !important;
      opacity: 0 !important;
    }
  }

  @media (min-width: 769px) {
    body.tc-eye-grow-after-egg .eye-desktop {
      visibility: visible !important;
      opacity: 1 !important;
      transform-origin: center center !important;
      animation: tc-eye-grow-after-egg 560ms cubic-bezier(.2,.8,.2,1) forwards !important;
      pointer-events: none !important;
    }

    body.tc-eye-grow-after-egg .eye-mobile {
      visibility: hidden !important;
      opacity: 0 !important;
    }
  }


  .easter {
    position: relative;
    z-index: 25 !important;
    pointer-events: none !important;
  }

  .easter,
  .easter * {
    pointer-events: none !important;
  }

  body.egg-on .easter .tn-atom {
    opacity: 1;
    visibility: visible;
    pointer-events: none !important;
    animation:
      egg-pop .18s ease-out forwards,
      egg-glitch .9s steps(9,end) .05s both;
  }


  body.egg-on.egg-returning .easter .tn-atom {
    opacity: 1;
    visibility: visible;
    pointer-events: none !important;
    animation: tc-red-egg-fade 1000ms ease forwards;
  }


  body.egg-on.egg-returning .flower {
    pointer-events: none !important;
    z-index: 30 !important;
    animation: tc-white-mask-return 1000ms cubic-bezier(.2,.8,.2,1) forwards;
    will-change: transform, opacity, clip-path;
  }

  body.egg-on.egg-returning .flower .tn-atom {
    visibility: visible !important;
    opacity: 1 !important;
  }

  @keyframes tc-white-mask-fall-front {
    0% {
      transform: translate3d(0,0,0) rotate(0deg);
      opacity: 1;
    }

    18% {
      transform: translate3d(0,-8px,0) rotate(-1deg);
      opacity: 1;
    }

    100% {
      transform: translate3d(0,calc(120vh + 200px),0) rotate(8deg);
      opacity: 0;
    }
  }
/* Flower mask falls first */
#tc-egg-fall-overlay .tc-egg-fall-piece.tc-egg-fall-flower {
  z-index: 2147483000 !important;
  animation: tc-white-mask-fall-front-flower 900ms cubic-bezier(.55,.02,.78,.45) forwards !important;
}

/* Pupil falls slightly after, with its own direction */
#tc-egg-fall-overlay .tc-egg-fall-piece.tc-egg-fall-eye {
  z-index: 2147483002 !important;
  animation: tc-white-mask-fall-front-eye 860ms cubic-bezier(.52,.02,.8,.46) 70ms forwards !important;
}
/* Safety: falling clones must ignore global eye hiding */
#tc-egg-fall-overlay .tc-egg-fall-piece,
#tc-egg-fall-overlay .tc-egg-fall-piece *,
#tc-egg-fall-overlay .tc-egg-fall-eye,
#tc-egg-fall-overlay .tc-egg-fall-eye *,
#tc-egg-fall-overlay .tc-egg-fall-flower,
#tc-egg-fall-overlay .tc-egg-fall-flower * {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

#tc-egg-fall-overlay .tc-egg-fall-piece.tc-egg-fall-eye {
  z-index: 2147483004 !important;
}
@keyframes tc-white-mask-fall-front-flower {
  0% {
    transform: translate3d(0,0,0) rotate(0deg) scale(1);
    opacity: 1;
  }

  18% {
    transform: translate3d(0,-8px,0) rotate(-1deg) scale(1);
    opacity: 1;
  }

  100% {
    transform: translate3d(14px,calc(120vh + 200px),0) rotate(8deg) scale(.98);
    opacity: 0;
  }
}

@keyframes tc-white-mask-fall-front-eye {
  0% {
    transform: translate3d(0,0,0) rotate(0deg) scale(1);
    opacity: 1;
  }

  14% {
    transform: translate3d(-4px,-5px,0) rotate(2deg) scale(1.02);
    opacity: 1;
  }

  100% {
    transform: translate3d(-34px,calc(120vh + 170px),0) rotate(-13deg) scale(.9);
    opacity: 0;
  }
}
  @keyframes tc-white-mask-return {
    0% {
      transform: translate3d(0,0,0) scale(.96);
      opacity: 0;
      clip-path: circle(0% at 50% 50%);
      -webkit-clip-path: circle(0% at 50% 50%);
    }

    100% {
      transform: translate3d(0,0,0) scale(1);
      opacity: 1;
      clip-path: circle(150% at 50% 50%);
      -webkit-clip-path: circle(150% at 50% 50%);
    }
  }

  @keyframes tc-red-egg-fade {
    0% {
      opacity: 1;
      filter: drop-shadow(1px 0 0 #f00) drop-shadow(-1px 0 0 #0ff);
    }

    100% {
      opacity: 0;
      filter: drop-shadow(0 0 0 #f00) drop-shadow(0 0 0 #0ff);
    }
  }

  @keyframes egg-pop {
    from {
      transform: scale(.9);
    }

    to {
      transform: scale(1);
    }
  }

  @keyframes egg-glitch {
    0% {
      transform: translate(0,0);
      filter: drop-shadow(0 0 0 #f00) drop-shadow(0 0 0 #0ff);
    }

    10% {
      transform: translate(1px,-1px) scale(1.01);
      filter: drop-shadow(2px 0 0 #f00) drop-shadow(-2px 0 0 #0ff);
    }

    20% {
      transform: translate(-1px,1px) scale(.995);
      filter: drop-shadow(-2px 0 0 #f00) drop-shadow(2px 0 0 #0ff);
    }

    30% {
      transform: translate(2px,0) scale(1.006);
      filter: drop-shadow(3px 0 0 #f00) drop-shadow(-3px 0 0 #0ff);
    }

    40% {
      transform: translate(-2px,0) scale(.998);
      filter: drop-shadow(-3px 0 0 #f00) drop-shadow(3px 0 0 #0ff);
    }

    50% {
      transform: translate(0,-1px) scale(1.004);
      filter: drop-shadow(2px 0 0 #f00) drop-shadow(-2px 0 0 #0ff);
    }

    60% {
      transform: translate(0,1px) scale(.999);
      filter: drop-shadow(-2px 0 0 #f00) drop-shadow(2px 0 0 #0ff);
    }

    70% {
      transform: translate(1px,0) scale(1.002);
      filter: drop-shadow(1px 0 0 #f00) drop-shadow(-1px 0 0 #0ff);
    }

    80% {
      transform: translate(-1px,0) scale(1);
      filter: drop-shadow(0 0 0 #f00) drop-shadow(0 0 0 #0ff);
    }

    90% {
      transform: translate(0,0) scale(1.002);
      filter: drop-shadow(1px 0 0 #f00) drop-shadow(-1px 0 0 #0ff);
    }

    100% {
      transform: translate(0,0) scale(1);
      filter: drop-shadow(0 0 0 #f00) drop-shadow(0 0 0 #0ff);
    }
  }

.radio-off, .radio-on { pointer-events:none !important; }
  .radio-off .tn-atom, .radio-on .tn-atom{
    -webkit-user-select:none; user-select:none;
    -webkit-user-drag:none;   user-drag:none;
  }

  .radio-off .tn-atom { opacity:1; visibility:visible;  }
  .radio-on  .tn-atom { opacity:0; visibility:hidden;   }

  body.radio-playing .radio-off .tn-atom { opacity:0; visibility:hidden;  transition:opacity .2s ease; }
  body.radio-playing .radio-on  .tn-atom { opacity:1; visibility:visible; transition:opacity .2s ease; }


  .radio-power, .radio-next { pointer-events:auto !important; }
  .radio-power .tn-atom, .radio-next .tn-atom{
    cursor:pointer; opacity:0;
    -webkit-user-select:none; user-select:none;
    -webkit-user-drag:none;   user-drag:none;
    transition:transform .05s ease;
  }
  .radio-power:active .tn-atom,
  .radio-next:active  .tn-atom{ transform:scale(0.98); }

  .radio-next { pointer-events:none; }
  body.radio-playing .radio-next { pointer-events:auto; }


@keyframes radio-breathe{
  0%   { transform: translateY(0)   scaleX(1.00) scaleY(1.00); }
  50%  { transform: translateY(-2px) scaleX(1.03) scaleY(0.97); }
  100% { transform: translateY(0)   scaleX(1.00) scaleY(1.00); }
}


body.radio-playing .radio-on .tn-atom{
  animation: radio-breathe 1.8s ease-in-out infinite;
}


  body.radio-bump .radio-on .tn-atom,
  body.radio-bump .radio-off .tn-atom{
    animation: radio-bump .35s ease both;
  }
  @keyframes radio-bump{
    0%   { transform:scale(1); }
    50%  { transform:scaleX(1.04) scaleY(0.96); }
    100% { transform:scale(1); }
  }


  .note1, .note2, .note3, .note4 { pointer-events:none !important; }
  .note1 .tn-atom, .note2 .tn-atom, .note3 .tn-atom, .note4 .tn-atom{
    opacity:0; visibility:hidden;
    will-change: transform, opacity;
    transform: translate3d(0,0,0) scale(0);
    animation-name: note-fly;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-iteration-count: 1;
  }

  .note1 .tn-atom{ --dx: -28px; }
  .note2 .tn-atom{ --dx: 22px; }
  .note3 .tn-atom{ --dx: -18px; }
  .note4 .tn-atom{ --dx: 30px; }

  body.radio-notes-starting .tn-atom.tc-note-active,
  body.radio-notes-playing .tn-atom.tc-note-active,
  body.radio-notes-draining .tn-atom.tc-note-active{
    opacity:1;
    visibility:visible;
    animation-play-state: running;
  }

  body.radio-notes-playing .tn-atom.tc-note-active{
    animation-iteration-count: infinite;
  }

  body.radio-notes-draining .tn-atom.tc-note-active,
  body.radio-notes-starting .tn-atom.tc-note-active{
    animation-iteration-count: 1;
  }

  @keyframes note-fly{
    0%{
      transform: translate3d(0,0,0) scale(0);
      opacity:0;
    }
    10%{
      transform: translate3d(calc(var(--dx)*.15), -40px, 0) scale(1);
      opacity:1;
    }
    60%{
      transform: translate3d(calc(var(--dx)*.65), -150px, 0) scale(1.02);
      opacity:1;
    }
    100%{
      transform: translate3d(var(--dx), -220px, 0) scale(0.85);
      opacity:0;
    }
  }

#rec1223200321,
#rec1223200321 .t396__artboard,
#rec1223200321 .t396__carrier,
#rec1223200321 .t396__filter{
  overflow: visible !important;
}


#rec1223200321{ position: relative; z-index: 50; }


#rec1223200321 .note1 .tn-atom,
#rec1223200321 .note2 .tn-atom,
#rec1223200321 .note3 .tn-atom,
  #rec1223200321 .note4 .tn-atom{
  z-index: 1000 !important;
  pointer-events: none;
}

/* TRIPCHILLER / RADIO NOTES ANTI-CLIP */
.note1, .note2, .note3, .note4,
.note1 .tn-atom, .note2 .tn-atom, .note3 .tn-atom, .note4 .tn-atom{
  position: relative !important;
  z-index: 2147482000 !important;
  overflow: visible !important;
  pointer-events: none !important;
  will-change: transform, opacity;
}

.tc-radio-notes-overflow{
  overflow: visible !important;
}

.tc-radio-notes-overflow .t396,
.tc-radio-notes-overflow .t396__artboard,
.tc-radio-notes-overflow .t396__carrier,
.tc-radio-notes-overflow .t396__filter{
  overflow: visible !important;
}

.radio-off, .radio-on { pointer-events: none !important; }
  .radio-power, .radio-next { pointer-events: auto !important; cursor: pointer; }


  .radio-next { pointer-events: none; }
  body.radio-playing .radio-next { pointer-events: auto; }

.tc-legal-btn {
    cursor: pointer !important;

    background: #000 !important;
    background-color: #000 !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;

    overflow: hidden !important;
    box-sizing: border-box !important;

    -webkit-tap-highlight-color: transparent !important;

    transition:
      background-color .16s ease,
      transform .06s ease !important;
  }

  .tc-legal-btn *,
  .tc-legal-btn .tn-atom,
  .tc-legal-btn .t-btn,
  .tc-legal-btn span,
  .tc-legal-btn div {
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;

    -webkit-tap-highlight-color: transparent !important;

    transition:
      color 0s linear,
      transform .06s ease !important;
  }

  .tc-legal-btn:hover {
    background: #9d191c !important;
    background-color: #9d191c !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  .tc-legal-btn:hover *,
  .tc-legal-btn:hover .tn-atom,
  .tc-legal-btn:hover .t-btn,
  .tc-legal-btn:hover span,
  .tc-legal-btn:hover div {
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  .tc-legal-btn.tc-pressed {
    background: #9d191c !important;
    background-color: #9d191c !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    transform: translateY(1px) scale(0.99) !important;
  }

  .tc-legal-btn.tc-pressed *,
  .tc-legal-btn.tc-pressed .tn-atom,
  .tc-legal-btn.tc-pressed .t-btn,
  .tc-legal-btn.tc-pressed span,
  .tc-legal-btn.tc-pressed div {
    color: #bfbfbf !important;

    background-color: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    transition: color 0s linear !important;
  }

  .tc-legal-btn.tc-pressed {
    background-color: #9d191c !important;
  }

/* === TRIPCHILLER / image zoom background === */

/* Главный фон полноэкранного открытия фото */
body .t-zoomer,
body .t-zoomer__wrapper,
body .t-zoomer__bg,
body .t-zoomable__wrapper {
  background:
    linear-gradient(
      rgba(255, 255, 255, 0.64),
      rgba(255, 255, 255, 0.64)
    ),
    url("https://static.tildacdn.com/tild3362-3366-4538-a237-326166303836/BGwb.webp")
    center center / cover no-repeat fixed !important;

  background-color: transparent !important;
}

/* На случай, если белый фон сидит на внутренних контейнерах */
body .t-zoomer__container,
body .t-zoomer__content,
body .t-zoomer__img,
body .t-zoomer__scale {
  background-color: transparent !important;
}

/* Кнопки закрытия/зум/стрелки оставляем поверх */
body .t-zoomer__close,
body .t-zoomer__scale,
body .t-zoomer__arrow,
body .t-zoomer__arrow-left,
body .t-zoomer__arrow-right {
  z-index: 999999 !important;
}

/* === TRIPCHILLER / FORCE INFO BUTTON IN PRODUCT CARDS === */

/*
  Target:
  first card button = info
  second card button has .t778__btn_second = buy
*/

#allrecords .t778__btn-wrapper a.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button,
#allrecords .t778__btn-wrapper button.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button {
  cursor: pointer !important;

  background: #000000 !important;
  background-color: #000000 !important;

  color: #ffffff !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;

  font-family: 'BetterVCR', Arial, sans-serif !important;

  overflow: hidden !important;
  box-sizing: border-box !important;

  -webkit-tap-highlight-color: transparent !important;

  transition:
    background-color .16s ease,
    color .08s linear,
    transform .06s ease !important;
}

#allrecords .t778__btn-wrapper a.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button *,
#allrecords .t778__btn-wrapper button.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button * {
  background: transparent !important;
  background-color: transparent !important;

  color: inherit !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;

  transition:
    color .08s linear,
    transform .06s ease !important;
}

/* hover */
#allrecords .t778__btn-wrapper a.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button:hover,
#allrecords .t778__btn-wrapper button.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button:hover {
  background: #9d191c !important;
  background-color: #9d191c !important;

  color: #ffffff !important;
}

/* pressed */
#allrecords .t778__btn-wrapper a.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button:active,
#allrecords .t778__btn-wrapper button.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button:active,
#allrecords .t778__btn-wrapper a.t778__btn:not(.t778__btn_second).tc-info-card-pressed,
#allrecords .t778__btn-wrapper button.t778__btn:not(.t778__btn_second).tc-info-card-pressed {
  background: #9d191c !important;
  background-color: #9d191c !important;

  color: #bfbfbf !important;

  transform: translateY(1px) scale(0.99) !important;
}

#allrecords .t778__btn-wrapper a.t778__btn:not(.t778__btn_second).tc-info-card-pressed *,
#allrecords .t778__btn-wrapper button.t778__btn:not(.t778__btn_second).tc-info-card-pressed * {
  color: #bfbfbf !important;
}

/* === эффект для кнопки "ЗАГРУЗИТЬ ЕЩЁ" === */

.t778__showmore,
button.t778__showmore,
.t-store__load-more-btn,
.js-store-load-more-btn {
  cursor: pointer !important;

  background: #000 !important;
  background-color: #000 !important;

  color: #ffffff !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-shadow:
    1px 0 0 rgba(255, 0, 0, 0.55),
    -1px 0 0 rgba(0, 130, 255, 0.45) !important;

  font-family: 'BetterVCR', Arial, sans-serif !important;

  overflow: hidden !important;
  box-sizing: border-box !important;

  -webkit-tap-highlight-color: transparent !important;

  transition:
    background-color .16s ease,
    color .08s linear,
    transform .06s ease,
    text-shadow .16s ease !important;
}

.t778__showmore *,
.t-store__load-more-btn *,
.js-store-load-more-btn * {
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-shadow: inherit !important;
}

/* hover: краснеет */
.t778__showmore:hover,
.t-store__load-more-btn:hover,
.js-store-load-more-btn:hover {
  background: #9d191c !important;
  background-color: #9d191c !important;

  color: #ffffff !important;

  text-shadow:
    1px 0 0 rgba(255, 255, 255, 0.18),
    -1px 0 0 rgba(0, 130, 255, 0.35) !important;
}

/* pressed: прожатие + серый текст */
.t778__showmore.tc-loadmore-pressed,
.t-store__load-more-btn.tc-loadmore-pressed,
.js-store-load-more-btn.tc-loadmore-pressed {
  background: #9d191c !important;
  background-color: #9d191c !important;

  color: #bfbfbf !important;

  transform: translateY(1px) scale(0.99) !important;

  text-shadow:
    1px 0 0 rgba(255, 0, 0, 0.35),
    -1px 0 0 rgba(0, 130, 255, 0.28) !important;
}

.t778__showmore.tc-loadmore-pressed *,
.t-store__load-more-btn.tc-loadmore-pressed *,
.js-store-load-more-btn.tc-loadmore-pressed * {
  color: #bfbfbf !important;
}

/* === Красивый фон карточек товаров === */

/* Kill previous broken overlay version if it is still on page */
#tc-store-popup-bg {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Main visible product popup background */
body.tc-product-popup-open .t-popup.t-popup_show,
body.tc-product-popup-open .t-popup_show,
body.tc-product-popup-open .t-store__prod-popup,
body.tc-product-popup-open .js-store-prod-popup {
  background:
    linear-gradient(
      rgba(255, 255, 255, 0.64),
      rgba(255, 255, 255, 0.64)
    ),
    url("https://static.tildacdn.com/tild3362-3366-4538-a237-326166303836/BGwb.webp")
    center center / cover no-repeat fixed !important;

  background-color: transparent !important;
}

/* Remove default white overlay/background layers */
body.tc-product-popup-open .t-popup__bg,
body.tc-product-popup-open .t-popup__container,
body.tc-product-popup-open .t-popup__container-static,
body.tc-product-popup-open .t-store__prod-popup__wrapper,
body.tc-product-popup-open .t-store__prod-popup__container,
body.tc-product-popup-open .t-store__prod-popup__wrap,
body.tc-product-popup-open .t-store__prod-popup__info,
body.tc-product-popup-open .t-store__prod-popup__gallery,
body.tc-product-popup-open .t-store__prod-popup__slider,
body.tc-product-popup-open .t-store__prod-popup__descr,
body.tc-product-popup-open .js-store-prod-popup,
body.tc-product-popup-open .js-store-prod-popup * {
  background-color: transparent !important;
}

/* But do NOT break product images */
body.tc-product-popup-open .t-store__prod-popup img,
body.tc-product-popup-open .js-store-prod-popup img {
  background: initial !important;
}

/* Keep close button clickable and visible */
body.tc-product-popup-open .t-popup__close,
body.tc-product-popup-open .t-popup__close-wrapper,
body.tc-product-popup-open .t-store__prod-popup__close {
  z-index: 999999 !important;
  pointer-events: auto !important;
}

html,
body {
  background: #000 !important;
}


@media (min-width: 981px) and (pointer: fine) {
  body.tc-bg-drag-scrolling,
  body.tc-bg-drag-scrolling * {
    cursor: grabbing !important;
    user-select: none !important;
  }
}

/* Базовый фон работает ВЕЗДЕ: ПК + телефон */
#tc-fixed-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;

  opacity: 0;
  background: #000;
  transition: opacity 1000ms ease;

  --mx: 50vw;
  --my: 50vh;

  --spot-core: 50px;
  --spot-soft: 140px;
  --spot-mid: 95px;

  --r1-in: 205px;
  --r1-mid: 250px;
  --r1-out: 360px;
  --r1-alpha: 0;

  --r2-in: 205px;
  --r2-mid: 250px;
  --r2-out: 360px;
  --r2-alpha: 0;

  /* Desktop hover reveal delay */
  --desktop-aura-opacity: 0;
  --desktop-ripple-opacity: 0;
  --desktop-color-opacity: 0;
  --desktop-aura-clean-opacity: 0;
  --desktop-ripple-clean-opacity: 0;
  --desktop-color-clean-opacity: 0;
  --desktop-aura-red-opacity: 0;
  --desktop-ripple-red-opacity: 0;
  --desktop-color-red-opacity: 0;

  /* Mobile scroll reveal */
  --mobile-hard: -200px;
  --mobile-soft: -80px;
  --mobile-band-start: -220px;
  --mobile-band-mid: -90px;
  --mobile-band-end: 40px;
  --mobile-color-opacity: 0;
  --mobile-band-opacity: 0;
}

#tc-fixed-bg.is-visible {
  opacity: 1;
}

#tc-fixed-bg .tc-bg-layer {
  position: absolute;
  inset: -2px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  backface-visibility: hidden;
  transform: translateZ(0);
}

#tc-fixed-bg .tc-bg-bw {
  opacity: 1;
  filter: contrast(1.04) brightness(0.92);
}

#allrecords {
  position: relative;
  z-index: 1;
}

/* Desktop: цветная аура, рябь и маски вокруг курсора */
@media (min-width: 981px) and (pointer: fine) {
  #tc-fixed-bg .tc-bg-color,
  #tc-fixed-bg .tc-bg-aura,
  #tc-fixed-bg .tc-bg-color-clean,
  #tc-fixed-bg .tc-bg-aura-clean,
  #tc-fixed-bg .tc-bg-color-red,
  #tc-fixed-bg .tc-bg-aura-red,
  #tc-fixed-bg .tc-bg-ripple {
    opacity: 0;
    transition: opacity 120ms linear;
    will-change: opacity, transform, filter, mask-image, -webkit-mask-image;
  }

  #tc-fixed-bg .tc-bg-color,
  #tc-fixed-bg .tc-bg-aura,
  #tc-fixed-bg .tc-bg-color-clean,
  #tc-fixed-bg .tc-bg-aura-clean,
  #tc-fixed-bg .tc-bg-color-red,
  #tc-fixed-bg .tc-bg-aura-red {
    -webkit-mask-image: radial-gradient(
      circle at var(--mx) var(--my),
      rgba(0, 0, 0, 0.96) 0,
      rgba(0, 0, 0, 0.72) var(--spot-core),
      rgba(0, 0, 0, 0.34) var(--spot-mid),
      rgba(0, 0, 0, 0) var(--spot-soft)
    );

    mask-image: radial-gradient(
      circle at var(--mx) var(--my),
      rgba(0, 0, 0, 0.96) 0,
      rgba(0, 0, 0, 0.72) var(--spot-core),
      rgba(0, 0, 0, 0.34) var(--spot-mid),
      rgba(0, 0, 0, 0) var(--spot-soft)
    );
  }

  #tc-fixed-bg .tc-bg-aura,
  #tc-fixed-bg .tc-bg-aura-clean,
  #tc-fixed-bg .tc-bg-aura-red {
    transform: scale(1.035);
    filter: blur(30px) saturate(1.45) brightness(1.08);
  }

  #tc-fixed-bg .tc-bg-color,
  #tc-fixed-bg .tc-bg-color-clean,
  #tc-fixed-bg .tc-bg-color-red {
    filter: saturate(1.08) contrast(1.02);
  }

  /*
    Усиленное размытое кольцо + ОЧЕНЬ лёгкая chroma-кайма.
    Важно: chroma сделана не отдельными слоями, а drop-shadow прямо на кольце,
    чтобы не ловить прошлое мерцание.
  */
  #tc-fixed-bg .tc-bg-ripple {
    transform: scale(1.045);
    filter:
      blur(16px)
      saturate(1.62)
      brightness(1.12)
      drop-shadow(1.2px 0 0 rgba(255, 20, 20, 0.16))
      drop-shadow(-1.2px 0 0 rgba(0, 170, 255, 0.13));
    mix-blend-mode: screen;
  }

  #tc-fixed-bg .tc-bg-ripple-1 {
    -webkit-mask-image: radial-gradient(
      circle at var(--mx) var(--my),
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0) var(--r1-in),
      rgba(0, 0, 0, var(--r1-alpha)) var(--r1-mid),
      rgba(0, 0, 0, 0) var(--r1-out)
    );

    mask-image: radial-gradient(
      circle at var(--mx) var(--my),
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0) var(--r1-in),
      rgba(0, 0, 0, var(--r1-alpha)) var(--r1-mid),
      rgba(0, 0, 0, 0) var(--r1-out)
    );
  }

  #tc-fixed-bg .tc-bg-ripple-2 {
    -webkit-mask-image: radial-gradient(
      circle at var(--mx) var(--my),
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0) var(--r2-in),
      rgba(0, 0, 0, var(--r2-alpha)) var(--r2-mid),
      rgba(0, 0, 0, 0) var(--r2-out)
    );

    mask-image: radial-gradient(
      circle at var(--mx) var(--my),
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0) var(--r2-in),
      rgba(0, 0, 0, var(--r2-alpha)) var(--r2-mid),
      rgba(0, 0, 0, 0) var(--r2-out)
    );
  }

  #tc-fixed-bg .tc-bg-ripple-clean-1,
  #tc-fixed-bg .tc-bg-ripple-red-1 {
    -webkit-mask-image: radial-gradient(
      circle at var(--mx) var(--my),
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0) var(--r1-in),
      rgba(0, 0, 0, var(--r1-alpha)) var(--r1-mid),
      rgba(0, 0, 0, 0) var(--r1-out)
    );

    mask-image: radial-gradient(
      circle at var(--mx) var(--my),
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0) var(--r1-in),
      rgba(0, 0, 0, var(--r1-alpha)) var(--r1-mid),
      rgba(0, 0, 0, 0) var(--r1-out)
    );
  }

  #tc-fixed-bg .tc-bg-ripple-clean-2,
  #tc-fixed-bg .tc-bg-ripple-red-2 {
    -webkit-mask-image: radial-gradient(
      circle at var(--mx) var(--my),
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0) var(--r2-in),
      rgba(0, 0, 0, var(--r2-alpha)) var(--r2-mid),
      rgba(0, 0, 0, 0) var(--r2-out)
    );

    mask-image: radial-gradient(
      circle at var(--mx) var(--my),
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0) var(--r2-in),
      rgba(0, 0, 0, var(--r2-alpha)) var(--r2-mid),
      rgba(0, 0, 0, 0) var(--r2-out)
    );
  }

  #tc-fixed-bg .tc-bg-aura-clean,
  #tc-fixed-bg .tc-bg-ripple-clean-1,
  #tc-fixed-bg .tc-bg-ripple-clean-2,
  #tc-fixed-bg .tc-bg-color-clean {
    z-index: 3;
  }

  #tc-fixed-bg .tc-bg-aura-red,
  #tc-fixed-bg .tc-bg-ripple-red-1,
  #tc-fixed-bg .tc-bg-ripple-red-2,
  #tc-fixed-bg .tc-bg-color-red {
    z-index: 4;
  }

  #tc-fixed-bg.is-active .tc-bg-aura {
    opacity: var(--desktop-aura-opacity);
  }

  #tc-fixed-bg.is-active .tc-bg-ripple {
    opacity: var(--desktop-ripple-opacity);
  }

  #tc-fixed-bg.is-active .tc-bg-color {
    opacity: var(--desktop-color-opacity);
  }

  #tc-fixed-bg.is-active .tc-bg-aura-clean {
    opacity: var(--desktop-aura-clean-opacity);
  }

  #tc-fixed-bg.is-active .tc-bg-ripple-clean-1,
  #tc-fixed-bg.is-active .tc-bg-ripple-clean-2 {
    opacity: var(--desktop-ripple-clean-opacity);
  }

  #tc-fixed-bg.is-active .tc-bg-color-clean {
    opacity: var(--desktop-color-clean-opacity);
  }

  #tc-fixed-bg.is-active .tc-bg-aura-red {
    opacity: var(--desktop-aura-red-opacity);
  }

  #tc-fixed-bg.is-active .tc-bg-ripple-red-1,
  #tc-fixed-bg.is-active .tc-bg-ripple-red-2 {
    opacity: var(--desktop-ripple-red-opacity);
  }

  #tc-fixed-bg.is-active .tc-bg-color-red {
    opacity: var(--desktop-color-red-opacity);
  }

  #tc-fixed-bg .tc-bg-color-clean,
  #tc-fixed-bg .tc-bg-color-red,
  #tc-fixed-bg .tc-bg-aura-clean,
  #tc-fixed-bg .tc-bg-aura-red {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
}

/* Mobile: цвет проявляется сверху вниз по мере скролла */
@media (max-width: 980px), (pointer: coarse) {
  #tc-fixed-bg {
    display: block !important;
  }

  #tc-fixed-bg .tc-bg-layer {
    background-position: center center;
  }

  #tc-fixed-bg .tc-bg-ripple,
  #tc-fixed-bg .tc-bg-ripple-clean-1,
  #tc-fixed-bg .tc-bg-ripple-clean-2,
  #tc-fixed-bg .tc-bg-ripple-red-1,
  #tc-fixed-bg .tc-bg-ripple-red-2 {
    display: none !important;
    opacity: 0 !important;
  }

  #tc-fixed-bg .tc-bg-color {
    display: block !important;
    opacity: var(--mobile-color-opacity);
    filter: saturate(1.1) contrast(1.02);

    -webkit-mask-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 1) 0px,
      rgba(0, 0, 0, 1) var(--mobile-hard),
      rgba(0, 0, 0, 0) var(--mobile-soft)
    );

    mask-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 1) 0px,
      rgba(0, 0, 0, 1) var(--mobile-hard),
      rgba(0, 0, 0, 0) var(--mobile-soft)
    );
  }

  #tc-fixed-bg .tc-bg-aura {
    display: block !important;
    opacity: var(--mobile-band-opacity);
    transform: scale(1.035);
    filter: blur(30px) saturate(1.45) brightness(1.08);
    mix-blend-mode: screen;

    -webkit-mask-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0px,
      rgba(0, 0, 0, 0) var(--mobile-band-start),
      rgba(0, 0, 0, 0.8) var(--mobile-band-mid),
      rgba(0, 0, 0, 0) var(--mobile-band-end)
    );

    mask-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0px,
      rgba(0, 0, 0, 0) var(--mobile-band-start),
      rgba(0, 0, 0, 0.8) var(--mobile-band-mid),
      rgba(0, 0, 0, 0) var(--mobile-band-end)
    );
  }

  #tc-fixed-bg .tc-bg-color-clean,
  #tc-fixed-bg .tc-bg-aura-clean,
  #tc-fixed-bg .tc-bg-ripple-clean-1,
  #tc-fixed-bg .tc-bg-ripple-clean-2,
  #tc-fixed-bg .tc-bg-color-red,
  #tc-fixed-bg .tc-bg-aura-red,
  #tc-fixed-bg .tc-bg-ripple-red-1,
  #tc-fixed-bg .tc-bg-ripple-red-2 {
    display: none !important;
    opacity: 0 !important;
  }
}

/* =========================================================
     SHOW / HIDE PRODUCT SECTIONS
     ========================================================= */
  .uc-custom-grid {
    display: none !important;
  }

  body.tc-section-shop .uc-shop-grid {
    display: block !important;
  }

  body.tc-section-shop .uc-custom-grid {
    display: none !important;
  }

  body.tc-section-custom .uc-shop-grid {
    display: none !important;
  }

  body.tc-section-custom .uc-custom-grid {
    display: block !important;
  }

  /* =========================================================
     SWITCHER BASE
     ========================================================= */
  .tc-disk-switcher {
    width: fit-content;
    max-width: calc(100vw - 24px);
    margin: 18px auto 28px;

    display: flex;
    flex-direction: column;
    align-items: center; /* теперь обе строки центрируются одинаково */
    gap: 4px;

    font-family: 'BetterVCR', monospace !important;
    position: relative;
    z-index: 30;
  }

  .tc-disk-switcher.is-typing .tc-path-row {
    pointer-events: none;
  }

  /* =========================================================
     ROWS
     ========================================================= */
  .tc-path-row {
    appearance: none;
    -webkit-appearance: none;

    border: 0;
    outline: 0;
    margin: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: auto;
    max-width: 100%;
    box-sizing: border-box;

    /* одинаковый воздух вокруг текста */
    padding: 6px 12px;

    background: #000;
    color: #808080;

    font-family: 'BetterVCR', monospace !important;
    font-size: clamp(13px, 2.05vw, 28px);
    line-height: 1;
    letter-spacing: 0.01em;
    text-align: center;
    white-space: nowrap;

    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;

    visibility: hidden;
    opacity: 0;

    transition:
      background-color .42s ease,
      color .2s steps(1, end),
      box-shadow .42s ease,
      opacity .12s ease,
      transform .08s ease;
  }

  .tc-path-row.is-visible {
    visibility: visible;
    opacity: 1;
  }

  .tc-path-row:hover {
    background: #090909;
  }

  .tc-path-row:active {
    transform: translateY(1px) scale(0.995);
  }

  .tc-path-row.is-active {
    background: #d90000;
    color: #ffffff;
    box-shadow: 0 0 10px rgba(217, 0, 0, .32);
    animation: tcActiveTextBlink 1.5s steps(1, end) infinite;
  }

  .tc-path-row.is-active:hover {
    background: #e00000;
  }

  .tc-text {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
  }

  /* ВАЖНО:
     по умолчанию курсор вообще не занимает места,
     чтобы справа не было лишнего отступа */
  .tc-caret {
    display: none;
    line-height: 1;
    vertical-align: middle;
    color: currentColor;
  }

  .tc-path-row.is-currently-typing .tc-caret {
    display: inline-block;
    margin-left: 0;
    animation: tcCaretBlink .72s steps(1, end) infinite;
  }

  @keyframes tcCaretBlink {
    0%, 49% {
      opacity: 1;
    }
    50%, 100% {
      opacity: 0;
    }
  }

  /* Активная строка: белый -> светло-серый */
  @keyframes tcActiveTextBlink {
    0%, 49% {
      color: #ffffff;
    }
    50%, 100% {
      color: #bfbfbf;
    }
  }

  @media (max-width: 640px) {
    .tc-disk-switcher {
      margin: 14px auto 22px;
      max-width: calc(100vw - 14px);
      gap: 4px;
    }

    .tc-path-row {
      padding: 5px 9px;
      font-size: clamp(11px, 4.1vw, 18px);
    }
  }

.uc-custom-grid {
      display: none !important;
    }


/* =========================
   TRIPCHILLER / USER PHOTOS ROTATOR
   ========================= */

#tc-user-photos-root {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

.tc-user-photos {
  max-width: 100%;
  overflow-x: clip;
  --tc-red: #bf1111;
  --tc-user-photos-gap: clamp(10px, 1.1vw, 16px);
  --tc-user-photos-gap-mobile: 10px;
  --tc-user-photos-title-gap: clamp(30px, 3.3vw, 48px);
  --tc-user-slide-step: calc(min(42vw, 700px) + clamp(80px, 10vw, 180px));

  position: relative;
  z-index: 2;
  width: 100%;
  margin: 42px auto 56px;
  text-align: center;
  overflow: visible;
  font-family: 'BetterVCR', monospace !important;
}


@supports not (overflow: clip) {
  #tc-user-photos-root,
  .tc-user-photos {
    overflow-x: hidden;
  }
}

.tc-user-photos__title {
  margin: 0 0 var(--tc-user-photos-title-gap);
  color: #fff;
  font-family: 'BetterVCR', Arial, monospace;
  text-transform: uppercase;
  text-align: center;
  font-size: clamp(22px, 3.1vw, 44px);
  line-height: 1;
  letter-spacing: .04em;
}

.tc-user-photos__ticker { position: relative; left: 50%; width: 100vw; transform: translateX(-50%); margin: 0; background: var(--tc-red); color: #fff; overflow: hidden; border-top: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(0,0,0,.24); }
.tc-user-photos__ticker-track { display: inline-flex; align-items: center; width: max-content; gap: 0; white-space: nowrap; padding: 8px 0; animation: tcUserPhotosTicker 24s linear infinite; }
.tc-user-photos__ticker--top { margin-bottom: 0; }
.tc-user-photos__ticker--bottom { margin-top: 0; }
.tc-user-photos__ticker--top .tc-user-photos__ticker-track { animation-direction: reverse; }
.tc-user-photos__ticker--bottom .tc-user-photos__ticker-track { animation-direction: normal; }
.tc-user-photos__ticker span { font-size: clamp(10px, 1.05vw, 14px); line-height: 1; letter-spacing: .06em; text-transform: uppercase; opacity: .98; }
.tc-user-photos__ticker-item,
.tc-user-photos__ticker-sep { font-size: clamp(10px, 1.05vw, 14px); line-height: 1; letter-spacing: .06em; text-transform: uppercase; opacity: .98; }
.tc-user-photos__ticker-sep { display: inline-flex; align-items: center; justify-content: center; opacity: .92; margin: 0 .32em; }
.tc-user-photos__ticker-link,
.tc-user-photos__ticker-link:visited,
.tc-user-photos__ticker-link:hover,
.tc-user-photos__ticker-link:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

.tc-user-photos__ticker-link {
  pointer-events: auto;
  cursor: pointer;
}
.tc-user-photos__carousel {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin: 0;
  margin-left: calc(50% - 50vw);
  padding: var(--tc-user-photos-gap) 0;
  overflow: hidden;
  overflow-x: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tc-user-photos__viewport {
  width: 100vw;
  max-width: 100vw;
  padding: var(--tc-user-photos-gap) 0;
  margin: calc(-1 * var(--tc-user-photos-gap)) 0;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  touch-action: pan-y;
}

.tc-user-photos__track {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(80px, 10vw, 180px);
  transform: translate3d(0, 0, 0);
  transition: transform 720ms cubic-bezier(.16, .84, .24, 1);
  will-change: transform;
}

.tc-user-photos__slide {
  flex: 0 0 auto;
  height: clamp(340px, 48vh, 520px);
  width: min(42vw, 700px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  overflow: visible;
  box-shadow: none !important;
  transition:
    opacity 720ms cubic-bezier(.16, .84, .24, 1),
    filter 720ms cubic-bezier(.16, .84, .24, 1);
}

.tc-user-photos__slide--active { opacity: 1; }
.tc-user-photos__slide--prev,
.tc-user-photos__slide--next { opacity: .5; }
.tc-user-photos__slide--far-prev,
.tc-user-photos__slide--far-next { opacity: .28; }

.tc-user-photos__img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  background: transparent !important;
  object-fit: contain !important;
  object-position: center center;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, .42),
    0 2px 8px rgba(0, 0, 0, .28);
}
.tc-user-photos__photo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: 100%;
  color: inherit;
  text-decoration: none;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
}
.tc-user-photos__photo-link,
.tc-user-photos__img {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
}
.tc-user-photos__slide--active .tc-user-photos__photo-link.is-linked { cursor: pointer; }
.tc-user-photos__slide--prev .tc-user-photos__photo-link,
.tc-user-photos__slide--next .tc-user-photos__photo-link { cursor: pointer; }
.tc-user-photos__photo-link.is-not-linked {
  color: inherit;
  text-decoration: none;
}
.tc-user-photos__photo-link:focus-visible {
  outline: 2px solid rgba(255,255,255,.75);
  outline-offset: 6px;
}
.tc-user-photos.is-dragging { cursor: grabbing; }
.tc-user-photos.is-dragging .tc-user-photos__photo-link { cursor: grabbing; }
.tc-user-photos.is-dragging .tc-user-photos__track {
  transition: none !important;
  transform: translate3d(var(--tc-user-drag-x, 0px), 0, 0);
}

.tc-user-photos.is-sliding-next .tc-user-photos__track { transform: translate3d(calc(-1 * var(--tc-user-slide-step)), 0, 0); }
.tc-user-photos.is-sliding-prev .tc-user-photos__track { transform: translate3d(var(--tc-user-slide-step), 0, 0); }
.tc-user-photos.is-sliding-next .tc-user-photos__slide--next,
.tc-user-photos.is-sliding-prev .tc-user-photos__slide--prev { opacity: 1; }
.tc-user-photos.is-sliding-next .tc-user-photos__slide--active,
.tc-user-photos.is-sliding-prev .tc-user-photos__slide--active { opacity: .5; }
.tc-user-photos.is-sliding-next .tc-user-photos__slide--far-next { opacity: .5; }
.tc-user-photos.is-sliding-prev .tc-user-photos__slide--far-prev { opacity: .5; }
.tc-user-photos.is-resetting .tc-user-photos__track { transition: none !important; }
.tc-user-photos.is-resetting .tc-user-photos__slide { transition: none !important; }
.tc-user-photos.is-resetting .tc-user-photos__slide--active { opacity: 1 !important; }
.tc-user-photos.is-resetting .tc-user-photos__slide--prev,
.tc-user-photos.is-resetting .tc-user-photos__slide--next { opacity: .5 !important; }
.tc-user-photos.is-resetting .tc-user-photos__slide--far-prev,
.tc-user-photos.is-resetting .tc-user-photos__slide--far-next { opacity: .28 !important; }

.tc-user-photos__nav {
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
  box-sizing: border-box !important;
  padding: 0 !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
  aspect-ratio: 1 / 1;
  border-radius: 50% !important;
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 54px;
  border: 0;
  background: #000;
  color: #fff;
  font-family: 'BetterVCR', Arial, monospace;
  font-size: 34px;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color .16s ease, color .08s linear, transform .06s ease, opacity .16s ease;
}
.tc-user-photos__nav:hover { background: #9d191c; }
.tc-user-photos__nav:active { background: #9d191c; color: #bfbfbf; transform: translateY(-50%) scale(.96); }
.tc-user-photos__nav:disabled { opacity: .4; cursor: default; }
.tc-user-photos__nav span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
  text-align: center;
  pointer-events: none;
  transform: translateY(-0.04em);
}
.tc-user-photos__nav--prev span {
  transform: translate(-0.02em, -0.04em);
}
.tc-user-photos__nav--next span {
  transform: translate(0.02em, -0.04em);
}
.tc-user-photos__nav--prev { left: calc(50% - min(42vw, 700px) / 2 - 92px); }
.tc-user-photos__nav--next { right: calc(50% - min(42vw, 700px) / 2 - 92px); }

/* USER PHOTOS / title-width composition binding */
.tc-user-photos-title-width-target {
  width: min(100%, var(--tc-user-photos-title-width, auto)) !important;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

.tc-user-photos-icons-width-target {
  width: min(100%, var(--tc-user-photos-title-width, auto)) !important;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

.tc-community-icon-align {
  transform: translateX(var(--tc-community-icon-dx, 0px)) !important;
}

.tc-user-photos.has-single .tc-user-photos__nav,
.tc-user-photos.is-empty .tc-user-photos__nav { display: none; }
.tc-user-photos.has-single .tc-user-photos__slide--far-prev,
.tc-user-photos.has-single .tc-user-photos__slide--prev,
.tc-user-photos.has-single .tc-user-photos__slide--next,
.tc-user-photos.has-single .tc-user-photos__slide--far-next,
.tc-user-photos.is-empty .tc-user-photos__slide--far-prev,
.tc-user-photos.is-empty .tc-user-photos__slide--prev,
.tc-user-photos.is-empty .tc-user-photos__slide--next,
.tc-user-photos.is-empty .tc-user-photos__slide--far-next { display: none; }
.tc-user-photos.is-empty .tc-user-photos__slide--active { opacity: 0; min-height: 240px; }

@keyframes tcUserPhotosTicker {
  from { transform: translateX(0); }
  to { transform: translateX(-33.333%); }
}

@media (max-width: 768px) {
  .tc-user-photos {
    --tc-user-photos-gap: 10px;
    --tc-user-photos-title-gap: 28px;
    margin: 20px auto 22px;
  }
  .tc-user-photos__ticker-track { gap: 30px; padding: 7px 0; animation-duration: 18s; }
  .tc-user-photos__carousel { width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden; }
  .tc-user-photos__track { gap: 28px; }
  .tc-user-photos__slide { width: min(86vw, 420px); height: auto; min-height: 0; }
  .tc-user-photos__img {
    width: 100%;
    height: auto;
    max-height: 58vh;
    object-fit: contain !important;
  }
  .tc-user-photos__slide--prev,
  .tc-user-photos__slide--next { opacity: .5; }
  .tc-user-photos__slide--far-prev,
  .tc-user-photos__slide--far-next { opacity: .28; }
  .tc-user-photos { --tc-user-slide-step: calc(min(86vw, 420px) + 28px); }
  .tc-user-photos__nav {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    border-radius: 50% !important;
    flex-basis: 44px;
    font-size: 26px;
  }
  .tc-user-photos__nav--prev { left: 14px; }
  .tc-user-photos__nav--next { right: 14px; }

}

@media (prefers-reduced-motion: reduce) {
  .tc-user-photos__track,
  .tc-user-photos__img { transition: none !important; animation: none !important; }
}


/* =========================
   TRIPCHILLER / UI ACTIONS
   ========================= */
:root {
  --tc-ui-black: #050505;
  --tc-ui-red: #9d191c;
  --tc-ui-red-hover: #a51414;
  --tc-ui-text: #ffffff;
  --tc-ui-text-pressed: rgba(255,255,255,.50);
  --tc-ui-shadow: 0 4px 9px rgba(0,0,0,.30);
  --tc-ui-shadow-hover: 0 5px 12px rgba(0,0,0,.34), 0 0 14px rgba(157,25,28,.18);
  --tc-ui-shadow-pressed: 0 2px 5px rgba(0,0,0,.34);
  --tc-ui-rect-shadow: 0 4px 0 rgba(0,0,0,.34), 0 8px 13px rgba(0,0,0,.38);
  --tc-ui-rect-shadow-hover: 0 5px 0 rgba(0,0,0,.36), 0 10px 16px rgba(0,0,0,.42), 0 0 14px rgba(157,25,28,.20);
  --tc-ui-rect-shadow-pressed: 0 2px 0 rgba(0,0,0,.36), 0 4px 8px rgba(0,0,0,.34);
  --tc-ui-transition: background-color .22s ease, color .12s linear, transform .08s ease, box-shadow .22s ease, opacity .12s linear;
}

.tc-action,
.tc-ui-btn,
.tc-legal-btn,
.t778__showmore,
button.t778__showmore,
.t-store__load-more-btn,
.js-store-load-more-btn,
#allrecords .t778__btn-wrapper a.t778__btn.t778__btn_second,
#allrecords .t778__btn-wrapper button.t778__btn.t778__btn_second,
.soc1 .tn-atom,
.soc2 .tn-atom,
.soc3 .tn-atom,
.soc4 .tn-atom {
  cursor: pointer !important;
  background: var(--tc-ui-black) !important;
  background-color: var(--tc-ui-black) !important;
  color: var(--tc-ui-text) !important;
  box-shadow: var(--tc-ui-shadow) !important;
  transform: translateY(0) scale(1) !important;
  transition: var(--tc-ui-transition) !important;
  -webkit-tap-highlight-color: transparent !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.tc-action:hover,
.tc-ui-btn:hover,
.tc-legal-btn:hover,
.t778__showmore:hover,
button.t778__showmore:hover,
.t-store__load-more-btn:hover,
.js-store-load-more-btn:hover,
#allrecords .t778__btn-wrapper a.t778__btn.t778__btn_second:hover,
#allrecords .t778__btn-wrapper button.t778__btn.t778__btn_second:hover,
.soc1:hover .tn-atom,
.soc2:hover .tn-atom,
.soc3:hover .tn-atom,
.soc4:hover .tn-atom {
  background: var(--tc-ui-red) !important;
  background-color: var(--tc-ui-red) !important;
  box-shadow: var(--tc-ui-shadow-hover) !important;
  color: var(--tc-ui-text) !important;
}

.tc-action:active,
.tc-action.tc-ui-pressed,
.tc-ui-btn:active,
.tc-ui-btn.tc-ui-pressed,
.tc-legal-btn:active,
.tc-legal-btn.tc-ui-pressed,
.tc-legal-btn.tc-pressed,
.t778__showmore:active,
.t778__showmore.tc-ui-pressed,
.t778__showmore.tc-loadmore-pressed,
button.t778__showmore:active,
button.t778__showmore.tc-ui-pressed,
button.t778__showmore.tc-loadmore-pressed,
.t-store__load-more-btn:active,
.t-store__load-more-btn.tc-ui-pressed,
.t-store__load-more-btn.tc-loadmore-pressed,
.js-store-load-more-btn:active,
.js-store-load-more-btn.tc-ui-pressed,
.js-store-load-more-btn.tc-loadmore-pressed,
#allrecords .t778__btn-wrapper a.t778__btn.t778__btn_second:active,
#allrecords .t778__btn-wrapper a.t778__btn.t778__btn_second.tc-ui-pressed,
#allrecords .t778__btn-wrapper button.t778__btn.t778__btn_second:active,
#allrecords .t778__btn-wrapper button.t778__btn.t778__btn_second.tc-ui-pressed,
.soc1 .tn-atom:active,
.soc1 .tn-atom.tc-ui-pressed,
.soc2 .tn-atom:active,
.soc2 .tn-atom.tc-ui-pressed,
.soc3 .tn-atom:active,
.soc3 .tn-atom.tc-ui-pressed,
.soc4 .tn-atom:active,
.soc4 .tn-atom.tc-ui-pressed {
  background: var(--tc-ui-red) !important;
  background-color: var(--tc-ui-red) !important;
  transform: translateY(2px) scale(.975) !important;
  box-shadow: var(--tc-ui-shadow-pressed) !important;
  color: var(--tc-ui-text-pressed) !important;
}

.tc-action.tc-ui-pressed span,
.tc-action.tc-ui-pressed div,
.tc-action.tc-ui-pressed .tn-atom,
.tc-action.tc-ui-pressed .t-btn,
.tc-ui-btn.tc-ui-pressed span,
.tc-ui-btn.tc-ui-pressed div,
.tc-ui-btn.tc-ui-pressed .tn-atom,
.tc-ui-btn.tc-ui-pressed .t-btn,
.tc-legal-btn.tc-ui-pressed span,
.tc-legal-btn.tc-ui-pressed div,
.tc-legal-btn.tc-ui-pressed .tn-atom,
.tc-legal-btn.tc-ui-pressed .t-btn,
.tc-legal-btn.tc-pressed span,
.tc-legal-btn.tc-pressed div,
.tc-legal-btn.tc-pressed .tn-atom,
.tc-legal-btn.tc-pressed .t-btn,
.t778__showmore.tc-ui-pressed span,
.t778__showmore.tc-ui-pressed div,
.t778__showmore.tc-ui-pressed .tn-atom,
.t778__showmore.tc-ui-pressed .t-btn,
.t778__showmore.tc-loadmore-pressed span,
.t778__showmore.tc-loadmore-pressed div,
.t778__showmore.tc-loadmore-pressed .tn-atom,
.t778__showmore.tc-loadmore-pressed .t-btn,
.t-store__load-more-btn.tc-ui-pressed span,
.t-store__load-more-btn.tc-ui-pressed div,
.t-store__load-more-btn.tc-ui-pressed .tn-atom,
.t-store__load-more-btn.tc-ui-pressed .t-btn,
.t-store__load-more-btn.tc-loadmore-pressed span,
.t-store__load-more-btn.tc-loadmore-pressed div,
.t-store__load-more-btn.tc-loadmore-pressed .tn-atom,
.t-store__load-more-btn.tc-loadmore-pressed .t-btn,
.js-store-load-more-btn.tc-ui-pressed span,
.js-store-load-more-btn.tc-ui-pressed div,
.js-store-load-more-btn.tc-ui-pressed .tn-atom,
.js-store-load-more-btn.tc-ui-pressed .t-btn,
.js-store-load-more-btn.tc-loadmore-pressed span,
.js-store-load-more-btn.tc-loadmore-pressed div,
.js-store-load-more-btn.tc-loadmore-pressed .tn-atom,
.js-store-load-more-btn.tc-loadmore-pressed .t-btn,
#allrecords .t778__btn-wrapper .t778__btn.tc-ui-pressed span,
#allrecords .t778__btn-wrapper .t778__btn.tc-ui-pressed div,
#allrecords .t778__btn-wrapper .t778__btn.tc-ui-pressed .tn-atom,
#allrecords .t778__btn-wrapper .t778__btn.tc-ui-pressed .t-btn,
.soc1 .tn-atom.tc-ui-pressed span,
.soc1 .tn-atom.tc-ui-pressed div,
.soc1 .tn-atom.tc-ui-pressed .tn-atom,
.soc1 .tn-atom.tc-ui-pressed .t-btn,
.soc2 .tn-atom.tc-ui-pressed span,
.soc2 .tn-atom.tc-ui-pressed div,
.soc2 .tn-atom.tc-ui-pressed .tn-atom,
.soc2 .tn-atom.tc-ui-pressed .t-btn,
.soc3 .tn-atom.tc-ui-pressed span,
.soc3 .tn-atom.tc-ui-pressed div,
.soc3 .tn-atom.tc-ui-pressed .tn-atom,
.soc3 .tn-atom.tc-ui-pressed .t-btn,
.soc4 .tn-atom.tc-ui-pressed span,
.soc4 .tn-atom.tc-ui-pressed div,
.soc4 .tn-atom.tc-ui-pressed .tn-atom,
.soc4 .tn-atom.tc-ui-pressed .t-btn {
  color: var(--tc-ui-text-pressed) !important;
}

.soc1 .tn-atom,
.soc2 .tn-atom,
.soc3 .tn-atom,
.soc4 .tn-atom {
  border-radius: 9999px !important;
  isolation: isolate;
}

.soc1 .tn-atom img, .soc1 .tn-atom svg,
.soc2 .tn-atom img, .soc2 .tn-atom svg,
.soc3 .tn-atom img, .soc3 .tn-atom svg,
.soc4 .tn-atom img, .soc4 .tn-atom svg {
  pointer-events: none;
  transition: opacity .12s linear, filter .12s linear;
}

#allrecords .t778__btn-wrapper a.t778__btn.t778__btn_second,
#allrecords .t778__btn-wrapper button.t778__btn.t778__btn_second {
  background: #fff !important;
  background-color: #fff !important;
  color: #000 !important;
  border: 2px solid #000 !important;
  text-shadow: none !important;
  box-shadow: 0 3px 8px rgba(0,0,0,.18) !important;
}

#allrecords .t778__btn-wrapper a.t778__btn.t778__btn_second:hover,
#allrecords .t778__btn-wrapper button.t778__btn.t778__btn_second:hover {
  background: var(--tc-ui-red) !important;
  background-color: var(--tc-ui-red) !important;
  border-color: var(--tc-ui-red) !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.22), 0 0 10px rgba(157,25,28,.16) !important;
}

#allrecords .t778__btn-wrapper a.t778__btn.t778__btn_second:active,
#allrecords .t778__btn-wrapper a.t778__btn.t778__btn_second.tc-ui-pressed,
#allrecords .t778__btn-wrapper button.t778__btn.t778__btn_second:active,
#allrecords .t778__btn-wrapper button.t778__btn.t778__btn_second.tc-ui-pressed {
  background: var(--tc-ui-red) !important;
  background-color: var(--tc-ui-red) !important;
  border-color: var(--tc-ui-red) !important;
  color: var(--tc-ui-text-pressed) !important;
  transform: translateY(2px) scale(.975) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.22) !important;
}

#allrecords .t778__btn-wrapper a.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button,
#allrecords .t778__btn-wrapper button.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button {
  box-shadow: 0 3px 8px rgba(0,0,0,.18) !important;
}

#allrecords .t778__btn-wrapper a.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button:hover,
#allrecords .t778__btn-wrapper button.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,.22), 0 0 10px rgba(157,25,28,.16) !important;
}

#allrecords .t778__btn-wrapper a.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button:active,
#allrecords .t778__btn-wrapper a.t778__btn:not(.t778__btn_second).tc-info-card-pressed,
#allrecords .t778__btn-wrapper button.t778__btn:not(.t778__btn_second).t-btnflex.t-btnflex_type_button:active,
#allrecords .t778__btn-wrapper button.t778__btn:not(.t778__btn_second).tc-info-card-pressed {
  box-shadow: 0 1px 4px rgba(0,0,0,.22) !important;
}

.t778__showmore,
button.t778__showmore,
.t-store__load-more-btn,
.js-store-load-more-btn {
  box-shadow: var(--tc-ui-shadow) !important;
}

.t778__showmore:hover,
button.t778__showmore:hover,
.t-store__load-more-btn:hover,
.js-store-load-more-btn:hover {
  box-shadow: var(--tc-ui-shadow-hover) !important;
}

.t778__showmore:active,
.t778__showmore.tc-loadmore-pressed,
button.t778__showmore:active,
button.t778__showmore.tc-loadmore-pressed,
.t-store__load-more-btn:active,
.t-store__load-more-btn.tc-loadmore-pressed,
.js-store-load-more-btn:active,
.js-store-load-more-btn.tc-loadmore-pressed {
  box-shadow: var(--tc-ui-shadow-pressed) !important;
}

.soc1 .tn-atom.tc-ui-pressed img,
.soc1 .tn-atom.tc-ui-pressed svg,
.soc2 .tn-atom.tc-ui-pressed img,
.soc2 .tn-atom.tc-ui-pressed svg,
.soc3 .tn-atom.tc-ui-pressed img,
.soc3 .tn-atom.tc-ui-pressed svg,
.soc4 .tn-atom.tc-ui-pressed img,
.soc4 .tn-atom.tc-ui-pressed svg {
  opacity: .55;
  filter: grayscale(1) brightness(.82);
}

.tc-legal-btn {
  box-shadow: var(--tc-ui-shadow) !important;
}

.tc-legal-btn:hover {
  box-shadow: var(--tc-ui-shadow-hover) !important;
}

.tc-legal-btn:active,
.tc-legal-btn.tc-ui-pressed,
.tc-legal-btn.tc-pressed {
  box-shadow: var(--tc-ui-shadow-pressed) !important;
}

/* Rectangular action buttons: stronger local shadow overrides. */
.t778__showmore,
button.t778__showmore,
.t-store__load-more-btn,
.js-store-load-more-btn {
  box-shadow: var(--tc-ui-rect-shadow) !important;
}

.t778__showmore:hover,
button.t778__showmore:hover,
.t-store__load-more-btn:hover,
.js-store-load-more-btn:hover {
  box-shadow: var(--tc-ui-rect-shadow-hover) !important;
}

.t778__showmore:active,
.t778__showmore.tc-loadmore-pressed,
button.t778__showmore:active,
button.t778__showmore.tc-loadmore-pressed,
.t-store__load-more-btn:active,
.t-store__load-more-btn.tc-loadmore-pressed,
.js-store-load-more-btn:active,
.js-store-load-more-btn.tc-loadmore-pressed {
  box-shadow: var(--tc-ui-rect-shadow-pressed) !important;
}

.tc-legal-btn,
.tc-legal-btn .tn-atom,
.tc-legal-btn .t-btn {
  box-shadow: var(--tc-ui-rect-shadow) !important;
}

.tc-legal-btn:hover,
.tc-legal-btn:hover .tn-atom,
.tc-legal-btn:hover .t-btn {
  box-shadow: var(--tc-ui-rect-shadow-hover) !important;
}

.tc-legal-btn:active,
.tc-legal-btn.tc-ui-pressed,
.tc-legal-btn.tc-pressed,
.tc-legal-btn:active .tn-atom,
.tc-legal-btn.tc-ui-pressed .tn-atom,
.tc-legal-btn.tc-pressed .tn-atom,
.tc-legal-btn:active .t-btn,
.tc-legal-btn.tc-ui-pressed .t-btn,
.tc-legal-btn.tc-pressed .t-btn {
  box-shadow: var(--tc-ui-rect-shadow-pressed) !important;
}

.tc-product-magnifier {
  position: fixed;
  z-index: 9999999;
  width: 230px;
  height: 230px;
  pointer-events: none;
  display: none;
  border: 0;
  box-shadow:
    0 18px 42px rgba(0,0,0,.42),
    inset 0 0 0 1px rgba(0,0,0,.28);
  background-repeat: no-repeat;
  background-color: #fff;
  transform: translateZ(0);
}

.tc-product-magnifier.is-visible {
  display: block;
}

@media (min-width: 981px) and (pointer: fine) {
  .t-store__prod-popup.t-popup_show .t-slds__imgwrapper,
  .t-store__prod-popup.t-popup_show .t-slds__bgimg-wrapper,
  .t-store__prod-popup.t-popup_show .t-slds__bgimg,
  .t-store__prod-popup.t-popup_show .t-bgimg,
  .t-store__prod-popup.t-popup_show .js-product-img,
  .t-popup_show .t-store__prod-popup .t-slds__imgwrapper,
  .t-popup_show .t-store__prod-popup .t-slds__bgimg-wrapper,
  .t-popup_show .t-store__prod-popup .t-slds__bgimg,
  .t-popup_show .t-store__prod-popup .t-bgimg,
  .t-popup_show .t-store__prod-popup .js-product-img {
    box-shadow: 0 14px 28px rgba(0,0,0,.28), 0 3px 8px rgba(0,0,0,.22) !important;
    filter: drop-shadow(0 10px 14px rgba(0,0,0,.18));
  }

  .t-store__prod-popup.t-popup_show .t-slds__thumbsbullet,
  .t-store__prod-popup.t-popup_show .t-slds__thumbsbullet img,
  .t-store__prod-popup.t-popup_show .t-slds__thumbsbullet-wrapper,
  .t-store__prod-popup.t-popup_show .t-slds__thumbsbullet-wrapper img,
  .t-popup_show .t-store__prod-popup .t-slds__thumbsbullet,
  .t-popup_show .t-store__prod-popup .t-slds__thumbsbullet img,
  .t-popup_show .t-store__prod-popup .t-slds__thumbsbullet-wrapper,
  .t-popup_show .t-store__prod-popup .t-slds__thumbsbullet-wrapper img {
    box-shadow: 0 7px 14px rgba(0,0,0,.24), 0 2px 4px rgba(0,0,0,.18) !important;
  }

  .t-store__prod-popup.t-popup_show .t-slds__thumbs,
  .t-store__prod-popup.t-popup_show .t-slds__thumbsbullet-wrapper,
  .t-store__prod-popup.t-popup_show .t-slds__thumbs-wrapper,
  .t-popup_show .t-store__prod-popup .t-slds__thumbs,
  .t-popup_show .t-store__prod-popup .t-slds__thumbsbullet-wrapper,
  .t-popup_show .t-store__prod-popup .t-slds__thumbs-wrapper {
    margin-top: 18px !important;
    padding-top: 0 !important;
  }

  html.tc-product-magnifier-active,
  html.tc-product-magnifier-active body,
  html.tc-product-magnifier-active .t-store__prod-popup,
  html.tc-product-magnifier-active .t-store__prod-popup *,
  html.tc-product-magnifier-active .tc-product-magnifier {
    cursor: none !important;
  }

  html.tc-product-magnifier-active .t-slds__thumbs,
  html.tc-product-magnifier-active .t-slds__thumbs *,
  html.tc-product-magnifier-active .t-popup__close,
  html.tc-product-magnifier-active .t-popup__close *,
  html.tc-product-magnifier-active .t-slds__arrow_wrapper,
  html.tc-product-magnifier-active .t-slds__arrow_wrapper * {
    cursor: pointer !important;
  }
}
@media (max-width: 980px), (pointer: coarse) {
  .tc-product-magnifier {
    display: none !important;
  }
}

/* =========================
   TRIPCHILLER / CONTACTS UI
   ========================= */
html.tc-page-contacts .soc1 .tn-atom,
html.tc-page-contacts .soc2 .tn-atom,
html.tc-page-contacts .soc3 .tn-atom,
html.tc-page-contacts .soc4 .tn-atom {
  transition: var(--tc-ui-transition) !important;
  box-shadow: var(--tc-ui-shadow) !important;
  background: var(--tc-ui-black) !important;
  background-color: var(--tc-ui-black) !important;
  border-radius: 9999px !important;
}

html.tc-page-contacts .soc1:hover .tn-atom,
html.tc-page-contacts .soc2:hover .tn-atom,
html.tc-page-contacts .soc3:hover .tn-atom,
html.tc-page-contacts .soc4:hover .tn-atom {
  background: var(--tc-ui-red) !important;
  background-color: var(--tc-ui-red) !important;
  box-shadow: var(--tc-ui-shadow-hover) !important;
}

html.tc-page-contacts .soc1 .tn-atom.tc-ui-pressed,
html.tc-page-contacts .soc2 .tn-atom.tc-ui-pressed,
html.tc-page-contacts .soc3 .tn-atom.tc-ui-pressed,
html.tc-page-contacts .soc4 .tn-atom.tc-ui-pressed {
  transform: translateY(2px) scale(.975) !important;
  box-shadow: var(--tc-ui-shadow-pressed) !important;
}

html.tc-page-contacts .soc1 .tn-atom.tc-ui-pressed img,
html.tc-page-contacts .soc2 .tn-atom.tc-ui-pressed img,
html.tc-page-contacts .soc3 .tn-atom.tc-ui-pressed img,
html.tc-page-contacts .soc4 .tn-atom.tc-ui-pressed img,
html.tc-page-contacts .soc1 .tn-atom.tc-ui-pressed svg,
html.tc-page-contacts .soc2 .tn-atom.tc-ui-pressed svg,
html.tc-page-contacts .soc3 .tn-atom.tc-ui-pressed svg,
html.tc-page-contacts .soc4 .tn-atom.tc-ui-pressed svg {
  opacity: .55 !important;
  filter: grayscale(1) brightness(.82) !important;
}

html.tc-page-contacts .tc-contact-link {
  cursor: pointer !important;
}

html.tc-page-contacts .tc-contact-link .tn-elem[data-elem-type="shape"] .tn-atom,
html.tc-page-contacts .tc-contact-link-bg .tn-atom,
html.tc-page-contacts .tn-elem.tc-contact-link-bg .tn-atom,
html.tc-page-contacts .tc-contact-link-bg.tn-elem .tn-atom {
  background: #fff !important;
  background-color: #fff !important;
  border-radius: 9999px !important;
  box-shadow: var(--tc-ui-rect-shadow) !important;
  transition: background-color .22s ease, box-shadow .22s ease !important;
}

html.tc-page-contacts .tc-contact-link:hover .tn-elem[data-elem-type="shape"] .tn-atom,
html.tc-page-contacts .tc-contact-link:hover .tc-contact-link-bg .tn-atom,
html.tc-page-contacts .tc-contact-link:hover .tn-elem.tc-contact-link-bg .tn-atom,
html.tc-page-contacts .tc-contact-link:hover .tc-contact-link-bg.tn-elem .tn-atom {
  background: var(--tc-ui-red) !important;
  background-color: var(--tc-ui-red) !important;
  box-shadow: var(--tc-ui-rect-shadow-hover) !important;
}

html.tc-page-contacts .tc-contact-link.tc-ui-pressed .tn-elem[data-elem-type="shape"] .tn-atom,
html.tc-page-contacts .tc-contact-link.tc-ui-pressed .tc-contact-link-bg .tn-atom,
html.tc-page-contacts .tc-contact-link.tc-ui-pressed .tn-elem.tc-contact-link-bg .tn-atom,
html.tc-page-contacts .tc-contact-link.tc-ui-pressed .tc-contact-link-bg.tn-elem .tn-atom,
html.tc-page-contacts .tc-contact-link:active .tn-elem[data-elem-type="shape"] .tn-atom,
html.tc-page-contacts .tc-contact-link:active .tc-contact-link-bg .tn-atom,
html.tc-page-contacts .tc-contact-link:active .tn-elem.tc-contact-link-bg .tn-atom,
html.tc-page-contacts .tc-contact-link:active .tc-contact-link-bg.tn-elem .tn-atom {
  background: var(--tc-ui-red) !important;
  background-color: var(--tc-ui-red) !important;
  box-shadow: var(--tc-ui-rect-shadow-pressed) !important;
}

html.tc-page-contacts .tc-contact-link .tn-elem[data-elem-type="text"] .tn-atom,
html.tc-page-contacts .tc-contact-link-text .tn-atom,
html.tc-page-contacts .tn-elem.tc-contact-link-text .tn-atom,
html.tc-page-contacts .tc-contact-link-text.tn-elem .tn-atom {
  color: #000 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: color .22s ease, opacity .12s linear !important;
}

html.tc-page-contacts .tc-contact-link:hover .tn-elem[data-elem-type="text"] .tn-atom,
html.tc-page-contacts .tc-contact-link:hover .tc-contact-link-text .tn-atom,
html.tc-page-contacts .tc-contact-link:hover .tn-elem.tc-contact-link-text .tn-atom,
html.tc-page-contacts .tc-contact-link:hover .tc-contact-link-text.tn-elem .tn-atom {
  color: #fff !important;
}

html.tc-page-contacts .tc-contact-link.tc-ui-pressed .tn-elem[data-elem-type="text"] .tn-atom,
html.tc-page-contacts .tc-contact-link.tc-ui-pressed .tc-contact-link-text .tn-atom,
html.tc-page-contacts .tc-contact-link.tc-ui-pressed .tn-elem.tc-contact-link-text .tn-atom,
html.tc-page-contacts .tc-contact-link.tc-ui-pressed .tc-contact-link-text.tn-elem .tn-atom,
html.tc-page-contacts .tc-contact-link:active .tn-elem[data-elem-type="text"] .tn-atom,
html.tc-page-contacts .tc-contact-link:active .tc-contact-link-text .tn-atom,
html.tc-page-contacts .tc-contact-link:active .tn-elem.tc-contact-link-text .tn-atom,
html.tc-page-contacts .tc-contact-link:active .tc-contact-link-text.tn-elem .tn-atom {
  color: var(--tc-ui-text-pressed) !important;
}

html.tc-page-contacts .tc-contact-link .tn-elem[data-elem-type="image"] .tn-atom,
html.tc-page-contacts .tc-contact-link .tn-elem[data-elem-type="image"] .tn-atom img,
html.tc-page-contacts .tc-contact-link .tn-elem[data-elem-type="image"] .tn-atom svg,
html.tc-page-contacts .tc-contact-link-icon .tn-atom,
html.tc-page-contacts .tc-contact-link-icon .tn-atom img,
html.tc-page-contacts .tc-contact-link-icon .tn-atom svg,
html.tc-page-contacts .tn-elem.tc-contact-link-icon .tn-atom,
html.tc-page-contacts .tn-elem.tc-contact-link-icon .tn-atom img,
html.tc-page-contacts .tn-elem.tc-contact-link-icon .tn-atom svg,
html.tc-page-contacts .tc-contact-link-icon.tn-elem .tn-atom,
html.tc-page-contacts .tc-contact-link-icon.tn-elem .tn-atom img,
html.tc-page-contacts .tc-contact-link-icon.tn-elem .tn-atom svg {
  background: transparent !important;
  box-shadow: none !important;
  transition: filter .22s ease, opacity .12s linear !important;
}

html.tc-page-contacts .tc-contact-link:hover .tn-elem[data-elem-type="image"] img,
html.tc-page-contacts .tc-contact-link:hover .tn-elem[data-elem-type="image"] svg,
html.tc-page-contacts .tc-contact-link:hover .tc-contact-link-icon img,
html.tc-page-contacts .tc-contact-link:hover .tc-contact-link-icon svg {
  filter: invert(1) brightness(10) !important;
}

html.tc-page-contacts .tc-contact-link.tc-ui-pressed .tn-elem[data-elem-type="image"] img,
html.tc-page-contacts .tc-contact-link.tc-ui-pressed .tn-elem[data-elem-type="image"] svg,
html.tc-page-contacts .tc-contact-link.tc-ui-pressed .tc-contact-link-icon img,
html.tc-page-contacts .tc-contact-link.tc-ui-pressed .tc-contact-link-icon svg,
html.tc-page-contacts .tc-contact-link:active .tn-elem[data-elem-type="image"] img,
html.tc-page-contacts .tc-contact-link:active .tn-elem[data-elem-type="image"] svg,
html.tc-page-contacts .tc-contact-link:active .tc-contact-link-icon img,
html.tc-page-contacts .tc-contact-link:active .tc-contact-link-icon svg {
  opacity: .55 !important;
  filter: invert(1) brightness(10) grayscale(1) !important;
}

html.tc-page-contacts .tw-type-1a,
html.tc-page-contacts .tw-type-1a .tn-atom {
  white-space: normal !important;
  text-align: center !important;
}

html.tc-page-contacts .tw-type-1a br {
  display: block;
}