/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* =====================================================================
   BITA PLUS Hero (RenderBox CMS module)
   Root: #BPHero_root__Bp7K3   Prefix: BPHero_*__Bp7K3
   - Every rule is scoped to the root ID. No :root / html / body selectors.
   - !important only on STATIC properties. Properties that GSAP animates
     (opacity, transform, filter, background-position via CSS vars) are left
     without !important (Rule 2.5 corollary / Issue 16).
   - No position:fixed, no sticky/pin, and no overflow on the root (Rule 9).
     Clipping happens on .stage.
   - Mobile-first: base (phones) -> 640 -> 768 -> 1024.
   ===================================================================== */

/* ---------- Scoped reset ---------- */
#BPHero_root__Bp7K3,
#BPHero_root__Bp7K3 *,
#BPHero_root__Bp7K3 *::before,
#BPHero_root__Bp7K3 *::after {
  box-sizing: border-box !important;
  margin: 0;
  padding: 0;
}

/* ---------- Root ---------- */
#BPHero_root__Bp7K3 {
  --BPHero-bg: #030406;
  --BPHero-glass: rgba(255, 255, 255, 0.07);
  --BPHero-glassBorder: rgba(255, 255, 255, 0.15);
  --BPHero-text: #f4f6fb;
  --BPHero-muted: rgba(244, 246, 251, 0.58);
  --BPHero-cyan: #00f5d4;
  --BPHero-violet: #9b5de5;
  --BPHero-gutter: 12px;
  --BPHero-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --BPHero-fa: "Vazirmatn", "Vazir", Tahoma, "Segoe UI", system-ui, sans-serif;
  /* height of any host header above the module; measured and set by js.js */
  --BPHero-offset: 0px;

  position: relative !important;
  display: block !important;
  width: 100% !important;
  /* fill exactly the viewport space left below the host header */
  height: 100vh !important;
  height: calc(100vh - var(--BPHero-offset, 0px)) !important;
  height: calc(100svh - var(--BPHero-offset, 0px)) !important;
  min-height: 520px !important;
  background: var(--BPHero-bg) !important;
  background-color: var(--BPHero-bg) !important;
  color: var(--BPHero-text) !important;
  font-family: var(--BPHero-font) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  outline: none !important;
  /* Host pages may be RTL: lock the module to LTR (only the sayings are RTL) */
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: left !important;
  /* NO overflow on root (Rule 9) */
}
#BPHero_root__Bp7K3:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(0, 245, 212, 0.55) !important;
}

/* ---------- Stage (clips everything, holds the background) ---------- */
#BPHero_root__Bp7K3 .BPHero_stage__Bp7K3 {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    radial-gradient(ellipse 70% 55% at 50% 48%, rgba(30, 18, 60, 0.4) 0%, transparent 62%),
    radial-gradient(ellipse 40% 35% at 15% 75%, rgba(0, 60, 90, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse 35% 30% at 88% 18%, rgba(90, 0, 70, 0.16) 0%, transparent 55%),
    #030406 !important;
  touch-action: pan-y !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

#BPHero_root__Bp7K3 .BPHero_srOnly__Bp7K3 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ---------- Flares & canvases ---------- */
#BPHero_root__Bp7K3 .BPHero_flare__Bp7K3 {
  position: absolute !important;
  pointer-events: none !important;
  filter: blur(48px) !important;
  opacity: 0.5 !important;
  mix-blend-mode: screen !important;
  z-index: 1 !important;
}
#BPHero_root__Bp7K3 .BPHero_flareL__Bp7K3 {
  left: -10% !important; top: 18% !important;
  width: 30vw !important; height: 52% !important;
  background: radial-gradient(circle, rgba(70, 150, 255, 0.4), transparent 70%) !important;
}
#BPHero_root__Bp7K3 .BPHero_flareR__Bp7K3 {
  right: -8% !important; top: 8% !important;
  width: 26vw !important; height: 42% !important;
  background: radial-gradient(circle, rgba(255, 70, 170, 0.28), transparent 70%) !important;
}
#BPHero_root__Bp7K3 .BPHero_canvas__Bp7K3 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  pointer-events: none !important;
}
#BPHero_root__Bp7K3 .BPHero_particles__Bp7K3 { z-index: 2 !important; }
#BPHero_root__Bp7K3 .BPHero_waves__Bp7K3 { z-index: 6 !important; }

/* ---------- BITA PLUS glass backdrop (constant) ---------- */
#BPHero_root__Bp7K3 .BPHero_brandWrap__Bp7K3 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-bottom: 10vh !important;
  pointer-events: none !important;
}
#BPHero_root__Bp7K3 .BPHero_brand__Bp7K3 {
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  font-family: var(--BPHero-font) !important;
  font-weight: 900 !important;
  font-size: clamp(100px, 34vw, 200px) !important;   /* mobile: two stacked lines */
  line-height: 0.86 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  /* opacity / transform animated by GSAP: no !important */
  opacity: 1;
}
#BPHero_root__Bp7K3 .BPHero_brandWord__Bp7K3 {
  display: block !important;
}
#BPHero_root__Bp7K3 .BPHero_brandGlow__Bp7K3,
#BPHero_root__Bp7K3 .BPHero_brandGlass__Bp7K3 {
  grid-area: 1 / 1 !important;
  display: block !important;
}
/* soft frosted halo behind the glass letters */
#BPHero_root__Bp7K3 .BPHero_brandGlow__Bp7K3 {
  color: rgba(255, 255, 255, 0.05) !important;
  text-shadow:
    0 0 28px rgba(150, 190, 255, 0.28),
    0 0 70px rgba(155, 93, 229, 0.22) !important;
}
#BPHero_root__Bp7K3 .BPHero_glitch__Bp7K3 .BPHero_brandGlow__Bp7K3 {
  text-shadow:
    -3px 0 rgba(0, 245, 212, 0.45),
    3px 0 rgba(255, 0, 110, 0.4),
    0 0 70px rgba(155, 93, 229, 0.3) !important;
}
/* glass fill: translucent frosted gradient + moving sheen band + drifting tint */
#BPHero_root__Bp7K3 .BPHero_brandGlass__Bp7K3 {
  --BPHero-sx: 160%;
  --BPHero-tx: 0%;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background-image:
    linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.62) 48%, rgba(255, 255, 255, 0.12) 53%, transparent 60%),
    linear-gradient(120deg, rgba(0, 245, 212, 0.20), rgba(155, 93, 229, 0.22) 35%, rgba(255, 0, 110, 0.14) 65%, rgba(0, 187, 249, 0.2)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.10) 46%, rgba(255, 255, 255, 0.05) 60%, rgba(190, 225, 255, 0.22) 100%) !important;
  background-size: 260% 100%, 220% 100%, 100% 100% !important;
  background-repeat: no-repeat !important;
  /* background-position is animated (via CSS vars), so no !important */
  background-position: var(--BPHero-sx) 0, var(--BPHero-tx) 0, 0 0;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.34) !important;
}

/* ---------- Aura & floor glow ---------- */
#BPHero_root__Bp7K3 .BPHero_aura__Bp7K3 {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: min(58vh, 460px) !important;
  height: min(72vh, 580px) !important;
  margin-left: calc(min(58vh, 460px) / -2) !important;
  margin-top: calc(min(72vh, 580px) / -2) !important;
  border-radius: 50% !important;
  background: conic-gradient(from 0deg, #ff006e, #ffbe0b, #00f5d4, #00bbf9, #9b5de5, #f15bb5, #ff006e) !important;
  mix-blend-mode: screen !important;
  z-index: 4 !important;
  pointer-events: none !important;
  /* GSAP: opacity, transform, filter */
  opacity: 0;
  filter: hue-rotate(0deg) blur(60px);
}
#BPHero_root__Bp7K3 .BPHero_aura__Bp7K3::after {
  content: "" !important;
  position: absolute !important;
  inset: 20% !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(3, 4, 6, 0.92), transparent 70%) !important;
  filter: blur(12px) !important;
}
#BPHero_root__Bp7K3 .BPHero_floorGlow__Bp7K3 {
  position: absolute !important;
  left: 50% !important;
  top: 82% !important;
  width: min(42vh, 320px) !important;
  height: 32px !important;
  margin-left: calc(min(42vh, 320px) / -2) !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse, rgba(120, 180, 255, 0.4), transparent 70%) !important;
  filter: blur(10px) !important;
  z-index: 5 !important;
  pointer-events: none !important;
  opacity: 0.3;
}

/* ---------- Speakers ---------- */
#BPHero_root__Bp7K3 .BPHero_speakers__Bp7K3 {
  position: absolute !important;
  inset: 0 !important;
  z-index: 8 !important;
  pointer-events: none !important;
}
#BPHero_root__Bp7K3 .BPHero_slot__Bp7K3 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 96px !important;
  bottom: 196px !important;
  margin: 0 auto !important;
  width: min(66vw, 300px) !important;
  pointer-events: auto !important;
}
#BPHero_root__Bp7K3 .BPHero_spk__Bp7K3 {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  will-change: transform, filter, opacity;
  /* GSAP: opacity, transform, filter */
  opacity: 0;
  visibility: visible !important;
}
#BPHero_root__Bp7K3 .BPHero_spk__Bp7K3.BPHero_isActive__Bp7K3 {
  opacity: 1;
}
#BPHero_root__Bp7K3 .BPHero_spk__Bp7K3 img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 92% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 34px 44px rgba(0, 0, 0, 0.75)) !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
  pointer-events: none !important;
}
#BPHero_root__Bp7K3 .BPHero_compact__Bp7K3 img { max-width: 84% !important; max-height: 88% !important; }
#BPHero_root__Bp7K3 .BPHero_wide__Bp7K3 img { max-width: 96% !important; }

#BPHero_root__Bp7K3 .BPHero_shockwave__Bp7K3 {
  position: absolute !important;
  left: 50% !important;
  top: 82% !important;
  width: 40px !important;
  height: 40px !important;
  margin-left: -20px !important;
  margin-top: -20px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 0 24px rgba(255, 255, 255, 0.55), inset 0 0 20px rgba(255, 255, 255, 0.25) !important;
  z-index: 9 !important;
  pointer-events: none !important;
  opacity: 0;
}

/* ---------- Glass recipe ---------- */
#BPHero_root__Bp7K3 .BPHero_glass__Bp7K3 {
  background: var(--BPHero-glass) !important;
  background-color: var(--BPHero-glass) !important;
  border: 1px solid var(--BPHero-glassBorder) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.35) !important;
  backdrop-filter: blur(18px) saturate(1.35) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  color: var(--BPHero-text) !important;
}

/* ---------- Logo ---------- */
#BPHero_root__Bp7K3 .BPHero_logo__Bp7K3 {
  position: absolute !important;
  top: 18px !important;
  left: 16px !important;
  z-index: 40 !important;
  display: block !important;
  line-height: 0 !important;
  border-radius: 6px !important;
  outline: none !important;
}
#BPHero_root__Bp7K3 .BPHero_logo__Bp7K3 img {
  display: block !important;
  height: 22px !important;
  width: auto !important;
  opacity: 0.92 !important;
}
#BPHero_root__Bp7K3 .BPHero_logo__Bp7K3:focus-visible {
  box-shadow: 0 0 0 2px rgba(0, 245, 212, 0.7) !important;
}

/* ---------- Saying dots ---------- */
#BPHero_root__Bp7K3 .BPHero_sayDot__Bp7K3 {
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--BPHero-cyan) !important;
  box-shadow: 0 0 8px var(--BPHero-cyan) !important;
}
#BPHero_root__Bp7K3 .BPHero_dotViolet__Bp7K3 {
  background: var(--BPHero-violet) !important;
  box-shadow: 0 0 8px var(--BPHero-violet) !important;
}

/* ---------- Persian sayings (RTL) ---------- */
#BPHero_root__Bp7K3 .BPHero_sayings__Bp7K3 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 80px !important;
  z-index: 22 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  direction: rtl !important;
  pointer-events: none !important;
}
#BPHero_root__Bp7K3 .BPHero_saying__Bp7K3 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px 7px !important;
  border-radius: 999px !important;
  font-family: var(--BPHero-fa) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-align: right !important;
  color: rgba(255, 255, 255, 0.92) !important;
  background:
    linear-gradient(90deg, rgba(0, 245, 212, 0.10), rgba(255, 255, 255, 0.05) 45%, rgba(155, 93, 229, 0.12)) !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45) !important;
}

/* ---------- Read more ---------- */
#BPHero_root__Bp7K3 .BPHero_readMore__Bp7K3 {
  position: absolute !important;
  left: var(--BPHero-gutter) !important;
  bottom: 16px !important;
  z-index: 30 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 40px !important;
  padding: 0 12px 0 15px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
#BPHero_root__Bp7K3 .BPHero_readMore__Bp7K3:hover,
#BPHero_root__Bp7K3 .BPHero_readMore__Bp7K3:focus-visible {
  border-color: rgba(0, 245, 212, 0.55) !important;
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.45), 0 0 22px rgba(0, 245, 212, 0.22) !important;
  outline: none !important;
}
#BPHero_root__Bp7K3 .BPHero_readLabel__Bp7K3 {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: #ffffff !important;
}
#BPHero_root__Bp7K3 .BPHero_eq__Bp7K3 {
  display: flex !important;
  align-items: flex-end !important;
  gap: 3px !important;
  width: 44px !important;
  height: 22px !important;
}
#BPHero_root__Bp7K3 .BPHero_eq__Bp7K3 i {
  display: block !important;
  width: 3px !important;
  height: 100% !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg, #00f5d4, #9b5de5) !important;
  transform-origin: 50% 100% !important;
  /* GSAP animates scaleY */
  transform: scaleY(0.45);
}

/* ---------- Controls ---------- */
#BPHero_root__Bp7K3 .BPHero_controls__Bp7K3 {
  position: absolute !important;
  right: var(--BPHero-gutter) !important;
  bottom: 16px !important;
  z-index: 30 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 7px !important;
}
#BPHero_root__Bp7K3 .BPHero_ctrl__Bp7K3 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  font: inherit !important;
  color: #ffffff !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition: transform 0.25s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.25s ease, box-shadow 0.25s ease !important;
}
#BPHero_root__Bp7K3 .BPHero_ctrl__Bp7K3:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(0, 245, 212, 0.55) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), 0 0 18px rgba(0, 245, 212, 0.2) !important;
}
#BPHero_root__Bp7K3 .BPHero_ctrl__Bp7K3:active { transform: translateY(0) scale(0.96) !important; }
#BPHero_root__Bp7K3 .BPHero_ctrl__Bp7K3:focus-visible,
#BPHero_root__Bp7K3 .BPHero_dotBtn__Bp7K3:focus-visible {
  outline: 2px solid rgba(0, 245, 212, 0.8) !important;
  outline-offset: 2px !important;
}
#BPHero_root__Bp7K3 .BPHero_icPlay__Bp7K3 { display: none !important; }
#BPHero_root__Bp7K3 .BPHero_play__Bp7K3[aria-pressed="true"] .BPHero_icPlay__Bp7K3 { display: block !important; }
#BPHero_root__Bp7K3 .BPHero_play__Bp7K3[aria-pressed="true"] .BPHero_icPause__Bp7K3 { display: none !important; }

#BPHero_root__Bp7K3 .BPHero_dots__Bp7K3 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 62px !important;
  display: none !important;
}
#BPHero_root__Bp7K3 .BPHero_dotBtn__Bp7K3 {
  position: relative !important;
  display: block !important;
  width: 22px !important;
  height: 4px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.22) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
#BPHero_root__Bp7K3 .BPHero_dotBtn__Bp7K3::before {
  content: "" !important;
  position: absolute !important;
  left: -6px !important; right: -6px !important;
  top: -12px !important; bottom: -12px !important;
}
#BPHero_root__Bp7K3 .BPHero_dotFill__Bp7K3 {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  border-radius: 4px !important;
  background: linear-gradient(90deg, #00bbf9, #00f5d4, #9b5de5) !important;
  transform-origin: 0% 50% !important;
  /* GSAP animates scaleX */
  transform: scaleX(0);
}
#BPHero_root__Bp7K3 .BPHero_dotBtn__Bp7K3.BPHero_isActive__Bp7K3 {
  width: 38px !important;
  background: rgba(255, 255, 255, 0.3) !important;
}

/* ---------- Autoplay progress line ---------- */
#BPHero_root__Bp7K3 .BPHero_progress__Bp7K3 {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 2px !important;
  background: linear-gradient(90deg, #00bbf9, #00f5d4, #9b5de5, #ff006e, #ffbe0b) !important;
  transform-origin: 0% 50% !important;
  z-index: 35 !important;
  pointer-events: none !important;
  /* GSAP animates scaleX */
  transform: scaleX(0);
}

/* JS adds this before GSAP is ready so the UI doesn't flash before the intro.
   The speaker stays visible. */
#BPHero_root__Bp7K3.BPHero_pre__Bp7K3 .BPHero_sayings__Bp7K3,
#BPHero_root__Bp7K3.BPHero_pre__Bp7K3 .BPHero_readMore__Bp7K3,
#BPHero_root__Bp7K3.BPHero_pre__Bp7K3 .BPHero_controls__Bp7K3 {
  opacity: 0;
}

/* Fallback when GSAP can't load: CSS class crossfade */
#BPHero_root__Bp7K3.BPHero_noGsap__Bp7K3 .BPHero_spk__Bp7K3 {
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

/* =========================== 380px+ ============================= */
@media (min-width: 380px) {
  #BPHero_root__Bp7K3 { --BPHero-gutter: 16px; }
  #BPHero_root__Bp7K3 .BPHero_saying__Bp7K3 { font-size: 14px !important; }
}

/* =========================== 640px+ ============================= */
@media (min-width: 640px) {
  #BPHero_root__Bp7K3 { --BPHero-gutter: 28px; }
  #BPHero_root__Bp7K3 .BPHero_brand__Bp7K3 { font-size: clamp(120px, 26vw, 220px) !important; }
  #BPHero_root__Bp7K3 .BPHero_slot__Bp7K3 { width: min(56vw, 360px) !important; }
  #BPHero_root__Bp7K3 .BPHero_saying__Bp7K3 { font-size: 15px !important; }
}

/* =========================== 768px+ (desktop arrangement) ======= */
@media (min-width: 768px) {
  #BPHero_root__Bp7K3 { --BPHero-gutter: clamp(20px, 4vw, 48px); min-height: 560px !important; }

  #BPHero_root__Bp7K3 .BPHero_brandWrap__Bp7K3 { padding-bottom: 6vh !important; }
  #BPHero_root__Bp7K3 .BPHero_brand__Bp7K3 {
    font-size: clamp(110px, 16.5vw, 270px) !important;
    white-space: nowrap !important;
    letter-spacing: -0.015em !important;
  }
  #BPHero_root__Bp7K3 .BPHero_brandWord__Bp7K3 { display: inline !important; }

  #BPHero_root__Bp7K3 .BPHero_logo__Bp7K3 { top: 26px !important; left: var(--BPHero-gutter) !important; }
  #BPHero_root__Bp7K3 .BPHero_logo__Bp7K3 img { height: 26px !important; }

  #BPHero_root__Bp7K3 .BPHero_slot__Bp7K3 {
    top: 8vh !important;
    bottom: 146px !important;
    width: min(50vh, 400px) !important;
  }

  #BPHero_root__Bp7K3 .BPHero_sayings__Bp7K3 {
    bottom: 80px !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 12px !important;
  }
  #BPHero_root__Bp7K3 .BPHero_saying__Bp7K3 { font-size: 15px !important; padding: 7px 18px 8px !important; }

  #BPHero_root__Bp7K3 .BPHero_readMore__Bp7K3 { bottom: 26px !important; height: 46px !important; padding: 0 14px 0 20px !important; gap: 14px !important; }
  #BPHero_root__Bp7K3 .BPHero_readLabel__Bp7K3 { font-size: 13px !important; }
  #BPHero_root__Bp7K3 .BPHero_eq__Bp7K3 { width: 56px !important; height: 26px !important; }

  #BPHero_root__Bp7K3 .BPHero_controls__Bp7K3 {
    right: auto !important;
    left: 50% !important;
    bottom: 22px !important;
    width: 330px !important;
    margin-left: -165px !important;
    justify-content: center !important;
    gap: 10px !important;
  }
  #BPHero_root__Bp7K3 .BPHero_ctrl__Bp7K3 { width: 44px !important; height: 44px !important; }
  #BPHero_root__Bp7K3 .BPHero_dots__Bp7K3 {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 6px !important;
  }
}

/* =========================== 1024px+ ============================ */
@media (min-width: 1024px) {
  #BPHero_root__Bp7K3 .BPHero_saying__Bp7K3 { font-size: 16px !important; }
}

/* =========================== Reduced motion ===================== */
@media (prefers-reduced-motion: reduce) {
  #BPHero_root__Bp7K3 .BPHero_ctrl__Bp7K3,
  #BPHero_root__Bp7K3 .BPHero_readMore__Bp7K3,
  #BPHero_root__Bp7K3.BPHero_noGsap__Bp7K3 .BPHero_spk__Bp7K3 {
    transition: none !important;
  }
}
 
            .toastify{
                position: fixed;
                top: 10px;
                right: -100vw;
                border-radius: 3px;
                padding: 0.8rem;
                overflow: hidden;
                z-index: 999999;
                transition: 400ms cubic-bezier(.47,1.64,.41,.8);
                  
            min-width: 350px;
            width: max-content;
        
            }
            .times-tostify{
                flex: 0 0 max-content;
                width: 100%;
                max-width: max-content;
            }
            .times-tostify svg{
                width: 20px;
                height: 20px;
                fill: #fff;
            }
            .head-toastify svg{
                fill: #fff;
            }
            #message_toastify{
                padding-top: 0.5rem;
                color: #fff;
            }
            .error-toastify{
                background-color: #dc3545;    
                box-shadow: 0 1px 20px 1px #dc3545;
            }
            .success-toastify{
                background-color: #28a745;
                box-shadow: 0 1px 20px 1px #28a745;
            }
            .warning-toastify{
                background-color: #ffc107;
                box-shadow: 0 1px 20px 1px #ffc107;
            }
            .info-toastify{
                background-color: #007bff;
                box-shadow: 0 1px 20px 1px #007bff;
            }
            .error-toastify .error-icon,
            .success-toastify .success-icon,
            .info-toastify .info-icon,
            .warning-toastify .warning-icon{
                display: flex !important;
            }
            .error-icon,.success-icon,.warning-icon,.info-icon{
                display: none;
            }
        
            .module_shop_simplesub_2 .email {
                border: 2px solid red;
                transition:all 0.2s;
            }
            .module_shop_simplesub_2 .email:hover {
                border: 2px solid red;
                background:red;
            }
            .module_shop_simplesub_2 .email:hover {
                border: 2px solid red;
                background:red;
            }
            .module_shop_simplesub_2 .email:hover .path-email{
                fill:white;
            }
            .module_shop_simplesub_2 .path-email{
                fill: red;
            }
            .module_shop_simplesub_2 .copyclipboard-path {
                fill:#df7964;
            }
            .module_shop_simplesub_2 .copyclipboard {
                border: 2px solid #df7964;
                transition:all 0.2s;
            }
            .module_shop_simplesub_2 .copyclipboard:hover{
                background:#df7964;
                cursor:pointer;
            }
            .module_shop_simplesub_2 .copyclipboard:hover .copyclipboard-path{
                fill:white;
            }
            .module_shop_simplesub_2 .path-whatsapp{
                fill:green;
            }
            .module_shop_simplesub_2 .title-icon-for-swiper{
                width:0px;
                height:0px;
                
                
            }
            .module_shop_simplesub_2 .text-title-sub-main{
                
                    margin-right: 5px; 
                
                color:#000;
                background-color:transparent!important;
            }
            
            .module_shop_simplesub_2 .title-icon-for-swiper-img{
                object-fit: contain;
                width:0px;
                height:0px;
                
            }
            .module_shop_simplesub_2 .whatsapp {
                border: 2px solid green;
                transition:all 0.2s;
            }
            .module_shop_simplesub_2 .whatsapp:hover{
                background:green;
            } 
            .module_shop_simplesub_2 .whatsapp:hover .path-whatsapp {
                fill:white;
            }  
            .module_shop_simplesub_2 .telegram {
                border: 2px solid dodgerblue;
                transition:all 0.2s;
            }
            .module_shop_simplesub_2 .telegram:hover .path-telegram{
                fill:white;
            }
            .module_shop_simplesub_2 .telegram:hover {
                background:dodgerblue;
            }
            .module_shop_simplesub_2 .image_share {
                margin: 10px;
                width: 64px;
                height: 64px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 100%;
            }
            .module_shop_simplesub_2 .avatar{
                width: 30px;
                height: 30px;
            }
            .module_shop_simplesub_2 .path-telegram {
                fill: dodgerblue;
            }
            .module_shop_simplesub_2 .back_modal {
                background-color: rgba(0, 0, 0, 0.8);
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1000;
            } 
            .module_shop_simplesub_2 .close_social_network {
                width: 23px;
                height: 23px;
                position: absolute;
                right: 14px;
                cursor: pointer;
                fill: gray;
                top: 10px;
                z-index: 100;
                transition:all 0.2s ease-in-out;
            }
            .module_shop_simplesub_2 .close_social_network:hover {
                width: 21px;
                height: 21px;
            }
            .module_shop_simplesub_2 .swiper-slide {
                flex-direction: column;
                align-items: center;
                justify-content: flex-start;
                width: 235px !important;
                height: 410px !important;
                border-radius: 20px !important;
                display: flex;
                padding: 10px;
                background-color: ;
                margin-left: 20px !important;
                gap: 5px;
            }
            .module_shop_simplesub_2 .title_share_modal {
                font-size: 1.25rem;
                width: 100px;
                height: 20px;
                position: absolute;
                right: 195px;
                cursor: pointer;
                color: gray;
                top: 50px;
                z-index: 100;
            }
            .module_shop_simplesub_2 .modal_body{
                height: 100%;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                padding-top: 30px;
            }  
            .module_shop_simplesub_2 .modal {
                width:500px;
                max-width:500px;
                height:250px;
                background:white;
                position:absolute;
                left:50%;
                top:50%;
                transform:translate(-50%,-50%);
                border-radius:10px;
            } 
            .module_shop_simplesub_2 .first_img_sub_title {
                width: 260px;
                height: -webkit-fill-available;
                display: flex;
                flex-direction: column;
                align-content: center;
                justify-content: center;
                align-items: center;
                padding: 0 0 0 20px;
                gap: 15px;
            }
            .module_shop_simplesub_2 .first_img_sub_title_first {
                        width: 100%;
                        height: 40%;
                        display: flex;
                        align-content: center;
                        justify-content: center;
                        align-items: center;
                    }
            .module_shop_simplesub_2 .first_img_sub_title_first img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }
            .module_shop_simplesub_2 .first_img_sub_title_second {
                        width: 90%;
                        height: 25px;
                        background-color: ;
                        border-radius: 20px;
                        cursor: pointer;
                    }
            .module_shop_simplesub_2 .first_img_sub_title_second a {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        align-content: center;
                        align-items: center;
                        justify-content: center;
                        flex-direction: row-reverse;
                        gap: 5px;
                        color: ;
                        font-size: 13px;
                        cursor: pointer;
                    }
            .module_shop_simplesub_2 .first_img_sub_title_second>a>div {
                        width: 15px;
                        height: 15px;
                        cursor: pointer;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
            .module_shop_simplesub_2 .first_img_sub_title_second>a>div>img {
                        width: 100%;
                        height: 100%;
                        cursor: pointer;
                    }
            .module_shop_simplesub_2 .first_img_sub_title_second>a>span {
                        cursor: pointer;
                    }
            .module_shop_simplesub_2 .first_img_sub_title_last {
                         width: 100%;
                        height: 40%;
                        display: flex;
                        align-content: center;
                        justify-content: center;
                        align-items: center; 
                    }
            .module_shop_simplesub_2 .first_img_sub_title_last img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }
            
                .module_shop_simplesub_2 .border-bottom-left{
                    border-bottom-left-radius:0px;
                    display: none !important;
                }
                .module_shop_simplesub_2 .border-bottom-right{
                    border-bottom-right-radius:0px;
                    display: none !important;
                }
                .module_shop_simplesub_2 .link-img{
                    height:100%!important;
                    border-radius:0px;
                }
                .module_shop_simplesub_2 .div-title a{
                    color:#333!important;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                .module_shop_simplesub_2{
                    background-color:none;
                    background-image:url(https://bitaplus.ir/files/);
                    background-repeat: no-repeat;
                    background-size: contain;
                    background-position: left;
                    padding-top:0rem;
                    padding-bottom:0rem;
                    margin-top:0rem;
                    margin-bottom:2rem;
                    z-index:0;
                }
                .module_shop_simplesub_2 .price-center{
                    color:#839AA8;
                    width: 100%;
                    display: flex;
                    justify-content: center; 
                } 
                .module_shop_simplesub_2 .img-price-center{
                    width:30px;
                    height:30px;
                    margin-right:0.5rem; 
                }
                .module_shop_simplesub_2 .box-img-price{
                    width:30px;
                    height:30px;
                    margin-left:2rem;
                } 
                .module_shop_simplesub_2 .div-price-center{
                    width: 100%;
                    display: flex;
                    justify-content: center;
                } 
                .module_shop_simplesub_2 .div-title label{
                    font-size:1em;
                }
                .module_shop_simplesub_2  .div-offer{
                    width:18%;
                    height:8%;
                    background-color: #ff5722;
                    color:#fff;
                    font-weight: bold;
                    position: absolute;
                    left: 6%;
                    top: 6.2%;
                    border-radius: 3px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size:15px;
                }
                .module_shop_simplesub_2 .img-price{
                    width: 100%;
                    object-fit: contain;
                    height: 100%;
                    
                } 
                .module_shop_simplesub_2 .title-for-swiper{
                    display:flex;
                    justify-content:right;
                    align-items: center;
                    margin:2rem auto 2rem auto;
                    width:1200px;
                    max-width:1200px;
                    overflow:hidden;
                    font-size:1.5em;
                    height:64px;
                    color:#000;
                    background-color:transparent!important;
                    padding:0.5rem;
                }
                .module_shop_simplesub_2 .container{
                    width:100%;
                    margin:auto auto auto auto;
                    overflow:hidden;
                    border:0px  white;
                    background-color: ;
                    border-radius: 20px;
                    padding: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    flex-direction: row;
                    height: 455px !important;
                }
                .module_shop_simplesub_2 .card-box-type1{
                    border:1px solid #dddddd;
                    background:;
                    border-radius:0px;
                }
                .module_shop_simplesub_2 .height-content {
                    height:max-content;
                    overflow:hidden;
                    width: -webkit-fill-available;
                    display: flex;
                    align-items: center;
                }
                .module_shop_simplesub_2 .btn-next{
                    color: #000000 !important;
                    margin-right: 5px !important;
                    border-radius: 50% !important;
                    background-color: white !important;
                    height: 30px !important;
                    width: 30px !important;
                    display: flex !important;
                    align-items: center !important;
                    justify-content: center !important;
                    padding: 2px !important;
                    box-shadow: 0 0 5px 0 rgb(0 0 0 / 49%) !important;
                    position: absolute;
                    z-index: 1;
                }
                .module_shop_simplesub_2 .btn-prev:hover{
                    background:#fff;
                }
                .module_shop_simplesub_2 .btn-next:hover{
                    background:#fff;
                }
                .module_shop_simplesub_2 .btn-prev{
                    color: #000000 !important;
                    margin-left: 5px !important;
                    border-radius: 50% !important;
                    background-color: white !important;
                    height: 30px !important;
                    width: 30px !important;
                    display: flex !important;
                    align-items: center !important;
                    justify-content: center !important;
                    padding: 2px !important;
                    box-shadow: 0 0 4px 0 rgb(0 0 0) !important;
                    z-index: 1;
                    position: absolute;
                    left: 5px;
                }
                .module_shop_simplesub_2 .svg_next{
                    width:13px;
                    fill:#333;
                }
                .module_shop_simplesub_2 .svg_next:hover{
                    fill:#333;
                }
                .module_shop_simplesub_2 .svg_prev{
                    width:13px;
                    fill:#333;
                    transform:rotate(180deg);
                }
                .module_shop_simplesub_2 .svg_prev:hover{
                    fill:#333;
                }
                .module_shop_simplesub_2 .card{
                    padding:0.5rem;
                    display: flex;
                    justify-content: center;
                }
                .module_shop_simplesub_2 .div-box-img{
                    width:200px !important;
                    height:200px !important;
                    border-radius: 20px !important;
                    padding:0rem;
                }
                .module_shop_simplesub_2 .div-box-img img{
                    width:100%;
                    height:100%;
                    border-radius: 20px !important;
                    object-fit:cover;
                }
                .module_shop_simplesub_2 .div-title{
                    width: 100%;
                    height: 60px !important;
                    font-weight:500;
                    line-height:1.5;
                    padding: 15px 0.5rem;
                    overflow:hidden;
                    display:flex;
                    justify-content: center;
                    align-items: center;
                    font-size:1em;
                }
                .module_shop_simplesub_2 .div-title span{
                    color:#333;    
                    text-align: center;
                }
                .module_shop_simplesub_2 .div-title span:hover{
                    color:#03a9f5;
                    cursor:pointer;   
                }
                .module_shop_simplesub_2 .div-price-discount{
                    width: 100%;
                    height: 65px;
                    line-height:1.5;
                    padding:0 0.5rem;
                    overflow:hidden;
                    display:flex;
                    justify-content:center;
                    align-items:baseline;
                    flex-direction:column;
                    flex-wrap:wrap;
                    background-color: #F9F9F9;
                    border-radius: 20px;
                }
                .module_shop_simplesub_2 .price{
                    width:65%;
                    display: flex;
                    align-items: center;
                    font-size:18px;
                    font-weight:200;
                    justify-content: end;
                    color:#839AA8;
                }
                .module_shop_simplesub_2 .price-center{
                    display: flex;
                    align-items: center;
                    font-size:19px;
                    font-weight:bold;
                    justify-content: center;
                    color:#839AA8;
                }
                .module_shop_simplesub_2 .discount{
                    display: flex;
                    align-items: center;
                    font-size: 15px;
                    font-weight: 200;
                    width: 64%;
                    text-decoration: line-through;
                    color: #999999;
                    padding-right:0.5rem;
                    justify-content: end;
                }
                .module_shop_simplesub_2 .svg_tooman{
                    width: 35px;
                    padding-right: 0.2rem;
                    fill:red!important;
                }
                .module_shop_simplesub_2 .svg_tooman_discount{
                    width: 35px;
                    padding-right: 0.2rem;
                    fill:#999999!important;
                }
                .module_shop_simplesub_2 .div-add-share{
                    width:100%;
                    height:45px;
                    display:flex;
                    cursor:pointer;
                    flex-direction: row;
                    border-radius: 20px;
                }
                .module_shop_simplesub_2 .add-shop {
                    transition: all 0.2s ease;
                }
                .module_shop_simplesub_2 .add-shop:hover {
                    background-color: #bfbfbf;
                }
                .module_shop_simplesub_2 .add-shop{
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    overflow:hidden;
                    background:#333;
                    cursor:pointer;
                    border-radius: 20px;
                    gap: 20px;
                }
                .module_shop_simplesub_2 .add-shop img{
                    width: 25px;
                    height: 25px;
                }
                .module_shop_simplesub_2 .svgHeart{ 
                    height: 100%;
                }
                .module_shop_simplesub_2 .svgShare{ 
                    height: 100%;
                }
                .module_shop_simplesub_2 .animate-share{
                    bottom: 50%;
                    transition: 0.2s bottom ease-in-out;
                }
                .module_shop_simplesub_2 .animate-heart{
                    bottom: 50%;
                    transition: 0.2s bottom ease-in-out;
                }
                .module_shop_simplesub_2 .add-shop span{
                    font-size: 15px;
                    font-weight: 700;
                    color:skyblue;
                    z-index:10;
                    display: flex;
                    gap: 20px;
                    align-items: center;
                    justify-content: center;
                    cursor:pointer;
                }
                .module_shop_simplesub_2 .add-shop .link-card{
                    font-size: 15px;
                    font-weight: 700;
                    color:skyblue;
                    z-index:10;
                }
                .module_shop_simplesub_2 .grow{
                    flex-grow:2;
                }
                .module_shop_simplesub_2 .svg_heart{
                    width:15px;;
                    fill:#999999;
                    z-index:10;
                    transition: fill 1s;
                    height: 44px;
                    cursor:pointer;
                }
                .module_shop_simplesub_2 .svg_share{
                    width: 15px;
                    fill: #999999;
                    z-index: 10;
                    transition: fill 1s;
                    height: 44px;
                    cursor:pointer;
                }
                .module_shop_simplesub_2 .animate-blue .span{
                    cursor:pointer;
                }
                .module_shop_simplesub_2 .svgHeart:first-child .svg_heart{
                    fill: #fff !important;
                }
                .module_shop_simplesub_2 .svgHeart:first-child {
                    fill: #fff !important;
                }
                .module_shop_simplesub_2 .svgShare:first-child .svg_share{
                    fill: #fff !important;
                }
                .module_shop_simplesub_2 .svgShare:first-child {
                    fill: #fff !important;
                }
                .module_shop_simplesub_2 .animate-blue{
                    position:absolute;
                    top:0;
                    left:-100%;
                    bottom:0;
                    width:100%;
                    background:#bfbfbf;
                    transition: left 0.4s;
                }
                .module_shop_simplesub_2 .add-shop:hover .animate-blue{
                    left:0;
                }
                .module_shop_simplesub_2 .add-shop:hover span{
                    color:white;
                }
                .module_shop_simplesub_2 .add-shop:hover .link-card{
                    color:white;
                }
                .module_shop_simplesub_2 .add-shop:hover .animate-heart{
                    bottom: -50%; 
                }
                .module_shop_simplesub_2 .add-shop:hover .animate-share{
                    bottom: -50%; 
                }
            
            .link-card{
                cursor: pointer;
            }
        
            .module_shop_simplesub_3 .email {
                border: 2px solid red;
                transition:all 0.2s;
            }
            .module_shop_simplesub_3 .email:hover {
                border: 2px solid red;
                background:red;
            }
            .module_shop_simplesub_3 .email:hover {
                border: 2px solid red;
                background:red;
            }
            .module_shop_simplesub_3 .email:hover .path-email{
                fill:white;
            }
            .module_shop_simplesub_3 .path-email{
                fill: red;
            }
            .module_shop_simplesub_3 .copyclipboard-path {
                fill:#df7964;
            }
            .module_shop_simplesub_3 .copyclipboard {
                border: 2px solid #df7964;
                transition:all 0.2s;
            }
            .module_shop_simplesub_3 .copyclipboard:hover{
                background:#df7964;
                cursor:pointer;
            }
            .module_shop_simplesub_3 .copyclipboard:hover .copyclipboard-path{
                fill:white;
            }
            .module_shop_simplesub_3 .path-whatsapp{
                fill:green;
            }
            .module_shop_simplesub_3 .title-icon-for-swiper{
                width:0px;
                height:0px;
                
                
            }
            .module_shop_simplesub_3 .text-title-sub-main{
                
                    margin-right: 5px; 
                
                color:#000;
                background-color:transparent!important;
            }
            
            .module_shop_simplesub_3 .title-icon-for-swiper-img{
                object-fit: contain;
                width:0px;
                height:0px;
                
            }
            .module_shop_simplesub_3 .whatsapp {
                border: 2px solid green;
                transition:all 0.2s;
            }
            .module_shop_simplesub_3 .whatsapp:hover{
                background:green;
            } 
            .module_shop_simplesub_3 .whatsapp:hover .path-whatsapp {
                fill:white;
            }  
            .module_shop_simplesub_3 .telegram {
                border: 2px solid dodgerblue;
                transition:all 0.2s;
            }
            .module_shop_simplesub_3 .telegram:hover .path-telegram{
                fill:white;
            }
            .module_shop_simplesub_3 .telegram:hover {
                background:dodgerblue;
            }
            .module_shop_simplesub_3 .image_share {
                margin: 10px;
                width: 64px;
                height: 64px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 100%;
            }
            .module_shop_simplesub_3 .avatar{
                width: 30px;
                height: 30px;
            }
            .module_shop_simplesub_3 .path-telegram {
                fill: dodgerblue;
            }
            .module_shop_simplesub_3 .back_modal {
                background-color: rgba(0, 0, 0, 0.8);
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1000;
            } 
            .module_shop_simplesub_3 .close_social_network {
                width: 23px;
                height: 23px;
                position: absolute;
                right: 14px;
                cursor: pointer;
                fill: gray;
                top: 10px;
                z-index: 100;
                transition:all 0.2s ease-in-out;
            }
            .module_shop_simplesub_3 .close_social_network:hover {
                width: 21px;
                height: 21px;
            }
            .module_shop_simplesub_3 .swiper-slide {
                flex-direction: column;
                align-items: center;
                justify-content: flex-start;
                width: 235px !important;
                height: 410px !important;
                border-radius: 20px !important;
                display: flex;
                padding: 10px;
                background-color: ;
                margin-left: 20px !important;
                gap: 5px;
            }
            .module_shop_simplesub_3 .title_share_modal {
                font-size: 1.25rem;
                width: 100px;
                height: 20px;
                position: absolute;
                right: 195px;
                cursor: pointer;
                color: gray;
                top: 50px;
                z-index: 100;
            }
            .module_shop_simplesub_3 .modal_body{
                height: 100%;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                padding-top: 30px;
            }  
            .module_shop_simplesub_3 .modal {
                width:500px;
                max-width:500px;
                height:250px;
                background:white;
                position:absolute;
                left:50%;
                top:50%;
                transform:translate(-50%,-50%);
                border-radius:10px;
            } 
            .module_shop_simplesub_3 .first_img_sub_title {
                width: 260px;
                height: -webkit-fill-available;
                display: flex;
                flex-direction: column;
                align-content: center;
                justify-content: center;
                align-items: center;
                padding: 0 0 0 20px;
                gap: 15px;
            }
            .module_shop_simplesub_3 .first_img_sub_title_first {
                        width: 100%;
                        height: 40%;
                        display: flex;
                        align-content: center;
                        justify-content: center;
                        align-items: center;
                    }
            .module_shop_simplesub_3 .first_img_sub_title_first img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }
            .module_shop_simplesub_3 .first_img_sub_title_second {
                        width: 90%;
                        height: 25px;
                        background-color: ;
                        border-radius: 20px;
                        cursor: pointer;
                    }
            .module_shop_simplesub_3 .first_img_sub_title_second a {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        align-content: center;
                        align-items: center;
                        justify-content: center;
                        flex-direction: row-reverse;
                        gap: 5px;
                        color: ;
                        font-size: 13px;
                        cursor: pointer;
                    }
            .module_shop_simplesub_3 .first_img_sub_title_second>a>div {
                        width: 15px;
                        height: 15px;
                        cursor: pointer;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
            .module_shop_simplesub_3 .first_img_sub_title_second>a>div>img {
                        width: 100%;
                        height: 100%;
                        cursor: pointer;
                    }
            .module_shop_simplesub_3 .first_img_sub_title_second>a>span {
                        cursor: pointer;
                    }
            .module_shop_simplesub_3 .first_img_sub_title_last {
                         width: 100%;
                        height: 40%;
                        display: flex;
                        align-content: center;
                        justify-content: center;
                        align-items: center; 
                    }
            .module_shop_simplesub_3 .first_img_sub_title_last img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }
            
                .module_shop_simplesub_3 .border-bottom-left{
                    border-bottom-left-radius:0px;
                    display: none !important;
                }
                .module_shop_simplesub_3 .border-bottom-right{
                    border-bottom-right-radius:0px;
                    display: none !important;
                }
                .module_shop_simplesub_3 .link-img{
                    height:100%!important;
                    border-radius:0px;
                }
                .module_shop_simplesub_3 .div-title a{
                    color:#333!important;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                .module_shop_simplesub_3{
                    background-color:none;
                    background-image:url(https://bitaplus.ir/files/);
                    background-repeat: no-repeat;
                    background-size: contain;
                    background-position: left;
                    padding-top:0rem;
                    padding-bottom:0rem;
                    margin-top:2rem;
                    margin-bottom:2rem;
                    z-index:0;
                }
                .module_shop_simplesub_3 .price-center{
                    color:#839AA8;
                    width: 100%;
                    display: flex;
                    justify-content: center; 
                } 
                .module_shop_simplesub_3 .img-price-center{
                    width:30px;
                    height:30px;
                    margin-right:0.5rem; 
                }
                .module_shop_simplesub_3 .box-img-price{
                    width:30px;
                    height:30px;
                    margin-left:2rem;
                } 
                .module_shop_simplesub_3 .div-price-center{
                    width: 100%;
                    display: flex;
                    justify-content: center;
                } 
                .module_shop_simplesub_3 .div-title label{
                    font-size:1em;
                }
                .module_shop_simplesub_3  .div-offer{
                    width:18%;
                    height:8%;
                    background-color: #ff5722;
                    color:#fff;
                    font-weight: bold;
                    position: absolute;
                    left: 6%;
                    top: 6.2%;
                    border-radius: 3px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size:15px;
                }
                .module_shop_simplesub_3 .img-price{
                    width: 100%;
                    object-fit: contain;
                    height: 100%;
                    
                } 
                .module_shop_simplesub_3 .title-for-swiper{
                    display:flex;
                    justify-content:right;
                    align-items: center;
                    margin:2rem auto 2rem auto;
                    width:1200px;
                    max-width:1200px;
                    overflow:hidden;
                    font-size:1.5em;
                    height:64px;
                    color:#000;
                    background-color:transparent!important;
                    padding:0.5rem;
                }
                .module_shop_simplesub_3 .container{
                    width:100%;
                    margin:auto auto auto auto;
                    overflow:hidden;
                    border:0px  white;
                    background-color: ;
                    border-radius: 20px;
                    padding: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    flex-direction: row;
                    height: 455px !important;
                }
                .module_shop_simplesub_3 .card-box-type1{
                    border:1px solid #dddddd;
                    background:;
                    border-radius:0px;
                }
                .module_shop_simplesub_3 .height-content {
                    height:max-content;
                    overflow:hidden;
                    width: -webkit-fill-available;
                    display: flex;
                    align-items: center;
                }
                .module_shop_simplesub_3 .btn-next{
                    color: #000000 !important;
                    margin-right: 5px !important;
                    border-radius: 50% !important;
                    background-color: white !important;
                    height: 30px !important;
                    width: 30px !important;
                    display: flex !important;
                    align-items: center !important;
                    justify-content: center !important;
                    padding: 2px !important;
                    box-shadow: 0 0 5px 0 rgb(0 0 0 / 49%) !important;
                    position: absolute;
                    z-index: 1;
                }
                .module_shop_simplesub_3 .btn-prev:hover{
                    background:#fff;
                }
                .module_shop_simplesub_3 .btn-next:hover{
                    background:#fff;
                }
                .module_shop_simplesub_3 .btn-prev{
                    color: #000000 !important;
                    margin-left: 5px !important;
                    border-radius: 50% !important;
                    background-color: white !important;
                    height: 30px !important;
                    width: 30px !important;
                    display: flex !important;
                    align-items: center !important;
                    justify-content: center !important;
                    padding: 2px !important;
                    box-shadow: 0 0 4px 0 rgb(0 0 0) !important;
                    z-index: 1;
                    position: absolute;
                    left: 5px;
                }
                .module_shop_simplesub_3 .svg_next{
                    width:13px;
                    fill:#333;
                }
                .module_shop_simplesub_3 .svg_next:hover{
                    fill:#333;
                }
                .module_shop_simplesub_3 .svg_prev{
                    width:13px;
                    fill:#333;
                    transform:rotate(180deg);
                }
                .module_shop_simplesub_3 .svg_prev:hover{
                    fill:#333;
                }
                .module_shop_simplesub_3 .card{
                    padding:0.5rem;
                    display: flex;
                    justify-content: center;
                }
                .module_shop_simplesub_3 .div-box-img{
                    width:200px !important;
                    height:200px !important;
                    border-radius: 20px !important;
                    padding:0rem;
                }
                .module_shop_simplesub_3 .div-box-img img{
                    width:100%;
                    height:100%;
                    border-radius: 20px !important;
                    object-fit:contain;
                }
                .module_shop_simplesub_3 .div-title{
                    width: 100%;
                    height: 60px !important;
                    font-weight:500;
                    line-height:1.5;
                    padding: 15px 0.5rem;
                    overflow:hidden;
                    display:flex;
                    justify-content: center;
                    align-items: center;
                    font-size:1em;
                }
                .module_shop_simplesub_3 .div-title span{
                    color:#333;    
                    text-align: center;
                }
                .module_shop_simplesub_3 .div-title span:hover{
                    color:#03a9f5;
                    cursor:pointer;   
                }
                .module_shop_simplesub_3 .div-price-discount{
                    width: 100%;
                    height: 65px;
                    line-height:1.5;
                    padding:0 0.5rem;
                    overflow:hidden;
                    display:flex;
                    justify-content:center;
                    align-items:baseline;
                    flex-direction:column;
                    flex-wrap:wrap;
                    background-color: #F9F9F9;
                    border-radius: 20px;
                }
                .module_shop_simplesub_3 .price{
                    width:65%;
                    display: flex;
                    align-items: center;
                    font-size:18px;
                    font-weight:200;
                    justify-content: end;
                    color:#839AA8;
                }
                .module_shop_simplesub_3 .price-center{
                    display: flex;
                    align-items: center;
                    font-size:19px;
                    font-weight:bold;
                    justify-content: center;
                    color:#839AA8;
                }
                .module_shop_simplesub_3 .discount{
                    display: flex;
                    align-items: center;
                    font-size: 15px;
                    font-weight: 200;
                    width: 64%;
                    text-decoration: line-through;
                    color: #999999;
                    padding-right:0.5rem;
                    justify-content: end;
                }
                .module_shop_simplesub_3 .svg_tooman{
                    width: 35px;
                    padding-right: 0.2rem;
                    fill:red!important;
                }
                .module_shop_simplesub_3 .svg_tooman_discount{
                    width: 35px;
                    padding-right: 0.2rem;
                    fill:#999999!important;
                }
                .module_shop_simplesub_3 .div-add-share{
                    width:100%;
                    height:45px;
                    display:flex;
                    cursor:pointer;
                    flex-direction: row;
                    border-radius: 20px;
                }
                .module_shop_simplesub_3 .add-shop {
                    transition: all 0.2s ease;
                }
                .module_shop_simplesub_3 .add-shop:hover {
                    background-color: #bfbfbf;
                }
                .module_shop_simplesub_3 .add-shop{
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    overflow:hidden;
                    background:#333;
                    cursor:pointer;
                    border-radius: 20px;
                    gap: 20px;
                }
                .module_shop_simplesub_3 .add-shop img{
                    width: 25px;
                    height: 25px;
                }
                .module_shop_simplesub_3 .svgHeart{ 
                    height: 100%;
                }
                .module_shop_simplesub_3 .svgShare{ 
                    height: 100%;
                }
                .module_shop_simplesub_3 .animate-share{
                    bottom: 50%;
                    transition: 0.2s bottom ease-in-out;
                }
                .module_shop_simplesub_3 .animate-heart{
                    bottom: 50%;
                    transition: 0.2s bottom ease-in-out;
                }
                .module_shop_simplesub_3 .add-shop span{
                    font-size: 15px;
                    font-weight: 700;
                    color:skyblue;
                    z-index:10;
                    display: flex;
                    gap: 20px;
                    align-items: center;
                    justify-content: center;
                    cursor:pointer;
                }
                .module_shop_simplesub_3 .add-shop .link-card{
                    font-size: 15px;
                    font-weight: 700;
                    color:skyblue;
                    z-index:10;
                }
                .module_shop_simplesub_3 .grow{
                    flex-grow:2;
                }
                .module_shop_simplesub_3 .svg_heart{
                    width:15px;;
                    fill:#999999;
                    z-index:10;
                    transition: fill 1s;
                    height: 44px;
                    cursor:pointer;
                }
                .module_shop_simplesub_3 .svg_share{
                    width: 15px;
                    fill: #999999;
                    z-index: 10;
                    transition: fill 1s;
                    height: 44px;
                    cursor:pointer;
                }
                .module_shop_simplesub_3 .animate-blue .span{
                    cursor:pointer;
                }
                .module_shop_simplesub_3 .svgHeart:first-child .svg_heart{
                    fill: #fff !important;
                }
                .module_shop_simplesub_3 .svgHeart:first-child {
                    fill: #fff !important;
                }
                .module_shop_simplesub_3 .svgShare:first-child .svg_share{
                    fill: #fff !important;
                }
                .module_shop_simplesub_3 .svgShare:first-child {
                    fill: #fff !important;
                }
                .module_shop_simplesub_3 .animate-blue{
                    position:absolute;
                    top:0;
                    left:-100%;
                    bottom:0;
                    width:100%;
                    background:#bfbfbf;
                    transition: left 0.4s;
                }
                .module_shop_simplesub_3 .add-shop:hover .animate-blue{
                    left:0;
                }
                .module_shop_simplesub_3 .add-shop:hover span{
                    color:white;
                }
                .module_shop_simplesub_3 .add-shop:hover .link-card{
                    color:white;
                }
                .module_shop_simplesub_3 .add-shop:hover .animate-heart{
                    bottom: -50%; 
                }
                .module_shop_simplesub_3 .add-shop:hover .animate-share{
                    bottom: -50%; 
                }
            
/* ==========================================================================
   RenderBox CMS Module - Categories Grid v9.0
   Max Width: 1664px | RTL Persian | Scoped with !important
   ========================================================================== */

/* Scoped Reset */
#CategoriesModule_root__Fa8K2,
#CategoriesModule_root__Fa8K2 *,
#CategoriesModule_root__Fa8K2 *::before,
#CategoriesModule_root__Fa8K2 *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Root Section */
#CategoriesModule_root__Fa8K2 {
    width: 100% !important;
    background-color: #ffffff !important;
    direction: rtl !important;
    font-family: 'Vazirmatn', system-ui, -apple-system, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    overflow: hidden !important;
    position: relative !important;
}

/* 1664px Container */
#CategoriesModule_root__Fa8K2 .CategoriesModule_container__Fa8K2 {
    width: 100% !important;
    max-width: 1664px !important;
    margin: 0 auto !important;
    padding: 2.5rem 1.5rem !important;
}

@media (min-width: 1024px) {
    #CategoriesModule_root__Fa8K2 .CategoriesModule_container__Fa8K2 {
        padding: 3rem 2rem !important;
    }
}

/* Header & Title */
#CategoriesModule_root__Fa8K2 .CategoriesModule_header__Fa8K2 {
    margin-bottom: 1.5rem !important;
    text-align: right !important;
}

#CategoriesModule_root__Fa8K2 .CategoriesModule_title__Fa8K2 {
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    color: #111827 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
}

@media (min-width: 768px) {
    #CategoriesModule_root__Fa8K2 .CategoriesModule_title__Fa8K2 {
        font-size: 2rem !important;
    }
}

/* Grid Layout (2 cols on mobile, 4 cols on desktop) */
#CategoriesModule_root__Fa8K2 .CategoriesModule_grid__Fa8K2 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
    width: 100% !important;
}

@media (min-width: 768px) {
    #CategoriesModule_root__Fa8K2 .CategoriesModule_grid__Fa8K2 {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 1.5rem !important;
    }
}

/* Category Card (Compact Height: aspect-ratio 4 / 3.1) */
#CategoriesModule_root__Fa8K2 .CategoriesModule_card__Fa8K2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 4 / 3.1 !important;
    padding: 1.25rem 1rem !important;
    background-color: #F2F2F2 !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    user-select: none !important;
    border: 1px solid transparent !important;
    transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), 
                transform 0.3s cubic-bezier(0.19, 1, 0.22, 1) !important;
    will-change: background-color, transform;
}

/* Card Hover State (Background color change as in video) */
#CategoriesModule_root__Fa8K2 .CategoriesModule_card__Fa8K2:hover {
    background-color: #E5E7EB !important;
}

/* Image Wrapper */
#CategoriesModule_root__Fa8K2 .CategoriesModule_imgWrapper__Fa8K2 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0% !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 0.25rem 0 !important;
}

/* Real Product PNG Image */
#CategoriesModule_root__Fa8K2 .CategoriesModule_img__Fa8K2 {
    display: block !important;
    max-height: 100px !important;
    max-width: 85% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1) !important;
    will-change: transform;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.08)) !important;
}

@media (min-width: 768px) {
    #CategoriesModule_root__Fa8K2 .CategoriesModule_img__Fa8K2 {
        max-height: 110px !important;
    }
}

/* Image Hover Zoom (scale up gently as in video) */
#CategoriesModule_root__Fa8K2 .CategoriesModule_card__Fa8K2:hover .CategoriesModule_img__Fa8K2 {
    transform: scale(1.08) !important;
}

/* Card Title Typography */
#CategoriesModule_root__Fa8K2 .CategoriesModule_cardTitle__Fa8K2 {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #111827 !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 0.5rem !important;
    line-height: 1.2 !important;
    transition: color 0.2s ease !important;
}

@media (min-width: 768px) {
    #CategoriesModule_root__Fa8K2 .CategoriesModule_cardTitle__Fa8K2 {
        font-size: 1.05rem !important;
    }
}

#CategoriesModule_root__Fa8K2 .CategoriesModule_card__Fa8K2:hover .CategoriesModule_cardTitle__Fa8K2 {
    color: #000000 !important;
}

/* Class-based Entry Animation Pattern (Rule 10.5 - NO @keyframes) */
#CategoriesModule_root__Fa8K2 .CategoriesModule_animate-in__Fa8K2 {
    opacity: 0 !important;
    transform: translateY(20px) !important;
}

#CategoriesModule_root__Fa8K2 .CategoriesModule_animate-in__Fa8K2.CategoriesModule_animated__Fa8K2 {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
 
/* ==========================================================================
   RenderBox CMS Module: Soundcore Lifestyle Accordion & Carousel
   Version: 9.0 Compliant
   Hash: Ac8M3
   Language: Persian (RTL)
   ========================================================================== */

/* Scoped Reset */
#SoundcoreAccordion_root__Ac8M3,
#SoundcoreAccordion_root__Ac8M3 *,
#SoundcoreAccordion_root__Ac8M3 *::before,
#SoundcoreAccordion_root__Ac8M3 *::after {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Root Module Container */
#SoundcoreAccordion_root__Ac8M3 {
  position: relative !important;
  width: 100% !important;
  background-color: #ffffff !important;
  padding: 2.5rem 1rem !important;
  direction: rtl !important;
  font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  overflow: hidden !important;
}

@media (min-width: 768px) {
  #SoundcoreAccordion_root__Ac8M3 {
    padding: 3.5rem 2rem !important;
  }
}

@media (min-width: 1024px) {
  #SoundcoreAccordion_root__Ac8M3 {
    padding: 4.5rem 3rem !important;
  }
}

@media (min-width: 1440px) {
  #SoundcoreAccordion_root__Ac8M3 {
    padding: 5rem 4rem !important;
  }
}

/* Inner Wrapper */
#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_wrapper__Ac8M3 {
  width: 100% !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
}

@media (min-width: 768px) {
  #SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_wrapper__Ac8M3 {
    gap: 2rem !important;
  }
}

/* Header & Main Title */
#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_header__Ac8M3 {
  width: 100% !important;
  text-align: right !important;
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_mainTitle__Ac8M3 {
  font-size: 1.75rem !important;
  font-weight: 800 !important;
  color: #080a0f !important;
  line-height: 1.15 !important;
  letter-spacing: -0.04em !important;
}

@media (min-width: 768px) {
  #SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_mainTitle__Ac8M3 {
    font-size: 2.25rem !important;
  }
}

@media (min-width: 1024px) {
  #SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_mainTitle__Ac8M3 {
    font-size: 2.75rem !important;
  }
}

@media (min-width: 1440px) {
  #SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_mainTitle__Ac8M3 {
    font-size: 3rem !important;
  }
}

/* ==========================================================================
   DESKTOP ACCORDION GALLERY (Hidden on Mobile < 768px, Visible on >= 768px)
   ========================================================================== */

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_desktopGallery__Ac8M3 {
  display: none !important;
}

@media (min-width: 768px) {
  #SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_desktopGallery__Ac8M3 {
    display: flex !important;
    width: 100% !important;
    gap: 1rem !important;
    min-height: 380px !important;
    height: 460px !important;
    overflow: hidden !important;
  }
}

@media (min-width: 1200px) {
  #SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_desktopGallery__Ac8M3 {
    height: calc(448 / 1440 * 100vw) !important;
    max-height: 560px !important;
    min-height: 440px !important;
  }
}

/* Desktop Accordion Card Base */
#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_cardDesktop__Ac8M3 {
  position: relative !important;
  flex: 1 1 0% !important;
  height: 100% !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  cursor: pointer !important;
  background-color: #111111 !important;
  isolation: isolate !important;
  transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
  will-change: flex !important;
}

/* Default Active state (when not hovering other cards) */
#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_cardDesktop__Ac8M3.SoundcoreAccordion_active__Ac8M3 {
  flex: 8 1 0% !important;
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_cardDesktop__Ac8M3.SoundcoreAccordion_active__Ac8M3 .SoundcoreAccordion_infoDesktop__Ac8M3 {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

/* ==========================================================================
   PURE CSS HOVER ENGINE (Guaranteed 100% instant hover response)
   ========================================================================== */

/* When hovering inside the gallery: reset all cards */
#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_desktopGallery__Ac8M3:hover .SoundcoreAccordion_cardDesktop__Ac8M3 {
  flex: 1 1 0% !important;
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_desktopGallery__Ac8M3:hover .SoundcoreAccordion_infoDesktop__Ac8M3 {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(8px) !important;
}

/* Specifically expand the HOVERED card to flex: 8 */
#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_desktopGallery__Ac8M3 .SoundcoreAccordion_cardDesktop__Ac8M3:hover {
  flex: 8 1 0% !important;
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_desktopGallery__Ac8M3 .SoundcoreAccordion_cardDesktop__Ac8M3:hover .SoundcoreAccordion_infoDesktop__Ac8M3 {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  transition-delay: 0.08s !important;
}

/* Picture and Images */
#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_picture__Ac8M3 {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_img__Ac8M3 {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  pointer-events: none !important;
}

/* Dark Gradient Overlay */
#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_overlay__Ac8M3 {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.85) 0%,
    rgba(0, 0, 0, 0.45) 40%,
    transparent 80%
  ) !important;
  pointer-events: none !important;
}

/* Desktop Card Info Box */
#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_infoDesktop__Ac8M3 {
  position: absolute !important;
  inset-inline: 0 !important;
  bottom: 0 !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  padding: 2rem !important;
  gap: 1.5rem !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.45s ease-in, transform 0.45s ease-out !important;
  transform: translateY(8px) !important;
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_textCol__Ac8M3 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
  max-width: 36rem !important;
  pointer-events: none !important;
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_title__Ac8M3 {
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  letter-spacing: -0.04em !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

@media (min-width: 1280px) {
  #SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_title__Ac8M3 {
    font-size: 2rem !important;
  }
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_desc__Ac8M3 {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #f3f4f6 !important;
  line-height: 1.5 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4) !important;
}

/* Desktop CTA Button */
#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_btnDesktop__Ac8M3 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #ffffff !important;
  color: #080a0f !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  padding: 0.75rem 1.75rem !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.25s ease !important;
  flex-shrink: 0 !important;
  pointer-events: auto !important;
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_btnDesktop__Ac8M3:hover {
  background-color: #f3f4f6 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(255, 255, 255, 0.2) !important;
}

/* ==========================================================================
   MOBILE CAROUSEL (Visible on < 768px, Hidden on >= 768px)
   ========================================================================== */

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_mobileCarousel__Ac8M3 {
  display: block !important;
  width: 100% !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 0.5rem !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_mobileCarousel__Ac8M3::-webkit-scrollbar {
  display: none !important;
}

@media (min-width: 768px) {
  #SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_mobileCarousel__Ac8M3 {
    display: none !important;
  }
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_carouselTrack__Ac8M3 {
  display: flex !important;
  gap: 0.75rem !important;
  width: max-content !important;
}

/* Mobile Slide Card */
#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_slideMobile__Ac8M3 {
  position: relative !important;
  width: 82vw !important;
  max-width: 440px !important;
  height: 390px !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  background-color: #111111 !important;
  border: 1px solid #e9e9e9 !important;
  scroll-snap-align: start !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

@media (min-width: 640px) {
  #SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_slideMobile__Ac8M3 {
    width: 65vw !important;
    height: 420px !important;
  }
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_overlayMobile__Ac8M3 {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0.5) 45%,
    transparent 80%
  ) !important;
  pointer-events: none !important;
}

/* Mobile Content Info */
#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_infoMobile__Ac8M3 {
  position: relative !important;
  z-index: 10 !important;
  padding: 1.25rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_titleMobile__Ac8M3 {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_descMobile__Ac8M3 {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #f3f4f6 !important;
  line-height: 1.45 !important;
}

/* Mobile CTA Button */
#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_btnMobile__Ac8M3 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: flex-start !important;
  background-color: transparent !important;
  color: #ffffff !important;
  border: 1.6px solid #ffffff !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  padding: 0.55rem 1.4rem !important;
  border-radius: 4px !important;
  margin-top: 0.25rem !important;
  transition: all 0.2s ease !important;
}

#SoundcoreAccordion_root__Ac8M3 .SoundcoreAccordion_btnMobile__Ac8M3:active {
  background-color: #ffffff !important;
  color: #000000 !important;
}
 
/* ========== RESET SCOPED TO ROOT (RenderBox Rule #1 & 4.2) ========== */
#VideoTeaser_root__Vid8X,
#VideoTeaser_root__Vid8X *,
#VideoTeaser_root__Vid8X *::before,
#VideoTeaser_root__Vid8X *::after {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#VideoTeaser_root__Vid8X {
  --black-bg: #000000;
  
  background-color: var(--black-bg) !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
  direction: rtl !important;
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  overflow: hidden !important;
}

/* ========== STRUCTURE ========== */
#VideoTeaser_root__Vid8X .VideoTeaser_container__Vid8X {
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  background: var(--black-bg) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_videoWrapper__Vid8X {
  position: relative !important;
  width: 100% !important;
  height: 100vh !important; /* دسکتاپ تمام صفحه */
  overflow: hidden !important;
  display: flex !important;
  z-index: 1 !important;
  background: #000000 !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_video__Vid8X {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  background: #000000 !important;
}

/* ========== MUTE TOGGLE BUTTON ========== */
#VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X {
  position: absolute !important;
  bottom: 2rem !important;
  right: 2rem !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer !important;
  z-index: 20 !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition: background 0.3s ease, transform 0.2s ease, border-color 0.3s ease !important;
  color: #ffffff !important;
  padding: 0 !important;
  outline: none !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X:hover {
  background: rgba(176, 138, 73, 0.85) !important;
  border-color: rgba(176, 138, 73, 1) !important;
  transform: scale(1.08) !important;
}

/* مدیریت نمایش آیکون‌ها بدون تداخل (رفع باگ نمایش هم‌زمان) */
#VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X svg {
  width: 24px !important;
  height: 24px !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
}

/* در حالت بی‌صدا: فقط آیکون بی‌صدا نمایش داده شود */
#VideoTeaser_root__Vid8X .VideoTeaser_iconMuted__Vid8X {
  display: block !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_iconUnmuted__Vid8X {
  display: none !important;
}

/* در حالت صدادار: فقط آیکون بلندگو با صدا نمایش داده شود */
#VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X.VideoTeaser_unmuted__Vid8X .VideoTeaser_iconMuted__Vid8X {
  display: none !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X.VideoTeaser_unmuted__Vid8X .VideoTeaser_iconUnmuted__Vid8X {
  display: block !important;
}

/* ========== RENDERBOX ENTRY ANIMATIONS (CLASS-BASED Section 10.5.2) ========== */
#VideoTeaser_root__Vid8X .VideoTeaser_animate-in__Vid8X {
  opacity: 0 !important;
  transform: translateY(30px) scale(0.98) !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_animate-in__Vid8X.VideoTeaser_animated__Vid8X {
  opacity: 1 !important;
  transform: translate(0, 0) scale(1) !important;
}

#VideoTeaser_root__Vid8X .VideoTeaser_container__Vid8X {
  transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), 
              transform 1s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

/* ========== MOBILE RESPONSIVE (50VH & BUTTON SIZING Section 9) ========== */
@media (max-width: 768px) {
  #VideoTeaser_root__Vid8X {
    height: 50vh !important;
    max-height: 50vh !important;
  }

  #VideoTeaser_root__Vid8X .VideoTeaser_container__Vid8X {
    height: 50vh !important;
    max-height: 50vh !important;
  }

  #VideoTeaser_root__Vid8X .VideoTeaser_videoWrapper__Vid8X {
    height: 50vh !important;
    max-height: 50vh !important;
  }

  #VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X {
    bottom: 1.25rem !important;
    right: 1.25rem !important;
    width: 42px !important;
    height: 42px !important;
  }

  #VideoTeaser_root__Vid8X .VideoTeaser_muteButton__Vid8X svg {
    width: 20px !important;
    height: 20px !important;
  }
}
 
            body{
                position: relative;
            }
            .dno{
                display: none!important;
            }
            .public-header{
                position: relative;
                transition:5s;
            }
            .absolute-container{
                background-color: #ee273a;
                border-radius: 7px;
                position: fixed;
                top: 50%;
                left: 2%;
                transform: translateY(-50%);
                padding: 10px;
                z-index: 4900;
            }
            .social-absolute{
                position: relative;
                padding: 10px 0;
                border-bottom: 1px solid rgba(0, 0, 0, .1);
                box-sizing: content-box;
                width: 24px;
                height: 24px;
            }
            .social-absolute:last-child {
                border-bottom: none !important;
            }
            .social-absolute img{
                width: 24px;
                height: 24px;
            }
            .absolute-tooltip{
                position: relative;
                transition: all 0.5s;
                border-radius: 0 7px 7px 0;
                font-size: 14px;
                overflow: hidden;
                white-space: nowrap;
            }
            .absolute-tooltip > span{
                padding: 10px 20px;
                display: block;
            }
            .tooltip-shake{
                display: block;
                width: 100%;
                height: 100%;
            }
            .tooltip-shake:before,
            .tooltip-shake:after {
                position: absolute;
                content: "";
                opacity: 0;
                transition: all 0.4s ease;
                color: #fff;
                font-weight: bold;
            }
            .tooltip-shake:before {
                content: attr(data-tooltip);
                background: #3c5059;
                width: 0;
                padding: 0;
                font-size: 0.9rem;
                top: 50%;
                left: calc(24px + 32px);
                border-radius: 5px;
                transform: translateY(-50%);
                overflow: hidden;
                white-space: nowrap;
            }
            .tooltip-shake:after {
                border-width: 8px 10px 8px 0;
                border-style: solid;
                border-color: transparent #3c5059 transparent transparent;
                top: 50%;
                left: calc(24px + 24px);
                transform: translateY(-50%);
            }
            .tooltip-shake:hover::before,
            .tooltip-shake:hover::after {
                opacity: 1;
                overflow: hidden;
                white-space: nowrap;
                transform: translate(0, -50%);
            }
            .tooltip-shake:hover::before {
                width: max-content;
                padding: 10px 25px;
            }
            @keyframes shake {
                0% {
                    transform: rotate(2deg);
                }
                50% {
                    transform: rotate(-3deg);
                }
                70% {
                    transform: rotate(3deg);
                }
                100% {
                    transform: rotate(0deg);
                }
            }
            .social-absolute:hover {
                animation: shake 500ms ease-in-out forwards;
            }
            
                .public-header{
                    width: 100%;
                    background: #fff;
                    background-size: auto;
                    background-repeat: no-repeat;
                    z-index: 201;
                }
            
            .adv-banner-container{
                width: 100%;
                height: 53px;
            }
            .adv-banner-container .adv-item{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .top-bar-container{
                width: 100%;
                min-height: 40px;
                height: 40px;
                background: #222 ;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .top-bar{
                width: 1300px;
                height: 100%;
                margin: auto;
                padding: 0 8px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }
            .top-item{
                height: 100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .info-container{
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .info-container img{
                width: 16px;
                height: 16px;
            }
            .info-container > span{
                display: inline-flex;
            }
            .top-info,
            .top-social{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-social{
                padding: 5px 0;
            }
            .top-social li a img{
                width: 32px;
                height: 32px;
            }
            .top-social li a span{
                font-size: 0px;
                font-weight: 200;
                color: #777;
            }
            .top-list{
                width: max-content;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                margin: 0  0px;
            }
            .top-list:hover{
                color: ;
            }
            
                .top-list:first-child{
                    margin-right : 0;
                }
                .top-list:last-child{
                    margin-left : 0;
                }
            
            .arrow-menu-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .top-list a span,
            .top-list span{
                color: #777;
                font-weight: bold;
                font-size: 14px;
            }
            .top-list a img,
            .top-list span img{
                margin: 0 5px;
                width: 24px;
                height: 24px;
                object-fit: contain;
            }
            .top-list:first-child a img,
            .top-list:first-child span img{
                margin-right: 0;
            }
            .top-navbar{
                height: 100%;
                background: transparent;
            }
            .top-nav-list{
                position: relative;
                height: 100%;
                padding: 0 20px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-nav-list a span,
            .top-nav-list span{
                color: #000;
                font-size: 0px;
                font-weight: 200;search
            }
            .top-nav-list:hover{
                background-color: #fff;
            }
            .top-nav-list .arrow-menu-container svg{
                fill: #000;
            }
            .top-nav-list:hover a span,
            .top-nav-list:hover span,
            .top-nav-list:hover .arrow-menu-container svg{
                color: #fff;
                fill: #fff;
            }
            .top-nav-list .icon-title-part{
                padding-left: 5px;
            }
            .top-sub-nav > .top-sub-list a span,
            .top-sub-nav > .top-sub-list span{
                color: #000;
            }
            .top-sub-nav > .top-sub-list:hover a span,
            .top-sub-nav > .top-sub-list:hover span{
                color: #fff;
            }
            
            .top-sub-nav{
                flex-direction: column;
                justify-content: center;
                align-content: flex-start;
                position: absolute;
                z-index: 4999;
                min-width: 150px;
                width: max-content;
                background: #2c3e50;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translateY(-10px) scaleY(0.5);
                transform-origin: top;  
                border-radius: 0;
            }
            .top-nav-list:hover > .top-sub-nav{
                display: flex;
                top: 100%;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            
        
                .top-nav-list:hover > .top-sub-nav{
                    right: 0;
                }
                .top-sub-list{
                    border-left: 5px solid  #f00;
                }
            
            .top-sub-list{
                width: 100%;
                padding: 8px 20px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-sub-list:hover{
                background: #fff;
            }
            .header-container{
                display: grid;
                width: 1300px;
                margin: auto;
                height: auto;
                grid-template-rows: 1fr 1fr;  
                grid-template-columns: 1fr 3fr 1fr;
                grid-template-areas: 
                    "top-1 top-2 top-3"
                    "bottom-1 bottom-2 bottom-3"; 
                padding-top: 8px;
                padding-bottom: 8px;
                padding-left: 8px;
                padding-right: 8px;
            }
            .top-section-1{
                grid-area: top-1;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-section-2{
                grid-area: top-2;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-section-3{
                grid-area: top-3;
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                align-items: center;
            }
            .logo-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                padding: 0px  0px;
            }
            .logo-container img{
                display: block;
                width: 160px;
                height: 100px;
                max-width: 160px;
                max-height: 100px;
                object-fit: contain;
            }
            .nav-container{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                box-sizing: border-box;
                margin: 0 10px;
            }
            .nav-container > .navbar{
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                background: ;
                box-sizing: border-box;
                border: px  solid  ;
                border-radius: 3px;
                padding: 0 !important;
            }
            
                .nav-container > .navbar{
                    margin-left: calc(0px + 10px);
                }
            
            .max-height{
                height: 700px;
                overflow-x:hidden;
                overflow-y: auto;
                display:flex!important;
                flex-direction: column!important;
                justify-content: flex-start!important;
            }
            .nav-container .navbar .nav-list{
                padding: 10px 18px;
                min-height: 45px;
                position: relative;
                list-style: none;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-content: center;
                box-sizing: border-box;
            }
            .nav-container .navbar .nav-list.active{
                background-color: ;
            }
            .nav-container .navbar .nav-list.active a,
            .nav-container .navbar .nav-list.active span{
                color: ;
            }
            
            .nav-container .navbar .nav-list .icon-title-part{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .nav-container .navbar .nav-list .icon-title-part img{
                width: 24px;
                height: 24px;
                margin: 0 5px;
            }
            .nav-container .navbar .nav-list .overflow-menu{
                justify-content: center !important;
            }
            .nav-container .navbar .nav-list:hover{
                background-color: ;
                box-sizing: border-box;
            }
            .nav-container .navbar .nav-list:hover a,
            .nav-container .navbar .nav-list:hover span{
                color:  ;
            }
            .nav-container .navbar .nav-list img{
                width: 32px;
                height: 32px;
            }
            .nav-container .navbar .nav-list a,
            .nav-container .navbar .nav-list span{
                text-decoration: none;
                font-size: 15px;
                color: #000;
            }
            .nav-container .navbar .nav-list.base-level:hover > .navbar.navbar-sub,
            .nav-container .navbar .nav-list:hover > .overflow-menu > .navbar.navbar-sub{
                display: flex;
                top: 45px;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            .nav-container .navbar .nav-list:hover > .navbar.navbar-sub{
                display: flex;
                right: calc(100%  +  5px);
                top: 0;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            
                    .nav-container .navbar.navbar-sub{
                        position: absolute;
                        z-index: 4999;
                        background: #0B1221 ;
                        clip: rect(1px, 1px, 1px, 1px);
                        opacity: 0.1;
                        transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                                    opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                        transform: translateY(-10px) scaleY(0.5);
                        transform-origin: top;  
                        border-radius: 0;
                    }
                    .nav-container .navbar.navbar-sub{
                        flex-direction: column;
                        justify-content: center;
                        align-content: flex-start;
                        min-width: 150px;
                        width: max-content;
                    }
                    .nav-container .navbar .nav-list.base-level:hover > .navbar.navbar-sub,
                    .nav-container .navbar .nav-list:hover > .overflow-menu > .navbar.navbar-sub{
                        right: 0;
                    }
                    .nav-container .navbar .nav-list:hover > .navbar.navbar-sub{
                        right: calc(100%  +  5px);
                    }
                    .nav-container .navbar.navbar-sub .nav-list{
                        width:200px;
                        border-left: 5px solid #0B1221;
                    }
                
            .arrow-icon-menu{
                width: 8px;
                height: 8px;
            }
            .arrow-icon-menu.arrow-bottom{
                transform: rotate(90deg);
            }
            
                .arrow-menu-container{
                    margin-right: 5px;
                }
                .arrow-icon-menu.arrow-right,
                .overflow-list .arrow-icon-menu.arrow-bottom{
                    transform: rotate(180deg);
                }
                .nav-container .navbar .nav-list:first-child:hover{
                    border-radius: 0 3px 3px 0;
                }
                .nav-container .navbar .nav-list:last-child:hover{
                    border-radius: 3px 0 0 3px;
                }
            
            .nav-container .navbar .nav-list.base-level svg,
            .nav-container .navbar .nav-list .overflow-menu svg{
                fill: #000;
            }
            .nav-container .navbar .nav-list.base-level:hover svg{
                fill: ;
            }
            .sub-menu-container{
                position: absolute;
                min-width: 150px;
                background-color: #0B1221 ;
                color: #fff;
                top: 32px;
                right: 0;
                z-index: 4999;
               /* display: none;*/
            } 
            /*.sub-navbar{
                width: 100%;
                height: 100%;
            }*/
            .nav-container .navbar.navbar-sub .nav-list img{
                width: 16px;
                height: 16px;
            }
            .nav-container .navbar.navbar-sub .nav-list a,
            .nav-container .navbar.navbar-sub .nav-list span{
                color: #fff;
                font-size: 12px;
            }
            .nav-list.with-sub-menu:hover .sub-menu-container{
                display: block;
            }
            .nav-container .navbar.navbar-sub .nav-list .arrow-menu-container svg{
                fill: #fff;
            }
            .active{
                background-color: ;
            }
            .active a{
                color: ;
            }     
            .icon-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-content: center;
            }
            .icon-container .icon-item{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-content: center;
                box-sizing: border-box;
                min-height: 45px;
                margin: 0 5px;
            }
            
                .icon-container .icon-item:first-child{
                    margin-right: 0 !important;
                }
                .icon-container .icon-item:last-child{
                    margin-left: 0 !important;
                }
                
            
            .icon-container .icon-item a{
                border: 0px  solid  ;
            }
            .icon-container .icon-item.basket-icon{
                position: relative;
                color: #000;
                min-width: 45px;
                min-height: 45px;
                outline: none;
                border-radius: 3px;
                background: ;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                text-decoration: none;
                margin: 0 10px;
            }
            .icon-container .icon-item .icon-shortcut{
                color: #000;
                min-width: 45px;
                min-height: 45px;
                margin: 0;
                outline: none;
                border-radius: 3px;
                background: ;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                transition: .4s;
                cursor: pointer;
                text-decoration: none;
            }
            
            .basket-shop{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                width: 45px;
                height: 45px;
                border-radius: 3px;
            }
            .icon-container .icon-item .icon-shortcut:hover svg,
            .icon-container .icon-item .icon-shortcut:hover .add-item-to-cart.open span
            {
                fill: ;
                color: ;
            }
            
                .icon-container .icon-item.basket-icon .add-item-to-cart{
                    color: #000;
                    border-radius: 3px;
                    background: ;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    transition: .4s;
                    cursor: pointer;
                    box-sizing: content-box;
                    border: 0px  solid  ;
                }
                
                    .icon-container .icon-item.basket-icon .add-item-to-cart{
                        border-left: none !important;
                    }
                    .border-basket{
                        border-right: none !important;
                    }
                
                    .icon-container .icon-item:hover > span,
                    .icon-container .icon-item.login-icon:hover span{
                        color: ;
                    }
                    .icon-container .icon-item.basket-icon .icon-shortcut:hover,
                    .icon-container .icon-item.login-icon .icon-shortcut:hover,
                    
                    .icon-container .icon-item.basket-icon .icon-shortcut:hover .add-item-to-cart{
                       background: ;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open{
                        width: 45px;
                        border-radius: 0 3px 3px 0;
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                    }
                    .icon-container .icon-item.basket-icon:hover .add-item-to-cart.open{
                        background: ;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open:hover span{
                        color: ;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open + .icon-shortcut{
                        border-radius: 3px 0 0 3px;
                    }
                    .icon-container .icon-item.lang-icon .icon-shortcut:hover{
                        background: ;
                    }
                    .icon-container .icon-item.search-icon .icon-shortcut .search-container .search-btn:hover{
                        background: ;
                    }
                 
            .icon-container .icon-item svg{
                width: 25px;
                height: 25px;
            
                fill: #000;
            
            }
            .icon-container .icon-item.login-icon{
                position: relative;
            }
            /*.icon-container .icon-item.login-icon .icon-shortcut{
                width: 100%;
                height: 100%;
            }*/
            .icon-container .icon-item.login-icon .icon-login{
                width: 25px;
                height: 25px;
            }
            #div_profile_picture, 
            #div_profile_picture_metro {
                display: block;
                width: 0 !important;
                height: 0 !important;
                line-height: unset !important;
            }
            #div_profile_picture .rShowLogin{
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 0;
                z-index: -1000;
            }
            #div_profile_picture .login-container{
                display: none !important;
            }
            #div_profile_picture #profile_picture,
            #div_profile_picture #profile_exit{
                display: none !important;
            }
        
                .icon-container .icon-item.login-icon{
                    color: #000;
                    /*width: 90px !important;*/
                    min-height: 45px;
                    outline: none;
                    border-radius: 3px;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                    text-decoration: none;
                    box-sizing: content-box;
                    border: 0px  solid  ;
                }
                .icon-container .icon-item.login-icon .status-user,
                .icon-container .icon-item.login-icon .icon-login{
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    margin: 0 5px;
                    font-size:14px;
                }
            
            .public-header .bottom-section-1{
                grid-area: bottom-1;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .public-header .bottom-section-2{
                grid-area: bottom-2;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .public-header .bottom-section-3{
                grid-area: bottom-3;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            
                .icon-container .icon-item{
                    width: unset;
                    height: unset;
                }
                .search-icon{
                    position: relative;
                }
                .search-container {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-end;
                    align-items: center;
                    height: 100%;
                    position: relative;
                    border-radius: 3px;
                    min-width: 45px;
                }
                .search-container > .search-btn svg,
                .search-container > .close-search-btn svg{
                    fill: #000;
                }
                .search-container > .search-btn:hover svg,
                .search-container > .close-search-btn:hover svg{
                    fill: ;
                }
                .search-btn {
                    color: #fff;
                    width: 45px;
                    height: 45px;
                    margin: 0;
                    outline: none;
                    border-radius: 3px;
                    background: ;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    transition: .8s;
                    cursor: pointer;
                    text-decoration: none;
                    border: 0px  solid  transparent;
                }
                
                .icon-container .icon-item img{
                    width: 25px;
                    height: 25px;
                    object-fit:contain;
                }
                
                    .search-container.open-search-box .search-btn{
                        border-radius: 3px 0 0 3px !important;
                    }
                    .search-container.open-search-box .close-search-btn{
                        border-radius: 0 3px 3px 0 !important;
                    }
                 
                .search-btn,
                .search-command,
                .close-search-btn{
                    box-sizing: content-box;
                }
                .search-btn > svg {
                    fill: #fff;
                }
                .cls-pls::placeholder{
                    color: ;
                }
                .search-input {
                    padding: 0;
                    height: 100%;
                    background: #FFF;
                    color: #fff;
                    font-size: 14px;
                    font-weight: normal;
                    transition: all 1s ease-in-out;
                    width: 0;
                    position: absolute;
                    top: 0;
                    overflow: hidden;
                    white-space: nowrap;
                    border: 0px  solid  transparent;
                }
                
                .open-search-box > .search-input{
                    padding : 10px 48px;
                }
                
                    .search-input {
                        left: calc(0px + 45px);
                        border-right: none;
                        border-left: none;
                    }
                
                        .search-container.open-search-box .search-btn{
                            border-radius: 3px 0 0 3px !important;
                        }
                        .search-container.open-search-box .close-search-btn{
                            border-radius: 0 3px 3px 0 !important;
                        }
                        .search-container.open-search-box .search-input{
                            border-radius: 0 3px 3px 0 !important;
                        }
                    
                .close-search-btn{
                    position: absolute;
                    color: #fff;
                    width: 45px;
                    height: 45px;
                    margin: 0;
                    outline: none;
                    border-radius: 3px;
                    background: #FFF;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                    box-sizing: border-box;
                    box-sizing: border-box;
                }
                .close-search-btn svg{
                    fill: #000;
                }
            
            .sticky{
                width: 100vw;
                height: max-content;
                position: fixed;
                top: 0;
                right: 0;
                left: 0;
                z-index: 999;
                padding: 2vh 8vw;
                transition: .8s;
                background-color: #ddd !important;
            }
            .public_sticky{
                width: 100%;
                height: max-content;
                position: fixed;
                top: 0;
                right: 0;
                left: 0;
                z-index: 1001;
            }
            .d-none{
                display: none !important;
            }
            .border-left-n{
                border-left: none !important;
            }
            .border-right-n{
                border-right: none !important;
            }
            .w-1200px{
                width: 1300px !important;
                margin: auto;
            }
            .lang-icon{
                position: relative;
            }
            .language-container .lang-btn{
                width: 25px;
                height: 25px;
            }
            .lang-list-container{
                width: max-content;
                height: max-content;
                padding-top: 20px;
                position: absolute;
                top: 35px;
                left: 50%;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translate(-50%, 0) scaleY(0.5);
                transform-origin: top;
                z-index: 100;
            }
            .lang-list{
                position: relative;
                width: max-content;
                height: max-content;
                padding: 10px;
                background: #0B1221 ;
                border-radius: 3px;
            }
            .lang-list::after{
                content: "";
                position: absolute;
                top: -8px;
                left: 50%;
                transform: translateX(-50%);
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #0B1221 ;
                display: block;
            }
            .lang-nav{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
            }
            .lang-nav .lang-li{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                list-style: none;
                width: max-content;
                margin: 5px 0;
                
            }
            .lang-nav .lang-li a{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .lang-nav .lang-li img{
                width: 25px;
                height: 25px;
                object-fit: cover;
                margin: 0 4px;
            }
            .lang-nav .lang-li span{
                text-transform: uppercase;
                line-height: 2.5;
                font-size: 14px;
                margin: 0 4px;
                color: #fff;
            }
            .lang-nav .lang-li a{
                color: ;
            }
            .lang-nav .lang-li span:hover{
                cursor: pointer;
                color: ;
            }
            .lang-nav .lang-li .lang-active{
                font-weight: bold;
                color: #fff;
            }
            .icon-item.lang-icon:hover .lang-list-container{
                clip: auto;
                opacity: 1;
                transform: translate(-50%, 0) scaleY(1);
            }
            /*---------------------------------------------------------------------------------*/
            .link-profile-container{
                width: max-content;
                height: max-content;
                padding-top: 20px;
                position: absolute;
                top: 35px;
                left: 50%;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translate(-50%, 0) scaleY(0.5);
                transform-origin: top;
                z-index: 100;
            }
            .link-profile-container .link-wrapper{
                position: relative;
                width: max-content;
                height: max-content;
                padding: 10px 25px;
                background: #0B1221 ;
                border-radius: 3px;
            }
            .link-profile-container .link-wrapper a{
                color: #fff;
            }
            .link-profile-container .link-wrapper a:hover{
                cursor: pointer;
                color: ;
            }
            .link-profile-container .link-wrapper::after{
                content: "";
                position: absolute;
                top: -8px;
                left: 50%;
                transform: translateX(-50%);
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #0B1221 ;
                display: block;
            }
             .icon-item.login-icon:hover .link-profile-container{
                clip: auto;
                opacity: 1;
                transform: translate(-50%, 0) scaleY(1);
            }
            
            .backTop{
                display: flex !important;
            }
            #back_to_top{
                display: none;
                position: fixed;
                transition: 600ms;
                right: 25px;
                left: unset;
                bottom: 50px;
                z-index: 100;
                border-radius: 50%;
                border: 1px  solid  #000;
                padding: 15px;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                background-color: #777 ;
            }
            #back_to_top svg{
                width: 24px;
                height: 24px;
                fill: #fff ;
            }
            #back_to_top img{
                width: 24px;
                height: 24px;
                fill: #fff ;
                object-fit:contain;
            }
            .search-btn img{
                width: 25px;
                height: 25px;
                object-fit: contain;
            }
            .basket-shop img{
                width: 25px;
                height: 25px;
                object-fit: contain;
            }
            .lang-btn img{
                width: 25px;
                height: 25px;
                object-fit: contain;
            }
            .icon-login img{
                width: 25px;
                height: 25px;
                object-fit: contain;
            }
        
                    .header-container{
                        grid-template-rows: 1fr;  
                        grid-template-columns: 160px minmax(auto, 100%) 1fr;
                        grid-template-areas: 
                            "top-1 top-2 top-3"; 
                    }
                    .top-section-1{
                        justify-content: flex-start;
                    }
                    .top-section-2{
                        justify-content: flex-start;
                    }
                    .logo-container{
                        justify-content: flex-start;
                    }
                    .nav-container{
                        justify-content: flex-start;
                    }
                    .nav-container .navbar{
                        justify-content: flex-start;
                    }
                    .width-full{
                        width: 100% !important;
                    }
                
/* ==========================================================================
   RenderBox CMS Module CSS: BitaPlus Minimal Footer
   Scope: #BitaplusFooter_root__b9F2k
   Colors: Background #0B1221, Accent #b08a49
   ========================================================================== */

/* 1. Reset within Root Scope */
#BitaplusFooter_root__b9F2k,
#BitaplusFooter_root__b9F2k *,
#BitaplusFooter_root__b9F2k *::before,
#BitaplusFooter_root__b9F2k *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 2. Root Container */
#BitaplusFooter_root__b9F2k {
    position: relative !important;
    width: 100% !important;
    background: #0B1221 !important;
    background-color: #0B1221 !important;
    color: #cbd5e1 !important;
    font-family: "Vazirmatn", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
    border-top: 1px solid rgba(176, 138, 73, 0.2) !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    overflow: hidden !important;
}

/* 3. Top Accent Line */
#BitaplusFooter_root__b9F2k .BitaplusFooter_accentLine__b9F2k {
    height: 2px !important;
    width: 100% !important;
    background: linear-gradient(90deg, transparent 0%, #b08a49 50%, transparent 100%) !important;
    opacity: 0.85 !important;
}

/* 4. Content Wrapper */
#BitaplusFooter_root__b9F2k .BitaplusFooter_content__b9F2k {
    position: relative !important;
    z-index: 10 !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 3rem 1.5rem 3.5rem 1.5rem !important;
}

@media (min-width: 1024px) {
    #BitaplusFooter_root__b9F2k .BitaplusFooter_content__b9F2k {
        padding: 4rem 2rem 4.5rem 2rem !important;
    }
}

/* 5. Responsive Grid (Mobile First) */
#BitaplusFooter_root__b9F2k .BitaplusFooter_grid__b9F2k {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
}

@media (min-width: 640px) {
    #BitaplusFooter_root__b9F2k .BitaplusFooter_grid__b9F2k {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 2rem !important;
    }
}

@media (min-width: 1024px) {
    #BitaplusFooter_root__b9F2k .BitaplusFooter_grid__b9F2k {
        grid-template-columns: 1.4fr 1fr 0.9fr 1.1fr !important;
        gap: 2.5rem !important;
    }
}

/* 6. Base Card Transitions for Entry Animations */
#BitaplusFooter_root__b9F2k .BitaplusFooter_card__b9F2k {
    transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1),
                transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

/* Animation State Classes */
#BitaplusFooter_root__b9F2k .BitaplusFooter_animateIn__b9F2k {
    opacity: 0 !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_slideUp__b9F2k {
    transform: translateY(30px) !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_animateIn__b9F2k.BitaplusFooter_animated__b9F2k {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}

/* 7. Column 1: Brand & Logo */
#BitaplusFooter_root__b9F2k .BitaplusFooter_colBrand__b9F2k {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_logoWrap__b9F2k {
    display: flex !important;
    align-items: center !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_logoImg__b9F2k {
    height: 44px !important;
    width: auto !important;
    max-width: 170px !important;
    object-fit: contain !important;
    filter: brightness(1.1) !important;
    display: block !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_logoFallback__b9F2k {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}


#BitaplusFooter_root__b9F2k .BitaplusFooter_logoText__b9F2k {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: -0.02em !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_brandDesc__b9F2k {
    font-size: 0.8125rem !important;
    line-height: 1.75 !important;
    color: #94a3b8 !important;
    text-align: justify !important;
    max-width: 380px !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_socialRow__b9F2k {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    margin-top: 0.25rem !important;
    flex-wrap: wrap !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_socialBtn__b9F2k {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    background: #070c17 !important;
    border: 1px solid #1e293b !important;
    color: #94a3b8 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    flex-shrink: 0 !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_socialBtn__b9F2k:hover {
    color: #ffffff !important;
    border-color: #b08a49 !important;
    background: rgba(176, 138, 73, 0.15) !important;
    transform: translateY(-2px) !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_icon__b9F2k {
    width: 16px !important;
    height: 16px !important;
}

/* Enamad Button (Mobile-First: 16vw x 17.5vw) */
#BitaplusFooter_root__b9F2k .BitaplusFooter_enamadBtn__b9F2k {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    width: 16vw !important;
    height: 17.5vw !important;
    min-width: 60px !important;
    min-height: 65px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid #1e293b !important;
    padding: 6px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

/* Enamad Button (Desktop / Windows: 6vw x 7vw) */
@media (min-width: 768px) {
    #BitaplusFooter_root__b9F2k .BitaplusFooter_enamadBtn__b9F2k {
        cursor: pointer !important;
        width: 6vw !important;
        height: 7vw !important;
        min-width: 75px !important;
        min-height: 85px !important;
        border-radius: 14px !important;
        padding: 8px !important;
    }
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_enamadBtn__b9F2k:hover {
    border-color: #b08a49 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 14px rgba(176, 138, 73, 0.45) !important;
    transform: translateY(-3px) !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_enamadBtn__b9F2k a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
    text-decoration: none !important;
    line-height: 0 !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_enamadBtn__b9F2k img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    cursor: pointer !important;
    display: block !important;
    margin: 0 auto !important;
}

/* 8. Column Titles */
#BitaplusFooter_root__b9F2k .BitaplusFooter_colTitle__b9F2k {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-bottom: 1.125rem !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_titleDot__b9F2k {
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #b08a49 !important;
}

/* 9. Column 2: Links */
#BitaplusFooter_root__b9F2k .BitaplusFooter_linkList__b9F2k {
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.625rem !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_linkItem__b9F2k {
    display: block !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_linkAnchor__b9F2k {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    font-size: 0.8125rem !important;
    color: #94a3b8 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    padding: 0.2rem 0 !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_linkIcon__b9F2k {
    width: 14px !important;
    height: 14px !important;
    color: #b08a49 !important;
    flex-shrink: 0 !important;
    transition: transform 0.2s ease !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_linkAnchor__b9F2k:hover {
    color: #b08a49 !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_linkAnchor__b9F2k:hover .BitaplusFooter_linkIcon__b9F2k {
    transform: translateX(-4px) !important;
}

/* 10. Column 3: Store Address */
#BitaplusFooter_root__b9F2k .BitaplusFooter_addressWrap__b9F2k {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.625rem !important;
    font-size: 0.8125rem !important;
    line-height: 1.8 !important;
    color: #94a3b8 !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_addressIcon__b9F2k {
    width: 18px !important;
    height: 18px !important;
    color: #b08a49 !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_addressText__b9F2k {
    font-style: normal !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.2rem !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_shopName__b9F2k {
    color: #ffffff !important;
    font-weight: 600 !important;
    margin-top: 0.25rem !important;
}

/* 11. Column 4: Phone Numbers */
#BitaplusFooter_root__b9F2k .BitaplusFooter_phoneList__b9F2k {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.625rem !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_phoneCard__b9F2k {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.625rem 0.875rem !important;
    background: #070c17 !important;
    border: 1px solid #1e293b !important;
    border-radius: 8px !important;
    transition: border-color 0.2s ease, transform 0.2s ease !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_phoneCard__b9F2k:hover {
    border-color: rgba(176, 138, 73, 0.45) !important;
    transform: translateY(-1px) !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_phoneLabel__b9F2k {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    font-size: 0.75rem !important;
    color: #94a3b8 !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_phoneIcon__b9F2k {
    width: 14px !important;
    height: 14px !important;
    color: #b08a49 !important;
    flex-shrink: 0 !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_phoneLink__b9F2k {
    font-family: monospace, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    direction: ltr !important;
    text-decoration: none !important;
    letter-spacing: 0.05em !important;
    transition: color 0.2s ease !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_phoneLink__b9F2k:hover {
    color: #b08a49 !important;
}

/* 12. Bottom Bar */
#BitaplusFooter_root__b9F2k .BitaplusFooter_bottomBar__b9F2k {
    border-top: 1px solid #141c2e !important;
    background: #060a13 !important;
    padding: 1.125rem 1.5rem !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_bottomWrap__b9F2k {
    max-width: 1280px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
}

@media (min-width: 640px) {
    #BitaplusFooter_root__b9F2k .BitaplusFooter_bottomWrap__b9F2k {
        flex-direction: row !important;
    }
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_copyright__b9F2k {
    font-size: 0.75rem !important;
    color: #64748b !important;
    text-align: center !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_copyright__b9F2k strong {
    color: #cbd5e1 !important;
    font-weight: 500 !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_bottomLinks__b9F2k {
    display: flex !important;
    align-items: center !important;
    gap: 0.875rem !important;
    font-size: 0.75rem !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_bottomLink__b9F2k {
    color: #94a3b8 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_bottomLink__b9F2k:hover {
    color: #b08a49 !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_bottomSep__b9F2k {
    color: #334155 !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_topBtn__b9F2k {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    font-size: 0.75rem !important;
    font-family: inherit !important;
    cursor: pointer !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_topBtn__b9F2k:hover {
    color: #b08a49 !important;
    background: rgba(176, 138, 73, 0.1) !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_topIcon__b9F2k {
    width: 14px !important;
    height: 14px !important;
    transition: transform 0.2s ease !important;
}

#BitaplusFooter_root__b9F2k .BitaplusFooter_topBtn__b9F2k:hover .BitaplusFooter_topIcon__b9F2k {
    transform: translateY(-2px) !important;
}
 
            #body_popup_1,#body_popup_2{
                position:fixed;
                display:flex;
                text-align:center;
                top:0;
                bottom:0;
                right:0;
                left:0;
                z-index:99999;
                visibility:hidden;
                opacity: 0;
                background:rgba(0,0,0,0.5);
            }
            #body_popup_1.open-popup,#body_popup_2.open-popup{
                visibility:visible;
                opacity: 1;
            }
            #body_popup_1 > div,#body_popup_2 > div{
                display:block;
                background:#fff;
                padding:10px;
                margin:auto;
                transform:translateY(-150px);
                -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;
                text-align:center;
                border-radius:10px;
                position:relative;
                z-index:999999;
            }
            #body_popup_1.open-popup > div,#body_popup_1.open-popup > div{
                transform:translateY(0);
            }
            #body_popup_1 .icon-close-popup{
                position:absolute;
                font-size:30px;
                height:30px;
                width:30px;
                border-radius:50%;
                color:red;
                top:-10px;
                right:-10px;
                background-color:transparent;
                z-index:9999;
            }
            #body_popup_1 .icon-close-popup i{
                position:absolute;
                top:0;
                right:0;
            }
            #body_popup_1 .container-html{
                height:100%;
                overflow:auto;
                max-height:90vh;
            }
            #body_popup_1 .container-html::-webkit-scrollbar{
                width:5px;
                height:100%;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-track{
                background-color:transparent;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-thumb{
                background-color:#777;
                border-radius:20%;
            }
            #body_popup_1 .icon-close-popup{
                color:#fff;
                top:0;
                right:0;
            }
            #module_waiting_box{
                position:fixed;
                background:rgba(256,256,256,0.8);
                width:100%;
                height:100%;
                -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
                top:0;
                right:0;
                opacity:0;
                z-index:9999999999999;
                visibility:hidden;
            }
            #module_waiting_box.show-waiting{
                visibility:visible;
                opacity:1;
            }
            #module_waiting_box .spinner {
              margin: 100px auto 0;
              width: 70px;
              text-align: center;
            }
            
            #module_waiting_box .spinner > div {
              width: 18px;
              height: 18px;
              background-color: #333;
              border-radius: 100%;
              display: inline-block;
              -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
              animation: sk-bouncedelay 1.4s infinite ease-in-out both;
            }
            
            #module_waiting_box .spinner .bounce1 {
              -webkit-animation-delay: -0.35s;
              animation-delay: -0.35s;
            }
            
            #module_waiting_box .spinner .bounce2 {
              -webkit-animation-delay: -0.16s;
              animation-delay: -0.16s;
            }
            
            @-webkit-keyframes sk-bouncedelay {
              0%, 95%, 100% { -webkit-transform: scale(0) }
              50% { -webkit-transform: scale(1.0) }
            }
            
            @keyframes sk-bouncedelay {
              0%, 95%, 100% { 
                -webkit-transform: scale(0);
                transform: scale(0);
              } 50% { 
                -webkit-transform: scale(1.0);
                transform: scale(1.0);
              }
            }
        body{direction: rtl;text-align: right;}