/*! -- v1.8.2 -- */
/*! -- crit -- */
/*! general styles */

@font-face {
    font-family: 'DM Sans';
    font-weight: 1 1000;
    src: url("../../fonts/dm-sans/dm-sans-variable.woff2") format("woff2 supports variations"),
        url("../../fonts/dm-sans/dm-sans-variable.woff2") format("woff2-variations"),
        url("../../fonts/dm-sans/dm-sans-variable.woff") format("woff");
    font-display: swap;
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

body,
figure,
dl,
dd,
blockquote,
hr,
fieldset,
legend,
textarea,
pre,
iframe,
address,
table,
caption,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
hgroup,
menu,
nav,
p,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    overflow-x: clip;
}

header {
    overflow-y: visible;
}

body {
    background-color: var(--ec-bg-site);
    position: relative;
}

img,
picture,
svg,
video {
    display: block;
    max-width: 100%;
}

img {
    height: auto;
}

button,
input,
select,
textarea {
    margin: 0;
    font: inherit;
    color-scheme: dark;
    border-radius: var(--rounded-corners);
}

select,
textarea,
input:where([type="text"], [type="url"], [type="email"], [type="tel"], [type="search"], [type="password"], .input-text),
.select2-container .select2-selection.select2-selection {
    height: 3rem;
    padding-inline: 1rem;
    background: var(--ec-bg-secondary);
    border: 1px solid transparent;
    border-radius: var(--rounded-corners);
    width: 100%;
}

textarea {
    padding-block: 1rem;
    font-size: 1.25rem;
    line-height: 100%;
}

option {
    background: var(--ec-highlight-gray-dark);
}

input::placeholder {
    color: var(--ec-clr-secondary);
}

button {
    background: none;
    border: none;
    padding: 0;
}

:where(dialog) {
    font-family: inherit;
    color: inherit;
}

:where(a) {
    color: var(--ec-white);
    text-decoration: none;
}

::-webkit-scrollbar {
    display: block;
}

::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.05);
    transition: 0.3s all ease;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(229, 233, 248, 0.1) !important;
}

::-webkit-scrollbar-track {
    background-color: auto;
}

html {
    scrollbar-color: auto auto;
    overflow: overlay;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:root {
    margin: 0 !important;
    font-size: 16px;
    color: var(--ec-clr-primary);
    font-family: 'DM Sans', var(--system-ui), sans-serif;
    font-weight: 400;
    line-height: var(--lh-m);
    text-rendering: optimizeSpeed;
    /*! layout */
    --tcgap: 0.5rem !important;
    --ec-header-height: 3.5rem;

    /*! 600px */
    @media screen and (min-width: 37.5rem) {
        --ec-header-height: 4rem;
    }

    /*! 840px */
    /*! end layout */
    /*! spacing */
    --gap-s: 0.5rem;
    --gap: 1rem;
    --ec-spacing-1x: var(--fs-m);
    --ec-spacing-3x: 3rem;
    /*! end spacing */
    /*! typography */
    --system-ui: system-ui,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
    --fs-6xl: 2.5rem;
    --fs-5xl: 2.25rem;
    --fs-4xl: 1.75rem;
    --fs-3xl: 1.5rem;
    --fs-2xl: 1.375rem;
    --fs-xl: 1.25rem;
    --fs-l: 1.125rem;
    --fs-m: 1rem;
    --fs-s: 0.875rem;
    --fs-xs: 0.75rem;

    --lh-3xl: 200%;
    --lh-2xl: 175%;
    --lh-xl: 150%;
    --lh-l: 125%;
    --lh-m: 100%;
    --lh-s: 87.5%;
    --lh-xs: 75%;

    /*! end typography */

    /*! colors */
    --ec-clr-primary: hsla(227, 58%, 94%, 1);
    --ec-clr-secondary: rgba(231, 235, 249, 0.55);
    --ec-bg-secondary: hsla(227, 58%, 94%, 0.1);
    --ec-bg-site: #101019;
    --ec-bg-primary: hsl(210, 48%, 11%);
    --ec-clr-accent: hsla(21, 100%, 50%, 1);
    --ec-clr-accent-secondary: hsla(130, 100%, 50%, 1);
    --ec-clr-accent-tertiary: hsla(211, 29%, 72%, 1);
    --ec-clr-accent-hover: hsla(22, 100%, 37%, 1);
    --ec-clr-accent-secondary-hover: hsla(0, 0%, 100%, 0.15);
    --ec-white: #FFFFFF;
    --txt-clr-dim: var(--ec-clr-secondary);
    /*! end colors */

    /*! button */
    --ec-btn-bg-green: #216242;
    --ec-btn-bg-red: linear-gradient(0, var(--ec-red-ruby) 100%, var(--ec-red-burgundy) 100%);
    --ec-btn-bg-crimson: linear-gradient(30deg, crimson, #CA3234, #FC803E);
    --ec-btn-bg-yellow: linear-gradient(0, var(--ec-yellow-dark) 60%, var(--ec-yellow) 100%);
    --ec-btn-bg-gray: linear-gradient(180deg, var(--ec-bg-site-alt) 0%, var(--ec-bg-site) 100%);
    --ec-btn-hover: linear-gradient(0, var(--ec-yellow-dark) 35%, var(--ec-yellow) 100%);
    --ec-icon-bg-gray: linear-gradient(var(--ec-highlight-gray), var(--ec-bg-site));
    /*! end button */

    --ec-btn-box-shadow: inset 0 20px 3px -21px hsla(0, 0%, 100%, 0.4),
    0 8px 8px 0 hsla(0, 0%, 0%, 0.3);
    /*! shapes */
    --ec-dropdown-br: 4px;
    --round: 50%;
    --rounded: 1.25rem;
    --rounded-corners: 4px;
    --top-rounded: 4px 4px 0 0;
    --bottom-rounded: 0 0 4px 4px;
    --left-rounded: 4px 0 0 4px;
    --right-rounded: 0 4px 4px 0;
    /*! end shapes */

    /*! timings */
    --ec-duration-xs: 150ms;
    --ec-duration-s: 300ms;
    --ec-duration-m: 450ms;
    --ec-duration-l: 1500ms;
    --timing-fn: cubic-bezier(0.17, 0.17, 0.23, 1.00);
    /*! end timings */

    /*! motion */
    --rotate: 0deg;
    /*! end motion */
}

/*! layout */
.flex {
    display: flex;
}

.shrink {
    flex-shrink: 1;
}

.shrink-0 {
    flex-shrink: 0;
}

.grid {
    display: grid;
}

.items-center {
    align-items: center;
}

.content-center {
    justify-content: flex-start;

    @media screen and (min-width: 71.3125rem) {
        justify-content: center;
    }
}

.dead-center {
    justify-content: center;
    align-items: center;
}

.justify-space-between {
    justify-content: space-between;
}

.w-100:is(.w-100) {
    width: 100%;
}

/*! end layout */
/*! borders */

.block--round {
    border-radius: var(--round);
}

.block--square {
    border-radius: var(--square);
}

/*! end borders */

/*! positioning */
.posr {
    position: relative;
}

.posa {
    position: absolute;
}

.m-auto {
    margin: auto;
}

.ms-auto {
    margin-inline-start: auto;
}

.me-auto {
    margin-inline-end: auto;
}

.list-reset {
    list-style-type: none;
    margin: unset;
    padding: unset;
}

/*! end positioning */
/*! end general styles */
.d-none,
.main-menu-wrapper,
:where(.burger-open) .menu-txt,
.dropdown,
.weglot_choice,
.slick-hidden,
.product-rightbar-options,
.label--none,
.onsale,
.required,
.woocommerce-remove-coupon,
.woocommerce-product-details__short-description,
.post-ratings-loading,
.tm-epo-totals,
.ec-eip-tooltip,
.ec-es-date-group,
.ec-es-event-hide,
.wpwp-slider-hide,
.ec-es-events-group-hide,
.cf-turnstile-br,
.description-heading-icon-block,
.country-selector ul,
.slick-loading img,
.tc-value sub,
.single-product-summary-price-container del,
.product-rightbar .quantity,
.product-rightbar .from,
.product-rightbar .onsale,
.js-ec-eip-input-event-boss .disabled,
.archive .sub-title,
.product .sub-title,
.outofstock .ec-spinner,
.cart-item-options .tc-hidden-variation,
.cart-item-options .woocommerce-Price-amount,
.cart-item-options .tc-plus-sign,
.cf-turnstile-failed-text:empty,
:not(.active) .ec-currency-marketplace__filter-submit-btn,
.cart-info .tc-value br,
.cart .count:empty,
.tc-extra-product-options:not(.tc-show),
.wpwp-slider-container:has(.wpwp-slider-hide),
.product-rightbar-options:not(:has(.tc-show)) :is(.ec-list-events-container, .ec-events-in-product-container),
.single-product:not(.ec-show-options) .price,
.single-product:not(.ec-show-options) .tc-extra-product-options,
.single-product:not(.ec-show-options) .ec-events-in-product-container,
.single-product:not(.ec-show-options) .ec-list-events-container,
:is(.cart-discount, .cart-item-functions .wpwp-calendar-events-discount-checkout-old-price) .woocommerce-Price-amount,
:is(#product-119877, #product-130696, #product-142685) .item-drop-guarantee {
    display: none;
}

.visually-hidden,
.arrow,
.apus-footer,
.mini-cart,
.slick-loading .slick-track,
.slick-loading .slick-slide {
    height: 0;
}

.to-top-btn {
    visibility: hidden;
}

.initially-hidden,
.ec-filter-input,
.ec-skeleton-label {
    visibility: hidden;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    overflow-wrap: normal !important;
}

/*! typography */
/*! fs-12 */
.fs-xs,
.menu-btn .menu-txt,
.label--out-of-stock {
    font-size: var(--fs-xs);
}

/*! fs-14 */
.fs-s,
.nice-select,
.product-rightbar .tm-epo-style:after,
.wpwp-category-tab,
.count,
.woocommerce-pagination,
.payment_box {
    font-size: var(--fs-s);
}

/*! fs-16 */
.fs-m,
.term-description,
.accordion-item__title>h3 {
    font-feature-settings: 'calt' off;
    font-size: 1rem;
    line-height: 1.25rem;
}

/*! fs-18 */
h5,
.fs-xl,
.announcement-txt,
.import-info h2,
.import-info h3 {
    font-feature-settings: 'calt' off;
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: -0.0125em;
}

/*! fs-16-20 */
h4,
.fs-2xl {
    font-size: clamp(var(--fs-m), 0.15vw + var(--fs-m), var(--fs-xl));
    line-height: clamp(1.52rem, 0.65vw + var(--fs-m), 1.9rem);
}

/*! fs-20-24 */
h3,
.fs-3xl,
.headline-3,
.menu-item-has-children:after,
.ec-events-events-empty-bosses-messge:before,
.event-discounted-price {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 119%;
    letter-spacing: -0.01em;
    color: var(--ec-clr-primary);

    @media screen and (min-width: 37.5625rem) {
        font-size: 2rem;
        line-height: 2.375rem;
    }
}

/*! fs-24-28 */
h2,
.h2 .fs-4xl,
.headline-2,
.title-lg,
.mini-cart-notices .woocommerce-message:before {
    font-weight: 500;
    font-size: 32px;
    line-height: 119%;
    letter-spacing: -0.01em;

    @media screen and (min-width: 37.5625rem) {
        font-size: 3rem;
        line-height: 100%;
        letter-spacing: -0.02em;
    }
}

/*! fs-32 */
h1,
.fs-5xl,
.title-xl {
    font-size: 32px;
    font-weight: 700;
    line-height: 119%;
    letter-spacing: -0.02em;

    @media screen and (min-width: 26.625rem) {
        font-size: 48px;
    }

    @media screen and (min-width: 37.5625rem) {
        font-size: 58px;
        line-height: 108%;
    }
}

:is(h1, h2, h3, h4, h5, h6) strong {
    color: rebeccapurple;
}

/*! fs-40 */
.fs-6xl {
    font-size: clamp(var(--fs-4xl), 1.75vw + var(--fs-m), var(--fs-6xl));
}

.section-title,
.ec-es-title-block {
    flex-direction: column;
    /* padding-bottom: 2vh; */
}

.archive .section-title__second-line:before,
.single-product .section-title__second-line:before {
    content: "\00a0";
}


h1,
h2,
h3,
h4,
h5,
h6,
.ec-white,
.title-lg,
.title-m,
.block-main-help,
.import-info,
.section-title,
.ec-callout,
.ec-eip-additional-block-item-value,
.woocommerce-Message,
.floatbox-cancel,
.tc-value,
.tc-value :is(p, span),
.tc-active .tc-label,
.current,
.tooltip:before,
.suggestion-link,
.autocomplete-header-title,
.algolia-autocomplete .autocomplete-empty,
.wpwp-search-block-active .aa-input::placeholder,
.tc-active .amount:not(.tc-original-price),
.tmcp-field-wrap .tm-qty:is(.tm-qty),
.select2-container--default .select2-selection--single .select2-selection__rendered,
.algolia-autocomplete [class^="aa-dataset-"] .aa-suggestion a {
    color: var(--ec-clr-primary);
    margin: 0;
}

:is(.term-description, .text-container) :is(h2, h3, h4) {
    margin-block-start: 2rem;
    letter-spacing: 0.035em;
    text-wrap: pretty;
    text-align: initial !important;
}

:is(div, h1, h2, h3, h4):has(+ .sub-title) {
    margin-block-end: 0;
    padding-block-end: 0;
}

.sub-title {
    text-align: center;
    display: block;
}

.sub-title:not(.fs-3xl) {
    max-width: fit-content;
    margin: 0.5rem auto;
}

/* 
.section-title {
    padding-top: 2vh;
} */

.ec-checkout-title,
.woocommerce-thankyou-order-received {
    margin: revert;
    text-align: center
}

.txt-center {
    text-align: center;
}

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

.txt-clr-dim {
    color: var(--txt-clr-dim);
}

.txt-clr-accent {
    color: var(--ec-clr-accent);
}

/*! end typography */

.nav-menu {
    background-color: var(--ec-bg-primary);
}

.nav-menu,
.mini-cart-wrapper {
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    transition: left var(--ec-duration-s) ease-out, right var(--ec-duration-s) ease-out;
}

/*! header */
.topline-item,
.btn,
.ec-btn,
.button,
.wpcf7-submit {
    display: flex;
    align-items: center;
    justify-content: center;
}

.primary-header-menu,
.ec-eip-event-date__dates,
.wpwp-search-block-active {
    height: var(--ec-header-height);
    position: relative;
}

.menu-btn {
    flex-direction: column;
}

.menu-txt {
    position: absolute;
    top: 0.125rem;
}

.menu-cross {
    transition: transform var(--ec-duration-s) ease-in-out, opacity var(--ec-duration-m);
    transform: scale(0);
    opacity: 0;
    transform-origin: center;
}

.dropdown-container {
    gap: 0.25rem;
}

.topline-item {
    color: var(--ec-clr-primary);
    gap: 0.25rem;
    padding: 0.5rem 0.75rem;
    min-width: var(--ec-spacing-3x);
    white-space: nowrap;
}

.smallscreen-hidden {
    display: none;
}


.site-header {
    position: fixed;
    width: 100%;
    transition: all var(--ec-duration-s) linear;
    z-index: 20;
}

.topline-container,
.main-menu {
    transition: 0.3s all ease;
    margin: 0 auto;
}

.main-menu-wrapper {
    background-color: #10101a;
    height: calc(100% - var(--ec-header-height));
    position: fixed;
    inset: var(--ec-header-height) auto auto 0;
    left: 0;
    width: 100%;
    z-index: 19;
}

.main-menu-wrapper:has(.main-menu--show) {
    display: unset;
}

.topline-container {
    height: var(--ec-header-height);
}

.topline-main__nav {
    width: 100%;
    flex: 1;
    align-items: center;
    gap: 1.5rem;
}

.search-header {
    background: var(--ec-bg-site);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    height: max-content;

    @media screen and (min-width: 52.5625rem) {
        height: unset;
    }
}

:where(.search-header:not(.wpwp-search-block-active)) {
    display: none;
}

.wpwp-search-block-active,
.wpwp-search-block,
.wpwp-search-block-active label {
    width: 100%;
    height: 100%;
}

.wpwp-search-block-active input {
    border-radius: unset;
}

.wpwp-search-block {
    padding: 12.5px 1rem;

    @media screen and (min-width: 52.5625rem) {
        pdding: 1rem;
    }
}

.search-icon {
    display: none;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
}

.algolia-autocomplete {
    height: 100%;
    width: 100%;
    left: 0;
}

/*! 600px */

/*! 840px */
@media screen and (min-width: 52.5rem) {
    .topline-search-btn {
        display: none;
    }

    .search-header {
        max-width: 760px;
        width: 100%;
        position: relative;
    }

    .wpwp-search-block-active,
    .wpwp-search-block,
    .wpwp-search-block-active label {
        max-height: 3.05rem;
    }

    .search-header,
    .search-icon {
        display: unset;
    }

    .algolia-autocomplete {
        height: auto;
    }
}

/*! 1440px */
@media screen and (min-width: 1440px) {
    .smallscreen-hidden {
        display: inherit;
    }

    .smallscreen-only {
        display: none !important;
    }

}

search:has(input:focus, input[aria-expanded="true"]) .search-icon {
    display: none;
}

.topline-main__tray {
    flex-shrink: 0;
    justify-content: flex-end;
    margin-left: 24px;
}

.ec-language-currency:after {
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none'%3E%3Cpath fill='%23E5E9F8' fill-rule='evenodd' d='M.53.195c.26-.26.682-.26.942 0l2.529 2.529L6.529.195a.667.667 0 0 1 .943.943l-3 3a.667.667 0 0 1-.943 0l-3-3a.667.667 0 0 1 0-.943' clip-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
    width: var(--fs-m);
    height: var(--fs-m);
}

.count {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    color: transparent !important;

    @media screen and (min-width: 37.5625rem) {
        top: -3px;
        right: -15px;
        color: var(--ec-white) !important;
    }
}

.wrapper {
    margin: 0;
}

.container {
    position: relative;
}

/*! 600px */
@media screen and (min-width: 37.5rem) {
    .topline-main__tray {
        gap: 1.5rem;
    }
}

/*! 840px */
@media screen and (min-width: 52.5rem) {
    .topline-container {
        gap: 1.5rem;
    }
}

/*! 1600px */
@media screen and (min-width: 100rem) {
    .topline-main__tray {
        gap: 0.5rem;
    }
}

/*! 1920px */
@media screen and (min-width: 120rem) {
    .topline-container {
        padding-inline: 0;
    }
}

.container-l {
    max-width: min(98.75rem, 100%);
}

.woocommerce-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #e5e9f8;

    svg {
        margin: 0 8px;
    }
}

.woocommerce-breadcrumb a,
.woocommerce-breadcrumb span {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    opacity: 0.5;
    color: #e5e9f8;
}

.woocommerce-breadcrumb a {
    &:hover {
        color: var(--ec-white);
        opacity: 1;
    }
}

.margin-vertical-2vh {
    margin-block: 2vh;
}

/*! buttons */
/*! THE button */

.btn,
.ec-btn,
.button,
/*! ↓ contact form submit button */
.wpcf7-submit,
/*! ↓ delete account submit button */
.wpfda-submit {
    background: var(--ec-clr-accent);
    border-radius: var(--rounded-corners);

    display: inline-flex;
    min-height: var(--ec-spacing-3x);
    padding: 0 var(--fs-m);
    gap: 0.75rem;
    flex-shrink: 0;

    align-items: center;
    justify-content: center;
    position: relative;

    /* font-size: var(--fs-xl);
    line-height: var(--fs-3xl); */
    letter-spacing: -0.0125em;

    color: var(--ec-white);
    overflow: clip;
    text-align: center;
    text-decoration: none;
    word-break: break-all;

    @media screen and (min-width: 52.5625rem) {
        font-size: var(--fs-xl);
        line-height: var(--fs-3xl);
    }
}

.wpcf7-submit {
    border: none;
}

.btn-w-content {
    width: fit-content;
}

.single-product__modal-btn {
    display: flex;
    margin-inline: auto;
}

/*! end THE button */

.configure-boost-btn {
    font-size: var(--fs-m);
    width: min(11rem, 100%);
    height: 3.05rem;
    padding: 0.5rem;
    transition: background var(--ec-duration-s) ease, opacity var(--ec-duration-s) ease;
    margin: 0;
}

.slide-button::after {
    content: "→";
    font-size: var(--fs-4xl);
    position: absolute;
    inset: 43% var(--ec-spacing-1x) auto auto;
    transform: translateY(-50%);
    transition: all var(--ec-duration-s) ease;
}

.product-submit-btn,
.apply_coupon {
    margin: 0;
    max-height: 3rem;
}

.apply_coupon {
    box-shadow: none;
}

/*! end buttons */

.trustpilot-carousel-content,
.ep-trustpilot-slider {
    min-height: 312px;
}

.quantity-deals {
    min-height: 22px;
    min-width: 4.5rem;
}

/*! product tiles */
.product-card,
.section-category-grid-category {
    width: 100%;
    height: var(--__card-h);
    padding: var(--gap);
    padding: 1.5rem;
}

.section-category-grid-category {
    --__card-w: 23.25rem;
}

.section-product-slider-products .splide__slide {
    margin-inline-end: 1.5rem;
}

/*! 1600px */
@container (min-width: 100rem) {
    .product-card {
        --__card-h: 26.25rem;
    }
}

.splide__list {
    max-width: 100%;
}

.splide__list .product-card {
    max-width: 298px;
}

.product-card__img {
    background-size: contain;
    inset: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.container,
.card-btn,
.hover-container,
.steps-container,
.checkout,
.woocommerce-order,
.out-of-stock,
.page .section-heading {
    margin-inline: auto;
}

.product-card__title {
    text-wrap: balance;
}

.product-card__title,
:is(.product-card__price) :is(ins, bdi) {
    font-size: 24px;
    line-height: 120%;
}

.event-discounted-price,
.single-product-summary-price bdi {
    font-size: 2rem;
    line-height: 100%;
}

.advantages__caption {
    line-height: 125%;
}

:is(.product-card__price, .price) :is(ins, bdi) {
    text-decoration: none;
    color: var(--ec-clr-primary);
}

.event-discounted-price {
    /* :is(.product-card__price, .price) bdi { */
    margin-inline: 4px;
}

.step-block {
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
    position: relative;
}

.product-card {
    flex-direction: column;
    align-items: flex-start;
    justify-content: stretch;
    gap: 0.625rem;
    isolation: isolate;
    border-radius: 4px;
    border: 1px solid hsl(240, 24%, 8%);
    transition: 0.5s;
    isolation: isolate;
    overflow: hidden;
    background-size: 100% !important;
}

.product-card {
    &:hover {
        background-size: 110% !important;
        color: var(--ec-white);
    }
}

.product-card-label-wrapper,
.product-card-content-wrapper,
.ec-currency-offer-modal__tags {
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
}

.product-card-content-wrapper {
    flex-direction: column;
    align-items: flex-start;
    margin-block-start: auto;
}

.section-product-slider-products .product-card {
    width: clamp(15rem, 5vw + 15rem, 43.75rem);
}

/*! product tiles > labels */

.sale-price,
.product-label:not(.label--none) {
    align-items: center;
    backdrop-filter: blur(12px);
    border-radius: 1.25rem;
    padding: 0.25rem 0.5rem;
    justify-content: center;
    text-transform: uppercase;
    border: 1px solid;
    gap: 0.5ch;
}

.product-features {
    margin: 0;
    line-height: 125%;
    padding-inline-start: 1rem;
}

.product-features__item:not(:first-child):not(:last-child) {
    margin-block: 0.25rem;
}

.product-card__price {
    margin-inline-start: auto;
    gap: 0.5ch;
    align-items: baseline;
    flex-wrap: nowrap;
}

.product-card__price del {
    text-decoration: none;
}

.discounted-price bdi {
    color: #858D9B;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.025em;
    margin: unset;
    text-decoration: line-through;
}

.count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8px;
    height: 8px;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
    font-size: 0;
    font-weight: 400;

    @media screen and (min-width: 37.5625rem) {
        font-size: 12px;
        line-height: 100%;
        letter-spacing: -0.01em;
        min-width: 20px;
        min-height: 13px;
        border-radius: 20px;
        padding: 0 6px;
    }
}

.label--sale,
.sale-price {
    color: var(--ec-clr-accent-secondary);
    border-color: var(--ec-clr-accent-secondary);
    background-color: hsla(130, 71%, 52%, 0.2);
}

.label--new {
    color: hsl(180, 100%, 75%, 1);
    border-color: hsl(180, 100%, 75%, 1);
    background-color: hsl(180, 71%, 52%, 0.2);
}

.label--pre-order,
.label--seasonal {
    color: hsl(260, 100%, 75%, 1);
    border-color: hsl(260, 100%, 75%, 1);
    background-color: hsl(260, 71%, 52%, 0.2);
}

.label--out-of-stock {
    background-color: hsl(0, 0%, 21%, 0.5);
}

.label--free_self-play,
.label--meta-weapon,
.label--x2_loot {
    background-color: hsl(270, 41%, 53%, 0.2);
}

.label--🔥️_hot {
    color: hsla(21, 100%, 75%, 1);
    border-color: hsl(21, 100%, 75%, 1);
    background-color: hsla(21, 71%, 50%, 0.2);
}

.step-block {
    justify-content: flex-start;
    counter-increment: step-counter;
}

.steps-container {
    display: grid;
    gap: var(--ec-spacing-1x);
    justify-items: center;
}

/*! end product tiles > labels */


/*! end product tiles */

.steps-container {
    padding-top: 0;
}

.post-password-form {
    width: min(35rem, 100%);
    margin-inline: auto;
}

.ec-es-all-events-link {
    margin: 0 auto;
}

.product-image {
    max-width: 180px;
    aspect-ratio: 1 / 1;
}

/*! images & slick-slider */

/* .splide__list {
    overflow: hidden;
}

.slick-slider {
    position: relative;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-slider.slick-initialized {
    position: relative;
}

.slick-slide {
    float: left;
}

.slick-initialized .slick-active {
    visibility: visible;
}

.slick-track:after {
    clear: both;
} */



/*!
*
*
* Splide v4 slider
*
*
*/

.splide {
    visibility: visible !important;
}

.splide__slide {
    width: 100%;
}

.splide-arrows {
    /* Arrows should be displayed via splide options. Display styles are added for robustness */
    display: none;

    @media screen and (min-width: 31.3125rem) {
        display: unset;
    }
}

.splide__arrow {
    @media screen and (min-width: 31.3125rem) {
        background-color: rgba(229, 233, 248, 0.1);
        border-radius: var(--rounded-corners);
        display: flex;
        height: 2.5rem;
        opacity: 1;
        position: absolute;
        width: 2.5rem;
        z-index: 1;
    }

    svg {
        fill: white;
        height: 0.5rem;
        width: 0.5rem;
    }

    &:hover {
        background: var(--ec-white);
    }

    &:hover svg {
        fill: black;
    }
}

.section-product-slider-products .splide__arrow {
    bottom: 0;

    top: auto;
    transform: translateY(calc(100% + 1rem));

    &:is(.splide__arrow--prev) {
        left: 0;
    }

    &:is(.splide__arrow--next) {
        left: calc(2.5rem + var(--gap));
    }
}


:is(.ep-product-gallery, .ec-eip-event-date-wrapper) :is(.splide__arrow--prev, .splide__arrow--next) {
    top: 50%;
    transform: translateY(-50%);
}

:is(.ep-product-gallery, .ec-eip-event-date-wrapper) .splide__arrow--prev {
    left: -75%;
}

:is(.ep-product-gallery, .ec-eip-event-date-wrapper) .splide__arrow--next {
    right: -75%;
}

/*! trustpilot widget */


.trustpilot-widget:not(:has(iframe)) {
    height: 1.5rem;
}

.trustpilot-widget {
    transform: scale(1.15) translateX(6px);

    /* 1024 */
    @media screen and (width >=64rem) {
        transform: scale(1.15) translateX(-6px);
    }
}

.single-product .trustpilot-widget {
    transform: translateX(-6px);
}

.trustpilot-carousel .trustpilot-widget {
    transform: scale(1.15);
    margin-block-end: 45px;
}

.trustpilot-widget .skeleton-link {
    animation: skeleton-loading 1.5s infinite alternate;
    border-radius: var(--rounded-corners);
    color: transparent;
    display: block;
    height: 1.5rem;
    /* wtf, when i wrote this ↓, it sticked out, now it doesn't
    transform: translateX(-10px); 
    */
    width: 230px;
}

.trustpilot-carousel .skeleton-link {
    margin-inline: auto;
    transform: scale(1.15);
    width: min(100%, 600px);
}

.single-product .skeleton-link {
    transform: translateX(5px);
}

.trustpilot-widget:has(iframe) .skeleton-link {
    visibility: hidden;
}

/*! end trustpilot widget */

/*! trustpilot slider */

.ep-trustpilot-slider:not(.slick-initialized) {
    overflow: hidden;
    max-height: 19.5rem;
}

.ep-trustpilot-slider:before,
.ep-trustpilot-slider:after {
    content: "";
    display: none;
    height: 100%;
    pointer-events: none;
    position: absolute;
    user-select: click-through;
    width: 100px;
    z-index: 1;

    @media screen and (min-width: 26.625rem) {
        display: block;
    }

    @media screen and (min-width: 37.5625rem) {
        width: 200px;
    }
}

.ep-trustpilot-slider:before {
    background: linear-gradient(270deg, rgba(16, 16, 26, 0.00) -10.8%, #10101A 99.86%);
    top: 0;
    left: 0;
}

.ep-trustpilot-slider:after {
    background: linear-gradient(90deg, rgba(16, 16, 26, 0.00) 0.14%, #10101A 110.8%);
    top: 0;
    right: 0;
}

.ec-tp-review__item {
    background-color: var(--ec-bg-primary);
    max-width: 18rem;
    min-width: 18rem;
    min-height: 19.5rem;
    padding: 2rem;
}

.review-header,
.ec-currency-offer-modal__title {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.0125em;
}

.rating-stars {
    margin-block-end: 2rem;
}

.date-and-author {
    gap: 0.5rem;
}

/*! 840px */
@media screen and (min-width: 52.5rem) {

    .review-header,
    .ec-currency-offer-modal__title {
        font-size: 2rem;
        font-weight: 700;
        line-height: 118.75%;
        letter-spacing: -0.02em;
    }
}

@media screen and (min-width: 100.0625rem) {
    .ec-tp-review__item {
        max-width: 26.75rem;
        min-width: 26.75rem;
    }
}

.rating-stars,
.review-header,
.review-txt,
.reviewer-name {
    overflow: hidden;
    text-overflow: ellipsis;
}


.review-header,
.review-txt {
    margin-block-end: 0.5rem;
}

.review-header,
.reviewer-name {
    white-space: nowrap;
}

.reviewer-name,
.ec-currency-offer-modal__title-currency {
    text-transform: capitalize;
}

.review-date {
    color: rgba(229, 233, 248, 0.56);
}

.review-txt {
    word-wrap: break-word;
    font-size: 16px;
    line-height: 120%;
    color: rgba(229, 233, 248, 0.56);

    @media screen and (min-width: 52.5rem) {
        font-size: 1.25rem;
    }
}

.date-and-author {
    position: absolute;
    left: 2.75rem;
    bottom: 32px;
}

.ep-trustpilot-slider :is(.splide__arrow--prev, .splide__arrow--next) {
    top: 50%;
    transform: translateY(-50%);
}

.ep-trustpilot-slider .splide__arrow--prev {
    left: 0;
}

.ep-trustpilot-slider .splide__arrow--next {
    right: 0;
}

.ep-trustpilot-logo {
    gap: 0.25rem;
    width: fit-content;
    margin-inline: auto;
}

/*! end trustpilot slider */

/*! end images & slick-slider */

.text-container h2:has(+ h3) {
    margin: 0;
}

.page-title,
.product_title {
    word-break: break-word;
}

.section-title:has(+ div),
.section-title:has(+ p) {
    margin-block-start: 0.67em;
}

.ec-es-events {
    min-height: calc(2 * var(--ec-spacing-3x));
}

/*! product page */
/*! initial layout */

.product-leftbar,
.product-rightbar {
    flex-direction: column;
}

.product-leftbar {
    order: 2;
}

.product-rightbar,
.ec-social-icons-block {
    width: min(26.25rem, 100%);
}

.ec-social-icons-block {
    gap: 0.75rem;
}

.product-rightbar-image-container,
.single-product-summary-container,
.single-product__cart-actions,
.simple-product-add-to-cart-btns-wrapper,
.days-container,
.days-main-container,
.product-rightbar-info,
.product-rightbar-options .cart {
    width: 100%;
}

/*! end initial layout */

.product-rightbar-image-container {
    position: relative;
    min-height: 20rem;
    margin-inline: auto;
}

.product-rating {
    display: none !important;
    position: absolute;
    inset: 70% auto auto auto;
    z-index: 5;
}

body:has(#wpadminbar) .product-rating {
    display: flex !important;
}

.product-rating .post-ratings {
    display: none !important;
    display: inline;
}

body:has(#wpadminbar):not(:has(.single-product-summary-container-active)) .post-ratings {
    display: initial !important;
}

.post-ratings-image,
.post-ratings img {
    width: var(--fs-xl);
    display: inline;
    margin-inline: 0.25rem;
}

.text-icon-small,
.text-icon-small>img {
    display: inline;
}

.tooltip {
    position: relative;
    display: inline-block;
    text-decoration: underline dashed;
    text-underline-offset: 4px;
}

.single-product-summary-price-container {
    position: fixed;
    inset: auto auto 0 0;
    width: 100%;
    z-index: 1;
    isolation: isolate;
    min-height: 1.75rem;
    padding-block: 1rem;
    background: var(--ec-bg-primary);
}

.ec-mobile-cart-actions-wrapper {
    align-items: flex-start;
    background-color: var(--ec-bg-primary);
    border-block-start: 1px solid hsl(0deg 0% 100% / 15%);
    bottom: 0;
    gap: 1.5rem;
    flex-direction: column;
    margin-block-start: auto;
    padding: 1.5rem 2rem;
    position: sticky;
    z-index: 1;
}

@media screen and (width >=64rem) {
    .ec-mobile-cart-actions-wrapper {
        padding: unset;
        z-index: 1;
    }

    .ec-mobile-cart-actions-wrapper>.single-product-summary-price {
        display: none;
    }
}

.single-product__cart-actions {
    background: var(--ec-bg-primary);
}

.single-product-summary-price {
    align-content: center;
    flex: 0 0 33%;
    text-align: center;
    z-index: -1;
    min-height: 38.5px;

    & del {
        text-decoration: unset;
    }

    & del bdi {
        /*! Color has to be opaque */
        color: #7F8796;
        text-decoration: line-through;
        font-size: var(--fs-3xl);
        font-weight: initial;
        line-height: 28px;
    }
}

.product-rightbar-options {
    container-type: inline-size;
    container-name: cart;
}

@media screen and (max-width: 1023px) {
    .product-rightbar-options:has(.nice-select:is(.open)) {
        padding-block-end: 10rem;
    }
}

:is(.product-rightbar-options .tc-row .tc-cell, .ec-eip-input-container, .skeleton-item__child) :is(.radio-tab-ul, .radio-tab3-ul) {
    display: grid;
    gap: 0.5rem;
    padding-inline-start: 0;
}

@media screen and (max-width: 600px) {
    :is(.product-rightbar-options .tc-row .tc-cell, .ec-eip-input-container) :is(.radio-tab-ul, .radio-tab3-ul) {
        gap: 4px;
    }
}

.radio-tab-ul {
    grid-template-columns: repeat(2, 1fr);
}

.radio-tab3-ul {
    grid-template-columns: repeat(3, 1fr);
}

.fullwidth-ul .tc-label-inner:not(.tc-mode-text .tc-label-inner):has(.tc-tooltip) {
    grid-template-columns: auto 1fr auto;
    column-gap: 0.25rem;
}

.product-rightbar-options :is(.radio-tab-ul, .radio-tab3-ul) .tm-epo-field-label,
.ec-eip-input-block-radio-item,
.tm-section-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    position: relative;
    padding: 8px;
    text-align: center;
    user-select: none;
}

.product-rightbar-options .cart {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    gap: 0 0.5%;
}

.simple-product-add-to-cart-btns-wrapper {
    justify-content: space-between;
    column-gap: var(--gap-s);
}

.product-submit-btn {
    padding: 0;
    font-weight: bold;
}

.import-info {
    background: var(--ec-red-burgundy);
}

.product-leftbar-description {
    isolation: isolate;
}

.html-sitemap__list-item,
.event-info__item,
:is(.product-leftbar, .ec-currency-offer-modal__description) li {
    padding-inline-start: 1ch;
}

.single-product-summary-container {
    flex-direction: column;
}

.product-rightbar-options {
    background-color: var(--ec-bg-block-content);
    border-block-start: 1px solid var(--ec-highlight-gray);
}

.single-product__cart-actions {
    /* position: sticky; */
    /* bottom: 0; */
    padding-block: 1rem;
    padding-inline: 0.625rem;
    row-gap: 1.25rem;
    display: flex;
    flex-flow: column nowrap;
    z-index: 1;

    @media screen and (min-width: 37.5625rem) {
        bottom: 79px;
    }

    @media screen and (min-width: 64rem) {
        bottom: 0;
        padding-inline: 0.625rem;
    }
}


.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup {
    line-height: 1.25em;
}

.announcement-block__icon-container {
    width: var(--ec-spacing-3x);
    height: var(--ec-spacing-3x);
}

.announcement-block p {
    margin: 0;
}

:is(.text-container,
    .term-description) p:empty {
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    display: none;
}

.text-container,
.term-description,
.ec-faq-wrapper {
    width: 84.25rem;
    max-width: 90%;
    margin: 0 auto;

    @media screen and (min-width: 256.625rem) {
        max-width: 91%;
    }

    @media screen and (min-width: 36.0625rem) {
        max-width: 94.5%;
    }
}

.single-product .ec-faq-wrapper {
    max-width: 100%;
    width: auto;
}

/*! end product page */
/*! accordion */

.accordion-item__title,
.ec-es-events-group-title {
    flex-basis: 90%;
}

.accordion-item__hidden-block {
    transition: max-height var(--ec-duration-s) ease-in-out;
}

.accordion-item[open] .accordion-item__hidden-block {
    scrollbar-gutter: stable;
}

.accordion-content,
.ec-es-date-group.active {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.accordion-item {
    border-radius: var(--rounded-corners);
    overflow: hidden;
}

.ec-es-events-group:last-of-type,
.archive-grid__banner .ec-btn {
    margin: 0;
}

.ec-es-events-group.active {
    overflow-y: auto;
}

.accordion-item__visible-block {
    position: relative;
}

/*! ↓ checkout expand order item */

.accordion-block {
    width: var(--ec-spacing-3x);
    aspect-ratio: 1 / 1;
    display: block;
    margin: auto;
}

/*! end accordion */

/*! category */

.wpwp-category-tab-body-block {
    border-top: 1px solid var(--ec-highlight-gray);
}

.wpwp-category-tab-body,
.woocommerce-my-account__nav-menu {
    flex-wrap: wrap;
    justify-content: space-around;
    padding: var(--ec-spacing-1x);
}

.wpwp-category-tab {
    padding: var(--ec-spacing-1x);
}

.wpwp-category-tab-footer:has(.wpwp-category-tab-footer-title) {
    justify-content: center;
    flex-direction: column;
}

.woocommerce-ordering {
    justify-content: space-between;
}

.woocommerce-ordering .select2 .category__order {
    margin-inline-end: 0.5ch;
    white-space: nowrap;
}

.orderby {
    max-width: fit-content;
    font-size: var(--fs-xl);
    background-color: hsl(240deg 11.9% 16.47%);
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    order: 2;
    margin-inline: auto 2rem;
    transform: scale(1.5);
}

:is(.page-template-template-home-game, .archive) .select2-search {
    display: none;
}

/*! end category */

table {
    width: 100% !important;
    max-width: 100%;
    margin: var(--ec-spacing-1x) auto;
}

:is(th, tr, td, tfoot) {
    padding: 1rem 0.5rem;
    vertical-align: middle;
    background-color: var(--ec-bg-site);
}

/*! home page slider */

.mainslide {
    padding: 32px 24px 68px 24px;
    font-family: var(--system-ui);
    background: no-repeat center/cover #19191b80;
    background-blend-mode: multiply;
    border-radius: 4px;
}


@media screen and (min-width: 31.3125rem) {
    .mainslide {
        padding: 32px 80px;
    }
}

@media screen and (min-width: 61.0625rem) {
    .mainslide {
        padding: 24px 120px;
    }
}

@media screen and (min-width: 100rem) {
    .mainslide {
        height: 232px;
    }
}

.mainslider-list>li:not(.slide-title) {
    list-style-type: none;
}

.slick-active :where(.mainslider-list>li:not(.slide-title)) {
    animation: slide-in var(--ec-duration-s) var(--timing-fn) forwards;
    animation-fill-mode: backwards;
}

.slick-active .slide-super-title-content {
    animation-delay: var(--ec-duration-s);
}

.slick-active .slide-subtitle {
    animation-delay: calc(2 * var(--ec-duration-s));
}

.slick-active .slide-button {
    animation-delay: calc(2.5 * var(--ec-duration-s));
}

@keyframes slide-in {
    from {
        opacity: 0;
        transform: translateX(80px);
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.splide__pagination {
    flex-wrap: unset;
    position: absolute;
    /* left: 50%; */
    /* transform: translateX(-50%); */
}

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

.hero-screen-slider-item {
    width: 100%;
}

.slick-slider .slick-track,
.slick-slider .splide__list {
    transform: translate3d(0, 0, 0);
}

.slide-super-title-content {
    display: inline-flex;
    align-items: center;
    width: min(550px, 100%);
    gap: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.slide-super-title-content img {
    min-height: var(--ec-spacing-3x);
    width: var(--ec-spacing-3x);
}

.slide-title {
    font-weight: bold;
    line-height: 120%;
    margin-block-end: var(--ec-spacing-1x);
    width: min(550px, 100%);
}

.slide-subtitle {
    width: min(550px, 100%);
}

/*! end home page slider */

/*! icons */

.icon-block,
.description-heading-icon-block {
    background-image: var(--ec-icon-bg-gray);
    background-clip: padding-box;
    flex-shrink: 0;
}

.icon-block {
    border: solid 0.5rem transparent;
    position: relative;
    height: 3.5rem;
    width: 3.5rem;
    margin-block-end: 1vh;
}

.icon-block::before,
.description-heading-icon-block::before {
    content: "";
    display: flex;
    inset: 0;
    position: absolute;
    margin: -0.25rem;
    background: #0E1B28;
    border: 1px solid var(--ec-white)FFF26;
    border-radius: inherit;
    z-index: -1;
}

.icon,
.slider-icon {
    height: 2rem;
    width: 2rem;
}

.heading-icon {
    height: 100%;
    max-width: 2rem;
}

.icon,
.heading-icon {
    position: relative;
    margin: auto;
}

/*! ↓ wowhead icons */

.icontiny,
.icontinyl {
    padding-left: 18px;
    text-decoration: none;
}

/*! accordion expand/collapse */

.accordion-item__visible-block:before,
.accordion-item__visible-block:after,
.cart_item .accordion-block::before,
.cart_item .accordion-block::after {
    content: "";
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 2px;
    transition: transform var(--ec-duration-s) ease;
    background: var(--ec-white);
    right: 0;
}

/*! ↓ checkout  */

.cart_item .accordion-item {
    display: block;
    padding: 0;
    min-height: 2rem;
}

.tm-cart-edit-options {
    display: block;
    font-size: var(--fs-xs);
}

/*! end checkout */
/*! end icons */

/*! misc */

.to-top-btn {
    position: fixed;
    scale: 0.2;
    transition: scale var(--ec-duration-s) ease-in-out;
}

.import-info,
.days-control-block {
    min-height: 5rem;
    padding: var(--ec-spacing-1x);
}

.cart_item {
    height: calc(2 * var(--ec-spacing-3x));
}

.woocommerce-account .site-main {
    position: relative;
    min-height: 100vh;
}

.inline-icon {
    display: inline-block;
    vertical-align: middle;
}

/*! end misc */

.site-bg {
    left: 0;
    top: 0;
    position: absolute;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
    /* width: 100%; */
    /* height: 100%; */
    /* max-height: 500px; */
}

.site-bg__img {
    /* display: inline; */
    /* height: 500px; */
    /* width: 100%; */
    /* inset: 0 auto auto 0; */
    /* position: absolute; */
    /* width: 100%; */
    /* -webkit-mask-image: linear-gradient(to top, transparent 33%, hsl(240, 24%, 8%) 100%); */
    /* mask-image: linear-gradient(to top, transparent 33%, hsl(240, 24%, 8%) 100%); */
    /* object-fit: cover; */
    /* object-position: top; */
    /* opacity: 0.15; */
}

@keyframes fade-away {
    0% {
        opacity: 0.05;
        filter: grayscale(80%);
    }

    25% {
        opacity: 0.25;
        filter: grayscale(50%) blur(0.75px);
    }

    35% {
        opacity: 0.35;
    }

    55% {
        opacity: 0.1;
        filter: blur(0);
    }

    75% {
        opacity: 0.05;
        filter: grayscale(35%);
    }

    100% {
        opacity: 0.025;
        filter: grayscale(100%);
        left: 0;
    }
}

/*! @media queries */
@media screen and (min-width: 600px) {

    .wpwp-category-tab-body,
    .woocommerce-my-account__nav-menu {
        justify-content: initial;
        gap: var(--ec-spacing-1x);
    }

    .woocommerce-ordering {
        justify-content: flex-end;
    }

    .site-header .topline-content {
        justify-content: flex-end;
    }

    .site-header .topline-content:before {
        content: "";
        width: 0;
    }

    .product-image {
        max-width: 300px;
    }

    .ec-es-all-events-link {
        margin: 0 0 0 auto;
    }
}

@media screen and (min-width: 768px) {

    .term-description {
        padding: var(--ec-spacing-1x);
    }
}

@media screen and (min-width: 1024px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    .title-xl,
    .title-lg,
    .title-m,
    .title-s,
    .title-xs,
    .page-container .section-title,
    .seo-faq-question-question h3,
    .sub-title {
        text-align: unset;
    }

    .wpwp-category-tab-footer:has(.wpwp-category-tab-footer-title) {
        justify-content: space-between;
        flex-direction: row;
    }

    .archive .section-title,
    .single-product .section-title {
        flex-direction: row;
    }

    .ec-es-title-block {
        align-items: unset;
    }

    :is(.archive, .single-product) .section-title .icon-block {
        margin: 0 0.5em 0 0;
    }

    .category-tab-footer {
        flex-direction: row;
    }

    :is(.archive, .single-product) .section-heading {
        flex-direction: row;
        justify-content: center;
    }

    .site-header .topline-main:before,
    .site-header .topline:before {
        height: 0;
    }

    .site-header .nav-menu {
        display: flex;
        height: 100vh;
        flex-direction: column;
        position: absolute;
        left: 0;
        padding-bottom: 50px;
        top: var(--ec-header-height);
        overflow: visible;
        z-index: 3;
    }

    .ep-product-gallery .splide__arrow--prev {
        left: 0;
    }

    .ep-product-gallery .splide__arrow--next {
        right: 0;
    }

    .ec-es-control-dates {
        min-height: 6vh;
    }

    .bp-right {
        background-position: right;
        background-size: contain;
    }

    .product .product_title {
        justify-content: flex-start;
    }

    .product-leftbar {
        grid-area: description;
    }

    .product-rightbar-wrapper {
        grid-area: options;
    }

    .single-product__cart-actions {
        border-block-start: 1px solid var(--ec-highlight-gray);
    }

    .product-rightbar-image-container {
        min-height: 25rem;
        grid-area: image;
    }

    .single-product__cart-actions,
    .single-product-summary-price-container {
        background: unset;
    }

    .single-product-summary-price-container {
        padding: unset;
    }

    .product-rightbar-options {
        display: grid;
        padding-block-start: 0.5rem;
        padding-block-end: 1rem;
        position: relative;
        row-gap: 0.5rem;
    }

    .import-info {
        border-radius: 3px 3px 0 0;
        margin: -1rem -1.25rem auto;
    }

    .product-leftbar-description {
        min-height: 47.75rem;
    }

    .text-container :is(h2, h3, h4, h5):has(.description-heading-icon-block) {
        display: inline-flex;
        width: 100%;
        align-items: center;
    }

    .description-heading-icon-block {
        border: solid 0.25rem transparent;
        width: 3.5rem;
        height: 3.5rem;
        margin-inline-end: 0.5ch;
        display: flex;
    }

    .product-rightbar-options {
        background-color: transparent;
    }

    .single-product-summary-price-container {
        position: relative;
        justify-content: space-around;
    }

    .bgc-important-info {
        background-color: color-mix(in lch, var(--ec-bg-block-content), var(--ec-navy));
    }

    .bgc-important-info--positive {
        background-color: color-mix(in srgb, var(--ec-bg-block-content) 80%, var(--ec-green-moss));
    }

    .bgc-important-info--negative {
        background-color: color-mix(in oklab, var(--ec-bg-block-content) 80%, var(--ec-red-ruby));
    }

    .br6 {
        border-radius: var(--rounded-corners);
    }

    .br6_0 {
        border-radius: var(--top-rounded);
    }

    .br0_6 {
        border-radius: var(--bottom-rounded);
    }

    .product-rightbar-options .configure-boost-btn,
    .product-rightbar-options .configure-boost-btn-close {
        display: none;
    }
}

/*! end media queries */
/*! -- end crit -- */

.current-lang-curr {
    text-transform: uppercase;
}

.dropdown-container {
    height: calc(var(--ec-header-height) - var(--gap));
}

.lang-curr__header {
    margin-block-end: 0.75rem;
    line-height: 1.25;
}

.dropdown__list {
    flex-direction: column;
    gap: 0.5rem;
}

.dropdown__item {
    border-radius: 4px;
}

.dropdown__item a,
a.dropdown__item {
    display: block;
    min-width: 7.5rem;
    background-color: var(--ec-bg-secondary);
    border-radius: var(--rounded-corners);
    padding: 0.5rem 0.75rem;
    text-align: center;
    border-radius: 4px;

    &:hover,
    &.is-selected {
        background-color: var(--ec-white);
        color: var(--ec-bg-primary);
        border-radius: 4px;
    }
}

.dropdown {
    background: var(--ec-bg-primary);
    border-radius: var(--rounded-corners);
    gap: var(--gap);
    top: calc(100% - 0.25rem);
    padding: 1.5rem;
    margin: 0;
    overflow: hidden auto;
    list-style: none;
    min-width: max-content;
    z-index: 22;
}

.ec-hmam-menu-items {
    flex-direction: column;
}

.dropdown-item {
    padding: 0.5rem;
    letter-spacing: 0.1em;
}

.modal-block {
    padding: 84px 0;
    background: #0e1b28;
    overflow: clip auto;
    overscroll-behavior: contain;
    width: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 105;
    border-radius: 8px;
    overflow-y: scroll;
    height: 100%;

    .ec-close-btn {
        top: 8px;
        right: 8px;
    }

    &.is-modal-block-active {
        display: block;
    }
}

.modal-block {
    .headline-3 {
        display: block;
        margin-bottom: 32px;
        font-weight: 700;
        font-size: 32px;
        line-height: 119%;
        letter-spacing: -0.01em;
    }

    .woocommerce-privacy-policy-text {
        p {
            font-size: 16px;
            line-height: 125%;
        }
    }

    .additional-text {
        margin: 32px 0;
        display: block;
        font-weight: 400;
        font-size: 16px;
        line-height: 125%;
        text-align: center;
        color: #e5e9f8;
    }

    .btns-row {
        margin-top: 32px;
        font-weight: 400;
        font-size: 14px;
        line-height: 114%;
    }
}

.modal-block.js-dialog-auth-registration {
    .woocommerce-Button.registration-switch {
        margin: 32px auto 0 auto;
        display: block;
        color: var(--ec-white) !important;

        &:hover {
            color: var(--ec-clr-accent) !important;
        }
    }
}

.modal-block::backdrop {
    background-color: var(--ec-bg-primary);
}

.modal-content {
    max-width: 281px;
    margin-inline: auto;
    line-height: 125%;
    justify-content: center;
}

.modal-content {
    .btns-row {
        gap: 40px;
    }
}

.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-form__credentials {
    grid-template-columns: minmax(0, 1fr);
}

.woocommerce-form-login,
.woocommerce-form-register {
    row-gap: 2rem;
}

.woocommerce-form-login,
.woocommerce-form-register {
    .woocommerce-form-row {
        padding: 0 1px;
    }
}

.woocommerce-form__credentials {
    row-gap: 1.5rem;
}

.registration-switch {
    width: unset;
    line-height: unset;
    letter-spacing: unset;
}

.acc-tabs {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0;
    list-style: none;
}

.ec-login-item,
.ec-login-title,
.ec-login-link-button {
    display: none;
}

.ec-login-title.ec-ma-active,
.ec-login-link-button.ec-ma-active {
    display: inline-block;
}

.ec-login-item.ec-ma-active {
    display: block;
}

.woocommerce-password-strength {
    margin-block: 2vh;
    text-align: center;
}

.ec-login-link-button {
    padding: 0.5rem;
}

.password-input {
    position: relative;
}

.btns-row-info {
    justify-content: space-between;
}

.ec-close-btn {
    width: var(--ec-spacing-3x);
    height: var(--ec-spacing-3x);
    position: absolute;
    inset: 0.5rem 0.5rem auto auto;
}

/*! 840px */
@media screen and (min-width: 52.5rem) {
    .modal-block {
        margin: 40px 0;
        padding: 84px 20px;
        border-radius: 8px;
        height: max-content;
        width: 100%;
        max-width: 541px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    &.js-dialog-auth-login {
        max-height: 905px;
        height: 100%;
    }

    &.js-dialog-auth-registration {
        max-height: 1093px;
        height: 100%;
    }

    .modal-block::backdrop {
        background-color: hsla(0, 0%, 0%, 0.75);
    }

    .modal-content {
        max-width: 373px;
    }

    .btns-row {
        margin-top: 32px;
        font-size: 16px;
        line-height: 125%;
    }

    .ec-close-btn {
        top: 8px;
        right: 8px;
    }
}

.nav-menu {
    left: -100%;
}

.mini-cart-wrapper {
    right: -100%;
}

.nav-menu-open {
    left: 0;
}

.ec-login-page-content {
    padding-block-end: calc(2 * var(--ec-spacing-3x));
    width: 100%;
}

.main-menu--show {
    background-color: #10101a;
    height: 100%;
    min-height: 100vh;
    display: flex;
    overflow: hidden;
    position: relative;
}

.main-menu-sidebar,
.main-menu-content {
    height: 100%;
    min-height: 100vh;
    max-height: 100vh;
}

.main-menu-sidebar,
.main-menu-content {
    padding-block: 1.25rem;
    padding-inline: 2.75rem;
    overflow-y: auto;
}

@media screen and (width > 121rem) {

    .topline-container,
    .main-menu-sidebar,
    .main-menu-content {
        padding-inline: unset;
    }
}

.main-menu-sidebar,
.main-menu-content {
    overflow: clip auto;
}

.main-menu-sidebar {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 2rem;
    padding-inline-end: 3.375rem;
    border-inline-end: 1px solid hsla(0, 0%, 100%, 0.15);
}

.main-menu-sidebar-row {
    flex-direction: column;
    gap: 1rem;
}

.main-menu__item,
.section-product-list-product {
    padding-block: 0.5rem;
    line-height: var(--lh-m);
}

.section-product-list-header,
.main-menu-sidebar-link,
.section-product-list-product__link {
    --__txt-clr: var(--ec-clr-primary);
    color: var(--__txt-clr);
}

.main-menu__item--active {
    border: 2px dashed seagreen;
}

.main-menu__item:after {
    content: "";
    border-style: solid;
    border-width: 2px 2px 0 0;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    height: 5px;
    width: 5px;
}

.main-menu__item:after {
    --__txt-clr: var(--ec-clr-primary);
    flex-grow: 1;
    border-color: var(--__txt-clr);
}

.main-menu-content {
    flex-grow: 1;
    padding-inline-start: 3.375rem;
    padding-right: 0;
}

.main-menu-group-sections {
    display: none;
}

.main-menu-group-sections--show {
    display: flex;
    width: 100%;
    height: 100%;
}

.main-menu-section {
    flex-grow: 1;
}

.section-product-list-groups {
    --__column: 20rem;
    column-width: var(--__column);
    column-fill: balance;
    column-gap: var(--gap);
}

.section-product-list-group,
.main-menu-section--section-product-slider {
    --__main-menu-sidebar-gap: (var(--gap, 1rem));
    break-inside: avoid;
    margin-bottom: calc(var(--__main-menu-sidebar-gap) * 2);
    text-wrap: pretty;
    max-width: 25rem;
}

.main-menu-section--section-product-list {
    flex-grow: 1;
}

.main-menu-section__header,
.section-product-list-header {
    margin-block-end: 0.75rem;
    text-wrap: balance;
}

.section-product-list-header {
    display: block;
}

.main-menu-sidebar-links,
.section-product-list-products {
    --__main-menu-list-gap: calc(var(--gap) / 2);
    flex-direction: column;
    gap: var(--__main-menu-list-gap);
    list-style-type: none;
    margin: unset;
    padding: unset;
}

.section-product-list-products {
    --__main-menu-list-gap: calc(var(--gap) / 4);
}

.primary-menu {
    padding-inline: 0.5rem;
}

.menu-item>a {
    height: var(--ec-header-height);
    width: 100%;
}

:where(.primary-menu)>.menu-item-has-children>a {
    max-width: calc(100% - var(--fs-6xl));
}

.menu-item {
    border-block: 1px solid transparent;
}

.sub-menu {
    max-height: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    transition: all var(--ec-duration-s) ease-in-out;
}

.menu-item>a {
    display: inline-flex;
    align-items: center;
    padding-inline: var(--fs-6xl);
    text-transform: uppercase;
    border-block: 1px solid transparent;
}

.menu-item-has-children:before,
.menu-item-has-children:after {
    inset: var(--round) var(--ec-spacing-1x) auto auto;
}

.menu-item-has-children:before,
.accordion-item__visible-block:before,
.wpwp-checkout-order-item-accordion-button:before,
.wpwp-checkout-order-item-accordion-button-non-options:before,
.cart_item .accordion-block::before {
    transform: rotate(90deg);
}

.nav-menu-open,
.mini-cart-open {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    clip: auto;
    clip-path: none;
    white-space: normal;
    overflow-y: scroll;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    background: var(--ec-bg-primary);
    z-index: 101;

    @media screen and (min-width: 23.4375rem) {
        min-width: 375px;
    }
}

.mini-cart-open {
    right: 0;
}

.primary-header-menu .site-logo {
    flex: 1;
    background-size: 70%;
    background-position: var(--ec-spacing-1x) center;
}

.visible .sub-menu {
    max-height: 165rem;
}

.menu-item-has-children.visible:before,
.accordion-item[open] .accordion-item__visible-block:before,
.cart_item .accordion-block-active:before {
    transform: rotate(180deg);
    background: var(--ec-clr-accent);
}

.apus-footer {
    height: auto;
    flex-direction: column;
    margin-block-start: 4rem;
}

@media screen and (min-width: 100rem) {
    .apus-footer {
        margin-block-start: 7.5rem;
    }
}

.footer-payment-metods,
.footer-social,
.footer-menus,
.footer-legal {
    padding: 2rem 0;
    border-block-start: 1px solid rgba(255, 255, 255, 0.15);
}

@media screen and (min-width: 61.0625rem) {

    .footer-payment-metods,
    .footer-social,
    .footer-menus,
    .footer-legal {
        padding-block: 3.375rem;
    }
}

.footer-legal {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.5rem;
}

.payment-security {
    gap: 2rem;
    flex-shrink: 0;
}

.footer-menu {
    padding: 0;
    list-style-type: none;
    margin-block: unset;

    @media screen and (min-width: 29.75rem) {
        grid-row: 2;
    }
}

.footer-menus {
    align-items: start;
    column-gap: var(--gap-s);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 1.5rem;

    @media screen and (min-width: 29.75rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 2rem;
    }

    @media screen and (min-width: 61.0625rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    @media screen and (min-width: 75.0625rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        row-gap: 3.375rem;
    }

    @media screen and (min-width: 87.5625rem) {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.footer-menu__container {
    gap: 1.25rem;


    @media screen and (min-width: 29.75rem) {
        grid-row: span 2;
        grid-template-rows: subgrid;
    }
}

.footer-menu__list-item {
    padding-bottom: 8px;
}

.footer-menu__list-item:last-child {
    padding-bottom: 0;
}

.footer-menu__heading {
    font-size: 16px;
    /* margin-bottom: 16px; */
    line-height: var(--lh-m);
    font-weight: normal;
}

.footer-menu__list-item,
.footer-menu__list-item a {
    font-size: 14px;
}

.ec-social-btns-block {
    gap: 0.75rem;
}

.footer-social {
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;

    @media screen and (min-width: 52.5625rem) {
        justify-content: space-between;
    }
}

.blog-link {
    min-width: 91px;
    background-color: rgba(229, 233, 248, 0.1);
    border-radius: 60px;
    padding: 10px 19px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: #e5e9f8;

    @media screen and (min-width: 52.5625rem) {
        margin-left: 50px;
        min-width: 150px;
        padding: 1.5rem 2.25rem;
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 120%;
    }
}

.blog-link svg {
    margin-right: 10px;
    width: 14px;
    height: 12px;

    @media screen and (min-width: 52.5625rem) {
        width: 28px;
        height: 24px;
    }
}

.blog-link:hover {
    color: #e5e9f8;
    background: rgba(255, 255, 255, 0.15);

    svg {
        path {
            fill: #e5e9f8;
        }
    }
}

/*! 600px */
@media screen and (min-width: 37.5rem) {
    /* .footer-menu__heading {
        margin-block-end: 20px;
    } */
}

/*! 840px */
@media screen and (min-width: 52.5625rem) {
    .footer-menu__heading {
        font-size: var(--fs-xl);
    }

    .footer-menu__list-item,
    .footer-menu__list-item a {
        font-size: var(--fs-m)
    }
}

@media screen and (min-width: 100rem) {
    .footer-menu__heading {
        font-size: var(--fs-xl);
    }

    .footer-menu__list-item {
        font-size: var(--fs-m)
    }

    .footer-legal {
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: var(--ec-header-height);
    }
}

.ec-social-icon__img {
    filter: brightness(0.75);
    transition: filter var(--ec-duration-s) ease;
}

.footer-payment-metods {
    gap: var(--ec-spacing-1x);
}

.footer-payment-metods {
    flex-wrap: wrap;
}

.footer-payment-method__img {
    transition: filter var(--ec-duration-s) ease;
}


/*! Algolia */
.algolia-autocomplete [class^="aa-dataset-"] {
    background: var(--ec-bg-site) !important;

    div {
        background: var(--ec-bg-site) !important;

        &:hover {
            background: transparent !important;

            .suggestion-link {
                background: rgba(255, 255, 255, 0.15) !important;
            }
        }
    }

    @media screen and (min-width: 52.5rem) {
        background: var(--ec-bg-primary) !important;

        div {
            background: var(--ec-bg-primary) !important;

            &:hover {
                background: transparent !important;

                .suggestion-link {
                    background: rgba(255, 255, 255, 0.15) !important;
                }
            }
        }
    }
}

@media screen and (min-width: 52.5rem) {
    .aa-suggestion:hover .suggestion-post-price {
        background: transparent !important;
    }
}

.aa-dropdown-menu {
    background: var(--ec-bg-site);
    container-type: inline-size;
    height: 100%;
    padding: var(--gap);
    width: 100%;
}

.aa-suggestion {
    border-block-end: 1px solid hsla(0, 0%, 100%, 0.05);
}

.suggestion-link {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.5rem;
    font-size: initial;
    position: relative;
    min-height: 3.5rem;
    text-align: left !important;
    border-radius: 4px;
    background: #10101a !important;
    border: 1px solid transparent;
    font-style: normal !important;

    @media screen and (min-width: 52.5625rem) {
        background: hsl(210, 48%, 11%) !important;
    }
}

.suggestion-post-thumbnail {
    top: 0.5rem;
    left: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
}

.suggestion-post-thumbnail img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1 / 1;
}

.suggestion-post-title {
    font-weight: 500;
    font-style: normal !important;

    i,
    span {
        font-style: normal !important;
    }
}

.suggestion-post-title,
.suggestion-post-price {
    margin-inline-start: 3.5rem;
}

.suggestion-post-price,
.suggestion-product-regular-price {
    margin-top: 4px;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 114%;
    color: rgba(229, 233, 248, 0.56) !important;

    @media screen and (min-width: 31.3125rem) {
        margin-top: unset;
        font-size: 16px !important;
        line-height: 125%;
    }
}

.autocomplete-footer .show-all-link:hover {
    color: var(--ec-clr-accent-hover) !important;
}

.aa-cursor {
    background: var(--ec-bg-site);
}

.autocomplete-footer {
    height: 2.5rem;
    display: flex;
    align-items: flex-end;
}

/*! 840px */
@media screen and (min-width: 52.5rem) {

    .aa-dropdown-menu {
        background: var(--ec-bg-primary);
        border-radius: var(--rounded-corners);
        margin-block-start: 0.5rem;
        padding: 1.5rem;
    }
}

@container (width > 24.25rem) {
    .suggestion-link {
        flex-direction: row;
        align-items: center;
        justify-content: unset;
        gap: 1.5rem;
    }

    .suggestion-post-title {
        flex-shrink: 1;
        flex-grow: 1;
        flex-basis: auto;
        text-wrap: balance;
    }

    .suggestion-post-price {
        margin-inline-start: unset;
        flex-grow: 0;
        flex-shrink: 0;
        text-align: right;
        font-size: initial;
    }
}

/*! End Algolia */

.to-top-btn:is(.show) {
    z-index: 5;
    visibility: visible;
    inset: auto var(--fs-xl) var(--fs-xl) auto;
    height: 3rem;
    min-height: auto;
    padding-inline: var(--fs-xs);
    width: 3rem;
    scale: 0.75;
    border-radius: var(--round);

    /* 1024 */
    @media screen and (width >=64rem) {
        inset: auto var(--fs-3xl) 9.25rem auto;
        scale: 1;
    }
}

:is(.background-modal, .video-pop-up-open) .to-top-btn:is(.show),
.single-product:has(.single-product-summary-container-active) .to-top-btn:is(.show) {
    visibility: hidden;
    z-index: -1;
}

.video-pop-up-open .site-header {
    z-index: 2;
}


@media screen and (max-width: 1023px) {
    .single-product {

        .to-top-btn:is(.show) {
            inset: unset;
            bottom: 10.25rem !important;
            width: 2.5rem;
            height: 2.5rem;
        }

        .to-top-btn.show,
        .to-top-btn {
            left: 0;
        }
    }
}

.to-top-btn.show {
    left: 0;
}

.sidebar-active .page-container,
.sidebar-active .wrapper {
    transition: all var(--ec-duration-s) linear;
}

.ec-before-unload-block .ec-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.ec-before-unload {
    /* .preloader {
        position: relative;
        z-index: 9999999;
        width: 100%;
        height: 100%;
        background: #10101ab3 !important;
    } */

    .ec-spinner {
        display: unset;
        width: 300px;
        height: 300px;
    }
}

@media screen and (min-width: 71.25rem) {
    .ec-before-unload .ec-spinner {
        display: unset;
        width: 330px;
        height: 330px;
    }
}

.ec-login-additional-button-container:has(.ec-ma-active) {
    display: block;
}

.dropdown-container:hover :where(.dropdown) {
    display: inherit;
}

.modal-active {
    overflow: hidden;
}

.overflow-hidden {
    margin-right: 16px !important;
    overflow-y: hidden;
    overflow-x: visible;
}

.ec-block-is-saving-animation,
.modal-active .modal-backdrop,
.modal-active .ec-before-unload-block,
.sidebar-active .menu-cover {
    container-type: inline-size;
    container-name: backdrop;
    width: 100%;
    height: 100vh;
    top: 0 !important;
    position: fixed;
    inset: var(--ec-header-height) auto;
    background: hsl(240deg 23.81% 8.24% / 95%);
    backdrop-filter: blur(3px);
    z-index: 100;
}

.modal-active .ec-before-unload-block,
.sidebar-active .menu-cover {
    display: flex;
}

@media screen and (min-width: 37.5rem) {

    .to-top-btn:is(.show) {
        /* height: var(--fs-6xl); */
        /* width: var(--fs-6xl); */
        padding: 0.5rem;
        inset: auto 1.25rem 5.35rem auto;
    }
}

@media screen and (min-width: 48rem) {
    .footer-payment-metods {
        justify-content: space-between;
    }

    .footer-trustpilot {
        margin-inline-end: auto;
    }
}

@media screen and (min-width: 64rem) {
    .wpwp-search-block-active .aa-input {
        position: initial;
    }

    .shift-right .wrapper {
        padding-left: 230px;
    }

    .shift-left .wrapper {
        padding-right: 230px;
    }

    .nav-menu-open,
    .mini-cart-open {
        max-width: 440px;
    }
}

.ec-main-calendar {
    min-height: 100vh;
}

.events-loaded {
    min-height: auto;
}

.days-control-block {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    margin-bottom: 32px;
}

.days-container {
    overflow: scroll hidden;
}

.days-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.day-control {
    flex: 1;
    flex-direction: column;
    gap: 0.5rem;
    min-width: clamp(5rem, 5rem, 8.125rem);
    height: 5rem;
    position: relative;
    font-size: var(--fs-2xl);
    color: var(--ec-clr-primary);
}

.day-control,
.filter-block {
    gap: 8px;

    &.boss-drop-guarantee {
        display: flex;
        flex-direction: column;
    }
}

.days-left {
    left: -3rem;
}

.days-right {
    right: -3rem;
}

.filters-block {
    gap: 32px 24px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 120px;
}

.filter-label:has(.ec-filter-input:checked) {
    background: var(--ec-white);
    color: #0e1b28;
}

.filter-block-select-label {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: rgba(229, 233, 248, 0.56);
    text-align: left;
}

.filter-label {
    min-width: 200px;
    padding: 12px;
    background: rgba(229, 233, 248, 0.1);
    border-radius: 4px;
    min-height: 48px;

    &:hover {
        background: rgba(255, 255, 255, 0.15);
    }
}

.ec-filter-input {
    width: 0;
    height: 0;
}

.events-day {
    position: relative;
}

.events-day-header {
    padding-inline: var(--ec-spacing-1x);
    margin-inline: -0.5rem;
}

.events-day-info-block {
    position: sticky;
    top: var(--ec-header-height);
    z-index: 2;
}

.Sunday {
    background-position: center bottom;
}

.Monday {
    background-position: 70% 95%;
}

.Tuesday {
    background-position: 10% 100%;
}

.Wednesday {
    background-position: 50% 75%;
}

.Thursday {
    background-position: 90% 10%;
}

.Friday {
    background-position: 50% 65%;
}

.Saturday {
    background-position: 10% 55%;
}

.events-day-content {
    display: grid;
    gap: 24px;
    padding-block-end: 5vh;
    grid-template-columns: repeat(1, minmax(0, 1fr));

    @media screen and (min-width: 36.0625rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    @media screen and (min-width: 81.3125rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    @media screen and (min-width: 106.3125rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.page-template-template-calendar .event {
    position: relative;
    border-radius: 4px;

    img {
        position: absolute;
        top: 0%;
        left: 50%;
        transform: translate(-50%, 0%);
        width: max-content;
        height: max-content;
        object-fit: contain;
        object-position: center;
        z-index: 1;
        border-radius: 4px 4px 0 0;
        transition: 0.3s all ease;
        overflow: hidden;
        isolation: isolate;
    }
}


.event-header {
    margin-top: 58px;
    text-wrap: balance;

    @media screen and (min-width: 37.5625rem) {
        margin-top: 148px;
    }
}

.event-time {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: var(--ec-clr-accent);
    text-align: left;
}

.event-title {
    margin-bottom: 20px;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    font-family: 'DM Sans';
    font-weight: 700;
    font-size: 32px;
    line-height: 119%;
    letter-spacing: -0.01em;
    color: #e5e9f8;
}

.event-body {
    background: #0e1b28;

    @media screen and (min-width: 37.5625rem) {
        flex-grow: 1;
    }
}

.event-info-block {
    padding: 0;
    margin: 0;
}

.event-info__item {
    list-style-type: none;
    padding: 8px 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);

    &:first-child {
        padding-top: 0;
    }

    &:last-child {
        border-bottom: none;
    }
}

.event-info__item i {
    margin-right: 15px;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 125%;
    color: rgba(229, 233, 248, 0.56);
}

.event-info__item span {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #e5e9f8;
    text-align: right;
}

.event-footer {
    margin-top: 20px;

    .event-buy {
        display: inline-block;
        border-radius: 4px;
        padding: 12px 17.5px;
        background: var(--ec-clr-accent);
        font-weight: 500;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: -0.01em;
        text-align: center;
        color: var(--ec-white);
        min-height: unset;
        width: 100%;

        &:hover {
            color: var(--ec-white);
            background: var(--ec-clr-accent-hover);
            filter: unset;
        }
    }
}

.tile:after {
    background: var(--ec-btn-bg-gray) center;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0 0 auto auto;
    transform: scale(-1);
    z-index: -1;
    -webkit-mask-image: url('/wp-content/themes/epiccarry/images/logos/site-logos/Logo-Chevron.svg');
    mask-image: url('/wp-content/themes/epiccarry/images/logos/site-logos/Logo-Chevron.svg');
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center -4rem;
    mask-position: center -4rem;
    filter: grayscale(1) contrast(1.25);
    transition: filter var(--ec-duration-s) ease;
}

.bg-eu::before {
    background-position: -64px;
}

.bg-us::before {
    background-position: -352px;
}

.bg-cross_faction::before {
    background-position: -32px;
}

.bg-leader::before {
    background-position: -256px;
}

.bg-loot::before {
    background-position: -192px;
}

.bg-item_guarantee::before {
    background-position: -160px;
}

.raid-is-full.raid-is-full {
    display: none;
    filter: grayscale(1);
    border: none;
}

.raid-is-full-txt {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0 auto auto 0;
    background: var(--ec-bg-block-content);
    z-index: 2;
}

.raid-is-full-txt:before {
    content: "";
    width: 50px;
    height: 50px;
}

.hide-by-day-filter,
.hide-by-filter {
    display: none;
}

.product-submit-btn,
.raid-is-full,
.ec-events-hide-block {
    pointer-events: none;
}

.ec-eip-additional-block-item,
.eip-abi-msg {
    display: block;
    margin: 0.5rem 0;
}

.date-start {
    font-size: var(--fs-l);
    font-weight: bold;
}

.ec-eip-tooltip {
    position: absolute;
}

.ec-eip-additional-block-item-value::before {
    content: '';
    width: 0.5ch;
    display: inline-block;
}

.info-boss .item-value {
    margin-right: 0.5rem
}

.ec-eip-event-inputs-block {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    max-height: 12rem;
    overflow: clip;
    overflow-y: scroll;
    padding-block-start: var(--ec-spacing-1x);
    padding-left: 0;
    padding-right: 0;
}

.event-bonus-list {
    display: flex;
    flex-direction: column;
    isolation: isolate;
    row-gap: 0.5rem;
    grid-column: 1 / 4;
}

.event-discount {
    position: absolute;
    right: 0;
    top: -6px;
}

.event-discount:empty {
    display: none;
}

:where(.has-discount) .ec-es-event-discount-block,
.ec-eip-event-list-discount-value {
    width: max-content;
    font-weight: 700;
    font-size: 12px;
    line-height: 110%;
    text-align: center;
    border-radius: 20px;
    padding: 1px 4px !important;
    backdrop-filter: blur(24px) !important;
}

.ec-eip-input-block-checkbox-item .ec-eip-input-radio-title {
    padding-left: 1ch;
}

.ec-eip-filter-toggle,
.event-bonus-item .ec-eip-input {
    visibility: hidden;
    width: var(--fs-3xl);
    height: var(--fs-3xl);
}

.event-bonus-item {
    gap: var(--tcinnergap);
}

.event-bonus-item:before {
    content: "";
    filter: grayscale(1);
    opacity: 0.5;
    visibility: visible;
    width: var(--fs-3xl);
    height: var(--fs-3xl);
    position: absolute;
    transition: all var(--ec-duration-xs), grayscale var(--ec-duration-m);
    transition-timing-function: cubic-bezier(.95, .15, .5, 1.25);
}

.event-bonus-item::before {
    border-radius: var(--round);
    background: transparent none repeat scroll 0 0;
    border: 1px solid;
    cursor: pointer;
    line-height: 1;
    margin: 0;
    padding: 0;
}

.ec-eip-input-block-radio-item-active:before {
    filter: grayscale(0);
    transform: scale(1.5);
    opacity: 1;
}

.ec-eip-input-block--toggle {
    position: relative;
}

.ec-eip-filter-toggle-label {
    display: block;
    width: var(--fs-3xl);
    height: var(--fs-3xl);
    position: absolute;
    right: 0;
    top: -1.75rem;
}

.ec-eip-title-block {
    text-transform: none
}

.product-type-ec_event .ec-no-events-found-msg {
    margin-block-start: 1rem;
    margin-inline: 0.35rem;
}

.rightbar-filter-item {
    display: flex
}

.ec-es-content {
    flex-direction: column;
    gap: 3vh;
}

.ec-es-header-container {
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ec-e-events-not-found,
.ec-es-events-not-found-message {
    text-align: center;
    letter-spacing: 0.3px;
    min-height: calc(2 * var(--ec-spacing-3x));
}

.ec-es-event {
    flex-direction: column;
    background-color: transparent;
    margin-bottom: 0;
    padding: var(--ec-spacing-1x) 2rem;
    min-height: calc(2 * var(--ec-spacing-3x));
    transition: background-color var(--ec-duration-xs) linear;
    list-style-type: none
}

.ec-es-event {
    border-top: 1px solid var(--ec-highlight-gray)
}

.ec-es-event-info-cell {
    flex-direction: column;
    line-height: initial;
    margin-block-start: var(--ec-spacing-1x);
}

.ec-es-event-loot {
    min-width: 116px
}

.ec-es-event-discount-block {
    position: absolute;
    inset: var(--ec-spacing-1x) var(--ec-spacing-1x) auto auto;
    padding: 0.35rem;
    min-width: 4.75rem;
    transform: none;
}

.ec-es-event-button {
    width: 13rem;
}

.ec-es-control-region-button-eu:before,
.ec-es-control-region-button-us:before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    border-radius: var(--round);
    margin-right: 0.5ch;
}

.ec-es-alliance:before,
.ec-es-control-region-button-eu:before {
    background-color: var(--ec-blue-sky);
}

.ec-es-control-region-button-us:before,
.ec-es-horde:before {
    background-color: var(--ec-red-rose);
}

.ec-es-control-region-button {
    padding: 0.5rem var(--ec-spacing-1x);
    flex: 1;
    border-bottom: var(--ec-dropdown-br) solid transparent;
    position: relative;
}

.ec-es-control-region-button:last-child {
    border-right: none
}

.ec-es-control-date-button.active,
.ec-es-control-region-button.active {
    border-bottom: var(--ec-dropdown-br) solid var(--ec-clr-accent);
    color: var(--ec-white);
    font-weight: bold;
}

.has-discount .ec-es-event-discount-block {
    display: inline-block;
}

.ec-es-control-dates {
    display: grid;
    gap: var(--ec-spacing-1x);
    grid-auto-flow: column;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-padding: var(--ec-spacing-1x);
}

.ec-es-control-region {
    width: min(32.75rem, 100%);
    column-gap: var(--ec-spacing-1x);
    min-height: 6vh;
}

.ec-es-control-date-button {
    flex-direction: column;
    min-width: 10rem;
    padding: 0.5rem;
    border-bottom: var(--ec-dropdown-br) solid transparent;
}

.ec-es-control-region-button:not(:last-child):after,
.ec-es-control-date-button:not(:last-child):after {
    content: "";
    position: absolute;
    width: 1px;
    height: 80%;
    background-color: var(--ec-highlight-gray);
    right: -0.5rem;
    top: 10%
}

.js-ec-eip-input-event-boss.open .list {
    display: flex;
    /* flex-direction: column-reverse; */
}

.ec-eip-input-block-checkbox-item .ec-eip-input:checked:after {
    opacity: 1
}

.disabled:not(.tcenabled),
.ec-events-disabled-block,
.ec-events-disabled-block-view :is(.ec-eip-title-block, .ec-eip-additional-block-line) {
    pointer-events: none;
    filter: brightness(0.5);
}

.event:has(.ec-eip-filter-toggle:checked) .ec-events-disabled-block-view,
.event:has(.ec-eip-toggle__bonus:checked) .ec-eip-input-block-radio-item:not(.ec-eip__has-bonus) {
    display: none;
}

.ec-es-eu:before,
.ec-es-us:before {
    width: 2rem;
    height: 28px;
}

.ec-eip-filter-toggle-label:before {
    display: block;
    opacity: 0.5;
    left: 0;
    filter: grayscale(0);
}

.ec-eip-filter__has-bonus {
    right: var(--fs-6xl);
}

.ec-events-disabled-block .ec-eip-input-radio-title:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

@media screen and (min-width: 48rem) {

    .ec-es-header-container,
    .ec-es-event {
        flex-direction: row;
        justify-content: space-between;
    }

    .ec-es-event-info-cell {
        margin-top: 0;
    }

    .ec-es-event-discount-block {
        position: relative;
        top: auto;
        right: auto;
    }

    .ec-es-event-button {
        opacity: 0;
        margin: 0;
    }

    .events-day-header:before {
        content: '';
        width: 2rem;
        height: 2rem;
        margin-inline-end: 0.5rem;
    }
}

@media screen and (min-width: 64rem) {
    .events-day-info-block {
        top: 0;
    }
}

.cart-main-content {
    margin: 0.5rem 0;
    position: relative;
}

.woocommerce-mini-cart-item {
    overflow-x: clip;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin-block: 1vh;

    &:last-child {
        border-bottom: none;
    }
}

.cart-item-functions {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    max-width: calc(2 * var(--ec-spacing-3x));
}

.qty,
.qty-minus,
.qty-plus {
    min-width: var(--fs-3xl);
    height: var(--fs-3xl);
    border: 0;
    background: var(--ec-btn-bg-gray);
    transition: color var(--ec-duration-s);

    &:hover {
        color: var(--ec-clr-accent);
    }
}

.qty {
    text-align: center;
    background: none;
    border-radius: 0;
    -moz-appearance: textfield;
    appearance: textfield;
}

.apply_coupon,
.qty-plus {
    border-radius: 0 3px 3px 0;
}

.qty::-webkit-inner-spin-button,
.qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.cart-info {
    justify-content: space-between;
}

.cart-item-options {
    max-width: 100%;
}

.tc-name {
    display: inline-block;
    font-size: var(--fs-s);
    text-transform: capitalize;
    margin-block: 0.125em;
}

.tc-value {
    margin-inline-start: 0;
    display: inline;
}

.tc-value p,
.tc-value span {
    display: inline;
    text-align: left;
    font-size: var(--fs-s);
    text-transform: capitalize;
}

:is(.cart-item-options, .woocommerce-checkout-review-order-table) .tc-price-in-cart {
    visibility: hidden;
}

:is(.variation-EventID, .variation-EventDate, .variation-EventDiscount):after,
:is(.cart-item-options, .woocommerce-checkout-review-order-table) .tc-price-in-cart:after,
.tc-value:not(:has(span)):after {
    content: "\A";
    white-space: pre;
}

.wc_payment_method,
.coupon-code,
.apply_coupon {
    background: var(--ec-btn-bg-gray);
    border: 1px solid #000;
}

.qty-minus,
.coupon-code {
    border-radius: 3px 0 0 3px;
}

.checkout-button,
.update-cart {
    margin-inline-start: auto;
}

.checkout-button {
    width: min(20.125rem, 100%);
}

.woocommerce-mini-cart__buttons {
    grid-template-columns: 1fr 1fr;
    column-gap: 2%;
}

.product-card__price .woocommerce-Price-amount {
    --__h: 1.5rem;
    --__w: fit-content;
    display: inline-block;
    max-width: var(--__w);
    height: var(--__h);
}

.woocommerce-Price-amount:is(.skeleton-line) :is(ins, bdi, span) {
    color: transparent;
}

.wpwp-woocommerce-Price-amount-without-discount,
.wpwp-calendar-events-discount-checkout-new-price {
    display: block;
    text-align: right;
}

.wpwp-woocommerce-Price-amount-without-discount,
.wpwp-calendar-events-discount-checkout-old-price {
    /*! Color has to be opaque */
    color: #7F8796;
}

.remove-item-from-cart {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: auto;
    background-repeat: no-repeat;
    font-size: 0;
    overflow: hidden;
    vertical-align: bottom;
}

.ec-callout,
.ec-eip-additional-block-item-value,
.tc-name,
.woocommerce-Price-amount,
.woocommerce-Message,
.tc-value :is(p, span) {
    letter-spacing: 0.125ch;
}

.tc-value .cpf-data-on-cart {
    display: list-item;
    list-style: none;
}

.sub-total,
.total:not(.woocommerce-order-overview__total),
.cart-discount {
    text-align: right;
    margin-block: 0.5em;
}

.mini-cart .name {
    display: block;
    max-width: calc(100% - 2rem);
    text-align: unset;
    margin-block-end: 0.5rem;
}

.search article {
    display: flex;
    padding: 1rem;
}

.search article img {
    width: 300px;
    aspect-ratio: 1/1;
}


.search .entry-content {
    width: 100%;
}

.woocommerce-mini-cart--coupon__label,
.mini-cart .cart-main-content {
    flex: 1;
}

.mini-cart .remove {
    position: absolute;
    inset: 0 0 auto auto;

    &:before {
        width: 30px;
        height: 30px;
        position: absolute;
        content: "";
        background: transparent;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }
}

.mini-cart .image {
    margin-right: 12px;
    width: max-content;

    img {
        max-width: 57px;
        max-height: 57px;
        object-fit: cover;
        width: 100%;

        @media screen and (min-width: 37.5rem) {
            max-width: 140px;
            max-height: 140px;
        }
    }
}

.mini-cart .apply_coupon {
    flex-basis: 35%;
}

:is(.woocommerce-error, .woocommerce-info, .woocommerce-message) {
    /* it's either this ↓
    display: flex;
    flex-direction: column;
    gap: 0.5rem; */
    padding: unset;
    list-style: none;

    & li {
        background: var(--ec-clr-primary);
        border-radius: var(--rounded-corners);
        color: var(--ec-bg-primary);
        padding: var(--fs-xs) var(--fs-m);
        text-decoration: none;
    }

    /* or this ↓ */
    & li+li {
        margin-block-start: 0.5rem;
    }
}

.product-template-default .woocommerce-notices-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-block-start: 1.5rem;
}

.single-product :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) li {
    margin-block: 1rem;
}

.woocommerce-error :is(a, strong),
.woocommerce-info a,
.woocommerce-message a {
    color: revert;
    text-decoration: revert
}

.checkout,
.woocommerce-order,
.woocommerce-checkout :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) {
    max-width: 100%;
    width: 574px;

    @media screen and (min-width: 37.5rem) {
        max-width: 98%;
    }

    @media screen and (min-width: 40.0625rem) {
        max-width: 71%;
        width: 520px;
    }

    @media screen and (min-width: 52.5rem) {
        width: 564px;
        max-width: 94.286%;
    }

    @media screen and (min-width: 64rem) {
        max-width: 94.5%;
    }
}

.woocommerce-cart-form,
.shop_table {
    overflow-x: scroll;
}

.cart_item .accordion-block:before,
.cart_item .accordion-block:after {
    top: 1.5rem;
    right: calc(50% - 0.5rem);
    transition: 0.3s all ease;
}

.accordion-block {
    transition: 0.3s all ease;

    &:hover {

        &:before,
        &:after {
            background: var(--ec-clr-accent);
        }
    }
}

.checkout .ec-login-link-button {
    display: inline-block;
}

.dropdown__list,
.wc_payment_methods {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wc_payment_method {
    flex-wrap: wrap;
    padding: 0.5rem;
    min-height: 4rem;
}

.wc_payment_method__label {
    flex-basis: 100%;
    line-height: var(--fs-3xl);
    letter-spacing: 0.075em;
    -webkit-tap-highlight-color: transparent;
    transition: color var(--ec-duration-xs) ease;
}

.wc_payment_method .input-radio {
    width: var(--ec-spacing-1x);
    height: var(--ec-spacing-1x);
    border-radius: var(--round);
    box-shadow: inset 0 0 0 1px var(--ec-highlight-gray);
    appearance: none;
    margin-top: 0.25rem;
    transition: box-shadow var(--ec-duration-xs) cubic-bezier(.95, .15, .5, 1.25);
}

.wc_payment_method :checked {
    box-shadow: inset 0 0 0 4px var(--ec-green)
}

.payment_box {
    width: min(22rem, 100%);
    flex-grow: 1;
}

.status-box p {
    margin: 1vh 0;
}

.__PrivateStripeElement {
    transform: translateY(0.65rem);
}

.tc-value .cpf-data-on-cart,
.wc-item-meta p {
    margin: 0;
}

.wc_payment_method__label>img {
    margin: 0 0.25rem !important;
    max-height: 28px;
    max-width: 7rem;
    width: max-content;
    object-fit: contain;
}

.woocommerce-form__label-for-checkbox {
    column-gap: var(--gap-s);
}

.woocommerce-form__input-checkbox {
    appearance: none;
}

.woocommerce-form__input-checkbox {
    width: var(--fs-xl);
    height: var(--fs-xl);
    flex-shrink: 0;
}

.woocommerce-form__input-checkbox:before,
.woocommerce-form__input-checkbox:after {
    content: "";
    background: var(--ec-bg-secondary);
    border-radius: 0.1875rem;
    border: 1px solid var(--ec-white);
    height: var(--fs-xl);
    inset: 50% auto auto 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: var(--fs-xl);
}

.woocommerce-form__input-checkbox:after {
    opacity: 0;
}

.woocommerce-invalid .input-checkbox {
    border: 1px solid transparent;
    background: none;
}

.woocommerce-form__input-checkbox:checked:after {
    opacity: 1;
}

.announcement-link:before,
.ec-callout:before,
.woocommerce-Message:before {
    content: "";
    display: block;
    width: 2em;
    height: 2em;
    margin-inline-end: 0.5rem;
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translatey(-50%);
}

.checkbox-label,
.woocommerce-terms-and-conditions-checkbox-text {
    text-wrap: pretty;
    line-height: 135%;
}

.checkout__place-order-btn {
    width: 100%;
    margin: 2rem 0 0 0;
}

.shop_table th,
.cart-subtotal,
.order-total {
    vertical-align: middle;
}

.product-name-th {
    text-align: initial;
}

.shop_table__product-item {
    vertical-align: top;
    text-align: left;
}

.product-subtotal,
.product-total,
:is(.cart-subtotal, .cart-discount, .order-total, .order-note) :is(th, td) {
    text-align: right;
}

.product-total {
    vertical-align: bottom;
    position: relative;
    width: 20%;
}

.shop_table :is(.table-header, .product-total, .shop_table__footer),
.woocommerce-orders-table th {
    text-transform: uppercase;
    letter-spacing: 0.075em;
    color: var(--ec-white);
}

.shop_table__footer .cart-discount__amount {
    text-align: initial;
    position: relative;
}

.cart :is(.product-remove, .product-thumbnail, .product-total, .product-quantity, .product-subtotal) {
    vertical-align: top;
}

.cart_totals :is(.cart-subtotal td, .order-total td) {
    width: 10%;
}

.tm-cart-edit-options {
    font-style: normal !important;
    padding-inline: 0.75em;
    background: var(--ec-highlight-gray-dark);
    border-radius: var(--rounded-corners);
    max-width: fit-content;
    margin-block: 8px;
}

.accordion-block-td,
.accordion-block-plug {
    vertical-align: top;
    position: relative;
    width: 10%;
}

.woocommerce-checkout-review-order-table .remove-item-from-cart {
    position: absolute;
    inset: 0.5rem 0.5rem auto auto;
}

.tc-epo-metadata {

    .tc-name,
    p,
    dt,
    dd {
        margin: 0;
        font-weight: 400;
        font-size: 12px;
        line-height: 100%;
        color: rgba(229, 233, 248, 0.56);
        letter-spacing: unset;

        @media screen and (min-width: 37.5rem) {
            font-size: 14px;
            line-height: 114%;
        }
    }
}

.shop_table__product-item .wpwp-checkout-order-item-options-active {
    max-height: 31.25rem;
    transition: opacity var(--ec-duration-l) ease-out, max-height var(--ec-duration-l) ease-out;
}

.woocommerce-Message,
.ec-callout {
    padding: var(--ec-spacing-1x);
    padding-inline-start: var(--ec-header-height);
    position: relative;
    margin: 0;
}


.lost-password,
.registration-switch,
.woocommerce-privacy-policy-link,
.woocommerce-terms-and-conditions-link,
.product-leftbar-description a,
.woocommerce-MyAccount-content p a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.blockOverlay {
    background-color: #0e1b28 !important;
    backdrop-filter: blur(3px);
}

.show-password-input {
    position: absolute;
    inset: var(--circle) var(--ec-spacing-1x) auto auto;
    transform: translateY(-50%);
}

.show-password-input::after {
    content: "";
    width: var(--fs-3xl);
    height: var(--fs-3xl);
    display: block;
    cursor: pointer;
}

.eh-stripe-elements-field {
    background: var(--ec-white);
    height: 3rem;
    border: 1px solid #eee;
    width: 100%;
}

.woocommerce-checkout :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) {
    margin-inline: auto;
}

#main-container {
    margin-top: 120px;
}

.section__steps,
.section__reviews,
.section__advantages {
    margin-block: 7rem;
}

.section__advantages {
    min-height: unset;
    border-radius: var(--rounded-corners);
    background-color: var(--ec-bg-primary);
    overflow: clip;
    isolation: isolate;

    @media screen and (min-width: 37.5625rem) {
        min-height: 42.75rem;
    }
}


.background-video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 145px;
    object-fit: cover;
    opacity: 0.15;
    z-index: -2;
    pointer-events: none;
}

.video-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(18, 20, 22, 0.00) 62.59%, hsl(210, 48%, 11%) 100%),
        linear-gradient(180deg, rgba(20, 34, 49, 0.00) 58.52%, hsl(210, 48%, 11%) 100%);
    background-blend-mode: normal, multiply;
    height: 200%;
    mix-blend-mode: lighten;
    z-index: -1;
    object-fit: cover;
    pointer-events: none;
}

.section-heading {
    font-size: 2rem;
    font-weight: 700;
    line-height: calc(118.75% + 3px);
    /* letter-spacing: -0.1em; */
}

.section-heading__icon {
    height: 29px;
    width: 29px;
    margin-inline: 0.5rem;
    vertical-align: top;
}

.advantages-wrapper {
    margin-inline: auto;
    z-index: 3;
    isolation: isolate;
}

.advantages__headline {
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.1em;
}

.hover-container {
    align-items: center;
    justify-content: space-between;
}

/*! 600px */
@media screen and (min-width: 37.5rem) {
    .section-heading {
        font-size: 3rem;
        font-weight: 500;
        line-height: calc(100% + 4px);
        letter-spacing: -0.06em;
    }

    .section-heading__icon {
        height: 52px;
        width: 52px;
    }

    .advantages__headline {
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.375rem;
        letter-spacing: -0.02em;
    }

    .section__steps,
    .section__reviews,
    .section__advantages {
        margin-block: 5rem;
    }
}

/*! 840px */
@media screen and (min-width: 52.5rem) {

    .section__steps,
    .section__reviews,
    .section__advantages {
        margin-block: 7.5rem;
    }
}

/*! 1600px */
@media screen and (min-width: 100rem) {
    .background-video {
        top: 100px;
    }

    .hover-container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .advantages__headline {
        text-wrap: nowrap;
    }
}

/*! banner */
.banner-container {
    --__min-h: 36rem;
    display: flex;
    width: 100%;
    min-height: var(--__min-h);
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    grid-row: 3;
    grid-column: 1 / -1;
    /* margin-block: 1.5rem; */
    padding: 1.5rem;
    border-radius: 4px;
    border: 0px solid #2B3050;
    background-color: #0E1B28;
    background-image: url("../../images/misc/chat-banner-bg-320.webp");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    overflow: clip;
}

.banner-entry-block {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.banner-entry-block p {
    line-height: 1.25rem;
}

.banner-entry-block .txt-clr-dim.cta-txt {
    max-width: 170px;
    font-size: 14px;
    width: 100%;

    @media screen and (min-width: 26.625rem) {
        max-width: unset;
    }

    @media screen and (min-width: 52.5625rem) {
        font-size: 16px;
    }
}


.banner-cta-block {
    gap: 0.75rem;
}

.cta-btn {
    color: var(--ec-clr-primary);
    gap: 0.25rem;
    height: 2rem;
    min-height: unset;
    padding-inline: 0.75rem;
    font-size: unset;
}

.cta-txt {
    max-width: 75%;
}

/*! 600px */
@media screen and (min-width: 37.5rem) {
    .banner-container {
        --__min-h: unset;
        background-image: url("../../images/misc/chat-banner-bg-600.webp");
        background-position: top right;
        background-size: 55%;
    }

    .banner-entry-block {
        max-width: calc(50% - 2rem);
    }

    .cta-txt {
        max-width: unset;
    }
}

/*! 840px */
@media screen and (min-width: 52.5rem) {
    .banner-container {
        --__min-h: unset;
        background-size: 47%;
    }
}

/*! 1600px */
@media screen and (min-width: 100rem) {
    .banner-container {
        flex-direction: row;
        justify-content: space-between;
        background-image: url("../../images/misc/chat-banner-bg-1600.webp");
        background-position: 56% center;
        background-size: contain;

        padding: 2rem;
    }

    .banner-entry-block {
        max-width: 31.25rem;
    }

    .cta-btn {
        min-height: var(--ec-spacing-3x);
    }

}

.single-product .banner-container {
    margin-block: 1.5rem;
}

/*! end banner */


/*! marketplace */
[x-cloak] {
    visibility: hidden;
}

.page-template-template-marketplace .section-cooperation .title {
    max-width: min(35.625rem, 100%);
}

.page-template-template-marketplace .ec-marketplace .breadcrumb-video-wrapper {
    margin-block: unset;
}

.select2-container--open {
    z-index: 102;
}

.select2-container--default .select2-dropdown {
    background: hsla(203, 26%, 19%, 1);
    padding-block: unset;
}

.select2-container--default .select2-search--dropdown {
    background: hsla(203, 26%, 19%, 1);
    box-shadow: 0px 8px 20px 0px hsla(0, 0%, 0%, 0.25);
    max-height: unset;
    padding: unset;
    z-index: 101;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: var(--ec-clr-secondary);
    border-inline: unset;
    border-radius: unset;
    margin-block-end: 0.25rem;
    padding: 0.75rem 1rem;
}

.page-template-template-marketplace .select2-container:is(.select2-container--open) {
    border-radius: var(--top-rounded);
    border-bottom: 1px solid transparent;
    background: hsla(203, 26%, 19%, 1);
}

.ec-marketplace {

    .video-popUp-button {
        display: none;

        /* 620 */
        @media screen and (width >=38.75rem) {
            display: flex;
        }
    }

    .title-wrapper {
        margin-block-end: 1.5rem;
        gap: 1.5rem;

        /* 620 */
        @media screen and (width >=38.75rem) {
            margin-block-end: 2rem;
        }
    }

    .block-left,
    .text-container {
        max-width: 78rem;
        width: 100%;
    }

    .marketplace-labels {
        flex-direction: column;
        gap: var(--gap-s);

        /* 620 */
        @media screen and (width >=38.75rem) {
            flex-direction: row;
        }

        figcaption {
            white-space: nowrap;
        }
    }

    .ec-currency-marketplace__internal-links {
        flex-direction: column;
        gap: var(--gap);
        padding-block-end: calc(2rem - var(--gap-s));

        /* 1600 */
        @media screen and (width >=100rem) {
            width: min(29rem, 100%);
        }
    }

    .ec-currency-marketplace__links-list {
        gap: var(--fs-xs);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-snap-align: end;
        padding-block-end: var(--gap-s);

        & .btn {
            font-size: var(--fs-s);
            padding: 0.5rem 0.75rem;
        }

        /* 620 */
        @media screen and (width >=38.75rem) {
            flex-wrap: wrap;
        }
    }

    .marketplace-label {
        column-gap: var(--fs-xs);

        & p {
            margin: 0;
        }

        &:first-child {
            border: none;
            padding-inline-start: unset;
        }

        /* 620 */
        @media screen and (width >=38.75rem) {
            justify-content: center;
            border-inline-start: 1px solid var(--ec-bg-secondary);
            padding-inline: 2rem;
        }
    }

    select:not(.select2-hidden-accessible) {
        align-items: center;
        appearance: base-select;

        option {
            background: hsla(203, 26%, 19%, 1);
            font-weight: 500;
        }

        ::picker(select) {
            appearance: base-select;
        }

        &::picker-icon {
            content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.79289 9.29289C7.18342 8.90237 7.81658 8.90237 8.20711 9.29289L12 13.0858L15.7929 9.29289C16.1834 8.90237 16.8166 8.90237 17.2071 9.29289C17.5976 9.68342 17.5976 10.3166 17.2071 10.7071L12.7071 15.2071C12.3166 15.5976 11.6834 15.5976 11.2929 15.2071L6.79289 10.7071C6.40237 10.3166 6.40237 9.68342 6.79289 9.29289Z" fill="white"/></svg>');
            height: 1.5rem;
            width: 1.5rem;
        }
    }

    .skeleton-line,
    .skeleton-txt,
    .skeleton-btn,
    .ec-currency-marketplace__product-component,
    .btn,
    .ec-currency-marketplace__popular-amount,
    .ec-currency-marketplace__delivery-methods-tooltip,
    .skeleton-cell:not(:last-child) {
        border-radius: var(--rounded-corners);
    }

    .btn {
        background-color: var(--ec-bg-secondary);
        padding-inline: var(--gap);

        &:has(input[type="radio"]:checked) {
            background: var(--ec-clr-accent);
        }
    }

    select,
    .btn,
    .checkbox,
    .ec-currency-marketplace__filter .select2-container--default .select2-selection--single .select2-selection__rendered,
    .ec-currency-marketplace__filter-header {
        font-size: var(--fs-xl);
        line-height: var(--fs-3xl);
    }

    .ec-currency-marketplace__filter-header {
        margin-bottom: 0.5rem;
    }

    .game-currency-shop {
        margin: 0 0 1.25rem 0;
        flex-direction: column;
        min-height: 64rem;
    }

    .ec-currency-marketplace__row {
        gap: 6px;
    }

    .ec-currency-marketplace__text-capitalize {
        text-transform: capitalize;
    }

    .ec-currency-marketplace__is-invalid {
        color: var(--ec-clr-accent);
        border-color: var(--ec-clr-accent);

        .ec-currency-marketplace__min-purchase {
            color: var(--ec-clr-accent);
        }

        svg path {
            fill: var(--ec-clr-accent);
        }
    }

    .ec-currency-marketplace__products {
        --__grid-min-col-sz: 20rem;
        --__grid-max-col-count: 5;
        --__grid-gap: 1.25rem;
        display: grid;
        gap: var(--__grid-gap);


        /*! calculations, don't touch.
        * We subtract four gaps (1.25rem * 4) from container width(100%), then divide by the column count (5).
        * All stuff unrelated to that ↑, is for additional robustness - Andrey 24.04.25 
        */
        --__grid-col-sz-calc: repeat(auto-fit,
                minmax(min(var(--__grid-col-min-sz-calc), 100%),
                    1fr));
        --__grid-col-min-sz-calc: max(var(--__grid-min-col-sz), calc((100% - var(--__grid-gap) * calc(var(--__grid-max-col-count) - 1)) / var(--__grid-max-col-count)));

        grid-template-columns: var(--__grid-col-sz-calc);

        /* 1600 */
        @media screen and (width >=100rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    /* .ec-currency-marketplace__products, */
    .ec-currency-marketplace__loading-container {
        flex-direction: column;
        gap: 1.25rem;
        min-height: 600px;
    }

    .mobile-button-wrap {
        padding-block-end: 2rem;
        border-block-end: 1px solid var(--ec-bg-secondary);

        /* 840 */
        @media screen and (width >=52.5rem) {
            display: none;
        }
    }


    /** </ COMPONENTS */

    .ec-currency-marketplace__filters-component {
        display: none;

        &:is(.active) {
            background: hsla(210, 48%, 11%, 1);
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            justify-content: flex-start;
            height: 100%;
            left: 0;
            margin: 0;
            max-width: 100%;
            overflow-y: auto;
            padding: 1rem 1rem 7rem 1rem;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 20;

            .mobile-content {
                background: hsla(210, 48%, 11%, 1);
                position: sticky;
                margin: unset;
                top: -1rem;
            }

            .ec-close-btn {
                position: relative;
                inset: auto;
            }

            .ec-currency-marketplace__filter-submit-btn {
                display: inline-block;
                width: 100%;
                margin-block-start: auto;
            }
        }

        .ec-currency-marketplace__filter-submit-btn {
            display: none;
        }

        /* 840 */
        @media screen and (width >=52.5rem) {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            justify-content: space-between;
            overflow-y: unset;
        }

        /* 1024 */
        @media screen and (width >=64rem) {
            align-items: flex-end;
            flex-direction: row;
            flex-wrap: wrap;
            margin: 0 0 1.25rem 0;
            overflow-x: clip;
            overflow-y: auto;
        }

        .ec-currency-marketplace__filter-group {
            gap: 1.5rem;

            &:is(.ec-currency-marketplace__skeleton) {
                align-items: flex-end;
                height: 5rem;
            }

            @media screen and (width >=100rem) {
                gap: 2rem;
            }
        }

        .filter-group-left {
            flex-direction: column;

            /* 840 */
            @media screen and (width >=52.5rem) {
                display: grid;
                grid-auto-flow: column;
            }
        }

        .filter-group-right {
            display: none;
        }

        .ec-currency-marketplace__filter {
            align-content: center;
            min-width: fit-content;

            & .btn {
                flex: 1 1 100%;
                min-width: fit-content;
            }

            &:is(.ec-skeleton__filter) {
                align-content: baseline;
            }
        }

        .ec-currency-marketplace__filter-header {
            margin-bottom: 0.5rem;
        }

        .ec-currency-marketplace__filter-wrapper {
            gap: var(--fs-xs);

            .select2-container {
                min-width: 19rem;
                width: 100%;
                flex-grow: 1;
            }
        }

        input[type="radio"] {
            appearance: none;
            display: none;
        }
    }

    .ec-currency-marketplace__product-component {
        background-color: var(--ec-bg-primary);
        border: 1px solid;
        border-color: var(--ec-bg-primary);
        padding: 1.25rem;
        cursor: pointer;

        /* 1600 */
        @media screen and (width >=100rem) {
            display: flex;
            align-items: center;
            flex-direction: row;
            justify-content: space-between;
        }

        .ec-currency-marketplace__cells {
            width: 100%;
            display: grid;
            grid-template-areas: "price price"
                "realm realm"
                "stock min-purchase"
                "delivery-speed delivery-method"
                "seller seller";
            grid-template-columns: repeat(2, 1fr);

            /* 1600 */
            @media screen and (width >=100rem) {
                display: flex;
                flex-direction: row;
                align-items: center;
            }
        }

        .ec-currency-marketplace__cell,
        .skeleton-cell {
            padding: 0.75rem 0;
            position: relative;

            &:first-child:not(.skeleton-cell) {
                min-width: 9.5rem;
                padding: unset;
                padding-block-end: var(--ec-spacing-1x);

                /* 1600 */
                @media screen and (width >=100rem) {
                    padding: unset;
                    flex-direction: column;
                }

                /* 1920 */
                /* @media screen and (width >=120rem) {
                    min-width: 15.5rem;
                } */
            }

            &:last-child {
                padding-block-start: var(--ec-spacing-1x);
                padding-block-end: unset;

                /* 1600 */
                @media screen and (width >=100rem) {
                    padding-block-start: unset;
                }
            }

            &:not(:last-child):after {
                content: '';
                background-color: var(--ec-bg-secondary);
                display: block;
                height: 1px;
                inset: auto auto 0 0;
                position: absolute;
                width: 100%;
            }

            /* 1600 */
            @media screen and (width >=100rem) {
                padding: 0 1.25rem;

                &:not(:last-child):after {
                    right: 0;
                    inset: auto 0 50% auto;
                    min-height: 3.25rem;
                    max-height: 3.5rem;
                    transform: translateY(50%);
                    width: 1px;
                }

                &:is(.skeleton-cell):after {
                    inset: auto -1.25rem 50% auto;
                }
            }

            &:nth-child(3 of .currency-offer__content-part),
            &:nth-child(5 of .currency-offer__content-part) {
                padding-inline-start: var(--fs-xl);

                &::before {
                    content: '';
                    bottom: 50%;
                    background-color: var(--ec-bg-secondary);
                    display: block;
                    height: calc(100% - 1.5rem);
                    left: 0;
                    position: absolute;
                    transform: translateY(50%);
                    width: 1px;
                }

                /* 1600 */
                @media screen and (width >=100rem) {
                    padding-inline: 1.25rem;

                    &::before {
                        display: none;
                    }
                }
            }
        }

        .currency-offer__content-part,
        .ec-currency-offer__delivery-methods-content {
            flex-direction: column;
            row-gap: 2px;

            /* 1600 */
            @media screen and (width >=100rem) {
                gap: 6px;
            }
        }

        .ec-currency-offer__id {
            display: none;
        }

        .ec-currency-offer__price,
        .currency-offer__realm-faction {
            align-items: baseline;
            column-gap: var(--gap-s);
            grid-area: price;
            flex-direction: row;
        }

        .ec-currency-offer__stock {
            grid-area: stock;
            padding-inline-end: var(--fs-xl);
        }

        .ec-currency-offer__min-purchase {
            grid-area: min-purchase;
        }

        .ec-currency-offer__delivery-speed {
            grid-area: delivery-speed;
        }

        .ec-currency-marketplace__cell-delivery-methods {
            grid-area: delivery-method;
        }

        .currency-offer__realm-faction {
            align-items: end;
            grid-area: realm;

            /* 1600 */
            @media screen and (width >=100rem) {
                flex-direction: column;
                column-gap: 2px;
                width: 13.875rem;
            }

            & .ec-currency-marketplace__field:is(.field-0) {
                line-height: 120%;
                overflow: clip;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }

        .currency-offer__realm-faction {
            align-items: center;
            min-height: 54px;

            /* 1600 */
            @media screen and (width >=100rem) {
                align-items: unset;
                min-height: auto;
            }
        }

        .currency-offer__seller {
            grid-area: seller;
        }

        .ec-currency-offer__price-value,
        .ec-currency-offer__offer-value,
        .field-0,
        .ec-currency-marketplace__cells .ec-currency-offer-modal__offer-value {
            font-weight: 700;
        }

        .ec-currency-offer__price-value {
            font-size: var(--fs-2xl);
            line-height: var(--fs-3xl);

            /* 620 */
            @media screen and (width >=38.75rem) {
                font-size: 32px;
                line-height: 38px;
            }
        }

        .ec-currency-offer__offer-value,
        .ec-currency-offer__offer-info,
        .field-1,
        .currency-offer__seller-reviews {
            font-size: 14px;
            line-height: 1rem;
            text-overflow: ellipsis;
            white-space: nowrap;

            /* 1600 */
            @media screen and (width >=100rem) {
                font-size: 1rem;
                line-height: 1.5rem;
            }
        }


        .ec-currency-offer__offer-value,
        .field-0,
        .ec-currency-marketplace__cells .ec-currency-offer-modal__offer-value {

            /* 1600 */
            @media screen and (width >=100rem) {
                font-size: var(--fs-xl);
                line-height: var(--fs-3xl);
            }

            /* 1920 */
            /* @media screen and (width >=120rem) {
                font-size: var(--fs-2xl);
            } */
        }

        .field-1 {
            color: var(--txt-clr-dim);
        }

        .ec-currency-marketplace__cell-delivery-methods {
            position: relative;

            svg {
                width: 20px;
                height: 20px;
            }

            @media (hover:hover) {

                &:hover .ec-currency-marketplace__delivery-methods-tooltip {
                    --b: 1em;
                    --h: 0.5em;
                    --p: 50%;
                    --r: 1.2em;
                    --c: var(--ec-white);

                    background: var(--c);
                    border-image: conic-gradient(var(--c) 0 0) fill 0/ var(--r) calc(100% - var(--p) - var(--b)/2) 0 calc(var(--p) - var(--b)/2)/ 0 0 var(--h) 0;
                    clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%,
                            min(100%, var(--p) + var(--b)/2) 100%,
                            var(--p) calc(100% + var(--h)),
                            max(0%, var(--p) - var(--b)/2) 100%);
                    color: var(--ec-bg-primary);

                    display: flex;
                    flex-direction: column;
                    gap: var(--gap-s);
                    padding: var(--gap-s);

                    visibility: visible;
                    z-index: 20;
                }
            }

            .ec-currency-marketplace__delivery-methods,
            .ec-currency-offer__delivery-methods-info {
                gap: var(--gap-s);

                /* 1600 */
                @media screen and (width >=100rem) {
                    min-height: 1.5rem;
                    justify-content: flex-start;
                }
            }

            .delivery-method__icon path {
                fill: var(--ec-white);
            }

            .ec-currency-marketplace__delivery-methods-tooltip {
                display: none;
                transform: translate(-6%, -110%);
                width: max-content;

                svg path {
                    fill: var(--ec-bg-primary);
                }
            }
        }

        .currency-offer__show-modal-btn {
            display: none;

            /* 1600 */
            @media screen and (width >=100rem) {
                display: inline-flex;
            }
        }
    }

    @media (hover: hover) {
        @media screen and (min-width: 64rem) {
            .ec-currency-marketplace__product-component:hover {
                border-color: hsla(0, 0%, 100%, 0.15);
            }
        }
    }


    .ec-currency-offer__seller-avatar {
        --__m-i-e: var(--ec-spacing-1x);
        margin-inline-end: var(--__m-i-e);
    }

    .ec-currency-offer-modal__seller-name,
    .skeleton-line {
        gap: var(--gap-s);
        line-height: 1.5rem;
    }

    .ec-currency-offer__offer-modal .ec-currency-offer-modal__seller-name {
        font-size: var(--fs-2xl);
        font-weight: 700;
        line-height: var(--fs-3xl);
    }

    .ec-currency-offer-modal__seller-rating {
        gap: 6px;
    }

    .ec-currency-offer-modal__content-part {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--gap-s);
        flex-direction: row;
        justify-content: space-between;
        width: 100%;

        &:is(.grid-full-w) {

            @media screen and ((width < 40rem) or (width > 100rem)) {
                gap: var(--gap-s);
                flex-direction: column;
            }
        }
    }

    .ec-currency-marketplace__checkout-popup-component {
        .ec-currency-marketplace__overlay {
            display: none;

            &.active {
                display: flex;
                background: hsl(240deg 23.81% 8.24% / 95%);
                backdrop-filter: blur(3px);
                inset: 0;
                position: fixed;
                z-index: 100;
            }
        }

        .ec-currency-marketplace__popup {
            flex-direction: column;
            gap: 1.25rem;

            .ec-currency-offer-modal__title {
                color: var(--ec-white);
                font-size: var(--fs-2xl);
                font-weight: 700;
                line-height: var(--fs-3xl);

                /* 1600 */
                @media screen and (width >=100rem) {
                    font-size: 2rem;
                    line-height: var(--lh-l);
                }
            }

            .ec-currency-marketplace__body {
                --__p: 5rem;
                --__gap: var(--__p);
                --__w-col-left: 23.75rem;
                flex-direction: column;
                gap: 2rem var(--__gap);

                /* 1024 */
                @media screen and (width >=64rem) {
                    flex-direction: row;
                    align-items: flex-start;
                }

                .ec-currency-marketplace__side-left {
                    width: 100%;
                    order: 2;

                    /* 1024 */
                    @media screen and (width >=64rem) {
                        width: calc(100% - (var(--__gap) + var(--__w-col-left)));
                        order: unset;
                    }

                    .ec-currency-offer__seller-avatar {
                        --__m-i-e: 0.875rem;
                    }

                    .ec-currency-marketplace__description {
                        margin-top: 24px;
                    }

                    .ec-currency-offer-modal__description {

                        :is(h2, h3, h4, h5, h6) {
                            padding: unset;
                            margin: unset;
                            font-weight: 700;
                        }

                        :is(h2) {
                            font-size: 2rem;
                            line-height: var(--lh-l);
                        }

                        :is(h3) {
                            font-size: var(--fs-3xl);
                            line-height: 100%;
                        }

                        :is(h4) {
                            font-size: var(--fs-2xl);
                            line-height: 100%;
                        }

                        :is(h5, h6) {
                            font-size: var(--fs-xl);
                            line-height: 100%;
                        }

                        p,
                        li {
                            color: var(--ec-clr-secondary);

                            &:empty {
                                display: none;
                            }
                        }

                        a {
                            color: var(--ec-clr-accent) !important;
                            text-decoration: underline !important;
                            text-underline-offset: 3px !important;

                            &:hover {
                                color: var(--ec-clr-accent);
                            }
                        }
                    }
                }

                .ec-currency-marketplace__description br+p {
                    margin-block: unset;
                }

                .ec-currency-marketplace__side-right {
                    flex-direction: column;
                    gap: 1.25rem;
                    width: 100%;
                    order: 1;

                    /* 1024 */
                    @media screen and (width >=64rem) {
                        width: min(var(--__w-col-left), 100%);
                        order: unset;
                        transform: translateY(-4rem);
                        position: sticky;
                        top: var(--ec-header-height);
                    }


                    .ec-currency-marketplace__form {
                        flex-direction: column;
                        gap: var(--gap-s);

                        .toggle-checkbox-ul {
                            gap: 0.5rem;
                        }

                        /* 1024 */
                        @media screen and (width >=64rem) {
                            width: min(29rem, 100%);
                            border: 1px solid #293440;
                            border-radius: 8px;
                            background-color: #0E1B28;
                            padding: 24px;
                        }

                        svg {
                            display: inline-block;
                        }

                        .ec-currency-marketplace__min-purchase {
                            display: inline-flex;
                            gap: 0.5rem;
                            text-align: initial;
                        }

                        .ec-currency-marketplace__popular-amounts {
                            overflow-x: auto;
                            scroll-snap-type: x mandatory;
                            scroll-snap-align: end;
                            align-items: center;
                            gap: var(--gap-s);
                            padding-block-end: var(--gap-s);
                            scrollbar-gutter: stable;

                            /* 1600 */
                            @media screen and (width >=100rem) {
                                flex-wrap: wrap;
                                padding-block-end: unset;
                                overflow: clip;
                            }

                            .ec-currency-marketplace__popular-amount {
                                background-color: var(--ec-bg-secondary);
                                font-weight: 500;
                                min-width: max-content;
                                padding: var(--gap-s) var(--fs-xs);

                                &:hover {
                                    background: hsla(227, 58%, 94%, 0.3);
                                }
                            }
                        }

                        .ec-currency-marketplace__currency-total {
                            color: var(--ec-white);
                            font-size: var(--fs-2xl);
                            font-weight: 700;
                            line-height: var(--fs-3xl);
                            margin-block-start: calc(var(--fs-3xl) - var(--gap-s));

                            /* 1600 */
                            @media screen and (width >=100rem) {
                                font-size: 32px;
                                font-weight: 700;
                                line-height: 38px;
                            }
                        }
                    }

                    .ec-currency-offer-modal__inputs {
                        flex-direction: column;
                        gap: inherit;
                        margin-block: calc(var(--fs-3xl) - var(--gap-s));

                        .total-price__input-container::after,
                        .total-amount__input-container::after {
                            color: var(--txt-clr-dim);
                            content: attr(data-currency);
                            font-size: 1rem;
                            position: absolute;
                            right: 1rem;
                            top: 1rem;
                            text-transform: capitalize;
                        }

                        .total-amount__input-container::after {
                            content: attr(data-currency-name);
                        }
                    }

                    .ec-currency-marketplace__error-message {
                        color: red;
                    }

                    .ec-currency-marketplace__btn-list {
                        gap: 0 var(--gap-s);

                        .ec-currency-marketplace__btn {
                            flex: 1 1 100%;
                        }

                        .ec-currency-marketplace__btn-add {
                            background-color: #252630;

                            &:hover {
                                background-color: #21222B
                            }
                        }
                    }

                    .product-rightbar-info {
                        padding-block-end: 2rem;
                        border-block-end: 1px solid var(--ec-bg-secondary);

                        /* 1024 */
                        @media screen and (width >=64rem) {
                            padding-block-end: 1.5rem;
                            border-block-end: unset;
                        }
                    }
                }


            }
        }

        /* 1024 */
        @media screen and (width >=64rem) {
            .js-tags-container-mobile {
                display: none;
            }
        }

        .ec-currency-marketplace__tags {

            /* 1600 */
            @media screen and (width >=100rem) {
                border-bottom: 1px solid var(--ec-bg-secondary);
                margin-block-end: 1.25rem;
                padding-bottom: 1.25rem;
            }

            .ec-currency-marketplace__tag {
                font-weight: 500;
                background-color: var(--ec-bg-secondary);
                border: none;
            }
        }
    }

    /** COMPONENTS /> */

    /** </ BLOCKS */
    .ec-currency-marketplace__block-seller {
        width: 100%;

        .ec-currency-marketplace__avatar,
        .skeleton-img {
            width: 50px;
            height: 50px;
            border: 1px solid var(--ec-clr-secondary);
        }

        .ec-currency-marketplace__is-online {
            display: inline-block;
            width: 0.5rem;
            height: 0.5rem;
            background-color: #2edb4b;
            box-shadow: 0 0 7px 0 #2edb4b;
        }

        .ec-currency-marketplace__avatar,
        .skeleton-img,
        .ec-currency-marketplace__is-online {
            border-radius: var(--round);
        }
    }

    /** BLOCKS /> */
}

.ec-currency-marketplace-section {
    flex-direction: column;
    gap: 3.25rem var(--gap);
    justify-content: space-between;

    /* 1600 */
    @media screen and (width >=100rem) {
        flex-direction: row;
        column-gap: 6rem;
        margin-block: 3.25rem;
    }

    &:not(:first-of-type) {
        border-block: 1px solid var(--ec-bg-secondary);
    }
}

.p-b-section {
    padding-block: 2rem;

    /* 620 */
    @media screen and (width >=38.75rem) {
        padding-block: 2.5rem;
    }

    /* 1920 */
    @media screen and (width >=120rem) {
        padding-block: 3.25rem;
    }
}

.ec-currency-marketplace__filters-component:not(.ec-currency-marketplace__loaded) .filter-group-right {
    display: flex;
    flex-direction: column;

    /* 840 */
    @media screen and (width >=52.5rem) {
        flex-direction: row;
    }

    /* 1024 */
    @media screen and (width >=64rem) {
        justify-content: space-between;
    }
}

.ec-currency-marketplace__skeleton {
    opacity: 0.7;
    pointer-events: none;
}

.skeleton-content {
    gap: 2.5rem;
}

/* 1600 */
@media screen and (width >=100rem) {
    .skeleton-cell:not(:last-child) {
        animation: skeleton-loading 1.5s infinite alternate;
        height: 54px;
        max-width: 7rem;
        width: 100%;

        &:is(.currency-offer__realm-faction) {
            max-width: unset;
        }

        &:first-child {
            height: 4.25rem;
            max-width: 8.25rem;
        }
    }
}

.ec-currency-marketplace__cells .skeleton-cell:last-child {
    padding: unset;
    width: fit-content;
}

.skeleton-img,
.skeleton-line,
.skeleton-txt,
.skeleton-btn {
    animation: skeleton-loading 1.5s infinite alternate;
    /* border: none !important; */
    color: transparent;
}

.skeleton-line {
    --__h: 1.5rem;
    height: var(--_h, 1.5rem);
    width: 10rem;
    border-radius: var(--rounded-corners);
}

/* 1600 */
@media screen and (width >=100rem) {
    .skeleton-btn {
        height: 3rem;
        width: 8.5rem;
    }
}

@keyframes skeleton-loading {
    0% {
        background-color: hsla(227, 58%, 94%, 0.1);
    }

    100% {
        background-color: hsla(227, 58%, 94%, 0.2);
    }
}


/*! end marketplace */

/*! product options skeleton loading */


.ec-product-options__skeleton {
    gap: var(--tcgap);
    padding: 0 1.5rem 0.5rem 1.5rem;
    width: 100%;
}

.skeleton-item__child {
    flex-direction: column;
}

.skeleton-item__child,
.skeleton-item__checkbox-container {
    gap: var(--tcinnergap, 0.5rem);
}

.skeleton-item__cell-item {
    align-content: center;
    min-height: 3rem;
    border-radius: var(--rounded-corners);

    &:is(.skeleton-slider-container) {
        min-height: 2rem;
    }
}

.skeleton-slider-container::before,
.skeleton-slider-container::after {
    border: 1px solid var(--ec-bg-primary);
    border-radius: var(--round);
    content: '';
    display: block;
    filter: brightness(0.85);
    height: calc(var(--fs-m) - 1px);
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% + 1px));
    width: calc(var(--fs-m) - 1px);
    animation: skeleton-loading 1.5s infinite alternate;
}

.skeleton-slider-container::before {
    left: 0;
}

.skeleton-slider-container::after {
    right: 0;
}

.skeleton-slider {
    height: 3px;
    inset: 50% 4% auto 4%;
    width: 100%;
    max-width: 92%;
}

.skeleton-item__checkbox-container,
.skeleton-item__checkbox,
.skeleton-line {
    --__h: 1.25rem;
    align-items: center;
    height: var(--__h);
}

.skeleton-item__child-label {
    --__h: 1.5rem;
    margin-block-start: var(--gap-s);
    height: var(--_h, 1.5rem);
}

.skeleton-item__checkbox {
    height: var(--_h, 1.25rem);
    width: 1.25rem;
    border-radius: var(--rounded-corners);
}

.skeleton-item__child .wpwp-slider-added-input {
    flex-wrap: nowrap;
    gap: var(--fs-s);

    & .wpwp-slider-input-separator {
        filter: brightness(0.5);
    }
}

/*! end product options skeleton loading */

.social-auth-button,
:is(.js-dialog-auth-login, .js-dialog-auth-registration) .additional-text,
.page-numbers .d-none {
    display: none !important;
}

/*! Intercom banner */

iframe[name="intercom-banner-frame"] {
    top: 106px !important;
    z-index: 6 !important;
}

/*! end Intercom banner */