/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/styles/home.scss ***!
  \********************************************************************************************************************************************************************************************/
@charset "UTF-8";
.s-block--category salla-slider .swiper-pagination{
  position: static;
}
.s-block--category salla-slider .swiper-pagination-bullet{
  height: 3px;
  width: 1.25rem;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, 1);
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  opacity: 1;
}
@media (min-width: 640px){
  .s-block--category salla-slider .swiper-pagination-bullet{
    height: 0.25rem;
    width: 2rem;
  }
}
.s-block--category salla-slider .swiper-pagination-bullet-active{
  background-color: var(--color-primary);
}
.s-block--category__item{
  position: relative;
  overflow: hidden;
  border-top-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}
.s-block--category__item a{
  position: relative;
  display: block;
}
.s-block--category__item a::before{
  position: absolute;
  top: 6%;
  left: 6%;
  height: 88%;
  width: 88%;
  --tw-translate-y: 2.5rem;
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), 2.5rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.75) scaleY(.75);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: .75rem;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.6);
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}
.s-block--category__item a img{
  height: 245px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
@media (min-width: 768px){
  .s-block--category__item a img{
    height: 285px;
  }
}
.s-block--category__item:hover a::before{
  --tw-translate-y: 0px;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.s-block--best-offers .products-slider salla-slider .s-slider-block__title-nav:where([dir="rtl"], [dir="rtl"] *){
  left: 150px !important;
}
.s-block--products-with-indicator{
  max-width: 1740px;
}
.s-block--products-with-indicator:first-of-type{
  margin-top: 0px;
}
@media screen and (min-width: 1740px) {
  .s-block--products-with-indicator{
    margin-left: auto;
    margin-right: auto;
  }
  .s-block--products-with-indicator:first-of-type{
    margin-top: 2rem;
  }
}
.s-block--products-with-indicator salla-slider .s-slider-block__title-nav {
  display: none !important;
}
.s-block--products-with-indicator salla-slider .s-slider-block__title-nav button {
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.8);
}
.s-block--products-with-indicator salla-slider .s-slider-block__title-nav button svg{
  width: 1.5rem;
  fill: var(--color-primary);
}
.s-block--products-with-indicator salla-slider .swiper-slide .main-img{
  max-height: 420px;
  min-height: 420px;
  max-width: 580px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px){
  .s-block--products-with-indicator salla-slider .swiper-slide .main-img{
    max-height: 600px;
  }
}
.s-block--products-with-indicator salla-slider .swiper-slide .product-overlay{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.s-block--products-with-indicator salla-slider .swiper-slide:hover .product-overlay{
  opacity: 1;
}
.s-block--products-with-indicator salla-slider .swiper-slide .indicator{
  position: absolute;
  z-index: 10;
}
.s-block--products-with-indicator salla-slider .swiper-slide .indicator .wave{
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: var(--color-primary);
}
.s-block--products-with-indicator salla-slider .swiper-slide .indicator .wave span{
  display: block;
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.s-block--products-with-indicator salla-slider .swiper-slide .indicator .wave::after, .s-block--products-with-indicator salla-slider .swiper-slide .indicator .wave::before{
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  border-radius: 9999px;
  background-color: var(--color-primary);
  opacity: 0.7;
  --tw-content: "";
  content: "";
  content: var(--tw-content);
  animation-name: pulse-wave;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
.s-block--products-with-indicator salla-slider .swiper-slide .indicator .wave::after {
  animation-delay: 0.7s;
}
.s-block--products-with-indicator salla-slider .swiper-slide .indicator.hide .wave {
  display: none;
}
.s-block--products-with-indicator salla-slider .swiper-slide .indicator.hide .wave::after, .s-block--products-with-indicator salla-slider .swiper-slide .indicator.hide .wave::before {
  content: none;
}
.s-block--products-with-indicator salla-slider .swiper-slide .indicator.hide .loader {
  display: inline-block;
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card{
  position: absolute;
  bottom: 7%;
  right: 12%;
  z-index: 20;
  height: 80%;
  max-height: 320px;
  width: 60%;
  max-width: 250px;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(0) scaleY(0);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-shadow: 5px 10px 99px rgba(43,45,52,0.05098);
  --tw-shadow-colored: 5px 10px 99px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 99px rgba(43,45,52,0.05098);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
@media (min-width: 768px){
  .s-block--products-with-indicator salla-slider .swiper-slide .mini-card{
    width: 70%;
  }
}
@media (min-width: 1024px){
  .s-block--products-with-indicator salla-slider .swiper-slide .mini-card{
    max-height: 350px;
  }
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card.active{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card img.not-available{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card .cancel-icon{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card .card-info{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 1.25rem;
  padding-bottom: 0.625rem;
  text-align: center;
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button{
  position: absolute;
  top: calc(72% - 20px);
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button button {
  border-radius: 50% !important;
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button button {
  height: 2.25rem;
  width: 2.25rem;
  border-style: none;
  background-color: var(--color-primary);
  padding: 0px;
  opacity: 1;
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button button.s-button-disabled{
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, 1);
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button button span i{
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
[dir=ltr] .s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button{
  right: 12px;
}
[dir=rtl] .s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button{
  left: 12px;
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button[product-status=out] button{
  pointer-events: auto;
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, 1);
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  opacity: 1;
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button[product-status=out] button::before{
  position: absolute;
  top: -25px;
  height: 0;
  background-color: var(--color-primary);
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-top: 5px;
  font-size: 8px;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  opacity: 0;
}
@media (min-width: 640px){
  .s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button[product-status=out] button::before{
    font-size: 10px;
  }
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button[product-status=out] button::before {
  border-radius: 12px 5px 18px 2px;
}
.s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button[product-status=out] button:hover::before{
  height: 1.8rem;
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
[dir=rtl] .s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button[product-status=out] button::before {
  content: "نفذت الكمية";
  right: -66px;
}
[dir=ltr] .s-block--products-with-indicator salla-slider .swiper-slide .mini-card salla-add-product-button[product-status=out] button::before {
  content: "out of stock";
  left: -66px;
}
.s-block--questions .accordion dl,
.s-block--questions .accordion-list {
  border: 1px solid #ddd;
}
.s-block--questions .accordion dd,
.s-block--questions .accordion__panel {
  background-color: #eee;
  font-size: 1em;
  line-height: 1.5em;
}
.s-block--questions .accordion p {
  padding: 1em 2em 1em 2em;
}
.s-block--questions .accordion {
  position: relative;
  background-color: #eee;
}
.s-block--questions .accordionTitle,
.s-block--questions .accordion__Heading {
  background-color: var(--color-primary);
  text-align: center;
  font-weight: 700;
  padding: 1rem;
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #fff;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #eee;
}
.s-block--questions .accordionTitle:before,
.s-block--questions .accordion__Heading:before {
  content: "+";
  font-size: 1.5em;
  line-height: 1.25em;
  float: left;
  transition: transform 0.3s ease-in-out;
}
.s-block--questions .accordionTitle:hover,
.s-block--questions .accordion__Heading:hover {
  opacity: 0.9;
}
.s-block--questions .accordionTitleActive:before,
.s-block--questions .accordionTitle.is-expanded:before {
  transform: rotate(-225deg);
}
.s-block--questions .accordionItem {
  height: auto;
  overflow: hidden;
  max-height: 50em;
  transition: max-height 1s;
}
@media screen and (min-width: 48em) {
  .s-block--questions .accordionItem {
    max-height: 15em;
    transition: max-height 0.5s;
  }
}
.s-block--questions .accordionItem.is-collapsed {
  max-height: 0;
}
.s-block--questions .no-js .accordionItem.is-collapsed {
  max-height: auto;
}
.s-block--questions .animateIn {
  animation: accordionIn 0.45s normal ease-in-out both 1;
}
.s-block--questions .animateOut {
  animation: accordionOut 0.45s alternate ease-in-out both 1;
}
.s-block--video .container{
  height: 180px;
}
@media (min-width: 640px){
  .s-block--video .container{
    height: 240px;
  }
}
@media (min-width: 768px){
  .s-block--video .container{
    height: 420px;
  }
}
@media (min-width: 1024px){
  .s-block--video .container{
    height: 440px;
  }
}
.s-block--video .videoWrapper{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  max-width: 400px;
  border-radius: 0.75rem;
}
@media (min-width: 768px){
  .s-block--video .videoWrapper{
    max-width: 700px;
  }
}
.s-block--video .videoWrapper > *{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  border-radius: 0.75rem;
  max-width: none;
  max-width: initial;
}
.s-block--single-product .container salla-count-down{
  width: 100%;
  max-width: 380px;
}
@media (min-width: 768px){
  .s-block--single-product .container salla-count-down{
    margin-right: -2rem;
    padding-left: 1.25rem;
  }
  .s-block--single-product .container salla-count-down:where([dir="ltr"], [dir="ltr"] *){
    margin-left: -2rem;
    padding-right: 1.25rem;
  }
}
.s-block--single-product .container salla-count-down .s-count-down-list .s-count-down-item{
  border-radius: 0px;
  background-color: transparent;
}
.s-block--single-product .container salla-count-down .s-count-down-list .s-count-down-item-value{
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--color-primary);
}
.s-block--single-product .container salla-count-down .s-count-down-list .s-count-down-item-label{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(68, 68, 77, 1);
  color: rgba(68, 68, 77, var(--tw-text-opacity));
}
.s-block--single-product .container salla-count-down .s-count-down-list .s-count-down-item:not(:last-child){
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(150, 150, 150, 1);
  border-color: rgba(150, 150, 150, var(--tw-border-opacity));
}
.s-block--single-product .container salla-button button{
  margin-top: 2rem;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 0.125rem;
  border-width: 2px;
  border-color: var(--color-primary);
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.375rem;
  padding-bottom: 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: var(--color-primary);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.s-block--single-product .container salla-button button:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.s-block--single-product .container salla-button button::before{
  position: absolute;
  top: 100%;
  left: 100%;
  z-index: -1;
  height: 180px;
  width: 240px;
  border-radius: 9999px;
  background-color: var(--color-primary);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}
.s-block--single-product .container salla-button button:hover::before{
  top: -30px;
  left: -30px;
}
.s-block--single-product .container salla-slider {
  height: inherit;
}
.s-block--single-product .container salla-slider .s-slider-container{
  height: 100%;
}
.s-block--single-product .container salla-slider .s-slider-container .swiper-slide img{
  height: 100%;
  min-height: 380px;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, 1);
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}
.s-block--single-product .container salla-slider .s-slider-container .swiper-slide img:hover{
  cursor: crosshair;
}
.s-block--special-swipers{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px){
  .s-block--special-swipers{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.s-block--special-swipers .s-slider-block__title-nav {
  display: none !important;
}
.s-block--special-swipers .s-product-card-entry.custom-card .card-image {
  height: 15rem;
}
@media (min-width: 640px) {
  .s-block--special-swipers .s-product-card-entry.custom-card .card-image {
    height: 18rem !important;
  }
}
.s-block--special-swipers .special-swipers-container.loader{
  display: flex;
  align-items: center;
  justify-content: center;
}
.s-block--special-swipers .special-swipers-container.loader salla-products-slider {
  display: none;
}
.s-block--special-swipers .options{
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}
@media (min-width: 768px){
  .s-block--special-swipers .options{
    margin-bottom: 2rem;
  }
}
.s-block--special-swipers .dropdown {
  width: 15rem;
  position: relative;
}
.s-block--special-swipers .select {
  gap: 8px;
  background: var(--color-primary);
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  padding: 0.75rem;
  cursor: pointer;
  transition: background 0.3s;
  font-size: 20px;
}
.s-block--special-swipers .select-clicked {
  box-shadow: 0 0 0.3em var(--color-primary);
}
.s-block--special-swipers .caret {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #fff;
  transition: 0.3s;
}
.s-block--special-swipers .caret-rotate {
  transform: rotate(180deg);
}
.s-block--special-swipers .menu {
  list-style: none;
  border-radius: 6px;
  border: 1px solid #ccc;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  opacity: 0;
  display: none;
  transition: 0.2s;
  z-index: 9999;
  background-color: white;
  overflow: hidden;
}
.s-block--special-swipers .menu li{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding: 8px 16px;
  cursor: pointer;
  color: #5a5a5a;
  font-size: 18px;
  transition: all 0.1s ease;
}
.s-block--special-swipers .menu li:hover,
.s-block--special-swipers .menu li.active {
  padding-right: 30px;
  color: white;
  background-color: var(--color-primary);
}
.s-block--special-swipers .menu-open {
  display: block;
  opacity: 1;
}
@media screen and (min-width: 480px) {
  .s-block--special-swipers .options {
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 1rem;
  }
}
.s-block--sale-banner {
  direction: ltr !important;
}
.s-block--sale-banner svg {
  width: -moz-fit-content;
  width: fit-content;
}
.s-block--sale-banner h4 {
  text-align: center;
  font-family: monospace;
  cursor: pointer;
  color: #000;
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: -1;
}
.s-block--sale-banner .Banner1 {
  display: none;
}
@media (min-width: 768px) {
  .s-block--sale-banner .Biggest tspan {
    font-size: 32px;
  }
}
.s-block--sale-banner .Biggest,
.s-block--sale-banner .ShopNow,
.s-block--sale-banner .Sales {
  display: none;
  color: red;
  animation-name: example;
  animation-duration: 2.5s;
}
.s-block--sale-banner .BannerBorderLine,
.s-block--sale-banner .BannerBorder {
  display: none;
}
.s-block--sale-banner .BannerHolder {
  display: none;
}
.s-block--sale-banner .BorderAnimationEx1 {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: BannerBorder 0.7s linear forwards;
  animation-delay: 1.5s;
}
.s-block--sale-banner-2 {
  direction: ltr !important;
}
.s-block--sale-banner-2 .Banner6 {
  display: none;
}
.s-block--sale-banner-2 .SaleEx6 {
  display: none;
}
.s-block--sale-banner-2 .OffEx6 {
  display: none;
}
.s-block--sale-banner-2 .BannerBorderLineEx6,
.s-block--sale-banner-2 .BannerBorderEx6 {
  display: none;
}
.s-block--sale-banner-2 .BannerHolderEx6 {
  display: none;
}
.s-block--sale-banner-2 .circleEx6 {
  display: none;
}
.s-block--sale-banner-2 .circleEx6Shadow,
.s-block--sale-banner-2 .OffTextEx6 {
  animation: fadeinout 4s linear alternate infinite;
  animation-delay: 0s;
}
.s-block--sale-banner-2 .BorderAnimationEx6 {
  stroke-dasharray: 4;
  stroke-dashoffset: 4;
  animation: BannerBorder 200s linear alternate infinite;
  animation-delay: 0s;
}
.s-block--fixed-product-new .container{
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column-gap: 0.375rem;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
}
@media (min-width: 768px){
  .s-block--fixed-product-new .container{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }
}
.s-block--fixed-product-new .wide-product{
  grid-column: span 2 / span 2;
  max-height: 280px;
}
.s-block--fixed-product-new .wide-product::before{
  content: var(--tw-content);
  z-index: 10;
}
@media (min-width: 768px){
  .s-block--fixed-product-new .wide-product{
    min-height: 370px;
  }
}
@media (min-width: 1024px){
  .s-block--fixed-product-new .wide-product{
    min-height: 400px;
  }
}
@media (min-width: 480px){
  .s-block--fixed-product-new .wide-product{
    max-height: 370px;
  }
}
.s-block--fixed-product-new .wide-product a{
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.s-block--fixed-product-new .wide-product a img{
  height: 100%;
  min-height: 100%;
  width: 100%;
  max-width: 100%;
}
.s-block--fixed-product-new .wide-product .product-info{
  position: absolute;
  bottom: 1rem;
  right: 4%;
  display: flex;
  width: 92%;
  max-width: 500px;
  flex-direction: column;
  gap: 0.25rem;
  border-radius: 0.375rem;
  background-color: rgba(255, 255, 255, 0.6);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  --tw-shadow: 5px 10px 99px rgba(43,45,52,0.05098);
  --tw-shadow-colored: 5px 10px 99px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 99px rgba(43,45,52,0.05098);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.s-block--fixed-product-new .wide-product .product-info .product-price{
  align-items: flex-start;
}
.s-block--fixed-product-new .wide-product .product-info .title{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  --tw-text-opacity: 1;
  color: rgba(50, 50, 50, 1);
  color: rgba(50, 50, 50, var(--tw-text-opacity));
}
.s-block--fixed-product-new .wide-product:nth-child(4){
  display: block;
}
@media (min-width: 768px){
  .s-block--fixed-product-new .wide-product:nth-child(4){
    display: none;
  }
}
.s-block--fixed-product-new .wide-product:last-child{
  display: none;
}
@media (min-width: 768px){
  .s-block--fixed-product-new .wide-product:last-child{
    display: block;
  }
}
.s-block--fixed-product-new .narrow-product{
  max-height: 330px;
  min-height: 260px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(222, 222, 222, 1);
  border-color: rgba(222, 222, 222, var(--tw-border-opacity));
  padding: 0.5rem;
}
@media (min-width: 768px){
  .s-block--fixed-product-new .narrow-product{
    max-height: 370px;
  }
}
@media (min-width: 1024px){
  .s-block--fixed-product-new .narrow-product{
    max-height: 400px;
  }
}
.s-block--fixed-product-new .narrow-product a{
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  gap: 0.375rem;
}
.s-block--fixed-product-new .narrow-product a img{
  height: 75%;
  max-height: 75%;
  min-height: 75%;
  width: 100%;
  max-width: 100%;
}
.s-block--fixed-product-new .narrow-product .product-info{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  text-align: center;
}
.s-block--fixed-product-new .narrow-product .product-info .product-price{
  align-items: center;
}
.s-block--fixed-product-new .narrow-product .product-info .title{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(50, 50, 50, 1);
  color: rgba(50, 50, 50, var(--tw-text-opacity));
}
.s-block--fixed-product-new .wide-product,
.s-block--fixed-product-new .narrow-product{
  position: relative;
  overflow: hidden;
}
.s-block--fixed-product-new .wide-product::before,.s-block--fixed-product-new .wide-product::after,
.s-block--fixed-product-new .narrow-product::before,
.s-block--fixed-product-new .narrow-product::after{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: linear;
  pointer-events: none;
  position: absolute;
  width: 0px;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 900ms;
  transition-timing-function: linear;
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}
.s-block--fixed-product-new .wide-product::before,
.s-block--fixed-product-new .narrow-product::before{
  bottom: 0px;
  top: 0px;
  left: 50%;
  right: 50%;
}
.s-block--fixed-product-new .wide-product::after,
.s-block--fixed-product-new .narrow-product::after{
  bottom: 50%;
  top: 50%;
  left: 0px;
  right: 0px;
}
.s-block--fixed-product-new .wide-product:hover::before,
.s-block--fixed-product-new .narrow-product:hover::before{
  left: 0px;
  right: 0px;
  width: auto;
  opacity: 0;
}
.s-block--fixed-product-new .wide-product:hover::after,
.s-block--fixed-product-new .narrow-product:hover::after{
  top: 0px;
  bottom: 0px;
  width: auto;
  opacity: 0;
}
.s-block--fixed-product-new .wide-product .product-price,
.s-block--fixed-product-new .narrow-product .product-price{
  display: flex;
  gap: 0.75rem;
}
.s-block--fixed-product-new .wide-product .product-price p.before-sale,
.s-block--fixed-product-new .narrow-product .product-price p.before-sale{
  position: relative;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgba(51, 65, 85, 1);
  color: rgba(51, 65, 85, var(--tw-text-opacity));
}
@media (min-width: 640px){
  .s-block--fixed-product-new .wide-product .product-price p.before-sale,
.s-block--fixed-product-new .narrow-product .product-price p.before-sale{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1024px){
  .s-block--fixed-product-new .wide-product .product-price p.before-sale,
.s-block--fixed-product-new .narrow-product .product-price p.before-sale{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.s-block--fixed-product-new .wide-product .product-price p.before-sale::before,
.s-block--fixed-product-new .narrow-product .product-price p.before-sale::before{
  position: absolute;
  left: -5%;
  top: 50%;
  height: 1px;
  width: 110%;
  --tw-bg-opacity: 1;
  background-color: rgba(51, 65, 85, 1);
  background-color: rgba(51, 65, 85, var(--tw-bg-opacity));
  --tw-content: "";
  content: "";
  content: var(--tw-content);
  rotate: -7deg;
}
.s-block--fixed-product-new .wide-product .product-price p.sale-price,
.s-block--fixed-product-new .narrow-product .product-price p.sale-price{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  color: var(--color-primary);
}
@media (min-width: 640px){
  .s-block--fixed-product-new .wide-product .product-price p.sale-price,
.s-block--fixed-product-new .narrow-product .product-price p.sale-price{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px){
  .s-block--fixed-product-new .wide-product .product-price p.sale-price,
.s-block--fixed-product-new .narrow-product .product-price p.sale-price{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
body.dark .s-block--features__item h4{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
body.dark .s-block--features__item p{
  color: rgba(255, 255, 255, 0.8);
}
body.dark .s-block--fixed-product-new .wide-product .product-info{
  --tw-bg-opacity: 1;
  background-color: rgba(51, 55, 62, 1);
  background-color: rgba(51, 55, 62, var(--tw-bg-opacity));
}
body.dark .s-block--fixed-product-new .wide-product .product-info .title{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
body.dark .s-block--fixed-product-new .narrow-product .product-info .title{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
body.dark .s-block--fixed-product-new .wide-product .product-price p.before-sale,
body.dark .s-block--fixed-product-new .narrow-product .product-price p.before-sale{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
body.dark .s-block--fixed-product-new .wide-product .product-price p.before-sale::before,
body.dark .s-block--fixed-product-new .narrow-product .product-price p.before-sale::before{
  background-color: rgba(255, 255, 255, 0.8);
}
.s-block--hero-slider .swiper-slide{
  position: relative;
  height: 20rem;
  min-height: 20rem;
}
@media (min-width: 640px){
  .s-block--hero-slider .swiper-slide{
    height: 24rem;
  }
}
@media (min-width: 1024px){
  .s-block--hero-slider .swiper-slide{
    height: 464px;
  }
}
@media (min-width: 1280px){
  .s-block--hero-slider .swiper-slide{
    height: 528px;
  }
}
.s-block--hero-slider .swiper-slide .swiper-lazy:after{
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}
/* Banner Block */
@media screen and (min-width: 768px) {
  .banner:hover .banner__title {
    animation: toTopFromBottom 0.9s;
  }
  .banner:hover .banner__description {
    animation: delayKeyframe 0.3s, toTopFromBottom 0.9s 0.3s;
  }
}
.banner--fixed img{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, 1);
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  -o-object-fit: cover;
     object-fit: cover;
}
.banner--fixed img:not(.loaded){
  height: 7rem;
}
@media (min-width: 640px){
  .banner--fixed img:not(.loaded){
    height: 12rem;
  }
}
/* Square Banner Block */
.banner-entry{
  position: relative;
  height: 230px;
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, 1);
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0.75rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.banner-entry h3{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.625rem;
}
.banner-entry h3.text-with-border{
  border-radius: 0.375rem;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, 1);
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}
@media (min-width: 480px){
  .banner-entry h3.text-with-border{
    border-width: 1px;
  }
}
.banner-entry h3,
.banner-entry p{
  position: relative;
  z-index: 1;
  --tw-translate-y: 1.5rem;
  transform: translate(var(--tw-translate-x), 1.5rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.banner-entry h3:hover,
.banner-entry p:hover{
  opacity: 1;
}
.banner-entry:hover h3{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.banner-entry:hover p{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.8;
}
.two-row .banner-entry:first-child{
  padding: 1.25rem;
}
@media (min-width: 640px){
  .two-row .banner-entry:first-child{
    grid-column: span 1 / span 1;
    grid-row: span 2 / span 2;
  }
}
@media (min-width: 768px){
  .two-row .banner-entry:first-child{
    height: 100%;
  }
}
.two-row .banner-entry:first-child.with-hover:after {
  opacity: 1;
}
.two-row .banner-entry:first-child > a{
  opacity: 1;
}
.two-row .banner-entry:first-child h3{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.has-overlay:after{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}
.has-overlay.with-hover:after {
  transition: opacity 0.3s;
  opacity: 0;
}
.has-overlay.with-hover:hover:after {
  opacity: 1;
}
.has-overlay:hover:after{
  background-color: rgba(0, 0, 0, 0.5);
}
/* Full banner block */
.full-banner-entry{
  position: relative;
  grid-row: span 2 / span 2;
  height: 20rem;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgba(231, 229, 228, 1);
  background-color: rgba(231, 229, 228, var(--tw-bg-opacity));
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  padding: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.full-banner-entry:hover{
  opacity: 0.95;
}
@media (min-width: 768px){
  .full-banner-entry{
    height: 24rem;
  }
}
@media (min-width: 1024px){
  .full-banner-entry{
    height: 464px;
  }
}
@media (min-width: 1280px){
  .full-banner-entry{
    height: 528px;
  }
}
.full-banner-entry::after, .full-banner-entry::before {
  height: 100%;
  width: 100%;
  top: 0;
  right: -93%;
  content: "";
  background: var(--color-primary);
  position: absolute;
  transition: all 0.3s ease-in-out;
  transform: rotate(220deg) translateY(-50%) translateX(33%);
  opacity: 0.25;
}
.full-banner-entry::before {
  background: #fff;
  right: auto;
  transform: rotate(220deg) translateY(-40%) translateX(0);
}
[dir=ltr] .full-banner-entry::before {
  left: -52%;
}
@media (max-width: 1330px) {
  .full-banner-entry::after {
    top: -50%;
  }
}
@media (max-width: 480px) {
  .full-banner-entry::before {
    top: 20%;
  }
  .full-banner-entry::after {
    top: -80%;
  }
}
/* Tabs Block */
.tabs-wrapper .tabs__item{
  display: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.tabs-wrapper .tabs__item.is-active{
  display: block;
}
.s-block--tabs-produtcs .tabs{
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  overflow-x: auto;
  white-space: nowrap;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 1rem;
}
@media (min-width: 640px){
  .s-block--tabs-produtcs .tabs{
    gap: 0.75rem;
  }
}
@media (min-width: 1024px){
  .s-block--tabs-produtcs .tabs{
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 480px){
  .s-block--tabs-produtcs .tabs{
    justify-content: center;
  }
}
.s-block--tabs-produtcs .tab-trigger.s-button-btn{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
@media (min-width: 768px){
  .s-block--tabs-produtcs .tab-trigger.s-button-btn{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.s-block--tabs-produtcs .tab-trigger.is-active button{
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-primary-reverse);
}
.s-block--special-products .s-product-card-entry.custom-card.full-image .card-image {
  max-height: 660px !important;
}
.s-block--special-products .tabs > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * 0);
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * (1 - 0));
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.5rem * calc(1 - 0));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.s-block--special-products .tabs{
  overflow-x: auto;
  white-space: nowrap;
}
@media (min-width: 768px){
  .s-block--special-products .tabs > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * 0);
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * (1 - 0));
    margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(2rem * calc(1 - 0));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }
}
.s-block--special-products .tabs:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}
.s-block--special-products .tabs__item{
  flex: 1 1 0%;
  gap: 0.625rem;
}
.s-block--special-products .tabs__item.is-active {
  display: grid;
}
.s-block--special-products .tab-trigger{
  font-weight: 700;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, 1);
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}
.s-block--special-products .tab-trigger.is-active button{
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.s-block--tabs-produtcs:not(.tabs-initialized) .tabs-wrapper > div:not(:first-child),
.s-block--special-products:not(.tabs-initialized) .tabs-wrapper > div:not(:first-child) {
  display: none;
}
.s-block--tabs-produtcs.as-grid .product-entry__image,
.s-block--features-products .product-entry__image{
  position: relative;
  height: 100%;
  width: 8rem;
  flex-shrink: 0;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, 1);
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}
.s-block--tabs-produtcs.as-grid .product-entry__image:hover,
.s-block--features-products .product-entry__image:hover{
  opacity: 0.9;
}
@media (min-width: 640px){
  .s-block--tabs-produtcs.as-grid .product-entry__image,
.s-block--features-products .product-entry__image{
    width: 14rem;
  }
}
.s-block--tabs-produtcs.as-grid .product-entry__title a,
.s-block--features-products .product-entry__title a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* feature products*/
.s-block--features-products .s-product-card-entry.custom-card.full-image .card-image {
  max-height: 400px !important;
}
.s-block--features-products.two-cols .inner {
  display: grid;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
@media (min-width: 1280px){
  .s-block--features-products.two-cols .inner{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.s-block--features-products.two-cols .inner .h-card {
  max-height: none;
  max-height: initial;
}
/* slider with bg block */
.s-block--slider-with-bg{
  margin-top: 2rem;
  padding-bottom: 3rem;
}
.s-block--slider-with-bg:first-of-type{
  margin-top: 0px;
}
@media (min-width: 640px){
  .s-block--slider-with-bg{
    margin-top: 4rem;
    padding-bottom: 3.5rem;
  }
}
.s-block--slider-with-bg .slider-bg{
  position: relative;
  height: 24rem;
  background-size: cover;
  background-position: center;
}
@media (min-width: 640px){
  .s-block--slider-with-bg .slider-bg{
    height: 464px;
  }
}
.s-block--slider-with-bg .slider-bg:before{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}
.s-block--slider-with-bg .s-products-slider-wrapper {
  overflow: visible !important;
  overflow: initial !important;
}
.s-block--slider-with-bg .s-slider-nav-arrow svg{
  fill: rgba(0, 0, 0, 0.7);
}
.s-block--slider-with-bg .s-slider-v-centered .s-slider-block__title-nav {
  width: auto;
  width: initial;
  bottom: -4.2rem;
  top: auto;
  top: initial;
  left: 3rem;
}
.s-block--slider-with-bg .s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled {
  border: 1px solid #ccc;
}
/* Main Links Block */
.slide--cat-entry{
  display: flex;
  height: 9rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, 1);
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 0.75rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, 1);
  color: rgba(156, 163, 175, var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
.slide--cat-entry:hover{
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, 1);
  color: rgba(107, 114, 128, var(--tw-text-opacity));
  --tw-shadow: 5px 10px 30px #2B2D340D;;
  --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.slide--cat-entry i{
  margin-bottom: 1rem;
  display: inline-block;
  font-size: 33px;
  color: var(--color-primary);
}
.slide--cat-entry h4{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.slide--offer-entry{
  display: flex;
  height: 9rem;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, 1);
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, 1);
  color: rgba(75, 85, 99, var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
.slide--offer-entry:hover{
  --tw-shadow: 5px 10px 30px #2B2D340D;;
  --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.s-block{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 640px){
  .s-block{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.s-block--full-bg + .s-block--full-bg, .s-block--full-bg:first-of-type{
  margin-top: 0px;
}
.s-block--full-bg + .merge-with-top-component{
  z-index: 1;
  margin-top: -7rem;
}
@media (min-width: 768px){
  .s-block--full-bg + .merge-with-top-component{
    margin-top: -8rem;
  }
}
.s-block--full-bg + .merge-with-top-component .s-slider-block__title {
  color: #fff !important;
}
.s-block--full-bg + .merge-with-top-component .s-slider-block__title {
  text-align: center;
}
@media (min-width: 640px){
  .s-block--full-bg + .merge-with-top-component .s-slider-block__title{
    margin-bottom: 1rem;
    text-align: left;
  }
}
.s-block--full-bg + .merged-has-no-title{
  margin-top: -4rem;
}
@media (min-width: 768px){
  .s-block--full-bg + .merged-has-no-title{
    margin-top: -74px;
  }
}
@media (min-width: 640px){
  .s-block--full-bg + .merged-has-no-title .s-slider-block__title{
    margin-bottom: 0px;
  }
}
.s-block--features__item{
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, 1);
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.s-block--features__item:hover{
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.03) scaleY(1.03);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-color: var(--color-primary);
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
@media (min-width: 640px){
  .s-block--features__item:first-child{
    grid-column: span 2 / span 2;
  }
}
@media (min-width: 768px){
  .s-block--features__item:first-child{
    grid-column: span 1 / span 1;
  }
}
.s-block--features__item .feature-icon{
  margin-bottom: 0.75rem;
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  background-color: var(--color-primary);
}
.s-block--features__item .feature-icon i{
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.s-block--features__item h4{
  margin-bottom: 0.375rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(15, 23, 42, 1);
  color: rgba(15, 23, 42, var(--tw-text-opacity));
}
.s-block--features__item p{
  font-size: 0.875rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(148, 148, 148, 1);
  color: rgba(148, 148, 148, var(--tw-text-opacity));
}
.s-block--features + .s-block--features,
.s-block--fixed-banner + .s-block--fixed-banner,
.s-block--banners + .s-block--banners {
  margin-top: 2em;
}
.s-block--tabs-produtcs + .s-block--tabs-produtcs {
  padding-top: 2em;
}
.expand::before, .expand::after{
  pointer-events: none;
  position: absolute;
  width: 0px;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 900ms;
  transition-timing-function: linear;
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}
.expand::before{
  bottom: 0px;
  top: 0px;
  left: 50%;
  right: 50%;
}
.expand::after{
  bottom: 50%;
  top: 50%;
  left: 0px;
  right: 0px;
}
.expand:hover::before{
  left: 0px;
  right: 0px;
  width: auto;
  opacity: 0;
}
.expand:hover::after{
  top: 0px;
  bottom: 0px;
  width: auto;
  opacity: 0;
}
@keyframes pulse-wave {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.pulse-wave {
  animation-name: pulse-wave;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
.main-btn-style-1{
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 0.125rem;
  border-width: 2px;
  border-color: var(--color-primary);
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.375rem;
  padding-bottom: 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: var(--color-primary);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.main-btn-style-1:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.main-btn-style-1::before{
  position: absolute;
  top: 100%;
  left: 100%;
  z-index: -1;
  height: 180px;
  width: 240px;
  border-radius: 9999px;
  background-color: var(--color-primary);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}
.main-btn-style-1:hover::before{
  top: -30px;
  left: -30px;
}
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-left: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size:44px;
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(44px / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - 44px / 2);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
  text-transform: none !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  font-feature-settings: ;
  font-variant: normal;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}
lite-youtube {
  background-color: #000;
  position: relative;
  display: block;
  contain: content;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  max-width: 720px;
}
/* gradient */
lite-youtube::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
  background-position: top;
  background-repeat: repeat-x;
  height: 60px;
  padding-bottom: 50px;
  width: 100%;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
lite-youtube > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}
/* play button */
lite-youtube > .lty-playbtn {
  width: 68px;
  height: 48px;
  position: absolute;
  cursor: pointer;
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%;
  z-index: 1;
  background-color: transparent;
  /* YT's actual play button svg */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
  filter: grayscale(100%);
  transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
  border: none;
}
lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
  filter: none;
}
/* Post-click styles */
lite-youtube.lyt-activated {
  cursor: inherit;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
  opacity: 0;
  pointer-events: none;
}
.lyt-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}