/** Shopify CDN: Minification failed

Line 7:10395 Unexpected "\"custom_bullet_icon_list\""
Line 7:10495 Unexpected "\"custom_bullet_icon_list\""

**/
@media screen and (min-width:749px){.show-on--mobile-only{display:none!important}}@media screen and (max-width:749px){.show-on--desktop-only{display:none!important}}.w-100{width:100%}.flex{display:flex}.justify-self-center{justify-self:center}.align-items-center{align-items:center}.align-self-center{align-self:center}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-justify{text-align:justify}.justify-content-left{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-right{justify-content:flex-end}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.w-full{width:100%}.m-0{margin:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-bottom:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto{margin-right:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.dbtfy-sale-badge{background:var(--dbtfy-sale-badge-color-foreground);background-color:var(--dbtfy-sale-badge-color-background);border:unset;color:var(--dbtfy-sale-badge-color-text)}.dbtfy-sale-badge .material-icon{font-size:12px}.dbtfy-sold-out-badge{background:var(--dbtfy-sold-out-badge-color-foreground);background-color:var(--dbtfy-sold-out-badge-color-background);border:unset;color:var(--dbtfy-sold-out-badge-color-text)}.dbtfy-discount-badge{background:var(--dbtfy-discount-badge-color-foreground);background-color:var(--dbtfy-discount-badge-color-background);border:unset;color:var(--dbtfy-discount-badge-color-text)}.d-grid{display:grid;gap:var(--grid-mobile-vertical-spacing) var(--grid-mobile-horizontal-spacing);grid-template-columns:repeat(12,1fr);list-style-type:none}.d-grid,.d-grid li{margin:0;padding:0}.d-grid .grid--1-col{grid-column:span 1}.d-grid .grid--2-col{grid-column:span 2}.d-grid .grid--3-col{grid-column:span 3}.d-grid .grid--4-col{grid-column:span 4}.d-grid .grid--5-col{grid-column:span 5}.d-grid .grid--6-col{grid-column:span 6}.d-grid .grid--7-col{grid-column:span 7}.d-grid .grid--8-col{grid-column:span 8}.d-grid .grid--9-col{grid-column:span 9}.d-grid .grid--10-col{grid-column:span 10}.d-grid .grid--11-col{grid-column:span 11}.d-grid .grid--12-col{grid-column:span 12}.d-grid .grid--auto{grid-column:auto}.d-grid .grid--fill{grid-column:span 11}@media screen and (min-width:750px){.d-grid{gap:var(--grid-desktop-vertical-spacing) var(--grid-desktop-horizontal-spacing)}.d-grid .grid--1-col-tablet{grid-column:span 1}.d-grid .grid--2-col-tablet{grid-column:span 2}.d-grid .grid--3-col-tablet{grid-column:span 3}.d-grid .grid--4-col-tablet{grid-column:span 4}.d-grid .grid--5-col-tablet{grid-column:span 5}.d-grid .grid--6-col-tablet{grid-column:span 6}.d-grid .grid--7-col-tablet{grid-column:span 7}.d-grid .grid--8-col-tablet{grid-column:span 8}.d-grid .grid--9-col-tablet{grid-column:span 9}.d-grid .grid--10-col-tablet{grid-column:span 10}.d-grid .grid--11-col-tablet{grid-column:span 11}.d-grid .grid--12-col-tablet{grid-column:span 12}}@media screen and (min-width:990px){.d-grid{gap:var(--grid-desktop-vertical-spacing) var(--grid-desktop-horizontal-spacing)}.d-grid .grid--1-col-desktop{grid-column:span 1}.d-grid .grid--2-col-desktop{grid-column:span 2}.d-grid .grid--3-col-desktop{grid-column:span 3}.d-grid .grid--4-col-desktop{grid-column:span 4}.d-grid .grid--5-col-desktop{grid-column:span 5}.d-grid .grid--6-col-desktop{grid-column:span 6}.d-grid .grid--7-col-desktop{grid-column:span 7}.d-grid .grid--8-col-desktop{grid-column:span 8}.d-grid .grid--9-col-desktop{grid-column:span 9}.d-grid .grid--10-col-desktop{grid-column:span 10}.d-grid .grid--11-col-desktop{grid-column:span 11}.d-grid .grid--12-col-desktop{grid-column:span 12}}.dbtfy-block__heading{font-size:calc(var(--font-heading-scale)*1.8rem)}.dbtfy-block__subheading{font-size:calc(var(--font-heading-scale)*1.4rem)}.dbtfy-block__heading,.dbtfy-block__subheading{margin-bottom:1rem;margin-top:0}@media screen and (min-width:990px){.dbtfy-block__heading{font-size:calc(var(--font-heading-scale)*1.9rem)}.dbtfy-block__subheading{font-size:calc(var(--font-heading-scale)*1.5rem)}}.dbtfy-block__img img{vertical-align:middle;width:100%}.dbtfy-block__store-info-list{word-break:break-all}.dbtfy-block__store-info-list .link{align-items:center;display:flex;gap:1rem;text-decoration:none}.dbtfy-block___social-media .list-social__link{padding:5px}.dbtfy-block___social-media .list-social{justify-content:flex-start}.dbtfy-link-list .link{line-height:18px}.dbtfy-search-bar__button{font-size:1.6rem;letter-spacing:.1rem;line-height:1.5;padding:1.5rem!important}.dbtfy-search-bar__button::placeholder{color:rgba(var(--color-foreground),.75);opacity:1}.dbtfy-search-bar-standard .search-modal__content{padding:0}.dbtfy-search-bar-standard .predictive-search__results-groups-wrapper{flex-direction:column}.dbtfy-search .search-modal__close-button{display:none}.slider-button i{animation:var(--animation-fade-in);font-size:2.5rem}.slider-button i,.slider-button svg{background-color:var(--arrow-background-color);border-radius:var(--buttons-radius-outset);color:var(--arrow-color)}.slider-button svg{height:2.5rem;padding:.5rem;width:2.5rem}.splide .slider-button{background:transparent;border:0;cursor:pointer;padding:0;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.slider-button svg path{fill:rgb(var(--color-button-text))}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border-color:var(--color-foreground)}.splide .media>:not(.zoom):not(.deferred-media__poster-button){height:100%;position:unset;width:100%}.slider-button:disabled i,.slider-button:disabled svg{opacity:.5}.slider-button{color:rgba(var(--color-foreground))!important}.buynow-button>div{width:100%}.dbtfy-button--block,.dbtfy-image--block{align-items:center;display:inline-flex;flex-wrap:wrap;gap:1rem;margin:0;width:100%;word-break:break-word}.dbtfy-image--block{vertical-align:middle}.dbtfy-image--block img{height:100%;object-fit:cover;width:100%}.dbtfy-shop-protect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dbtfy-bubble{align-items:center;border-radius:100%;color:rgb(var(--color-background));display:flex;justify-content:center;line-height:calc(1 + .1/var(--font-body-scale));position:absolute}.dbtfy-bubble--top-left{right:2.2rem;top:.8rem}.dbtfy-bubble--top-right{left:2.2rem;top:.8rem}.dbtfy-bubble--bottom-left{bottom:.8rem;right:2.2rem}.dbtfy-bubble--bottom-right{bottom:.8rem;left:2.2rem}.dbtfy-bubble--small{font-size:.8rem;height:1.5rem;width:1.5rem}.dbtfy-bubble--medium{font-size:.9rem;height:1.7rem;width:1.7rem}.dbtfy-bubble--large{font-size:1rem;height:2rem;width:2rem}.dbtfy-gap-5{gap:5px}.dbtfy-button--block .grid{gap:.8rem}.dbtfy-button--block.dbtfy-single-button--block .button--link{padding:0}.dbtfy-button--block:not(.dbtfy-single-button--block) .link.underlined-link{padding:0 3rem}dbtfy-slider-component .slideshow__controls:not(.slideshow__controls--normal) .slider-button:not(.slideshow__autoplay){position:absolute;top:50%;transform:translateY(-50%)}dbtfy-slider-component .slideshow__controls:not(.slideshow__controls--normal) .slider-button.slider-button--next{right:0}dbtfy-slider-component .slideshow__controls:not(.slideshow__controls--normal) .slider-button.slider-button--prev{left:0}.mega .header__menu-item{color:rgb(var(--color-foreground));padding-bottom:calc(12px + var(--section-padding-top));padding-top:calc(12px + var(--section-padding-top))}.mega.header{padding-bottom:0;padding-top:0}.header-wrapper--border-bottom{border:unset;position:relative}.header-wrapper--border-bottom:before{border-bottom:.1rem solid rgba(var(--color-foreground),.08);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media (max-width:749px){.page-full{padding:0 1.5rem}}.dbtfy-button--block:not(.dbtfy-single-button--block) .button--link{align-content:center;min-height:calc(4.5rem + var(--buttons-border-width)*2);min-width:calc(12rem + var(--buttons-border-width)*2)}a.button--link{text-decoration:none}.button--small,a.button.button--small,a.link.button--small,button.button.button--small,button.link.button--small{flex-shrink:0;font-size:1.2rem;min-height:unset;min-width:unset;padding:.7rem 1.5rem}.button--medium,a.button.button--medium,a.link.button--medium,button.button.button--medium,button.link.button--medium{font-size:1.5rem;min-height:unset;min-width:unset;padding:1rem 1.5rem}.inner-spacing{padding:1.5rem}@media (max-width:768px){.inner-spacing{padding:1rem}}.shopify-section-group-header-group{z-index:99}.img-placeholder{align-items:center;display:flex;height:75px;justify-content:center;width:75px}.error .error-message,.error+.error-message{align-items:center;display:flex;margin-top:1rem}.error-message svg{flex-shrink:0;margin-right:.5rem}.button,.shopify-payment-button__button--unbranded{overflow:hidden}.button--primary:not([disabled]):hover:after,.shopify-payment-button__button--unbranded:hover:after{--border-offset:unset;box-shadow:unset}.button--primary:after,.customer button:after,.shopify-challenge__button:after{box-shadow:unset}body.template-product .drawer .quantity,body:not(.template-product) .quantity:not(.w-100){width:calc(11rem/var(--font-body-scale) + var(--inputs-border-width)*2)}body.template-product .drawer .quantity__input,body:not(.template-product) .quantity__input{font-size:1.4rem}.field:hover.field:after,.localization-form__select:hover.localization-form__select:after{box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity))}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}ul.custom_bullet_icon{list-style:none}.text-center ul.custom_bullet_icon li{justify-content:center}.text-right ul.custom_bullet_icon li{justify-content:end}ul.custom_bullet_icon strong{flex-shrink:0}ul.custom_bullet_icon li:not("custom_bullet_icon_list"){align-items:flex-start;display:flex;gap:6px}ul.custom_bullet_icon li:not("custom_bullet_icon_list") span{align-items:center;display:flex}@media (max-width:749px){.mobile-text-center{text-align:center}.mobile-text-right{text-align:right}.mobile-text-left{text-align:left}.mobile-text-justify{text-align:justify}.mobile-text-justify ul.custom_bullet_icon li,.mobile-text-left ul.custom_bullet_icon li{justify-content:start}.mobile-text-center ul.custom_bullet_icon li{justify-content:center}.mobile-text-right ul.custom_bullet_icon li{justify-content:end}.mobile-justify-content-left{justify-content:flex-start}.mobile-justify-content-center{justify-content:center}.mobile-justify-content-right{justify-content:flex-end}}.glacier_animation{animation:glacierMove 1.5s;animation-delay:1s;animation-iteration-count:infinite;background:linear-gradient(to right,rgba(var(--color-button-text),0) 0,rgba(var(--color-button-text),.3) 1%,rgba(var(--color-button-text),.6) 30%,rgba(var(--color-button-text),.85) 50%,rgba(var(--color-button-text),.85) 70%,rgba(var(--color-button-text),.85) 71%,rgba(var(--color-button-text),.99) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:skew(-10deg,0deg);width:15%;z-index:1}@-webkit-keyframes glacierMove{0%{left:0;opacity:0}5%{opacity:0}48%{opacity:.2}80%{opacity:0}to{left:82%}}@keyframes glacierMove{0%{left:0;opacity:0}5%{opacity:0}48%{opacity:.2}80%{opacity:0}to{left:82%}}.dbtfy-dropdown .select{position:relative}.dbtfy-dropdown .select svg{height:.6rem;pointer-events:none;position:absolute;right:calc(var(--inputs-border-width) + 1.5rem);top:calc(50% - .2rem)}.fill-foreground{fill:rgb(var(--color-foreground))}dbtfy-rte .button--link{cursor:pointer}dbtfy-rte .short-description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}dbtfy-rte .short-description:not(.expanded){-webkit-line-clamp:var(--line-clamp)}dbtfy-rte .read-less-text{display:none}.slbElement .slbOverlay{display:block}#thumbnail-carousel.splide:not(.is-initialized) .splide__slide,.splide .splide__track--nav>.splide__list>.splide__slide{border:.01rem solid transparent;border-radius:var(--media-radius);overflow:hidden}#thumbnail-carousel.splide:not(.is-initialized) .splide__slide:first-child,.splide .splide__track--nav>.splide__list>.splide__slide.is-active{border-color:rgb(var(--color-foreground))}.splide__arrow--prev{left:0}.splide__arrow--next{right:0}#thumbnail-carousel{margin-top:1.5rem}.checkbox_wraper{align-items:center;display:flex;gap:7px;position:relative}.checkbox_wraper input{margin-right:.5rem;opacity:0;z-index:1}.checkbox_wraper input:not(:checked)+.svg-wrapper .material-icon{opacity:0}.checkbox_wraper .svg-wrapper{border:1px solid rgb(var(--color-foreground),70%);border-radius:var(--buttons-radius-outset)}.checkbox_wraper .svg-wrapper,.checkbox_wraper input{cursor:pointer}.checkbox_wraper input{position:absolute}.checkbox_wraper .svg-wrapper .material-icon{font-size:15px}.splide.is-initialized.is-active .splide__list{flex-wrap:nowrap;gap:0}.splide__track:not(.new_slider) .splide.is-initialized:not(.is-active) .splide__list{display:flex}.splide.is-initialized:not(.is-active) .splide__track{overflow:initial}.splide__arrow:disabled{opacity:0}[data-star]{display:inline-block;font-size:1.8rem;font-style:normal;position:relative;text-align:left;unicode-bidi:bidi-override}[data-star]:before{color:var(--empty-review-color);content:"★★★★★";display:block}[data-star]:after{color:var(--review-color);content:"★★★★★";height:100%;left:0;overflow:hidden;position:absolute;top:0;white-space:nowrap;width:0}[data-star^="0.1"]:after{width:2%}[data-star^="0.2"]:after{width:4%}[data-star^="0.3"]:after{width:6%}[data-star^="0.4"]:after{width:8%}[data-star^="0.5"]:after{width:10%}[data-star^="0.6"]:after{width:12%}[data-star^="0.7"]:after{width:14%}[data-star^="0.8"]:after{width:16%}[data-star^="0.9"]:after{width:18%}[data-star^="1"]:after{width:20%}[data-star^="1.1"]:after{width:22%}[data-star^="1.2"]:after{width:24%}[data-star^="1.3"]:after{width:26%}[data-star^="1.4"]:after{width:28%}[data-star^="1.5"]:after{width:30%}[data-star^="1.6"]:after{width:32%}[data-star^="1.7"]:after{width:34%}[data-star^="1.8"]:after{width:36%}[data-star^="1.9"]:after{width:38%}[data-star^="2"]:after{width:40%}[data-star^="2.1"]:after{width:42%}[data-star^="2.2"]:after{width:44%}[data-star^="2.3"]:after{width:46%}[data-star^="2.4"]:after{width:48%}[data-star^="2.5"]:after{width:50%}[data-star^="2.6"]:after{width:52%}[data-star^="2.7"]:after{width:54%}[data-star^="2.8"]:after{width:56%}[data-star^="2.9"]:after{width:58%}[data-star^="3"]:after{width:60%}[data-star^="3.1"]:after{width:62%}[data-star^="3.2"]:after{width:64%}[data-star^="3.3"]:after{width:66%}[data-star^="3.4"]:after{width:68%}[data-star^="3.5"]:after{width:70%}[data-star^="3.6"]:after{width:72%}[data-star^="3.7"]:after{width:74%}[data-star^="3.8"]:after{width:76%}[data-star^="3.9"]:after{width:78%}[data-star^="4"]:after{width:80%}[data-star^="4.1"]:after{width:82%}[data-star^="4.2"]:after{width:84%}[data-star^="4.3"]:after{width:86%}[data-star^="4.4"]:after{width:88%}[data-star^="4.5"]:after{width:90%}[data-star^="4.6"]:after{width:92%}[data-star^="4.7"]:after{width:94%}[data-star^="4.8"]:after{width:96%}[data-star^="4.9"]:after{width:98%}[data-star^="5"]:after{width:100%}.dbtfy-free-plan-modal-trigger{animation:free-plan-animation 1s infinite;background:#ffff06;border-radius:7rem;color:#fff;height:5rem;left:2vw;padding:1rem;position:fixed;text-align:center;top:10vh;vertical-align:middle;width:5rem;z-index:999}.dbtfy-free-plan-modal-trigger:hover{animation:none}.dbtfy-free-plan-modal-trigger i{color:red}@keyframes free-plan-animation{50%{background-color:transparent}}.quantity__input{flex-shrink:0;max-width:30px}.quantity__button{flex-shrink:unset}.quantity{justify-content:space-around}.jdgm-widget.jdgm-widget,.review-badge .jdgm-prev-badge[data-average-rating="0.00"]{display:block!important}.not-loaded-hidden{display:none}.header-loaded .not-loaded-hidden{display:block}#main-carousel .splide:not(.is-initialized),#main-carousel .splide:not(.is-rendered){visibility:visible}#main-carousel.splide:not(.is-initialized) .splide__slide,#main-carousel.splide:not(.is-rendered) .splide__slide,#thumbnail-carousel.splide:not(.is-initialized) .splide__slide,#thumbnail-carousel.splide:not(.is-rendered) .splide__slide{max-width:100%}#main-carousel.splide:not(.is-initialized),#main-carousel.splide:not(.is-rendered),#thumbnail-carousel.splide:not(.is-initialized),#thumbnail-carousel.splide:not(.is-rendered){visibility:visible}#main-carousel.splide:not(.is-initialized) .splide__slide img,#thumbnail-carousel.splide:not(.is-initialized) .splide__slide img{max-width:100%}#thumbnail-carousel.splide:not(.is-initialized) .splide__list{display:flex;gap:1rem}#thumbnail-carousel.splide:not(.is-initialized) .splide__slide{width:calc(20% - .8rem)}on-product-wishlist-compare{position:absolute;right:var(--grid-desktop-horizontal-spacing);top:var(--grid-desktop-vertical-spacing);z-index:3}.contactFormToast .form__message{margin:0}.contactFormToast .dbtfy-toast-close{margin-top:1.4rem!important}.contactFormToast.dbtfy-toast-container{z-index:9999}.dbtfy-plan-modal-blur.dbtfy-modal{-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}.dbtfy-plan-modal__wrapper .dbtfy-plan-modal__header{align-items:center;border-bottom:1px solid #0000001f;display:flex;flex-direction:row;gap:10px;justify-content:center}.dbtfy-plan-modal__wrapper .dbtfy-plan-modal__content-warning{align-items:center;color:red;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.dbtfy-plan-modal__wrapper hr{margin:1rem 0}.dbtfy-plan-modal__wrapper p{line-height:1.8rem}.dbtfy-plan-modal__wrapper .dbtfy-plan-modal__widget-number-of-limit{background-color:rgba(var(--color-foreground),.15);border-radius:.5rem;color:rgb(var(--color-foreground));padding:.2rem .5rem}.dbtfy-plan-modal__wrapper .dbtfy-plan-modal__content-warning svg{color:#ff4e64;height:2rem;width:2rem}.dbtfy-plan-modal__wrapper .dbtfy-plan-modal__content-warning span{align-items:center;background:#f94c4c38;border-radius:50%;display:flex;height:3.7rem;justify-content:center;width:3.7rem}.dbtfy-plan-modal__column ul{list-style:none;padding:0}.dbtfy-plan-modal__widget-list-heading{margin:0 auto;width:fit-content}.dbtfy-plan-modal__widget-list-heading hr{margin:.3rem auto .5rem}.dbtfy-plan-modal__upgrade-button{margin-bottom:1.5rem}.dbtfy-plan-modal__view-details{cursor:pointer;font-weight:700}.dbtfy-plan-modal__content-text{height:300px;overflow:auto}@media (min-width:768px){.social-sharing-icons .btn--messenger{display:none!important}}.new_slider .splide__pagination__page:not(.is-active):before{background-color:transparent;border:.1rem solid rgba(var(--color-foreground),.5)}.flex-grow{flex-grow:1}.text--bold{font-weight:600}.splide__pagination__page.is-active{background-color:rgb(var(--color-foreground));height:1.2rem;transform:scale(1);width:1.2rem}.splide__pagination__page{background-color:transparent;border:.1rem solid rgba(var(--color-foreground),.5);margin:.8rem}.splide__pagination__page:not(.is-active):hover{transform:scale(1.1)}body[class*=overflow-hidden] .dbtfy-back-to-top,body[class*=overflow-hidden] .dbtfy-modal,body[class*=overflow-hidden] .dbtfy-toast-container{z-index:1}body[class*=overflow-hidden] .dbtfy-modal.dbtfy-discount-overlay,body[class*=overflow-hidden] .dbtfy-modal.dbtfy-upsell-popup__modal-overlay{z-index:1000}
/* ---------------------------
   Global Styles - Monochromatic Elegance
----------------------------*/
body {
  font-family: 'Poppins', sans-serif;
  background-color: #ffffff;
  color: #1F2937;
  line-height: 1.6;
}

/* ---------------------------
   Announcement Bar
----------------------------*/
.announcement-bar {
  background-color: #1F2937 !important; /* Dark Gray */
  color: #ffffff !important;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.5px;
  padding: 10px 0;
  font-size: 15px;
}

/* ---------------------------
   Buttons
----------------------------*/
.button, .btn {
  background-color: #1F2937 !important; /* Dark Gray */
  color: #ffffff !important;
  border-radius: 4px;
  padding: 12px 20px;
  transition: background 0.3s ease, transform 0.2s ease;
  font-weight: 500;
  text-transform: uppercase;
}
.button:hover, .btn:hover {
  background-color: #374151 !important; /* Slightly lighter gray */
  transform: scale(1.02);
}

/* ---------------------------
   Headings
----------------------------*/
h1, h2, h3, h4 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #1F2937; /* Dark Gray */
}

/* ---------------------------
   Product Cards Hover Effect
----------------------------*/
.product-card img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-card img:hover {
  transform: scale(1.03);
  box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
}

/* ---------------------------
   Section Backgrounds
----------------------------*/
.section {
  background-color: #ffffff;
  padding: 50px 20px;
}

/* Alternate section (light gray) */
.section:nth-child(even) {
  background-color: #F9FAFB;
}

/* ---------------------------
   Footer
----------------------------*/
.footer {
  background-color: #1F2937;
  color: #ffffff;
  padding: 40px 20px;
  font-size: 14px;
}
.footer a {
  color: #E5E7EB;
  text-decoration: none;
}
.footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}
/* Alternate background for even sections to improve contrast */
.section:nth-child(even) {
  background-color: #F7F7F7; /* Soft light gray */
}

/* Add some padding for breathing space */
.section {
  padding: 60px 20px;
}

/* Headings and text stay dark for contrast */
.section h2, .section h3, .section h4 {
  color: #1F2937;
}
/* ---------------------------
   Global Font & Basics
----------------------------*/
body {
  font-family: 'Poppins', sans-serif;
  background-color: #ffffff;
  color: #1F2937;
  line-height: 1.6;
}

/* ---------------------------
   Announcement Bar (Soft Gradient)
----------------------------*/
.announcement-bar {
  background: linear-gradient(to right, #00BFA6, #009688) !important;
  color: #ffffff !important;
  font-weight: 600;
  text-align: center;
  padding: 8px 0;
  font-size: 15px;
}

/* ---------------------------
   Main CTA Button (Strong Gradient)
----------------------------*/
.button--primary, .btn--add-to-cart {
  background: linear-gradient(135deg, #FF6F61, #FF8A65) !important;
  color: #ffffff !important;
  border-radius: 8px;
  padding: 12px 24px;
  font-weight: 600;
  text-transform: uppercase;
  transition: background 0.3s ease, transform 0.2s ease;
}
.button--primary:hover, .btn--add-to-cart:hover {
  background: linear-gradient(135deg, #FF8A65, #FF6F61) !important;
  transform: scale(1.03);
}

/* ---------------------------
   Secondary Buttons (Solid Color)
----------------------------*/
.button--secondary, .btn {
  background: #1F2937 !important;
  color: #ffffff !important;
  border-radius: 6px;
  padding: 10px 20px;
}
.button--secondary:hover {
  background: #374151 !important;
}

/* ---------------------------
   Navigation Hover (Gradient Underline)
----------------------------*/
.nav-link {
  position: relative;
  text-decoration: none;
}
.nav-link::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  left: 0;
  bottom: -4px;
  background: linear-gradient(90deg, #00BFA6, #FF6F61);
  transition: width 0.3s ease;
}
.nav-link:hover::after {
  width: 100%;
}

/* ---------------------------
   Footer (Dark Gradient)
----------------------------*/
.footer {
  background: linear-gradient(to right, #1F2937, #111827);
  color: #ffffff;
  padding: 40px 20px;
}
.footer a {
  color: #E5E7EB;
}
.footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* ---------------------------
   Product Card Hover
----------------------------*/
.product-card img {
  transition: transform 0.3s ease;
}
.product-card img:hover {
  transform: scale(1.05);
  box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
}
/* ---------------------------------
   HEADER CONTAINER
----------------------------------*/
.header {
  background: linear-gradient(90deg, #00BFA6, #FF6F61); /* Tropical Gradient */
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 0.4s ease, box-shadow 0.4s ease;
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* Transparent on Scroll Effect */
.scrolled .header {
  background: rgba(31, 41, 55, 0.9); /* Dark Gray Transparent */
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* ---------------------------------
   LOGO
----------------------------------*/
.header__heading {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #ffffff;
  text-transform: uppercase;
}

/* ---------------------------------
   NAV LINKS
----------------------------------*/
.header__menu-item {
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 500;
  position: relative;
  padding: 8px 15px;
  transition: color 0.3s ease;
}

.header__menu-item:hover {
  color: #FCD34D; /* Soft Yellow hover color */
}

/* Underline Animation */
.header__menu-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background-color: #ffffff;
  transition: width 0.3s ease;
}

.header__menu-item:hover::after {
  width: 100%;
}

/* ---------------------------------
   MOBILE MENU BUTTON
----------------------------------*/
.header__icon {
  color: #ffffff;
  transition: transform 0.2s ease;
}

.header__icon:hover {
  transform: scale(1.1);
}
/* =============================
   GLOBAL VARIABLES (Switch Theme)
============================= */
/* Tropical Gradient */
:root {
  --primary-color: #00BFA6; /* Teal */
  --accent-color: #FF6F61;  /* Coral */
  --bg-light: #ffffff;
  --bg-alt: #F9FAFB;
  --text-dark: #1F2937;
  --text-light: #ffffff;
}

/* Monochrome Elegant (Comment Tropical & Uncomment Below to switch) */
/*
:root {
  --primary-color: #1F2937;
  --accent-color: #374151;
  --bg-light: #ffffff;
  --bg-alt: #F9FAFB;
  --text-dark: #1F2937;
  --text-light: #ffffff;
}
*/

/* =============================
   GLOBAL STYLES
============================= */
body {
  font-family: 'Poppins', sans-serif;
  background: var(--bg-light);
  color: var(--text-dark);
  line-height: 1.6;
}

/* Gradient Headings */
h1, h2, h3 {
  font-weight: 700;
  background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* =============================
   ANNOUNCEMENT BAR
============================= */
.announcement-bar {
  background: linear-gradient(to right, var(--primary-color), var(--accent-color)) !important;
  color: var(--text-light) !important;
  font-weight: 600;
  text-align: center;
  padding: 8px 0;
  font-size: 15px;
  letter-spacing: 0.5px;
  animation: slideIn 1s ease forwards;
}

@keyframes slideIn {
  0% { transform: translateY(-50px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

/* =============================
   HEADER
============================= */
.header {
  background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
  padding: 15px 20px;
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: background 0.4s ease, box-shadow 0.4s ease;
}

.scrolled .header {
  background: rgba(31,41,55,0.9);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.header__menu-item {
  color: var(--text-light) !important;
  font-weight: 500;
  position: relative;
  padding: 8px 15px;
}

.header__menu-item:hover {
  color: #FCD34D;
}

.header__menu-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background-color: var(--text-light);
  transition: width 0.3s ease;
}

.header__menu-item:hover::after {
  width: 100%;
}

/* =============================
   HERO SECTION
============================= */
.hero {
  text-align: center;
  padding: 80px 20px;
  background: var(--bg-alt);
}

.hero h1 {
  font-size: 3rem;
  margin-bottom: 20px;
}

.hero p {
  font-size: 1.2rem;
  color: #4B5563;
  margin-bottom: 30px;
}

.hero .btn {
  background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
  color: var(--text-light);
  padding: 12px 24px;
  border-radius: 8px;
  text-transform: uppercase;
  font-weight: 600;
  transition: background 0.3s ease, transform 0.2s ease;
}

.hero .btn:hover {
  transform: scale(1.05);
  background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
}

/* =============================
   PRODUCT CARDS
============================= */
.product-card {
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.product-card:hover {
  box-shadow: 0px 6px 20px rgba(0,0,0,0.1);
  transform: translateY(-5px);
}

.product-card img {
  transition: transform 0.3s ease;
}

.product-card img:hover {
  transform: scale(1.05);
}

/* =============================
   FOOTER
============================= */
.footer {
  background: linear-gradient(to right, var(--primary-color), var(--accent-color));
  color: var(--text-light);
  padding: 40px 20px;
  font-size: 14px;
}

.footer a {
  color: var(--text-light);
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

/* Alternate Section Backgrounds */
.section:nth-child(even) {
  background: var(--bg-alt);
}