#fw-section-featured-product-42119c48-e7aa-4b1e-b290-e61a4cb836e8 {

/* THE KORV BEST SELLER BUBBLE */
.product-card__tag--best-seller {
  position: absolute;
  top: 15px;
  left: 15px;
  background-color: #f6e05e; /* KORV Yellow */
  color: #000;
  padding: 8px 16px;
  
  /* THE "CIRCLY" LOOK */
  border-radius: 100px; 
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  
  /* EFFECTS */
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
  z-index: 10;
  pointer-events: none; /* Keeps the image clickable */
  
  /* OPTIONAL: Floating Animation */
  animation: bubbleFloat 3s ease-in-out infinite;
}

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

















#fw-section-product-product-product-page {

/* --- 1. GLOBAL RESET --- */
body, html, #root, [class*="PageContainer"] {
    background-color: #000 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    font-family: 'Arial Black', sans-serif !important;
}

/* --- 2. THE MAIN PRODUCT IMAGE BOX --- */
/* This kills that massive yellow block and makes it KORV-black */
[class*="ProductPage"] [class*="ImageContainer"],
[class*="MediaGallery"], 
.product-page-main-container div[style*="background-color"] {
    background-color: #0d0d0d !important;
    border: 2px solid rgba(251, 255, 0, 0.3) !important;
    border-radius: 30px !important;
}

/* --- 3. SIDEBAR THUMBNAILS --- */
/* Makes them look like a vertical Y2K list */
[class*="Thumbnails"] {
    background: transparent !important;
}

[class*="Thumbnail"] {
    border: 1px solid rgba(251, 255, 0, 0.2) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: 0.3s !important;
}

[class*="Thumbnail"]:hover {
    border-color: #fbff00 !important;
    transform: scale(1.05);
}

/* --- 4. TEXT STYLING --- */
h1, [class*="ProductTitle"] {
    font-size: 3rem !important;
    font-style: italic !important;
    color: #fbff00 !important;
    letter-spacing: -2px !important;
    line-height: 1 !important;
}

/* --- 5. SIZE SELECTOR BUTTONS --- */
/* Target those circles and turn them into terminal buttons */
[class*="VariantPicker"] button {
    background: transparent !important;
    border: 1px solid rgba(251, 255, 0, 0.5) !important;
    color: #fbff00 !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
}

[class*="VariantPicker"] button[data-selected="true"],
[class*="VariantPicker"] button:hover {
    background: #fbff00 !important;
    color: #000 !important;
}

/* --- 6. ADD TO CART BUTTON --- */
button[class*="AddToCart"] {
    background: #fbff00 !important;
    color: #000 !important;
    font-weight: 900 !important;
    border-radius: 12px !important;
    height: 65px !important;
    box-shadow: 0 0 25px rgba(251, 255, 0, 0.2) !important;
}

/* --- 7. RECOMMENDATIONS (HOT_FILES) --- */
[class*="RelatedProducts"] {
    background: #000 !important;
    border-top: 1px solid rgba(251, 255, 0, 0.1) !important;
}

[class*="ProductCard"] [class*="ImageWrapper"] {
    background: #0d0d0d !important;
    border-radius: 20px !important;
}
}
#fw-section-product-recommendations-product-product-page {

/* --- 1. GLOBAL RESET --- */
body, html, #root, [class*="PageContainer"] {
    background-color: #000 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    font-family: 'Arial Black', sans-serif !important;
}

/* --- 2. THE MAIN PRODUCT IMAGE BOX --- */
/* This kills that massive yellow block and makes it KORV-black */
[class*="ProductPage"] [class*="ImageContainer"],
[class*="MediaGallery"], 
.product-page-main-container div[style*="background-color"] {
    background-color: #0d0d0d !important;
    border: 2px solid rgba(251, 255, 0, 0.3) !important;
    border-radius: 30px !important;
}

/* --- 3. SIDEBAR THUMBNAILS --- */
/* Makes them look like a vertical Y2K list */
[class*="Thumbnails"] {
    background: transparent !important;
}

[class*="Thumbnail"] {
    border: 1px solid rgba(251, 255, 0, 0.2) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: 0.3s !important;
}

[class*="Thumbnail"]:hover {
    border-color: #fbff00 !important;
    transform: scale(1.05);
}

/* --- 4. TEXT STYLING --- */
h1, [class*="ProductTitle"] {
    font-size: 3rem !important;
    font-style: italic !important;
    color: #fbff00 !important;
    letter-spacing: -2px !important;
    line-height: 1 !important;
}

/* --- 5. SIZE SELECTOR BUTTONS --- */
/* Target those circles and turn them into terminal buttons */
[class*="VariantPicker"] button {
    background: transparent !important;
    border: 1px solid rgba(251, 255, 0, 0.5) !important;
    color: #fbff00 !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
}

[class*="VariantPicker"] button[data-selected="true"],
[class*="VariantPicker"] button:hover {
    background: #fbff00 !important;
    color: #000 !important;
}

/* --- 6. ADD TO CART BUTTON --- */
button[class*="AddToCart"] {
    background: #fbff00 !important;
    color: #000 !important;
    font-weight: 900 !important;
    border-radius: 12px !important;
    height: 65px !important;
    box-shadow: 0 0 25px rgba(251, 255, 0, 0.2) !important;
}

/* --- 7. RECOMMENDATIONS (HOT_FILES) --- */
[class*="RelatedProducts"] {
    background: #000 !important;
    border-top: 1px solid rgba(251, 255, 0, 0.1) !important;
}

[class*="ProductCard"] [class*="ImageWrapper"] {
    background: #0d0d0d !important;
    border-radius: 20px !important;
}
}










#fw-section-password {

/* 1. HIDE ALL DEFAULT NAVIGATION */
header, footer, nav, .fw-header, .fw-footer, .announcement-bar, .header__nav, .header__actions, .bag-icon {
  display: none !important;
}

/* 2. PAGE ARCHITECTURE - TRANSPARENT BASE FOR VIDEO */
body, html {
  background: transparent !important;
  margin: 0; padding: 0;
  overflow: hidden;
  height: 100vh;
}

/* 3. SPLIT-SCREEN LOGIC */
.coming-soon-page, .section {
  display: flex !important;
  justify-content: flex-end !important;
  height: 100vh;
  width: 100vw;
  background: transparent !important; /* This allows your background video to show */
  padding: 0 !important;
}

/* THE TERMINAL BOX (Right Side Only) */
.coming-soon-page .content-container, .password-section {
  width: 500px !important; 
  height: 100vh;
  background: #080808 !important; /* Solid dark terminal */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 60px !important;
  box-sizing: border-box;
  text-align: left !important;
  border-left: 1px solid rgba(246, 224, 94, 0.1);
  z-index: 10;
}

/* 4. TYPOGRAPHY - FULL WHITE TEXT */
h1, .coming-soon-page h1, .password-page h1 {
  font-size: 110px !important;
  font-weight: 900 !important;
  color: #ffffff !important; /* PURE WHITE */
  line-height: 0.8 !important;
  letter-spacing: -6px !important;
  margin: 0 !important;
  font-family: 'Inter', sans-serif !important;
  text-transform: uppercase;
}

/* KEEP THE SUBTEXT YELLOW FOR BRAND CONTRAST */
p, .description {
  color: #f6e05e !important;
  font-family: monospace !important;
  letter-spacing: 4px !important;
  font-size: 11px !important;
  text-transform: uppercase;
  margin-top: 10px !important;
  margin-bottom: 40px !important;
}

/* 5. FORM STYLING */
input[type="email"] {
  width: 100% !important;
  background: transparent !important;
  border: 1px solid #222 !important;
  padding: 22px !important;
  color: #ffffff !important;
  font-family: monospace !important;
}

.sign-up-button, button[type="submit"] {
  width: 100% !important;
  padding: 25px !important;
  background: #f6e05e !important;
  color: #000000 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 5px !important;
  border: none !important;
}

/* FORCE DESCRIPTION TEXT TO WHITE */
p, .description, .coming-soon-page p {
  color: #ffffff !important; /* Pure white */
  font-family: monospace !important;
  letter-spacing: 2px !important;
  font-size: 11px !important;
  text-transform: uppercase;
  margin-top: 15px !important;
  margin-bottom: 30px !important;
  opacity: 1 !important; /* Ensure it's not faded */
  text-shadow: 2px 2px 4px rgba(0,0,0,0.8); /* Adds a shadow to pop off the logo background */
}
}