/* dynamic fonts REM */
@media only screen and (max-width: 1680px) and (min-width: 992px) {
    html {
        font-size: 1vw;
    }
}  

.ak-icon img {
	width: 16px;
}

.ak-small-heart img {
    width: 11px;
}

.ak-vertical-thumbnails-slider .elementor-main-swiper {
    height: initial!important;
    aspect-ratio: 502 / 470!important;
}
.ak-vertical-thumbnails-slider .elementor-main-swiper .elementor-carousel-image {
    aspect-ratio: 502 / 470!important;
}

.ak-vertical-thumbnails-slider-thumbs {
    display: flex;
    gap: 12px;
    flex-direction: column;
    justify-content: end!important;
    z-index: 3;
}
.ak-vertical-thumbnails-slider-thumbs img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 3px solid rgba(222, 222, 222, 1)!important;
    border-radius: 8px!important;
}
.ak-thumb-active img {
    border: 3px solid rgba(238, 103, 35, 1)!important;
}
.ak-vertical-thumbnails-slider-thumbs img {
  max-width: 78px;
}
.ak-vertical-thumbnails-slider-thumbs {
  max-height: 100%;
  position: absolute;
  flex-wrap: wrap;
  padding-right: 16px;
  width: fit-content;
}
.ak-thumb {
    justify-content: end!important;
    cursor: pointer;
    width: 78px;
}

@media (max-width: 1024px) {
    /* Reset the container from absolute vertical flex to a relative grid */
    .ak-vertical-thumbnails-slider-thumbs {
        position: relative !important;
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important; /* 5 columns of equal width */
        width: 100% !important;
        max-height: none !important;
        padding-right: 0 !important;
        padding-top: 16px !important; /* Spacing below the main slider */
        gap: 12px !important;
    }

    /* Reset the thumb wrapper width */
    .ak-thumb {
        width: 100% !important;
    }

    /* Force the image to take up the full width of its grid column */
    .ak-vertical-thumbnails-slider-thumbs img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto; 
    }
	.ak-vertical-thumbnails-slider-thumbs {
		padding-bottom: 16px!important;
	}
	.ak-vertical-thumbnails-slider-thumbs img {
		border: 2px solid rgba(222, 222, 222, 1)!important;
		border-radius: 8px!important;
	}
	.ak-thumb-active img {
		border: 2px solid rgba(238, 103, 35, 1)!important;
	}
}

/* start badge */
p.badge {
border: 2px solid transparent!important;
  border-radius: 999px!important;
	background:
    linear-gradient(90deg, #6045AE 0%, #EE6723 100%) text,
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #6045AE 0%, #EE6723 100%) border-box;

  -webkit-background-clip: text, padding-box, border-box;
  background-clip: text, padding-box, border-box;

  -webkit-text-fill-color: transparent;
    
}
/* end badge */