@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --hm-bg: #090505;
  --hm-bg-2: #120a0a;
  --hm-panel: #170d0d;
  --hm-panel-2: #1e1010;
  --hm-border: rgba(255,60,0,.15);
  --hm-text: #f5ebeb;
  --hm-muted: rgba(245,235,235,.6);
  --hm-neon1: #ff3c00;
  --hm-neon2: #ff8000;
  --hm-neon3: #ff1a1a;
  --hm-danger: #ff1a1a;
  --hm-grad: linear-gradient(120deg, var(--hm-neon1), var(--hm-neon2) 55%, var(--hm-neon3));
  --hm-radius: 18px;
}

@property --hm-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

html { scroll-behavior: smooth; }
html, body { overflow-x: hidden !important; }

* {
  scrollbar-color: var(--hm-neon1) #0000;
  box-sizing: border-box;
}

html, body {
  background: var(--hm-bg) !important;
  color: var(--hm-text);
  font-family: 'Manrope', -apple-system, sans-serif !important;
}

body { position: relative; }

body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 12% 8%, rgba(255,60,0,.18), transparent 45%),
    radial-gradient(circle at 88% 18%, rgba(255,128,0,.14), transparent 42%),
    radial-gradient(circle at 50% 95%, rgba(255,26,26,.12), transparent 45%);
  animation: hmBgShift 12s ease-in-out infinite alternate;
}
@keyframes hmBgShift {
  0%   { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(15deg); }
}


::-webkit-scrollbar { width: 10px; height: 6px; }
::-webkit-scrollbar-track { background: var(--hm-bg-2); }
::-webkit-scrollbar-thumb { background: var(--hm-grad); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { filter: brightness(1.2); }


p, ul, li, label { color: var(--hm-text); }
.text-black.text-black,
.text-black.text-black:hover,
.text-muted.text-muted,
.text-muted.text-muted:hover,
.text-soft.text-soft,
.text-soft.text-soft:hover {
  color: var(--hm-text) !important;
}

.title, h2.title { color: var(--hm-text) !important; font-weight: 800 !important; position: relative; }
.title:after { background: var(--hm-grad) !important; box-shadow: 0 0 18px 2px rgba(255,60,0,.6) !important; }
h1, h2, h3, h4, h5, h6 { color: var(--hm-text) !important; }

.mb-0 {
  transform: translateY(-4px);
}

div[class*="bg-elegant-night"][class*="text-white"][class*="p-3"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

a:not(.btn):active, a:not(.btn):focus,
button:not(.btn):active, button:not(.btn):focus,
img:active, svg:active,
.category:active, .category:focus,
.social-card:active, .product-card:active {
  opacity: 1 !important;
  filter: none !important;
  outline: none !important;
}


input, textarea, select, .form-control {
  background: transparent !important;
  color: var(--hm-text) !important;
}
input:focus, textarea:focus, select:focus, .form-control:focus {
  background: var(--hm-panel) !important;
  color: var(--hm-text) !important;
  box-shadow: none !important;
}
input:not(.search):focus, textarea:focus {
  border: 2px solid var(--hm-neon2) !important;
  box-shadow: 0 0 14px -2px rgba(255,96,0,.6) !important;
}
input::placeholder, textarea::placeholder { color: var(--hm-muted) !important; }
input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--hm-panel) inset !important;
  -webkit-text-fill-color: var(--hm-text) !important;
  transition: background-color 9999s ease-in-out 0s;
}


.input-group {
  background: var(--hm-panel) !important;
  border: 1px solid var(--hm-border) !important;
  border-radius: 13px !important;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.input-group:hover,
.input-group:focus-within {
  border-color: var(--hm-neon2) !important;
  box-shadow: 0 0 24px -4px rgba(255,96,0,.85) !important;
  transform: scale(.99);
}


.input-group .form-control,
.input-group input,
.input-group .form-control:focus,
.input-group input:focus {
  background: transparent !important;
  color: var(--hm-text) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.input-group .form-control::placeholder { color: var(--hm-muted) !important; }


.input-group-text,
.input-group-prepend .input-group-text,
.input-group-append .input-group-text {
  background: transparent !important;
  border: none !important;
  color: var(--hm-muted) !important;
}
.input-group:hover .input-group-text,
.input-group:focus-within .input-group-text {
  color: var(--hm-neon2) !important;
}


.navbar {
  background: rgba(9,5,5,.75) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--hm-border);
  transition: box-shadow .3s ease;
}

.navbar:after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 2px;
  background: linear-gradient(90deg,
    var(--hm-neon1), var(--hm-neon2), var(--hm-neon3),
    var(--hm-neon2), var(--hm-neon1));
  background-size: 200% auto;
  opacity: 1;
  animation: hm-navbar-flow 6s linear infinite, hm-navbar-glow 3s ease-in-out infinite;
}

@keyframes hm-navbar-flow {
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

@keyframes hm-navbar-glow {
  0%, 100% { box-shadow: 0 0 5px 0px rgba(255, 60, 0, 0.25); }
  50%      { box-shadow: 0 0 10px 1px rgba(255, 128, 0, 0.45); }
}

.navbar-brand > img {
  filter: drop-shadow(0 0 10px rgba(255,60,0,.55));
  transition: transform .35s ease, filter .35s ease;
}
.navbar-brand:hover > img {
  transform: scale(1.06) rotate(-2deg);
  filter: drop-shadow(0 0 18px rgba(255,128,0,.85));
}
.nav-link { color: var(--hm-muted) !important; }
.nav-link-inner-text { position: relative; }
.nav-link:hover .nav-link-inner-text { color: #fff !important; text-shadow: 0 0 12px rgba(255,60,0,1); }

.navbar-toggler { border: none !important; padding: 6px !important; }
.navbar-toggler-icon {
  background-image: none !important;
  position: relative;
  display: block;
  width: 24px;
  height: 2px;
  background: var(--hm-text) !important;
  border-radius: 2px;
}
.navbar-toggler-icon:before,
.navbar-toggler-icon:after {
  content: '';
  position: absolute;
  left: 0;
  width: 24px;
  height: 2px;
  background: var(--hm-text);
  border-radius: 2px;
}
.navbar-toggler-icon:before { top: -7px; }
.navbar-toggler-icon:after { top: 7px; }

.cart-card {
  position: relative;
  overflow: hidden;
  background-color: rgba(255,60,0,.12) !important;
  border: 1px solid var(--hm-border) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, background .25s ease;
}
.cart-card:hover {
  background: var(--hm-grad) !important;
  border-color: transparent !important;
  filter: brightness(1.15);
  box-shadow: 0 8px 24px -6px rgba(255,60,0,.6) !important;
  transform: translateY(-2px);
}
.cart-card:active { transform: scale(.97); filter: brightness(0.9); }
.cart-card::after {
  content: ''; position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.3), transparent);
  transform: skewX(-20deg);
  transition: left .6s ease;
  pointer-events: none;
}
.cart-card:hover::after { left: 130%; }
.cart-card img[src*="arrow-right"] { filter: brightness(0) invert(1) !important; }


main.h-100 {
  height: auto !important;
  min-height: unset !important;
}

#welcome-section {
  position: relative;
  
  
  min-height: 320px !important;               
  margin-top: 0 !important;
  
  
  padding-top: 125px !important;   
  
  padding-bottom: 0px !important; 
  padding-left: 10px !important;
  padding-right: 10px !important;
}


#welcome-section .container.z-2 {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;

  
  margin-top: 110px !important; 
  margin-bottom: 0 !important; 
}
#welcome-section:before {
  content: ''; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(9,5,5,.35), rgba(9,5,5,.92) 85%);
}
.shop-title {
  position: relative;
  display: inline-block;
  background: linear-gradient(90deg, var(--hm-neon1), var(--hm-neon2), var(--hm-neon3), var(--hm-neon1));
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation:
    hmTitleAnimate 6s linear infinite,
    hmFloat 6s ease-in-out infinite,
    hmTitleGlowPulse 4s ease-in-out infinite;
  letter-spacing: 1px;
  font-size: clamp(2rem, 8vw, 4.5rem) !important;
  margin-top: 0 !important;
  margin-bottom: 15px !important;
  text-align: center;
}

@keyframes hmTitleAnimate {
  0%   { background-position: 200% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes hmFloat {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-8px); }
}

@keyframes hmTitleGlowPulse {
  0%, 100% { text-shadow: 0 0 25px rgba(255,60,0,.4), 0 0 55px rgba(255,128,0,.18); }
  50%      { text-shadow: 0 0 40px rgba(255,90,0,.6),  0 0 85px rgba(255,128,0,.32); }
}

#welcome-section .btn-danger { display: none !important; }

.custom-underline {
  text-decoration: none !important; 
  position: relative;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px; 
  transition: background-size 0.3s ease; 
}


.custom-underline:hover {
  background-size: 100% 2px;
}

.section { background: transparent !important; }


.select-server-card,
.select-server-card:hover,
.select-server-card:focus-within,
.select-server-card.active {
  background: var(--hm-panel) !important;
  border: 1px solid var(--hm-border) !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.select-server-card:hover, .select-server-card:focus-within {
  border-color: var(--hm-neon2) !important;
  box-shadow: 0 0 24px -4px rgba(255,96,0,.85) !important;
  transform: scale(.99);
}
.select-server-card:hover .badge-icon, .select-server-card:focus-within .badge-icon { background: var(--hm-grad) !important; }

.select-server-card input, .select-server-card .search,
.select-server-card input:focus, .select-server-card .search:focus,
.select-server-card .form-control, .select-server-card .form-control:focus {
  background: transparent !important;
  color: var(--hm-text) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.search::placeholder { color: var(--hm-muted); }


.categories { padding: 14px !important; margin: -14px !important; overflow: visible !important; }
@media (max-width: 767px) {
  .categories {
    overflow-x: auto !important;
    overflow-y: auto !important;      
    margin: -26px -8px !important;
    padding: 26px 8px !important;     
    -webkit-overflow-scrolling: touch;
  }
}

.category { background-color: rgba(255,60,0,.12) !important; color: var(--hm-text) !important; border: 1px solid var(--hm-border); }
.category:not(.active):hover {
  background: rgba(255,60,0,.28) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px -6px rgba(255,60,0,.55);
  color: #fff !important;
}
.category.active { background: var(--hm-grad) !important; color: #fff !important; box-shadow: 0 0 22px -4px rgba(255,60,0,.75); }
.category > svg > path { stroke: var(--hm-neon2) !important; }
.category.active > svg > path { stroke: #fff !important; }


.product-card, .server-card, .lastpayments-card {
  background: linear-gradient(180deg, var(--hm-panel), var(--hm-panel-2)) !important;
  border: 1px solid var(--hm-border) !important;
  position: relative;
  overflow: visible;
  transition: transform .3s ease, border-color .3s ease;
}
.product-card:before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: var(--hm-radius);
  padding: 2px;
  background: conic-gradient(from var(--hm-angle), var(--hm-neon1), var(--hm-neon2), var(--hm-neon3), var(--hm-neon1));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity .3s ease;
  animation: hm-border-spin 5s linear infinite;
  animation-play-state: paused;
  pointer-events: none;
  z-index: 1;
}
.product-card:hover { transform: translateY(-6px); }
.product-card:hover:before { opacity: 1; animation-play-state: running; }
.product-card:hover { animation: hm-glow-pulse 5s linear infinite; }

.product-card .item-title { color: var(--hm-text) !important; }
.product-card .item-price { color: #fff !important; }

.product-card .item-image {
  position: relative;
  isolation: isolate; 
}

.product-card .item-image::after {
  content: '';
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,128,0,.55), rgba(255,60,0,.25) 45%, transparent 75%);
  filter: blur(18px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity .3s ease;
  z-index: -1; 
  pointer-events: none;
}

.product-card:hover .item-image::after {
  opacity: 1;
  animation: hm-orb-pulse 4s ease-in-out infinite;
}

.product-card .item-image > img {
  position: relative;
  z-index: 1; 
  transition: transform .3s ease;
}

.product-card:hover .item-image > img { 
  transform: scale(1.08) rotate(1deg); 
}

.sale { background: var(--hm-grad) !important; animation: hmSaleGlow 2s ease-in-out infinite; }
.sale__size, .sale__timer { background: transparent !important; }
@keyframes hmSaleGlow {
  0%, 100% { box-shadow: 0 0 10px rgba(255,26,26,.4); }
  50% { box-shadow: 0 0 20px rgba(255,128,0,.7); }
}


.btn { transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; position: relative; overflow: hidden; }
.btn:active { transform: scale(.97); filter: brightness(0.9); }
.btn-danger, .basket-button { background: var(--hm-grad) !important; border: none !important; }
.btn-danger:hover, .basket-button:hover {
  filter: brightness(1.15);
  box-shadow: 0 8px 24px -6px rgba(255,60,0,.6);
  transform: translateY(-2px);
}
.btn-danger:after {
  content: ''; position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.3), transparent);
  transform: skewX(-20deg);
  transition: left .6s ease;
}
.btn-danger:hover:after { left: 130%; }

.btn-plus, .btn-minus, .btn-trash { background: rgba(255,60,0,.14) !important; color: var(--hm-text) !important; }
.btn-plus:hover, .btn-minus:hover, .btn-trash:hover { background: var(--hm-grad) !important; color: #fff !important; }

button[data-target="#cart"].btn-danger {
  border-radius: 12px !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: unset !important;
  padding: 12px 24px !important;
  line-height: 1.4 !important;
  transform: none !important;
  background: var(--hm-grad) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

button[data-target="#cart"].btn-danger:hover {
  filter: brightness(1.15);
  box-shadow: 0 8px 24px -6px rgba(255,60,0,.6);
  transform: translateY(-2px) !important;
}

button[data-target="#cart"].btn-danger::after {
  content: '';
  position: absolute;
  top: 0; left: -60%;
  width: 40%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.3), transparent);
  transform: skewX(-20deg);
  transition: left .6s ease;
  pointer-events: none;
}
button[data-target="#cart"].btn-danger:hover::after {
  left: 130%;
}

.badge-icon, .badge-opacity { background: rgba(255,60,0,.25) !important; color: var(--hm-neon2) !important; }
.server-badge, .server-address, .lastpayments-date { background: rgba(255,60,0,.14) !important; color: var(--hm-text) !important; }
.badge-danger.blur-lg, .badge { backdrop-filter: blur(6px); }
.badge { position: relative !important; z-index: 999 !important; }

.hm-priv-card br,
.hm-priv-card p:empty {
  display: none !important;
}

.badge.badge-danger,
.badge.badge-danger.blur-lg,
.badge.text-danger {
  border: none !important;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.badge.badge-danger.blur-lg::after {
  content: '';
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent);
  transform: skewX(-20deg);
  animation: hm-badge-shine 3s ease-in-out infinite;
  pointer-events: none;
}
@keyframes hm-badge-shine {
  0%, 60%  { left: -60%; }
  85%      { left: 130%; }
  100%     { left: 130%; }
}

.hm-priv-card {
  font-family: 'Manrope', -apple-system, sans-serif !important;
  color: var(--hm-text, #fff) !important;
  max-width: 100% !important;
}
.hm-priv-card * {
  box-sizing: border-box !important;
}


.hm-priv-card .hm-priv-block {
  margin-bottom: 12px !important;
}
.hm-priv-card .hm-priv-block:last-child {
  margin-bottom: 0 !important;
}


.hm-priv-card .hm-priv-h {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 8px !important; 
  font-size: 13px !important;   
  font-weight: 700 !important;
  color: var(--hm-neon2, #ff6000) !important;
}
.hm-priv-card .hm-priv-h svg {
  flex-shrink: 0;
  filter: drop-shadow(0 0 4px rgba(255,96,0,.6));
}
.hm-priv-card .hm-priv-h svg path,
.hm-priv-card .hm-priv-h svg polyline {
  stroke: var(--hm-neon2, #ff6000) !important;
}


.hm-priv-card .hm-priv-cmd {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 10px !important; 
  border-radius: 10px !important;
  margin-bottom: 5px !important;  
  background: rgba(255,60,0,.07) !important;
  border: 1px solid var(--hm-border, rgba(255,255,255,0.1)) !important;
  transition: border-color .2s ease, background .2s ease, transform .2s ease !important;
}
.hm-priv-card .hm-priv-cmd:last-child {
  margin-bottom: 0 !important;
}
.hm-priv-card .hm-priv-cmd:hover {
  border-color: var(--hm-neon2, #ff6000) !important;
  background: rgba(255,60,0,.14) !important;
  transform: translateX(2px) !important;
}


.hm-priv-card .hm-priv-cmd-tag {
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  font-family: ui-monospace, Consolas, monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: linear-gradient(120deg,#ff3c00,#ff8000 55%,#ff1a1a) !important;
  padding: 3px 8px !important; 
  border-radius: 6px !important;
  white-space: nowrap !important;
  box-shadow: 0 0 12px -2px rgba(255,96,0,.75) !important;
  animation: hmPrivTagPulse 2.5s ease-in-out infinite !important;
}
.hm-priv-card .hm-priv-cmd span:not(.hm-priv-cmd-tag) {
  font-size: 12px !important;
  color: var(--hm-muted, #aaa) !important;
}

@keyframes hmPrivTagPulse {
  0%, 100% { box-shadow: 0 0 10px -2px rgba(255,60,0,.6); }
  50% { box-shadow: 0 0 16px 0px rgba(255,128,0,.85); }
}


.hm-priv-card .hm-priv-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 6px !important; 
  table-layout: fixed !important;
}
.hm-priv-card .hm-priv-table td {
  width: 50% !important;
  padding: 0 !important;
}


.hm-priv-card .hm-priv-item {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
  padding: 8px 4px !important; 
  border-radius: 10px !important;
  background: linear-gradient(180deg, var(--hm-panel, #1e1e1e), var(--hm-panel-2, #141414)) !important;
  border: 1px solid var(--hm-border, rgba(255,255,255,0.1)) !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}
.hm-priv-card .hm-priv-item:hover {
  transform: translateY(-2px) !important;
  border-color: var(--hm-neon2, #ff6000) !important;
  box-shadow: 0 0 18px -4px rgba(255,96,0,.7) !important;
}
.hm-priv-card .hm-priv-item svg {
  margin: 0 auto 4px !important; 
  display: block !important;
  filter: drop-shadow(0 0 5px rgba(255,96,0,.6));
}
.hm-priv-card .hm-priv-item svg path, 
.hm-priv-card .hm-priv-item svg circle, 
.hm-priv-card .hm-priv-item svg rect, 
.hm-priv-card .hm-priv-item svg polyline {
  stroke: var(--hm-neon2, #ff6000) !important;
}
.hm-priv-card .hm-priv-num {
  font-size: 15px !important; 
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.15 !important;
  text-shadow: 0 0 12px rgba(255,96,0,.5);
}
.hm-priv-card .hm-priv-lbl {
  font-size: 10px !important; 
  color: var(--hm-muted, #aaa) !important;
  margin-top: 1px !important;
  line-height: 1.2 !important;
}
.hm-priv-card .hm-priv-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.15), transparent);
  transform: skewX(-20deg);
  transition: left .6s ease;
  pointer-events: none;
}
.hm-priv-card .hm-priv-item:hover::after {
  left: 130%;
}


@keyframes hmStepsFadeIn {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes hmStepsPulse {
  0%, 100% { box-shadow: 0 0 8px rgba(255,96,0,.45); }
  50%      { box-shadow: 0 0 16px rgba(255,96,0,.85); }
}
@keyframes hmStepsLineGrow {
  from { transform: scaleY(0); }
  to   { transform: scaleY(1); }
}

.hm-steps { position: relative; padding: 4px 0; }

.hm-steps-line {
  position: absolute;
  left: 9px;
  top: 10px;
  bottom: 24px;
  width: 2px;
  background: linear-gradient(to bottom, rgba(255,96,0,.55), rgba(255,96,0,.1));
  transform-origin: top;
  animation: hmStepsLineGrow 1.1s cubic-bezier(.22,.61,.36,1) both;
  z-index: 1;
}

.hm-steps-item {
  position: relative;
  z-index: 2;
  margin-bottom: 25px;
  opacity: 0;
  animation: hmStepsFadeIn .6s ease both;
}
.hm-steps-item:nth-child(2) { animation-delay: .12s; }
.hm-steps-item:nth-child(3) { animation-delay: .24s; }
.hm-steps-item:nth-child(4) { animation-delay: .36s; }
.hm-steps-item:last-child { margin-bottom: 0; }

.hm-steps-h { display: flex; align-items: center; gap: 12px; margin: 0 0 8px; }

.hm-steps-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: #ff6000;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  border-radius: 50%;
  animation: hmStepsPulse 2.6s ease-in-out infinite;
}
.hm-steps-item:nth-child(2) .hm-steps-num { animation-delay: .3s; }
.hm-steps-item:nth-child(3) .hm-steps-num { animation-delay: .6s; }

.hm-steps-icon { display: inline-flex; transition: transform .3s ease; }
.hm-steps-item:hover .hm-steps-icon { transform: rotate(-8deg) scale(1.12); }

.hm-steps-title { color: #fff; font-weight: bold; margin: 0; }

.hm-steps-desc {
  margin-left: 32px;
  padding: 12px 15px;
  color: #aaa;
  font-size: 13.5px;
  line-height: 1.6;
  background: rgba(255,96,0,.03);
  border: 1px solid rgba(255,96,0,.1);
  border-radius: 8px;
  transition: background .25s ease, border-color .25s ease;
}
.hm-steps-item:hover .hm-steps-desc {
  background: rgba(255,96,0,.06);
  border-color: rgba(255,96,0,.25);
}

@media (prefers-reduced-motion: reduce) {
  .hm-steps-line, .hm-steps-item, .hm-steps-num {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 480px) {
  .hm-steps-h { gap: 10px; }
  .hm-steps-num { width: 18px; height: 18px; min-width: 18px; font-size: 10px; }
  .hm-steps-desc { margin-left: 28px; padding: 10px 12px; font-size: 13px; }
  .hm-steps-item { margin-bottom: 20px; }
  .hm-steps-line { left: 8px; }
}


.modal-dialog { background: transparent !important; border: none !important; }
.modal-dialog::before, .modal-dialog::after { display: none !important; box-shadow: none !important; }

.modal-content {
  background: linear-gradient(180deg, var(--hm-panel), var(--hm-panel-2)) !important;
  border: 1px solid var(--hm-border) !important;
  border-radius: var(--hm-radius) !important;
  color: var(--hm-text) !important;
  box-shadow: 0 20px 60px -20px rgba(0,0,0,.9), 0 0 30px -10px rgba(255,60,0,.4);
}
.modal-header, .modal-footer { background: transparent !important; border: none !important; color: var(--hm-text) !important; }
.modal-title { color: #fff !important; }
.modal-product-image, .modal-product-image > img { border-radius: var(--hm-radius) !important; }

.modal-backdrop {
  display: none !important;
}

.modal.show::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  background-color: rgba(9, 5, 5, .55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  pointer-events: none;
}

[data-dismiss="modal"] {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 8px; border-radius: 50%;
  transition: background .2s ease, transform .3s ease;
}
[data-dismiss="modal"] svg path { stroke: var(--hm-muted) !important; transition: stroke .2s ease; }
[data-dismiss="modal"]:hover { background: rgba(255,60,0,.15); transform: rotate(90deg); }
[data-dismiss="modal"]:hover svg path { stroke: var(--hm-neon2) !important; }

@media (max-width: 767px) {
  
  .modal-content { 
    max-height: none !important; 
    height: auto !important;
    overflow: visible !important; 
  }
  
  
  .modal {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 575px) {
  .modal-dialog { margin: 10px !important; max-width: calc(100% - 20px) !important; }
}

@media (max-width: 575px) {
  
  .modal-content.product-modal .modal-header {
    padding: 16px 20px !important;
  }
  
  
  .modal-content.product-modal .modal-product-image {
    max-height: 140px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 10px !important;
    overflow: visible !important;
  }
  .modal-content.product-modal .modal-product-image > img {
    max-height: 120px !important;
    width: auto !important;
    object-fit: contain !important;
  }
  
  
  .hm-priv-card {
    padding: 0 4px !important;
  }
}


@media (max-width: 576px) {
  
  .modal-dialog, 
  .modal-content,
  [class*="modal"] {
    
    
    .badge {
      font-size: 13px !important;
      padding: 5px 10px !important;
    }

    
    
    .badge-danger {
      transform: translate(-5px, -10px) scale(0.85) !important;
      transform-origin: top left !important; 
    }

    
    .badge + .badge {
      margin-top: 4px !important;
    }
  }
}

.modal-content:has(img[src*="player-state-never-joined"]) {
  position: relative;
  isolation: isolate;
  overflow: visible !important;
  border: none !important;
  animation: hm-glow-pulse 5s linear infinite;
}

.modal-content:has(img[src*="player-state-never-joined"])::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(from var(--hm-angle), var(--hm-neon1), var(--hm-neon2), var(--hm-neon3), var(--hm-neon1));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: hm-border-spin 5s linear infinite;
  pointer-events: none;
  z-index: 5;
}

.modal-content:has(img[src*="player-state-never-joined"]) {
  position: relative;
}

img[src*="player-state-never-joined"] {
  position: relative;
  z-index: 2;
}

img[src*="player-state-never-joined"]::before {
  content: '';
}

.modal-content:has(img[src*="player-state-never-joined"])::after {
  content: '';
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,128,0,.5), rgba(255,60,0,.22) 45%, transparent 75%);
  filter: blur(24px);
  top: 130px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
  animation: hm-orb-pulse 4s ease-in-out infinite;
}

img[src*="player-state-never-joined"] {
  position: relative;
  z-index: 1;
}

.modal-content:has(img[src*="player-state-never-joined"]) [data-dismiss="modal"] {
  position: relative;
  z-index: 10;
}

.btn-trash {
  position: relative;
  overflow: hidden;
  background: rgba(250,82,82,.14) !important;
  color: var(--hm-text) !important;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease, filter .2s ease;
}
.btn-trash:hover {
  background: #fa5252 !important;
  color: #fff !important;
  box-shadow: 0 8px 24px -6px rgba(250,82,82,.6) !important;
  transform: translateY(-2px);
  filter: brightness(1.1);
}
.btn-trash:active {
  transform: scale(.97);
  filter: brightness(0.9);
}


.btn-trash::after {
  content: '';
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.3), transparent);
  transform: skewX(-20deg);
  transition: left .6s ease;
  pointer-events: none;
}
.btn-trash:hover::after {
  left: 130%;
}


.cart-item-actions {
  overflow: visible !important;
}
.cart-item-actions .btn-trash {
  border-radius: 11px !important;
}
.cart-item-actions .btn-plus {
  border-radius: 0 11px 11px 0 !important;
}
.cart-item-actions .btn-trash:hover {
  transform: none !important;
}


.btn:disabled,
.btn.disabled,
.btn-plus:disabled,
.btn-minus:disabled,
.btn-trash:disabled,
.btn-danger:disabled,
.cart-card:disabled {
  background: rgba(255,255,255,.04) !important;
  color: var(--hm-muted) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important; 
}


.btn:disabled:hover,
.btn.disabled:hover,
.btn-plus:disabled:hover,
.btn-minus:disabled:hover,
.btn-trash:disabled:hover,
.btn-danger:disabled:hover,
.btn:disabled:active,
.btn.disabled:active {
  background: rgba(255,255,255,.04) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}


.btn:disabled::after,
.btn.disabled::after,
.btn-trash:disabled::after {
  content: '';
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.15), transparent);
  transform: skewX(-20deg);
  transition: left .6s ease;
  pointer-events: none;
}
.btn:disabled:hover::after,
.btn.disabled:hover::after,
.btn-trash:disabled:hover::after {
  left: 130%;
}


@keyframes hm-border-spin { to { --hm-angle: 360deg; } }
@keyframes hm-glow-pulse {
  0%   { box-shadow: 0 0 14px 1px rgba(255,60,0,.5); }
  33%  { box-shadow: 0 0 14px 1px rgba(255,128,0,.5); }
  66%  { box-shadow: 0 0 14px 1px rgba(255,26,26,.5); }
  100% { box-shadow: 0 0 14px 1px rgba(255,60,0,.5); }
}

.modal-content.cart { padding: 40px !important; background: transparent !important; border: none !important; box-shadow: none !important; }
@media (max-width: 767px) { .modal-content.cart { padding: 20px !important; } }
@media (max-width: 420px) { .modal-content.cart { padding: 14px !important; } }

.modal-content.cart [class*="col-lg"] > div {
  position: relative;
  isolation: isolate;
  padding: 24px !important;
  border-radius: var(--hm-radius) !important;
  background: linear-gradient(180deg, var(--hm-panel), var(--hm-panel-2)) !important;
  border: none !important;
  animation: hm-glow-pulse 5s linear infinite;
}


@media (max-width: 991px) {
  .modal-content.cart [class*="col-lg"] {
    margin-bottom: 20px !important;
  }
  .modal-content.cart [class*="col-lg"]:last-child {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 480px) {
  .modal-content.cart [class*="col-lg"] > div {
    padding: 18px !important;
  }
  .modal-content.cart [class*="col-lg"] {
    margin-bottom: 16px !important;
  }
}
.modal-content.cart [class*="col-lg"] > div::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(from var(--hm-angle), var(--hm-neon1), var(--hm-neon2), var(--hm-neon3), var(--hm-neon1));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: hm-border-spin 5s linear infinite;
  z-index: 1;
  pointer-events: none;
}
.modal-content.cart [class*="col-lg"] > div > div { background: transparent !important; border: none !important; box-shadow: none !important; }

.modal-content.cart,
.modal-content.cart h1, .modal-content.cart h2, .modal-content.cart h3,
.modal-content.cart h4, .modal-content.cart h5, .modal-content.cart h6,
.modal-content.cart p, .modal-content.cart span, .modal-content.cart label,
.modal-content.cart li, .modal-content.cart div {
  color: var(--hm-text) !important;
  opacity: 1 !important;
}

.cart-item-actions { border: 1px solid var(--hm-border) !important; background: rgba(255,255,255,.03); }

.modal-content.cart input, .modal-content.cart textarea {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--hm-border) !important;
  outline: none !important;
  box-shadow: none !important;
  color: var(--hm-text) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
}
.modal-content.cart input::placeholder { color: var(--hm-muted) !important; }
.modal-content.cart input:focus, .modal-content.cart textarea:focus {
  border-color: var(--hm-neon2) !important;
  box-shadow: 0 0 0 3px rgba(255,60,0,.15) !important;
}
.modal-content.cart input[type="checkbox"] {
  accent-color: var(--hm-neon1) !important;
  outline: none !important; box-shadow: none !important;
  width: 18px; height: 18px; margin-top: 3px;
}
.modal-content.cart .badge { border: none !important; padding: 8px 16px !important; border-radius: 999px !important; }
.modal-content.cart .btn-plus, .modal-content.cart .btn-minus, .modal-content.cart .btn-trash {
  border: none !important; outline: none !important; padding: 10px 14px !important;
}
.modal-content.cart .btn-danger, .modal-content.cart button[type="submit"] { background: var(--hm-grad) !important; color: #fff !important; }
.modal-content.cart button:focus, .modal-content.cart a:focus, .modal-content.cart input:focus { outline: none !important; }


.form-check-label {
  display: block !important;
  position: relative !important;
  cursor: pointer !important;
  width: 100% !important;
  padding-left: 32px !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}


.form-check-label a {
  color: #dc3545 !important;
  text-decoration: none !important;
}
.form-check-label a:hover {
  text-decoration: underline !important;
}


.form-check-input {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  z-index: -1 !important;
}


.form-check-sign {
  position: absolute !important;
  left: 0 !important;
  top: 1px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 20px !important;
  height: 20px !important;
  background: rgba(255, 60, 0, 0.05) !important;
  border: 2px solid rgba(255, 60, 0, 0.4) !important;
  border-radius: 5px !important;
  transition: all 0.2s ease-in-out !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}


.form-check-sign svg,
.form-check-sign img,
.form-check-sign i {
  display: none !important;
}


.form-check-label:hover .form-check-sign,
.form-check-input:focus + .form-check-sign {
  border-color: rgba(255, 128, 0, 0.8) !important;
  box-shadow: 0 0 12px rgba(255, 60, 0, 0.4) !important;
  background: rgba(255, 60, 0, 0.1) !important;
}


.form-check-label:active .form-check-sign {
  transform: scale(0.9) !important;
}


.form-check-input:checked + .form-check-sign {
  background: linear-gradient(135deg, rgba(255,128,0,1) 0%, rgba(255,60,0,1) 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 0 15px rgba(255, 60, 0, 0.6) !important;
  animation: hmCheckboxPop 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.2) !important;
}


.form-check-label::before,
.form-check-label::after,
.form-check-sign::before {
  display: none !important;
  content: none !important;
}


.form-check-sign::after {
  content: '' !important;
  position: static !important;
  width: 5px !important;
  height: 9px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) scale(0) !important;
  margin-top: -2px !important;
  opacity: 0 !important;
  box-sizing: border-box !important;
  z-index: 2 !important;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.2), opacity 0.1s ease !important;
}


.form-check-input:checked + .form-check-sign::after {
  width: 5px !important;
  height: 9px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  border-radius: 0 !important;
  background: none !important;
  opacity: 1 !important;
  transform: rotate(45deg) scale(1) !important;
  transform-origin: center !important;
}


@keyframes hmCheckboxPop {
  0% { transform: scale(0.9); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

#social.wow,
#social .wow,
#social {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation-name: none !important;
}


#social * {
  opacity: 1 !important;
  visibility: visible !important;
}


.social-card {
  position: relative;
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
}


.social-card:hover {
  transform: translateY(-5px) scale(1.01);
  box-shadow: 0 16px 40px -12px rgba(0,0,0,.5);
}


.social-icon { 
  transition: transform .35s ease; 
}


.social-card:hover .social-icon { 
  transform: rotate(-8deg) scale(1.08); 
}



.social-card.vk:hover        { box-shadow: 0 12px 34px -8px rgba(0,119,255,.65) !important; }
.social-card.telegram:hover  { box-shadow: 0 12px 34px -8px rgba(42,171,238,.65) !important; }
.social-card.discord:hover   { box-shadow: 0 12px 34px -8px rgba(88,101,242,.65) !important; }
.social-card.tiktok:hover    { box-shadow: 0 12px 34px -8px rgba(255,255,255,.35) !important; }
.social-card.instagram:hover { box-shadow: 0 12px 34px -8px rgba(255,45,0,.6) !important; }
.social-card.twitch:hover    { box-shadow: 0 12px 34px -8px rgba(145,70,255,.65) !important; }
.social-card.youtube:hover   { box-shadow: 0 12px 34px -8px rgba(255,0,0,.65) !important; }



.social-card::after {
  content: '';
  position: absolute; 
  top: 0; 
  left: -60%; 
  width: 40%; 
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.25), transparent);
  transform: skewX(-20deg);
  transition: left .6s ease;
  pointer-events: none;
}
.social-card:hover::after { 
  left: 130%; 
}


.skeleton-box { background: rgba(255,60,0,.12) !important; }
.skeleton-box::after {
  background-image: linear-gradient(90deg, transparent, rgba(255,60,0,.35) 40%, rgba(255,128,0,.35) 60%, transparent) !important;
}
.loader .inner.one { border-bottom-color: var(--hm-neon1) !important; }
.loader .inner.two { border-right-color: var(--hm-neon2) !important; }
.loader .inner.three { border-top-color: var(--hm-neon3) !important; }


a, button, .category, .product-card, .social-card, .cart-card { will-change: transform; }

@media (max-width: 767px) {
  .shop-title { font-size: 34px !important; line-height: 40px !important; }
  .product-card { margin-bottom: 18px !important; }
}


.modal-content.product-modal {
  position: relative !important;
  isolation: isolate;
  overflow: visible !important;
  border: none !important;
  background: linear-gradient(180deg, var(--hm-panel), var(--hm-panel-2)) !important;
  animation: hm-glow-pulse 5s linear infinite !important;
}
.modal-content.product-modal::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(from var(--hm-angle), var(--hm-neon1), var(--hm-neon2), var(--hm-neon3), var(--hm-neon1));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: hm-border-spin 5s linear infinite;
  pointer-events: none;
  z-index: 5;
}
.modal-content.product-modal .modal-header { border-bottom: 1px solid var(--hm-border) !important; padding: 24px 30px !important; }
.modal-content.product-modal .modal-product-image { position: relative; overflow: visible !important; background: transparent !important; border-radius: var(--hm-radius) !important; }
.modal-content.product-modal .modal-product-image::after {
  content: '';
  position: absolute;
  
  width: 180px; 
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,128,0,0.65), rgba(255,60,0,0.3) 45%, transparent 75%);
  
  filter: blur(28px) !important; 
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  animation: hm-orb-pulse 4s ease-in-out infinite;
  z-index: 0;
  pointer-events: none;
}
@keyframes hm-orb-pulse {
  0%, 100% { opacity: .55; transform: translate(-50%, -50%) scale(1); }
  50%      { opacity: .9;  transform: translate(-50%, -50%) scale(1.15); }
}
.modal-content.product-modal .modal-product-image > img { position: relative; z-index: 2; }
.modal-content.product-modal hr {
  border: none !important; height: 1px;
  background: linear-gradient(90deg, transparent, var(--hm-border), transparent);
  margin: 24px 0 !important;
}
.modal-content.product-modal .row.align-items-center.justify-content-between {
  background: rgba(255,255,255,.02);
  border: 1px solid var(--hm-border);
  border-radius: var(--hm-radius);
  padding: 20px !important;
  margin: 0 !important;
}
.modal-content.product-modal .item-price { color: var(--hm-text) !important; font-size: 1.4rem; }

@media (max-width: 480px) {
  .modal-content.product-modal .modal-product-image::after { width: 100px; height: 100px; }
  .modal-content.product-modal .row.align-items-center.justify-content-between { padding: 14px !important; }
}


@media (hover: none) {
  .product-card:hover,
  .category:not(.active):hover,
  .cart-card:hover,
  .social-card:hover,
  .navbar-brand:hover > img,
  .btn-danger:hover,
  .basket-button:hover {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
    animation: none !important;
  }
  .product-card:hover:before,
  .product-card:hover .item-image > img,
  .social-card:hover .social-icon,
  .cart-card:hover::after {
    opacity: 0 !important;
    transform: none !important;
  }
}


.modal-content.cart .row {
  align-items: flex-start !important;
}
.modal-content.cart [class*="col-lg"] {
  margin-top: 0 !important;
  align-self: flex-start !important;
}


.cart-item-actions .btn-minus {
  position: relative;
  overflow: hidden;
  background: rgba(250,82,82,.14) !important;
  color: var(--hm-text) !important;
  border-radius: 11px !important;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease, filter .2s ease;
}
.cart-item-actions .btn-minus:hover {
  background: #fa5252 !important;
  color: #fff !important;
  box-shadow: 0 8px 24px -6px rgba(250,82,82,.6) !important;
  filter: brightness(1.1);
}
.cart-item-actions .btn-minus:active {
  transform: scale(.95);
  filter: brightness(0.9);
}
.cart-item-actions .btn-minus svg path {
  stroke: currentColor !important;
}
.cart-item-actions .btn-minus::after {
  content: '';
  position: absolute;
  top: 0; left: -60%;
  width: 40%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.3), transparent);
  transform: skewX(-20deg);
  transition: left .6s ease;
  pointer-events: none;
}
.cart-item-actions .btn-minus:hover::after {
  left: 130%;
}


.cart-item-actions .btn-plus:not(.disabled) {
  position: relative;
  overflow: hidden;
  background: rgba(255,60,0,.14) !important;
  color: var(--hm-text) !important;
  border-radius: 0 11px 11px 0 !important;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease, filter .2s ease;
}
.cart-item-actions .btn-plus:not(.disabled):hover {
  background: var(--hm-grad) !important;
  color: #fff !important;
  box-shadow: 0 8px 24px -6px rgba(255,60,0,.6) !important;
  filter: brightness(1.1);
}
.cart-item-actions .btn-plus:not(.disabled):active {
  transform: scale(.95);
  filter: brightness(0.9);
}
.cart-item-actions .btn-plus:not(.disabled) svg path {
  stroke: currentColor !important;
}
.cart-item-actions .btn-plus:not(.disabled)::after {
  content: '';
  position: absolute;
  top: 0; left: -60%;
  width: 40%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.3), transparent);
  transform: skewX(-20deg);
  transition: left .6s ease;
  pointer-events: none;
}
.cart-item-actions .btn-plus:not(.disabled):hover::after {
  left: 130%;
}


.cart-item-actions .amount {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.cart-item-actions .amount input,
.cart-item-actions .amount input:focus {
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: var(--hm-text) !important;
  text-align: center !important;
  font-weight: 600;
  -moz-appearance: textfield;
}
.cart-item-actions .amount input::-webkit-outer-spin-button,
.cart-item-actions .amount input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.cart-item-actions {
  min-width: 140px !important;
}
.cart-item-actions .amount {
  min-width: 44px !important;
  height: 44px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cart-item-actions .amount input {
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 44px !important;
}
.cart-item-actions .btn-trash,
.cart-item-actions .btn-minus,
.cart-item-actions .btn-plus {
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  flex-shrink: 0;
}


.cart-item-actions {
  border-radius: 13px !important;
}
.cart-item-actions .btn-trash,
.cart-item-actions .btn-minus {
  border-radius: 13px 0 0 13px !important;
}
.cart-item-actions .btn-plus:not(.disabled) {
  border-radius: 0 13px 13px 0 !important;
}


.flash-message {
  background: linear-gradient(135deg, #2a0808, #1a0505) !important;
  border: 1px solid rgba(255, 26, 26, .5) !important;
  border-radius: 14px !important;
  color: var(--hm-text) !important;
  box-shadow: 0 12px 40px -10px rgba(0,0,0,.7), 0 0 14px -2px rgba(255,26,26,.35) !important;
  font-weight: 600 !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.flash-message.error {
  border-color: rgba(255, 26, 26, .6) !important;
  background: linear-gradient(135deg, rgba(255,26,26,.18), rgba(255,60,0,.10)), linear-gradient(135deg, #1e0808, #170505) !important;
  animation: hmFlashGlow 2.2s ease-in-out infinite !important;
}

.flash-message.success {
  border-color: rgba(90, 220, 120, .5) !important;
  background: linear-gradient(135deg, rgba(90,220,120,.16), rgba(60,255,140,.08)), linear-gradient(135deg, #081e0d, #050f08) !important;
}


@keyframes hmFlashGlow {
  0%, 100% { box-shadow: 0 12px 40px -10px rgba(0,0,0,.7), 0 0 14px -2px rgba(255,26,26,.35); }
  50%      { box-shadow: 0 12px 40px -10px rgba(0,0,0,.7), 0 0 26px 2px rgba(255,60,0,.55); }
}


.flash-message .close {
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-right: -5px !important;
  border: none !important;
  outline: none !important;
  color: var(--hm-text) !important;
  opacity: .6 !important;
  text-shadow: none !important;
  font-size: 16px !important;
  line-height: 1 !important; 
  background: rgba(255,255,255,.06) !important;
  border-radius: 50% !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transform-origin: center center !important; 
  transition: background .2s ease, opacity .2s ease, transform .3s ease !important;
}
.flash-message .close:hover {
  opacity: 1 !important;
  background: rgba(255,60,0,.25) !important;
  transform: rotate(90deg) !important;
}

.flash-message.error {
  border-color: rgba(255, 26, 26, .6) !important;
  background: linear-gradient(135deg, rgba(255,26,26,.18), rgba(255,60,0,.10)), linear-gradient(135deg, #1e0808, #170505) !important;
  animation: hmFlashGlow 2.2s ease-in-out infinite !important;
}

@keyframes hmFlashGlow {
  0%, 100% {
    box-shadow: 0 12px 40px -10px rgba(0,0,0,.7),
                0 0 16px -2px rgba(255,26,26,.4),
                0 0 0 0 rgba(255,60,0,.35);
  }
  50% {
    box-shadow: 0 12px 40px -10px rgba(0,0,0,.7),
                0 0 32px 4px rgba(255,60,0,.65),
                0 0 0 6px rgba(255,60,0,.08);
  }
}

.fire-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;
  mask-image:linear-gradient(to top,black 82%,transparent 100%);
  -webkit-mask-image:linear-gradient(to top,black 82%,transparent 100%);
}

html::before,html::after,body::before,body::after,
.fire-layer::before,.fire-layer::after{
  content:'';position:fixed;top:0;left:0;background:transparent;
  border-radius:0;pointer-events:none;z-index:0;will-change:transform;opacity:1;
}

html::before{
  width:3px;height:3px;
  box-shadow:63.94vw 2.5vh #ff3b1f, 27.5vw 22.32vh #ff3b1f, 73.65vw 67.67vh #ff3b1f, 89.22vw 8.69vh #ff3b1f, 42.19vw 2.98vh #ff3b1f, 21.86vw 50.54vh #ff3b1f, 2.65vw 19.88vh #ff3b1f, 64.99vw 54.49vh #ff3b1f, 22.04vw 58.93vh #ff3b1f, 80.94vw 0.65vh #ff3b1f, 80.58vw 69.81vh #ff3b1f, 34.03vw 15.55vh #ff3b1f, 95.72vw 33.66vh #ff3b1f, 9.27vw 9.67vh #ff3b1f, 84.75vw 60.37vh #ff3b1f, 80.71vw 72.97vh #ff3b1f, 53.62vw 97.31vh #ff3b1f, 37.85vw 55.2vh #ff3b1f, 82.94vw 61.85vh #ff3b1f, 86.17vw 57.74vh #ff3b1f, 70.46vw 4.58vh #ff3b1f, 22.79vw 28.94vh #ff3b1f, 7.98vw 23.28vh #ff3b1f, 10.1vw 27.8vh #ff3b1f, 63.57vw 36.48vh #ff3b1f, 37.02vw 20.95vh #ff3b1f, 26.7vw 93.67vh #ff3b1f, 64.8vw 60.91vh #ff3b1f, 17.11vw 72.91vh #ff3b1f, 16.34vw 37.95vh #ff3b1f, 98.95vw 64.0vh #ff3b1f, 55.69vw 68.46vh #ff3b1f, 84.29vw 77.6vh #ff3b1f, 22.9vw 3.21vh #ff3b1f, 31.55vw 26.77vh #ff3b1f, 21.1vw 94.29vh #ff3b1f, 87.64vw 31.47vh #ff3b1f, 65.54vw 39.56vh #ff3b1f, 91.45vw 45.89vh #ff3b1f, 26.49vw 24.66vh #ff3b1f, 56.14vw 26.27vh #ff3b1f, 58.46vw 89.78vh #ff3b1f, 39.94vw 21.93vh #ff3b1f, 99.75vw 50.95vh #ff3b1f, 9.09vw 4.71vh #ff3b1f, 63.94vw 102.5vh #ff3b1f, 27.5vw 122.32vh #ff3b1f, 73.65vw 167.67vh #ff3b1f, 89.22vw 108.69vh #ff3b1f, 42.19vw 102.98vh #ff3b1f, 21.86vw 150.54vh #ff3b1f, 2.65vw 119.88vh #ff3b1f, 64.99vw 154.49vh #ff3b1f, 22.04vw 158.93vh #ff3b1f, 80.94vw 100.65vh #ff3b1f, 80.58vw 169.81vh #ff3b1f, 34.03vw 115.55vh #ff3b1f, 95.72vw 133.66vh #ff3b1f, 9.27vw 109.67vh #ff3b1f, 84.75vw 160.37vh #ff3b1f, 80.71vw 172.97vh #ff3b1f, 53.62vw 197.31vh #ff3b1f, 37.85vw 155.2vh #ff3b1f, 82.94vw 161.85vh #ff3b1f, 86.17vw 157.74vh #ff3b1f, 70.46vw 104.58vh #ff3b1f, 22.79vw 128.94vh #ff3b1f, 7.98vw 123.28vh #ff3b1f, 10.1vw 127.8vh #ff3b1f, 63.57vw 136.48vh #ff3b1f, 37.02vw 120.95vh #ff3b1f, 26.7vw 193.67vh #ff3b1f, 64.8vw 160.91vh #ff3b1f, 17.11vw 172.91vh #ff3b1f, 16.34vw 137.95vh #ff3b1f, 98.95vw 164.0vh #ff3b1f, 55.69vw 168.46vh #ff3b1f, 84.29vw 177.6vh #ff3b1f, 22.9vw 103.21vh #ff3b1f, 31.55vw 126.77vh #ff3b1f, 21.1vw 194.29vh #ff3b1f, 87.64vw 131.47vh #ff3b1f, 65.54vw 139.56vh #ff3b1f, 91.45vw 145.89vh #ff3b1f, 26.49vw 124.66vh #ff3b1f, 56.14vw 126.27vh #ff3b1f, 58.46vw 189.78vh #ff3b1f, 39.94vw 121.93vh #ff3b1f, 99.75vw 150.95vh #ff3b1f, 9.09vw 104.71vh #ff3b1f;
  filter:drop-shadow(0 0 5px #ff3b1f) drop-shadow(0 0 9px #ff3b1f);
  animation:sp-a 40s linear infinite;
}
html::after{
  width:3px;height:3px;
  box-shadow:10.96vw 62.74vh #ff6a1f, 79.21vw 42.22vh #ff6a1f, 6.35vw 38.16vh #ff6a1f, 99.61vw 52.91vh #ff6a1f, 97.11vw 86.08vh #ff6a1f, 1.15vw 72.07vh #ff6a1f, 68.17vw 53.7vh #ff6a1f, 26.68vw 64.1vh #ff6a1f, 11.16vw 43.48vh #ff6a1f, 45.37vw 95.38vh #ff6a1f, 87.59vw 26.34vh #ff6a1f, 50.06vw 17.87vh #ff6a1f, 91.26vw 87.05vh #ff6a1f, 29.84vw 63.89vh #ff6a1f, 60.9vw 15.28vh #ff6a1f, 76.25vw 53.94vh #ff6a1f, 77.86vw 53.04vh #ff6a1f, 0.06vw 32.42vh #ff6a1f, 1.95vw 92.91vh #ff6a1f, 87.87vw 83.17vh #ff6a1f, 30.75vw 5.79vh #ff6a1f, 87.8vw 94.69vh #ff6a1f, 8.57vw 48.6vh #ff6a1f, 6.92vw 76.06vh #ff6a1f, 76.58vw 12.84vh #ff6a1f, 47.53vw 54.98vh #ff6a1f, 26.51vw 87.24vh #ff6a1f, 42.31vw 21.18vh #ff6a1f, 53.93vw 72.99vh #ff6a1f, 20.12vw 31.17vh #ff6a1f, 99.51vw 64.99vh #ff6a1f, 43.81vw 51.76vh #ff6a1f, 12.1vw 22.47vh #ff6a1f, 33.81vw 58.83vh #ff6a1f, 23.01vw 22.02vh #ff6a1f, 7.1vw 63.11vh #ff6a1f, 22.89vw 90.54vh #ff6a1f, 85.96vw 7.09vh #ff6a1f, 23.8vw 66.9vh #ff6a1f, 21.42vw 13.23vh #ff6a1f, 93.55vw 57.1vh #ff6a1f, 47.27vw 78.46vh #ff6a1f, 80.75vw 19.04vh #ff6a1f, 9.69vw 43.11vh #ff6a1f, 42.36vw 46.7vh #ff6a1f, 10.96vw 162.74vh #ff6a1f, 79.21vw 142.22vh #ff6a1f, 6.35vw 138.16vh #ff6a1f, 99.61vw 152.91vh #ff6a1f, 97.11vw 186.08vh #ff6a1f, 1.15vw 172.07vh #ff6a1f, 68.17vw 153.7vh #ff6a1f, 26.68vw 164.1vh #ff6a1f, 11.16vw 143.48vh #ff6a1f, 45.37vw 195.38vh #ff6a1f, 87.59vw 126.34vh #ff6a1f, 50.06vw 117.87vh #ff6a1f, 91.26vw 187.05vh #ff6a1f, 29.84vw 163.89vh #ff6a1f, 60.9vw 115.28vh #ff6a1f, 76.25vw 153.94vh #ff6a1f, 77.86vw 153.04vh #ff6a1f, 0.06vw 132.42vh #ff6a1f, 1.95vw 192.91vh #ff6a1f, 87.87vw 183.17vh #ff6a1f, 30.75vw 105.79vh #ff6a1f, 87.8vw 194.69vh #ff6a1f, 8.57vw 148.6vh #ff6a1f, 6.92vw 176.06vh #ff6a1f, 76.58vw 112.84vh #ff6a1f, 47.53vw 154.98vh #ff6a1f, 26.51vw 187.24vh #ff6a1f, 42.31vw 121.18vh #ff6a1f, 53.93vw 172.99vh #ff6a1f, 20.12vw 131.17vh #ff6a1f, 99.51vw 164.99vh #ff6a1f, 43.81vw 151.76vh #ff6a1f, 12.1vw 122.47vh #ff6a1f, 33.81vw 158.83vh #ff6a1f, 23.01vw 122.02vh #ff6a1f, 7.1vw 163.11vh #ff6a1f, 22.89vw 190.54vh #ff6a1f, 85.96vw 107.09vh #ff6a1f, 23.8vw 166.9vh #ff6a1f, 21.42vw 113.23vh #ff6a1f, 93.55vw 157.1vh #ff6a1f, 47.27vw 178.46vh #ff6a1f, 80.75vw 119.04vh #ff6a1f, 9.69vw 143.11vh #ff6a1f, 42.36vw 146.7vh #ff6a1f;
  filter:drop-shadow(0 0 5px #ff6a1f) drop-shadow(0 0 9px #ff6a1f);
  animation:sp-b 52s linear infinite;
}
body::before{
  width:2px;height:2px;
  box-shadow:72.91vw 67.34vh #ff8a3d, 98.42vw 9.84vh #ff8a3d, 40.26vw 33.93vh #ff8a3d, 86.17vw 24.87vh #ff8a3d, 19.02vw 44.86vh #ff8a3d, 42.19vw 27.85vh #ff8a3d, 24.98vw 92.33vh #ff8a3d, 44.31vw 86.13vh #ff8a3d, 55.03vw 5.06vh #ff8a3d, 99.93vw 83.6vh #ff8a3d, 96.9vw 92.64vh #ff8a3d, 84.87vw 16.63vh #ff8a3d, 48.56vw 21.37vh #ff8a3d, 40.1vw 5.86vh #ff8a3d, 37.9vw 98.53vh #ff8a3d, 26.52vw 78.41vh #ff8a3d, 45.5vw 42.3vh #ff8a3d, 95.73vw 99.54vh #ff8a3d, 55.58vw 71.84vh #ff8a3d, 15.48vw 29.67vh #ff8a3d, 96.87vw 57.92vh #ff8a3d, 54.22vw 74.8vh #ff8a3d, 5.72vw 58.42vh #ff8a3d, 50.29vw 85.27vh #ff8a3d, 15.74vw 96.08vh #ff8a3d, 8.01vw 18.58vh #ff8a3d, 59.5vw 67.52vh #ff8a3d, 23.52vw 11.99vh #ff8a3d, 89.03vw 24.62vh #ff8a3d, 59.45vw 61.94vh #ff8a3d, 41.92vw 58.37vh #ff8a3d, 52.28vw 93.47vh #ff8a3d, 20.43vw 71.62vh #ff8a3d, 23.87vw 39.58vh #ff8a3d, 67.17vw 30.0vh #ff8a3d, 31.62vw 75.19vh #ff8a3d, 7.25vw 45.83vh #ff8a3d, 99.85vw 99.61vh #ff8a3d, 7.33vw 21.32vh #ff8a3d, 26.52vw 93.33vh #ff8a3d, 88.09vw 87.93vh #ff8a3d, 36.95vw 15.77vh #ff8a3d, 83.37vw 70.35vh #ff8a3d, 61.17vw 98.72vh #ff8a3d, 65.4vw 0.78vh #ff8a3d, 72.91vw 167.34vh #ff8a3d, 98.42vw 109.84vh #ff8a3d, 40.26vw 133.93vh #ff8a3d, 86.17vw 124.87vh #ff8a3d, 19.02vw 144.86vh #ff8a3d, 42.19vw 127.85vh #ff8a3d, 24.98vw 192.33vh #ff8a3d, 44.31vw 186.13vh #ff8a3d, 55.03vw 105.06vh #ff8a3d, 99.93vw 183.6vh #ff8a3d, 96.9vw 192.64vh #ff8a3d, 84.87vw 116.63vh #ff8a3d, 48.56vw 121.37vh #ff8a3d, 40.1vw 105.86vh #ff8a3d, 37.9vw 198.53vh #ff8a3d, 26.52vw 178.41vh #ff8a3d, 45.5vw 142.3vh #ff8a3d, 95.73vw 199.54vh #ff8a3d, 55.58vw 171.84vh #ff8a3d, 15.48vw 129.67vh #ff8a3d, 96.87vw 157.92vh #ff8a3d, 54.22vw 174.8vh #ff8a3d, 5.72vw 158.42vh #ff8a3d, 50.29vw 185.27vh #ff8a3d, 15.74vw 196.08vh #ff8a3d, 8.01vw 118.58vh #ff8a3d, 59.5vw 167.52vh #ff8a3d, 23.52vw 111.99vh #ff8a3d, 89.03vw 124.62vh #ff8a3d, 59.45vw 161.94vh #ff8a3d, 41.92vw 158.37vh #ff8a3d, 52.28vw 193.47vh #ff8a3d, 20.43vw 171.62vh #ff8a3d, 23.87vw 139.58vh #ff8a3d, 67.17vw 130.0vh #ff8a3d, 31.62vw 175.19vh #ff8a3d, 7.25vw 145.83vh #ff8a3d, 99.85vw 199.61vh #ff8a3d, 7.33vw 121.32vh #ff8a3d, 26.52vw 193.33vh #ff8a3d, 88.09vw 187.93vh #ff8a3d, 36.95vw 115.77vh #ff8a3d, 83.37vw 170.35vh #ff8a3d, 61.17vw 198.72vh #ff8a3d, 65.4vw 100.78vh #ff8a3d;
  filter:drop-shadow(0 0 4px #ff8a3d) drop-shadow(0 0 7px #ff8a3d);
  animation:sp-c 34s linear infinite;
}
body::after{
  width:2px;height:2px;
  box-shadow:81.71vw 29.94vh #ffb84d, 66.34vw 93.89vh #ffb84d, 13.43vw 11.54vh #ffb84d, 10.7vw 55.32vh #ffb84d, 27.23vw 60.48vh #ffb84d, 71.76vw 20.36vh #ffb84d, 63.42vw 26.4vh #ffb84d, 48.85vw 90.53vh #ffb84d, 84.61vw 9.23vh #ffb84d, 42.36vw 27.67vh #ffb84d, 0.35vw 77.11vh #ffb84d, 63.71vw 26.2vh #ffb84d, 74.12vw 55.17vh #ffb84d, 42.77vw 0.97vh #ffb84d, 7.52vw 88.31vh #ffb84d, 90.39vw 54.56vh #ffb84d, 83.46vw 58.25vh #ffb84d, 14.81vw 12.74vh #ffb84d, 30.83vw 89.9vh #ffb84d, 79.61vw 86.07vh #ffb84d, 89.89vw 21.01vh #ffb84d, 24.95vw 10.28vh #ffb84d, 78.01vw 88.41vh #ffb84d, 40.64vw 62.07vh #ffb84d, 15.46vw 92.99vh #ffb84d, 86.46vw 97.62vh #ffb84d, 81.08vw 88.14vh #ffb84d, 2.48vw 73.66vh #ffb84d, 33.22vw 93.08vh #ffb84d, 80.22vw 86.41vh #ffb84d, 81.07vw 26.68vh #ffb84d, 78.74vw 10.81vh #ffb84d, 87.22vw 85.86vh #ffb84d, 22.24vw 81.66vh #ffb84d, 46.03vw 30.52vh #ffb84d, 79.53vw 22.76vh #ffb84d, 2.37vw 19.31vh #ffb84d, 32.83vw 86.44vh #ffb84d, 96.69vw 27.91vh #ffb84d, 64.15vw 39.97vh #ffb84d, 98.11vw 53.62vh #ffb84d, 93.92vw 11.53vh #ffb84d, 97.04vw 17.86vh #ffb84d, 96.25vw 26.55vh #ffb84d, 10.84vw 43.46vh #ffb84d, 81.71vw 129.94vh #ffb84d, 66.34vw 193.89vh #ffb84d, 13.43vw 111.54vh #ffb84d, 10.7vw 155.32vh #ffb84d, 27.23vw 160.48vh #ffb84d, 71.76vw 120.36vh #ffb84d, 63.42vw 126.4vh #ffb84d, 48.85vw 190.53vh #ffb84d, 84.61vw 109.23vh #ffb84d, 42.36vw 127.67vh #ffb84d, 0.35vw 177.11vh #ffb84d, 63.71vw 126.2vh #ffb84d, 74.12vw 155.17vh #ffb84d, 42.77vw 100.97vh #ffb84d, 7.52vw 188.31vh #ffb84d, 90.39vw 154.56vh #ffb84d, 83.46vw 158.25vh #ffb84d, 14.81vw 112.74vh #ffb84d, 30.83vw 189.9vh #ffb84d, 79.61vw 186.07vh #ffb84d, 89.89vw 121.01vh #ffb84d, 24.95vw 110.28vh #ffb84d, 78.01vw 188.41vh #ffb84d, 40.64vw 162.07vh #ffb84d, 15.46vw 192.99vh #ffb84d, 86.46vw 197.62vh #ffb84d, 81.08vw 188.14vh #ffb84d, 2.48vw 173.66vh #ffb84d, 33.22vw 193.08vh #ffb84d, 80.22vw 186.41vh #ffb84d, 81.07vw 126.68vh #ffb84d, 78.74vw 110.81vh #ffb84d, 87.22vw 185.86vh #ffb84d, 22.24vw 181.66vh #ffb84d, 46.03vw 130.52vh #ffb84d, 79.53vw 122.76vh #ffb84d, 2.37vw 119.31vh #ffb84d, 32.83vw 186.44vh #ffb84d, 96.69vw 127.91vh #ffb84d, 64.15vw 139.97vh #ffb84d, 98.11vw 153.62vh #ffb84d, 93.92vw 111.53vh #ffb84d, 97.04vw 117.86vh #ffb84d, 96.25vw 126.55vh #ffb84d, 10.84vw 143.46vh #ffb84d;
  filter:drop-shadow(0 0 4px #ffb84d) drop-shadow(0 0 7px #ffb84d);
  animation:sp-d 60s linear infinite;
}
.fire-layer::before{
  width:2px;height:2px;
  box-shadow:72.85vw 31.37vh #ffe8c2, 60.62vw 51.14vh #ffe8c2, 38.52vw 57.66vh #ffe8c2, 25.47vw 70.88vh #ffe8c2, 0.17vw 92.56vh #ffe8c2, 53.85vw 71.94vh #ffe8c2, 74.2vw 67.06vh #ffe8c2, 36.42vw 7.0vh #ffe8c2, 66.42vw 33.02vh #ffe8c2, 31.39vw 84.8vh #ffe8c2, 71.98vw 30.03vh #ffe8c2, 30.93vw 40.84vh #ffe8c2, 40.24vw 29.57vh #ffe8c2, 12.73vw 42.04vh #ffe8c2, 94.04vw 67.73vh #ffe8c2, 90.28vw 61.55vh #ffe8c2, 30.09vw 54.79vh #ffe8c2, 0.04vw 28.69vh #ffe8c2, 42.99vw 58.0vh #ffe8c2, 65.47vw 46.5vh #ffe8c2, 44.22vw 21.37vh #ffe8c2, 47.32vw 90.12vh #ffe8c2, 79.6vw 16.97vh #ffe8c2, 8.48vw 51.55vh #ffe8c2, 63.29vw 33.52vh #ffe8c2, 81.84vw 75.11vh #ffe8c2, 67.28vw 22.46vh #ffe8c2, 19.91vw 2.44vh #ffe8c2, 24.48vw 47.51vh #ffe8c2, 84.97vw 7.28vh #ffe8c2, 41.44vw 62.98vh #ffe8c2, 19.44vw 69.64vh #ffe8c2, 49.44vw 24.4vh #ffe8c2, 65.61vw 0.55vh #ffe8c2, 75.1vw 77.0vh #ffe8c2, 72.85vw 131.37vh #ffe8c2, 60.62vw 151.14vh #ffe8c2, 38.52vw 157.66vh #ffe8c2, 25.47vw 170.88vh #ffe8c2, 0.17vw 192.56vh #ffe8c2, 53.85vw 171.94vh #ffe8c2, 74.2vw 167.06vh #ffe8c2, 36.42vw 107.0vh #ffe8c2, 66.42vw 133.02vh #ffe8c2, 31.39vw 184.8vh #ffe8c2, 71.98vw 130.03vh #ffe8c2, 30.93vw 140.84vh #ffe8c2, 40.24vw 129.57vh #ffe8c2, 12.73vw 142.04vh #ffe8c2, 94.04vw 167.73vh #ffe8c2, 90.28vw 161.55vh #ffe8c2, 30.09vw 154.79vh #ffe8c2, 0.04vw 128.69vh #ffe8c2, 42.99vw 158.0vh #ffe8c2, 65.47vw 146.5vh #ffe8c2, 44.22vw 121.37vh #ffe8c2, 47.32vw 190.12vh #ffe8c2, 79.6vw 116.97vh #ffe8c2, 8.48vw 151.55vh #ffe8c2, 63.29vw 133.52vh #ffe8c2, 81.84vw 175.11vh #ffe8c2, 67.28vw 122.46vh #ffe8c2, 19.91vw 102.44vh #ffe8c2, 24.48vw 147.51vh #ffe8c2, 84.97vw 107.28vh #ffe8c2, 41.44vw 162.98vh #ffe8c2, 19.44vw 169.64vh #ffe8c2, 49.44vw 124.4vh #ffe8c2, 65.61vw 100.55vh #ffe8c2, 75.1vw 177.0vh #ffe8c2;
  filter:drop-shadow(0 0 3px #ffe8c2) drop-shadow(0 0 6px #ffe8c2);
  animation:sp-e 65s linear infinite;
}
.fire-layer::after{
  width:3px;height:3px;
  box-shadow:10.66vw 42.51vh #ff6a1f, 17.59vw 95.8vh #ffb84d, 51.8vw 5.02vh #ff8a3d, 24.92vw 84.83vh #ff8a3d, 45.65vw 80.14vh #ffb84d, 66.76vw 98.79vh #ff8a3d, 59.55vw 95.0vh #ffb84d, 89.14vw 61.27vh #ff8a3d, 71.93vw 50.48vh #ff3b1f, 83.06vw 54.79vh #ffb84d, 89.72vw 74.37vh #ff3b1f, 47.47vw 25.92vh #ffe8c2, 24.72vw 63.77vh #ff3b1f, 76.58vw 52.13vh #ff8a3d, 62.67vw 27.46vh #ff6a1f, 7.75vw 28.57vh #ff3b1f, 27.17vw 31.97vh #ff3b1f, 54.02vw 13.84vh #ff3b1f, 23.13vw 69.39vh #ff6a1f, 70.64vw 6.42vh #ff6a1f, 40.76vw 54.26vh #ff3b1f, 41.58vw 20.68vh #ffe8c2, 42.01vw 90.48vh #ff6a1f, 58.41vw 69.55vh #ff6a1f, 85.67vw 76.56vh #ff6a1f, 38.04vw 0.59vh #ffb84d, 35.18vw 75.35vh #ff3b1f, 85.34vw 95.34vh #ffe8c2, 41.9vw 74.75vh #ff6a1f, 54.61vw 60.33vh #ffb84d, 22.05vw 21.94vh #ff8a3d, 43.58vw 2.9vh #ff8a3d, 33.61vw 67.91vh #ff6a1f, 40.43vw 16.5vh #ffe8c2, 46.74vw 12.76vh #ffe8c2, 62.23vw 2.7vh #ff3b1f, 39.4vw 56.44vh #ff6a1f, 2.71vw 64.27vh #ff8a3d, 13.57vw 46.17vh #ff3b1f, 5.03vw 37.91vh #ffe8c2, 10.66vw 142.51vh #ff6a1f, 17.59vw 195.8vh #ffb84d, 51.8vw 105.02vh #ff8a3d, 24.92vw 184.83vh #ff8a3d, 45.65vw 180.14vh #ffb84d, 66.76vw 198.79vh #ff8a3d, 59.55vw 195.0vh #ffb84d, 89.14vw 161.27vh #ff8a3d, 71.93vw 150.48vh #ff3b1f, 83.06vw 154.79vh #ffb84d, 89.72vw 174.37vh #ff3b1f, 47.47vw 125.92vh #ffe8c2, 24.72vw 163.77vh #ff3b1f, 76.58vw 152.13vh #ff8a3d, 62.67vw 127.46vh #ff6a1f, 7.75vw 128.57vh #ff3b1f, 27.17vw 131.97vh #ff3b1f, 54.02vw 113.84vh #ff3b1f, 23.13vw 169.39vh #ff6a1f, 70.64vw 106.42vh #ff6a1f, 40.76vw 154.26vh #ff3b1f, 41.58vw 120.68vh #ffe8c2, 42.01vw 190.48vh #ff6a1f, 58.41vw 169.55vh #ff6a1f, 85.67vw 176.56vh #ff6a1f, 38.04vw 100.59vh #ffb84d, 35.18vw 175.35vh #ff3b1f, 85.34vw 195.34vh #ffe8c2, 41.9vw 174.75vh #ff6a1f, 54.61vw 160.33vh #ffb84d, 22.05vw 121.94vh #ff8a3d, 43.58vw 102.9vh #ff8a3d, 33.61vw 167.91vh #ff6a1f, 40.43vw 116.5vh #ffe8c2, 46.74vw 112.76vh #ffe8c2, 62.23vw 102.7vh #ff3b1f, 39.4vw 156.44vh #ff6a1f, 2.71vw 164.27vh #ff8a3d, 13.57vw 146.17vh #ff3b1f, 5.03vw 137.91vh #ffe8c2;
  filter:drop-shadow(0 0 4px #ff8a3d) drop-shadow(0 0 7px #ff8a3d);
  animation:sp-f 46s linear infinite;
}

@keyframes sp-a{0%{transform:translate(0,0)}30%{transform:translate(20px,-30vh)}60%{transform:translate(-15px,-62vh)}85%{transform:translate(25px,-90vh)}100%{transform:translate(0,-100vh)}}
@keyframes sp-b{0%{transform:translate(0,0)}35%{transform:translate(-25px,-34vh)}65%{transform:translate(18px,-66vh)}88%{transform:translate(-20px,-92vh)}100%{transform:translate(0,-100vh)}}
@keyframes sp-c{0%{transform:translate(0,0)}28%{transform:translate(15px,-28vh)}55%{transform:translate(-22px,-58vh)}80%{transform:translate(12px,-88vh)}100%{transform:translate(0,-100vh)}}
@keyframes sp-d{0%{transform:translate(0,0)}32%{transform:translate(-18px,-32vh)}62%{transform:translate(24px,-64vh)}86%{transform:translate(-14px,-90vh)}100%{transform:translate(0,-100vh)}}
@keyframes sp-e{0%{transform:translate(0,0)}38%{transform:translate(12px,-36vh)}68%{transform:translate(-16px,-68vh)}90%{transform:translate(10px,-93vh)}100%{transform:translate(0,-100vh)}}
@keyframes sp-f{0%{transform:translate(0,0)}26%{transform:translate(-20px,-26vh)}57%{transform:translate(18px,-57vh)}82%{transform:translate(-24px,-87vh)}100%{transform:translate(0,-100vh)}}