/* =========================================================
   PixelHaven Homepage Hero
   Anime Battle / Manga Splash Palette
   Desktop + Mobile
   Center Burst Readability Overlay
========================================================= */

/* Main hero cover */
.ph-hero {
  --ph-hero-mobile-img: url("https://atxpixelhaven.com/wp-content/uploads/2025/05/city_blue_purple.gif");

  position: relative;
  min-height: 773px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  isolation: isolate;
  padding: 0 24px;
  background-color: #070817;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* Desktop Gutenberg Cover image */
.ph-hero .wp-block-cover__image-background {
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.01);
  transform-origin: center center;
  animation: phHeroImageCrawl 100s ease-in-out infinite alternate;
  will-change: transform;
}

/* Remove default WP cover darkness */
.ph-hero .wp-block-cover__background {
  opacity: 0 !important;
}

/* Light anime-energy atmosphere */
.ph-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(circle at 26% 42%, rgba(255, 59, 212, 0.075), transparent 30%),
    radial-gradient(circle at 74% 42%, rgba(86, 236, 244, 0.075), transparent 30%),
    radial-gradient(circle at 50% 52%, rgba(255, 228, 92, 0.035), transparent 32%),
    linear-gradient(180deg, rgba(7, 8, 23, 0.02) 0%, rgba(7, 8, 23, 0.18) 100%);
}

/* Subtle manga/digital texture */
.ph-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background-image:
    linear-gradient(135deg, transparent 0 48%, rgba(86, 236, 244, 0.025) 48.2% 48.55%, transparent 48.8%),
    linear-gradient(45deg, transparent 0 58%, rgba(255, 59, 212, 0.022) 58.2% 58.55%, transparent 58.8%),
    radial-gradient(circle, rgba(217, 251, 255, 0.026) 1px, transparent 1.45px);
  background-size:
    100% 100%,
    100% 100%,
    22px 22px;
  opacity: 0.7;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.34), transparent 92%);
}

/* Content above image/effects */
.ph-hero .wp-block-cover__inner-container {
  position: relative;
  z-index: 4;
  width: 100%;
}

/* Floating text wrapper */
.ph-hero-content {
  position: relative;
  z-index: 1;
  width: min(920px, calc(100% - 40px));
  margin: 0 auto !important;
  padding: clamp(22px, 3vw, 38px) clamp(18px, 4vw, 54px) !important;

  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;

  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

  animation: phHeroTextFloatSubtle 16s ease-in-out infinite;
}

/* Opaque manga burst behind the text - contained, no square edges */
.ph-hero-content::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 50%;
  width: min(860px, 92vw);
  height: min(430px, 52vw);
  transform: translate(-50%, -50%);
  pointer-events: none;
  border-radius: 999px;

  background:
    radial-gradient(ellipse at center,
      rgba(7, 8, 23, 0.9) 0%,
      rgba(13, 8, 35, 0.84) 34%,
      rgba(20, 11, 46, 0.58) 58%,
      rgba(7, 8, 23, 0.14) 74%,
      transparent 100%
    );

  filter: blur(10px);
  opacity: 0.96;
}

/* Manga-style burst rays, contained */
.ph-hero-content::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: min(900px, 94vw);
  height: min(470px, 56vw);
  transform: translate(-50%, -50%);
  pointer-events: none;
  border-radius: 999px;

  background:
    conic-gradient(
      from 0deg at 50% 50%,
      transparent 0deg,
      rgba(86, 236, 244, 0.11) 8deg,
      transparent 17deg,
      rgba(255, 59, 212, 0.09) 27deg,
      transparent 38deg,
      rgba(255, 228, 92, 0.07) 49deg,
      transparent 62deg,
      rgba(86, 236, 244, 0.09) 78deg,
      transparent 96deg,
      rgba(255, 59, 212, 0.08) 114deg,
      transparent 132deg,
      rgba(86, 236, 244, 0.09) 150deg,
      transparent 170deg,
      rgba(255, 228, 92, 0.06) 190deg,
      transparent 212deg,
      rgba(255, 59, 212, 0.08) 232deg,
      transparent 255deg,
      rgba(86, 236, 244, 0.09) 278deg,
      transparent 300deg,
      rgba(255, 59, 212, 0.07) 326deg,
      transparent 360deg
    );

  opacity: 0.42;
  filter: blur(2px);
  mask-image: radial-gradient(ellipse at center, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.28) 48%, transparent 74%);
}

/* YOUR LOCAL */
.ph-hero-kicker {
  position: relative;
  z-index: 2;
  margin: 0 0 4px !important;
  color: #f7edff !important;
  font-size: clamp(2.4rem, 5vw, 5rem) !important;
  line-height: 0.95 !important;
  font-weight: 950 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase;

  -webkit-text-stroke: 1.5px rgba(7, 8, 23, 0.98);
  paint-order: stroke fill;

  text-shadow:
    0 8px 18px rgba(0, 0, 0, 0.86),
    0 0 18px rgba(255, 59, 212, 0.38),
    0 0 28px rgba(86, 236, 244, 0.18);
}

/* GAME STORE */
.ph-hero-title {
  position: relative;
  z-index: 2;
  margin: 0 0 24px !important;
  color: #78f3ff !important;
  font-size: clamp(4.2rem, 9vw, 9.4rem) !important;
  line-height: 0.82 !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;

  -webkit-text-stroke: 2px rgba(7, 8, 23, 0.98);
  paint-order: stroke fill;

  text-shadow:
    0 10px 24px rgba(0, 0, 0, 0.9),
    0 0 24px rgba(86, 236, 244, 0.44),
    0 0 38px rgba(255, 59, 212, 0.2);
}

/* BUY · SELL · TRADE */
.ph-hero-triad {
  position: relative;
  z-index: 2;
  display: block !important;
  width: fit-content !important;
  max-width: 100%;
  margin: 0 auto 28px !important;
  padding: 10px 20px !important;

  border: 1px solid rgba(255, 228, 92, 0.72);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(7, 8, 23, 0.88), rgba(20, 11, 46, 0.82));

  color: #ffe45c !important;
  font-size: clamp(1rem, 1.5vw, 1.35rem) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.18em !important;
  text-align: center !important;
  text-transform: uppercase;

  text-shadow:
    0 4px 14px rgba(0, 0, 0, 0.78),
    0 0 12px rgba(255, 228, 92, 0.42);

  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.42),
    0 0 18px rgba(255, 59, 212, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

/* Buttons wrapper */
.ph-hero-buttons {
  position: relative;
  z-index: 5;

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  width: 100%;
  margin-top: 0 !important;

  animation: phHeroButtonsFloatSubtle 16s ease-in-out infinite;
}

/* Small shadow pool behind buttons */
.ph-hero-buttons::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -14px -22px;
  pointer-events: none;
  border-radius: 999px;
  background:
    radial-gradient(ellipse at center, rgba(7, 8, 23, 0.62), rgba(7, 8, 23, 0.08) 72%, transparent 100%);
}

/* Base button styling */
.wp-block-button.ph-btn .wp-block-button__link {
  border-radius: 999px;
  padding: 15px 30px;
  font-size: 0.92rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 2px solid rgba(217, 251, 255, 0.72);

  color: #ffffff !important;

  text-shadow:
    0 2px 8px rgba(0, 0, 0, 0.72);

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    filter 180ms ease,
    border-color 180ms ease;
}

.wp-block-button.ph-btn .wp-block-button__link:hover {
  transform: translateY(-2px);
  filter: brightness(1.08) saturate(1.06);
  border-color: rgba(255, 255, 255, 0.9);
}

/* EVENTS button - cyan/blue */
.ph-btn-events .wp-block-button__link {
  color: #ffffff !important;
  background:
    linear-gradient(135deg, #56ecf4 0%, #0787ff 56%, #2347d8 100%) !important;
  box-shadow:
    0 10px 24px rgba(46, 199, 255, 0.4),
    0 0 20px rgba(86, 236, 244, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

/* SINGLES button - magenta/violet */
.ph-btn-singles .wp-block-button__link {
  color: #ffffff !important;
  background:
    linear-gradient(135deg, #ff3bd4 0%, #8b4dff 54%, #495cff 100%) !important;
  box-shadow:
    0 10px 24px rgba(255, 59, 212, 0.36),
    0 0 20px rgba(123, 92, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.32);
}

/* SHOP button - yellow/cyan accent */
.ph-btn-shop .wp-block-button__link {
  color: #070817 !important;
  text-shadow: none !important;
  background:
    linear-gradient(135deg, #ffe45c 0%, #56ecf4 62%, #0787ff 100%) !important;
  box-shadow:
    0 10px 24px rgba(255, 228, 92, 0.3),
    0 0 20px rgba(86, 236, 244, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

/* =========================================================
   Subtle Animati======================================================== */

@keyframes phHeroImageCrawl {
  0% {
    transform: scale(1.01) translate3d(0, 0, 0);
  }

  100% {
    transform: scale(1.014) translate3d(0, -1px, 0);
  }
}

@keyframes phHeroTextFloatSubtle {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}

@keyframes phHeroButtonsFloatSubtle {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-1px);
  }
}

/* =========================================================
   Mobile Hero
========================================================= */

@media (max-width: 767px) {
  .ph-hero {
    min-height: 720px !important;
    align-items: flex-end !important;
    padding: 0 16px 42px !important;

    background-image: var(--ph-hero-mobile-img) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  .ph-hero .wp-block-cover__image-background {
    display: none !important;
  }

  .ph-hero::before {
    background:
      radial-gradient(circle at 50% 48%, rgba(255, 59, 212, 0.045), transparent 44%),
      radial-gradient(circle at 50% 58%, rgba(86, 236, 244, 0.04), transparent 46%),
      linear-gradient(180deg, rgba(7, 8, 23, 0) 0%, rgba(7, 8, 23, 0.1) 45%, rgba(7, 8, 23, 0.24) 100%);
  }

  .ph-hero::after {
    opacity: 0.42;
  }

  .ph-hero-content {
    width: 100%;
    padding: 20px 10px !important;
    animation: phHeroTextFloatSubtleMobile 18s ease-in-out infinite;
  }

  .ph-hero-content::before {
    width: min(520px, 96vw);
    height: 330px;
    filter: blur(12px);
  }

  .ph-hero-content::after {
    width: min(560px, 98vw);
    height: 360px;
    opacity: 0.3;
  }

  .ph-hero-kicker {
    font-size: clamp(2rem, 12vw, 3.4rem) !important;
    line-height: 0.95 !important;
    letter-spacing: 0.04em !important;
    -webkit-text-stroke: 1px rgba(7, 8, 23, 0.98);

    text-shadow:
      0 8px 22px rgba(0, 0, 0, 0.94),
      0 0 16px rgba(255, 59, 212, 0.3),
      0 0 16px rgba(86, 236, 244, 0.18);
  }

  .ph-hero-title {
    font-size: clamp(3.4rem, 17vw, 5.4rem) !important;
    line-height: 0.82 !important;
    margin-bottom: 20px !important;
    letter-spacing: -0.025em !important;
    -webkit-text-stroke: 1.4px rgba(7, 8, 23, 0.98);

    text-shadow:
      0 10px 26px rgba(0, 0, 0, 0.96),
      0 0 18px rgba(86, 236, 244, 0.4),
      0 0 20px rgba(255, 59, 212, 0.14);
  }

  .ph-hero-triad {
    width: auto !important;
    max-width: 100%;
    padding: 9px 14px !important;
    margin: 0 auto 24px !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.11em !important;
    white-space: normal;

    border-color: rgba(255, 228, 92, 0.62);
    background: rgba(7, 8, 23, 0.74);
    color: #ffe45c !important;
  }

  .ph-hero-buttons {
    width: 100%;
    flex-direction: column;
    gap: 12px;
    animation: none;
  }

  .ph-hero-buttons::before {
    inset: -10px -8px;
    border-radius: 26px;
  }

  .wp-block-button.ph-btn,
  .wp-block-button.ph-btn .wp-block-button__link {
    width: 100%;
  }

  .wp-block-button.ph-btn .wp-block-button__link {
    text-align: center;
    padding: 15px 22px;
    color: #ffffff !important;
  }

  .ph-btn-shop .wp-block-button__link {
    color: #070817 !important;
  }

  @keyframes phHeroTextFloatSubtleMobile {
    0%, 100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-1px);
    }
  }
}

/* =========================================================
   Shared Homepage Section Background
   Singles + Pre-Orders
   Solid Background / No Lines
========================================================= */

.ph-singles-section,
.ph-preorder-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #090718 !important;
}

/* Remove all background texture, dots, rays, and lines from Singles + Pre-Orders */
.ph-singles-section::before,
.ph-singles-section::after,
.ph-preorder-section::before,
.ph-preorder-section::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

/* Keep section spacing */
.ph-singles-section {
  padding: clamp(64px, 7vw, 105px) 20px;
}

.ph-preorder-section {
  padding: clamp(42px, 5vw, 76px) 20px clamp(64px, 7vw, 105px);
}

/* =========================================================
   PixelHaven Pre-Order Section
   WooCommerce Product Collection - Actual Frontend Selectors
========================================================= */

.ph-preorder-wrap {
  width: min(1360px, 100%) !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
  position: relative;
  z-index: 2;
}

/* =========================================================
   Header / Topbar
========================================================= */

.ph-preorder-topbar {
  width: 100% !important;
  max-width: 1360px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  margin: 0 auto clamp(28px, 4vw, 46px) !important;
}

.ph-preorder-copy {
  max-width: 760px !important;
  margin: 0 !important;
}

.ph-preorder-kicker {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  margin: 0 0 14px !important;
  padding: 8px 16px;
  border: 2px solid rgba(255, 228, 92, 0.68);
  border-radius: 999px;
  background: rgba(255, 228, 92, 0.1);
  color: #ffe45c !important;
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.28),
    0 0 20px rgba(255, 228, 92, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.ph-preorder-title {
  margin: 0 !important;
  color: #78f3ff !important;
  font-size: clamp(3.2rem, 6.6vw, 7.2rem) !important;
  line-height: 0.86 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
  text-transform: uppercase;
  text-shadow:
    0 8px 24px rgba(0, 0, 0, 0.72),
    0 0 24px rgba(86, 236, 244, 0.42),
    0 0 38px rgba(255, 59, 212, 0.2);
}

.ph-preorder-subtitle {
  max-width: 720px;
  margin: 16px 0 0 !important;
  color: rgba(235, 249, 255, 0.86) !important;
  font-size: clamp(1rem, 1.35vw, 1.16rem);
  line-height: 1.6;
  font-weight: 650;
}

.ph-preorder-buttons {
  display: flex !important;
  justify-content: flex-end;
  margin: 0 !important;
}

/* Top-right button */
.ph-preorder-buttons .wp-block-button__link,
.wp-block-button.ph-preorder-button .wp-block-button__link,
.wp-block-button.ph-preorder-buttons .wp-block-button__link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 16px 24px !important;
  border: 3px solid rgba(217, 251, 255, 0.86) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff3bd4 0%, #8b4dff 52%, #0787ff 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 0.92rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: 0 2px 8px rgba(0,0,0,0.48);
  box-shadow:
    7px 7px 0 rgba(2, 7, 26, 0.42),
    0 18px 34px rgba(123, 92, 255, 0.24),
    0 0 20px rgba(255, 59, 212, 0.14);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    filter 180ms ease;
}

.ph-preorder-buttons .wp-block-button__link:hover,
.wp-block-button.ph-preorder-button .wp-block-button__link:hover,
.wp-block-button.ph-preorder-buttons .wp-block-button__link:hover {
  transform: translateY(-4px);
  filter: brightness(1.08);
  box-shadow:
    9px 10px 0 rgba(2, 7, 26, 0.5),
    0 22px 42px rgba(123, 92, 255, 0.32),
    0 0 28px rgba(255, 59, 212, 0.2);
}

/* =========================================================
   Product Collection Wrapper
========================================================= */

.wp-block-woocommerce-product-collection.ph-preorder-products {
  width: 100% !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
}

.ph-preorder-products .wc-block-components-notices {
  margin: 0 !important;
}

/* Product template grid */
.ph-preorder-products.wc-block-product-template,
.ph-preorder-products .wc-block-product-template,
.wp-block-woocommerce-product-template.ph-preorder-products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.4vw, 30px) !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Individual product card */
.ph-preorder-products .wc-block-product,
.wp-block-woocommerce-product-template.ph-preorder-products > .wc-block-product {
  position: relative;
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  min-height: 100%;
  padding: 16px !important;
  border: 3px solid rgba(255, 228, 92, 0.62);
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(16, 8, 36, 0.96), rgba(7, 8, 23, 0.96));
  box-shadow:
    9px 9px 0 rgba(2, 7, 26, 0.56),
    0 18px 36px rgba(0, 0, 0, 0.34),
    0 0 22px rgba(255, 228, 92, 0.08);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}

.ph-preorder-products .wc-block-product:hover,
.wp-block-woocommerce-product-template.ph-preorder-products > .wc-block-product:hover {
  transform: translateY(-6px);
  border-color: #ffe45c;
  box-shadow:
    11px 13px 0 rgba(2, 7, 26, 0.66),
    0 24px 44px rgba(0, 0, 0, 0.42),
    0 0 28px rgba(255, 228, 92, 0.18),
    0 0 32px rgba(86, 236, 244, 0.1);
}

/* =========================================================
   Product Image
========================================================= */

.ph-preorder-products .wc-block-components-product-image,
.ph-preorder-products .wp-block-woocommerce-product-image {
  width: 100% !important;
  margin: 0 0 16px !important;
  overflow: hidden;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(86,236,244,0.08), rgba(255,59,212,0.08)),
    #070817;
  box-shadow:
    0 12px 24px rgba(0,0,0,0.28),
    0 0 18px rgba(86,236,244,0.08);
}

.ph-preorder-products .wc-block-components-product-image a,
.ph-preorder-products .wp-block-woocommerce-product-image a {
  display: block !important;
  width: 100% !important;
}

.ph-preorder-products .wc-block-components-product-image img,
.ph-preorder-products .wp-block-woocommerce-product-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: cover !important;
  border-radius: 18px !important;
  transition:
    transform 220ms ease,
    filter 220ms ease;
}

.ph-preorder-products .wc-block-product:hover .wc-block-components-product-image img,
.ph-preorder-products .wc-block-product:hover .wp-block-woocommerce-product-image img {
  transform: scale(1.035);
  filter: saturate(1.08) contrast(1.04);
}

/* =========================================================
   Product Title
========================================================= */

.ph-preorder-products .wp-block-post-title {
  margin: 0 0 10px !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1.15 !important;
}

.ph-preorder-products .wp-block-post-title a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: clamp(1rem, 1.25vw, 1.22rem) !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  text-shadow:
    0 4px 12px rgba(0,0,0,0.7),
    0 0 14px rgba(86,236,244,0.18);
}

.ph-preorder-products .wp-block-post-title a:hover {
  color: #78f3ff !important;
}

/* =========================================================
   Product Price
========================================================= */

.ph-preorder-products .wp-block-woocommerce-product-price,
.ph-preorder-products .wc-block-components-product-price,
.ph-preorder-products .wc-block-grid__product-price {
  margin: 0 0 14px !important;
  color: #ffe45c !important;
  text-align: center !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.03em;
  text-shadow:
    0 0 12px rgba(255, 228, 92, 0.22);
}

.ph-preorder-products .woocommerce-Price-amount,
.ph-preorder-products .amount,
.ph-preorder-products .woocommerce-Price-currencySymbol {
  color: #ffe45c !important;
  font-weight: 950 !important;
}

.ph-preorder-products del {
  color: rgba(235, 249, 255, 0.46) !important;
}

.ph-preorder-products ins {
  color: #ffe45c !important;
  text-decoration: none !important;
}

/* =========================================================
   Add to Cart Button
========================================================= */

.ph-preorder-products .wp-block-woocommerce-product-button {
  margin-top: auto !important;
  text-align: center !important;
}

.ph-preorder-products .wc-block-components-product-button__button,
.ph-preorder-products .wp-block-button__link,
.ph-preorder-products .added_to_cart {
  width: 100% !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-top: 0 !important;
  padding: 12px 18px !important;
  border: 2px solid rgba(217, 251, 255, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #56ecf4 0%, #0787ff 100%) !important;
  color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.48);
  box-shadow:
    0 10px 22px rgba(7, 135, 255, 0.2),
    inset 0 1px 0 rgba(255,255,255,0.28);
  transition:
    transform 180ms ease,
    filter 180ms ease,
    box-shadow 180ms ease;
}

.ph-preorder-products .wc-block-components-product-button__button:hover,
.ph-preorder-products .wp-block-button__link:hover,
.ph-preorder-products .added_to_cart:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow:
    0 14px 28px rgba(7, 135, 255, 0.28),
    0 0 18px rgba(86, 236, 244, 0.14);
}

/* =========================================================
   Resp======================================================== */

@media (max-width: 1024px) {
  .ph-preorder-topbar {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .ph-preorder-buttons {
    justify-content: flex-start;
  }

  .ph-preorder-products.wc-block-product-template,
  .ph-preorder-products .wc-block-product-template,
  .wp-block-woocommerce-product-template.ph-preorder-products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .ph-singles-section {
    padding: 56px 16px 72px;
  }

  .ph-preorder-section {
    padding: 40px 16px 72px;
  }

  .ph-preorder-title {
    font-size: clamp(3rem, 15vw, 4.8rem) !important;
  }

  .ph-preorder-buttons,
  .wp-block-button.ph-preorder-buttons,
  .ph-preorder-buttons .wp-block-button__link,
  .wp-block-button.ph-preorder-button,
  .wp-block-button.ph-preorder-button .wp-block-button__link {
    width: 100%;
  }

  .ph-preorder-products.wc-block-product-template,
  .ph-preorder-products .wc-block-product-template,
  .wp-block-woocommerce-product-template.ph-preorder-products {
    grid-template-columns: 1fr !important;
  }

  .ph-preorder-products .wc-block-product,
  .wp-block-woocommerce-product-template.ph-preorder-products > .wc-block-product {
    border-radius: 22px;
  }
}

/* =========================================================
   Accessibility
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .ph-hero .wp-block-cover__image-background,
  .ph-hero-content,
  .ph-hero-buttons,
  .ph-preorder-products .wc-block-product,
  .ph-preorder-products .wc-block-components-product-image img,
  .ph-preorder-products .wp-block-woocommerce-product-image img,
  .ph-preorder-products .wc-block-components-product-button__button,
  .ph-preorder-buttons .wp-block-button__link {
    animation: none !important;
    transition: none !important;
  }
}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media(max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media(max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}.wp-block-uagb-image{display:flex}.wp-block-uagb-image__figure{position:relative;display:flex;flex-direction:column;max-width:100%;height:auto;margin:0}.wp-block-uagb-image__figure img{height:auto;display:flex;max-width:100%;transition:box-shadow .2s ease}.wp-block-uagb-image__figure>a{display:inline-block}.wp-block-uagb-image__figure figcaption{text-align:center;margin-top:.5em;margin-bottom:1em}.wp-block-uagb-image .components-placeholder.block-editor-media-placeholder .components-placeholder__instructions{align-self:center}.wp-block-uagb-image--align-left{text-align:left}.wp-block-uagb-image--align-right{text-align:right}.wp-block-uagb-image--align-center{text-align:center}.wp-block-uagb-image--align-full .wp-block-uagb-image__figure{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw;height:auto}.wp-block-uagb-image--align-full .wp-block-uagb-image__figure img{height:auto;width:100% !important}.wp-block-uagb-image--align-wide .wp-block-uagb-image__figure img{height:auto;width:100%}.wp-block-uagb-image--layout-overlay__color-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;opacity:.2;background:rgba(0,0,0,.5);transition:opacity .35s ease-in-out}.wp-block-uagb-image--layout-overlay-link{position:absolute;left:0;right:0;bottom:0;top:0}.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity:1}.wp-block-uagb-image--layout-overlay__inner{position:absolute;left:15px;right:15px;bottom:15px;top:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-color:#fff;transition:.35s ease-in-out}.wp-block-uagb-image--layout-overlay__inner.top-left,.wp-block-uagb-image--layout-overlay__inner.top-center,.wp-block-uagb-image--layout-overlay__inner.top-right{justify-content:flex-start}.wp-block-uagb-image--layout-overlay__inner.bottom-left,.wp-block-uagb-image--layout-overlay__inner.bottom-center,.wp-block-uagb-image--layout-overlay__inner.bottom-right{justify-content:flex-end}.wp-block-uagb-image--layout-overlay__inner.top-left,.wp-block-uagb-image--layout-overlay__inner.center-left,.wp-block-uagb-image--layout-overlay__inner.bottom-left{align-items:flex-start}.wp-block-uagb-image--layout-overlay__inner.top-right,.wp-block-uagb-image--layout-overlay__inner.center-right,.wp-block-uagb-image--layout-overlay__inner.bottom-right{align-items:flex-end}.wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{color:#fff;transition:transform .35s,opacity .35s ease-in-out;transform:translate3d(0, 24px, 0);margin:0;line-height:1em}.wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width:30%;border-top-width:2px;border-top-color:#fff;border-top-style:solid;margin-bottom:10px;opacity:0;transition:transform .4s,opacity .4s ease-in-out;transform:translate3d(0, 30px, 0)}.wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity:0;overflow:visible;color:#fff;transition:transform .45s,opacity .45s ease-in-out;transform:translate3d(0, 35px, 0)}.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-heading,.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-separator,.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-caption{opacity:1;transform:translate3d(0, 0, 0)}.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure img,.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure .wp-block-uagb-image--layout-overlay__color-wrapper{transform:scale(1);transition:transform .35s ease-in-out}.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure:hover img,.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{transform:scale(1.05)}.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure img,.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure .wp-block-uagb-image--layout-overlay__color-wrapper{width:calc(100% + 40px) !important;max-width:none !important;transform:translate3d(-40px, 0, 0);transition:transform .35s ease-in-out}.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure:hover img,.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{transform:translate3d(0, 0, 0)}.wp-block-uagb-image--effect-grayscale img{filter:grayscale(0%);transition:.35s ease-in-out}.wp-block-uagb-image--effect-grayscale:hover img{filter:grayscale(100%)}.wp-block-uagb-image--effect-blur img{filter:blur(0);transition:.35s ease-in-out}.wp-block-uagb-image--effect-blur:hover img{filter:blur(3px)}.uagb-block-a5ede232.wp-block-uagb-image{text-align: center;justify-content: center;align-self: center;}.uagb-block-a5ede232 .wp-block-uagb-image__figure{align-items: center;}.uagb-block-a5ede232.wp-block-uagb-image--layout-default figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-a5ede232.wp-block-uagb-image .wp-block-uagb-image__figure figcaption{font-style: normal;align-self: center;}.uagb-block-a5ede232.wp-block-uagb-image--layout-overlay figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-a5ede232.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 0.2;}.uagb-block-a5ede232.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner{left: 15px;right: 15px;top: 15px;bottom: 15px;}.uagb-block-a5ede232.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{font-style: normal;color: #fff;opacity: 1;}.uagb-block-a5ede232.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading a{color: #fff;}.uagb-block-a5ede232.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 0;}.uagb-block-a5ede232.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 1;}.uagb-block-a5ede232.wp-block-uagb-image .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width: 30%;border-top-width: 2px;border-top-color: #fff;opacity: 0;}.uagb-block-a5ede232.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 200px;height: 200px;}.uagb-block-a5ede232.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 1;}.uagb-block-a5ede232.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{opacity: 1;}.uagb-block-a5ede232.wp-block-uagb-image--layout-default figure:hover img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-a5ede232.wp-block-uagb-image--layout-overlay figure:hover img{box-shadow: 0px 0px 0 #00000070;}@media only screen and (max-width: 976px) {.uagb-block-a5ede232.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 200px;height: auto;}}@media only screen and (max-width: 767px) {.uagb-block-a5ede232.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 200px;height: auto;}}.wp-block-uagb-separator{text-align:center;box-sizing:border-box;line-height:0}.wp-block-uagb-separator__inner{display:inline-block}.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{border-top-style:solid;-webkit-mask:var(--my-background-image);-webkit-mask-size:38px 100%;-webkit-mask-repeat:repeat-x}.wp-block-uagb-separator--text .wp-block-uagb-separator__inner,.wp-block-uagb-separator--icon .wp-block-uagb-separator__inner{display:flex;justify-content:center;align-items:center;margin:0 auto}.wp-block-uagb-separator--text .wp-block-uagb-separator__inner::before,.wp-block-uagb-separator--icon .wp-block-uagb-separator__inner::before{display:block;content:"";border-bottom:0;flex-grow:1;border-top-color:#333;border-top-style:solid;-webkit-mask:var(--my-background-image);-webkit-mask-size:38px 100%;-webkit-mask-repeat:repeat-x}.wp-block-uagb-separator--text .wp-block-uagb-separator__inner::after,.wp-block-uagb-separator--icon .wp-block-uagb-separator__inner::after{display:block;content:"";border-bottom:0;flex-grow:1;border-top-color:#333;border-top-style:solid;-webkit-mask:var(--my-background-image);-webkit-mask-size:38px 100%;-webkit-mask-repeat:repeat-x}.wp-block-uagb-separator--icon .wp-block-uagb-separator-element svg{font-size:30px;color:#333;fill:#333;width:30px;height:30px;line-height:30px;max-width:none}.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{word-break:initial;margin:0}.uagb-block-1ec3a689.wp-block-uagb-separator{text-align: center;}.uagb-block-1ec3a689.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;line-height: 1em;}.uagb-block-1ec3a689.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;border-top-width: 3px;width: 100%;border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}@media only screen and (max-width: 976px) {.uagb-block-1ec3a689.wp-block-uagb-separator{text-align: center;}.uagb-block-1ec3a689.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-1ec3a689.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}}@media only screen and (max-width: 767px) {.uagb-block-1ec3a689.wp-block-uagb-separator{text-align: center;}.uagb-block-1ec3a689.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-1ec3a689.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}}.uagb-block-7162d523.wp-block-uagb-separator{text-align: center;}.uagb-block-7162d523.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;line-height: 1em;}.uagb-block-7162d523.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;border-top-width: 3px;width: 100%;border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}@media only screen and (max-width: 976px) {.uagb-block-7162d523.wp-block-uagb-separator{text-align: center;}.uagb-block-7162d523.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-7162d523.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}}@media only screen and (max-width: 767px) {.uagb-block-7162d523.wp-block-uagb-separator{text-align: center;}.uagb-block-7162d523.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-7162d523.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}}.uagb-block-22f8bff2.wp-block-uagb-separator{text-align: center;}.uagb-block-22f8bff2.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;line-height: 1em;}.uagb-block-22f8bff2.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;border-top-width: 3px;width: 100%;border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}@media only screen and (max-width: 976px) {.uagb-block-22f8bff2.wp-block-uagb-separator{text-align: center;}.uagb-block-22f8bff2.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-22f8bff2.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}}@media only screen and (max-width: 767px) {.uagb-block-22f8bff2.wp-block-uagb-separator{text-align: center;}.uagb-block-22f8bff2.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-22f8bff2.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}}