/** Shopify CDN: Minification failed

Line 305:0 All "@import" rules must come first

**/
@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* =========================================
   SEASONORA — STRONG ORANGE GLOW TICKER
   ========================================= */

.horizontal-ticker,
.horizontal-ticker-section,
.ticker,
.ticker-section,
.scrolling-text,
.scrolling-text-section {
  position: relative !important;

  background: #130B1E !important;
  background-color: #130B1E !important;

  min-height: 48px !important;
  height: 48px !important;

  display: flex !important;
  align-items: center !important;

  padding: 0 !important;
  border: none !important;

  /* REAL ORANGE OUTER GLOW */
  box-shadow:
    0 0 8px rgba(255, 106, 0, 0.45),
    0 0 18px rgba(255, 106, 0, 0.30),
    0 0 35px rgba(255, 106, 0, 0.18),
    inset 0 0 18px rgba(255, 106, 0, 0.08) !important;
}
/* ========================================= HEADER SETTINGS ========================================= */

/* Header layout - logo left, menu center, icons right */
.header {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}

/* Logo - left */
.header__heading-logo-wrapper,
.header__logo {
  grid-column: 1 !important;
  justify-self: start !important;
}

/* Navigation - center */
.header__inline-menu,
.header nav {
  grid-column: 2 !important;
  justify-self: center !important;
}

/* Icons - right */
.header__icons {
  grid-column: 3 !important;
  justify-self: end !important;
}

/* Header - solid dark, full width */
.header,
.header-wrapper,
.section-header {
  background: #140b1f !important;
}

.header-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ========================================= ACTIVE NAV LINK ========================================= */

/* Active page - orange + underline */
.header nav a[aria-current="page"],
.header__menu-item[aria-current="page"] {
  color: #ff6a00 !important;
  border-bottom: 2px solid #ff6a00 !important;
  padding-bottom: 4px !important;
}

/* All other menu links - no underline */
.header nav a:not([aria-current="page"]),
.header__menu-item:not([aria-current="page"]) {
  border-bottom: none !important;
}

/* ========================================= CART COUNT ========================================= */

.cart-count-bubble {
  background: #ff6a00 !important;
  color: #fff !important;
}

/* ========================================= MOBILE MENU – SEASONORA STYLE ========================================= */

@media screen and (max-width: 749px) {

  /* ========================================= MAIN DRAWER BACKGROUND ========================================= */

  .menu-drawer,
  .menu-drawer__inner-container,
  .menu-drawer__navigation-container {
    background: #140b1f !important;
  }

  /* Halloween atmosphere */
  .menu-drawer__inner-container {
    background:
      radial-gradient(
        circle at 0% 100%,
        rgba(122, 31, 255, 0.16),
        transparent 38%
      ),
      radial-gradient(
        circle at 100% 0%,
        rgba(255, 106, 0, 0.08),
        transparent 30%
      ),
      #140b1f !important;
  }

  /* ========================================= NAVIGATION SPACING ========================================= */

  .menu-drawer__navigation {
    padding-top: 20px !important;
  }

  .menu-drawer__utility-links {
    border-top: none !important;
  }

  /* ========================================= MAIN MENU ITEMS ========================================= */

  /* Main menu items */
  .menu-drawer__menu-item {
    position: relative !important;

    color: #e8e5ed !important;
    background: transparent !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;

    /* Фиксирана височина */
    height: 40px !important;
    box-sizing: border-box !important;

    /* Центриране хоризонтално */
    display: flex !important;
    align-items: center !important;

    /* Текстът леко надолу */
    padding: 3px 26px 0 32px !important;

    margin: 3px 14px !important;

    border: none !important;
    border-radius: 10px !important;

    transition:
      color 0.25s ease,
      background 0.25s ease,
      transform 0.25s ease !important;
  }

  /* ========================================= REMOVE ALL THEME UNDERLINES ========================================= */

  .menu-drawer__menu-item::after,
  .menu-drawer__menu-item[aria-current="page"]::after,
  .menu-drawer__menu-item--active::after {
    content: none !important;
    display: none !important;

    border: none !important;
    border-bottom: none !important;

    width: 0 !important;
    height: 0 !important;
  }

  /* ========================================= HOVER / TOUCH ========================================= */

  .menu-drawer__menu-item:hover {
    color: #ffffff !important;

    background: rgba(122, 31, 255, 0.08) !important;

    transform: translateX(3px) !important;
  }

  /* ========================================= ACTIVE MENU ITEM ========================================= */

  .menu-drawer__menu-item[aria-current="page"],
  .menu-drawer__menu-item--active {
    color: #ff6a00 !important;

    background: rgba(255, 106, 0, 0.06) !important;

    border: none !important;
    border-bottom: none !important;

    text-decoration: none !important;

    box-shadow: none !important;
  }

  /* ========================================= ORANGE GLOWING ACTIVE LINE ========================================= */

  .menu-drawer__menu-item[aria-current="page"]::before,
  .menu-drawer__menu-item--active::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 4px !important;
    height: 24px !important;

    transform: translateY(-50%) !important;

    background: #ff6a00 !important;

    border-radius: 0 10px 10px 0 !important;

    box-shadow:
      0 0 7px rgba(255, 106, 0, 0.95),
      0 0 14px rgba(255, 106, 0, 0.55),
      0 0 22px rgba(255, 106, 0, 0.25) !important;
  }

  /* ========================================= SUBMENU ========================================= */

  .menu-drawer__inner-submenu {
    background: #140b1f !important;
  }

  /* ========================================= MENU HEADER ========================================= */

  .menu-drawer__inner-container > .menu-drawer__header,
  .menu-drawer__header {
    background: rgba(255, 255, 255, 0.015) !important;

    border-bottom: 1px solid rgba(122, 31, 255, 0.22) !important;

    padding: 18px 20px !important;
  }

  /* ========================================= MENU TITLE ========================================= */

  .menu-drawer__header span,
  .menu-drawer__header h2 {
    color: #ffffff !important;

    font-weight: 700 !important;

    letter-spacing: 1px !important;
  }

  /* ========================================= CLOSE BUTTON ========================================= */

  .menu-drawer__close-button {
    color: #ffffff !important;

    border: 1px solid rgba(122, 31, 255, 0.35) !important;

    border-radius: 10px !important;

    width: 38px !important;
    height: 38px !important;

    transition: all 0.25s ease !important;
  }

  .menu-drawer__close-button:hover {
    color: #ff6a00 !important;

    border-color: #ff6a00 !important;

    background: rgba(255, 106, 0, 0.08) !important;

    box-shadow: 0 0 12px rgba(255, 106, 0, 0.25) !important;
  }

}



@import url('https://fonts.googleapis.com/css2?family=Creepster&family=Bebas+Neue&display=block');

/* =========================================
   HERO – CLEAN FINAL VERSION
   ========================================= */

/* =====================
   DESKTOP
   ===================== */

/* Главен текст */
.banner__heading {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 120px !important;
  line-height: 1.05 !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  transform: translateY(-180px) !important;
}

/* САМО HALLOWEEN */
.banner__heading strong,
.banner__heading b,
.banner__heading .highlight {
  font-family: 'Creepster', cursive !important;
  font-size: 1.1em !important;
  font-weight: 400 !important;
  color: #ff6a00 !important;
  letter-spacing: 1px !important;
}

/* Малък текст */
.banner__text {
  transform: translateY(-160px) !important;
  font-size: 28px !important;
  line-height: 1.4 !important;
  max-width: 650px !important;

  text-shadow:
    0 0 4px rgba(255,255,255,0.8),
    0 0 10px rgba(180,100,255,0.8),
    0 0 20px rgba(122,31,247,0.7) !important;
}

/* Бутон */
.banner__buttons {
  transform: translateY(-100px) !important;
}

.banner__buttons .button {
  background: #7A1FFF !important;
  background-color: #7A1FFF !important;
  color: #ffffff !important;

  border: none !important;
  border-radius: 50px !important;

  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;

  padding: 20px 55px !important;
  min-width: 220px !important;
  min-height: 64px !important;

  box-shadow:
    0 0 12px rgba(122, 31, 255, 0.7),
    0 0 28px rgba(122, 31, 255, 0.45) !important;

  transition: all 0.25s ease !important;
}

.banner__buttons .button:hover {
  background: #8f3dff !important;

  box-shadow:
    0 0 18px rgba(143, 61, 255, 0.9),
    0 0 40px rgba(122, 31, 255, 0.65) !important;
}


/* =====================
   MOBILE
   ===================== */

@media screen and (max-width: 749px) {

  /* Главен текст */
  .banner__heading {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 48px !important;
    line-height: 1.05 !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;

    transform: translateY(-48px) !important;
  }

  /* HALLOWEEN */
  .banner__heading strong,
  .banner__heading b,
  .banner__heading .highlight {
    font-family: 'Creepster', cursive !important;
    font-size: 1.1em !important;
    color: #ff6a00 !important;
    font-weight: 400 !important;
  }

  /* Малък текст */
  .banner__text {
    transform: translateY(-22px) !important;

    font-size: 16px !important;
    line-height: 1.4 !important;
    max-width: 300px !important;

    text-shadow:
      0 0 5px rgba(255,255,255,0.9),
      0 0 12px rgba(180,100,255,0.9),
      0 0 24px rgba(122,31,247,0.8) !important;
  }

  /* Бутон */
  .banner__buttons {
    transform: translateY(20px) !important;
  }

  .banner__buttons .button {
    font-size: 14px !important;

    padding: 15px 36px !important;
    min-width: 190px !important;
    min-height: auto !important;

    background: #7A1FFF !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 50px !important;

    box-shadow:
      0 0 12px rgba(122,31,255,0.75),
      0 0 30px rgba(122,31,255,0.5) !important;
  }
}


/* === 3D PRODUCT SLIDER === */
.slider3d-heading {
  text-align: center;
  font-size: 38px;
  margin-bottom: 40px;
  color: #F3EBFF;
  text-transform: uppercase;
}
.slider3d-swiper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0 60px;
}
.slider3d-slide {
  width: 300px;
}
.slider3d-card {
  display: block;
  background: #241534;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(122,31,247,0.3);
  position: relative;
  text-decoration: none;
  transition: box-shadow .3s;
}
.swiper-slide-active .slider3d-card {
  border-color: #7A1FFF;
  box-shadow: 0 0 30px rgba(122,31,247,0.5);
}
.slider3d-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #FF6A00;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 6px;
  z-index: 2;
}
.slider3d-img img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
}
.slider3d-info {
  padding: 16px;
  text-align: center;
}
.slider3d-info h3 {
  color: #F3EBFF;
  font-size: 16px;
  margin: 0 0 8px;
  text-transform: uppercase;
}
.slider3d-price .price-now {
  color: #FF6A00;
  font-weight: 700;
  font-size: 18px;
  margin-right: 8px;
}
.slider3d-price .price-was {
  color: #999;
  text-decoration: line-through;
  font-size: 15px;
}
.swiper-button-prev, .swiper-button-next {
  color: #7A1FFF !important;
}
.swiper-pagination-bullet-active {
  background: #FF6A00 !important;
}
@media screen and (max-width: 749px) {
  .slider3d-slide { width: 220px; }
  .slider3d-img img { height: 200px; }
  .slider3d-heading { font-size: 26px; }
}

/* ===== FOOTER BACKGROUND IMAGE ===== */

.footer {
  position: relative;
  background-image:
    linear-gradient(rgba(5,2,11,.30), rgba(5,2,11,.45)),
    url("/cdn/shop/files/ChatGPT_Image_Aug_17_2026_at_02_52_31_PM.png?v=1786967578");
  background-size: cover, 100% auto;      /* overlay пълни; снимката = пълна ширина, без уголемяване */
  background-position: center, center bottom;
  background-repeat: no-repeat, no-repeat;
  background-color: #05020b;              /* запълва тъмното отгоре */
}

.footer,
.footer a,
.footer .footer__content-bottom,
.footer .footer-block__heading {
  color: #f4ecf6 !important;
}

/* ===== МОБИЛНА ВЕРСИЯ (вертикална снимка) ===== */
@media screen and (max-width: 749px) {
  .footer {
    background-image:
      linear-gradient(rgba(5,2,11,.30), rgba(5,2,11,.45)),
      url("/cdn/shop/files/ChatGPT_Image_Aug_17_2026_at_03_05_52_PM.png?v=1786968373");
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

}
/* =========================================
   SEASONORA — OVERSCROLL COLOR
   ========================================= */

html {
  background: #140B1F !important;
  background-color: #140B1F !important;
}

body {
  background: transparent !important;
  overscroll-behavior-y: auto !important;
}
/* PERFORMANCE TEST — GLOW EFFECTS */

img {
  content-visibility: auto !important;
}