.elementor-2325 .elementor-element.elementor-element-df34131{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2325 .elementor-element.elementor-element-df34131:not(.elementor-motion-effects-element-type-background), .elementor-2325 .elementor-element.elementor-element-df34131 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-26fd7ed );}.elementor-2325 .elementor-element.elementor-element-f0715a4{--display:flex;--min-height:50vh;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Eastman;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2325 .elementor-element.elementor-element-0d24644 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2325 .elementor-element.elementor-element-0d24644{text-align:center;}.elementor-2325 .elementor-element.elementor-element-0d24644 .elementor-heading-title{font-family:"Eastman", Eastman;font-size:80px;font-weight:normal;font-style:italic;text-decoration:none;letter-spacing:3px;color:var( --e-global-color-text );}.elementor-2325 .elementor-element.elementor-element-046037f{text-align:center;}.elementor-2325 .elementor-element.elementor-element-046037f .elementor-heading-title{font-family:"Noto Sans", Eastman;font-size:1.1rem;font-weight:normal;color:var( --e-global-color-text );}.elementor-2325 .elementor-element.elementor-element-a240195{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:140px;--padding-bottom:140px;--padding-left:140px;--padding-right:140px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Eastman;font-size:var( --e-global-typography-accent-font-size );}.elementor-2325 .elementor-element.elementor-element-ef0c209 .elementor-button{background-color:var( --e-global-color-091f0cd );font-family:"Noto Sans", Eastman;font-size:1.1rem;font-weight:normal;fill:var( --e-global-color-text );color:var( --e-global-color-text );box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-2325 .elementor-element.elementor-element-ef0c209 .elementor-button:hover, .elementor-2325 .elementor-element.elementor-element-ef0c209 .elementor-button:focus{background-color:var( --e-global-color-091f0cd );color:var( --e-global-color-accent );border-color:var( --e-global-color-091f0cd );}.elementor-2325 .elementor-element.elementor-element-ef0c209{width:100%;max-width:100%;}.elementor-2325 .elementor-element.elementor-element-ef0c209 .elementor-button:hover svg, .elementor-2325 .elementor-element.elementor-element-ef0c209 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-2325 .elementor-element.elementor-element-b59df7e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-2325 .elementor-element.elementor-element-b59df7e:not(.elementor-motion-effects-element-type-background), .elementor-2325 .elementor-element.elementor-element-b59df7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-26fd7ed );}.elementor-2325 .elementor-element.elementor-element-9c5fb93{--display:flex;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:2vw;--padding-right:0vw;}.elementor-2325 .elementor-element.elementor-element-cb2eb05 .woocommerce-breadcrumb{color:var( --e-global-color-af8febb );font-family:"Noto Sans", Eastman;font-size:1.1rem;font-weight:500;line-height:1px;text-align:left;}.elementor-2325 .elementor-element.elementor-element-cb2eb05 .woocommerce-breadcrumb > a{color:var( --e-global-color-text );}.elementor-2325 .elementor-element.elementor-element-4e41bf7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:2vw;}.elementor-2325 .elementor-element.elementor-element-e032c6d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:1vw;--padding-left:0vw;--padding-right:0vw;}.elementor-2325 .elementor-element.elementor-element-e032c6d:not(.elementor-motion-effects-element-type-background), .elementor-2325 .elementor-element.elementor-element-e032c6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-26fd7ed );}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), Eastman;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2325 .elementor-element.elementor-element-bfa3f0c{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:1px;}.elementor-2325 .elementor-element.elementor-element-bfa3f0c .elementor-divider-separator{width:96%;margin:0 auto;margin-center:0;}.elementor-2325 .elementor-element.elementor-element-bfa3f0c .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2325 .elementor-element.elementor-element-17183d7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0vw 0vw;--row-gap:0vw;--column-gap:0vw;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:1vw;--padding-right:2vw;}.elementor-2325 .elementor-element.elementor-element-17183d7:not(.elementor-motion-effects-element-type-background), .elementor-2325 .elementor-element.elementor-element-17183d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-26fd7ed );}.elementor-2325 .elementor-element.elementor-element-391c42b{--display:flex;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1vw;--padding-bottom:1vw;--padding-left:1vw;--padding-right:1vw;}.elementor-2325 .elementor-element.elementor-element-4bb0eae > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2325 .elementor-element.elementor-element-274fb33{--display:flex;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2325 .elementor-element.elementor-element-c16609e{--display:flex;--min-height:7vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2325 .elementor-element.elementor-element-c16609e:not(.elementor-motion-effects-element-type-background), .elementor-2325 .elementor-element.elementor-element-c16609e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-26fd7ed );}body.elementor-page-2325:not(.elementor-motion-effects-element-type-background), body.elementor-page-2325 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-2325 .elementor-element.elementor-element-391c42b{--width:25%;}.elementor-2325 .elementor-element.elementor-element-274fb33{--width:75%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2325 .elementor-element.elementor-element-0d24644 .elementor-heading-title{font-size:55px;}.elementor-2325 .elementor-element.elementor-element-046037f .elementor-heading-title{font-size:1rem;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-2325 .elementor-element.elementor-element-ef0c209 .elementor-button{font-size:1.1rem;padding:0px 0px 0px 0px;}.elementor-2325 .elementor-element.elementor-element-9c5fb93{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2325 .elementor-element.elementor-element-4e41bf7{--justify-content:center;}.elementor-2325 .elementor-element.elementor-element-4d1d384{width:auto;max-width:auto;}.elementor-2325 .elementor-element.elementor-element-4d1d384.elementor-element{--align-self:center;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for heading, class: .elementor-element-0d24644 */.elementor-2325 .elementor-element.elementor-element-0d24644:before {
    content: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7db45e6 */.line {
        width: 2px;
        height: 0;
        background-color: white;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        animation: drawLine 2.3s ease-in-out infinite;
    }

    @keyframes drawLine {
        0% {
            height: 0;
            top: 0vh;
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        40% {
            height: 7vh;
            top: 2vh; /* Moves slightly down */
            opacity: 1;
        }
        70% {
            top: 2vh;
            opacity: 1;
        }
        85% {
            opacity: 0.8; /* Gradual fade-out */
        }
        100% {
            height: 7vh;
            top: 2vh;
            opacity: 0;
        }
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9d31cf0 *//* Grid container */
#filtered-product-area {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns on desktop */
  gap: 24px;
  align-items: start;
  padding: 1rem 0;
}

/* Responsive for tablets */
@media (max-width: 1024px) {
  #filtered-product-area {
    grid-template-columns: repeat(2, 1fr);
  }
}

.hidden {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17183d7 *//* Force the main wrapper to allow sticky child */
.shop-wrapper {
  display: flex !important;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  overflow: visible !important;
}

/* Make filters sticky */
.filter-sidebar {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 100px; /* Adjust depending on your header height */
  align-self: flex-start;
  z-index: 9;
}

/* Let product grid fill the remaining space */
.product-grid {
  flex-grow: 1;
  width: 100%;
  overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64ac7cb *//* === Sticky filters on desktop === */
.filter-sidebar {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 100px;
  z-index: 9;
  background: transparent;
  transition: transform 0.3s ease;
}

/* Prevent horizontal scroll on shortcode container */
.elementor-widget-shortcode {
  overflow-x: hidden !important;
  max-width: 100% !important;
}


/* === Mobile Overrides === */
@media (max-width: 768px) {
  .filter-sidebar {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background: #1D2E23;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* ✅ Important to prevent panel scroll bleed */
  }

  .filter-sidebar.active {
    transform: translateX(0%);
  }

  .close-mobile-filters {
    display: block;
    font-size: 2rem;
    color: white;
    text-align: right;
    cursor: pointer;
    padding: 20px;
    border-bottom: 1px solid #333;
    flex-shrink: 0;
  }

  .custom-filter-wrapper {
    flex-grow: 1;
    overflow-y: auto;
    padding: 20px;
  }

  #mobile-filter-toggle {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: #324639;
    color: white;
    font-size: 1rem;
    padding: 10px 16px;
    border-radius: 30px;
    z-index: 10001; /* Ensure it's on top */
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }

  #mobile-filter-toggle.visible {
    opacity: 1;
    pointer-events: all;
  }

  /* Hide toggle button when panel is open */
  body.mobile-filter-open #mobile-filter-toggle {
    display: none !important;
  }
}

/* === Hide close button and toggle on desktop === */
@media (min-width: 769px) {
  .close-mobile-filters,
  #mobile-filter-toggle {
    display: none !important;
  }
}

/* === Global === */
body {
  background-color: #000000 !important;
}

/* Prevent background scroll when filters are open */
body.mobile-filter-open {
  overflow: hidden !important;
  height: 100vh;
}

body.mobile-filter-open {
  overflow: hidden !important;
  height: 100vh;
  position: relative;
}

.filter-sidebar {
  touch-action: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Eastman';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://bathandmore.gr/wp-content/uploads/2022/03/Eastman-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Eastman';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://bathandmore.gr/wp-content/uploads/2022/03/Eastman-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Eastman';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://bathandmore.gr/wp-content/uploads/2022/03/Eastman-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'Eastman';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://bathandmore.gr/wp-content/uploads/2022/03/Eastman-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Eastman';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://bathandmore.gr/wp-content/uploads/2022/03/Eastman-Light.woff2') format('woff2');
}
/* End Custom Fonts CSS */