select {
  padding: 4px;
}
select option {
  padding: 4px; /* Add padding around each option */
}
header .search-bar .form-select {
  padding-left: 4px;
  padding-right: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hamburger-button .hamburger-icon {
  background-color: var(--color-primary)
}
.hamburger-button .hamburger-icon span {
  background-color: #fff
}
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

details[open] > summary > .icon-carret-right {
  transform: rotate(90deg);
}
.h-inherit {
  height: inherit !important;
}
.break-word{
      word-break: break-word;
}
.addtocart-btn {
  background-color: var(--color-addtocart-bg);
  color: var(--color-addtocart);
  line-height: 1;
}
.card-product .addtocart-btn {
    background: transparent;
    color: var(--color-addtocart-bg);
    position: relative;
    border-radius: var(--rounded-full);
    transition: all 0.3s ease;
  }
  .card-product:hover .addtocart-btn {
    color: #fff;
    background: var(--color-addtocart-bg);
  }
  .card-product:hover .addtocart-btn::before {
    background: transparent;
  }
  .card-product .addtocart-btn.loading i{
    display: none;
  }
.header.active {
  box-shadow: 0px 2rem 4rem 0px rgba(51, 51, 51, 0.1);
  min-height: auto;
  height: 6.4rem;
  position: sticky;
  position: -webkit-sticky;
  -webkit-animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@media (min-width: 1271px) {
  .header .logo-wrapper {
    /* transition: all 0.3s 0.1s ease;
    transform: translateX(-4.4rem); */
  }
  .header .menu-opener {
    transform: scale(0);
    transition: transform 0.3s ease-out;
    display: block;
  }
  .header.active .logo-wrapper {
    transform: translateX(0);
  }
  .header.active .menu-opener {
    transform: scale(1);
  }
}
@media (max-width: 767px) {
  .header {
    padding: var(--spacing-2) 0;
  }
	
}
@media(max-width: 374px){
	.header .logo-wrapper {
		width: 77px
	}
}

.btn:disabled {
  opacity: 0.5;
}
.section-flashsale:after {
  z-index: -1;
}

.overflow-item {
  display: none;
}
@media (max-width: 767px) {
  .section-flashsale .swiper-button-next,
  .section-flashsale .swiper-button-prev {
    display: none;
  }
}

.aside-item {
  background: var(--color-background);
}

.filter-container {
  gap: 1px;
}

@media (max-width: 1269px) {
  .collection-filter {
    position: fixed;
    top: 0 !important;
    right: 0;
    width: 100%;
    z-index: 9999;
    max-height: 100vh;
    overflow: auto;
    border-radius: 0px;
  }
}

.is-empty .cart-form {
  display: none;
}

/** header **/
.navigation-vertical ul + ul {
  border-top: 2px solid var(--color-neutral-50);
  margin-top: 2rem;
  padding-top: 2rem;
}

.navigation-horizontal .submenu__item--main a{
	padding: var(--spacing-2) var(--spacing-4)
}
.navigation-horizontal .mega-menu .submenu__list{
  row-gap: var(--spacing-5);
}
.navigation-horizontal .submenu__col ul{
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

@media (max-width: 1023px) {
  .submenu {
    right: 0;
  }
  .navigation-vertical .menu-item.group > a {
    padding-right: 4.4rem;
    position: relative;
  }
  .navigation-vertical .menu-item.group > a > [data-toggle-submenu] {
    position: absolute;
    right: 0;
    width: 4.4rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .menu-active .submenu {
    display: block;
  }
}

.navigation-horizontal .submenu {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s 0.1s ease-out;
  display: block;
}
.navigation-horizontal .menu-item .submenu{
	  top: 100% !important;

}
.navigation-horizontal .menu-item:hover .submenu {
  opacity: 1;
  visibility: visible;
}
.navigation-horizontal-wrapper.overflow + .navigation-arrows {
  display: flex;
}

.portal--modal .portal-inner {
  max-height: 690px;
  height: auto;
  max-width: 100.24rem;
  width: 100%;
  border-radius: var(--rounded);
}
.portal--modal.portal--modal-sm .portal-inner {
  height: auto;
  max-width: 50rem;
}

.loading-icon {
  height: 2rem;
}

.loading > span:not(.loading-icon) {
  display: none;
}

.map iframe {
  width: 100%;
}

/** compare qv **/

#quick-view-compare .portal-inner {
  width: calc(100% - var(--container-padding) * 2);
  max-width: calc(1440px - var(--container-padding) * 2);
  height: auto;
  bottom: var(--container-padding) !important;
  top: auto !important;
  overflow: initial;
  box-shadow: var(--shadow-l);
  position: absolute;
}

#PortalClose-quick-view {
  top: -5rem;
}
.compare-product__qv-show {
  grid-column: 4;
}
@media (max-width: 767px) {
  .compare-product__qv-show {
    grid-column: 1 / -1;
  }
}

.color-spot {
  width: 30px;
  height: 30px;
  display: block;
  border-radius: var(--rounded-full);
  overflow: hidden;
  border: #fff;
  display: block;
}
.color-swatch {
  width: 38px;
  height: 38px;
  padding: 0;
  box-shadow: 0 0 0 1px var(--color-neutral-50),inset 0 0 0 2px var(--color-background);
  overflow: hidden;

}


.quick-search .search-loading,
.quick-search.loading .search-history-list,
.quick-search.loading .search-keywords,
.quick-search.loading .search-result,
.quick-search.loaded .search-keywords,
.quick-search.loaded .search-history-list {
  display: none;
}
.quick-search.loaded .search-result {
  display: block;
}
.search-loading .loading-icon,
.quick-search.loading .search-loading {
  display: flex;
  color: var(--color-neutral-100);
}
.loading > .loading-icon {
  display: flex;
}
.search-bar form {
  padding-right: 0;
}
.search-dropdown {
  max-height: 100%;
  width: 100%;
  word-break: break-word;
  overflow: auto;
}

header .search-bar:has(input:focus) .search-dropdown,
header .search-dropdown:hover {
  display: block;
  max-height: 24rem;
  height: fit-content;
}
.search-input-group {
  padding-right: calc(var(--search-button-size) + 3.6rem);
}
.search-bar .search-button {
      right: 0;
    height: calc(100% + var(--spacing-3)* 2 + 2px);
    top: calc(-1 * var(--spacing-3) - 1px);
}
#search-drawer .search-bar .search-button {
  right: 0;
  height: 100%;
  top: 0;
}
#search-drawer .search-input-group {
  padding-right: calc(var(--search-button-size) + 3.6rem);
  height: 4.4rem;
  border-radius: var(--rounded-full);
  border: 1px solid var(--color-neutral-50);
  display: flex;
  align-items: center;
  padding-left: var(--spacing-2-5);
}
#search-drawer form {
  flex-direction: column;
  border: none;
  border-radius: 0px;
  padding: 0;
  gap: var(--spacing-3);
}
#search-drawer [name="q"] {
  display: block;
  width: 100%;
  background-color: var(--color-background);
  font-size: var(--font-size-body);
  line-height: 1;
}
#search-drawer .search-dropdown {
  position: relative;
}
#search-drawer .form-select {
  border: 1px solid var(--color-neutral-50);
  --rounded-input: var(--rounded-full);
}
.ega-badge-ctd__item span {
  display: none;
}

.ega-badge-ctd__item > div {
  font-size: 16px;
}

.flashsale__countdown-timer {
  display: inline-flex;
  margin: auto;
  padding: 6px 24px;
  background: var(--color-flashsale-timer-bg);
  color: var(--color-flashsale-timer);
  border-radius: 33px;
  border: 5px solid var(--color-background-body);
} 
.ega-badge-ctd__item {
  color: var(--color-flashsale-timer-bg);
  background: #fff;
  width: auto;
}
.stock-percent {
  background: linear-gradient(45deg, transparent, var(--color-flashsale-process));
  height: 100%;
  border-radius: 20px;
}
.stock-countdown-inner{
  position: relative;
  font-size: 14px
}
.stock-countdown-inner img{
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
}
.stock-progressbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.stock-label.mb-1 {
  position: relative;
  z-index: 1;
  text-align: center;
}
.flashsale-tab {
  cursor: pointer;
  border-bottom: 4px solid  transparent

}
.flashsale-tab.ended {
  cursor: not-allowed;
  display: none;
}
.flashsale-tab .status {
  display: inline-block;
  padding: 4px 8px;
  border-radius: var(--rounded-full);
}

.stock-countdown-inner:before {
  content: '';
  width: 28px;
  height: 25px;
  background: url(data:image/png;base64,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);
  position: absolute;
  background-size: contain;
  top: calc(50% - 1px);
  left: -2px;
  z-index: 3;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.product-flashsale-item .flashsale__countdown-timer{
  padding: 0;
  border-radius: 0;
  border: none;
  background:none;
}
.product-flashsale-item .ega-badge-ctd__item{
    color: var(--color-flashsale-timer);
    background: var(--color-flashsale-timer-bg);
}
.flashsale-tab.ongoing .status {
  background: var(--color-flashsale-tab-bg);
  color: var(--color-flashsale-tab);
}

.product-flashsale-item {
  color: var(--color-flashsale);
  background: var(--color-flashsale-bg);
}

.flashsale-tab.active {
  background: var(--color-flashsale-tab-bg);
  color: var(--color-flashsale-tab);
  border-radius: 0px;
  border-bottom: 4px solid  var(--color-flashsale-tab);
}
.flashsale-nav {
  border-radius: 12px;
}

.flashsale-background {
  --side-width: 120px;
  width: calc(1440px - var(--spacing-3) - 2 * var(--side-width));
}
.flashsale-heading:hover{
	color: var(--color-flashsale-title-hover)
}
@media (max-width: 976px) {
  .flashsale-background {
    --side-width: 120px;
    width: 100%;
  }
  .flashsale-nav {
    border-radius: 0;
    padding: 12px 12px;
    /* margin: 0 -12px; */
  }
}

@media (max-width: 767px) {
  .flashsale-nav {
    border-radius: 0;
    /* padding: 0;
    margin: 0 -12px; */
  }
  .flashsale-tab.active {
    /* border-radius: 0; */
  }
  .flashsale-nav > ul {
    grid-template-columns: repeat(3, auto);
    white-space: nowrap;
    gap: var(--spacing-1);
  }
  .flashsale-tab {
    padding-left: var(--spacing-1);
    padding-right: var(--spacing-1);
  }
}
.ega-badge-dot {
  display: none;
}
.product-detail .flashsale__countdown-label {
  display: none !important;
}
.product-flashsale-item .stock-countdown {
  width: 50%;
}

.product-flashsale-item .ega-badge-ctd__h {
  font-size: var(--font-size-h6);
}
.product-flashsale-item .ega-badge-ctd__item span {
  display: none;
}

.product-flashsale-item:has(.active.ongoing) {
  padding: 0.8rem 1.2rem;
}
.product-price-group:has(.active.ongoing) {
  border: 1px solid var(--color-flashsale-bg);
}
.product-price-group:has(.active.ongoing) .price-box {
  padding: 1.2rem 0.8rem 1.2rem;
}

.product-flashsale-item .ega-badge-dot {
  display: block;
}
.coupon-list {
  --color-background-body: #f0f4fe;
  display: flex;
  flex-direction: column;
  grid-gap: 2rem;
  padding: 2rem;
  background: var(--color-background-body);
  border-radius: 4px;
  max-height: 100%;
  overflow: auto;
  padding-bottom: calc(2rem + constant(safe-area-inset-bottom)) !important;
  padding-bottom: calc(2rem + env(safe-area-inset-bottom)) !important;
}
#coupon-modal,
.coupon-item {
  --color-primary: var(--color-coupon-primary);
  --color-secondary: var(--color-coupon-secondary);
}
 .collection-item-thumb {
   width: 100%;
   height: 100%;
   padding: 1rem;
	 aspect-ratio: 1 / 1;
   margin-top: -50%;
   position: relative;
 }
 .collection-item-thumb:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  z-index: 0;
  border: 2px dashed var(--color-neutral-100);
 }
 .collection-item:hover .collection-item-thumb:before{
  border-color: var(--color-link);
  animation: circle-360 8s linear infinite;
 }
 @keyframes circle-360 {
	100% {
		  transform: rotate(360deg);
	}
}

.collection-item{
  padding: 24px 25px 30px;
  border-radius: 16px;
  width: 100%;
  margin-top: clamp(20px,4vw,64px);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, #FFF );
  text-align: center;
}
.collection-item * {
  cursor: pointer;
}

@media (min-width: 768px) {
  .product-flashsale-item .stock-countdown {
    width: 20rem;
  }
  .coupon-list {
    padding: 3.6rem 
  }
}

.cart-drawer-related-products {
  max-width: calc(1440px - var(--dialog-max-width) - 1.6rem);
  padding-left: 0.8rem;
  margin: auto;
  width: calc(100% - var(--dialog-max-width) - 1.6rem);
}

.cart-releated-products .card-product--horizontal .card-product__cta {
  display: block;
}
.card-product__option-dot-lg {
  width: 3.6rem;
  height: 3.6rem;
}
.card-product__option-dot-md {
  width: 3.2rem;
  height: 3.2rem;
}
.card-product__option-dot-sm {
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 1024px) {
  .card-product__option-dot-lg {
    width: 2.6rem;
    height: 2.6rem;
  }
  .card-product__option-dot-md {
    width: 2.4rem;
    height: 2.4rem;
  }
  .card-product__option-dot-sm {
    width: 2rem;
    height: 2rem;
  }
}
.card-product__option {
	z-index: 3
}
.card-product__option-name{
	top: -3rem
}
.card-product--vertical .card-product__option-wrapper{
  display: inline-flex;
  margin-inline: auto;
  width: auto;
}

.card-product--horizontal .card-product__body{
	padding: 20px 14px
}
@media (max-width: 767px) {
  .card-product--horizontal form {
    grid-template-columns: 10rem 1fr;
  }
}

.card-product .stock-countdown-inner {
  margin-bottom: var(--spacing-3);
}
@media (max-width: 767px) {
  .card-product .stock-countdown-inner {
    margin-bottom: 0;
  }
}
.slide-in-left {
  -webkit-animation: slide-in-left 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: slide-in-left 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.slide-in-right {
  -webkit-animation: slide-in-right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-bottom {
  -webkit-animation: slide-in-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.scale-in-hor-left {
  -webkit-animation: scale-in-hor-left 0.4s ease-out both;
  animation: scale-in-hor-left 0.4s ease-out both;
}

@-webkit-keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
animating:not(.fade-in),
.animating:not(.fade-in) > * {
  opacity: 0;
}
.fade-in {
  -webkit-animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.animation-reverse {
  animation-direction: reverse !important;
}

.cro-btn-item .cart-count {
  margin-right: -1.6rem;
  top: -0.4rem;
}
.cro-btns .cart-limit-note,
.cro-btns .cart-vat-note {
  display: none;
}
.cro-btns .cart-total {
  padding: 0;
  flex-direction: column;
}
.cro-btns .cart-submit button {
  padding: 0.8rem;
}
cart-form,
productform {
  transition: opacity 0.3s ease-out;
}
product-form.loading .product-cta {
  pointer-events: none;
  opacity: 0.5;
}

cart-form.loading,
product-form.loading .product-cta {
  pointer-events: none;
}
/* cart-form.loading .cart-total .price */
.cart-item.loading .cart-total-col .price {
  display: none;
}

cart-form.loading .cart-total .loading-icon,
.cart-item.loading .cart-total-col .loading-icon {
  display: inline-flex;
  color: var(--color-neutral-50);
  height: 1.6rem;
}
product-form.loading .product-cta .btn .loading-icon {
  display: none;
}

.variant-picker__input input.disabled ~ label {
  opacity: 0.5;
  position: relative;
  overflow: hidden;
}

.variant-picker__input input.disabled ~ label:after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-neutral-100);
  position: absolute;
  transform: rotate(200deg) scale(1.1);
  left: 0;
}
.variant-picker__input input.disabled ~ label.color-swatch:after{
  transform: rotate(220deg) scale(1.1);

}
.portal--modal .portal-close-button {
  position: absolute;
  right: 1.2rem;
  top: -4.4rem;
}

@media (max-width: 767px) {
  .portal--modal .portal-close-button {
    right: auto;
    left: 0.8rem;
  }
}
 

.bpr-success-popup .icon-checked {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 975px) {
  #product-review {
    display: block;
  }
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: none !important;
}
.tiktok-embed {
  margin: 0 auto !important;
}
.swiper-wrapper.grid {
  display: grid;
}
.swiper-initialized .swiper-wrapper {
  display: flex;
  gap: 0;
}
.swiper-pagination.static {
  position: static !important;
}


@media (max-width: 767px) {
  .gallery-main {
    position: relative;
  }
}

.card-product__badges:has(.product-promo-tag) {
  display: block;
}
.card-product__title {
  /* min-height: calc(var(--font-size-body) * 1.5 * 2); */
}
.card-product--horizontal .card-product__title {
  min-height: auto
}

.cro-btns {
  display: none;
}

@media (max-width: 767px) {
  .cro-btns:has(.cro-btn-item) {
    display: block;
  }
}
.promo-box__body p {
  margin: 0;
}
.promo-box__body ol,
.promo-box__body ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--spacing-2);
}

@media (max-width: 992px) {
  .promo-box__body ol,
  .promo-box__body ul {
    grid-template-columns: 1fr;
  }
}

.tiktok-embed {
  border-radius: var(--rounded);
}

.btn.coupon-expired {
  color: var(--color-neutral-400);
  background: var(--color-neutral-50);
  border-color: var(--color-neutral-50);
  filter: none;
  opacity: 1;
}

.flashsale-ended .tab-content {
  display: none;
}

.flashsale-ended .flashsale-end-message {
  display: block;
  padding: var(--spacing-6) var(--spacing-2);
}
.flashsale-ended .flashsale-nav {
  display: none;
}

.heading-bar {
  font-size: 1.6rem;
  position: relative;
  text-align: center;
}
.heading-bar:not([class*="mb-"]) {
  margin-bottom: 2rem;
}
/*
.heading-bar::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-top: 2px solid var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
  opacity: 0.1;
}
*/
.heading-bar a:hover {
  opacity: 0.8;
}
.heading {
  font-size: var(--font-size-h1);
  position: relative;
  z-index: 1;
  width: auto;
  display: inline-block;
}

.heading-bar .heading .heading-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    object-fit: contain;
}

@media (max-width: 767px) {
  .heading-bar {
    font-size: 1.4rem;
  }
  .heading-bar .heading {
    padding: 0 12px;
  }
  .heading {
    font-size: var(--font-size-h4);
  }
}
.heading:has(.heading-icon){
  padding-right: 45px
}

.card-article__desc {
  min-height: calc(var(--font-size-body) * 1.5 * 3);
}

.card-article__title {
  min-height: calc(var(--font-size-body) * 1.5 * 2);
}

.section-main-cart .cart-summary-info {
  position: relative;
}
.section-main-cart .cart-summary-info:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0.8rem 2.4rem 0px var(--primary-color);
  top: 0;
  left: 0;
  opacity: 0.1;
  z-index: -1;
}

@media (max-width: 976px) {
  .header-search {
    display: none;
  }
  .search-opener {
    display: block;
  }
}

.landing-page-section.section-flashsale:before,
.landing-page-section.section-flashsale:after {
  content: none;
}
.product-flashsale-item:has(.not-started),
.product-flashsale-item:has(.ended) {
  display: none;
}
.product-flashsale-item:has(.active.ongoing) ~ .product-flashsale-item {
  display: none;
}

.compare-opener {
  position: fixed;
  bottom: 60px;
  display: block;
  top: auto !important;
  left: 25px;
  transform: translateY(-50%) scale(1);
  z-index: 999;
}
.compare-opener button {
  box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.2);
}

.compare-opener.hidden {
  transform: translateY(-50%) scale(0);
  display: none;
}
#error-modal {
  --dialog-index: 4000;
}
#error-modal .portal-inner {
  max-width: 30rem;
}

.content {
  word-break: break-word;
}

.gallery-thumbnails:not(.swiper-initialized) .swiper-wrapper {
  display: grid;
  margin: auto;
  width: auto;
}
.gallery-thumbnails:not(.swiper-initialized) .swiper-wrapper.gallery-thumbnails--not-overflow{
  justify-content: center;
}
.section-products:has(.no-products) {
  display: none !important;
}

.section-products .swiper {
  overflow-x: clip;
  overflow-y: initial;
}

.section-products .swiper-button-disabled {
  display: none;
}
.footer-copyright {
  text-wrap: balance;
}
footer {
  background-color: #f6f6f6;
}
@media (min-width: 976px) {
  .swiper-wrapper.lg\:w-10\/12 {
    width: 83.333333%;
  }
}

.card-product--vertical:after {
  opacity: 0.7;
}

.ega-badge-ctd__h {
  position: relative;
  height: 1em;
  overflow: hidden;
  line-height: 1;
}
.ega-badge-ctd--transition::before {
  transition: all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.ega-badge-ctd--animate:before {
  position: relative;
  content: "00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a";
  white-space: pre;
  top: calc(var(--value) * -1em);
  text-align: center;
}
.product-detail
  .module-buyxgety
  .list-product-buyxgety
  .item-product-buyxgety
  .product-content-buyxgety
  .product-title-buyxgety {
  white-space: initial;
}


.heading-tabs--empty .tab-btn{
  display: none;
}
.spl-pane iframe {
  width: 90%;
  height: 90%;
}

.btn-live{
  border-radius: 5px;
  padding: 4px 10px 4px 22px;
  color: var(--header-live-color);
  border: 1px solid var(--header-live-color);
  background: transparent;
  outline: none;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  max-width: 130px;
  cursor: pointer!important;
  overflow: hidden;
  font-size: 13px;
}
.btn-live:after {
  content: " ";
  background: var(--header-live-color);
  width: 8px;
  height: 8px;
  position: absolute;
  left: 7px;
  top: calc(50% - 4px);
  border-radius: 50%;
  animation: pulse-red 1.65s linear infinite;
}
@media (max-width:991px) {
.btn-live {
  padding: 2px 5px 0px 20px;
}
.btn-live:after {
  left: 6px;
}
}

@media(max-width: 767px){
	.addThis_listSharing .btn-live {
        padding: 0;
        width: 40px;
        font-size: 10px;
        height: 40px;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        border: none;
    }
	
	.btn-live:after {
		content: " ";
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
	}
	
}

@keyframes pulselive {
0% {
  opacity: 1; }
50% {
  opacity: 0.6; }
100% {
  opacity: 0.3; } 

}
@keyframes pulse-red {
0% {
  transform: scale(0.8);
  box-shadow: 0 0 0 0 var(--header-live-color);
}

70% {
  transform: scale(1);
  box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
}

100% {
  transform: scale(0.8);
  box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
}
}

/** end naviagtion **/

.modal-live {
  position: fixed;
  max-width: 45%;
  max-height: 75%;
  bottom: 5px;
top: auto!important;
  left: 50%;
  z-index: 9999;
  transform: translateY(calc(100% + 5px)) translateX(-50%);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.modal-live.opened {
  transform: translateY(0) translateX(-50%);
}

.modal-live .btn-close--live {
  position: absolute;
  right: -40px;
  top: 0;
  cursor: pointer;
  opacity: 0;
  padding: 0 10px;
}
.modal-live iframe {
  border-radius: 10px;
  display: block;
  width: 100%;
  height: 100%;
}
.modal-live .modal-live--inner {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

.modal-live:hover .btn-close--live {
  opacity: 1;
}

#contact_map iframe{
	height: 100%
}

.grecaptcha-badge {
    display: none;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){
  display: inline-block
}

.ega-theme .dlpm-hrvmodal, .ega-theme .dlpm-hrvmodal--backdrop {
    z-index: 9999;
}
.navigation-vertical .mega-menu__banner{
  width: 100%
}
   

footer {
  background-color: #f6f6f6;
}

@media(max-width: 767px){
	.product-gallery{
			--thumb-size: 43px

	}
	.gallery-thumbnails:not(.swiper-initialized) .swiper-wrapper{
		display: flex;
	}
	
	
}
 
.swiper-button-lock {
	display: none!important
}

.ae-lang-selected a{
  display: flex;
	white-space: nowrap;
	overflow: 
}
img.ae-icon-left {
    object-fit: contain;
	width: 16px
}

.ae-type-dropdown{
	display: flex;
	align-items: center
}
.ae-lang-selected a  .ae-caret{
	width: auto
}
.ae-lang-selected a span{
		display :none
	}
	.ae-box-lang  a span{
		display :inline
	}

.ae-lang-selected a:hover{
	color: var(--color-link)
}
#desktop-lang{
	min-width: 50px
}

.promo-box-group {
    /* --color-prombox-header: #fff;
    --color-prombox-border: #284EA1;
    --color-prombox-background: #284EA1;
    background: var(--color-prombox-background); */
    /* border-color: transparent */
}

.promo-box__header {
    color: var(--color-prombox-header)
}
.card-product,
.product-gallery {
  --aspect-ratio: var(--product-aspect-ratio, 1/1)
}
.page-item {
  line-height: 1;
}

.product-title {
	    word-break: break-word;
}
.cart-article__date {
	line-height: 1
}

/* Image loading pulse effect */
img.loading {
   
  background-color: var(--color-neutral-50, #f5f5f5);
  overflow: hidden;
}
img:not(.absolute){
  position: relative;
}

img.loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    var(--color-neutral-100, #e0e0e0),
    transparent
  );
  animation: image-loading 1.5s ease-in-out infinite;
}

@keyframes image-loading {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}


@media (min-width: 768px) {
  .section-card:not([class*="rounded"]){
    border-radius: 24px;
    overflow: hidden;
	align-items: flex-start
  }
}

@media(max-width: 360px){
	.card-product--horizontal .card-product__body > div{
		flex-direction: column;
		align-items: flex-start
	}
}