#fw-section-featured-collection-bbed121f-aef7-4e0d-b4d4-d2d9af38271f {

/* Product Tile (no hover movement on whole tile bruh) */
.product-tile {
  transition: none;
  box-shadow: none;
}
.product-tile:hover {
  transform: none;
  box-shadow: none;
}

/* Tile Image (only grey box moves on hover) */
.tile__image {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  background-color: #efefef; /* slight darker light grey */
  border-radius: 12px;
  overflow: hidden;
}
.tile__image:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* Product Title (text microanimation on hover) */
.tile__heading {
  transition: color 0.3s ease, transform 0.3s ease;
}
.tile__heading:hover {
  color: #555; /* Slightly lighter text color */
  transform: translateY(-2px); /* Tiny nudge */
}

/* Product Image (fade on hover) */
.tile__image img:first-child {
  transition: opacity 0.5s ease;
}
.tile__image:hover img:first-child {
  opacity: 0;
}

/* Color Swatch (No hOver animation, only on selection) */
/* (Optional: Add separate CSS for selected state if needed) */

/* Section Background Color */
.section-featured-collection {
  background-color: #f9f9f7; /* slightly warm white */
}

/* Badge Styling and animation - FIXED VERSION */
.badge {
  /* Set fixed positioning properties */
  background: linear-gradient(135deg, #0A3D62, #2E86AB) !important;
  color: white !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  
  /* Critical fixes for the jumpiness */
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  position: relative !important;
  z-index: 5 !important;
  
  /* Simplify transitions to avoid animation issues */
  transition: background-color 0.3s ease !important;
  animation: none !important;
  
  /* Add subtle box shadow for depth */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
  
  /* Prevent any transform on hover that might cause issues */
  backface-visibility: hidden !important;
  -webkit-font-smoothing: antialiased !important;
  will-change: background-color !important;
}

/* Simplify badge hover state */
.badge:hover {
  background: linear-gradient(135deg, #0A3D62, #1d5f7a) !important;
  /* Ensure no other properties change */
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ensure badge container has stable positioning */
.badge-container,
[class*="badge-container"],
[class*="badge_container"],
.product-badges,
[class*="product-badges"],
[class*="product_badges"] {
  position: relative !important;
  z-index: 5 !important;
  display: inline-block !important;
  pointer-events: none !important; /* Let clicks pass through to product */
}

/* Badge inside container */
.product-badges .badge,
[class*="product-badges"] .badge,
[class*="badge-container"] .badge {
  pointer-events: auto !important; /* Allow badge to be clickable */
}

/* Fix header overlap with Featured Collection section */
.section-featured-collection,
[class*="featured-collection"],
[id*="shopify-section-template--"][id*="featured-collection"],
.featured-collection {
  margin-top: 70px !important; /* Reduced from 130px */
  padding-top: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Make the heading visible */
.section-featured-collection h2,
[class*="featured-collection"] h2,
.featured-collection h2,
.featured-collection__title,
h2.title {
  margin-top: 0 !important;
  margin-bottom: 25px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important; /* Ocean blue color */
  position: relative !important;
  z-index: 5 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Style View All button */
.view-all,
a.view-all,
.section-featured-collection .view-all,
[class*="view-all"],
[class*="view_all"] {
  border: 2px solid #2E86AB !important;
  background-color: transparent !important;
  color: #2E86AB !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  margin-top: 20px !important;
  position: relative !important;
  z-index: 5 !important;
}

.view-all:hover,
a.view-all:hover,
.section-featured-collection .view-all:hover {
  background-color: #2E86AB !important;
  color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(46, 134, 171, 0.2) !important;
}

/* Enhance product cards */
.card-wrapper,
.product-card,
[class*="card-wrapper"],
[class*="product-card"] {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.card-wrapper:hover,
.product-card:hover,
[class*="card-wrapper"]:hover,
[class*="product-card"]:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

/* Enhance product image */
.card__media,
.product-card__image,
[class*="card__media"],
[class*="product-card__image"] {
  overflow: hidden !important;
}

.card__media img,
.product-card__image img,
[class*="card__media"] img,
[class*="product-card__image"] img {
  transition: transform 0.6s ease !important;
}

.card-wrapper:hover .card__media img,
.product-card:hover .product-card__image img,
[class*="card-wrapper"]:hover [class*="card__media"] img,
[class*="product-card"]:hover [class*="product-card__image"] img {
  transform: scale(1.05) !important;
}

/* Price highlighting */
.price,
[class*="price"] {
  color: #343a40 !important; /* (original color: FF7F50) */
  transition: transform 0.3s ease !important;
}

.card-wrapper:hover .price,
.product-card:hover [class*="price"] {
  transform: scale(1.05) !important;
}

/* Improve product title */
.card__heading,
.product-card__title,
[class*="card__heading"],
[class*="product-card__title"] {
  transition: color 0.3s ease !important;
  font-weight: 600 !important;
}

.card-wrapper:hover .card__heading,
.product-card:hover .product-card__title,
[class*="card-wrapper"]:hover [class*="card__heading"],
[class*="product-card"]:hover [class*="product-card__title"] {
  color: #2E86AB !important;
}

/* Increase spacing between header and LATEST PRODUCTS heading */
.section-featured-collection h2,
[class*="featured-collection"] h2,
.featured-collection h2,
.featured-collection__title,
h2.title,
[class*="section-title"],
[class*="heading-title"],
[class*="title"] {
  margin-top: 20px !important;
  margin-bottom: 25px !important;
  padding-top: 15px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important;
  position: relative !important;
  z-index: 5 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Adjust margin of featured collection section */
.section-featured-collection,
[class*="featured-collection"],
[id*="shopify-section-template--"][id*="featured-collection"],
.featured-collection {
  margin-top: 90px !important; /* Increased from 70px */
  padding-top: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Target specific section heading with correct class */
h2.section-header__heading,
.section-header__heading,
h2.section-header,
.section-header h2,
h2.collection__title,
.collection__title,
.collection-title,
[class*="section-header"] h2,
h2.collection-header__title,
h2.section-header__title,
[class*="header__heading"],
[class*="header_heading"],
h2[class*="heading"] {
  margin-top: 40px !important;
  padding-top: 30px !important;
  margin-bottom: 30px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Direct targeting based on inspector */
.section-header,
.section-header__heading,
h2.section-header__heading {
  margin-top: 50px !important;
  padding-top: 30px !important; 
}

/* Specifically target "LATEST PRODUCTS" text */
.featured-collection h2,
[class*="featured-collection"] h2 {
  margin-top: 40px !important;
  padding-top: 30px !important;
}

/* Adjust margin on entire section */
.section-featured-collection,
[id*="shopify-section"][id*="featured-collection"],
section[id*="featured-collection"],
section[class*="featured-collection"] {
  margin-top: 40px !important;
  padding-top: 50px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Reduced spacing for section heading - only 20px */
h2.section-header__heading,
.section-header__heading,
.section-header h2,
h2[class*="heading"] {
  margin-top: 0px !important;
  padding-top: 0px !important; 
  margin-bottom: 20px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Adjust section container with minimal spacing */
.section-featured-collection,
[id*="shopify-section"][id*="featured-collection"],
section[id*="featured-collection"],
section[class*="featured-collection"] {
  margin-top: 140px !important;
  padding-top: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Remove any animations that might be affecting the badge */
.badge, .badge:hover, .badge:active {
  animation: none !important;
}

/* Optional subtle zoom on image inside */
.tile__image {
  overflow: hidden;
}
.tile__image img {
  transition: transform 0.35s ease;
}
.tile:hover .tile__image img {
  transform: scale(1.025);
}



}














#fw-section-featured-collection-738ac65a-286a-4f52-b80f-642309c5c50b {

/* Product Tile (no hover movement on whole tile bruh) */
.product-tile {
  transition: none;
  box-shadow: none;
}
.product-tile:hover {
  transform: none;
  box-shadow: none;
}

/* Tile Image (only grey box moves on hover) */
.tile__image {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  background-color: #efefef; /* slight darker light grey */
  border-radius: 12px;
  overflow: hidden;
}
.tile__image:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* Product Title (text microanimation on hover) */
.tile__heading {
  transition: color 0.3s ease, transform 0.3s ease;
}
.tile__heading:hover {
  color: #555; /* Slightly lighter text color */
  transform: translateY(-2px); /* Tiny nudge */
}

/* Product Image (fade on hover) */
.tile__image img:first-child {
  transition: opacity 0.5s ease;
}
.tile__image:hover img:first-child {
  opacity: 0;
}

/* Color Swatch (No hOver animation, only on selection) */
/* (Optional: Add separate CSS for selected state if needed) */

/* Section Background Color */
.section-featured-collection {
  background-color: #f9f9f7; /* slightly warm white */
}

/* Badge Styling and animation - FIXED VERSION */
.badge {
  /* Set fixed positioning properties */
  background: linear-gradient(135deg, #0A3D62, #2E86AB) !important;
  color: white !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  
  /* Critical fixes for the jumpiness */
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  position: relative !important;
  z-index: 5 !important;
  
  /* Simplify transitions to avoid animation issues */
  transition: background-color 0.3s ease !important;
  animation: none !important;
  
  /* Add subtle box shadow for depth */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
  
  /* Prevent any transform on hover that might cause issues */
  backface-visibility: hidden !important;
  -webkit-font-smoothing: antialiased !important;
  will-change: background-color !important;
}

/* Simplify badge hover state */
.badge:hover {
  background: linear-gradient(135deg, #0A3D62, #1d5f7a) !important;
  /* Ensure no other properties change */
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ensure badge container has stable positioning */
.badge-container,
[class*="badge-container"],
[class*="badge_container"],
.product-badges,
[class*="product-badges"],
[class*="product_badges"] {
  position: relative !important;
  z-index: 5 !important;
  display: inline-block !important;
  pointer-events: none !important; /* Let clicks pass through to product */
}

/* Badge inside container */
.product-badges .badge,
[class*="product-badges"] .badge,
[class*="badge-container"] .badge {
  pointer-events: auto !important; /* Allow badge to be clickable */
}

/* Fix header overlap with Featured Collection section */
.section-featured-collection,
[class*="featured-collection"],
[id*="shopify-section-template--"][id*="featured-collection"],
.featured-collection {
  margin-top: 70px !important; /* Reduced from 130px */
  padding-top: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Make the heading visible */
.section-featured-collection h2,
[class*="featured-collection"] h2,
.featured-collection h2,
.featured-collection__title,
h2.title {
  margin-top: 0 !important;
  margin-bottom: 25px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important; /* Ocean blue color */
  position: relative !important;
  z-index: 5 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Style View All button */
.view-all,
a.view-all,
.section-featured-collection .view-all,
[class*="view-all"],
[class*="view_all"] {
  border: 2px solid #2E86AB !important;
  background-color: transparent !important;
  color: #2E86AB !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  margin-top: 20px !important;
  position: relative !important;
  z-index: 5 !important;
}

.view-all:hover,
a.view-all:hover,
.section-featured-collection .view-all:hover {
  background-color: #2E86AB !important;
  color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(46, 134, 171, 0.2) !important;
}

/* Enhance product cards */
.card-wrapper,
.product-card,
[class*="card-wrapper"],
[class*="product-card"] {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.card-wrapper:hover,
.product-card:hover,
[class*="card-wrapper"]:hover,
[class*="product-card"]:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

/* Enhance product image */
.card__media,
.product-card__image,
[class*="card__media"],
[class*="product-card__image"] {
  overflow: hidden !important;
}

.card__media img,
.product-card__image img,
[class*="card__media"] img,
[class*="product-card__image"] img {
  transition: transform 0.6s ease !important;
}

.card-wrapper:hover .card__media img,
.product-card:hover .product-card__image img,
[class*="card-wrapper"]:hover [class*="card__media"] img,
[class*="product-card"]:hover [class*="product-card__image"] img {
  transform: scale(1.05) !important;
}

/* Price highlighting */
.price,
[class*="price"] {
  color: #343a40 !important; /* (original color: FF7F50) */
  transition: transform 0.3s ease !important;
}

.card-wrapper:hover .price,
.product-card:hover [class*="price"] {
  transform: scale(1.05) !important;
}

/* Improve product title */
.card__heading,
.product-card__title,
[class*="card__heading"],
[class*="product-card__title"] {
  transition: color 0.3s ease !important;
  font-weight: 600 !important;
}

.card-wrapper:hover .card__heading,
.product-card:hover .product-card__title,
[class*="card-wrapper"]:hover [class*="card__heading"],
[class*="product-card"]:hover [class*="product-card__title"] {
  color: #2E86AB !important;
}

/* Increase spacing between header and LATEST PRODUCTS heading */
.section-featured-collection h2,
[class*="featured-collection"] h2,
.featured-collection h2,
.featured-collection__title,
h2.title,
[class*="section-title"],
[class*="heading-title"],
[class*="title"] {
  margin-top: 20px !important;
  margin-bottom: 25px !important;
  padding-top: 15px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important;
  position: relative !important;
  z-index: 5 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Adjust margin of featured collection section */
.section-featured-collection,
[class*="featured-collection"],
[id*="shopify-section-template--"][id*="featured-collection"],
.featured-collection {
  margin-top: 90px !important; /* Increased from 70px */
  padding-top: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Target specific section heading with correct class */
h2.section-header__heading,
.section-header__heading,
h2.section-header,
.section-header h2,
h2.collection__title,
.collection__title,
.collection-title,
[class*="section-header"] h2,
h2.collection-header__title,
h2.section-header__title,
[class*="header__heading"],
[class*="header_heading"],
h2[class*="heading"] {
  margin-top: 40px !important;
  padding-top: 30px !important;
  margin-bottom: 30px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Direct targeting based on inspector */
.section-header,
.section-header__heading,
h2.section-header__heading {
  margin-top: 50px !important;
  padding-top: 30px !important; 
}

/* Specifically target "LATEST PRODUCTS" text */
.featured-collection h2,
[class*="featured-collection"] h2 {
  margin-top: 40px !important;
  padding-top: 30px !important;
}

/* Adjust margin on entire section */
.section-featured-collection,
[id*="shopify-section"][id*="featured-collection"],
section[id*="featured-collection"],
section[class*="featured-collection"] {
  margin-top: 40px !important;
  padding-top: 50px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Reduced spacing for section heading - only 20px */
h2.section-header__heading,
.section-header__heading,
.section-header h2,
h2[class*="heading"] {
  margin-top: 0px !important;
  padding-top: 0px !important; 
  margin-bottom: 20px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Adjust section container with minimal spacing */
.section-featured-collection,
[id*="shopify-section"][id*="featured-collection"],
section[id*="featured-collection"],
section[class*="featured-collection"] {
  margin-top: 140px !important;
  padding-top: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Remove any animations that might be affecting the badge */
.badge, .badge:hover, .badge:active {
  animation: none !important;
}

/* Optional subtle zoom on image inside */
.tile__image {
  overflow: hidden;
}
.tile__image img {
  transition: transform 0.35s ease;
}
.tile:hover .tile__image img {
  transform: scale(1.025);
}



}
#fw-section-featured-collection-b9045ec8-c686-470f-ae56-61db47508754 {

/* Product Tile (no hover movement on whole tile bruh) */
.product-tile {
  transition: none;
  box-shadow: none;
}
.product-tile:hover {
  transform: none;
  box-shadow: none;
}

/* Tile Image (only grey box moves on hover) */
.tile__image {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  background-color: #efefef; /* slight darker light grey */
  border-radius: 12px;
  overflow: hidden;
}
.tile__image:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* Product Title (text microanimation on hover) */
.tile__heading {
  transition: color 0.3s ease, transform 0.3s ease;
}
.tile__heading:hover {
  color: #555; /* Slightly lighter text color */
  transform: translateY(-2px); /* Tiny nudge */
}

/* Product Image (fade on hover) */
.tile__image img:first-child {
  transition: opacity 0.5s ease;
}
.tile__image:hover img:first-child {
  opacity: 0;
}

/* Color Swatch (No hOver animation, only on selection) */
/* (Optional: Add separate CSS for selected state if needed) */

/* Section Background Color */
.section-featured-collection {
  background-color: #f9f9f7; /* slightly warm white */
}

/* Badge Styling and animation - FIXED VERSION */
.badge {
  /* Set fixed positioning properties */
  background: linear-gradient(135deg, #0A3D62, #2E86AB) !important;
  color: white !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  
  /* Critical fixes for the jumpiness */
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  position: relative !important;
  z-index: 5 !important;
  
  /* Simplify transitions to avoid animation issues */
  transition: background-color 0.3s ease !important;
  animation: none !important;
  
  /* Add subtle box shadow for depth */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
  
  /* Prevent any transform on hover that might cause issues */
  backface-visibility: hidden !important;
  -webkit-font-smoothing: antialiased !important;
  will-change: background-color !important;
}

/* Simplify badge hover state */
.badge:hover {
  background: linear-gradient(135deg, #0A3D62, #1d5f7a) !important;
  /* Ensure no other properties change */
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ensure badge container has stable positioning */
.badge-container,
[class*="badge-container"],
[class*="badge_container"],
.product-badges,
[class*="product-badges"],
[class*="product_badges"] {
  position: relative !important;
  z-index: 5 !important;
  display: inline-block !important;
  pointer-events: none !important; /* Let clicks pass through to product */
}

/* Badge inside container */
.product-badges .badge,
[class*="product-badges"] .badge,
[class*="badge-container"] .badge {
  pointer-events: auto !important; /* Allow badge to be clickable */
}

/* Fix header overlap with Featured Collection section */
.section-featured-collection,
[class*="featured-collection"],
[id*="shopify-section-template--"][id*="featured-collection"],
.featured-collection {
  margin-top: 70px !important; /* Reduced from 130px */
  padding-top: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Make the heading visible */
.section-featured-collection h2,
[class*="featured-collection"] h2,
.featured-collection h2,
.featured-collection__title,
h2.title {
  margin-top: 0 !important;
  margin-bottom: 25px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important; /* Ocean blue color */
  position: relative !important;
  z-index: 5 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Style View All button */
.view-all,
a.view-all,
.section-featured-collection .view-all,
[class*="view-all"],
[class*="view_all"] {
  border: 2px solid #2E86AB !important;
  background-color: transparent !important;
  color: #2E86AB !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  margin-top: 20px !important;
  position: relative !important;
  z-index: 5 !important;
}

.view-all:hover,
a.view-all:hover,
.section-featured-collection .view-all:hover {
  background-color: #2E86AB !important;
  color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(46, 134, 171, 0.2) !important;
}

/* Enhance product cards */
.card-wrapper,
.product-card,
[class*="card-wrapper"],
[class*="product-card"] {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.card-wrapper:hover,
.product-card:hover,
[class*="card-wrapper"]:hover,
[class*="product-card"]:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

/* Enhance product image */
.card__media,
.product-card__image,
[class*="card__media"],
[class*="product-card__image"] {
  overflow: hidden !important;
}

.card__media img,
.product-card__image img,
[class*="card__media"] img,
[class*="product-card__image"] img {
  transition: transform 0.6s ease !important;
}

.card-wrapper:hover .card__media img,
.product-card:hover .product-card__image img,
[class*="card-wrapper"]:hover [class*="card__media"] img,
[class*="product-card"]:hover [class*="product-card__image"] img {
  transform: scale(1.05) !important;
}

/* Price highlighting */
.price,
[class*="price"] {
  color: #343a40 !important; /* (original color: FF7F50) */
  transition: transform 0.3s ease !important;
}

.card-wrapper:hover .price,
.product-card:hover [class*="price"] {
  transform: scale(1.05) !important;
}

/* Improve product title */
.card__heading,
.product-card__title,
[class*="card__heading"],
[class*="product-card__title"] {
  transition: color 0.3s ease !important;
  font-weight: 600 !important;
}

.card-wrapper:hover .card__heading,
.product-card:hover .product-card__title,
[class*="card-wrapper"]:hover [class*="card__heading"],
[class*="product-card"]:hover [class*="product-card__title"] {
  color: #2E86AB !important;
}

/* Increase spacing between header and LATEST PRODUCTS heading */
.section-featured-collection h2,
[class*="featured-collection"] h2,
.featured-collection h2,
.featured-collection__title,
h2.title,
[class*="section-title"],
[class*="heading-title"],
[class*="title"] {
  margin-top: 20px !important;
  margin-bottom: 25px !important;
  padding-top: 15px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important;
  position: relative !important;
  z-index: 5 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Adjust margin of featured collection section */
.section-featured-collection,
[class*="featured-collection"],
[id*="shopify-section-template--"][id*="featured-collection"],
.featured-collection {
  margin-top: 90px !important; /* Increased from 70px */
  padding-top: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Target specific section heading with correct class */
h2.section-header__heading,
.section-header__heading,
h2.section-header,
.section-header h2,
h2.collection__title,
.collection__title,
.collection-title,
[class*="section-header"] h2,
h2.collection-header__title,
h2.section-header__title,
[class*="header__heading"],
[class*="header_heading"],
h2[class*="heading"] {
  margin-top: 40px !important;
  padding-top: 30px !important;
  margin-bottom: 30px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Direct targeting based on inspector */
.section-header,
.section-header__heading,
h2.section-header__heading {
  margin-top: 50px !important;
  padding-top: 30px !important; 
}

/* Specifically target "LATEST PRODUCTS" text */
.featured-collection h2,
[class*="featured-collection"] h2 {
  margin-top: 40px !important;
  padding-top: 30px !important;
}

/* Adjust margin on entire section */
.section-featured-collection,
[id*="shopify-section"][id*="featured-collection"],
section[id*="featured-collection"],
section[class*="featured-collection"] {
  margin-top: 40px !important;
  padding-top: 50px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Reduced spacing for section heading - only 20px */
h2.section-header__heading,
.section-header__heading,
.section-header h2,
h2[class*="heading"] {
  margin-top: 0px !important;
  padding-top: 0px !important; 
  margin-bottom: 20px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Adjust section container with minimal spacing */
.section-featured-collection,
[id*="shopify-section"][id*="featured-collection"],
section[id*="featured-collection"],
section[class*="featured-collection"] {
  margin-top: 140px !important;
  padding-top: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Remove any animations that might be affecting the badge */
.badge, .badge:hover, .badge:active {
  animation: none !important;
}

/* Optional subtle zoom on image inside */
.tile__image {
  overflow: hidden;
}
.tile__image img {
  transition: transform 0.35s ease;
}
.tile:hover .tile__image img {
  transform: scale(1.025);
}



}

#fw-section-hero-video-5fef364e-2a18-421a-81db-a3df8671ab15 {

/* 1. Keep the original height settings */
#fw-section-hero-video-5fef364e-2a18-421a-81db-a3df8671ab15 {
  height: 250px !important;
  min-height: 250px !important;
  max-height: 250px !important;
}

/* 2. Ensure inner containers maintain the same height */
.hero_container.hero_container--regular,
.section-background,
.hero.hero--fw-section-hero-video-5fef364e-2a18-421a-81db-a3df8671ab15 {
  height: 250px !important;
  min-height: 250px !important;
  max-height: 250px !important;
}

/* 3. Ensure space between animation and heading */
h2.section-header__heading {
  margin-top: 40px !important;
}

/* 4. Add a more pronounced box shadow to the main section container */
.main__sections > div:first-child {
  box-shadow: 0 8px 20px -6px rgba(0, 20, 90, 0.25);
  position: relative;
}

/* 5. Create a stronger blur effect using a pseudo-element on the main container */
.main__sections > div:first-child::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.4);
  filter: blur(5px);
  z-index: 2;
  pointer-events: none;
}

/* 6. Add a second blur layer for more depth */
.main__sections > div:first-child::before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: rgba(220, 230, 255, 0.5);
  filter: blur(7px);
  z-index: 1;
  pointer-events: none;
}
}
#fw-section-featured-collection-2eb69658-b521-491c-b9aa-25eb05a073b9 {

/* --- Product Tile (No Hover Movement on Whole Tile) --- */
.product-tile {
  transition: none;
  box-shadow: none;
}
.collection__inner{
  margin-top: 0px;
}
.product-tile:hover {
  transform: none;
  box-shadow: none;
}

/* --- Tile Image (Only Grey Box Moves on Hover) --- */
.tile__image {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  background-color: #efefef; /* slight darker light grey */
  border-radius: 12px;
  overflow: hidden;
}
.tile__image:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* --- Product Title (Text Microanimation on Hover) --- */
.tile__heading {
  transition: color 0.3s ease, transform 0.3s ease;
}
.tile__heading:hover {
  color: #555; /* Slightly lighter text color */
  transform: translateY(-2px); /* Tiny nudge */
}

/* --- Product Image (Fade on Hover) --- */
.tile__image img:first-child {
  transition: opacity 0.5s ease;
}
.tile__image:hover img:first-child {
  opacity: 0;
}

/* --- Color Swatch (No Hover Animation, Only on Selection) --- */
/* (Optional: Add separate CSS for selected state if needed) */

/* --- Section Background Color --- */
.section-featured-collection {
  background-color: #f9f9f7; /* slightly warm white */
}

/* --- Badge Styling and Animation - FIXED VERSION --- */
.badge {
  /* Set fixed positioning properties */
  background: linear-gradient(135deg, #0A3D62, #2E86AB) !important;
  color: white !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  
  /* Critical fixes for the jumpiness */
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  position: relative !important;
  z-index: 5 !important;
  
  /* Simplify transitions to avoid animation issues */
  transition: background-color 0.3s ease !important;
  animation: none !important;
  
  /* Add subtle box shadow for depth */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
  
  /* Prevent any transform on hover that might cause issues */
  backface-visibility: hidden !important;
  -webkit-font-smoothing: antialiased !important;
  will-change: background-color !important;
}

/* Simplify badge hover state */
.badge:hover {
  background: linear-gradient(135deg, #0A3D62, #1d5f7a) !important;
  /* Ensure no other properties change */
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ensure badge container has stable positioning */
.badge-container,
[class*="badge-container"],
[class*="badge_container"],
.product-badges,
[class*="product-badges"],
[class*="product_badges"] {
  position: relative !important;
  z-index: 5 !important;
  display: inline-block !important;
  pointer-events: none !important; /* Let clicks pass through to product */
}

/* Badge inside container */
.product-badges .badge,
[class*="product-badges"] .badge,
[class*="badge-container"] .badge {
  pointer-events: auto !important; /* Allow badge to be clickable */
}

/* Fix header overlap with Featured Collection section */
.section-featured-collection,
[class*="featured-collection"],
[id*="shopify-section-template--"][id*="featured-collection"],
.featured-collection {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Make the heading visible */
.section-featured-collection h2,
[class*="featured-collection"] h2,
.featured-collection h2,
.featured-collection__title,
h2.title {
  margin-top: 0 !important;
  margin-bottom: 25px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important; /* Ocean blue color */
  position: relative !important;
  z-index: 5 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  padding-top: 0 !important;
}

/* Style View All button */
.view-all,
a.view-all,
.section-featured-collection .view-all,
[class*="view-all"],
[class*="view_all"] {
  border: 2px solid #2E86AB !important;
  background-color: transparent !important;
  color: #2E86AB !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  margin-top: 20px !important;
  position: relative !important;
  z-index: 5 !important;
}

.view-all:hover,
a.view-all:hover,
.section-featured-collection .view-all:hover {
  background-color: #2E86AB !important;
  color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(46, 134, 171, 0.2) !important;
}

/* Enhance product cards */
.card-wrapper,
.product-card,
[class*="card-wrapper"],
[class*="product-card"] {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.card-wrapper:hover,
.product-card:hover,
[class*="card-wrapper"]:hover,
[class*="product-card"]:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

/* Enhance product image */
.card__media,
.product-card__image,
[class*="card__media"],
[class*="product-card__image"] {
  overflow: hidden !important;
}

.card__media img,
.product-card__image img,
[class*="card__media"] img,
[class*="product-card__image"] img {
  transition: transform 0.6s ease !important;
}

.card-wrapper:hover .card__media img,
.product-card:hover .product-card__image img,
[class*="card-wrapper"]:hover [class*="card__media"] img,
[class*="product-card"]:hover [class*="product-card__image"] img {
  transform: scale(1.05) !important;
}

/* Price highlighting */
.price,
[class*="price"] {
  color: #343a40 !important; /* (original color: FF7F50) */
  transition: transform 0.3s ease !important;
}

.card-wrapper:hover .price,
.product-card:hover [class*="price"] {
  transform: scale(1.05) !important;
}

/* Improve product title */
.card__heading,
.product-card__title,
[class*="card__heading"],
[class*="product-card__title"] {
  transition: color 0.3s ease !important;
  font-weight: 600 !important;
}

.card-wrapper:hover .card__heading,
.product-card:hover .product-card__title,
[class*="card-wrapper"]:hover [class*="card__heading"],
[class*="product-card"]:hover [class*="product-card__title"] {
  color: #2E86AB !important;
}

/* Increase spacing between header and LATEST PRODUCTS heading */
.section-featured-collection h2,
[class*="featured-collection"] h2,
.featured-collection h2,
.featured-collection__title,
h2.title,
[class*="section-title"],
[class*="heading-title"],
[class*="title"] {
  margin-top: 0 !important;
  margin-bottom: 15px !important;
  padding-top: 0 !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important;
  position: relative !important;
  z-index: 5 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Adjust margin of featured collection section */
.section-featured-collection,
[class*="featured-collection"],
[id*="shopify-section-template--"][id*="featured-collection"],
.featured-collection {
  padding-top: 0 !important;
  margin-top: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Target specific section heading with correct class */
h2.section-header__heading,
.section-header__heading,
h2.section-header,
.section-header h2,
h2.collection__title,
.collection__title,
.collection-title,
[class*="section-header"] h2,
h2.collection-header__title,
h2.section-header__title,
[class*="header__heading"],
[class*="header_heading"],
h2[class*="heading"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 15px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Direct targeting based on inspector */
.section-header,
.section-header__heading,
h2.section-header__heading {
  margin-top: 0 !important;
  padding-top: 0 !important; 
}

/* Specifically target "LATEST PRODUCTS" text */
.featured-collection h2,
[class*="featured-collection"] h2 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Adjust margin on entire section */
.section-featured-collection,
[id*="shopify-section"][id*="featured-collection"],
section[id*="featured-collection"],
section[class*="featured-collection"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Reduced spacing for section heading */
h2.section-header__heading,
.section-header__heading,
.section-header h2,
h2[class*="heading"] {
  margin-top: 0 !important;
  padding-top: 0 !important; 
  margin-bottom: 15px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Adjust section container with minimal spacing */
.section-featured-collection,
[id*="shopify-section"][id*="featured-collection"],
section[id*="featured-collection"],
section[class*="featured-collection"] {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove any animations that might be affecting the badge */
.badge, .badge:hover, .badge:active {
  animation: none !important;
}

/* Optional subtle zoom on image inside */
.tile__image {
  overflow: hidden;
}
.tile__image img {
  transition: transform 0.35s ease;
}
.tile:hover .tile__image img {
  transform: scale(1.025);
}

/* Video section height adjustment with no bottom spacing */
[data-testid="main.single.section"] .section-fw-section-video-4de06ab0-ec8a-4a82-988f-c31c6e6dc61b-padding {
  max-height: 300px !important;
  height: 300px !important;
  min-height: 300px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.video-section__video {
  max-height: 300px !important;
  object-fit: cover;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Also target the parent container to ensure no spacing */
[data-testid="main.single.section"] {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Target any potential wrapper elements */
.section-fw-section-video-4de06ab0-ec8a-4a82-988f-c31c6e6dc61b-padding > div,
.section-fw-section-video-4de06ab0-ec8a-4a82-988f-c31c6e6dc61b-padding > section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.collection__inner .section-header.flex { 
  justify-content: center !important; 
}
.collection__inner h2 { 
  text-align: center !important; 
}

}
#fw-section-image-with-text-b470cbed-6dd0-4630-9402-afd65a84dde0 {

/* Target that section by its structure/classes from your inspect */
.image-with-text__content .image-with-text__heading {
  font-size: 52px !important;
  line-height: 1.2 !important;
}

.image-with-text__content .image-with-text__text .html-formatter,
.image-with-text__content .image-with-text__text .html-formatter p {
  font-size: 22px !important;
  line-height: 1.7 !important;
}

/* Mobile */
@media (max-width: 768px) {
  .image-with-text__content .image-with-text__heading { font-size: 32px !important; }
  .image-with-text__content .image-with-text__text .html-formatter,
  .image-with-text__content .image-with-text__text .html-formatter p { font-size: 18px !important; }
}

}

#fw-section-custom-html-7e9447de-0596-4174-8963-ad71e52c6692 {

  /* Target all checkout/cart page elements with various selectors to ensure coverage */
  body.template-cart,
  body[data-template="cart"],
  body.cart,
  body.checkout,
  body[class*="checkout"],
  body[class*="cart-template"],
  body[data-template*="checkout"] {
    padding-top: 200px !important;
  }
  
  /* Target checkout container elements */
  .fw-section-cart,
  [id="fw-section-cart"],
  [data-testid="main.simple.cart.section"],
  section.cart-container,
  div[class*="main_main--cart"],
  div[class*="page_main"],
  [class*="cart-container"] {
    margin-top: 200px !important;
  }
  
  /* Target specific checkout components based on your HTML structure */
  [id="main.simple.cart.section"],
  [class*="main__sections--cart"],
  [class*="page__main"] [class*="cart"],
  [class*="main_sections"] [class*="cart"] {
    padding-top: 30px !important;
  }
  
  /* Media query for responsive design */
  @media (max-width: 768px) {
    body.template-cart,
    body[data-template="cart"],
    body.cart,
    body.checkout,
    body[class*="checkout"],
    body[class*="cart-template"],
    body[data-template*="checkout"] {
      padding-top: 150px !important; /* Less spacing on mobile */
    }
  }
/* Targeting the specific cart container element */
section.cart-container[data-testid="main.simple.cart.section"] {
  margin-top: 200px !important;
}

/* Additional selectors to ensure we target the right element */
[data-testid="main.simple.cart.section"],
section[class*="cart-container"],
section[data-testid*="cart.section"] {
  margin-top: 200px !important;
}

/* More specific selector based on your HTML structure */
div[class*="main_main--cart"] section[class*="cart-container"],
div[class*="page_main"] section[class*="cart-container"],
div[id*="fw-section-cart"] section[class*="cart-container"] {
  margin-top: 200px !important;
}

/* Target parent containers as well */
div[id="fw-section-cart"],
div[class*="main_main--cart"],
div[data-testid*="main.sections"] {
  margin-top: 200px !important;
}

/* Media query for mobile devices */
@media (max-width: 768px) {
  section.cart-container[data-testid="main.simple.cart.section"],
  [data-testid="main.simple.cart.section"],
  section[class*="cart-container"],
  div[id="fw-section-cart"],
  div[class*="main_main--cart"] {
    margin-top: 150px !important; /* Reduced spacing on mobile */
  }
}


}
#fw-section-newsletter-1742715352 {

/* Newsletter section */
section.newsletter {
  background: linear-gradient(to right, #0b3c5d, #1d5a85) !important;
  width: 100% !important;
  padding: 75px 5vw 75px !important;
  margin: 0 auto !important;
  color: white !important;
  overflow-x: hidden !important;
}

.newsletter__header h2 {
  color: white !important;
}

.newsletter__form {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  align-items: center !important;
  margin-top: 1rem !important;
}

.newsletter__form input[type="email"] {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 2px solid white !important;
  border-radius: 25px !important;
  padding: 12px 16px !important;
  color: white !important;
  flex: 1 1 300px !important;
}

.newsletter__form input[type="email"]::placeholder {
  color: white !important;
  opacity: 0.8 !important;
}

.newsletter__form button {
  background-color: white !important;
  color: #343a40 !important;
  font-weight: bold !important;
  border-radius: 25px !important;
  padding: 12px 24px !important;
  border: none !important;
  cursor: pointer !important;
}

/* Footer section */
#fw-section-footer {
  background: linear-gradient(to right, #0b3c5d, #1d5a85) !important;
  width: 100% !important;
  padding: 40px 0 !important;
  margin: 0 auto !important;
  overflow-x: hidden !important;
}

.footer__inner {
  padding: 0 5vw !important;
  color: white !important;
  text-align: left !important;
}

.footer__inner a {
  color: white !important;
}

.footer__inner a:hover {
  text-decoration: underline !important;
}

}
#fw-section-video-4de06ab0-ec8a-4a82-988f-c31c6e6dc61b {

[data-testid="main.single.section"] .section-fw-section-video-4de06ab0-ec8a-4a82-988f-c31c6e6dc61b-padding {
  max-height: 300px !important;
  height: 300px !important;
  min-height: 300px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.video-section__video {
  max-height: 300px !important;
  object-fit: cover;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Also target the parent container to ensure no bottom spacing */
[data-testid="main.single.section"] {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Target any potential wrapper elements */
.section-fw-section-video-4de06ab0-ec8a-4a82-988f-c31c6e6dc61b-padding > div,
.section-fw-section-video-4de06ab0-ec8a-4a82-988f-c31c6e6dc61b-padding > section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.section-fw-section-video-4de06ab0-ec8a-4a82-988f-c31c6e6dc61b-padding {
  position: relative;
}

.section-fw-section-video-4de06ab0-ec8a-4a82-988f-c31c6e6dc61b-padding::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  font-style: italic;
  font-family: 'Georgia', serif;
  text-align: center;
  max-width: 90%;
  line-height: 1.4;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  z-index: 10;
  pointer-events: none;
}



}
#fw-section-custom-html-868831f6-16b4-40e3-8bd6-f7f197282191 {
--color-primary: #0a3d62;
--color-primary-rgb: 10, 61, 98;
--color-background: #f9f9f7;
--color-background-rgb: 249, 249, 247;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #343a40;
--color-on-background-rgb: 52, 58, 64;
--color-product-image-background: #343a40;
--color-background-brightness: 249;
background-color: var(--color-background);
color: var(--color-on-background);
.ocean-transition {
  position: relative;
  height: 30px;
  width: 100%;
  background: linear-gradient(to bottom, #6a99e9, #7aa5ec);
  margin-top: -5px;
  margin-bottom: 20px;
  overflow: hidden;
}

.wave-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -1px;
  left: 0;
}
}

#fw-section-image-with-text-f549e995-0d78-4c62-8701-021266c50eb4 {

/* Image with text animations */
.image-with-text__image {
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  overflow: hidden;
  border-radius: 8px;
}

.image-with-text__image:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.image-with-text__heading {
  transition: color 0.3s ease;
}

.image-with-text__heading:hover {
  color: #2E86AB !important;
}

.image-with-text__button {
  transition: all 0.3s ease;
}

.image-with-text__button:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(46, 134, 171, 0.2);
}
}
#fw-section-hero-1742715351 {
--color-primary: #0a3d62;
--color-primary-rgb: 10, 61, 98;
--color-background: #f9f9f7;
--color-background-rgb: 249, 249, 247;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #343a40;
--color-on-background-rgb: 52, 58, 64;
--color-product-image-background: #343a40;
--color-background-brightness: 249;
background-color: var(--color-background);
color: var(--color-on-background);
/* Enhanced Banner Section Styles */

/* Main banner section container */
.hero-section,
[class*="hero"],
[class*="banner-section"],
.section-banner {
  position: relative;
  overflow: hidden;
  margin-top: 0 !important;
  padding: 100px 0 !important;
}

/* Background gradient with ocean theme */
.hero__background,
.section-background {
  background: linear-gradient(135deg, #A5D8FF, #2E86AB) !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  animation: subtleGradient 8s ease-in-out infinite alternate;
}

/* Main heading styling */
.hero__heading,
.banner__heading,
.banner-title,
h1[class*="hero"],
h1[class*="banner"] {
  color: white !important;
  font-size: 48px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  position: relative;
  z-index: 5;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px !important;
  animation: fadeInUp 1.2s ease-out;
}

/* Button styling */
.hero__button,
.banner__button,
.banner-button,
[class*="hero"] button,
[class*="banner"] button,
[class*="hero"] a.button,
[class*="banner"] a.button {
  background-color: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(5px);
  color: white !important;
  border: 2px solid white !important;
  padding: 12px 24px !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  transition: all 0.3s ease !important;
  position: relative;
  z-index: 5;
  margin: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  animation: fadeInUp 1.2s ease-out 0.3s both;
}

.hero__button:hover,
.banner__button:hover,
.banner-button:hover,
[class*="hero"] button:hover,
[class*="banner"] button:hover,
[class*="hero"] a.button:hover,
[class*="banner"] a.button:hover {
  background-color: #2E86AB !important;
  color: white !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1) !important;
}

/* Content container */
.hero__content,
.banner__content,
[class*="hero__inner"],
[class*="banner__inner"] {
  position: relative;
  z-index: 5;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}

/* Define animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes subtleGradient {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 100% 50%;
  }
}

@keyframes subtleFloat {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10px);
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero__heading,
  .banner__heading,
  .banner-title,
  h1[class*="hero"],
  h1[class*="banner"] {
    font-size: 36px !important;
  }
  
  .hero-section,
  [class*="hero"],
  [class*="banner-section"],
  .section-banner {
    padding: 60px 0 !important;
  }
}
}
#fw-section-featured-collection-1742715352 {

/* --- Product Tile (No Hover Movement on Whole Tile) --- */
.product-tile {
  transition: none;
  box-shadow: none;
}
.product-tile:hover {
  transform: none;
  box-shadow: none;
}

/* --- Tile Image (Only Grey Box Moves on Hover) --- */
.tile__image {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  background-color: #efefef; /* slight darker light grey */
  border-radius: 12px;
  overflow: hidden;
}
.tile__image:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* --- Product Title (Text Microanimation on Hover) --- */
.tile__heading {
  transition: color 0.3s ease, transform 0.3s ease;
}
.tile__heading:hover {
  color: #555; /* Slightly lighter text color */
  transform: translateY(-2px); /* Tiny nudge */
}

/* --- Product Image (Fade on Hover) --- */
.tile__image img:first-child {
  transition: opacity 0.5s ease;
}
.tile__image:hover img:first-child {
  opacity: 0;
}

/* --- Color Swatch (No Hover Animation, Only on Selection) --- */
/* (Optional: Add separate CSS for selected state if needed) */

/* --- Section Background Color --- */
.section-featured-collection {
  background-color: #f9f9f7; /* slightly warm white */
}

/* --- Badge Styling and Animation - FIXED VERSION --- */
.badge {
  /* Set fixed positioning properties */
  background: linear-gradient(135deg, #0A3D62, #2E86AB) !important;
  color: white !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  
  /* Critical fixes for the jumpiness */
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  position: relative !important;
  z-index: 5 !important;
  
  /* Simplify transitions to avoid animation issues */
  transition: background-color 0.3s ease !important;
  animation: none !important;
  
  /* Add subtle box shadow for depth */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
  
  /* Prevent any transform on hover that might cause issues */
  backface-visibility: hidden !important;
  -webkit-font-smoothing: antialiased !important;
  will-change: background-color !important;
}

/* Simplify badge hover state */
.badge:hover {
  background: linear-gradient(135deg, #0A3D62, #1d5f7a) !important;
  /* Ensure no other properties change */
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ensure badge container has stable positioning */
.badge-container,
[class*="badge-container"],
[class*="badge_container"],
.product-badges,
[class*="product-badges"],
[class*="product_badges"] {
  position: relative !important;
  z-index: 5 !important;
  display: inline-block !important;
  pointer-events: none !important; /* Let clicks pass through to product */
}

/* Badge inside container */
.product-badges .badge,
[class*="product-badges"] .badge,
[class*="badge-container"] .badge {
  pointer-events: auto !important; /* Allow badge to be clickable */
}

/* Fix header overlap with Featured Collection section */
.section-featured-collection,
[class*="featured-collection"],
[id*="shopify-section-template--"][id*="featured-collection"],
.featured-collection {
  margin-top: 70px !important; /* Reduced from 130px */
  padding-top: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Make the heading visible */
.section-featured-collection h2,
[class*="featured-collection"] h2,
.featured-collection h2,
.featured-collection__title,
h2.title {
  margin-top: 0 !important;
  margin-bottom: 25px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important; /* Ocean blue color */
  position: relative !important;
  z-index: 5 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Style View All button */
.view-all,
a.view-all,
.section-featured-collection .view-all,
[class*="view-all"],
[class*="view_all"] {
  border: 2px solid #2E86AB !important;
  background-color: transparent !important;
  color: #2E86AB !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  margin-top: 20px !important;
  position: relative !important;
  z-index: 5 !important;
}

.view-all:hover,
a.view-all:hover,
.section-featured-collection .view-all:hover {
  background-color: #2E86AB !important;
  color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(46, 134, 171, 0.2) !important;
}

/* Enhance product cards */
.card-wrapper,
.product-card,
[class*="card-wrapper"],
[class*="product-card"] {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.card-wrapper:hover,
.product-card:hover,
[class*="card-wrapper"]:hover,
[class*="product-card"]:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

/* Enhance product image */
.card__media,
.product-card__image,
[class*="card__media"],
[class*="product-card__image"] {
  overflow: hidden !important;
}

.card__media img,
.product-card__image img,
[class*="card__media"] img,
[class*="product-card__image"] img {
  transition: transform 0.6s ease !important;
}

.card-wrapper:hover .card__media img,
.product-card:hover .product-card__image img,
[class*="card-wrapper"]:hover [class*="card__media"] img,
[class*="product-card"]:hover [class*="product-card__image"] img {
  transform: scale(1.05) !important;
}

/* Price highlighting */
.price,
[class*="price"] {
  color: #FF7F50 !important; /* Coral color */
  font-weight: bold !important;
  transition: transform 0.3s ease !important;
}

.card-wrapper:hover .price,
.product-card:hover [class*="price"] {
  transform: scale(1.05) !important;
}

/* Improve product title */
.card__heading,
.product-card__title,
[class*="card__heading"],
[class*="product-card__title"] {
  transition: color 0.3s ease !important;
  font-weight: 600 !important;
}

.card-wrapper:hover .card__heading,
.product-card:hover .product-card__title,
[class*="card-wrapper"]:hover [class*="card__heading"],
[class*="product-card"]:hover [class*="product-card__title"] {
  color: #2E86AB !important;
}

/* Increase spacing between header and LATEST PRODUCTS heading */
.section-featured-collection h2,
[class*="featured-collection"] h2,
.featured-collection h2,
.featured-collection__title,
h2.title,
[class*="section-title"],
[class*="heading-title"],
[class*="title"] {
  margin-top: 20px !important;
  margin-bottom: 25px !important;
  padding-top: 15px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important;
  position: relative !important;
  z-index: 5 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Adjust margin of featured collection section */
.section-featured-collection,
[class*="featured-collection"],
[id*="shopify-section-template--"][id*="featured-collection"],
.featured-collection {
  margin-top: 90px !important; /* Increased from 70px */
  padding-top: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Target specific section heading with correct class */
h2.section-header__heading,
.section-header__heading,
h2.section-header,
.section-header h2,
h2.collection__title,
.collection__title,
.collection-title,
[class*="section-header"] h2,
h2.collection-header__title,
h2.section-header__title,
[class*="header__heading"],
[class*="header_heading"],
h2[class*="heading"] {
  margin-top: 40px !important;
  padding-top: 30px !important;
  margin-bottom: 30px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Direct targeting based on inspector */
.section-header,
.section-header__heading,
h2.section-header__heading {
  margin-top: 40px !important;
  padding-top: 30px !important; 
}

/* Specifically target "LATEST PRODUCTS" text */
.featured-collection h2,
[class*="featured-collection"] h2 {
  margin-top: 40px !important;
  padding-top: 30px !important;
}

/* Adjust margin on entire section */
.section-featured-collection,
[id*="shopify-section"][id*="featured-collection"],
section[id*="featured-collection"],
section[class*="featured-collection"] {
  margin-top: 40px !important;
  padding-top: 50px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Reduced spacing for section heading - only 20px */
h2.section-header__heading,
.section-header__heading,
.section-header h2,
h2[class*="heading"] {
  margin-top: 20px !important;
  padding-top: 0px !important; 
  margin-bottom: 20px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Adjust section container with minimal spacing */
.section-featured-collection,
[id*="shopify-section"][id*="featured-collection"],
section[id*="featured-collection"],
section[class*="featured-collection"] {
  margin-top: 70px !important;
  padding-top: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Remove any animations that might be affecting the badge */
.badge, .badge:hover, .badge:active {
  animation: none !important;
}
}
#fw-section-collections-list-fb491b8d-d5a3-4aa9-94e6-bd8b4186b2d2 {

/* --- Product Tile (No Hover Movement on Whole Tile) --- */
.product-tile {
  transition: none;
  box-shadow: none;
}
.product-tile:hover {
  transform: none;
  box-shadow: none;
}

/* --- Tile Image (Only Grey Box Moves on Hover) --- */
.tile__image {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  background-color: #efefef; /* slight darker light grey */
  border-radius: 12px;
  overflow: hidden;
}
.tile__image:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* --- Product Title (Text Microanimation on Hover) --- */
.tile__heading {
  transition: color 0.3s ease, transform 0.3s ease;
}
.tile__heading:hover {
  color: #555; /* Slightly lighter text color */
  transform: translateY(-2px); /* Tiny nudge */
}

/* --- Product Image (Fade on Hover) --- */
.tile__image img:first-child {
  transition: opacity 0.5s ease;
}
.tile__image:hover img:first-child {
  opacity: 0;
}

/* --- Color Swatch (No Hover Animation, Only on Selection) --- */
/* (Optional: Add separate CSS for selected state if needed) */

/* --- Section Background Color --- */
.section-featured-collection {
  background-color: #f9f9f7; /* slightly warm white */
}

/* --- Badge Styling and Animation - FIXED VERSION --- */
.badge {
  /* Set fixed positioning properties */
  background: linear-gradient(135deg, #0A3D62, #2E86AB) !important;
  color: white !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  
  /* Critical fixes for the jumpiness */
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  position: relative !important;
  z-index: 5 !important;
  
  /* Simplify transitions to avoid animation issues */
  transition: background-color 0.3s ease !important;
  animation: none !important;
  
  /* Add subtle box shadow for depth */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
  
  /* Prevent any transform on hover that might cause issues */
  backface-visibility: hidden !important;
  -webkit-font-smoothing: antialiased !important;
  will-change: background-color !important;
}

/* Simplify badge hover state */
.badge:hover {
  background: linear-gradient(135deg, #0A3D62, #1d5f7a) !important;
  /* Ensure no other properties change */
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ensure badge container has stable positioning */
.badge-container,
[class*="badge-container"],
[class*="badge_container"],
.product-badges,
[class*="product-badges"],
[class*="product_badges"] {
  position: relative !important;
  z-index: 5 !important;
  display: inline-block !important;
  pointer-events: none !important; /* Let clicks pass through to product */
}

/* Badge inside container */
.product-badges .badge,
[class*="product-badges"] .badge,
[class*="badge-container"] .badge {
  pointer-events: auto !important; /* Allow badge to be clickable */
}

/* Fix header overlap with Featured Collection section */
.section-featured-collection,
[class*="featured-collection"],
[id*="shopify-section-template--"][id*="featured-collection"],
.featured-collection {
  margin-top: 70px !important; /* Reduced from 130px */
  padding-top: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Make the heading visible */
.section-featured-collection h2,
[class*="featured-collection"] h2,
.featured-collection h2,
.featured-collection__title,
h2.title {
  margin-top: 0 !important;
  margin-bottom: 25px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important; /* Ocean blue color */
  position: relative !important;
  z-index: 5 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Style View All button */
.view-all,
a.view-all,
.section-featured-collection .view-all,
[class*="view-all"],
[class*="view_all"] {
  border: 2px solid #2E86AB !important;
  background-color: transparent !important;
  color: #2E86AB !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  margin-top: 20px !important;
  position: relative !important;
  z-index: 5 !important;
}

.view-all:hover,
a.view-all:hover,
.section-featured-collection .view-all:hover {
  background-color: #2E86AB !important;
  color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(46, 134, 171, 0.2) !important;
}

/* Enhance product cards */
.card-wrapper,
.product-card,
[class*="card-wrapper"],
[class*="product-card"] {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.card-wrapper:hover,
.product-card:hover,
[class*="card-wrapper"]:hover,
[class*="product-card"]:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

/* Enhance product image */
.card__media,
.product-card__image,
[class*="card__media"],
[class*="product-card__image"] {
  overflow: hidden !important;
}

.card__media img,
.product-card__image img,
[class*="card__media"] img,
[class*="product-card__image"] img {
  transition: transform 0.6s ease !important;
}

.card-wrapper:hover .card__media img,
.product-card:hover .product-card__image img,
[class*="card-wrapper"]:hover [class*="card__media"] img,
[class*="product-card"]:hover [class*="product-card__image"] img {
  transform: scale(1.05) !important;
}

/* Price highlighting */
.price,
[class*="price"] {
  color: #343a40 !important; /* (original color: FF7F50) */
  transition: transform 0.3s ease !important;
}

.card-wrapper:hover .price,
.product-card:hover [class*="price"] {
  transform: scale(1.05) !important;
}

/* Improve product title */
.card__heading,
.product-card__title,
[class*="card__heading"],
[class*="product-card__title"] {
  transition: color 0.3s ease !important;
  font-weight: 600 !important;
}

.card-wrapper:hover .card__heading,
.product-card:hover .product-card__title,
[class*="card-wrapper"]:hover [class*="card__heading"],
[class*="product-card"]:hover [class*="product-card__title"] {
  color: #2E86AB !important;
}

/* Increase spacing between header and LATEST PRODUCTS heading */
.section-featured-collection h2,
[class*="featured-collection"] h2,
.featured-collection h2,
.featured-collection__title,
h2.title,
[class*="section-title"],
[class*="heading-title"],
[class*="title"] {
  margin-top: 20px !important;
  margin-bottom: 25px !important;
  padding-top: 15px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important;
  position: relative !important;
  z-index: 5 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* Adjust margin of featured collection section */
.section-featured-collection,
[class*="featured-collection"],
[id*="shopify-section-template--"][id*="featured-collection"],
.featured-collection {
  margin-top: 90px !important; /* Increased from 70px */
  padding-top: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Target specific section heading with correct class */
h2.section-header__heading,
.section-header__heading,
h2.section-header,
.section-header h2,
h2.collection__title,
.collection__title,
.collection-title,
[class*="section-header"] h2,
h2.collection-header__title,
h2.section-header__title,
[class*="header__heading"],
[class*="header_heading"],
h2[class*="heading"] {
  margin-top: 40px !important;
  padding-top: 30px !important;
  margin-bottom: 30px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Direct targeting based on inspector */
.section-header,
.section-header__heading,
h2.section-header__heading {
  margin-top: 40px !important;
  padding-top: 30px !important; 
}

/* Specifically target "LATEST PRODUCTS" text */
.featured-collection h2,
[class*="featured-collection"] h2 {
  margin-top: 40px !important;
  padding-top: 30px !important;
}

/* Adjust margin on entire section */
.section-featured-collection,
[id*="shopify-section"][id*="featured-collection"],
section[id*="featured-collection"],
section[class*="featured-collection"] {
  margin-top: 40px !important;
  padding-top: 50px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Reduced spacing for section heading - only 20px */
h2.section-header__heading,
.section-header__heading,
.section-header h2,
h2[class*="heading"] {
  margin-top: 20px !important;
  padding-top: 0px !important; 
  margin-bottom: 20px !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2E86AB !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Adjust section container with minimal spacing */
.section-featured-collection,
[id*="shopify-section"][id*="featured-collection"],
section[id*="featured-collection"],
section[class*="featured-collection"] {
  margin-top: 70px !important;
  padding-top: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Remove any animations that might be affecting the badge */
.badge, .badge:hover, .badge:active {
  animation: none !important;
}

/* Optional subtle zoom on image inside */
.tile__image {
  overflow: hidden;
}
.tile__image img {
  transition: transform 0.35s ease;
}
.tile:hover .tile__image img {
  transform: scale(1.025);
}




}



#fw-section-announcement-bar-9fd5aa0e-8d33-4a04-a5cc-368b28ab486c {

/* Announcement Bar Styling with Wave Effect */
#fw-section-announcement-bar,
.fw-section-announcement-bar,
[id*="section-announcement-bar"] {
  background: linear-gradient(to right, #0A3D62, #2E86AB) !important;
  color: white !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1001 !important;
  text-align: center !important;
  padding: 8px 20px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden !important;
}

/* Add wave animation to announcement bar */
#fw-section-announcement-bar::after,
.fw-section-announcement-bar::after,
[id*="section-announcement-bar"]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200%;
  height: 4px;
  background: linear-gradient(90deg, transparent, rgba(136, 204, 241, 0.5), transparent);
  animation: waveSlide 8s linear infinite;
}

@keyframes waveSlide {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}

/* Ensure announcement text is readable */
.announcement-bar__message,
#fw-section-announcement-bar *,
.fw-section-announcement-bar * {
  color: white !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

/* Adjust body padding for fixed elements */
body {
  padding-top: 130px !important; /* Combined height of announcement bar and header */
}
}
#fw-section-header {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0c0c0c;
--color-on-background-rgb: 12, 12, 12;
--color-product-image-background: #0c0c0c;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
/* Logo */
.header__logo-container {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.header__logo-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}
.header__logo-image:hover {
  transform: scale(1.1);
  filter: drop-shadow(0 0 5px rgba(136, 204, 241, 0.5));
}

/* Decorative wave line under header */
.page__header::after,
.fw-section-header::after,
#fw-section-header::after,
.header-wrapper::after,
.wrapper > .header__grid::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg,
    rgba(46, 134, 171, 0),
    rgba(46, 134, 171, 0.5),
    rgba(136, 204, 241, 0.5),
    rgba(46, 134, 171, 0.5),
    rgba(46, 134, 171, 0)
  );
}

/* Header navigation */
.header__link {
  padding: 8px 10px;
  color: white !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  transition: color 0.3s ease;
}
.header__link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #2E86AB, #88CCF1, #2E86AB);
  background-size: 200% 100%;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease, background-position 3s ease;
}
.header__link:hover {
  color: #000;
}
.header__link:hover::after {
  transform: scaleX(1);
  transform-origin: left;
  background-position: 100% 0;
}
.header__list--horizontal {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
.header__list {
  gap: 24px;
}

/* Cart & icons */
.header__icons,
.header__icon--cart,
.cart-icon,
[class*="cart-icon"],
[class*="currency-selector"],
.cart-widget,
.cart-widget--icons,
.header__list-item a[href="/cart"],
a[href="/cart"] svg,
[data-cart-widget="widget"] svg {
  margin-right: 15px !important;
  color: white !important;
  fill: white !important;
  stroke: white !important;
  transition: all 0.3s ease !important;
}
.header__list-item a[href="/cart"]:hover svg,
a[href="/cart"]:hover svg,
[data-cart-widget="widget"]:hover svg {
  transform: scale(1.1);
  filter: drop-shadow(0 0 5px rgba(136, 204, 241, 0.7));
  fill: #88CCF1 !important;
}
.cart-widget--items,
[data-cart-widget="quantity"],
span[data-cart-widget="quantity"] {
  background-color: #2E86AB !important;
  color: white !important;
  padding: 2px 6px !important;
  border-radius: 50% !important;
}

/* Section heading underline */
h2.section-header__heading,
h2.section-header,
.section-header h2,
h2[class*="heading"],
h2.title,
[class*="section-title"],
[class*="heading-title"],
h2[class*="title"],
.section h2 {
  display: inline-block;
  position: relative;
  font-size: 32px;
  font-weight: 700;
  color: #2E86AB;
  margin-bottom: 30px;
  letter-spacing: 1px;
}
h2.section-header__heading:after,
h2.section-header:after,
.section-header h2:after,
h2[class*="heading"]:after,
h2.title:after,
[class*="section-title"]:after,
[class*="heading-title"]:after,
h2[class*="title"]:after,
.section h2:after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 60px;
  height: 3px;
  background: linear-gradient(to right, #2E86AB, #88CCF1);
  transition: width 0.3s ease;
}
h2.section-header__heading:hover:after,
h2.section-header:hover:after,
.section-header h2:hover:after,
h2[class*="heading"]:hover:after,
h2.title:hover:after,
[class*="section-title"]:hover:after,
[class*="heading-title"]:hover:after,
h2[class*="title"]:hover:after,
.section h2:hover:after {
  width: 100%;
}

/* Product color swatches */
.color-swatch,
[class*="color-swatch"],
[class*="color_swatch"],
.variant-selector,
.product-card__color-swatch,
.swatch {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 5px;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.color-swatch:hover,
[class*="color-swatch"]:hover,
[class*="color_swatch"]:hover,
.variant-selector:hover,
.product-card__color-swatch:hover,
.swatch:hover {
  transform: scale(1.2);
  box-shadow: 0 0 0 2px white, 0 0 0 3px currentColor;
}
.color-swatch.selected,
[class*="color-swatch"].selected,
[class*="color_swatch"].selected,
.variant-selector.selected,
.product-card__color-swatch.selected,
.swatch.selected {
  transform: scale(1.2);
  box-shadow: 0 0 0 2px white, 0 0 0 3px black;
}

/* Mobile header adjustments */
@media (max-width: 768px) {
  body {
    padding-top: 80px !important;
  }
  .fw-section-header,
  #fw-section-header,
  header.page__header,
  .page__header {
    padding: 10px 20px !important;
  }
}

/* Fixed header with gradient background */
.fw-section-header,
#fw-section-header,
header.page__header,
.page__header,
.header-wrapper,
.wrapper > .header__grid,
[class*="header_grid"],
[id*="section-header"] {
  background: linear-gradient(to bottom, #0A3D62, #0A3D62F0) !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  padding: 15px 30px !important;
  height: auto !important;
}

/* Extra spacing for product/collection pages */
@media (min-width: 769px) {
  body.template-product,
  body[data-template*="collection"],
  body.collection,
  body[class*="collection-template"] {
    padding-top: 110px !important;
  }
}

/* Keep nav underline on current page */
nav.header__nav .header__link { position: relative; }
nav.header__nav .header__link::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: linear-gradient(to right, #2E86AB, #88CCF1);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}
nav.header__nav .header__link:hover::after {
  transform: scaleX(1);
}
nav.header__nav .header__link.is-current::after {
  transform: scaleX(1);
}

}