:root {
     --transition-s: var(--ec-duration-s);
     --transition-m: var(--ec-duration-m);
     --transition-l: var(--ec-duration-l);
     --__slider-btn-size: calc(50% - (50px * 7) / 2)
 }

 input:where([type="text"], [type="url"], [type="email"], [type="tel"], [type="search"], [type="password"], .input-text):focus-visible,
 textarea:focus-visible,
 :has(.coupon-code:focus) .apply_coupon {
     outline: 1px solid var(--ec-yellow)
 }

 input[type="number"]:focus-visible,
 .qty,
 .tm-qty:focus-visible {
     outline: 0
 }

 .menu-hamburger,
 .search-inactive {
     transform: scale(1);
     opacity: 1;
     transition: transform var(--ec-duration-s) ease-in-out, opacity var(--ec-duration-s);
     transform-origin: center
 }

 .burger-open .menu-cross,
 .wpwp-search-button-active .menu-cross {
     transform: scale(1) translate(-3px, 2px);
     opacity: 1
 }

 .burger-open .menu-hamburger,
 .wpwp-search-button-active .search-inactive {
     transform: scale(0);
     opacity: 0
 }

 .tooltip:before,
 .tooltip:after {
     visibility: hidden;
     position: absolute;
     left: 105%;
     width: 19rem;
     padding: .5rem;
     font-weight: 400
 }

 .tooltip:before {
     content: attr(data-title);
     transform: translateY(-40%);
     border-radius: var(--top-rounded);
     background-image: var(--ec-btn-bg-gray);
     text-transform: uppercase;
     letter-spacing: .1em
 }

 .tooltip:after {
     content: attr(data-text);
     border-radius: var(--bottom-rounded);
     background-color: var(--ec-bg-gray-dark);
     border: 2px solid #000;
     border-block-start-color: transparent;
     color: var(--ec-gray-light);
     font-style: italic
 }

 .step-block:after {
     content: counter(step-counter);
     position: absolute;
     inset: auto 0 1px auto;
     opacity: .035;
     font-size: calc(4 * var(--fs-6xl));
     line-height: 80%;
     font-weight: 900
 }

 .red-bgc,
 .count {
     background: var(--ec-red)
 }

 .event:hover .event-buy {
     background: var(--ec-btn-bg-crimson)
 }

 .red2-background {
     background: var(--ec-red-ruby)
 }

 .red3-background {
     background: var(--ec-red-rose)
 }

 .pink-background {
     background: var(--ec-pink)
 }

 .green-background,
 .woocommerce-pagination .current {
     background: var(--ec-green)
 }

 .green2-background {
     background: var(--ec-green-lime)
 }

 .green3-background {
     background: var(--ec-green-moss)
 }

 .blue-background,
 .product-rightbar .single_add_to_cart_button:hover {
     background: var(--ec-navy)
 }

 .blue2-background {
     background: var(--ec-blue-sky)
 }

 .yellow-background {
     background: var(--ec-yellow)
 }

 .yellow2-background {
     background: var(--ec-yellow-dark)
 }

 .purple-background {
     background: var(--ec-purple-royal)
 }

 .purple2-background {
     background: var(--ec-purple-lavender)
 }

 input:-autofill:visited,
 input:-webkit-autofill {
     box-shadow: inset 0 0 0 200px var(--ec-bg-site-alt);
     transition: background-color 5000s ease-in-out, color 5000s ease-in-out
 }

 input:-autofill,
 input:-autofill:active,
 input:-autofill:focus,
 input:-autofill:focus-visible,
 input:-autofill:focus-within,
 input:-autofill:hover,
 input:-autofill:target,
 input:-autofill:visited input:autofill {
     box-shadow: inset 0 0 0 200px var(--ec-bg-site-alt);
     transition: background-color 5000s ease-in-out, color 5000s ease-in-out
 }

 input:-webkit-autofill,
 input:-webkit-autofill:active,
 input:-webkit-autofill:focus,
 input:-webkit-autofill:focus-visible,
 input:-webkit-autofill:focus-within,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:target,
 input:-webkit-autofill:visited {
     box-shadow: inset 0 0 0 200px var(--ec-bg-site-alt);
     transition: background-color 5000s ease-in-out, color 5000s ease-in-out
 }

 .ep-fade {
     animation: flicker ease calc(var(--ec-duration-m) * 2)
 }

 .single-buy-now-btn {
     background: transparent;
     border: none;
 }

 .single-buy-now-btn:after,
 .adding:after {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: inherit;
     z-index: -1;
 }

 .single-buy-now-btn:after {
     background: var(--ec-btn-bg-crimson);
 }

 .adding::after {
     filter: blur(0.75rem);
     background: conic-gradient(from var(--rotate), #1abc9c, #275179, #8e44ad);
     animation: button-press var(--ec-duration-l) linear infinite;
 }

 @property --rotate {
     syntax: "<angle>";
     initial-value: 0deg;
     inherits: false
 }

 .adding {
     overflow: visible;
     isolation: isolate;
     background: var(--ec-navy);
     animation: button-press var(--ec-duration-l) linear infinite
 }

 @keyframes button-press {
     from {
         transform: scale(1);
         --rotate: 0deg;
     }

     to {
         transform: scale(0.95);
         --rotate: 1turn;
     }
 }

 @keyframes spin {
     from {
         transform: rotate(0)
     }

     to {
         transform: rotate(1turn)
     }
 }

 @keyframes slide-up {
     from {
         transform: translate(-50%, 100%)
     }

     to {
         transform: translate(-50%, -50%)
     }
 }

 @keyframes fade-in {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes flicker {
     0% {
         opacity: 1
     }

     50% {
         opacity: .75
     }

     100% {
         opacity: 1
     }
 }

 .outofstock {
     filter: grayscale(100%)
 }

 .hero-screen-slider .slick-prev {
     inset: auto auto -50px var(--__slider-btn-size)
 }

 .hero-screen-slider .slick-next {
     right: var(--__slider-btn-size)
 }

 .slick-prev:before {
     margin-inline-start: .5rem
 }

 .slick-next:before {
     margin-inline-end: .5rem
 }

 .slick-dots,
 .page-numbers {
     display: flex;
     justify-content: center;
     list-style: none;
     padding: 0;
     gap: .5rem;
     z-index: 1
 }

 ul .page-numbers {
     background: var(--ec-bg-gray-dark);
     border-radius: var(--rounded-corners);
     font-weight: bold;
     padding: var(--ec-spacing-1x) var(--fs-xl)
 }

 .slick-dots button {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     font-size: 0;
     padding: var(--fs-xs);
     filter: grayscale(1)
 }

 .slick-dots button:before {
     content: "";
     width: 1.5rem;
     height: 1.5rem
 }

 .slick-active button {
     filter: grayscale(0)
 }

 .slick-dots button:hover {
     filter: grayscale(0.5)
 }

 .wowhead-tooltip :is(table, tr, td, th, tfoot, thead, tbody) {
     height: revert;
     text-align: revert;
     vertical-align: revert;
     background-color: revert;
 }

 @media screen and (min-width: 1024px) {
     .topline-item:hover .menu-triangle {
         position: absolute;
         inset: auto .25rem var(--fs-xs) auto;
         border-inline: .5rem solid transparent;
         border-bottom: .5rem solid var(--ec-highlight-gray-dark)
     }

     .topline-main__tray:hover .menu-triangle {
         right: .55rem
     }

     .step-block:not(:last-child) .step-title::after {
         content: "";
         position: absolute;
         inset: auto -1rem -7px auto;
         border-block: 6px solid transparent;
         border-left: var(--ec-spacing-1x) solid var(--ec-red)
     }
 }

 @media(hover:hover) {

     .tooltip:hover:before,
     .tooltip:hover:after {
         display: block;
         visibility: visible;
         z-index: 2
     }

     input[type="text"]:hover {
         cursor: text
     }

     .tootlip:hover,
     .help:hover {
         cursor: help
     }

     button:hover,
     select:hover,
     label:hover,
     .pointer:hover,
     .nice-select:hover,
     .list:hover,
     .btn:hover,
     .ec-btn:hover,
     .button:hover,
     .noUi-handle:hover,
     .dragging:hover,
     .accordion-block:hover,
     .wpcf7-submit:hover,
     .input-radio:hover,
     input[type="button"]:hover,
     .cart_item .name:hover {
         cursor: pointer
     }

     .usn,
     .btn,
     .ec-btn,
     .button,
     .wc_payment_method,
     .day-control,
     .nice-select .current,
     .e-buy {
         -webkit-user-select: none;
         -ms-user-select: none;
         user-select: none
     }

     :disabled:hover,
     [disabled].noUi-target:hover,
     [disabled].noUi-handle:hover,
     [disabled] .noUi-handle:hover,
     .ec-events-disabled-block-view:hover {
         cursor: not-allowed
     }

     .wpwp-category-tab-active,
     .ec-close-btn:hover,
     .dropdown-item:hover,
     .wpwp-category-tab:hover,
     .ec-login-link-button:hover,
     .woocommerce-LostPassword:hover,
     .woocs_auto_switcher-item:hover,
     .wpwp-character-edit-button:hover,
     .wpwp-character-remove-button:hover,
     .woocommerce-my-account__nav-menu-link:hover,
     li.wg-li:hover,
     .nice-select .option:hover {
         background-color: var(--ec-highlight-gray-dark);
         border-radius: var(--rounded-corners);
         transition: background-color calc(var(--ec-duration-s) / 2)
     }

     .main-menu__item:is(:hover, .visible),
     .sub-menu a:hover {
         filter: grayscale(0);
         transition: all var(--transition-s);
         transform: scale(1.025);
         background-color: var(--ec-bg-site);
         border-block: 1px solid var(--ec-highlight-gray);
         z-index: 1
     }

     .ec-btn:disabled,
     .tm-epo-field-label:hover :after {
         opacity: .5
     }

     ::-webkit-scrollbar-thumb:hover,
     .nav-menu::-webkit-scrollbar-thumb:hover,
     .mini-cart-wrapper::-webkit-scrollbar-thumb:hover {
         background: var(--ec-highlight-gray)
     }

     .page-numbers .page-numbers:hover,
     .section_popup .tm-section-link:hover {
         background: var(--ec-green)
     }

     .btn:hover,
     .ec-btn:hover,
     .button:hover,
     .wpcf7-submit:hover,
     .wpfda-submit:hover {
         background: var(--ec-btn-bg-crimson)
     }

     .apply_coupon:hover {
         background: var(--ec-yellow)
     }

     .country-selector.weglot-dropdown:hover .ec-multilingual:after {
         transform: rotatex(180deg)
     }

     .slide-button:before {
         content: "";
         width: 50px;
         height: 155px;
         position: absolute;
         top: -3rem;
         left: -6rem;
         transform: rotate(35deg);
         background-color: var(--ec-white);
         filter: blur(4px) drop-shadow(2px 4px 6px var(--ec-white))
     }

     .slide-button:hover:before {
         animation: slide-left var(--ec-duration-m) cubic-bezier(0.18, 0.89, 0.32, 1.28) 1
     }

     @keyframes slide-left {
         0% {
             opacity: 0;
             left: -5rem
         }

         100% {
             opacity: .3;
             left: 120%
         }
     }

     .slide-button:hover::after {
         right: .25rem
     }

     .footer-payment-method__img:hover {
         filter: grayscale(0)
     }

     .ec-social-icon:hover {
         border: 1px solid var(--ec-yellow)
     }

     .ec-social-icon:hover .ec-social-icon__img {
         filter: brightness(1)
     }

     .product-rightbar .single_add_to_cart_button:hover {
         border: 1px solid var(--ec-navy);
     }

     .slick-prev:hover:before,
     .slick-next:hover:before {
         border-color: var(--ec-red);
         transition: border-color var(--transition-s)
     }

     .remove-item-from-cart:hover,
     .dropdown-container:hover:after {
         filter: invert(17%) sepia(56%) saturate(6838%) hue-rotate(340deg) brightness(88%) contrast(96%)
     }

     .dropdown-container:hover:after {
         transform: rotatex(180deg)
     }

     .dropdown-container:hover>.menu-triangle {
         display: flex
     }

     .single-buy-now-btn:hover,
     .ec-btn:not(.slide-button, :disabled):hover,
     .radio-tab-ul>li:not(.tc-active):hover,
     .radio-tab3-ul>li:not(.tc-active):hover,
     .ec-eip-input-block-radio-item:has(input:not(:checked)):hover,
     .ec-eip-input-block-radio-item:not(.ec-eip-input-container .ec-eip-input-block-radio-item-active):hover {
         filter: brightness(0.9)
     }

     .qty-plus:hover {
         color: var(--ec-green)
     }

     .product-card:hover {
         transition: all var(--ec-duration-m) linear;
         transform: perspective(50rem) translateY(-2.5%) rotateX(5deg) translateZ(0);
         box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75)
     }

     .product-card:hover .product-card__img {
         transform: scale(1.2)
     }

     .product-card:hover .product-card__title {
         transform: scale(1.025) translate3d(0, -0.5rem, 100px);
         border-image-source: radial-gradient(circle at top left, transparent 0, var(--ec-green) 35%, var(--ec-green) 65%, transparent 100%)
     }

     .ec-es-control-date-button:hover,
     .ec-es-control-faction-button:hover {
         border-bottom: 3px solid #ec230180
     }

     .ec-es-control-faction-button.active:hover,
     .ec-es-control-date-button.active:hover {
         border-bottom: 3px solid var(--ec-red-ruby)
     }

     .ec-es-event:hover {
         background-color: var(--ec-bg-gray-dark)
     }

     .ec-es-event:hover .ec-es-event-button {
         opacity: 1
     }

     .to-top-btn:hover,
     .subscribe-btn:hover {
         scale: 1.2
     }

     .ec-eip-input-block-checkbox-item .ec-eip-input:hover:after {
         opacity: .5
     }

     .event-list-item:not(.ec-eip-input-block-radio-item-active, .event-bonus-item):hover:before {
         transform: scale(1.25);
         opacity: 1
     }

     .ec-eip-filter-toggle-label:hover:before,
     .ec-eip-filter-toggle-label:has(input:checked):before,
     .ec-es-event:hover .ec-es-event-button {
         opacity: 1
     }

     .ec-es-event:hover .ec-es-event-button {
         transition: opacity var(--ec-duration-xs) linear
     }

     .ec-es-control-date-button:hover,
     .ec-es-control-region-button:hover {
         border-bottom: var(--ec-dropdown-br) solid var(--ec-red-burgundy)
     }

     .ec-es-control-date-button.active:hover,
     .ec-es-control-region-button.active:hover {
         border-bottom: var(--ec-dropdown-br) solid var(--ec-red)
     }

     .ec-es-event:hover {
         box-shadow: 0 0 5px var(--ec-highlight-gray);
         transform: scale(1.015);
         filter: brightness(1.1);
         transition-property: transform, filter;
         transition-duration: var(--ec-duration-s);
         transition-timing-function: ease-in-out
     }
 }

 .ec-green,
 .tooltip,
 .cpf-data-on-cart::before,
 .woocommerce-password-strength.strong,
 .wpwp-html-sitemap-content ul .html-sitemap__list-item::marker {
     color: var(--ec-green)
 }

 .ec-yellow,
 .wpwp-category-tab-active,
 .woocommerce-info:before,
 .woocommerce-password-strength.good,
 .nav-tabs__item.active,
 .nav-tabs__item.active a,
 .wpwp-html-sitemap-content>ul>.html-sitemap__list-item::marker,
 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
     color: var(--ec-yellow);
 }

 .ec-red,
 .menu-icon,
 .product-leftbar li::marker,
 .html-sitemap__list-item::marker,
 .woocommerce-password-strength.short,
 .woocommerce-password-strength.bad,
 .qty-minus:hover,
 .cart-open .topline-icon,
 .topline-item:hover .topline-icon {
     color: var(--ec-red)
 }

 .gray2 {
     filter: invert(58%) sepia(16%) saturate(388%) hue-rotate(164deg) brightness(94%) contrast(90%)
 }

 .red {
     filter: invert(20%) sepia(71%) saturate(6954%) hue-rotate(341deg) brightness(88%) contrast(95%)
 }

 .red2 {
     filter: invert(19%) sepia(100%) saturate(3089%) hue-rotate(2deg) brightness(93%) contrast(105%)
 }

 .red3 {
     filter: invert(12%) sepia(98%) saturate(2539%) hue-rotate(335deg) brightness(144%) contrast(100%)
 }

 .green {
     filter: invert(43%) sepia(87%) saturate(284%) hue-rotate(98deg) brightness(97%) contrast(98%)
 }

 .green2 {
     filter: invert(72%) sepia(35%) saturate(3778%) hue-rotate(46deg) brightness(98%) contrast(95%)
 }

 .green3 {
     filter: invert(62%) sepia(9%) saturate(2206%) hue-rotate(78deg) brightness(93%) contrast(84%)
 }

 .blue {
     filter: invert(39%) sepia(21%) saturate(1372%) hue-rotate(168deg) brightness(93%) contrast(94%)
 }

 .blue2 {
     filter: invert(71%) sepia(75%) saturate(2198%) hue-rotate(183deg) brightness(92%) contrast(91%)
 }

 .yellow {
     filter: invert(67%) sepia(60%) saturate(722%) hue-rotate(5deg) brightness(99%) contrast(101%)
 }

 .yellow2 {
     filter: invert(91%) sepia(97%) saturate(3694%) hue-rotate(329deg) brightness(86%) contrast(84%)
 }

 .purple {
     filter: invert(85%) sepia(30%) saturate(6968%) hue-rotate(204deg) brightness(82%) contrast(89%)
 }

 .purple2 {
     filter: invert(21%) sepia(51%) saturate(5278%) hue-rotate(257deg) brightness(64%) contrast(111%)
 }

 .red-txt {
     background: linear-gradient(225deg, var(--ec-red), var(--ec-red-burgundy))
 }

 .blue-txt {
     background: linear-gradient(225deg, var(--ec-navy), var(--ec-blue-sky))
 }

 .green-txt {
     background: linear-gradient(225deg, var(--ec-green-lime), var(--ec-green-moss))
 }

 .yellow-txt {
     background: linear-gradient(225deg, var(--ec-yellow-dark), var(--ec-yellow-gold))
 }

 .purple-txt {
     background: linear-gradient(225deg, var(--ec-purple-royal), var(--ec-purple-lavender))
 }

 .bg-txt {
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent
 }