body.login-page {
    background-image: url("../images/background_admin.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    color: #606468;
    font: 87.5%/1.5em 'Open Sans', sans-serif;
    margin: 0;
    position: relative;
}

.login_title_cw {
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #1d97e2;
    font-weight: bold;
}

.login-box-msg {
    color: #1d97e2;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}

.hidden {
    display: none;
}

.text-red,
small {
    color: #f00;
}

.addedToCart_layer {
    display: none;
    position: fixed;
    width: 100%;
    padding: 0;
    z-index: 100;
}

.addedToCart_layer .alert-success {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--main-color);
}

.addedToCart_layer .alert-success a {
    color: var(--main-color);
}

.addedToCart_layer.act {
    display: block;
}

@font-face {
    font-family: "Roboto Regular"; /*400*/
    font-display: swap;
    src: url(../fonts/RobotoCondensed/RobotoCondensed-Regular.ttf) format("truetype")
}

@font-face {
    font-family: "Roboto-Medium"; /*500*/
    font-display: swap;
    src: url(../fonts/RobotoCondensed/RobotoCondensed-Medium.ttf) format("truetype")
}

@font-face {
    font-family: "Roboto-Bold"; /*700*/
    font-display: swap;
    src: url(../fonts/RobotoCondensed/RobotoCondensed-Bold.ttf) format("truetype")
}

@font-face {
    font-family: "Roboto-Black"; /*900*/
    font-display: swap;
    src: url(../fonts/RobotoCondensed/RobotoCondensed-Black.ttf) format("truetype")
}

@font-face {
    font-family: "PlusJakartaSans-ExtraBold"; /*800*/
    font-display: swap;
    /*src: url(../fonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.ttf) format("truetype")*/
    src: url(../fonts/RobotoCondensed/RobotoCondensed-ExtraBold.ttf) format("truetype")
}

@font-face {
    font-family: "Alexandria-Regular"; /*400*/
    font-display: swap;
    /*src: url(../fonts/Alexandria/Alexandria-Regular.ttf) format("truetype")*/
    src: url(../fonts/RobotoCondensed/RobotoCondensed-Regular.ttf) format("truetype")
}

@font-face {
    font-family: "Alexandria-Extrabold"; /*800*/
    font-display: swap;
    /*src: url(../fonts/Alexandria/Alexandria-ExtraBold.ttf) format("truetype")*/
    src: url(../fonts/RobotoCondensed/RobotoCondensed-ExtraBold.ttf) format("truetype")
}

@font-face {
    font-family: "PassionOne-Bold"; /*700*/
    font-display: swap;
    src: url(../fonts/PassionOne/PassionOne-Bold.ttf) format("truetype")
}

.scroll-up {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 25px;
    color: var(--main-color);
    background-color: #BFBEBE99;
    font-size: 18px;
    z-index: 99999;
    width: 45px;
    height: 45px;
    cursor: pointer;
    border-radius: 3px;
}

.scroll-up-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.cw-checkbox {
    border: 1px solid #bbb;
    color: var(--light-color);
    background-color: var(--light-color);
    line-height: 0;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin: -3px 10px 0 0;
    outline: 0;
    text-align: center;
    vertical-align: middle;
    clear: none;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 5px;
}

.adulcontentBody {
    overflow: hidden;
}

.adult-content a,
.adult-content a:hover,
.adult-content button {
    padding: 0.4em 1em;
    background-color: var(--main-color);
    color: var(--light-color);
    border-radius: 5px;
}

.adult-content button {
    background-color: #006100;
    border: none;
}

input[type=checkbox]:checked:before, input[type=radio]:checked:before {
    color: #000 !important;
    content: "";
    margin-bottom: -1px;
    font-weight: 600;
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    line-height: 19px;
    font-family: "Font Awesome 5 Free", serif;
    text-rendering: auto;
}

.checkbox-block span {
    color: #000;
    font-size: 17px;
}

.checkbox-block span a {
    color: #000;
}

.checkbox-block span a:hover {
    text-decoration: underline !important;
}

a:focus,
a:hover,
a:focus *,
a:hover *{
    text-decoration: none !important;
    color: currentColor;
}

/* ### */

:root {
    --main-color: #000;
    --secondary-color: #FFFF00;
    --light-color: #FFF;
    --unique-title-color: #1BB6CB;
    --left-canvas-width: 33vw;
    --new-title-color: #E31C7D;
}

body {
    font-family: "Roboto Regular", serif;
}

header {
    background-color: var(--main-color);
}

.static-content {
    font-family: "Roboto Regular", serif;
    font-size: 17px;
}

.static-content h1,
.static-content h2,
.static-content h3,
.static-content h4,
.static-content h5,
.static-content h6 {
    font-family: "PlusJakartaSans-ExtraBold", serif;
}

#desktopHeader > div > div:first-child {
    padding-top: 2em;
    padding-bottom: 2em;
}

#desktopHeader > div > div:nth-child(2) {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    border-top: 1px solid var(--light-color);
}

header .logo-block img {
    width: 100%;
}

#desktopHeader .search-form {
    width: 25%;
    position: relative;
}

#desktopHeader .search-form input {
    width: 100%;
    height: 40px;
    border-radius: 25px;
    border: none;
    padding-left: 20px;
    padding-right: 55px;
}

#desktopHeader .search-form button {
    border: none;
    background: none;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.cart-link {
    position: relative;
}

.favorite-count,
.cart-link .product-count {
    position: absolute;
    top: -10px;
    right: 0;
    background-color: var(--secondary-color);
    color: var(--main-color);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.user-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: var(--main-color);
    z-index: 100;
    transition: none;
    border: 1px solid var(--secondary-color);
    padding: .5rem 0;
}

.user-dropdown .dropdown-item {
    color: var(--light-color);
    text-align: center;
}

.user-dropdown .dropdown-item:hover {
    background: none;
}

#dropdownMenuButtonLang,
#dropdownMenuButton {
    background: none;
    border: none;
}

.language-select > button {
    color: var(--light-color) !important;
    font-size: 20px;
    text-transform: uppercase;
    min-width: unset;
}

.language-select .dropdown-menu {
    min-width: unset;
    border-radius: 0;
    left: -35px !important;
    top: 3px !important
}

#desktopHeader .navbar-nav {
    flex-direction: row;
    justify-content: space-between;
}

#desktopHeader .navbar-nav .nav-link {
    background: none;
    border: none;
    color: var(--light-color) !important;
    font-family: "Roboto-Bold", serif;
    text-transform: uppercase;
}

#desktopHeader .navbar-nav .nav-link ~ .dropdown-menu {
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 100% !important;
}

.category-menu-icon {
    height: 30px;
    width: 30px;
    object-fit: contain;
    margin-right: 10px
}

#carouselTop .slide-img {
    width: 100%;
}

.desktop-brand-list .one-brand-desktop {
    display: block;
    position: relative;
}

.desktop-brand-list {
    row-gap: 1em;
}

.desktop-brand-list > div:not(:last-child, :nth-child(6n))::after {
    content: "";
    width: 1px;
    height: 80px;
    background-color: var(--main-color);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.one-brand {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.one-brand img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}

.brand-fluid {
    margin-top: 3em;
    margin-bottom: 3em;
}

.section-title {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    font-size: 40px;
    margin-bottom: 1em;
}

.flag-title {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    font-size: 32px;
    display: flex;
    width: fit-content;
    padding: 10px 35px;
    margin-bottom: 1.5em;
}

.flag-title.right-border {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.flag-title.left-border {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.about-us-fluid {
    margin-top: 4em;
    padding-top: 3em;
    padding-bottom: 3em;
}

/*
.about-us-title {
    color: var(--secondary-color);
    font-family: "PlusJakartaSans-ExtraBold", serif;
    font-size: 32px;
}

.about-us-fluid .static-content {
    color: var(--light-color);
    font-family: "Roboto Regular", serif;
}

.primary-cta {
    background-color: var(--secondary-color);
    border: none;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    font-family: "Roboto-Bold", serif;
    padding: 4px;
}

.primary-cta,
.primary-cta:hover,
.primary-cta:focus {
    color: var(--main-color);
}
*/

.newsletter-block {
    background-color: var(--secondary-color);
    color: var(--main-color);
    margin-top: 3em;
    margin-bottom: 3em;
    position: relative;
    padding: 1em;
    border-radius: 15px;
}

.prev-1,
.next-1,
.prev-2,
.next-2 {
    background: none;
    border: none;
    position: absolute;
    top: 35%;
}

.prev-1,
.prev-2 {
    left: -30px;
}

.next-1,
.next-2 {
    right: -30px;
}

.type-1-prod a {
    display: block;
}

.type-1-prod .product-name {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    color: var(--main-color);
    line-height: 1.2em;
    height: 2.4em;
    overflow: hidden;
    margin-top: 0.5em;
}

.highlighted-anchor .actual-price,
.highlighted-anchor .old-price,
.type-1-prod .actual-price,
.type-1-prod .old-price {
    color: var(--main-color);
}

.highlighted-anchor:hover .old-price,
.type-1-prod:hover .old-price {
    text-decoration: line-through !important;
}

.highlighted-fluid {
    margin-top: 5em;
    margin-bottom: 4em;
}

.type-2-prod {
    background-color: var(--main-color);
    color: var(--light-color);
    padding: 1em;
}

.type-2-prod a {
    color: var(--light-color);
}

.type-2-prod img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.type-2-prod .product-name {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    line-height: 1.2em;
    height: 2.4em;
    overflow: hidden;
    margin-top: 0.5em;
    margin-bottom: 0;
}

.type-2-prod .one-prod-list-desc {
    line-height: 1.1em;
    height: 5.5em;
    overflow: hidden;
}

.type-3-prod {
    /*background-color: var(--main-color);*/
    /*color: var(--light-color);*/
    padding: 1em;
}

.type-3-prod a {
    color: var(--main-color);
}

.type-3-prod img {
    width: 100%;
    height: 300px;
    object-fit: contain;
}

.type-3-prod .product-name {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    line-height: 1.2em;
    height: 2.4em;
    overflow: hidden;
    margin-top: 0.5em;
    margin-bottom: 0;
    font-size: 18px;
}

.type-3-prod .button-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1em;
}

.type-3-prod .price-block {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    font-size: 17px;
}

.type-3-prod .price-block .old-price {
    font-size: 15px;
}

.type-3-prod .price-block .old-price,
.type-3-prod .price-block .actual-price {
    white-space: nowrap;
}

.one-prod-list-properties {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    margin: 0.7em 0;
}

.one-prod-list-properties span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 50%;
    font-family: "Roboto-Bold", serif;
    font-weight: 400;
    font-size: 17px;
    color: var(--main-color);
    line-height: 1;
    text-align: center;
    padding: 5px 0;
    border-radius: 10px;
    background-color: var(--light-color);
    border: 1px solid var(--main-color);
}

.tight-list > div {
    padding-left: 3px;
    padding-right: 3px;
}

.section-subtitle {
    font-size: 18px;
    color: #00000070;
}

.blog-grid {
    height: max-content;
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
    "first second second"
    "third fourth fifth";
    margin-top: 2em;
}

.blog-grid > a img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    transition: .4s;
}

.br-15 {
    border-radius: 15px;
}

.blog-grid > a {
    display: block;
    overflow: hidden;
    border-radius: 15px;
}

.blog-grid > a:hover img {
    transform: scale(1.1);
}

.blog-grid > a:nth-child(1) {
    grid-area: first;
}

.blog-grid > a:nth-child(2) {
    grid-area: second;
}

.blog-grid > a:nth-child(3) {
    grid-area: third;
}

.blog-grid > a:nth-child(4) {
    grid-area: fourth;
}

.blog-grid > a:nth-child(5) {
    grid-area: fifth;
}

.blog-info {
    display: none;
    color: #A8A7A7 !important;
    font-family: "Roboto-Medium", serif;
    margin-top: 0.5em;
}

.blog-info h3 {
    color: var(--main-color);
    font-size: 18px;
}

.newsletter-text {
    font-size: 18px;
}

.newsletter-input-group {
    display: flex;
    height: 35px;
    margin-top: 1.5em;
    margin-bottom: 2em;
}

.newsletter-input-group .form-group {
    width: 400px;
    max-width: 70%;
    height: 100%;
}

.newsletter-input-group input {
    border: none;
    width: 95%;
    height: 100%;
    margin-right: 15px;
}

.newsletter-input-group input,
.newsletter-input-group button {
    border-radius: 15px;
}

.cart-btn,
.newsletter-input-group button {
    border: none;
    background-color: var(--main-color);
    color: var(--light-color) !important;
    font-family: "PlusJakartaSans-ExtraBold", serif;
    height: 100%;
    padding: 0 0.8em;
}

.cart-btn {
    font-size: 17px;
    padding: 0.3em 0.5em;
    border-radius: 5px;
}

.cart-btn:disabled,
.btn-cart:disabled,
.newsletter-input-group button:disabled {
    opacity: 75%;
}

.newsletter-side-img {
    position: absolute;
    bottom: 0;
    right: 50px;
    width: 280px;
}

.join-col * {
    position: relative;
    z-index: 5;
}

.join-col .join-side-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 85%;
    right: 50px;
    z-index: 1 !important;
    max-width: 65%;
    object-fit: contain;
}

footer {
    background-color: var(--main-color);
    padding-top: 2em;
}

.footer-title {
    font-family: "Alexandria-Extrabold", serif;
    padding-top: 15px;
    background: none;
    border: none;
    color: var(--light-color);
    font-size: 24px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
}

.footer-links {
    font-size: 15px;
    font-family: "Alexandria-Regular", serif;
}

.footer-links,
.footer-links:hover {
    color: var(--light-color);
}

.footer-title .close-icon {
    display: none;
}

.footer-title[aria-expanded="true"] .close-icon {
    display: block !important;
}

.footer-title[aria-expanded="true"] .open-icon {
    display: none;
}

.footer-logo {
    max-width: 170px;
}

.footer-social {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--light-color);
}

.footer-payment {
    padding-top: 1em;
    border-top: 1px solid var(--light-color);
    display: flex;
    justify-content: flex-end;
}

.footer-payment img {
    width: 350px;
    max-width: 95%;
}

footer .social-links {
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
}

footer .social-links a {
    color: var(--light-color);
}

.product-details-block {
    color: var(--main-color);
    background-color: var(--light-color);
    padding: 1.5em !important;
    position: relative;
}

.product-details-block .product-name {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    font-size: 36px;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.product-details-block .product-name div {
    color: var(--main-color);
}

.on-stock-flag {
    padding: 5px 25px;
    font-family: "PlusJakartaSans-ExtraBold", serif;
    font-size: 20px;
    color: #4ED55B;
    margin-left: -24px;
    width: max-content;
}


.on-stock-flag.out-of {
    color: #f00;
}

.rating-stock {
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
    gap: 1em;
}

.stars-row {
    display: flex;
    align-items: center;
    width: fit-content;
    justify-content: flex-start;
    flex-direction: row;
}

.product-details-block .stars-row svg {
    height: 25px;
    width: 25px;
    margin-right: 5px;
}

.product-details-block .stars-row span {
    font-size: 15px;
    color: #A8A7A7;
}

.stars-row svg {
    height: 30px;
    width: 30px;
    margin-right: 10px;
}

.stars-row span {
    color: var(--main-color);
    font-size: 20px;
    font-family: "Roboto-Medium", serif;
}

.product-view .price-row .actual-price {
    font-size: 30px;
    font-family: "Roboto-Bold", serif;
    white-space: nowrap;
}

.product-view .price-row {
    margin-top: 0;
    margin-bottom: 1em;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    column-gap: 10px;
    flex-wrap: wrap;
}

.default-button,
.btn-cart {
    font-family: "Roboto-Bold", serif;
    background-color: var(--secondary-color);
    border: none;
    border-radius: 10px;
    padding: 0 1em;
    display: flex;
    width: 65%;
    align-items: center;
    justify-content: center;
    column-gap: .5em;
    font-size: 25px;
    min-height: 42px;
    max-height: fit-content;
    color: var(--main-color);
}

.default-button {
    width: max-content;
    max-width: 100%;
    font-size: 18px;
}

.default-button:hover,
.default-button:focus {
    color: var(--main-color);
}

.default-button.google {
    background-color: var(--light-color);
    border: 1px solid var(--main-color);
}

.btn-cart,
.default-button.inv {
    background-color: var(--main-color);
    color: var(--light-color);
}

.default-button.inv:hover,
.default-button.inv:focus {
    color: var(--light-color);
}

.default-button.inv2 {
    background-color: var(--light-color);
    color: var(--main-color);
}

.default-button.inv2:hover,
.default-button.inv2:focus {
    color: var(--main-color);
}

.default-button.inv2.bordered {
    border: 1px solid var(--main-color);
}

.quantity-row {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.quantity-select {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 100%;
}

.quantity-select input {
    border-radius: 0;
    outline: none;
    width: 100%;
    min-width: 30px;
    text-align: center;
    font-size: 22px;
    border: none;
    border-top: 1px solid #0000009E;
    border-bottom: 1px solid #0000009E;
    background-color: #fff;
    height: 42px;
    max-width: 45px;
    font-family: "PlusJakartaSans-ExtraBold", serif;
}

.quantity-select span {
    border: 1px solid #0000009E;
    background-color: #fff;
    height: 42px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
}

.quantity-select span:nth-of-type(1) {
    border-right: none;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.quantity-select span:nth-of-type(2) {
    border-left: none;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.quantity-select span svg {
    fill: #000;
}

.parameters-title {
    font-family: "Roboto Regular", serif;
    font-size: 14pt;
    font-weight: bolder;
}

.product-big-image, .small-image img {
    width: 100%;
    cursor: pointer
}

.product-big-image {
    aspect-ratio: 1/1;
    object-fit: contain
}

.custom-breadcrumb a,
.custom-breadcrumb a:hover {
    color: var(--main-color);
    text-decoration: none;
}

.custom-breadcrumb span:not(.separator) {
    color: #A8A7A7;
}

.custom-breadcrumb {
    margin-top: 1em;
}

.secondary-block {
    background-color: var(--secondary-color);
    padding-top: 2em;
    padding-bottom: 2em;
    margin-top: 3rem;
}

.packages {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    gap: 15px;
}

.packages button {
    background-color: var(--main-color);
    color: var(--secondary-color);
    border-radius: 50%;
    border: none;
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Roboto-Medium", serif;
    line-height: 1.1em;
}

.packages button.active-btn {
    border: 3px solid var(--secondary-color);
}

.old-price {
    text-decoration: line-through;
}

.type-container {
    display: flex;
    column-gap: 1em
}

.type-container button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #4f4f4f;
    color: var(--light-color);
    border-radius: 10pt;
    transition: .3s;
    text-decoration: none;
    user-select: none;
    border: none;
    font-size: 18px;
}

.type-container button.current, .type-container button:hover {
    background-color: var(--secondary-color) !important;
    color: var(--main-color) !important
}

.one-rating, .one-rating-fixed {
    align-self: flex-end;
    height: 20px;
    background-position: center;
    background-size: 28px;
    background-image: url("data:image/svg+xml,%3Csvg width='164' height='152' viewBox='0 0 164 152' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M82.0734 15.7676L96.6232 59.2826L97.7649 62.6971H101.365H148.044L110.404 89.2713L107.367 91.4155L108.546 94.9414L123 138.169L84.9572 111.31L82.0734 109.274L79.1896 111.31L41.147 138.169L55.6005 94.9414L56.7795 91.4155L53.7424 89.2713L16.1031 62.6971H62.7816H66.3819L67.5235 59.2826L82.0734 15.7676Z' fill='white' stroke='%23FFFF00' stroke-width='10'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    display: flex
}

.one-rating {
    width: 50px;
    cursor: pointer
}

.one-rating-fixed.act, .one-rating.act, .one-rating:hover, .one-rating:hover ~ .one-rating {
    background-image: url("data:image/svg+xml,%3Csvg width='164' height='152' viewBox='0 0 164 152' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M81.9269 15.7676L96.4767 59.2826L97.6184 62.6971H101.219H147.897L110.258 89.2713L107.221 91.4155L108.4 94.9414L122.853 138.169L84.8107 111.31L81.9269 109.274L79.0431 111.31L41.0005 138.169L55.4541 94.9414L56.633 91.4155L53.5959 89.2713L15.9566 62.6971H62.6351H66.2354L67.377 59.2826L81.9269 15.7676Z' fill='%23FFFF00' stroke='%23FFFF00' stroke-width='10'/%3E%3C/svg%3E");
}

.right-rating-sys {
    display: flex;
    justify-content: space-between;
    width: 163px;
    padding-left: 1em;
    flex-direction: row-reverse
}

.reviews-flag {
    background-color: var(--main-color);
    display: flex;
    padding: 1em;
    gap: 1em;
    width: max-content;
    max-width: max-content;
    border-radius: 15px;
}

.review-avg-nr {
    color: var(--secondary-color);
    font-size: 35px;
    font-family: "Roboto-Bold", serif;
    line-height: 1em;
}

.review-stars {
    margin-bottom: 0.5em;
}

.review-stars svg {
    height: 30px;
    width: 30px;
    margin-right: 5px;
}

.review-count {
    font-family: "Roboto-Medium", serif;
    font-size: 22px;
    color: var(--light-color);
}

.reviews-pager {
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
}

.reviews-pager #pills-tab {
    gap: 0.8em;
}

.reviews-pager #pills-tab button {
    font-family: "Roboto-Bold", serif;
    background-color: var(--main-color);
    color: var(--secondary-color);
    border: none;
    font-size: 18px;
}

.reviews-pager #pills-tab button.active {
    background-color: var(--secondary-color);
    color: var(--main-color);
    text-decoration: none;
}

.one-added-review {
    display: flex;
    column-gap: 2em;
    width: 100%;
    align-items: center;
}

.one-added-review .profile {
    background-color: var(--main-color);
    border-radius: 50%;
    width: 85px;
    height: 85px;
    overflow: hidden;
    flex-shrink: 0;
}

.one-added-review .profile img {
    width: 100%;
    object-fit: cover;
}

.one-added-review .review-part {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid var(--main-color);
    font-family: "Roboto-Medium", serif;
    font-size: 18px;
    padding: 1em 0;
}

.row:first-child .review-part {
    border-top: 1px solid var(--main-color);
}

.one-added-review .stars-row {
    align-items: flex-start;
}

.buyer {
    color: #27992B;
}

#accordionProd {
    margin-bottom: 5em;
    /*background-color: var(--main-color);*/
}

#accordionProd button,
#accordionProd .static-content,
#accordionProd .static-content a {
    color: var(--main-color);
}

#accordionProd button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    background-color: transparent;
    width: 100%;
    /*font-family: "PlusJakartaSans-ExtraBold", serif;*/
    /*font-size: 20px;*/
    /*position: relative;*/
    font-family: "Roboto Regular", serif;
    font-size: 11pt;
    padding: 0.3em 0.5em;
    border-top: 1px solid var(--light-color);
    border-bottom: 1px solid var(--light-color);
    text-align: left;
}

.static-content.highlight-title h2 {
    font-family: "Roboto Regular", serif;
    font-size: 14pt;
    font-weight: bolder;
}

/*#accordionProd button::before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: var(--secondary-color);
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}*/

#accordionProd .static-content {
    padding: 0.5em 1.5em;
}

/*#accordionProd .close-collapse,
#accordionProd .open-collapse {
    font-size: 35px;
    color: var(--secondary-color);
    line-height: 1em;
}*/

#accordionProd .open-close-collapse {
    transition: .4s;
    display: flex;
}

/*#accordionProd button[aria-expanded="false"] .close-collapse {
    display: none;
}*/

#accordionProd button[aria-expanded="true"] .open-close-collapse {
    transform: rotate(90deg);
}

.favorite-btn {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='154' height='131' viewBox='0 0 154 131' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M91.606 122.82C83.389 131.06 70.6627 131.06 62.4457 122.82L13.4391 73.6703C-19.3454 40.4825 23.4653 -32.8411 77.0258 21.3771C130.492 -32.7458 173.303 40.579 140.613 73.6703L91.606 122.82Z' fill='%23EB010100' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    height: 26px;
    width: 30px;
    display: inline-block;
    flex-shrink: 0;
}

.favorite-btn.filled {
    background-image: url("data:image/svg+xml,%3Csvg width='154' height='131' viewBox='0 0 154 131' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M91.606 122.82C83.389 131.06 70.6627 131.06 62.4457 122.82L13.4391 73.6703C-19.3454 40.4825 23.4653 -32.8411 77.0258 21.3771C130.492 -32.7458 173.303 40.579 140.613 73.6703L91.606 122.82Z' fill='%23EB0101' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


.select-custom {
    width: 100%;
}

.select-custom + .select2-container .select2-selection__rendered img,
.img-flag{
    width:35px;
    height:35px;
    margin-right: 5px;
    vertical-align: middle;
    object-fit: contain;
}

.select-custom + .select2-container .select2-dropdown {
    display: none;
}

.select2-container--default .select2-selection--single {
    background-color: #ECF2FF;
    border: 1px solid #aaa;
}

.select2-selection.select2-selection--single {
    height: max-content !important;
}

.select-container {
    display: flex;
    flex-direction: column;
    row-gap: 1em;
    counter-reset: section;
}

.select-container .select-item {
    position: relative;
    padding-left: 2em;
}

.select-container .select-item::before {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px !important;
    min-height: 35px !important;
    display: flex !important;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 1px !important;
}

.product-list-title {
    background-color: var(--secondary-color);
    font-family: "PlusJakartaSans-ExtraBold", serif;
    color: var(--main-color) !important;
    border-radius: 15px;
    width: max-content !important;
    max-width: unset !important;
    flex-basis: unset !important;
    margin-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.25);
}

.product-list-title h1 {
    margin: 0.3em 0;
    font-size: 38px;
}

.filter-options {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0.3em 0;
    column-gap: 2em;
    max-width: 100%;
    flex-wrap: wrap;
    row-gap: 0.8em;
}

.filter-row {
    justify-content: flex-end;
    border-top: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
    margin-bottom: 4em;
}

.filter-options .cw-checkbox {
    border-radius: 0;
    border-color: var(--main-color);
    margin-right: 3px;
}

.filter-options .checkbox-block span,
.filter-collapse-icon:hover,
.filter-collapse-icon:focus,
.filter-collapse-icon {
    color: var(--main-color);
}

.filter-options .filter-collapse-icon,
/*.filter-options select,*/
.filter-options > .form-group {
    border: 1px solid var(--main-color);
    padding: 5px 10px;
    background-color: transparent;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
}

.filter-options .filter-collapse-icon {
    border: none !important;
}

#collapseFilter {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
}

#collapseFilter .collapse-btn {
    border: none;
    background: none;
    color: var(--main-color);
    font-size: 19px;
    width: 100%;
    text-align: left;
    padding: 0.4em 0.6em;
}

#collapseFilter .collapse-btn svg {
    transform: rotate(-90deg);
    transition: .3s;
}

#collapseFilter .collapse-btn[aria-expanded="true"] svg {
    transform: rotate(0);
}

.filter-inner {
    background-color: var(--light-color);
    width: 300px;
    z-index: 100;
    position: relative;
    border-radius: 15px;
    border: 1px solid var(--main-color);
}

.filter-box:not(:first-child) .collapse-btn {
    border-top: 1px solid var(--light-color) !important;
}

/***/
.cap-price-input, .price-input {
    width: 100%;
    display: flex
}

.cap-price-input .field, .price-input .field {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center
}

.field input {
    width: 100%;
    height: 100%;
    outline: 0;
    font-size: 15px;
    border-radius: 5px;
    -moz-appearance: textfield;
    background: 0 0;
    border: none;
    color: var(--main-color);
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.filter_form .slider {
    height: 5px;
    position: relative;
    background: var(--secondary-color);
    border-radius: 5px
}

.filter_form .slider .cap-progress, .filter_form .slider .progress {
    height: 100%;
    left: 25%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: var(--main-color);
}

.cap-range-input input, .range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: 0 0;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer
}

input[type=range]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: var(--main-color);
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, .05)
}

input[type=range]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: var(--main-color);
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, .05)
}

.cap-range-input, .range-input {
    position: relative
}
/***/

/* * */
.pagination .page-link[aria-label=Previous],
.pagination .page-link[aria-label=Next] {
    color: var(--secondary-color);
    background-color: var(--main-color);
}

.pagination .page-link {
    transition: .2s;
    font-size: 14pt;
    color: var(--secondary-color);
    fill: var(--secondary-color);
    background-color: var(--main-color);
    border: none;
    border-radius: 2px !important;
    width: 30px;
    height: 30px;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination .page-link:hover,
.pagination .page-item.active .page-link {
    background-color: var(--secondary-color) !important;
    color: var(--main-color);
    fill: var(--main-color);
    border: none;
}

.pagination .page-item {
    margin-left: 10px;
    margin-right: 10px;
}
/* * */

/**/
.adult-content, .nav-link ~ .dropdown-menu {
    border-radius: 15px;
    background-color: #fff
}
.adult-content-layer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(217, 217, 217, .6);
    z-index: 99999999999;
    backdrop-filter: blur(5px)
}

.adult-content {
    display: flex;
    padding: 25px 15px;
    color: #000;
    width: 500px;
    max-width: 95%;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 3px 3px 19px 3px rgba(0, 0, 0, .26);
    -moz-box-shadow: 3px 3px 19px 3px rgba(0, 0, 0, .26);
    box-shadow: 3px 3px 19px 3px rgba(0, 0, 0, .26);
    text-align: center;
    position: absolute;
    left: 50%;
    top: 300px;
    transform: translateX(-50%)
}

.adult-content-title {
    font-size: 19px
}

.adult-content-subtitle {
    font-size: 16px
}

.adult-content-consent {
    font-size: 16px;
    margin-bottom: 1.5em
}
/**/

.prod_list_img {
    width: 100%;
    height: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 20px;
}

.key-features-container {
    background-color: var(--main-color);
    color: var(--light-color);
    border-radius: 20px;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 3em;
}

.key-features-title {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    color: var(--secondary-color);
    font-size: 35px;
}

.key-features-title ~ img {
    max-width: 150px;
}

.key-features-container .feature-item .feature-img-container {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: var(--secondary-color);
    margin-bottom: 1em;
    overflow: hidden;
}

.key-features-container .feature-item img {
    width: 100%;
    object-fit: cover;
}

.key-features-container .feature-item {
    text-transform: uppercase;
    text-align: center;
    font-size: 17px;
    font-family: "Roboto-Medium", serif;
}

.parameter-item {
    display: flex;
    align-items: center;
    column-gap: 0.6em;
    font-size: 14px;
    line-height: 1.1em;
}

.parameter-item .parameter-img-container {
    width: 35%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: var(--secondary-color);
    overflow: hidden;
}

.parameter-item img {
    width: 100%;
    object-fit: cover;
}

.category-design-btn {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 #00000047;
    padding: 1em 6em 1em 1em;
    text-decoration: none !important;
    margin-bottom: 1.5em;
    position: relative;
    overflow: hidden;
}

.category-design-title {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    font-size: 27px;
    text-transform: uppercase;
    color: var(--main-color);
    position: relative;
    z-index: 2;
}

.category-design-next {
    font-family: "Roboto-Bold", serif;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    color: #A8A7A7;
    font-size: 18px;
    position: relative;
    z-index: 2;
}

.category-design-btn:hover .category-design-next {
    color: #A8A7A7;
}

.category-abs-img {
    position: absolute;
    right: 10px;
    bottom: 0;
    max-height: 90%;
    max-width: 32%;
    z-index: 1;
}

.input-section select,
.input-section textarea,
.input-section input[type="text"],
.input-section input[type="email"],
.input-section input[type="password"] {
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    background-color: transparent;
    padding: .375rem .75rem;
}

.input-section.order-row select,
.input-section.order-row textarea,
.input-section.order-row input[type="text"],
.input-section.order-row input[type="email"],
.input-section.order-row input[type="password"] {
    border-radius: 10px;
    height: 38px;
}

.input-section textarea {
    height: unset !important;
}

.form-registration .section-title {
    border-bottom: 1px solid var(--main-color);
    padding-bottom: 0.5em;
}

.join-col {
    background-image: url("../images/club-bg.png");

    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;

    color: var(--light-color);
    margin-top: 3em;
    margin-bottom: 3em;
    position: relative;
    padding: 2em;
    border-radius: 15px;
    min-height: 350px;
}

.top-info {
    color: var(--main-color);
    background-color: var(--secondary-color);
    text-align: center;
    padding: 0.3em 0;
    margin-left: -15px;
    margin-right: -15px;
    font-family: "Roboto-Bold", serif;
}

.join-col .top-info {
    border-left: 1px solid var(--main-color);
}

.join-col .static-content ul {
    padding-left: 1em;
}

.join-col .static-content li {
    list-style-type: none;
    position: relative;
    margin-bottom: 0.6em;
    padding-left: 30px;
}

.join-col .static-content li::before {
    content: "";
    background-color: var(--secondary-color);
    width: 12px;
    height: 12px;
    position: absolute;
    top: 8px;
    left: 5px;
}

.login-subtitle {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    font-size: 30px;
    margin: 1em 0;
    text-transform: uppercase;
}

.blog-list-anchor {
    display: block;
    margin-bottom: 2em;
}

.blog-list-anchor img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    margin-bottom: 1em;
    border-radius: 25px;
}

.blog-list-container a,
.blog-list-container a:hover,
.blog-list-container a:focus {
    color: #666666;
}

.big-list-title {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    color: var(--new-title-color) !important;
    font-size: 22px;
    line-height: 1.1em;
    height: 2.2em;
    overflow: hidden;
}

.blog-short-desc {
    font-size: 17px;
    line-height: 1.1em;
    height: 3.3em;
    overflow: hidden;
}

.blog-date {
    text-align: right;
    font-size: 17px;
    font-family: "Roboto-Bold", serif;
    margin-top: 0.6em;
    color: #A8A7A7;
}
.blog-list-container a:hover .blog-date,
.blog-list-container a:focus .blog-date {
    color: #A8A7A7;
}

.blog-text-block {
    background-color: var(--main-color);
    color: var(--secondary-color);
    padding: 1.5em;
    border-radius: 15px;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    font-family: "Roboto-Medium", serif;
    font-size: 20px;
}

.cart-progress-outer,
.cart-progress-inner {
    height: 15px;
    border-radius: 25px;
    transition: .4s ease-in-out;
}

.cart-progress-outer {
    background-color: var(--main-color);
    margin-bottom: 1em;
    overflow: hidden;
}

.cart-progress-inner {
    background-color: var(--secondary-color);
}

.cart-summary-block {
    border: 1px solid #A8A7A7;
    padding: 1em;
    position: sticky;
    top: 50px;
    border-radius: 15px;
}

.section-title.summary-title,
.cart-summary-block .section-title {
    font-size: 32px;
}

.order-sticky {
    position: sticky;
    top: 50px;
}

.cart-table-row {
    position: relative;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #A8A7A7;
}

.cart-first-step .cart-table-row:first-child {
    border-top: 1px solid #A8A7A7;
}

.cart-first-step .cart-table-row {
    padding-bottom: 1em;
    padding-top: 1em;
}

.cart-table-row svg.offer-remove,
.cart-table-row svg.cart_delete_prod_in_cart {
    fill: var(--main-color);
    cursor: pointer;
    z-index: 5;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 2px;
}

.cart-table-row svg.offer-remove {
    width: 30px;
    height: 30px;
    border: none;
}

.cart-table-row img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
}

.line-through {
    text-decoration: line-through;
}

.cart-offer {
    padding-top: 0.8em;
}

/*.cart-offer button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 1em;
    width: 100%;
    border: none;
    background-color: transparent;
    font-size: 18px;
    text-align: left;
    color: var(--light-color);
    border-bottom: 1px solid var(--secondary-color);
    padding: 0 15px 10px;
}*/

.incomplete-title {
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1em;
    font-family: "Roboto-Medium", serif;
}

.cart-offer .cart-table-row {
    row-gap: 1em;
}

.incomplete-title svg {
    flex-shrink: 0;
}

.shipping-offer-remove,
.offer-remove {
    cursor: pointer;
}

#collapseCart {
    padding: 0 15px 15px;
}

.cart-offer button svg {
    transition: .4s;
    flex-shrink: 0;
}

.cart-offer button[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.cart-offer .cart-table-row:last-child{
    border-bottom: none;
}

.cart-offer-wrapper {
    background-color: var(--main-color);
    color: var(--light-color);
    margin-bottom: 5em;
    border-radius: 15px;
}

.cart-offer-wrapper.inv {
    background-color: var(--light-color);
    color: var(--main-color);
    margin-bottom: 0;
    margin-top: 5em;
    border: 1px solid #A8A7A7;
    border-radius: 15px;
}

.cart-offer-wrapper.inv .cart-offer .cart-table-row .product-name {
    color: var(--new-title-color);
}

.cart-offer-wrapper.inv .cart-offer .cart-table-row .stock-data {
    color: var(--main-color);
}

/*.cart-offer-wrapper > div {
    padding-left: 0;
    padding-right: 0;
}*/

.cart-offer .cart-table-row .product-name,
.cart-offer .cart-table-row .stock-data {
    font-family: "Roboto-Medium", serif;
    font-size: 20px;
    color: var(--light-color);
}

.cart-table-row .stock-data {
    font-size: 17px;
}

.cart-table-row .product-name {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    font-size: 17px;
}

.cart-table-row .product-name {
    color: var(--main-color);
    line-height: 1.2em;
}

.cart-table-row .stock-data {
    font-size: 15px;
}

.cart-table-row .item-price {
    font-size: 20px;
    font-family: "Roboto-Bold", serif;
    white-space: nowrap;
}

.cart-quantity-price {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 1em;
}

.summary-subtitle,
.summary-number {
    font-size: 20px;
    font-family: "Roboto-Medium", serif;
}

.progress-title {
    font-size: 16px;
    font-family: "Roboto-Medium", serif;
}

.servicelogo-wrapper {
    width: 75px;
    height: 2em;
    text-align: center;
    flex-shrink: 0
}

.servicelogo-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.choose-prompt,
.checkbox-wrapper {
    display: flex;
    align-items: center;
    column-gap: 1em;
    border: 1px solid var(--main-color);
    padding: 0.5em 1em;
    min-height: 50px;
    border-radius: 15px;
    margin-bottom: 10px;
}

.choose-prompt {
    justify-content: center;
    text-align: center;
}

.shipping-methods .cw-checkbox,
.payment-methods .cw-checkbox {
    margin: 0;
    border-radius: 50%;
}

.shipping-methods .checkbox-block,
.payment-methods .checkbox-block {
    display: flex;
    align-items: center;
    column-gap: 1em;
}

.shipping-methods input[type=checkbox]:checked:before, input[type=radio]:checked:before,
.payment-methods input[type=checkbox]:checked:before, input[type=radio]:checked:before{
    background-color: var(--main-color) !important;
    border-radius: 50%;
    content: "";
    margin-bottom: 0;
    font-weight: 400;
    float: unset;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-rendering: auto;
    margin-top: 50%;
    transform: translateY(-50%);
}

.prod-img-col {
    position: relative;
    border: 1px solid var(--main-color);
    border-radius: 10px;
    overflow: hidden;
}

.prod-img-col .product-piece {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--secondary-color);
    color: var(--main-color);
    width: 30%;
    height: 30%;
    font-size: 16px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.order-table.cart-table-row {
    border-bottom: none;
}

#passwordData,
.error_message_kupon,
.success_message_kupon {
    display: none;
}

.error_message_kupon {
    color: red
}

.success_message_kupon {
    color: green;
}

.packeta_data {
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
}

.go-to-cashier {
    margin-top: 3em;
    cursor: pointer;
}

#kupon_check_button {
    height: 38px;
    min-height: unset;
}

.large-price {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    font-size: 22px;
    white-space: nowrap;
}

.newsletter-block .default-button {
    color: var(--light-color);
    font-size: 25px;
    padding: 0.4em 2em;
}

.newsletter-block .default-button:hover,
.newsletter-block .default-button:focus {
    color: var(--light-color);
}


/*******************/

.contact-new-page {
    position: relative;
    padding-top: 3em;
    padding-bottom: 3em;
}

.contact-new-page .row {
    position: relative;
    z-index: 10;
}

.contact-new-page > .container > .row {
    row-gap: 2em;
}

.contact-new-page::after {
    content: "";
    display: none;
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--light-color);
    z-index: 1;
}

.contact-acc .card,
.contact-acc .card-header {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    border: 0;
}

.contact-acc .btn-block {
    font-family: "PlusJakartaSans-ExtraBold", serif;
}

.contact-acc .btn-block svg {
    display: none;
    height: 25px;
    width: 25px;
}

.contact-acc .btn-block svg path {
    stroke: var(--main-color);
}

.contact-acc .btn-block svg.plus-svg {
    display: block;
}

.contact-acc .btn-block[aria-expanded="true"] svg {
    display: none;
}

.contact-acc .btn-block[aria-expanded="true"] svg:not(.plus-svg) {
    display: block;
}

.inner-acc {
    padding-right: 6em;
}

.inner-acc .smaller-content {
    font-size: 16px;
}

.inner-acc .btn-block svg {
    display: block !important;
    height: 15px;
    width: 15px;
}

.inner-acc .btn-block svg path {
    fill: var(--main-color);
}

.inner-acc .btn-block[aria-expanded="false"] svg {
    transform: rotate(90deg)
}

.inner-acc .btn-block[aria-expanded="true"] svg {
    transform: rotate(0deg)
}

.contact-acc .btn-block {
    color: var(--main-color);
    font-size: 23px;
    border: 1px solid var(--main-color);
    border-radius: 15px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    text-decoration: none !important;
    margin-bottom: 0.5em;
}

.inner-acc .btn-block {
    font-size: 18px;
    border: none;
    font-family: "PlusJakartaSans-ExtraBold", serif;
    color: var(--main-color);
}
/*******************/

#contact_form_content_page label {
    font-family: "Roboto-Bold", serif;
}

#contact_form_content_page label span {
    color: red;
}

#contact_form_content_page label .checkbox-block span {
    color: var(--main-color);
}

.contact-text-block {
    color: var(--main-color);
}

.container-fluid:not(.pl-0) .container:not(.keep-padding) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.custom-file-label {
    background-color: var(--light-color);
}

.contact-info {
    font-size: 19px;
}

.contact-info a,
.contact-info a:hover,
.contact-info a:focus {
    color: var(--secondary-color);
}

.highlight-wrapper {
    color: var(--secondary-color);
    background-color: var(--main-color);
    padding: 1em;
    font-size: 20px;
    border-radius: 15px;
    font-family: "PlusJakartaSans-ExtraBold", serif;
}

.table-wrapper {
    overflow: scroll;
}

.static-fluid {
    padding-top: 2.3em;
    padding-bottom: 2.3em;
}

.static-fluid .container {
    border-radius: 15px;
}

.static-fluid.scheme-1 {
    color: var(--main-color);
    background-color: var(--light-color);
}

.static-fluid.scheme-2 {
    color: var(--main-color);
    background-color: var(--secondary-color);
}

.static-fluid.scheme-3 {
    color: var(--secondary-color);
    background-color: var(--main-color);
}

.static-fluid.scheme-5 .container,
.static-fluid.scheme-4 > .container {
    color: var(--light-color);
    background-color: var(--main-color);
}

.static-fluid.scheme-5 .container {
    padding: 1em !important;
}

.static-fluid.scheme-4 h1,
.static-fluid.scheme-4 h2,
.static-fluid.scheme-4 h3,
.static-fluid.scheme-4 h4,
.static-fluid.scheme-4 h5,
.static-fluid.scheme-4 h6 {
    color: var(--secondary-color);
}

.faq-list {
    margin-top: 2em;
    margin-bottom: 2em;
}

.faq-item {
    padding-bottom: 1em;
    margin-bottom: 1em;
}

.points-hero > div:nth-child(2),
.we-are-hero > div:nth-child(1),
.we-are-hero > div:nth-child(2) {
    padding: 0;
}

.we-are-hero > div:nth-child(1) {
    background-color: var(--secondary-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.we-are-hero > div:nth-child(1) img {
    background-color: var(--secondary-color);
    width: 75%;
}

.points-hero > div:nth-child(2) img,
.we-are-hero > div:nth-child(2) img {
    width: 100%;
}

.img-radius {
    border-radius: 20px;
}

.profile-block {
    border-radius: 26px;
    padding: 1.2em;
    margin-bottom: 2em;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
}

.profile-block h2 {
    font-family: "PlusJakartaSans-ExtraBold", serif;
    font-size: 40px;
    margin-bottom: 0.6em;
}

.profile-block a:not(.default-button),
.profile-block a:not(.default-button):hover,
.profile-block a:not(.default-button):focus {
    color: inherit;
    text-decoration: underline !important;
}

.profile-block.style-1 {
    background-color: var(--main-color);
    color: var(--light-color);
}

.profile-block.style-1 h3 {
    font-family: "Roboto-Bold", serif;
    color: var(--secondary-color);
}

.profile-block.style-1 ul {
    padding-left: 1em;
    font-size: 18px;
}

.profile-block.style-2 {
    background-color: var(--new-title-color);
    color: var(--light-color);
}

.profile-block.deals {
    padding: 0;
    position: relative;
}

.profile-block.deals .deals-title {
    font-family: "Roboto-Medium", serif;
    font-size: 80px;
    text-transform: uppercase;
    line-height: 1.2em;
    color: var(--secondary-color);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    text-align: center;
}

.manage-data-col {
    display: flex;
    flex-direction: column;
    row-gap: 1.5em;
    text-align: center;
    align-items: center;
}

.manage-data-col img {
    width: 40%;
    max-width: 110px;
}

.manage-data-col a {
    background-color: var(--light-color);
    border-radius: 10px;
    font-size: 18px;
    padding: 0.3em 2em;
}

.profile-block .manage-data-col a,
.profile-block .manage-data-col a:hover,
.profile-block .manage-data-col a:focus {
    color: var(--main-color) !important;
    text-decoration: none !important;
}

.profile-side-tiles {
    margin-bottom: 2em;
    display: flex;
    flex-direction: column;
    row-gap: 2em;
}

.profile-side-tiles .profile-block {
    flex-shrink: 0;
    margin-bottom: 0;
    height: calc(50% - 1em);
}

.profile-progress-outer,
.profile-progress-inner {
    height: 25px;
    border-radius: 10px;
    transition: .4s;
    border: 1px solid var(--main-color);
}

.profile-progress-outer {
    display: flex;
    align-items: center;
}

.profile-progress-inner {
    background-color: var(--secondary-color);
}

.tier-wrapper {
    position: relative;
    margin-top: 3em;
    margin-bottom: 2em;
}

.profile-progress-frame {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.profile-progress-frame .level-name {
    flex-basis: 33.3%;
    text-align: center;
    position: relative;
}

.profile-progress-frame .level-name.current-level {
    color: var(--unique-title-color);
}

.profile-progress-frame .level-name:not(:last-child) {
    border-right: 1px solid var(--main-color);
}

.profile-progress-frame .level-name .level-limit {
    position: absolute;
    left: 0;
    top: 105%;
    transform: translateX(-50%);
}

.profile-progress-frame .level-name:first-child .level-limit {
    display: none;
}

.profile-progress-inner {
    position: relative;
}

.profile-progress-inner .current-points {
    position: absolute;
    right: 0;
    top: -100%;
    transform: translate(50%, -43%);
}

.profile-progress-frame .level-name .level-limit,
.profile-progress-inner .current-points {
    background-color: var(--unique-title-color);
    color: var(--light-color);
    padding: 4px 6px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 2px;
    line-height: 1em;
    font-family: "PlusJakartaSans-ExtraBold", serif;
    z-index: 10;
    font-size: 14px;
}

#mobileHeader {
    display: none;
}

.mobile-menu-btn {
    border: none;
    background-color: transparent;
}

.mobile-menu {
    position: relative;
}

#collapseMobileMenu {
    position: absolute;
    top: 30px;
    background-color: var(--light-color);
    z-index: 15;
    box-shadow: 0 5px 7px 1px rgba(0,0,0,0.75);
}

#mobileNavbarInner {
    min-width: 75vw;
    max-width: 65vw;
    min-height: 350px;
    max-height: 75vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

#mobileNavbarInner .header-links {
    flex-direction: column;
    row-gap: 0.2em;
}

#mobileNavbarInner .nav-item {
    width: 100%;
    text-align: left;
}

#mobileNavbarInner .menu-dropdown {
    color: var(--main-color);
}

.top-shop-account-blog {
    display: flex;
    width: fit-content;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.multi-menu li a,
#mobileNavbarInner .nav-item .nav-link {
    font-family: "Roboto-Bold", serif;
    color: var(--main-color);
    font-size: 19px;
    text-transform: uppercase;
}


#desktopHeader .nav-link span:nth-child(1),
#mobileNavbarInner .nav-link span:nth-child(1) {
    color: var(--secondary-color);
}

#desktopHeader .nav-link .marker-highlight span:nth-child(2),
#mobileNavbarInner .nav-link .marker-highlight span:nth-child(2) {
    color: var(--light-color);
}

#desktopHeader .nav-link span:nth-child(3),
#mobileNavbarInner .nav-link span:nth-child(3) {
    color: var(--new-title-color);
}

#mobileNavbarInner .nav-item.sub-category .nav-link {
    font-family: "Roboto Regular", serif;
    font-size: 15px;
    padding-left: 10px;
}

#mobileHeader .language-select > button {
    color: var(--main-color) !important;
}

#mobileHeader form {
    width: 100%;
    position: relative;
}

#mobileHeader form input {
    width: 100%;
    height: 40px;
    padding: 0 0.8em 0 3em;
    border: 1px solid var(--main-color);
    border-radius: 5px;
}

#mobileHeader form button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    background: none;
    border: none;
}

#mobileHeader form button svg {
    width: 18px;
    height: 18px;
}

.product-list-container.favorite-products {
    min-height: 500px;
}

.redeem-offer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "Roboto-Bold", serif;
    margin-bottom: 1em;
    text-align: center;
}

.redeem-offer .redeem-reward {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
    border: 3px dashed;
    padding: 0.2em 1em;
    width: 40%;
    border-radius: 12px;
    font-size: 32px;
    line-height: 1.2em;
}

.redeem-offer .redeem-reward:nth-child(1) {
    background-color: var(--secondary-color);
    border-color: var(--main-color);
    color: var(--main-color);
}

.redeem-offer .redeem-reward:nth-child(3) {
    background-color: var(--main-color);
    border-color: var(--secondary-color);
    color: var(--light-color);
}

.redeem-offer .redeem-reward span:nth-child(1) {
    font-size: 28px;
    color: #A8A7A7;
}

.redeem-equal {
    font-size: 80px;
}

/**/
.redeem-offer .redeem-reward.bs-canvas-open {
    cursor: pointer;
}

.bs-canvas-overlay {
    opacity: 0.85;
    z-index: 1100;
}

.bs-canvas {
    top: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
    width: var(--left-canvas-width);
    -webkit-transition: margin .4s ease-out;
    -moz-transition: margin .4s ease-out;
    -ms-transition: margin .4s ease-out;
    transition: margin .4s ease-out;
    position: fixed;
    height: 100%;
}

.bs-canvas-left {
    left: 0;
    margin-left: calc(-1 * var(--left-canvas-width));
    background-color: var(--light-color);
}

.bs-canvas-header {
    background-color: var(--main-color);
    padding: 0.5em 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bs-canvas-close {
    opacity: 1 !important;
}

.canvas-title {
    margin-bottom: 0;
    color: var(--light-color);
    font-family: "PlusJakartaSans-ExtraBold", serif;
    font-size: 45px;
}

.canvas-subtitle {
    font-family: "Roboto-Bold", serif;
    color: var(--secondary-color);
    font-size: 30px;
}

.bs-canvas-content {
    padding: 1em;
}

.bs-canvas-header .bs-canvas-open {
    margin-right: 1em;
}

#homeCanvas .title-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 0.2em;
    padding-bottom: 3em;
}

#homeCanvas .canvas-title {
    font-size: 50px;
}

#homeCanvas .canvas-subtitle {
    font-size: 35px;
}

#homeCanvas .bs-canvas-header {
    align-items: flex-start;
}

.canvas-main-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1em;
    margin-top: -3em;
}

.canvas-main-nav .bs-canvas-open {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    padding: 1em;
    font-family: "Roboto-Medium", serif;
}

.canvas-main-nav .bs-canvas-open > div svg {
    margin-right: 0.5em;
}

.canvas-main-nav .bs-canvas-open:hover,
.canvas-main-nav .bs-canvas-open:focus,
.canvas-main-nav .bs-canvas-open {
    color: var(--main-color);
}

.canvas-main-nav .bs-canvas-open[data-target="activityCanvas"] {
    background-color: var(--secondary-color);
    padding: 2em 1em;
}

.canvas-subpage-title {
    font-family: "Roboto-Bold", serif;
    font-size: 22px;
}

#earnCanvas button[data-toggle="collapse"] {
    padding: 0;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    margin-bottom: 0.5em;
}

#earnCanvas button[data-toggle="collapse"] .collapse-arrow{
    transition: 0.4s;
}

#earnCanvas button[data-toggle="collapse"][aria-expanded="true"] .collapse-arrow{
    transform: rotate(90deg);
}

#earnCanvas .button-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.earn-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 1em;
}

.earn-item > div:first-child {
    width: 30px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
}

.earn-item > div:nth-child(2) {
    width: 100%;
}

.earn-item-container {
    display: flex;
    flex-direction: column;
    row-gap: 1em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.faq-content .accordion-item .static-content,
#accordionProd .static-content,
#redeemCanvas .collapse-inner,
#earnCanvas .collapse-inner {
    padding: 0.7em;
    border-radius: 15px;
    background-color: var(--light-color);
    border: 1px solid rgba(0, 0, 0, .5)
}

.earn-title {
    font-family: "Roboto-Bold", serif;
}

.earn-short-description {
    font-family: "Roboto-Medium", serif;
    color: #666666;
}

.canvas-subpage-title.border-top {
    border-top: 1px solid var(--main-color) !important;
    padding-top: 1em;
}

.canvas-subpage-subtitle {
    font-family: "Roboto-Bold", serif;
    font-size: 18px;
    margin-top: 1em;
}

.item-order-id {
    font-family: "Roboto-Bold", serif;
}

.used-coupon-list {
    display: flex;
    flex-direction: column;
    row-gap: 1em;
    color: #A8A7A7;
    border-bottom: 1px solid var(--main-color);
    font-family: "Roboto-Bold", serif;
    padding-bottom: 1em;
}

.order-item-btn {
    border: none;
    background: none;
    padding: 0;
    width: 100%;
    text-align: unset;
    border-bottom: var(--main-color);
    color: var(--main-color) !important;
}

.order-item-btn > div {
    color: var(--main-color) !important;
}

.order-item-btn svg {
    transition: .4s;
}

.order-item-btn[aria-expanded="true"] svg {
    transform: rotate(90deg);
}

.order-item-item {
    display: flex;
    padding-top: 1em;
    font-size: 15px;
}

.order-item-item span {
    color: #A8A7A7;
}

.order-item-item > img {
    width: 25%;
    height: 25%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 10px;
}

.order-finance {
    /*background-color: var(--main-color);
    color: var(--light-color);
    border-radius: 15px;*/
    color: #A8A7A7;
    margin-top: 1em;
    font-size: 15px;
    padding: 0.4em;
}

.order-finance .row > div:nth-child(2) {
    color: var(--main-color);
    white-space: nowrap;
}

.default-button.reorder {
    font-size: 15px;
    padding: 0.2em 0.7em;
    margin-top: 1em;
    margin-bottom: 1em;
    height: unset;
    border-radius: 15px;
    float: right;
}

.redeem-progress-outer,
.redeem-progress-inner {
    height: 15px;
    border-radius: 5px;
    transition: .4s;
}

.redeem-progress-outer {
    width: 70px;
    background-color: var(--main-color);
    overflow: hidden;
}

.profile-block .redeem-progress-outer{
    background-color: var(--light-color);
}

.redeem-progress-inner {
    background-color: var(--new-title-color);
}

#referCanvas .earn-item:first-child,
#redeemCanvas .earn-item {
    padding-bottom: 0.5em;
    border-bottom: 1px solid var(--main-color);
}

.refer-link-block {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    padding: 1em;
    font-family: "Roboto-Medium", serif;
    font-size: 18px;
}

#referBlock .refer-link-block {
    box-shadow: none;
}

#referClose {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    color: var(--light-color);
    padding: 0;
}

.refer-instructions {
    color: var(--light-color);
    font-size: 15px;
}

.refer-input-container {
    margin-top: 1em;
    position: relative;
}

.refer-input-container input {
    width: 100%;
    border: 1px solid var(--main-color);
    border-radius: 15px;
    padding: 0.5em 2.5em 0.5em 0.5em;
    font-size: 14px;
    text-overflow: ellipsis;
}

.refer-input-container button {
    border: none;
    background: none;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.refer-input-container.copied button svg:nth-child(1),
.refer-input-container button svg:nth-child(2) {
    display: none;
}

.refer-input-container.copied button svg:nth-child(2) {
    display: block;
}

.redeem-btn {
    border: none;
    background: none;
    padding: 0;
    position: relative;
}

.redeem-btn .redeem-flag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    line-height: 1em;
}

.add-birthdate {
    display: flex;
}

.add-birthdate input,
.add-birthdate .default-button {
    height: 30px;
}

.add-birthdate button {
    font-size: 15px;
    padding: 0.2em 0.5em;
}
/**/

.one-product-in-list {
    position: relative;
}

.one-product-in-list .flag-box {
    /*position: absolute;*/
    /*top: 1em;*/
    /*right: 1em;*/
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.one-product-in-list .stock-box {
    /*position: absolute;*/
    /*top: 1em;*/
    /*left: 1em;*/
}

.one-product-in-list .product-flag-wrapper {
    position: absolute;
    top: 1em;
    left: 1em;
    right: 1em;
    display: flex;
    justify-content: space-between;
}

.level-flag,
.one-product-in-list .product-flag {
    font-family: "Roboto-Bold", serif;
    font-size: 20px;
    padding: 0.2em 0.7em;
    text-transform: uppercase;
    border-radius: 10px;
}

.one-product-in-list .product-flag {
    font-family: "PassionOne-Bold", serif;
    white-space: nowrap;
}

.product-flag.sale {
    color: #E31C7D;
}

.product-flag.points {
    color: #48BBA0;
}

.product-flag.new {
    color: #F8C64C;
}

.product-flag.multibuy {
    color: #907DBB;
}

.product-flag.on-stock {
    color: #4ED55B;
}

.product-flag.out-of-stock {
    color: #f00;
}

.highlighted-anchor {
    background-color: #D9D9D966;
    border-radius: 15px;
    padding: 1em;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 0.7em;
    transition: .3s;
}

.highlighted-anchor:hover {
    background-color: #D9D9D9D6;
}

.highlighted-anchor img {
    height: 275px;
    max-width: 100%;
    object-fit: contain;
}

.highlighted-anchor .highlighted-product-name {
    font-family: "Roboto-Medium", serif;
    color: var(--main-color) !important;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.1em;
    height: 2.2em;
    overflow: hidden;
}

.home-nav-pills {
    margin-bottom: 2em;
    gap: 1em;
}

.home-nav-pills button {
    background-color: #D9D9D966;
    color: var(--main-color);
    border-radius: 5px;
    border: none;
    font-size: 17px;
    padding: 0.3em 1em;
}

.home-nav-pills button.active {
    background-color: var(--light-color);
    border: 1px solid var(--main-color);
}

.highlighted-category-desc,
.highlighted-category-name {
    width: 100%;
    text-align: left;
    font-family: "Roboto-Medium", serif;
    color: var(--main-color);
    line-height: 1.1em;
}

.highlighted-category-name {
    font-size: 17px;
    text-transform: uppercase;
    height: 1.1em;
    overflow: hidden;
}

.highlighted-category-desc {
    font-size: 15px;
    height: 3.3em;
    overflow: hidden;
}

.home-slides {
    padding: 2em;
    row-gap: 2em;
}

.home-slides > div {
    padding-left: 20px;
    padding-right: 20px;
}

.home-slides > div:not(:first-child) img {
    aspect-ratio: 2.3 / 1;
    object-fit: cover;
}

.home-slides img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
}

.static-content hr {
    border-color: black;
    width: 80%;
}

.gyik-name-desktop {
    font-family: "Roboto-Medium", serif;
    font-size: 20px;
}

.gyik-item .static-content {
    font-family: "Roboto Regular", serif;
}

.gyik-item {
    margin-bottom: 1.5em;
    position: relative;
}

.gyik-item:not(:first-child):before {
    content: '';
    height: 1px;
    width: 90%;
    position: absolute;
    top: -8px;
    left: 5%;
    right: 5%;
    background-color: var(--main-color);
}

.order-title {
    font-family: "Roboto-Medium", serif;
    font-size: 18px;
}

.shipping-data-col p, .billing-data-col p {
    margin-bottom: 8px;
}

.cardholder {
    max-width: 35%;
    width: 100%;
    margin-bottom: 0;
}

.newsletter-block .section-title {
    z-index: 5;
    position: relative;
}

.static-fluid .row {
    row-gap: 1.5em;
}

.join-btn-group {
    display: flex;
    margin-top: 1em;
    margin-bottom: 1em;
    gap: 1em;
}

.light-button {
    background-color: var(--light-color);
}

.pink-button {
    color: var(--light-color);
    background-color: var(--new-title-color);
}

.pink-button:hover,
.pink-button:focus {
    color: var(--light-color);
}

.modal {
    z-index: 1111 !important;
}

.bs-canvas .collapse-inner p:last-child,
.content-emphasis p:last-child {
    margin-bottom: 0 !important;
}

.no-border-shadow {
    border: none !important;
    box-shadow: none !important;
}

.filter-small-container {
    display: flex;
    align-items: center;
    gap: 1em;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.return-btn {
    color: var(--main-color);
    font-family: "Roboto-Medium", serif;
}

.new-tier-list {
    display: flex;
    justify-content: space-around;
    margin-bottom: 2em;
}

.tier-img {
    height: 100px;
}

.level-block {
    position: relative;
    text-align: center;
}

.level-flag {
    color: #CDCBCC;
}

.current-level .level-flag {
    color: var(--new-title-color);
}

.level-name {
    font-family: "Roboto-Bold", serif;
    font-size: 20px;
    margin-top: 0.5em;
}

.level-limit {
    font-family: "Roboto-Bold", serif;
    font-size: 18px;
}

.level-limit span {
    font-family: "Roboto Regular", serif;
    font-size: 16px;
    color: var(--new-title-color);
    text-transform: capitalize;
}

.level-points {
    color: #A8A7A7;
}

.tier-points span {
    font-family: "Roboto-Bold", serif;
}

.tier-points.alt span {
    color: var(--light-color);
}

.tier-points span:nth-child(1) {
    font-size: 20px;
}

.tier-points span:nth-child(2) {
    font-size: 24px;
}

.tier-points span:nth-child(3) {
    font-size: 22px;
    color: var(--new-title-color) !important;
    text-transform: capitalize;
}

.profile-subtitle {
    font-family: "Roboto-Medium", serif;
    font-size: 20px;
}

.contact-col .section-title {
    font-size: 35px;
}

.main-img-wrapper {
    position: relative;
}

.main-img-wrapper span {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Roboto-Bold", serif;
    font-size: 45px;
    padding: 0.2em 0.7em;
    text-transform: uppercase;
    color: #E31C7D;
}

.how-it-works {
    justify-content: space-around;
    row-gap: 1em;
    text-align: center;
    margin-bottom: 3.5em;
}

.how-it-works > div :nth-child(1) {
    font-family: "Roboto-Bold", serif;
    font-size: 50px;
}

.how-it-works > div :nth-child(2) {
    font-family: "Roboto-Medium", serif;
    font-size: 22px;
    text-transform: uppercase;
}

/*---*/
.flip-card {
    display: block;
    background-color: transparent;
    perspective: 1000px;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    min-height: 200px;
    aspect-ratio: 1 / 1;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/*.flip-card:not(.help):hover .flip-card-inner,*/
.flip-card:not(.help).flipped .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-y: scroll;
    padding: 10px;
}

.flip-card-front {
    background-color: var(--main-color);
    color: var(--light-color);
}

.flip-card-back {
    background-color: var(--light-color);
    color: var(--main-color);
    border: 1px solid #A8A7A7;
    transform: rotateY(180deg);
    z-index: 6;
}
/*---*/
.flip-card.centered-img .double-flag,
.flip-card img {
    object-fit: contain;
    position: absolute;
}

.flip-title {
    font-family: "Roboto-Medium", serif;
    font-size: 20px;
    text-transform: uppercase;
    text-align: left;
    z-index: 5;
    position: relative;
}

.flip-points {
    position: absolute;
    bottom: 5px;
    right: 5px;
    text-transform: uppercase;
    font-size: 27px;
    font-family: "Roboto-Medium", serif;
}

.flip-points span {
    color: var(--new-title-color);
}

.flip-text {
    text-align: left;
}

.flip-text p {
    margin-bottom: 0;
}

.cards-row {
    margin-top: 2em;
    margin-bottom: 3em;
    row-gap: 0 !important;
}

.cards-row > div {
    margin-bottom: 30px;
}

.flip-card.centered-img .double-flag,
.flip-card.centered-img img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.flip-card.account img {
    width: 50%;
    height: 50%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
}

.flip-card.order img {
    width: 40%;
    height: 40%;
}

.flip-card.google img {
    width: 65%;
}

.flip-card .double-flag {
    color: var(--secondary-color);
    font-family: "Roboto-Bold", serif;
    font-size: 100px;
}

.flip-card.anniversary img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    transform: none;
}

.flip-card.review img {
    width: 70%;
}

.flip-card.photo img {
    height: 50%;
}

.flip-card.birthday img {
    width: 60%;
}

.flip-card.help img {
    width: 30%;
}

.flip-card.help:hover .flip-title,
.flip-card.help:focus .flip-title {
    color: var(--light-color);
}

.rewards-row {
    row-gap: 30px !important;
    font-family: "Roboto-Bold", serif;
    font-size: 25px;
    text-align: center;
    margin-bottom: 3.5em;
    line-height: 1.3em;
}

.bordered-reward {
    border: 1px solid #A8A7A7;
    border-radius: 15px;
}

.bordered-reward img {
    height: 282px;
    width: 90%;
    object-fit: contain;
}

.downscale-1 {
    transform: scale(50%);
}

.downscale-2 {
    transform: scale(75%);
}

.tier-table {
    color: var(--new-title-color);
    background-color: var(--main-color);
    border-radius: 15px;
    font-family: "Roboto-Medium", serif;
    font-size: 20px;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    overflow: hidden;
}

.tier-table .row-title {
    text-align: left !important;
    color: var(--light-color);
}

.tier-table .row > div {
    padding: 5px 25px;
    border: 1px solid #A8A7A7;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Roboto-Bold", serif;
    font-size: 18px;
}

.tier-table .row-title {
    justify-content: flex-start !important;
}

.tier-table .row {
    margin-left: 0;
    margin-right: 0;
}

.benefits .level-limit {
    font-family: "Roboto-Medium", serif;
}

.flag-icon {
    width: 25px;
}

.language-select .dropdown-item {
    padding: .25rem 1rem;
}

#dropdownMenuButtonLang {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 5px;
}

.login-collapse-btn {
    position: relative;
}

/**/
/* The container must be positioned relative: */
.my-custom-select {
    position: relative;
}

.my-custom-select select {
    display: none; /*hide original SELECT element: */
}

.select-selected {
    background-color: var(--light-color);
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: var(--main-color) transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent var(--main-color) transparent;
    top: calc(50% - 7px);
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    color: var(--main-color);
    padding: 8px 16px;
    cursor: pointer;
}

.select-items div {
    text-align: right;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: var(--light-color);
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px solid var(--main-color);
    border-radius: 15px;
    overflow: hidden;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
/**/

.country-item button{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: none;
    background: none;
    font-size: 24px;
    text-transform: uppercase;
    font-family: "Roboto-Medium", serif;
    padding: 0.3em;
}

.country-item button[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.shipping-methods {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px;
    font-size: 17px;
    text-transform: uppercase;
}

.shipping-methods .method-name {
    font-family: "Roboto-Bold", serif;
    margin-bottom: 0.5em;
}

.popup-bottom, .popup-modal {
    color: #fff;
    background-color: #212121;
    bottom: 0
}

.popup-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 600px;
    height: fit-content;
    max-width: 95%;
    max-height: 95%;
    z-index: 1010;
    box-shadow: 0 0 15px -3px rgba(0, 0, 0, .35);
    padding: 1.2em 1em;
    border-radius: 15px
}

#closePopup, #closePopupBottom {
    position: absolute;
    cursor: pointer;
    z-index: 100
}

.popup-modal #closePopup {
    top: 0;
    right: 0;
    padding: .1em .3em;
    font-size: 25px
}

.popup-bottom {
    position: sticky
}

.subscribe-abs-btn {
    position: absolute;
    top: 0;
    right: 0;
    min-height: 41px;
    height: 41px;
    border-radius: 0 3px 3px 0;
}

.faq-tabs {
    margin-top: 3em;
    margin-bottom: 3em;
}

.faq-tabs .nav-item {
    width: 50%;
}

.faq-tabs button {
    width: 100%;
    border-color: #dee2e6;
    background-color: transparent;
    outline: none !important;
    font-family: "Roboto-Black", serif;
    font-size: 26px;
    color: var(--main-color) !important;
}

.faq-content .accordion-item button {
    background: none;
    border: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-family: "Roboto-Medium", serif;
    font-size: 20px;
    color: var(--main-color) !important;
}

.faq-content .accordion-item {
    margin-bottom: 0.5em;
}

.faq-content .accordion-item button svg {
    transition: .4s;
}

.faq-content .accordion-item button[aria-expanded="true"] svg {
    transform: rotate(90deg);
}

.faq-small-title {
    color: var(--new-title-color);
    font-family: "Roboto-Black", serif;
    font-size: 26px;
}

.faq-tabs.nav-tabs .nav-link {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.faq-tabs.nav-tabs .nav-item:nth-child(1) .nav-link {
    border-left-color: transparent;
    border-top-right-radius: 10px;
}

.faq-tabs.nav-tabs .nav-item:nth-child(2) .nav-link {
    border-right-color: transparent;
    border-top-left-radius: 10px;
}

#desktopHeader .navbar-nav .nav-link ~ .dropdown-menu.new-dropdown-menu {
    left: 5px !important;
    right: 5px !important;
    transform: none !important;
}

.category-block-wrapper {
    display: flex;
    justify-content: space-between;
    row-gap: 1.5em;
    column-gap: 1em;
    flex-wrap: wrap;
    padding: 1em;
}

.subcategory-title {
    font-family: "Roboto-Bold", serif;
    text-align: center;
    font-size: 22px;
}

/*multimenu*/
.multi-menu {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.multi-menu ul {
    display: block;
    min-height: 100%;
    /*transition: transform 0.3s ease-in-out;*/
    width: 100%;
}

.multi-menu li {
    list-style: none;
}

.multi-menu ul:not(.active) {
    display: none !important;
}

.multi-menu ul[data-id] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 1.3em;
}

[data-ul-id] {
    position: relative;
}

.multi-menu li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 0;
}

.nav-link,
.multi-menu li a {
    padding: .2rem 0;
}

.js-menu-back-btn:focus,
.js-menu-back-btn:hover,
.js-menu-back-btn {
    color: #00000080;
    margin-bottom: 8px;
}

.js-menu-back-btn svg {
    margin-right: 8px;
}

.marker-highlight {
    background-image: url("../images/highlight-marker.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 0 1em;
}
/*multimenu*/