#fw-section-hero-0 {
--color-primary: #7a4bff;
--color-primary-rgb: 122, 75, 255;
--color-background: #fdf0da;
--color-background-rgb: 253, 240, 218;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 241;
background-color: var(--color-background);
color: var(--color-on-background);


section{
    padding-bottom: 0px; /* Changed from 30px to 0px */
}
}










#fw-section-footer {
--color-primary: #7a4bff;
--color-primary-rgb: 122, 75, 255;
--color-background: #fffaf3;
--color-background-rgb: 255, 250, 243;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 251;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-header {
--color-primary: #7a4bff;
--color-primary-rgb: 122, 75, 255;
--color-background: #2a2a2a;
--color-background-rgb: 42, 42, 42;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 42;
background-color: var(--color-background);
color: var(--color-on-background);
header {
  width: 100%;              /* full width, you can change this */
  height: 2px;              /* thickness of the line */
  background-color: #333;   /* dark gray color */
  margin: 20px 0;           /* vertical spacing */
}
}









#fw-section-custom-html-9544c011-daa4-4c91-9c6f-e9c85203a8b1 {

@import url('https://fonts.googleapis.com/css2?family=Calistoga&family=Nunito:wght@400;500;700&display=swap'); /* Added Nunito font */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons'); /* Import Material Icons */


/* General Styling */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  --static_page_background: rgba(253, 252, 255, 1);
  --static_section_background: rgba(209, 196, 253, 0.17);
  --static_title_text: rgba(36, 26, 53, 1);
  --static_body_text: rgba(87, 99, 122, 1);
  --static_primary_color_buttons_links: rgba(112, 105, 188, 1);
  --static_light_primary_background: rgba(204, 189, 255, 0.18);
  --static_buttons_text: rgba(255, 255, 255, 1);
  --static_secondary_color: rgba(255, 150, 71, 1);
  --static_outline: rgba(172, 185, 210, 1);
  --static_primary_links_hover: rgba(80, 69, 161, 1);
  --static_secondary_links_hover: rgba(231, 233, 238, 0.4);
  --static_divider_color: rgba(214, 220, 233, 0.6);
  --static_heading_font: Inter;
  --static_subheading_font: Inter;
  --static_heading_size: 56px;
  --static_subheading_size: 22px;
  --static_body_text_size: 16px;
}

/* Product Section */
.product-section {
  padding: 60px 24px 80px 24px;
  position: relative;
  background-color: var(--static_page_background);
}

.product-container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Product Gallery */
.product-gallery {
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.main-image-container {
  border: 1px solid var(--static_outline);
  border-radius: 8px;
  overflow: hidden;
}

.main-product-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.thumbnail-gallery {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 10px; /* For scrollbar */
}

.thumbnail-item {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border: 1px solid var(--static_outline);
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.3s ease;
}

.thumbnail-item.active {
  border-color: var(--static_primary_color_buttons_links);
  box-shadow: 0 0 0 2px var(--static_primary_color_buttons_links);
}

.thumbnail-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Product Details */
.product-details {
  flex: 1;
  min-width: 300px;
}

.product-title {
  font-family: 'Calistoga', serif;
  font-size: 35px;
  color: var(--static_title_text);
  margin-top: 0;
  margin-bottom: 20px;
  line-height: var(--kNbqjhr3g);
  font-weight: var(--xQGI-Yrl);
}

.price-and-reviews {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  
}

.price-info {
  display: flex;
  align-items: baseline;
  gap: 10px;
   
}

.current-price {
  font-size: var(--static_subheading_size);
  color: var(--static_title_text);
  font-weight: var(--OTMJ46U3a);
  margin: 0;
  font-size: 25px;
  color: #8053FE;
  
}

.original-price {
 
  font-size: 15px;
  font-size: var(--static_body_text_size);
  color: var(--static_body_text);
  text-decoration: line-through;
}

.reviews-info {
  display: flex;
  color: #E8B02F;
  align-items: center;
  gap: 5px;
  color: var(--static_body_text);
  font-size: var(--static_body_text_size);
}

.stars {
  display: flex;
  gap: 2px;
  color: #E8B02F;
}

.star-icon {
  width: 16px;
  height: 16px;
  color: #E8B02F;
}

.review-count {
  font-size: var(--static_body_text_size);
}

.promo-text {
  background-color: var(--static_light_primary_background);
  color: var(--static_primary_color_buttons_links);
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: var(--P34W22KP2);
}

/* New Features Section */
.product-features-section {
  display: flex;
  flex-direction: column;
  gap: 15px; /* Spacing between feature items */
  margin-bottom: 30px; /* Space below this section */
  padding: 20px;
  border: 1px solid var(--static_outline);
  border-radius: 8px;
  background-color: var(--static_section_background); /* Light background */
}

.feature-item {
  display: flex;
  align-items: center;
  gap: 15px; /* Space between icon and text */
}

.feature-icon {
  width: 25px; /* Icon size */
  height: 25px;
  fill: #7a4bff; /* Color for the icons - from .buy-now-button background */
  flex-shrink: 0; /* Prevent icon from shrinking */
}

.feature-title {
  margin: 0;
  font-family: 'Nunito', sans-serif; /* Set Nunito font */
  font-size: 14px; /* Set font size to 14px */
  color: var(--static_title_text);
  font-weight: 500; /* Medium font weight for titles */
}


/* Buy Now Button */
.buy-now-button {
  width: 100%;
  padding: 20px 20px;
  background-color: #7a4bff;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 900;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-bottom: 20px;
}

.buy-now-button:hover {
  background-color: #6a3aff;
}

.security-badges {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 30px;
}

/* Collapsible Sections (Q&A Style) */
.collapsible-sections {
  display: flex;
  flex-direction: column;
  gap: 15px; /* Spacing between collapsible items */
}

.collapsible-item {
  border: 1px solid var(--static_outline);
  border-radius: 10px; /* Slightly more rounded corners */
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* Subtle shadow */
}

.collapsible-item.active {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* More prominent shadow when active */
}

.collapsible-header {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  cursor: pointer;
  background-color: #fff; /* White background for header */
  position: relative;
  z-index: 1; /* Ensure header is above content's shadow if any */
}

.collapsible-icon-wrapper {
    width: 30px; /* Slightly larger icon wrapper for more spacing */
    height: 30px;
    border: 1px solid var(--static_outline);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px; /* Spacing between icon and title */
    flex-shrink: 0;
}

.collapsible-svg-icon {
  width: 18px; /* Adjust size of SVG icons */
  height: 18px;
  stroke: var(--static_primary_color_buttons_links); /* Color the SVG strokes */
}

.collapsible-title {
  flex-grow: 1;
  font-size: var(--static_body_text_size);
  font-weight: 500; /* Slightly bolder text */
  color: var(--static_title_text);
}

.arrow-icon {
  font-size: 24px;
  color: var(--static_body_text);
  transition: transform 0.3s ease;
}

.collapsible-item.active .arrow-icon {
  transform: rotate(180deg);
}

.collapsible-content {
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out, padding 0.5s ease-out;
  background-color: var(--static_page_background); /* Background for content */
  border-top: 1px solid var(--static_divider_color); /* Separator line */
}

.collapsible-item.active .collapsible-content {
  max-height: 200px; /* Adjust as needed, or use JS to calculate dynamic height */
  padding-top: 15px;
  padding-bottom: 15px;
}

.collapsible-content p {
  margin: 0;
  color: var(--static_body_text);
  font-size: var(--static_body_text_size);
  line-height: var(--YDGBNbAn3);
}

/* Scrollbar styling for webkit browsers */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
  .product-container {
    flex-direction: column;
  }

  .product-title {
    font-size: 35px;
  }

  .price-and-reviews {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
}








#fw-section-featured-product-c4910644-2944-4de8-8e5b-4a92c4e35318 {

:root {
    /* Define CSS variables if they are used elsewhere in your project */
    --static_title_text: #333; /* Example color for titles */
    --kNbqjhr3g: 1.2; /* Example line height for 'a' tag */
    --xQGI-Yrl: 700; /* Example font weight for 'a' tag */
}

body {
    font-family: Arial, sans-serif;
    margin: 20px;
    padding: 0;
    background-color: #f4f4f4;
    color: #333;
}

product-features-section {
    max-width: 800px;
    margin: 40px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

feature-item {
    margin-bottom: 20px;
}

feature-title {
    /* Use flexbox for horizontal alignment only if an icon is present */
    /* Otherwise, it will just be a standard block-level heading */
    display: flex; /* Makes icon and text align */
    align-items: center; /* Vertically centers icon and text */
    font-size: 20px; /* Adjust as needed */
    color: #333;
    margin: 0; /* Remove default margin from h3 */
}

/* Styling for the image within the first feature title */
feature-title img {
    width: 28px; /* Set a consistent size for your image icon */
    height: 28px; /* Set a consistent size for your image icon */
    margin-right: 12px; /* Space between the image and the text */
    vertical-align: middle; /* Ensures better vertical alignment if not using flex */
    flex-shrink: 0; /* Prevents the image from shrinking */
}

/* --- Button Styling (from your previous code) --- */
button {
  width: 100%;
  padding: 20px 20px;
  background-color: #7a4bff;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 900;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-bottom: 20px;
}

button:hover {
  background-color: #6a3aff;
}

/* --- Anchor (Link) Styling (from your previous code) --- */
a {
  font-family: 'Calistoga', serif; /* Ensure you've linked this font in HTML if using */
  font-size: 35px;
  color: var(--static_title_text);
  margin-top: 0;
  margin-bottom: 20px;
  line-height: var(--kNbqjhr3g);
  font-weight: var(--xQGI-Yrl);
  text-decoration: none; /* Often desired for custom link styling */
}
.feature-title img {
  width: 25px; /* Icon size */
  height: 25px;
  fill: #7a4bff; /* Color for the icons - from .buy-now-button background */
  flex-shrink: 0; /* Prevent icon from shrinking */
  margin-right: 10px; /* Added space to the right of the icon */
  margin-bottom: 0; /* Removed margin-bottom */
}
.feature-title {
  margin: 0;
  font-family: 'Nunito', sans-serif; /* Set Nunito font */
  font-size: 16px; /* Set font size to 14px (corrected to 16px as per comment) */
  color: var(--static_title_text);
  font-weight: 700; /* Medium font weight for titles */
  position: right; /* Explicitly align text to the left */
}
}



#fw-section-custom-html-aafbbc25-00a7-4403-9e65-a536e78c65d5 {
--color-primary: #7a4bff;
--color-primary-rgb: 122, 75, 255;
--color-background: #fdf0da;
--color-background-rgb: 253, 240, 218;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 241;
background-color: var(--color-background);
color: var(--color-on-background);
.main__sections {
     
        padding-top: 0px;
        padding-bottom: 0px;
    }

.features-section {
    padding-bottom: 0px;
    background-color: #FDF0DA; /* Background color for this specific section */
    /* Padding around the buttons within this section */
    width: 100%;
    max-width: auto; /* Max width for the content inside this section */
    margin-left: auto; /* Center the section if it's narrower than 100% */
    margin-right: auto;
    margin: 0px;/* Center the section if it's narrower than 100% */
}

.features-container {
    display: flex;
    flex-wrap: wrap; /* Allow buttons to wrap on smaller screens */
    justify-content: center; /* Center buttons horizontally within the container */
    gap: 20px; /* Space between buttons */
}

/* Styling for individual feature blocks (buttons) */
.feature-block {
    display: flex;
    align-items: center; /* Align icon and text vertically */
    background-color: #7a4bff; /* Background color for the feature box */
    border-radius: 25px; /* Rounded corners */
    padding: 15px 30px; /* Padding inside the button */
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow */
    min-width: 200px; /* Minimum width to prevent squishing */
    flex: 1; /* Allow blocks to grow */
    max-width: 350px; /* Maximum width for each block */
    justify-content: center; /* Center content horizontally within the block */
    color: #ffffff; /* Text color for contrast on the feature box background */
}

.feature-block:hover {
    background-color: #6a3be0; /* Slightly darker shade on hover */
    transform: translateY(-2px); /* Slight lift effect on hover */
}

/* Styling for the SVG icon */
.feature-icon {
    width: 24px; /* Icon size */
    height: 24px;
    fill: #ffffff; /* Icon fill color */
    margin-right: 10px; /* Space between icon and text */
}

/* Styling for the feature title (text) */
.feature-title {
  color: white;  
  font-family: 'Nunito', sans-serif; /* Font for the title text */
    font-weight: 700;
    font-size: 18px; /* Font size for the text */
    margin: 0; /* Remove default margin */
    white-space: nowrap; /* Prevent text from wrapping */
}

/* Responsive adjustments for this section */
@media (max-width: 768px) {
    .feature-block {
        padding: 12px 25px; /* Slightly less padding on smaller screens */
        font-size: 1.6rem;
        flex-basis: calc(50% - 20px); /* Two columns on tablets (accounting for gap) */
    }
}

@media (max-width: 480px) {
    .feature-block {
        flex-basis: 100%; /* Full width on mobile */
        padding: 10px 20px;
        font-size: 1.5rem;
    }
    .feature-icon {
        width: 20px;
        height: 20px;
    }
}
}


#fw-section-custom-html-d4405d4c-491f-4ad6-abd6-33f661c0e64a {
--color-primary: #7a4bff;
--color-primary-rgb: 122, 75, 255;
--color-background: #fffaf1;
--color-background-rgb: 255, 250, 241;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 250;
background-color: var(--color-background);
color: var(--color-on-background);

}













#fw-section-newsletter-76894c4a-da51-4386-8253-e185da10c91d {

BUTTON{
  border-radius: 15px;
}
}

#fw-section-product-product-default {

 .product-info__price--offer {
  display:inline-block;
  margin-top:6px;
  font-size:1.2rem;
  margin-right:5px
}
.product-info__price--original {
    display: inline-block;
    padding-top: 500;
    margin-top: 0px;
    font-size: 1.7rem;
    margin-right: 5px;
    color: #7A4BFF;
    font-weight: 700; /* Added for semi-bold font weight */
}
@media (min-width: 640px) {
    .product-info>*+* {
      margin-top: 15px;
     
    }
}
button{
  border-radius: 15px;
   
      }
accordion__heading{
  font-size: 50px;
}
   heading{
  font-size: 50px;
}
   
}


#fw-section-custom-html-6242ba4c-f47b-4f78-badc-af1ccedd7926 {
--color-primary: #7a4bff;
--color-primary-rgb: 122, 75, 255;
--color-background: #fffaf3;
--color-background-rgb: 255, 250, 243;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 251;
background-color: var(--color-background);
color: var(--color-on-background);

}