/* Add custom CSS styles below */ 
:root, body {
    background-color: #fffcf5 !important;
}
footer.store-footer, 
.store-footer__inner {
    background-color: #09182b !important;
}
/* Apply curved footer only on Desktop */
@media (min-width: 1024px) {
    footer.store-footer {
        background-color: #09182b !important;
        /* The curve shape */
        clip-path: ellipse(120% 100% at 50% 100%) !important;
        -webkit-clip-path: ellipse(120% 100% at 50% 100%) !important;
        
        /* Spacing for the curve */
        margin-top: -60px !important;
        padding-top: 60px !important;
    }

    .store-footer__inner {
        background-color: transparent !important;
    }
}
.s-block--features__item{
  background: #fffbf0;
}
.s-block--features__item .feature-icon{
  background: #09182b;
}
.s-block--features__item .feature-icon i{
  color: #f2cd83;
}
.s-block--features__item {
    border: 1px solid #FFFBF0 !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    border-radius: 12px !important; /* Makes the shadow look cleaner */
}

/*make it take the full width start*/
/* Force Banner Section to break out and hit screen edges */
section.s-block--fixed-banner {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    margin-top: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* Remove internal container limits */
section.s-block--fixed-banner .container,
section.s-block--fixed-banner [class*="container"] {
    max-width: none !important;
    width: 100vw !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure the image/link covers the full 100vw */
section.s-block--fixed-banner a,
section.s-block--fixed-banner img {
    width: 100vw !important;
    max-width: 100vw !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important; /* Prevents image distortion */
}

/* Ensure parent doesn't clip the breakout */
main#main-content {
    overflow: visible !important;
}
/*make it take the full width end*/
/* Apply margin top only to the specific 4th fixed banner */
main#main-content section.s-block--fixed-banner:nth-of-type(4) {
    margin-top: 40px !important;
}
/* Apply margin top only to this specific banner block */
section[component-id="1462668445"] {
    margin-top: 40px !important;
}
/* Change main navigation background color */
div#mainnav, 
div#mainnav .inner {
    background-color: #fff9eb !important;
}
/* Change top navbar background color */
.top-navbar {
    background-color: #06111f !important;
}
/* Change advertisement background color */
.s-advertisement, 
.s-advertisement-content {
    background-color: #09182b !important;
}
@media (max-width: 767px) {
  section.s-block.s-block--fixed-banner.wide-placeholder img {
    border-radius: 0 !important;
  }
}