@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Rye&display=swap");
:root {
  --color-primary: #c10000;
  --bg-image: url("https://r2.fivemanage.com/E8IIxhF98B9ORGy7yQoq6/webstore_background.png");
}

body {
  font-family: Lato, sans-serif;
}
body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-height: 400px;
  z-index: -1;
  background: var(--bg-image) center center/cover no-repeat;
  mask-image: linear-gradient(rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0.25));
  pointer-events: none;
}

.btn-primary,
.btn-secondary,
.btn-tertiary {
  border-radius: 2px;
}

.btn-primary:hover, .btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus {
  box-shadow: 0 0 6px rgb(from var(--btn-color-bg-hover) r g b/0.6);
}

.quantity-field {
  border-radius: 5px;
}

.site-header-inner .info .image {
  border-radius: 5px;
}

.site-sale-banner {
  border-radius: 5px;
}

.site-home-categories .category {
  border-radius: 5px;
  padding: 20px var(--widget-padding);
  background: var(--color-brighter-bg);
  transition: color 0.15s ease-in-out;
}
.site-home-categories .category:hover {
  color: var(--color-primary);
}

.category-description {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}

.store-text {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}
.store-text h1,
.store-text h2,
.store-text h3,
.store-text h4,
.store-text h5,
.store-text h6 {
  text-align: center;
}

.store-form .field {
  display: flex;
  justify-content: center;
}

.store-products-list .store-product,
.store-products-images .store-product {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}

.store-products-images .store-product {
  text-align: center;
}

.widget-title {
  text-align: center;
}

.widget .store-product {
  text-align: center;
}

.no-products {
  color: var(--color-text-secondary);
  background: var(--color-brighter-bg);
  border-radius: 5px;
}

.store-product-full {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}

.store-product .quantity-field {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}
.store-product .quantity-field input[type=number] {
  border: none;
}

@media (width > 960px) {
  .navigation-horizontal > ul {
    border-radius: 5px;
  }
}
.navigation-horizontal .has-children > ul {
  border-radius: 5px;
}

.widget {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}
@media (width <= 960px) {
  .widget.site-navigation {
    border-radius: 0;
    background: transparent;
  }
}

.widget-gift-card .gift-card-input {
  border-radius: 2px;
}

.widget-top-donator .avatar {
  border-radius: 50%;
}

.widget-community-goal .progress,
.widget-goal .progress {
  border-radius: 2px;
}
.widget-community-goal .progress-bar,
.widget-goal .progress-bar {
  border-radius: 2px;
}

.popup-content {
  border-radius: 5px;
}

.popup-close {
  border-radius: 0 5px 0 5px;
}

.basket-popup-content,
.basket-popup-content .popup-close {
  border-radius: 0;
}

.basket-items {
  padding: var(--widget-padding) calc(var(--content-padding) - var(--widget-padding));
}

.basket-item {
  border-radius: 5px;
}
.basket-item .quantity {
  border-radius: 2px;
}

.toast {
  border-radius: 6px;
}

.toast-close {
  border-radius: 2px;
}

.store-category-tiered {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}

.store-category-tiered-header h1,
.store-category-tiered-header h2,
.store-category-tiered-header h3,
.store-category-tiered-header h4,
.store-category-tiered-header h5,
.store-category-tiered-header h6 {
  text-align: center;
}

.store-product-tiered {
  border-radius: 5px;
  background: rgb(from var(--color-bg) r g b/0.5);
}

.media-slider .slider,
.media-slider .thumb {
  border-radius: 5px;
}
.media-slider .open-lightbox {
  border-radius: 2px;
}

.popup.popup-media-slider .thumb {
  border-radius: 5px;
}
.popup.popup-media-slider .popup-close {
  border-radius: 5px;
}

/* Modern cinematic redesign */
:root {
  --color-primary: #ff3d1f;
  --color-primary-hover: #ffb347;
  --color-primary-text: #120806;
  --color-primary-text-hover: #120806;
  --color-secondary: rgba(255, 255, 255, 0.88);
  --color-secondary-hover: #ffffff;
  --color-tertiary-hover: rgba(255, 255, 255, 0.12);
  --color-bg: #050302;
  --color-brighter-bg: rgba(16, 13, 12, 0.72);
  --xmmx-bg-image: url("https://r2.fivemanage.com/E8IIxhF98B9ORGy7yQoq6/webstore_background.png");
  --surface-bg: rgba(14, 12, 12, 0.66);
  --surface-bg-hover: rgba(28, 23, 22, 0.78);
  --surface-border: rgba(255, 255, 255, 0.11);
  --surface-border-hot: rgba(255, 119, 48, 0.36);
  --surface-shadow: 0 24px 80px rgba(0, 0, 0, 0.44);
  --surface-glow: 0 0 34px rgba(255, 70, 24, 0.18);
  --font-body: Lato, sans-serif;
  --font-western: Rye, Georgia, serif;
  --radius-soft: 14px;
  --radius-pill: 999px;
}

html {
  scrollbar-color: rgba(255, 102, 45, 0.9) rgba(0, 0, 0, 0.45);
}

body {
  overflow-x: hidden;
  color: rgba(255, 255, 255, 0.94);
  background: #050302;
  font-family: var(--font-body);
  letter-spacing: 0;
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body::before {
  inset: -4vmax;
  z-index: 0;
  height: auto;
  max-height: none;
  width: auto;
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 76, 24, 0.32), transparent 28vw),
    var(--xmmx-bg-image) center center / cover no-repeat;
  filter: saturate(1.08) contrast(1.08);
  transform: scale(1.02);
  transform-origin: center;
  will-change: transform, filter, background-position;
  mask-image: none;
}

body::after {
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.32) 38%, rgba(0, 0, 0, 0.78) 78%, rgba(0, 0, 0, 0.94) 100%),
    radial-gradient(circle at 70% 14%, rgba(255, 112, 38, 0.16), transparent 24vw),
    radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.48), transparent 40vw);
}

.site {
  position: relative;
  z-index: 3;
}

.corner-page-logo {
  --corner-logo-translate: translateX(0);
  display: block;
  position: fixed;
  top: calc(var(--widget-padding) + var(--btn-size) + 10px);
  left: max(var(--content-padding), calc((100vw - var(--content-inner-width)) / 2));
  z-index: 1002;
  width: 200px;
  height: 200px;
  background: url("https://r2.fivemanage.com/E8IIxhF98B9ORGy7yQoq6/512x512_nola.png") center / contain no-repeat;
  object-fit: contain;
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.56)) drop-shadow(0 0 18px rgba(255, 61, 31, 0.22));
  opacity: 0.96;
  pointer-events: none;
  animation: cornerLogoPulse 4.6s ease-in-out infinite alternate;
}

@keyframes cornerLogoPulse {
  from {
    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.56)) drop-shadow(0 0 14px rgba(255, 61, 31, 0.18));
    transform: var(--corner-logo-translate) scale(1);
  }

  to {
    filter: drop-shadow(0 20px 32px rgba(0, 0, 0, 0.62)) drop-shadow(0 0 26px rgba(255, 110, 44, 0.38));
    transform: var(--corner-logo-translate) scale(1.035);
  }
}

@media (width <= 960px) {
  .corner-page-logo {
    --corner-logo-translate: translateX(-50%);
    display: block;
    top: 2px;
    left: 50%;
    z-index: 997;
    width: 95px;
    height: 95px;
    opacity: 0.82;
  }
}

.popup {
  z-index: 1000;
}

.toaster {
  z-index: 10000;
}

.ember-field {
  position: fixed;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.72;
  mix-blend-mode: screen;
}

.ember-field::before,
.ember-field::after {
  content: "";
  position: absolute;
  inset: -48vh -14vw auto -14vw;
  height: 140vh;
  background-image:
    radial-gradient(circle, rgba(255, 219, 124, 0.95) 0 1px, transparent 2.6px),
    radial-gradient(circle, rgba(255, 118, 38, 0.75) 0 1.5px, transparent 3px),
    radial-gradient(circle, rgba(255, 68, 19, 0.62) 0 2px, transparent 4px),
    radial-gradient(circle, rgba(255, 177, 72, 0.72) 0 1px, transparent 2px);
  background-size: 170px 230px, 250px 310px, 360px 420px, 460px 520px;
  background-position: 0 0, 70px 80px, 140px 190px, 220px 260px;
  filter: drop-shadow(0 0 6px rgba(255, 99, 32, 0.7));
  animation: emberFall 22s linear infinite;
}

.ember-field::after {
  opacity: 0.56;
  filter: blur(0.6px) drop-shadow(0 0 10px rgba(255, 81, 24, 0.8));
  background-size: 220px 300px, 330px 390px, 500px 610px, 620px 700px;
  animation-duration: 34s;
  animation-delay: -11s;
}

@keyframes emberFall {
  0% {
    transform: translate3d(-2vw, -20vh, 0) rotate(0deg);
    background-position: 0 -720px, 70px -840px, 140px -980px, 220px -1120px;
  }
  100% {
    transform: translate3d(3vw, 48vh, 0) rotate(2deg);
    background-position: 52px 0, 18px 80px, 250px 190px, 160px 260px;
  }
}

@keyframes surfaceIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.site {
  gap: calc(var(--widget-padding) * 1.35);
}

@media (width > 960px) {
  .site {
    gap: calc(var(--widget-padding) * 1.75);
  }
}

.site-header {
  z-index: 4;
}

.site-header-inner .site-title {
  font-family: var(--font-western);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-shadow: 0 8px 28px rgba(0, 0, 0, 0.7), 0 0 32px rgba(255, 70, 24, 0.22);
}

.site-header-inner .info .title,
.site-header-inner .info .action,
.navigation-horizontal a,
.navigation-vertical a,
.site-home-categories .category,
.widget-title,
.store-product .product-title,
.store-product-tiered .product-title,
.store-product-full .product-title,
.store-category-tiered-header h1,
.store-category-tiered-header h2,
.store-category-tiered-header h3,
.store-category-tiered-header h4,
.store-category-tiered-header h5,
.store-category-tiered-header h6,
.store-text h1,
.store-text h2,
.store-text h3,
.store-text h4,
.store-text h5,
.store-text h6,
.btn-primary,
.btn-secondary,
.btn-tertiary,
.site-sale-banner {
  font-family: var(--font-western);
  letter-spacing: 0.035em;
}

.site-header-inner .site-title img {
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.58)) drop-shadow(0 0 18px rgba(255, 80, 24, 0.24));
}

.site-header-inner .info {
  padding-block: 12px;
  border: 1px solid var(--surface-border);
  border-radius: var(--radius-soft);
  background: rgba(10, 9, 9, 0.46);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(14px);
}

@media (width > 960px) {
  .site-header-inner .info.server {
    padding-left: 78px;
    padding-right: 18px;
  }

  .site-header-inner .info.discord {
    padding-left: 18px;
    padding-right: 96px;
  }
}

@media (width <= 960px) {
  .site-header-inner .info.server {
    padding-left: 50px;
    padding-right: 12px;
  }

  .site-header-inner .info.discord {
    padding-left: 12px;
    padding-right: 50px;
  }
}

.site-header-inner .info .action,
.site-header-inner .info:hover .action {
  color: #ffb347;
}

.site-header-inner .info .value {
  border-color: rgba(255, 255, 255, 0.18);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.08);
}

.btn-primary,
.btn-secondary,
.btn-tertiary {
  border-radius: var(--radius-pill);
  font-weight: 400;
  letter-spacing: 0.02em;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.btn-primary {
  background:
    linear-gradient(135deg, rgba(255, 184, 76, 0.96), rgba(255, 65, 24, 0.98) 56%, rgba(197, 11, 11, 0.98));
  box-shadow: 0 12px 30px rgba(255, 62, 24, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.btn-secondary {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.10);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.btn-tertiary {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.22);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-tertiary:hover,
.btn-tertiary:focus {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(255, 72, 24, 0.32), 0 0 24px rgba(255, 128, 48, 0.16);
}

.navigation-horizontal > ul,
.navigation-horizontal .has-children > ul,
.widget,
.site-home-categories .category,
.category-description,
.store-text,
.store-products-list .store-product,
.store-products-images .store-product,
.store-product-full,
.no-products,
.store-category-tiered,
.store-product-tiered,
.popup-content,
.basket .basket-item,
.toast {
  border: 1px solid var(--surface-border);
  border-radius: var(--radius-soft);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    var(--surface-bg);
  box-shadow: var(--surface-shadow);
  backdrop-filter: blur(18px) saturate(1.15);
}

.site-home-categories .category,
.store-products-list .store-product,
.store-products-images .store-product,
.store-product-tiered,
.widget,
.store-text,
.category-description {
  animation: surfaceIn 420ms ease both;
}

.site-home-categories .category:hover,
.store-products-list .store-product:hover,
.store-products-images .store-product:hover,
.store-product-tiered:hover,
.widget:hover {
  border-color: var(--surface-border-hot);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.035)),
    var(--surface-bg-hover);
  box-shadow: var(--surface-shadow), var(--surface-glow);
  transform: translateY(-3px);
}

.site-home-categories .category,
.store-products-list .store-product,
.store-products-images .store-product,
.store-product-tiered,
.widget {
  transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease, color 0.22s ease;
}

.navigation-horizontal > ul {
  overflow: visible;
  padding: 6px;
}

.navigation-horizontal a {
  border-radius: var(--radius-pill);
}

.navigation-horizontal a:hover,
.navigation-horizontal a.link-active,
.navigation-vertical a:hover,
.navigation-vertical a.link-active {
  color: #ffffff;
  background: rgba(255, 93, 32, 0.18);
  text-shadow: 0 0 18px rgba(255, 117, 44, 0.38);
}

.navigation-vertical a:hover,
.navigation-vertical a.link-active {
  color: #ffffff;
  background: transparent;
  text-shadow: 0 0 22px rgba(255, 78, 24, 0.28);
}

.navigation-horizontal .has-children > ul {
  margin-top: 10px;
  overflow: hidden;
}

.site-sale-banner {
  border: 1px solid rgba(255, 183, 78, 0.34);
  border-radius: var(--radius-soft);
  background:
    linear-gradient(90deg, rgba(255, 196, 82, 0.96), rgba(255, 73, 24, 0.96), rgba(169, 8, 8, 0.96));
  box-shadow: 0 16px 40px rgba(255, 77, 24, 0.28);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.widget-title,
.store-product .product-title,
.store-product-tiered .product-title {
  color: #ffffff;
  text-shadow: 0 0 22px rgba(255, 78, 24, 0.18);
}

.store-product .image,
.store-product-tiered .image,
.site-home-categories .category .image {
  transition: transform 0.24s ease, filter 0.24s ease;
}

.store-product:hover .image,
.store-product-tiered:hover .image,
.site-home-categories .category:hover .image {
  transform: translateY(-4px) scale(1.03);
  filter: drop-shadow(0 16px 24px rgba(0, 0, 0, 0.45)) drop-shadow(0 0 14px rgba(255, 77, 24, 0.22));
}

.store-product .price,
.store-product-tiered .price,
.basket .basket-checkout .total,
.basket .basket-item .price {
  color: #ffb347;
}

.quantity-field,
.widget-gift-card .gift-card-input {
  border-color: rgba(255, 255, 255, 0.14);
  border-radius: var(--radius-pill);
  background: rgba(0, 0, 0, 0.32);
}

.store-product-full .actions {
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.035);
}

.widget-community-goal .progress,
.widget-goal .progress {
  height: 14px;
  border-radius: var(--radius-pill);
  background: rgba(0, 0, 0, 0.38);
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.55);
}

.widget-community-goal .progress-bar,
.widget-goal .progress-bar {
  height: 14px;
  border-radius: var(--radius-pill);
  background:
    linear-gradient(90deg, #ffcf6a, #ff5c24, #bd0c0c);
  box-shadow: 0 0 18px rgba(255, 86, 24, 0.46);
}

.site-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(0, 0, 0, 0.52);
  backdrop-filter: blur(16px);
}

.popup {
  background-color: rgba(0, 0, 0, 0.74);
  backdrop-filter: blur(4px);
}

.basket-popup-content {
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(26, 21, 20, 0.95), rgba(5, 3, 2, 0.98));
}

.basket .basket-header,
.basket .basket-second-header {
  background: rgba(255, 255, 255, 0.06);
}

.toast {
  border-color: rgba(255, 255, 255, 0.16);
}

@media (width <= 960px) {
  .navigation-horizontal .menu {
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    background:
      linear-gradient(180deg, rgba(25, 18, 16, 0.98), rgba(5, 3, 2, 0.98));
    box-shadow: 22px 0 60px rgba(0, 0, 0, 0.46);
  }

  .widget.site-navigation {
    background: rgba(7, 5, 5, 0.88);
    backdrop-filter: blur(18px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ember-field::before,
  .ember-field::after,
  .site-home-categories .category,
  .store-products-list .store-product,
  .store-products-images .store-product,
  .store-product-tiered,
  .widget,
  .store-text,
  .category-description {
    animation: none;
  }

  .btn-primary:hover,
  .btn-primary:focus,
  .btn-secondary:hover,
  .btn-secondary:focus,
  .btn-tertiary:hover,
  .btn-tertiary:focus,
  .site-home-categories .category:hover,
  .store-products-list .store-product:hover,
  .store-products-images .store-product:hover,
  .store-product-tiered:hover,
  .widget:hover {
    transform: none;
  }
}

/* Liquid glass polish */
:root {
  --glass-bg:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.18), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(255, 111, 40, 0.12), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.045) 44%, rgba(255, 255, 255, 0.075));
  --glass-bg-hover:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.24), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(255, 126, 46, 0.18), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.06) 44%, rgba(255, 255, 255, 0.095));
  --glass-border: rgba(255, 255, 255, 0.22);
  --glass-inner-light: inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -1px 0 rgba(255, 255, 255, 0.08);
  --glass-shadow: 0 28px 80px rgba(0, 0, 0, 0.46), 0 8px 28px rgba(255, 88, 24, 0.08);
}

.navigation-horizontal > ul,
.navigation-horizontal .has-children > ul,
.widget,
.site-home-categories .category,
.category-description,
.store-text,
.store-products-list .store-product,
.store-products-images .store-product,
.store-product-full,
.no-products,
.store-category-tiered,
.store-product-tiered,
.popup-content,
.basket .basket-item,
.toast {
  border-color: var(--glass-border);
  background:
    var(--glass-bg),
    rgba(10, 9, 9, 0.48);
  box-shadow: var(--glass-shadow), var(--glass-inner-light);
  backdrop-filter: blur(28px) saturate(1.75) contrast(1.04);
  -webkit-backdrop-filter: blur(28px) saturate(1.75) contrast(1.04);
}

.site-home-categories .category:hover,
.store-products-list .store-product:hover,
.store-products-images .store-product:hover,
.store-product-tiered:hover,
.widget:hover {
  border-color: rgba(255, 255, 255, 0.32);
  background:
    var(--glass-bg-hover),
    rgba(18, 14, 13, 0.55);
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.5),
    0 0 42px rgba(255, 90, 26, 0.16),
    var(--glass-inner-light);
}

.widget.site-navigation:hover {
  border-color: var(--glass-border);
  background:
    var(--glass-bg),
    rgba(10, 9, 9, 0.48);
  box-shadow: var(--glass-shadow), var(--glass-inner-light);
  transform: none;
}

.widget,
.site-home-categories .category,
.category-description,
.store-text,
.store-products-list .store-product,
.store-products-images .store-product,
.store-product-full,
.store-category-tiered,
.store-product-tiered,
.basket .basket-item {
  position: relative;
  overflow: hidden;
}

.widget::before,
.site-home-categories .category::before,
.category-description::before,
.store-text::before,
.store-products-list .store-product::before,
.store-products-images .store-product::before,
.store-product-full::before,
.store-category-tiered::before,
.store-product-tiered::before,
.basket .basket-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.26), transparent 28% 72%, rgba(255, 255, 255, 0.08)),
    radial-gradient(circle at 24% 10%, rgba(255, 255, 255, 0.20), transparent 24%),
    radial-gradient(circle at 82% 94%, rgba(255, 74, 24, 0.12), transparent 30%);
  opacity: 0.62;
  pointer-events: none;
  mix-blend-mode: screen;
}

.widget > *,
.site-home-categories .category > *,
.category-description > *,
.store-text > *,
.store-products-list .store-product > *,
.store-products-images .store-product > *,
.store-product-full > *,
.store-category-tiered > *,
.store-product-tiered > *,
.popup-content > *,
.basket .basket-item > * {
  position: relative;
  z-index: 1;
}

.btn-primary,
.btn-secondary,
.btn-tertiary,
.quantity-field,
.widget-gift-card .gift-card-input {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08),
    0 12px 34px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(18px) saturate(1.5);
  -webkit-backdrop-filter: blur(18px) saturate(1.5);
}

.btn-secondary,
.btn-tertiary,
.quantity-field,
.widget-gift-card .gift-card-input {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.055)),
    rgba(8, 7, 7, 0.36);
}

/* Safe premium motion pass */
body::before {
  animation: premiumBackdropDrift 20s ease-in-out infinite alternate;
  transform-origin: center;
}

@keyframes premiumBackdropDrift {
  0% {
    background-position: center center, 48% 48%;
    filter: saturate(1.06) contrast(1.06) brightness(0.94);
    transform: scale(1.04) translate3d(-1.1vw, -0.8vh, 0);
  }

  50% {
    background-position: 18% 12%, 52% 50%;
    filter: saturate(1.16) contrast(1.1) brightness(1.03);
    transform: scale(1.075) translate3d(0.9vw, 0.7vh, 0);
  }

  100% {
    background-position: 16% 12%, 50% 53%;
    filter: saturate(1.1) contrast(1.08) brightness(0.98);
    transform: scale(1.055) translate3d(-0.4vw, 1vh, 0);
  }
}

.site-header-inner .site-title {
  animation: premiumTitleGlow 5.8s ease-in-out infinite alternate;
}

@keyframes premiumTitleGlow {
  from {
    text-shadow: 0 8px 28px rgba(0, 0, 0, 0.7), 0 0 26px rgba(255, 70, 24, 0.18);
  }

  to {
    text-shadow: 0 10px 34px rgba(0, 0, 0, 0.78), 0 0 42px rgba(255, 128, 52, 0.3);
  }
}

.btn-primary,
.btn-secondary,
.btn-tertiary {
  position: relative;
  overflow: hidden;
}

.btn-primary::after,
.btn-secondary::after,
.btn-tertiary::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(110deg, transparent 0 32%, rgba(255, 255, 255, 0.28) 48%, transparent 64% 100%);
  opacity: 0;
  transform: translateX(-120%);
  transition: opacity 0.2s ease, transform 0.58s ease;
  pointer-events: none;
}

.btn-primary:hover::after,
.btn-primary:focus::after,
.btn-secondary:hover::after,
.btn-secondary:focus::after,
.btn-tertiary:hover::after,
.btn-tertiary:focus::after {
  opacity: 1;
  transform: translateX(120%);
}

.store-product .image-link {
  position: relative;
  isolation: isolate;
}

.store-product .image-link::after {
  content: "";
  position: absolute;
  inset: 12% 10% -10%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 94, 31, 0.34), transparent 64%);
  filter: blur(18px);
  opacity: 0;
  transform: scale(0.86);
  transition: opacity 0.24s ease, transform 0.24s ease;
  pointer-events: none;
}

.store-product:hover .image-link::after {
  opacity: 1;
  transform: scale(1);
}

.store-products-images .store-product:hover,
.store-products-list .store-product:hover,
.store-product-tiered:hover {
  transform: translateY(-5px);
}

.navigation-horizontal a.link-active,
.navigation-vertical a.link-active {
  box-shadow: inset 0 0 0 1px rgba(255, 183, 83, 0.28), 0 0 26px rgba(255, 83, 24, 0.16);
}

.navigation-vertical a:hover,
.navigation-vertical a.link-active {
  color: #ffb347;
  background: transparent;
  box-shadow: none;
  text-shadow: 0 0 22px rgba(255, 78, 24, 0.28);
}

.navigation-horizontal a,
.navigation-vertical a {
  transition: color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease, text-shadow 0.18s ease;
}

.site-sale-banner {
  position: relative;
  overflow: hidden;
}

.site-sale-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 0 36%, rgba(255, 255, 255, 0.34) 50%, transparent 64% 100%);
  transform: translateX(-130%);
  animation: premiumSaleSheen 5.6s ease-in-out infinite;
  pointer-events: none;
}

@keyframes premiumSaleSheen {
  0%, 48% {
    transform: translateX(-130%);
  }

  82%, 100% {
    transform: translateX(130%);
  }
}

@media (prefers-reduced-motion: reduce) {
  body::before,
  .site-header-inner .site-title,
  .site-sale-banner::after {
    animation: none;
  }

  .btn-primary::after,
  .btn-secondary::after,
  .btn-tertiary::after,
  .store-product .image-link::after {
    transition: none;
  }
}

/* Keep account and basket controls visible while scrolling */
.site-header-inner .actions,
.site-header-inner .log-in,
.site-header-inner .user-actions {
  position: fixed;
  top: var(--widget-padding);
  z-index: 999;
}

.site-header-inner .actions {
  left: max(var(--content-padding), calc((100vw - var(--content-inner-width)) / 2));
}

.site-header-inner .log-in,
.site-header-inner .user-actions {
  right: max(var(--content-padding), calc((100vw - var(--content-inner-width)) / 2));
}

.site-header-inner .log-in,
.site-header-inner .user-actions > *,
.site-header-inner .actions > * {
  backdrop-filter: blur(18px) saturate(1.45);
  -webkit-backdrop-filter: blur(18px) saturate(1.45);
}

@media (width <= 960px) {
  .site-header-inner .toggle-navigation {
    --btn-icon: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.045)),
      rgba(8, 7, 7, 0.58);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.22),
      0 12px 28px rgba(0, 0, 0, 0.36);
  }

  .site-header-inner .toggle-navigation::before {
    content: "";
    width: 20px;
    height: 14px;
    background:
      linear-gradient(#ffffff, #ffffff) 0 0 / 100% 2px no-repeat,
      linear-gradient(#ffffff, #ffffff) 0 50% / 100% 2px no-repeat,
      linear-gradient(#ffffff, #ffffff) 0 100% / 100% 2px no-repeat;
    filter: drop-shadow(0 0 6px rgba(255, 117, 44, 0.35));
  }
}

.site-header-inner::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 132px;
  z-index: 998;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.56) 42%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}

/* Keep button hover fills clipped to rounded corners */
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-glyph,
.btn-glyph-text,
.btn-icon,
.btn-icon-text {
  overflow: hidden;
  background-clip: padding-box;
  -webkit-mask-image: radial-gradient(#fff, #fff);
}

.btn-primary::after,
.btn-secondary::after,
.btn-tertiary::after {
  border-radius: inherit;
  overflow: hidden;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-tertiary:hover,
.btn-tertiary:focus {
  border-radius: var(--radius-pill);
  background-clip: padding-box;
}

/* Keep category navigation visible while packages scroll */
@media (width > 960px) {
  .navigation-horizontal {
    position: fixed;
    top: calc(var(--widget-padding) + var(--btn-size) + 14px);
    left: max(var(--content-padding), calc((100vw - var(--content-inner-width)) / 2));
    right: max(var(--content-padding), calc((100vw - var(--content-inner-width)) / 2));
    z-index: 999;
  }

  .navigation-horizontal > ul {
    margin-inline: auto;
    width: fit-content;
    max-width: 100%;
  }

  .store-sidebar {
    position: sticky;
    top: calc(var(--widget-padding) + var(--btn-size) + 92px);
    max-height: calc(100vh - (var(--widget-padding) + var(--btn-size) + 116px));
  }

  .site-content-widgets > .store-products:has(.store-products-images),
  .site-content-widgets > .store-products:has(.store-products-list) {
    max-height: calc(100vh - (var(--widget-padding) + var(--btn-size) + 116px));
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 8px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 120, 48, 0.82) rgba(255, 255, 255, 0.08);
  }

  .site-content-widgets > .store-products:has(.store-products-images)::-webkit-scrollbar,
  .site-content-widgets > .store-products:has(.store-products-list)::-webkit-scrollbar {
    width: 8px;
  }

  .site-content-widgets > .store-products:has(.store-products-images)::-webkit-scrollbar-track,
  .site-content-widgets > .store-products:has(.store-products-list)::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-pill);
  }

  .site-content-widgets > .store-products:has(.store-products-images)::-webkit-scrollbar-thumb,
  .site-content-widgets > .store-products:has(.store-products-list)::-webkit-scrollbar-thumb {
    background: rgba(255, 120, 48, 0.82);
    border-radius: var(--radius-pill);
  }
}

/* Keep footer visible and prevent payment icons from clipping */
.site {
  padding-bottom: 92px;
}

.site-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 997;
  overflow: visible;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.52) 78%, rgba(0, 0, 0, 0));
  box-shadow: 0 -18px 50px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(18px) saturate(1.35);
  -webkit-backdrop-filter: blur(18px) saturate(1.35);
}

.site-footer-inner,
.site-footer-inner .we-accept,
.site-footer-inner .we-accept li {
  overflow: visible;
}

.site-footer-inner {
  min-height: 72px;
}

.site-footer-inner .we-accept {
  flex-wrap: wrap;
  row-gap: 8px;
  padding-block: 4px;
}

.site-footer-inner .we-accept img {
  width: auto;
  height: auto;
  min-width: 1px;
  min-height: 1px;
  object-fit: contain;
  overflow: visible;
}

@media (width <= 960px) {
  .site {
    padding-bottom: 150px;
  }

  .site-footer-inner {
    min-height: 128px;
  }
}

/* Fixed shell for category/package pages: only packages scroll */
@media (width > 960px) {
  html:has(body.page-index),
  body.page-index {
    height: 100%;
    overflow: hidden;
  }

  body.page-index .site {
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
  }

  body.page-index .site-header-inner,
  body.page-index.is-navigation-horizontal .site-header-inner {
    height: 220px;
  }

  body.page-index .site-header-inner .site-title {
    inset: calc(var(--widget-padding) + 34px) 280px 0 280px;
    line-height: 60px;
    font-size: 52px;
  }

  body.page-index .site-header-inner .site-title img {
    max-height: 96px;
  }

  body.page-index .site-header-inner .info {
    top: calc(var(--widget-padding) + 34px);
  }

  body.page-index .site-content {
    min-height: 0;
    height: calc(100vh - 220px - 92px - (var(--widget-padding) * 3));
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 8px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 120, 48, 0.82) rgba(255, 255, 255, 0.08);
  }

  body.page-index .site-content.site-content-widgets {
    display: grid;
    grid-template-columns: minmax(280px, 420px) minmax(360px, 640px);
    justify-content: center;
    align-items: center;
    gap: 32px;
  }

  body.page-index.is-sidebar-right .site-content.site-content-widgets {
    grid-template-columns: minmax(360px, 640px) minmax(280px, 420px);
  }

  body.page-index .site-content.site-content-widgets .store-sidebar {
    position: static;
    order: -1;
    width: 100%;
    max-width: 420px;
    max-height: none;
    align-self: center;
  }

  body.page-index.is-sidebar-right .site-content.site-content-widgets .store-sidebar {
    order: 1;
  }

  body.page-index .site-content.site-content-widgets .store-text {
    width: 100%;
    max-width: 640px;
    align-self: center;
  }

  body.page-index.home-categories-enabled .site-home-categories {
    display: none;
  }

  html:has(.store-products-images),
  html:has(.store-products-list),
  body:has(.store-products-images),
  body:has(.store-products-list) {
    height: 100%;
    overflow: hidden;
  }

  body:has(.store-products-images) .site,
  body:has(.store-products-list) .site {
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
  }

  body:has(.store-products-images) .site-header-inner,
  body:has(.store-products-list) .site-header-inner,
  body.is-navigation-horizontal:has(.store-products-images) .site-header-inner,
  body.is-navigation-horizontal:has(.store-products-list) .site-header-inner {
    height: 220px;
  }

  body:has(.store-products-images) .site-header-inner .site-title,
  body:has(.store-products-list) .site-header-inner .site-title {
    inset: calc(var(--widget-padding) + 34px) 280px 0 280px;
    line-height: 60px;
    font-size: 52px;
  }

  body:has(.store-products-images) .site-header-inner .site-title img,
  body:has(.store-products-list) .site-header-inner .site-title img {
    max-height: 96px;
  }

  body:has(.store-products-images) .site-header-inner .info,
  body:has(.store-products-list) .site-header-inner .info {
    top: calc(var(--widget-padding) + 34px);
  }

  body:has(.store-products-images) .site-content-widgets,
  body:has(.store-products-list) .site-content-widgets {
    min-height: 0;
    height: calc(100vh - 220px - 92px - (var(--widget-padding) * 3));
    overflow: hidden;
  }

  body:has(.store-products-images) .site-content-widgets > .store-products,
  body:has(.store-products-list) .site-content-widgets > .store-products {
    min-height: 0;
    max-height: 100%;
  }

  body:has(.store-products-images) .site-content-widgets > .store-products:has(.store-products-images),
  body:has(.store-products-list) .site-content-widgets > .store-products:has(.store-products-list) {
    max-height: 100%;
  }
}

/* Server logo pulse and alpha-clipped shimmer */
.site-header-inner .site-title a {
  position: relative;
  isolation: isolate;
}

.site-header-inner .site-title img:not(.logo-shimmer-image),
.site-header-inner .info.server .image:not(.image-shimmer) {
  animation: logoPulse 3.8s ease-in-out infinite;
  transform-origin: center;
}

.site-header-inner .site-title .logo-shimmer-image {
  display: none;
}

.site-header-inner .info.server .image-shimmer {
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  filter:
    brightness(0)
    saturate(100%)
    invert(32%)
    sepia(92%)
    saturate(3121%)
    hue-rotate(349deg)
    brightness(103%)
    contrast(103%)
    drop-shadow(0 0 8px rgba(255, 61, 31, 0.55));
  clip-path: polygon(-28% 0, -8% 0, 18% 100%, -2% 100%);
  animation: logoImageShimmer 4.8s ease-in-out infinite;
}

.site-header-inner .site-title a::after {
  content: "";
  position: absolute;
  inset: -12%;
  z-index: 2;
  background: linear-gradient(115deg, transparent 0 38%, rgba(255, 255, 255, 0.58) 48%, rgba(255, 182, 84, 0.38) 54%, transparent 66% 100%);
  filter: blur(1px);
  opacity: 0;
  transform: translateX(-130%) rotate(8deg);
  animation: logoShimmer 4.8s ease-in-out infinite;
  pointer-events: none;
}

.site-header-inner .site-title:has(.logo-shimmer-image) a::after {
  display: none;
}

@keyframes logoPulse {
  0%, 100% {
    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.58)) drop-shadow(0 0 14px rgba(255, 80, 24, 0.18));
    transform: scale(1);
  }

  50% {
    filter: drop-shadow(0 20px 32px rgba(0, 0, 0, 0.62)) drop-shadow(0 0 28px rgba(255, 126, 44, 0.46));
    transform: scale(1.045);
  }
}

@keyframes logoImageShimmer {
  0%, 42% {
    opacity: 0;
    clip-path: polygon(-28% 0, -8% 0, 18% 100%, -2% 100%);
  }

  50% {
    opacity: 0.72;
  }

  64%, 100% {
    opacity: 0;
    clip-path: polygon(82% 0, 102% 0, 128% 100%, 108% 100%);
  }
}

@keyframes logoShimmer {
  0%, 42% {
    opacity: 0;
    transform: translateX(-130%) rotate(8deg);
  }

  50% {
    opacity: 0.72;
  }

  64%, 100% {
    opacity: 0;
    transform: translateX(130%) rotate(8deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header-inner .site-title img,
  .site-header-inner .info.server .image,
  .site-header-inner .site-title a::after,
  .site-header-inner .logo-shimmer-image,
  .site-header-inner .image-shimmer {
    animation: none;
  }
}

/* Restrict shimmer to the server icon alpha, not the full logo/text area */
.site-header-inner .site-title a::after,
.site-header-inner .site-title .logo-shimmer-image,
.site-header-inner .info.server .image-shimmer {
  display: none !important;
}

.site-header-inner .info.server {
  position: relative;
  overflow: visible;
}

.site-header-inner .info.server::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 3;
  width: 46px;
  height: 46px;
  margin-top: -23px;
  background: #ff3d1f;
  clip-path: polygon(-28% 0, -8% 0, 18% 100%, -2% 100%);
  mask: url("https://webstore-template-assets.tebex.io/images/server-logo.svg") center / contain no-repeat;
  -webkit-mask: url("https://webstore-template-assets.tebex.io/images/server-logo.svg") center / contain no-repeat;
  opacity: 0;
  filter: drop-shadow(0 0 8px rgba(255, 61, 31, 0.55));
  animation: logoImageShimmer 4.8s ease-in-out infinite;
  pointer-events: none;
}

@media (width <= 960px) {
  .site-header-inner .info.server::after {
    width: 32px;
    height: 32px;
    margin-top: -16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header-inner .info.server::after {
    animation: none;
  }
}

/* Mobile category drawer should overlay the page, not sit below packages */
@media (width <= 960px) {
  body.page-index .site-header-inner .toggle-navigation,
  body.page-index .site-navigation {
    display: none !important;
  }

  .site-navigation {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100000 !important;
    width: 100vw;
    height: 100dvh;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.62);
    box-shadow: none;
    overflow: hidden;
    opacity: 1;
    pointer-events: auto;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  body:not(.show-navigation) .site-navigation {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  .site-navigation .menu {
    position: absolute !important;
    inset: 0 58px 0 0 !important;
    display: flex;
    flex-direction: column;
    width: auto !important;
    height: 100dvh;
    max-height: none !important;
    margin: 0;
    padding: 84px var(--widget-padding) var(--widget-padding);
    border-right: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0;
    background:
      linear-gradient(180deg, rgba(25, 18, 16, 0.98), rgba(5, 3, 2, 0.98));
    box-shadow: 22px 0 60px rgba(0, 0, 0, 0.46);
    overflow: hidden auto;
    translate: 0 0;
  }

  body:not(.show-navigation) .site-navigation .menu {
    opacity: 0.85;
    scale: 0.96;
    translate: -100% 0;
  }

  .site-navigation .close-navigation {
    position: absolute;
    top: var(--widget-padding);
    right: 12px;
    z-index: 100001;
  }
}

/* Browser-safe shimmer: animate a duplicate SVG image so alpha stays intact */
.site-header-inner .info.server::after {
  display: none;
}

.site-header-inner .info.server .image-shimmer {
  display: block !important;
  position: absolute;
  top: -50px;
  left: 0;
  bottom: -50px;
  z-index: 4;
  width: 46px;
  height: 46px;
  margin: auto 0;
  opacity: 0;
  object-fit: contain;
  pointer-events: none;
  filter:
    brightness(0)
    saturate(100%)
    invert(32%)
    sepia(92%)
    saturate(3121%)
    hue-rotate(349deg)
    brightness(103%)
    contrast(103%)
    drop-shadow(0 0 8px rgba(255, 61, 31, 0.6));
  clip-path: polygon(-28% 0, -8% 0, 18% 100%, -2% 100%);
  animation: logoImageShimmer 4.8s ease-in-out infinite;
  will-change: clip-path, opacity;
}

@media (width <= 960px) {
  .site-header-inner .info.server .image-shimmer {
    top: 0;
    bottom: 0;
    width: 32px;
    height: 32px;
    margin: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header-inner .info.server .image-shimmer {
    animation: none;
  }
}

/* Final CSS-only shimmer: exact #ff3d1f through the icon's own shape */
.site-header-inner .info.server .image-shimmer {
  display: none !important;
}

.site-header-inner .info.server::after {
  display: block;
  content: "";
  position: absolute;
  top: -50px;
  left: 0;
  bottom: -50px;
  z-index: 4;
  width: 46px;
  height: 46px;
  margin: auto 0;
  background: #ff3d1f;
  clip-path: polygon(-28% 0, -8% 0, 18% 100%, -2% 100%);
  mask: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1666 19.1666C23.4008 19.1666 26.8333 15.7341 26.8333 11.4999C26.8333 7.26574 23.4008 3.83325 19.1666 3.83325C14.9325 3.83325 11.5 7.26574 11.5 11.4999C11.5 15.7341 14.9325 19.1666 19.1666 19.1666Z' fill='white'/%3E%3Cpath d='M30.6672 11.4996C30.6672 14.4165 29.5813 17.0797 27.7916 19.1071C31.5738 18.6357 34.5006 15.4095 34.5006 11.4996C34.5006 7.5898 31.5738 4.36354 27.7916 3.89221C29.5813 5.91955 30.6672 8.58278 30.6672 11.4996Z' fill='white'/%3E%3Cpath d='M42.1672 42.1664H38.3339V36.4164C38.3339 31.3048 36.1105 26.7124 32.5781 23.5536C38.1231 25.2012 42.1672 30.3365 42.1672 36.4164V42.1664Z' fill='white'/%3E%3Cpath d='M3.83331 36.4166C3.83331 29.0068 9.84016 22.9999 17.25 22.9999H21.0833C28.4931 22.9999 34.5 29.0068 34.5 36.4166V42.1666H3.83331V36.4166Z' fill='white'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1666 19.1666C23.4008 19.1666 26.8333 15.7341 26.8333 11.4999C26.8333 7.26574 23.4008 3.83325 19.1666 3.83325C14.9325 3.83325 11.5 7.26574 11.5 11.4999C11.5 15.7341 14.9325 19.1666 19.1666 19.1666Z' fill='white'/%3E%3Cpath d='M30.6672 11.4996C30.6672 14.4165 29.5813 17.0797 27.7916 19.1071C31.5738 18.6357 34.5006 15.4095 34.5006 11.4996C34.5006 7.5898 31.5738 4.36354 27.7916 3.89221C29.5813 5.91955 30.6672 8.58278 30.6672 11.4996Z' fill='white'/%3E%3Cpath d='M42.1672 42.1664H38.3339V36.4164C38.3339 31.3048 36.1105 26.7124 32.5781 23.5536C38.1231 25.2012 42.1672 30.3365 42.1672 36.4164V42.1664Z' fill='white'/%3E%3Cpath d='M3.83331 36.4166C3.83331 29.0068 9.84016 22.9999 17.25 22.9999H21.0833C28.4931 22.9999 34.5 29.0068 34.5 36.4166V42.1666H3.83331V36.4166Z' fill='white'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: 0;
  filter: drop-shadow(0 0 8px rgba(255, 61, 31, 0.65));
  animation: logoImageShimmer 4.8s ease-in-out infinite;
  pointer-events: none;
  will-change: clip-path, opacity;
}

@media (width <= 960px) {
  .site-header-inner .info.server::after {
    top: 0;
    bottom: 0;
    width: 32px;
    height: 32px;
    margin: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header-inner .info.server::after {
    animation: none;
  }
}