.elementor-kit-8{--e-global-color-primary:#0091CC;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#F7F7F7;--e-global-color-accent:#DADADA;--e-global-color-e9a517f:#515151;--e-global-color-71d965b:#1E1E1F;--e-global-color-b110f7c:#F7F7F7AD;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-text-font-family:"Montserrat";--e-global-typography-accent-font-family:"Montserrat";background-color:var( --e-global-color-text );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS */html { 
    
    font-size: 16px;
    scroll-behavior: initial;
    background-color: #f7f7f7;

    
}

p {
    margin-block-end:0rem;
    margin-block-start:0
    
}

/* Default root size */

/* XXXL — 16px → 59px */
.xxxl :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: clamp(
    1rem,
    calc(0.3487rem + 2.7857vw),
    3.6875rem
  );
  line-height: 1.2;
}

/* XXL — 49px → 49px (static) */
.xxl :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: clamp(
    3.0625rem,
    3.0625rem,
    3.0625rem
  );
  line-height: 1.2;
}

/* XL — 22px → 30px */
.xl :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: clamp(
    1.375rem,
    calc(1.1845rem + 0.5091vw),
    1.875rem
  );
  line-height: 1.4;
}

/* L — 9.5px → 22px */
.l :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: clamp(
    0.59375rem,
    calc(0.3076rem + 0.8170vw),
    1.375rem
  );
  line-height: 1.4;
}

/* M — 8.5px → 20px */
.m :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: clamp(
    0.53125rem,
    calc(0.2614rem + 0.7445vw),
    1.25rem
  );
  line-height: 1.4;
}

/* S — 9.5px → 18px */
.s :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: clamp(
    0.59375rem,
    calc(0.3980rem + 0.5545vw),
    1.125rem
  );
  line-height: 1.4;
}

/* XS — 16px → 16px (static) */
.xs :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: clamp(
    1rem,
    1rem,
    1rem
  );
  line-height: 1.4;
}

/* XXS — 10px → 15px */
.xxs :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: clamp(
    0.625rem,
    calc(0.5036rem + 0.3186vw),
    0.9375rem
  );
  line-height: 1.4;
}

/*Hiding Element*/
.visually-hidden {
  position: absolute;
  left:     -10000px;
  top:      auto;
  width:    1px;
  height:   1px;
  overflow: hidden;
}

.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper .swiper-pagination-custom,.elementor-element .swiper .swiper-pagination-fraction,.elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper~.swiper-pagination-custom,.elementor-element .swiper~.swiper-pagination-fraction,.elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper .swiper-pagination-custom,.elementor-lightbox .swiper .swiper-pagination-fraction,.elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper~.swiper-pagination-custom,.elementor-lightbox .swiper~.swiper-pagination-fraction {
    bottom: 0px;
    padding-block-end: 27px;}
    

/*Remove white space under image slider in single product page*/
html {
.elementor-widget-image-carousel .swiper .swiper-slide figure {
    line-height: 0;
}}


/*Additional Details Accordion Style*/

.product-additional-details {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.75rem;
}

.detail-row {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 1rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #eee;
}



.detail-row:last-child {
    border-bottom: none;
}

.detail-key {
    font-size: 1rem;
  font-weight: 600;
  color: #555;
}

.detail-value {
  color: #222;
}

@media (max-width: 767px) {
  .detail-row {
  grid-template-columns: 1fr 1fr;
  gap: 4px;}
  
  .detail-row:first-child {
      padding-top: 20px;
  }
  
}


/*Scroll Fade Animation*/

/* initial state */
.fade-on-scroll {
  opacity: 0;
  transform: translateY(0px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* active */
.fade-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}



/* ---------------------------------
   BASE STATE (hidden before animate)
---------------------------------- */
.fade-on-scroll {
  opacity: 0;
  visibility: hidden;
}

 /*show element when animation starts */
.fade-on-scroll.slideInUp,
.fade-on-scroll.slideInDown {
  visibility: visible;
}

.hero-animate {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in;
}


/* ---------------------------------
   ANIMATION CLASSES
---------------------------------- */
.slideInUp {
    opacity: 1;
    visibility: visible;
  animation-name: slideInUp;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
}

.slideInDown {
    opacity: 1;
    visibility: visible;
  animation-name: slideInDown;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}

@media (max-width: 767px) {
  .hero-animate {
    animation-fill-mode: forwards;
  }

  .hero-animate:not(.slideInDown) {
    animation: heroFallback 0.3s ease forwards;
    animation-delay: 1.2s;
  }
}

@keyframes heroFallback {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}



/* ---------------------------------
   KEYFRAMES (YOURS – ATTACHED)
---------------------------------- */
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(40px) scale(1.07) translateZ(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1) translateZ(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-40px) scale(1.07) translateZ(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1) translateZ(0);
  }
}


/*Add border to slider indicator on image carousel in single product page*/

.swiper-pagination-bullet {
    border: 1px solid #d9d9d9;
}

/*Nothing found message style*/
.e-loop-nothing-found-message {
    /* color: #515151; */
    padding: 20px;
    background-color: white;
    border-radius: 20px;
    border: 1px solid #dadada;
}

.elementor-element .elementor-element-63bc442 .e-con-full .e-flex .e-con .e-child {
    
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ufalugaa.com/wp-content/uploads/montserrat-v31-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://ufalugaa.com/wp-content/uploads/montserrat-v31-latin-700.woff2') format('woff2');
}
/* End Custom Fonts CSS */