#fw-section-featured-collection-592adbaa-e0ca-4c3e-b95b-7e5b5554c095 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #070707;
--color-on-primary-rgb: 7, 7, 7;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-featured-collection-522e9a2d-bf6c-4a80-a5c4-00a8aab8deec {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #070707;
--color-on-primary-rgb: 7, 7, 7;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-collection-template-collection-ashen-sun {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #070707;
--color-on-primary-rgb: 7, 7, 7;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-collection-template-collection-black-flame {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #070707;
--color-on-primary-rgb: 7, 7, 7;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-collection-template-collection-default {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #070707;
--color-on-primary-rgb: 7, 7, 7;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-collection-template-collection-forged-in-fire {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #070707;
--color-on-primary-rgb: 7, 7, 7;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}



#fw-section-featured-collection-0 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #070707;
--color-on-primary-rgb: 7, 7, 7;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
/* ================================
   FEATURED COLLECTION 
================================ */

/* container */
section {

  max-width: 1580px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 28px !important;
  padding-right: 28px !important;

}


/* grid */
section ul {

  display: grid !important;

  grid-template-columns: repeat(4, 1fr) !important;

  gap: 22px !important;

}


/* image base */
section img {

  width: 100% !important;

  height: auto !important;

  transform: scale(1.03);

  transition: transform 0.35s ease;

}


/* hover like MKBHD */
section li:hover img {

  transform: scale(1.08);

}


/* tablet */
@media (max-width: 1100px){

  section ul {

    grid-template-columns: repeat(3, 1fr) !important;

  }

}


/* mobile */
@media (max-width: 768px){

  section {

    padding-left: 18px !important;
    padding-right: 18px !important;

  }

  section ul {

    grid-template-columns: repeat(2, 1fr) !important;

    gap: 18px !important;

  }

}
}

#fw-section-collections-list-8d1c8d4b-8940-4c0d-a1b9-a57b5d5ba802 {

/* =========================
   COLLECTIONS LIST 
========================= */

/* contenedor */
section a[href*="/collections/"] {

  position: relative;

  display: block;

  overflow: hidden;

  isolation: isolate;

}


/* =========================
   IMAGE — ZOOM EFFECT
========================= */

section a[href*="/collections/"] img {

  transition: transform 0.7s cubic-bezier(.22,.61,.36,1);

}


/* zoom on hover */

section a[href*="/collections/"]:hover img {

  transform: scale(1.08);

}


/* =========================
   DARK OVERLAY
========================= */

section a[href*="/collections/"]::before {

  content: "";

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      to top,
      rgba(0,0,0,0.75) 0%,
      rgba(0,0,0,0.15) 60%,
      rgba(0,0,0,0) 100%
    );

  opacity: 0;

  transition: opacity 0.5s ease;

  z-index: 1;

}


/* show overlay */

section a[href*="/collections/"]:hover::before {

  opacity: 1;

}


/* =========================
   ENTER BUTTON
========================= */

section a[href*="/collections/"]::after {

  content: "ENTER";

  position: absolute;

  left: 50%;
  top: 50%;

  transform: translate(-50%, 40px);

  color: white;

  font-family: "Cinzel", serif;

  letter-spacing: 0.25em;

  font-size: 14px;

  padding: 12px 26px;

  border: 1px solid rgba(255,255,255,0.85);

  background: rgba(0,0,0,0.35);

  backdrop-filter: blur(6px);

  opacity: 0;

  transition:
    transform 0.5s cubic-bezier(.22,.61,.36,1),
    opacity 0.4s ease,
    background 0.3s ease;

  z-index: 2;

}


/* show ENTER */

section a[href*="/collections/"]:hover::after {

  transform: translate(-50%, 0);

  opacity: 1;

}


/* =========================
   ENTER HOVER GLOW
========================= */

section a[href*="/collections/"]:hover::after {

  background: white;

  color: black;

  box-shadow: 0 0 18px rgba(255,255,255,0.25);

}


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

@media (max-width: 768px){

  section a[href*="/collections/"]::after {

    opacity: 1;

    transform: translate(-50%, 0);

    font-size: 12px;

    padding: 10px 18px;

    background: rgba(0,0,0,0.45);

  }

}
/* ===============================
   FIX ESPACIADO REAL — PREMIUM
=============================== */

/* eliminar padding excesivo global */
section{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* reducir espacio debajo de productos */
section:has(ul){
  margin-top: 10px !important;
}


/* ENTER THE REALMS — spacing correcto */
.valkyrie-title{

  margin-top: 40px !important;

  margin-bottom: 30px !important;

}


/* contenedor collections */
section ul{

  gap: 26px !important;

  margin-top: 0 !important;

}


/* reducir espacio debajo de colecciones */
section ul{
  margin-bottom: 10px !important;
}


/* limitar ancho como MKBHD pero sin crear vacío */
section{

  max-width: 1500px !important;

  margin-left: auto !important;
  margin-right: auto !important;

}


/* ===============================
   COLECCIONES tamaño PERFECTO
=============================== */

section ul li img{

  transform: scale(0.96);

  transition: transform .45s cubic-bezier(.22,.61,.36,1);

}


/* hover leve cinematic */
section ul li:hover img{

  transform: scale(1.02);

}


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

@media (max-width:768px){

  .valkyrie-title{

    margin-top: 25px !important;
    margin-bottom: 20px !important;

  }

}
}







#fw-section-product-product-default {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #070707;
--color-on-primary-rgb: 7, 7, 7;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-product-recommendations-product-default {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #070707;
--color-on-primary-rgb: 7, 7, 7;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-password {

/* ============================= */
/*      MIYU VALKYRIE FORGE      */
/*      Coming Soon - Clean      */
/* ============================= */


/* ---- Fondo con profundidad ---- */
body {
  background: radial-gradient(circle at top, #0a0a0a 0%, #000000 70%);
}


/* ---- Título principal BLANCO SÓLIDO ---- */
h1, h2 {
  font-family: "Cinzel", serif;
  color: #ffffff;              /* Blanco puro */
  text-transform: uppercase;
  letter-spacing: 4px;
  text-shadow: none;           /* Sin glow */
}


/* ---- Texto secundario ---- */
p {
  color: rgba(255,255,255,0.75);
  letter-spacing: 1px;
}


/* ---- Campo de email ---- */
input[type="email"] {
  background-color: #111111;
  border: 1px solid rgba(255,255,255,0.15);
  color: #f5f5f5;
  padding: 12px 16px;
  transition: all 0.3s ease;
}

input[type="email"]::placeholder {
  color: rgba(255,255,255,0.4);
}

input[type="email"]:focus {
  border: 1px solid rgba(255,120,40,0.8);
  outline: none;
  box-shadow: 0 0 10px rgba(255,120,40,0.6);
}


/* ---- Botón estilo Forja ---- */
button {
  background: linear-gradient(145deg, #2a2a2a, #111111);
  color: #f5f5f5;
  border: 1px solid rgba(255,120,40,0.6);
  font-family: "Cinzel", serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 12px 22px;
  cursor: pointer;
  transition: all 0.3s ease;
}

button:hover {
  box-shadow: 0 0 14px rgba(255,120,40,0.9);
  transform: translateY(-2px);
}


/* ---- Social icons más sutiles ---- */
footer svg {
  opacity: 0.6;
  transition: all 0.3s ease;
}

footer svg:hover {
  opacity: 1;
  transform: translateY(-2px);
}
}