#fw-section-hero-0 {

.banner {
background:linear-gradient(180deg,#000,#111);
text-align:center;
padding:100px 20px;
}

.banner h1 {
font-size:48px;
font-weight:900;
letter-spacing:4px;
color:#fff;
}

.banner p {
font-size:18px;
color:#ccc;
}

.banner button {
background:#FFD700;
color:#000;
font-weight:700;
padding:14px 30px;
border-radius:6px;
border:none;
transition:.2s;
}

.banner button:hover {
background:#fff;
transform:scale(1.05);
}

}
#fw-section-hero-video-d60d3ae4-9b0b-432d-aa1b-45e99021d8e4 {

/* SHOP NOW button styling for video banner */
.video-banner .shop-btn {
  position: absolute;
  top: 75%; /* lowers the button on the video */
  left: 50%;
  transform: translate(-50%, -50%);
  
  background: rgba(255, 215, 0, 0.75); /* slightly transparent gold */
  color: black;
  font-size: 20px;
  font-weight: bold;
  padding: 16px 36px;
  border-radius: 6px;
  letter-spacing: 1px;
  text-decoration: none;
  
  backdrop-filter: blur(2px); /* subtle blur behind button */
  transition: 0.3s all ease;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
  z-index: 10;
}

/* Hover glow effect */
.video-banner .shop-btn:hover {
  background: rgba(255, 215, 0, 0.9);
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.8);
  transform: translate(-50%, -50%) scale(1.05);
}

/* Mobile only button size adjustment */
@media (max-width: 768px){

  .banner button{
    font-size:14px;
    padding:10px 18px;
    border-radius:5px;
  }

}

}
#fw-section-featured-collection-0 {

.product-card {
background:#0a0a0a;
border:1px solid #1c1c1c;
border-radius:8px;
transition:all .25s ease;
}

.product-card:hover {
border-color:#FFD700;
transform:scale(1.04);
}

.product-card img {
border-radius:6px;
}

.product-card h3 {
font-weight:700;
letter-spacing:1px;
color:#fff;
}

.price {
color:#FFD700;
font-weight:700;
}
}
#fw-section-image-with-text-0 {
--font-heading-scale: 1.5;
--font-body-scale: 1.0;
}
#fw-section-image-with-text-0 {

.image-with-text {
background:#000;
padding:60px 20px;
}

.image-with-text h2 {
color:#fff;
font-size:32px;
font-weight:800;
letter-spacing:2px;
}

.image-with-text p {
color:#ccc;
font-size:16px;
line-height:1.6;
}

.image-with-text img {
border-radius:10px;
}
}
#fw-section-image-with-text-1 {
--font-heading-scale: 1.5;
--font-body-scale: 1.0;
}
#fw-section-image-with-text-1 {

.image-with-text {
background:#0b0b0b;
padding:60px 20px;
border-top:1px solid #222;
}

.image-with-text h2 {
color:#FFD700;
font-weight:800;
letter-spacing:2px;
}

.image-with-text p {
color:#ddd;
line-height:1.6;
}

.image-with-text img {
border-radius:10px;
}
}


#fw-section-footer {

footer {
background:#000;
border-top:1px solid #222;
padding:40px 20px;
}

footer a {
color:#aaa;
}

footer a:hover {
color:#FFD700;
}

footer p {
color:#777;
}

footer h4 {
color:#fff;
letter-spacing:1px;
}
}
#fw-section-header {
--color-primary: #7865f9;
--color-primary-rgb: 120, 101, 249;
--color-background: #16171d;
--color-background-rgb: 22, 23, 29;
--color-on-background: #ddcde6;
--color-on-background-rgb: 221, 205, 230;
--color-on-primary: #ddcde6;
--color-on-primary-rgb: 221, 205, 230;
--color-product-image-background: #ddcde6;
--color-background-brightness: 23;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #7865f9;
--primary-btn-text: #ddcde6;
--primary-btn-border-color: #ddcde6;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ddcde6;
--secondary-btn-border-color: #ddcde6;
header {
background-color:#000;
border-bottom:1px solid #222;
}

header a {
color:#fff;
font-weight:600;
letter-spacing:1px;
}

header a:hover {
color:#FFD700;
}

header nav {
padding:10px 0;
}

header .site-title {
font-weight:800;
letter-spacing:2px;
font-size:20px;
}

/* Mobile only button size adjustment */
@media (max-width: 768px){

  .banner button{
    font-size:14px;
    padding:10px 18px;
    border-radius:5px;
  }

}
}