/**
 * Copyright since 2011 BEST FOR NET s.r.o.
 *
 * COPYRIGHT NOTICE / UPOZORNĚNÍ NA AUTORSKÁ PRÁVA
 *
 * This code is protected by copyright and may not be distributed without prior written consent of the author.
 * Under the license terms, you may use and modify this code only for your own needs.
 * For any questions or further information, please contact us.
 *
 * Tento software je chráněn autorským právem a jeho šíření bez předchozího písemného souhlasu autora není povoleno.
 * Tento kód smíte v souladu s licencí používat a upravovat jen pro své vlastní účely.
 * V případě dotazů nebo zájmu o další informace nás neváhejte kontaktovat.
 *
 * @author    BEST FOR NET s.r.o. <info@bestfornet.cz>
 * @copyright Since 2011 BEST FOR NET s.r.o.
 * @license   Komerční licence – použití, šíření a úpravy tohoto software jsou možné pouze na základě individuální smlouvy s autorem. Pro více informací kontaktujte info@bestfornet.cz
 */

:root {
  --anareus-plus-main-color: #efbf04;
  --anareus-plus-secondary-color: #f08807;
  --anareus-plus-grey-color: #e0e0e0;
  --anareus-plus-main-font-family: 'Alfa Slab One';
  --anareus-plus-secondary-font-family: 'Exo 2';
}

/* Svg icons font */

@font-face {
  font-family: 'svgicons--menu';
  src:  url('../../fonts/svgicons--menu.eot?2kcy1u');
  src:  url('../../fonts/svgicons--menu.eot?2kcy1u#iefix') format('embedded-opentype'),
    url('../../fonts/svgicons--menu.ttf?2kcy1u') format('truetype'),
    url('../../fonts/svgicons--menu.woff?2kcy1u') format('woff'),
    url('../../fonts/svgicons--menu.svg?2kcy1u#svgicons--menu') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* Global styleset */

ul.checked {
  padding: 0.5rem 2rem;
}
ul.checked li {
  margin: .6rem 0;
  background-image: url(../../img/svg/checked.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 18px;
  padding-left: 35px;
}
.hide-right-column #center_column {
  padding-right: 15px!important;
}

/* Anareus plus header block */
.anareus-plus__header {
  padding: 7rem;
  display: flex;
  justify-content: space-between;
  gap: 4rem;
  align-items: center;
  background: url(../../img/anareus-plus--header-bg.webp), linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 50%);
  background-size: cover;
  background-position: right bottom;
}
.anareus-plus__header--content,
.anareus-plus__header--image {
  flex-basis: 55%;
}
.anareus-plus__header__activate-wrapper .login-desc {
  text-align: center;
}

@media(max-width:1200px) {
  .anareus-plus__header__activate-wrapper .login-desc {
    display: flex;
    flex-direction: column;
  }
}

.anareus-plus__header__activate-wrapper .login-desc__btn-wrapper {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-basis: 100%;
}
.anareus-plus__header__activate-wrapper .login-desc a {
  display: inline-block;
  padding: 1rem 2rem;
  background-color: #000;
  color: #fff;
  font-weight: 300;
  border-radius: .5rem;
  text-decoration: none;
  margin: 1rem .5rem;
  min-width: 130px;
  transition: all .5s;
}
.anareus-plus__header__activate-wrapper .login-desc a:hover {
  transform: scale(1.1);
}
.anareus-plus__header--image {
  text-align: center;
  max-width: 450px;
}
.anareus-plus__header h2 {
  font-family: var(--anareus-plus-secondary-font-family);
}
.anareus-plus__header--content h2 {
  font-size: 6.5rem;
  line-height: 1.15;
  font-weight: 500;
  color: #000;
}
.anareus-plus__header--content span {
  color: var(--anareus-plus-main-color);
  font-weight: 900;
}
.anareus-plus__header-desc {
  margin-top: 4rem;
}
.anareus-plus__header__activate-wrapper {
  background-color: var(--anareus-plus-main-color);
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.5rem;
  margin-top: 4rem;
  border-radius: 5px;
}
.anareus-plus__header__activate-link {
  font-weight: 700;
  font-size: 1.5rem;
  text-transform: uppercase;
  padding: 2.5rem 4.5rem;
  border-radius: 5px;
  transition: all .35s;
}
.anareus-plus__header__activate-link:hover {
  text-decoration: none;
  transform: scale(1.1);
}
.anareus-plus__header__activate-link--main-color {
  background-color: #000;
  color: #fff;
}
.anareus-plus__header__activate-desc {
  font-weight: 700;
  font-size: 1.4rem;
  color: #000;
  margin: 0;
  padding: 0;
  flex-basis: 450px;
}
.anareus-plus__header__activate-desc strong {
  font-size: 1.9rem;
}
.btn-wrapper {
  display: flex;
  gap: .5rem;
}
.login-desc a {
  font-weight: 900;
  text-decoration: underline;
}

.login-desc.warning {
  font-weight: 700;
  font-style: italic;
  text-align: center;
}

@media (max-width: 1200px) {
  .login-desc {
    text-align: center;
  }
}


/* Features slider */
.anareus-plus__features-slider__wrapper {
  margin-top: 6rem;
  background: #efefef;
  padding: 6rem;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
}
.anareus-plus__features-slider__wrapper.small-size {
  background: none;
  position: unset;
  left: unset;
  right: unset;
  margin: 0;
  width: unset;
}
.anareus-plus__features-slider__wrapper.small-size .anareus-plus-features-slider__item {
    background: none;
}
.anareus-plus__features-slider__wrapper li {
  text-align: center;
}
.anareus-plus__features-slider__wrapper li h3 {
  font-family: var(--anareus-plus-secondary-font-family);
  font-size: 2rem;
  font-weight: 700;
  color: #000;
}
.anareus-plus__features-slider__wrapper li p {
  max-width: 220px;
  margin: 0 auto;
}
.anareus-plus-features-slider__item {
  background-image: url(../../img/svg/feature--bg.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 320px;
  padding: 2rem 0;
}
.anareus-plus__features-slider__wrapper .features-icon {
  width: 55px;
  height: 55px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 55px;
  margin: 0 auto;
}
.anareus-plus__features-slider__wrapper .features-icon.features-icon--price {
  background-image: url(../../img/svg/feature--price.svg);
}
.anareus-plus__features-slider__wrapper .features-icon.features-icon--delivery {
  background-image: url(../../img/svg/feature--delivery.svg);
}
.anareus-plus__features-slider__wrapper .features-icon.features-icon--access {
  background-image: url(../../img/svg/feature--access.svg);
}
.anareus-plus__features-slider__wrapper .features-icon.features-icon--repair {
  background-image: url(../../img/svg/feature--repair.svg);
}
/* FAQ*/
.anareus-plus__faq__wrapper {
  margin-top: 6rem;
}
.anareus-plus__faq__wrapper h3 {
  font-family: var(--anareus-plus-secondary-font-family);
  color: #000;
  font-weight: 700;
}
.anareus-plus__faq__wrapper #page-block-accordion {
  max-width: 1200px;
  margin: 0 auto;
}
.anareus-plus__faq__wrapper #page-block-accordion .ui-state-default.ui-state-active {
  background: var(--anareus-plus-main-color);
  color: #000;
  border: none;
}
.anareus-plus__faq__wrapper #page-block-accordion .ui-state-default {
  background: #f9f9f9;
  border: none;
  padding: 2rem;
  border-radius: 10px;
}
.anareus-plus__faq__wrapper #page-block-accordion .ui-widget-content {
  border: none;
  margin-bottom: 2rem;
}
.anareus-plus__faq__wrapper #page-block-accordion .ui-page-block-accordion-header-collapsed {
  margin-bottom: 1.5rem;
  box-shadow: -1px 3px 4px 0px rgba(0,0,0,0.12);
}

/* Mobile version */

@media (max-width: 1440px) {
  .anareus-plus__header--content {
    flex-basis: 70%;
  }
  .anareus-plus__header--image {
    flex-basis: 30%;
  }
}

@media (max-width: 1200px) {
  .anareus-plus__header--content {
    flex-basis: 100%;
  }
  .anareus-plus__header--image {
    display: none
  }
  .anareus-plus__header__activate-wrapper {
    flex-direction: column;
  }
  .anareus-plus__header__activate-desc{
    text-align: center;
    flex-basis: unset;
  }
  .anareus-plus__header {
    padding: 2.2rem;
  }
  .anareus-plus__header-desc {
    margin-top: 2rem;
  }
}

@media (max-width: 575px) {
  .anareus-plus__header--content h2 {
    font-size: 3.5rem!important;
    margin-top: 0;
  }
  .anareus-plus__features-slider__wrapper {
    padding: 3rem;
  }
}

/* BX slider */
.anareus-plus__features-slider__wrapper .bx-pager.bx-default-pager a.active {
  background: var(--anareus-plus-main-color)!important;
}



.membership-plus-form .subheading {
  font-style: italic;
  margin-bottom: 1em;
}

/* Payment pop-up */
#membership-order-form {
  padding: 2.5rem;
}
#membership-order-form h2 {
  margin: 0;
}
#membership-order-form h3 {
  font-size: 1.7rem;
}
#membership-order-form .payment-item label {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
#membership-order-form .payment-item {
  margin: 1.5rem 0;
  background: #f6f6f6;
  padding: .7rem 1.4rem;
  border-radius: 7px;
  transition: all .3s;
}
#membership-order-form .payment-item:hover {
  transform: scale(1.05);
}
#membership-order-form .payment-item .item-logo {
  width: 45px;
  height: 45px;
}
#membership-order-form .payment-item .item-logo img {
  max-width: 100%;
  height: auto;
}
#membership-order-form .membership-product__wrapper {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
#membership-order-form .payment-item  .item-name span {
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.25;
}
#membership-order-form .submit {
  text-align: center;
}
#membership-order-form #membership-order-submit {
  margin: 1rem auto;
  border-radius: 7px;
  transition: all .3s;
}
#membership-order-form #membership-order-submit:hover {
  text-decoration: none;
  transform: scale(1.1);
}

/* Mobile pop-up */
@media(max-width: 578px) {
  #membership-order-form .payment-item label {
    flex-direction: column;
    text-align: center;
    gap: .5rem;
  }
}

/* About membership */
.about-membership--section {
  padding: 6rem 0;
}

/* Selected products slider */
.anareus-plus__products-slider__wrapper {
  padding: 6rem 0 0 0;
}
.anareus-plus__products-slider__wrapper .bx-controls-direction a::before {
  font-size: 40px!important;
  line-height: 40px!important;
  color: #252525!important;
  font-weight: bold!important;
}
.anareus-plus__products-slider__wrapper .bx-wrapper .bx-controls-direction a {
  width: 40px!important;
  height: 40px!important;
  margin-top: -80px!important;
}
.anareus-plus__products-slider__wrapper .bx-controls-direction a:hover::before {
  color: #feed01!important;
}
.content_price {
  padding: 0;
}
.content_price .price__group {
  border-radius: 7px 0 7px 0;
  font-size: 1.7rem;
  font-weight: 700;
  font-family: var(--anareus-plus-secondary-font-family);
  padding: .4rem 0;
  margin: .6rem 0;
  min-width: 140px;
}
.content_price .price__group--bronze {
  background-color: #d47a22;
  color: #fff;
}
.content_price .price__group--silver {
  background-color: #bbbbbb;
  color: #000;
}
.content_price .price__group--gold {
  background-color: #efbf03;
  color: #000;
}
.content_price .price__group--original {
  text-decoration:line-through;
  font-size: 75%;
  display: block !important;
  margin: 0;
  padding: 0;
}
.content_price:has(div.price__group--original) .product-price,
.content_price:has(div.price__budget) .product-price {
  display: none!important;
}

.content_prices .price__budget {
  font-weight: 600;
  font-size: 29px;
  line-height: 32px;
  color: #000;
}

.content_prices:has(div.price__budget) .our_price_display {
  display: none!important;
}

/* Detail page prices */

.box-info-product .content_prices:has(div.price__group--original) .our_price_display {
  display: none!important;
}
.box-info-product .content_prices .price__group.price__group--original {
  text-decoration:line-through;
  display: block !important;
  font-size: 2rem;
}
.box-info-product .content_prices .price__group {
  font-weight: 600;
  font-size: 29px;
  line-height: 32px;
}
.box-info-product .content_prices .price__group::after {
  display: block;
  width: 120px;
  height: 36px;
  border-radius: 32px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  margin-left: 2rem;
}
.box-info-product .content_prices .price__group--bronze::after {
  content: 'BRONZE';
  color: #fff;
  background-color: #d47a22;
}
.box-info-product .content_prices .price__group--silver::after {
  content: 'SILVER';
  color: #000;
  background-color: #bbbbbb;
}
.box-info-product .content_prices .price__group--gold::after {
  content: 'GOLD';
  color: #000;
  background-color: #efbf03;
}


/* My Account Sidebar */
.my-account-sidebar .nav li {
  width: 100%;
}
.my-account-sidebar .nav li a {
  width: 100%;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
}
.my-account-sidebar .nav li a::before {
  font-family: 'svgicons--menu';
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #000;
  margin-right: 1rem;
}
.my-account-sidebar .nav li.active a::before,
.my-account-sidebar .nav li:hover a::before,
.my-account-sidebar .nav li a.custom_plus-links {
  color: var(--anareus-plus-secondary-color);
}
.my-account-sidebar .nav li a.logout {
  color: #a61313;
  font-weight: 700;
}
.my-account-sidebar .nav li a.logout::before {
  color: #a61313;
}
li a.custom_plus-links::before {
  content: "\e902";
}
li a.custom_plus-account::before  {
  content: "\e902";
}
li a.custom_quick-links::before  {
  content: "\e909";
}
li a.sytem_identity::before  {
  content: "\e904";
}
li a.sytem_history::before ,
li a.custom_order-links::before  {
  content: "\e901";
}
li a.sytem_addresses::before {
  content: "\e900";
}
li a.custom_earlier_access::before {
  content: "\e90b";
}
li a.module_b4nservice::before  {
  content: "\e908";
}
li a.module_giftcard_0::before ,
li a.module_giftcard_::before ,
li a.module_giftcard_1::before ,
li a.custom_gift-cards::before  {
  content: "\e907";
}
li a.module_b4n_wishlist_products::before {
  content: "\e905";
}
li a.logout::before  {
  content: "\e906";
}
li a.sytem_order-slip::before ,
li a.custom_premium_budget::before  {
  content: "\e90a";
}
li a.sytem_discount::before  {
  content: "\e903";
}
.my-account-sidebar {
  margin-bottom: 2rem;
  container-type: inline-size;
  container-name: myAccountSidebar;
}
.my-account-sidebar .nav li:first-of-type {
  margin-top: 2rem;
}
.my-account-sidebar .nav li.active a {
  background-color: #000;
  color: var(--anareus-plus-secondary-color);
  border-radius: 7px;
}
.my-account-sidebar .nav li:hover a {
  background-color: var(--anareus-plus-grey-color);
  color: #000;
  border-radius: 7px;
}
#avatar-options {
  padding: 2rem 0 0 0;
}
.my-account-sidebar .avatar-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  border-bottom: 1px solid var(--anareus-plus-grey-color);
  padding-bottom: 2rem;
  flex-wrap: wrap;
}
.avatar-container__image {
  position: relative;
}
.avatar-container__desc {
  margin-right: auto;
}
.avatar-container__desc .user-name {
  font-weight: 900;
  font-size: 2rem;
  margin: 0;
}
.avatar-container__desc .user-email {
  font-size: 1.4rem;
  margin: 0;
}
.my-account-sidebar .avatar-option {
  width: 80px;
  border: 5px solid var(--anareus-plus-grey-color);
  border-radius: 50%;
  background-clip: padding-box;
}
.my-account-sidebar .avatar-option.selected {
  border-color: var(--anareus-plus-secondary-color);
}
.my-account-sidebar .avatar-options input[type="radio"] {
  display: none;
}
.my-account-sidebar .avatar-options ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.my-account-sidebar .avatar-options ul li {
  flex: 1 1 calc(33.333% - 1rem);
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-account-sidebar #user-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-clip: padding-box;
  border: 3px solid var(--anareus-plus-grey-color);
}
.my-account-sidebar .edit-avatar-btn {
  color: #000;
  display: inline-block;
  transition: all .3s;
}
.my-account-sidebar .edit-avatar-btn:hover {
  text-decoration: none;
  transform: scale(1.1);
}
.my-account-sidebar .navbar {
  height: auto;
  background: none;
  border: none;
}
.my-account-sidebar .account-info {
  border: 1px solid var(--anareus-plus-grey-color);
  border-radius: 12px;
  padding: 2.5rem;
}
#toggle-avatar-options {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
#toggle-avatar-options i {
  color: var(--anareus-plus-secondary-color);
  cursor: pointer;
}
#my-account-menu {
  padding: 0;
}
.my-account-sidebar .badge {
  margin-left: 1rem;
  padding: .5rem 1.2rem;
  font-weight: 300;
}
.my-account-sidebar .badge.silver {
  background-color: #bbbbbb;
  color: #000;
}
.my-account-sidebar .badge.bronze {
  background-color: #d47a22;
  color: #fff;
}
.my-account-sidebar .badge.gold {
  background-color: #efbf03;
  color: #000;
}

/* Sub menu content grid */
ul.my-account-sub-menu-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}
ul.my-account-sub-menu-list li {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-basis: 185px;
  height: 185px;
  border: 1px solid var(--anareus-plus-grey-color);
  border-radius: 8px;
  padding: 1.5rem;
  transition: all .35s;
}

@media (max-width: 568px) {
  ul.my-account-sub-menu-list li {
    flex-basis: 100%;
  }
}

ul.my-account-sub-menu-list li:hover {
  background-color: var(--anareus-plus-grey-color);
  transform: scale(1.03);
  border-color: var(--anareus-plus-grey-color);
  box-shadow: 1.5px 3.0px 3.0px hsl(0deg 0% 0% / 0.32);
}
ul.my-account-sub-menu-list li a {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
ul.my-account-sub-menu-list li a::before {
  text-align: center;
  font-family: 'svgicons--menu';
  display: block;
  width: 55px;
  height: 55px;
  font-size: 55px;
  color: #000;
}
ul.my-account-sub-menu-list li:hover a {
  color: var(--anareus-plus-secondary-color);
  text-decoration: none;
}
ul.my-account-sub-menu-list li:hover a::before {
  color: var(--anareus-plus-secondary-color);
  animation: shake .7s;
}

@keyframes shake {
  0% { transform: scale(1);}
  50% { transform: scale(1.1);}
  100% { transform: scale(1); }

}

/* Mobile version */
@media (max-width: 768px) {
  .my-account-sidebar .navbar-header {
    display: flex;
    justify-content: center;
  }
  .my-account-sidebar .navbar-default .navbar-toggle {
    background-color: #000;
    border-radius: 4px;
  }
  .my-account-sidebar .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .my-account-sidebar .nav li a {
    background-position: left 23px center;
    background-size: 14px;
  }
  .my-account-sidebar .navbar,
  .my-account-sidebar .navbar-nav {
    margin: 0;
  }
}
@container myAccountSidebar (max-width: 200px) {
    .my-account-sidebar .account-info {
      padding: 1rem;
    }
    .my-account-sidebar .avatar-container .user-details {
      word-break: break-all;
    }
    .my-account-sidebar .nav li a::before {
      display: none;
    }
    .my-account-sidebar .nav li a {
      font-size: 1.5rem;
      padding: .8rem;
    }
    .my-account-sidebar .nav li a {
      flex-wrap: wrap;
    }
    .my-account-sidebar .badge {
      margin-left: 0;
    }
}


/* Anareus PLUS page */

.anareus-plus {
  padding: 7rem;
  align-items: center;
  background: url(../../img/anareus-plus--header-bg.webp), linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 50%);
  background-size: cover;
  background-position: right bottom;
}
.renew-membership {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 20px;
  background-color: #f0c040;
  color: #000;
  text-decoration: none;
  border-radius: 5px;
}
#plus-progress-bar-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 34px auto;
  width: 83%;
}
#plus-progress-bar {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 14px;
  background-color: var(--anareus-plus-grey-color);
  border-radius: 5px;
  transform: translateY(-50%);
  border: none;
}
#plus-progress-bar-container .ui-progressbar-value {
  background-color: var(--anareus-plus-main-color);
  margin: 0px;
}
.progress-step {
  position: relative;
  z-index: 1;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
.progress-step.checked {
  background-color: #f0c040;
}
.progress-step.checked::before {
  content: "✔";
  color: #000;
  font-size: 14px;
}
.progress-step.not-checked {
  background-color: var(--anareus-plus-grey-color);
}
.progress-step.not-checked::before {
  content: "✖";
  color: #000;
  font-size: 14px;
}
.membership-levels {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

@media (max-width: 1200px) {
  .membership-levels {
    flex-direction: column;
}
}

.level p {
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
}
.membership-levels .level {
  text-align: center;
  min-width: 170px;
}
.membership-levels button {
  padding: .5rem 3rem;
  min-width: 110px;
  border: none;
  border-radius: 7px 0 7px 0;
}
.membership-levels .bronze button {
  background-color: #d47a22;
  color: #fff;
}
.membership-levels .silver button {
  background-color: #bbbbbb;
  color: #000;
}
.membership-levels .gold button {
  background-color: #efbf03;
  color: #000;
}


/* TSO banners */

.shopping-cart-memberhip-plus-banner__wrapper {
  background: url(../../img/anareus-plus--header-bg.webp), linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 50%);
  background-size: cover;
  background-position: right bottom;
  container-type: inline-size;
  container-name: myContainer;
}
.shopping-cart-memberhip-plus-banner .tso-plus-banner h2 {
  margin: 0 0 1rem 0;
  font-family: var(--anareus-plus-secondary-font-family);
  font-weight: 500;
  line-height: 1.15;
}
.shopping-cart-memberhip-plus-banner .tso-plus-banner h2 span {
  font-weight: 900;
  color: var(--anareus-plus-main-color);
}
.shopping-cart-memberhip-plus-banner .tso-plus-banner__desc {
  max-width: 65%;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.25;
}
.shopping-cart-memberhip-plus-banner {
  border: 1px solid #e8e8e8;
  padding: 3.2rem;
  background-position: right bottom;
  background-size: 175px;
  background-repeat: no-repeat;
}
.shopping-cart-memberhip-plus-banner.get_premium_budget {
  background-image: url(../../img/tso-plus-banner--get-budget--bg.webp);
}
.shopping-cart-memberhip-plus-banner.use_premium_budget {
  background-image: url(../../img/tso-plus-banner--use-budget--bg.webp);
}
.shopping-cart-memberhip-plus-banner.get_plus_membership {
  background-image: url(../../img/tso-plus-banner--get-plus--bg.webp);
}
.shopping-cart-memberhip-plus-banner .button {
  display: inline-block;
  padding: 4px 7px;
  background-color: #f0c040;
  color: #000;
  text-decoration: none;
  border-radius: 5px;
  font-size: 1.5rem;
}

@container myContainer (max-width: 435px) {
  .shopping-cart-memberhip-plus-banner.get_premium_budget,
  .shopping-cart-memberhip-plus-banner.use_premium_budget,
  .shopping-cart-memberhip-plus-banner.get_plus_membership {
    background: none;
  }
  .shopping-cart-memberhip-plus-banner .tso-plus-banner__desc {
  max-width: 100%;
}
}

/* Radial progress bar */

.progress{
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress .progress-left{
    left: 0;
}
.progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 16px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress .progress-right{
    right: 0;
}
.progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}
.progress .progress-value{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 14px solid var(--anareus-plus-grey-color);
    font-size: 24px;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: absolute;
}
.progress .progress-value span {
  font-weight: 500;
  font-size: 16px;
}
.progress .progress-bar{
    border-color: var(--anareus-plus-main-color);
}
.progress .progress-value{
    color: var(--anareus-plus-main-font-family);
    font-weight: 900;
}

/* 0–50 %: pouze pravá část */
.progress.progress--0 .progress-right .progress-bar    { animation: progress-loading-0-right .7s linear forwards; }
@keyframes progress-loading-0-right   { 100% { transform: rotate(0deg); } }

.progress.progress--1 .progress-right .progress-bar    { animation: progress-loading-1-right .7s linear forwards; }
@keyframes progress-loading-1-right   { 100% { transform: rotate(3.6deg); } }

.progress.progress--2 .progress-right .progress-bar    { animation: progress-loading-2-right .7s linear forwards; }
@keyframes progress-loading-2-right   { 100% { transform: rotate(7.2deg); } }

.progress.progress--3 .progress-right .progress-bar    { animation: progress-loading-3-right .7s linear forwards; }
@keyframes progress-loading-3-right   { 100% { transform: rotate(10.8deg); } }

.progress.progress--4 .progress-right .progress-bar    { animation: progress-loading-4-right .7s linear forwards; }
@keyframes progress-loading-4-right   { 100% { transform: rotate(14.4deg); } }

.progress.progress--5 .progress-right .progress-bar    { animation: progress-loading-5-right .7s linear forwards; }
@keyframes progress-loading-5-right   { 100% { transform: rotate(18deg); } }

.progress.progress--6 .progress-right .progress-bar    { animation: progress-loading-6-right .7s linear forwards; }
@keyframes progress-loading-6-right   { 100% { transform: rotate(21.6deg); } }

.progress.progress--7 .progress-right .progress-bar    { animation: progress-loading-7-right .7s linear forwards; }
@keyframes progress-loading-7-right   { 100% { transform: rotate(25.2deg); } }

.progress.progress--8 .progress-right .progress-bar    { animation: progress-loading-8-right .7s linear forwards; }
@keyframes progress-loading-8-right   { 100% { transform: rotate(28.8deg); } }

.progress.progress--9 .progress-right .progress-bar    { animation: progress-loading-9-right .7s linear forwards; }
@keyframes progress-loading-9-right   { 100% { transform: rotate(32.4deg); } }

.progress.progress--10 .progress-right .progress-bar   { animation: progress-loading-10-right .7s linear forwards; }
@keyframes progress-loading-10-right  { 100% { transform: rotate(36deg); } }

.progress.progress--11 .progress-right .progress-bar   { animation: progress-loading-11-right .7s linear forwards; }
@keyframes progress-loading-11-right  { 100% { transform: rotate(39.6deg); } }

.progress.progress--12 .progress-right .progress-bar   { animation: progress-loading-12-right .7s linear forwards; }
@keyframes progress-loading-12-right  { 100% { transform: rotate(43.2deg); } }

.progress.progress--13 .progress-right .progress-bar   { animation: progress-loading-13-right .7s linear forwards; }
@keyframes progress-loading-13-right  { 100% { transform: rotate(46.8deg); } }

.progress.progress--14 .progress-right .progress-bar   { animation: progress-loading-14-right .7s linear forwards; }
@keyframes progress-loading-14-right  { 100% { transform: rotate(50.4deg); } }

.progress.progress--15 .progress-right .progress-bar   { animation: progress-loading-15-right .7s linear forwards; }
@keyframes progress-loading-15-right  { 100% { transform: rotate(54deg); } }

.progress.progress--16 .progress-right .progress-bar   { animation: progress-loading-16-right .7s linear forwards; }
@keyframes progress-loading-16-right  { 100% { transform: rotate(57.6deg); } }

.progress.progress--17 .progress-right .progress-bar   { animation: progress-loading-17-right .7s linear forwards; }
@keyframes progress-loading-17-right  { 100% { transform: rotate(61.2deg); } }

.progress.progress--18 .progress-right .progress-bar   { animation: progress-loading-18-right .7s linear forwards; }
@keyframes progress-loading-18-right  { 100% { transform: rotate(64.8deg); } }

.progress.progress--19 .progress-right .progress-bar   { animation: progress-loading-19-right .7s linear forwards; }
@keyframes progress-loading-19-right  { 100% { transform: rotate(68.4deg); } }

.progress.progress--20 .progress-right .progress-bar   { animation: progress-loading-20-right .7s linear forwards; }
@keyframes progress-loading-20-right  { 100% { transform: rotate(72deg); } }

.progress.progress--21 .progress-right .progress-bar   { animation: progress-loading-21-right .7s linear forwards; }
@keyframes progress-loading-21-right  { 100% { transform: rotate(75.6deg); } }

.progress.progress--22 .progress-right .progress-bar   { animation: progress-loading-22-right .7s linear forwards; }
@keyframes progress-loading-22-right  { 100% { transform: rotate(79.2deg); } }

.progress.progress--23 .progress-right .progress-bar   { animation: progress-loading-23-right .7s linear forwards; }
@keyframes progress-loading-23-right  { 100% { transform: rotate(82.8deg); } }

.progress.progress--24 .progress-right .progress-bar   { animation: progress-loading-24-right .7s linear forwards; }
@keyframes progress-loading-24-right  { 100% { transform: rotate(86.4deg); } }

.progress.progress--25 .progress-right .progress-bar   { animation: progress-loading-25-right .7s linear forwards; }
@keyframes progress-loading-25-right  { 100% { transform: rotate(90deg); } }

.progress.progress--26 .progress-right .progress-bar   { animation: progress-loading-26-right .7s linear forwards; }
@keyframes progress-loading-26-right  { 100% { transform: rotate(93.6deg); } }

.progress.progress--27 .progress-right .progress-bar   { animation: progress-loading-27-right .7s linear forwards; }
@keyframes progress-loading-27-right  { 100% { transform: rotate(97.2deg); } }

.progress.progress--28 .progress-right .progress-bar   { animation: progress-loading-28-right .7s linear forwards; }
@keyframes progress-loading-28-right  { 100% { transform: rotate(100.8deg); } }

.progress.progress--29 .progress-right .progress-bar   { animation: progress-loading-29-right .7s linear forwards; }
@keyframes progress-loading-29-right  { 100% { transform: rotate(104.4deg); } }

.progress.progress--30 .progress-right .progress-bar   { animation: progress-loading-30-right .7s linear forwards; }
@keyframes progress-loading-30-right  { 100% { transform: rotate(108deg); } }

.progress.progress--31 .progress-right .progress-bar   { animation: progress-loading-31-right .7s linear forwards; }
@keyframes progress-loading-31-right  { 100% { transform: rotate(111.6deg); } }

.progress.progress--32 .progress-right .progress-bar   { animation: progress-loading-32-right .7s linear forwards; }
@keyframes progress-loading-32-right  { 100% { transform: rotate(115.2deg); } }

.progress.progress--33 .progress-right .progress-bar   { animation: progress-loading-33-right .7s linear forwards; }
@keyframes progress-loading-33-right  { 100% { transform: rotate(118.8deg); } }

.progress.progress--34 .progress-right .progress-bar   { animation: progress-loading-34-right .7s linear forwards; }
@keyframes progress-loading-34-right  { 100% { transform: rotate(122.4deg); } }

.progress.progress--35 .progress-right .progress-bar   { animation: progress-loading-35-right .7s linear forwards; }
@keyframes progress-loading-35-right  { 100% { transform: rotate(126deg); } }

.progress.progress--36 .progress-right .progress-bar   { animation: progress-loading-36-right .7s linear forwards; }
@keyframes progress-loading-36-right  { 100% { transform: rotate(129.6deg); } }

.progress.progress--37 .progress-right .progress-bar   { animation: progress-loading-37-right .7s linear forwards; }
@keyframes progress-loading-37-right  { 100% { transform: rotate(133.2deg); } }

.progress.progress--38 .progress-right .progress-bar   { animation: progress-loading-38-right .7s linear forwards; }
@keyframes progress-loading-38-right  { 100% { transform: rotate(136.8deg); } }

.progress.progress--39 .progress-right .progress-bar   { animation: progress-loading-39-right .7s linear forwards; }
@keyframes progress-loading-39-right  { 100% { transform: rotate(140.4deg); } }

.progress.progress--40 .progress-right .progress-bar   { animation: progress-loading-40-right .7s linear forwards; }
@keyframes progress-loading-40-right  { 100% { transform: rotate(144deg); } }

.progress.progress--41 .progress-right .progress-bar   { animation: progress-loading-41-right .7s linear forwards; }
@keyframes progress-loading-41-right  { 100% { transform: rotate(147.6deg); } }

.progress.progress--42 .progress-right .progress-bar   { animation: progress-loading-42-right .7s linear forwards; }
@keyframes progress-loading-42-right  { 100% { transform: rotate(151.2deg); } }

.progress.progress--43 .progress-right .progress-bar   { animation: progress-loading-43-right .7s linear forwards; }
@keyframes progress-loading-43-right  { 100% { transform: rotate(154.8deg); } }

.progress.progress--44 .progress-right .progress-bar   { animation: progress-loading-44-right .7s linear forwards; }
@keyframes progress-loading-44-right  { 100% { transform: rotate(158.4deg); } }

.progress.progress--45 .progress-right .progress-bar   { animation: progress-loading-45-right .7s linear forwards; }
@keyframes progress-loading-45-right  { 100% { transform: rotate(162deg); } }

.progress.progress--46 .progress-right .progress-bar   { animation: progress-loading-46-right .7s linear forwards; }
@keyframes progress-loading-46-right  { 100% { transform: rotate(165.6deg); } }

.progress.progress--47 .progress-right .progress-bar   { animation: progress-loading-47-right .7s linear forwards; }
@keyframes progress-loading-47-right  { 100% { transform: rotate(169.2deg); } }

.progress.progress--48 .progress-right .progress-bar   { animation: progress-loading-48-right .7s linear forwards; }
@keyframes progress-loading-48-right  { 100% { transform: rotate(172.8deg); } }

.progress.progress--49 .progress-right .progress-bar   { animation: progress-loading-49-right .7s linear forwards; }
@keyframes progress-loading-49-right  { 100% { transform: rotate(176.4deg); } }

.progress.progress--50 .progress-right .progress-bar   { animation: progress-loading-50-right .7s linear forwards; }
@keyframes progress-loading-50-right  { 100% { transform: rotate(180deg); } }

/* 51–100 %: pravá část vždy 180°, levá část podle hodnoty */
.progress.progress--51 .progress-right .progress-bar   { animation: progress-loading-51-right .7s linear forwards; }
@keyframes progress-loading-51-right  { 100% { transform: rotate(180deg); } }
.progress.progress--51 .progress-left .progress-bar    { animation: progress-loading-51-left .7s linear forwards .7s; }
@keyframes progress-loading-51-left   { 100% { transform: rotate(3.6deg); } }

.progress.progress--52 .progress-right .progress-bar   { animation: progress-loading-52-right .7s linear forwards; }
@keyframes progress-loading-52-right  { 100% { transform: rotate(180deg); } }
.progress.progress--52 .progress-left .progress-bar    { animation: progress-loading-52-left .7s linear forwards .7s; }
@keyframes progress-loading-52-left   { 100% { transform: rotate(7.2deg); } }

.progress.progress--53 .progress-right .progress-bar   { animation: progress-loading-53-right .7s linear forwards; }
@keyframes progress-loading-53-right  { 100% { transform: rotate(180deg); } }
.progress.progress--53 .progress-left .progress-bar    { animation: progress-loading-53-left .7s linear forwards .7s; }
@keyframes progress-loading-53-left   { 100% { transform: rotate(10.8deg); } }

.progress.progress--54 .progress-right .progress-bar   { animation: progress-loading-54-right .7s linear forwards; }
@keyframes progress-loading-54-right  { 100% { transform: rotate(180deg); } }
.progress.progress--54 .progress-left .progress-bar    { animation: progress-loading-54-left .7s linear forwards .7s; }
@keyframes progress-loading-54-left   { 100% { transform: rotate(14.4deg); } }

.progress.progress--55 .progress-right .progress-bar   { animation: progress-loading-55-right .7s linear forwards; }
@keyframes progress-loading-55-right  { 100% { transform: rotate(180deg); } }
.progress.progress--55 .progress-left .progress-bar    { animation: progress-loading-55-left .7s linear forwards .7s; }
@keyframes progress-loading-55-left   { 100% { transform: rotate(18deg); } }

.progress.progress--56 .progress-right .progress-bar   { animation: progress-loading-56-right .7s linear forwards; }
@keyframes progress-loading-56-right  { 100% { transform: rotate(180deg); } }
.progress.progress--56 .progress-left .progress-bar    { animation: progress-loading-56-left .7s linear forwards .7s; }
@keyframes progress-loading-56-left   { 100% { transform: rotate(21.6deg); } }

.progress.progress--57 .progress-right .progress-bar   { animation: progress-loading-57-right .7s linear forwards; }
@keyframes progress-loading-57-right  { 100% { transform: rotate(180deg); } }
.progress.progress--57 .progress-left .progress-bar    { animation: progress-loading-57-left .7s linear forwards .7s; }
@keyframes progress-loading-57-left   { 100% { transform: rotate(25.2deg); } }

.progress.progress--58 .progress-right .progress-bar   { animation: progress-loading-58-right .7s linear forwards; }
@keyframes progress-loading-58-right  { 100% { transform: rotate(180deg); } }
.progress.progress--58 .progress-left .progress-bar    { animation: progress-loading-58-left .7s linear forwards .7s; }
@keyframes progress-loading-58-left   { 100% { transform: rotate(28.8deg); } }

.progress.progress--59 .progress-right .progress-bar   { animation: progress-loading-59-right .7s linear forwards; }
@keyframes progress-loading-59-right  { 100% { transform: rotate(180deg); } }
.progress.progress--59 .progress-left .progress-bar    { animation: progress-loading-59-left .7s linear forwards .7s; }
@keyframes progress-loading-59-left   { 100% { transform: rotate(32.4deg); } }

.progress.progress--60 .progress-right .progress-bar   { animation: progress-loading-60-right .7s linear forwards; }
@keyframes progress-loading-60-right  { 100% { transform: rotate(180deg); } }
.progress.progress--60 .progress-left .progress-bar    { animation: progress-loading-60-left .7s linear forwards .7s; }
@keyframes progress-loading-60-left   { 100% { transform: rotate(36deg); } }

.progress.progress--61 .progress-right .progress-bar   { animation: progress-loading-61-right .7s linear forwards; }
@keyframes progress-loading-61-right  { 100% { transform: rotate(180deg); } }
.progress.progress--61 .progress-left .progress-bar    { animation: progress-loading-61-left .7s linear forwards .7s; }
@keyframes progress-loading-61-left   { 100% { transform: rotate(39.6deg); } }

.progress.progress--62 .progress-right .progress-bar   { animation: progress-loading-62-right .7s linear forwards; }
@keyframes progress-loading-62-right  { 100% { transform: rotate(180deg); } }
.progress.progress--62 .progress-left .progress-bar    { animation: progress-loading-62-left .7s linear forwards .7s; }
@keyframes progress-loading-62-left   { 100% { transform: rotate(43.2deg); } }

.progress.progress--63 .progress-right .progress-bar   { animation: progress-loading-63-right .7s linear forwards; }
@keyframes progress-loading-63-right  { 100% { transform: rotate(180deg); } }
.progress.progress--63 .progress-left .progress-bar    { animation: progress-loading-63-left .7s linear forwards .7s; }
@keyframes progress-loading-63-left   { 100% { transform: rotate(46.8deg); } }

.progress.progress--64 .progress-right .progress-bar   { animation: progress-loading-64-right .7s linear forwards; }
@keyframes progress-loading-64-right  { 100% { transform: rotate(180deg); } }
.progress.progress--64 .progress-left .progress-bar    { animation: progress-loading-64-left .7s linear forwards .7s; }
@keyframes progress-loading-64-left   { 100% { transform: rotate(50.4deg); } }

.progress.progress--65 .progress-right .progress-bar   { animation: progress-loading-65-right .7s linear forwards; }
@keyframes progress-loading-65-right  { 100% { transform: rotate(180deg); } }
.progress.progress--65 .progress-left .progress-bar    { animation: progress-loading-65-left .7s linear forwards .7s; }
@keyframes progress-loading-65-left   { 100% { transform: rotate(54deg); } }

.progress.progress--66 .progress-right .progress-bar   { animation: progress-loading-66-right .7s linear forwards; }
@keyframes progress-loading-66-right  { 100% { transform: rotate(180deg); } }
.progress.progress--66 .progress-left .progress-bar    { animation: progress-loading-66-left .7s linear forwards .7s; }
@keyframes progress-loading-66-left   { 100% { transform: rotate(57.6deg); } }

.progress.progress--67 .progress-right .progress-bar   { animation: progress-loading-67-right .7s linear forwards; }
@keyframes progress-loading-67-right  { 100% { transform: rotate(180deg); } }
.progress.progress--67 .progress-left .progress-bar    { animation: progress-loading-67-left .7s linear forwards .7s; }
@keyframes progress-loading-67-left   { 100% { transform: rotate(61.2deg); } }

.progress.progress--68 .progress-right .progress-bar   { animation: progress-loading-68-right .7s linear forwards; }
@keyframes progress-loading-68-right  { 100% { transform: rotate(180deg); } }
.progress.progress--68 .progress-left .progress-bar    { animation: progress-loading-68-left .7s linear forwards .7s; }
@keyframes progress-loading-68-left   { 100% { transform: rotate(64.8deg); } }

.progress.progress--69 .progress-right .progress-bar   { animation: progress-loading-69-right .7s linear forwards; }
@keyframes progress-loading-69-right  { 100% { transform: rotate(180deg); } }
.progress.progress--69 .progress-left .progress-bar    { animation: progress-loading-69-left .7s linear forwards .7s; }
@keyframes progress-loading-69-left   { 100% { transform: rotate(68.4deg); } }

.progress.progress--70 .progress-right .progress-bar   { animation: progress-loading-70-right .7s linear forwards; }
@keyframes progress-loading-70-right  { 100% { transform: rotate(180deg); } }
.progress.progress--70 .progress-left .progress-bar    { animation: progress-loading-70-left .7s linear forwards .7s; }
@keyframes progress-loading-70-left   { 100% { transform: rotate(72deg); } }

.progress.progress--71 .progress-right .progress-bar   { animation: progress-loading-71-right .7s linear forwards; }
@keyframes progress-loading-71-right  { 100% { transform: rotate(180deg); } }
.progress.progress--71 .progress-left .progress-bar    { animation: progress-loading-71-left .7s linear forwards .7s; }
@keyframes progress-loading-71-left   { 100% { transform: rotate(75.6deg); } }

.progress.progress--72 .progress-right .progress-bar   { animation: progress-loading-72-right .7s linear forwards; }
@keyframes progress-loading-72-right  { 100% { transform: rotate(180deg); } }
.progress.progress--72 .progress-left .progress-bar    { animation: progress-loading-72-left .7s linear forwards .7s; }
@keyframes progress-loading-72-left   { 100% { transform: rotate(79.2deg); } }

.progress.progress--73 .progress-right .progress-bar   { animation: progress-loading-73-right .7s linear forwards; }
@keyframes progress-loading-73-right  { 100% { transform: rotate(180deg); } }
.progress.progress--73 .progress-left .progress-bar    { animation: progress-loading-73-left .7s linear forwards .7s; }
@keyframes progress-loading-73-left   { 100% { transform: rotate(82.8deg); } }

.progress.progress--74 .progress-right .progress-bar   { animation: progress-loading-74-right .7s linear forwards; }
@keyframes progress-loading-74-right  { 100% { transform: rotate(180deg); } }
.progress.progress--74 .progress-left .progress-bar    { animation: progress-loading-74-left .7s linear forwards .7s; }
@keyframes progress-loading-74-left   { 100% { transform: rotate(86.4deg); } }

.progress.progress--75 .progress-right .progress-bar   { animation: progress-loading-75-right .7s linear forwards; }
@keyframes progress-loading-75-right  { 100% { transform: rotate(180deg); } }
.progress.progress--75 .progress-left .progress-bar    { animation: progress-loading-75-left .7s linear forwards .7s; }
@keyframes progress-loading-75-left   { 100% { transform: rotate(90deg); } }

.progress.progress--76 .progress-right .progress-bar   { animation: progress-loading-76-right .7s linear forwards; }
@keyframes progress-loading-76-right  { 100% { transform: rotate(180deg); } }
.progress.progress--76 .progress-left .progress-bar    { animation: progress-loading-76-left .7s linear forwards .7s; }
@keyframes progress-loading-76-left   { 100% { transform: rotate(93.6deg); } }

.progress.progress--77 .progress-right .progress-bar   { animation: progress-loading-77-right .7s linear forwards; }
@keyframes progress-loading-77-right  { 100% { transform: rotate(180deg); } }
.progress.progress--77 .progress-left .progress-bar    { animation: progress-loading-77-left .7s linear forwards .7s; }
@keyframes progress-loading-77-left   { 100% { transform: rotate(97.2deg); } }

.progress.progress--78 .progress-right .progress-bar   { animation: progress-loading-78-right .7s linear forwards; }
@keyframes progress-loading-78-right  { 100% { transform: rotate(180deg); } }
.progress.progress--78 .progress-left .progress-bar    { animation: progress-loading-78-left .7s linear forwards .7s; }
@keyframes progress-loading-78-left   { 100% { transform: rotate(100.8deg); } }

.progress.progress--79 .progress-right .progress-bar   { animation: progress-loading-79-right .7s linear forwards; }
@keyframes progress-loading-79-right  { 100% { transform: rotate(180deg); } }
.progress.progress--79 .progress-left .progress-bar    { animation: progress-loading-79-left .7s linear forwards .7s; }
@keyframes progress-loading-79-left   { 100% { transform: rotate(104.4deg); } }

.progress.progress--80 .progress-right .progress-bar   { animation: progress-loading-80-right .7s linear forwards; }
@keyframes progress-loading-80-right  { 100% { transform: rotate(180deg); } }
.progress.progress--80 .progress-left .progress-bar    { animation: progress-loading-80-left .7s linear forwards .7s; }
@keyframes progress-loading-80-left   { 100% { transform: rotate(108deg); } }

.progress.progress--81 .progress-right .progress-bar   { animation: progress-loading-81-right .7s linear forwards; }
@keyframes progress-loading-81-right  { 100% { transform: rotate(180deg); } }
.progress.progress--81 .progress-left .progress-bar    { animation: progress-loading-81-left .7s linear forwards .7s; }
@keyframes progress-loading-81-left   { 100% { transform: rotate(111.6deg); } }

.progress.progress--82 .progress-right .progress-bar   { animation: progress-loading-82-right .7s linear forwards; }
@keyframes progress-loading-82-right  { 100% { transform: rotate(180deg); } }
.progress.progress--82 .progress-left .progress-bar    { animation: progress-loading-82-left .7s linear forwards .7s; }
@keyframes progress-loading-82-left   { 100% { transform: rotate(115.2deg); } }

.progress.progress--83 .progress-right .progress-bar   { animation: progress-loading-83-right .7s linear forwards; }
@keyframes progress-loading-83-right  { 100% { transform: rotate(180deg); } }
.progress.progress--83 .progress-left .progress-bar    { animation: progress-loading-83-left .7s linear forwards .7s; }
@keyframes progress-loading-83-left   { 100% { transform: rotate(118.8deg); } }

.progress.progress--84 .progress-right .progress-bar   { animation: progress-loading-84-right .7s linear forwards; }
@keyframes progress-loading-84-right  { 100% { transform: rotate(180deg); } }
.progress.progress--84 .progress-left .progress-bar    { animation: progress-loading-84-left .7s linear forwards .7s; }
@keyframes progress-loading-84-left   { 100% { transform: rotate(122.4deg); } }

.progress.progress--85 .progress-right .progress-bar   { animation: progress-loading-85-right .7s linear forwards; }
@keyframes progress-loading-85-right  { 100% { transform: rotate(180deg); } }
.progress.progress--85 .progress-left .progress-bar    { animation: progress-loading-85-left .7s linear forwards .7s; }
@keyframes progress-loading-85-left   { 100% { transform: rotate(126deg); } }

.progress.progress--86 .progress-right .progress-bar   { animation: progress-loading-86-right .7s linear forwards; }
@keyframes progress-loading-86-right  { 100% { transform: rotate(180deg); } }
.progress.progress--86 .progress-left .progress-bar    { animation: progress-loading-86-left .7s linear forwards .7s; }
@keyframes progress-loading-86-left   { 100% { transform: rotate(129.6deg); } }

.progress.progress--87 .progress-right .progress-bar   { animation: progress-loading-87-right .7s linear forwards; }
@keyframes progress-loading-87-right  { 100% { transform: rotate(180deg); } }
.progress.progress--87 .progress-left .progress-bar    { animation: progress-loading-87-left .7s linear forwards .7s; }
@keyframes progress-loading-87-left   { 100% { transform: rotate(133.2deg); } }

.progress.progress--88 .progress-right .progress-bar   { animation: progress-loading-88-right .7s linear forwards; }
@keyframes progress-loading-88-right  { 100% { transform: rotate(180deg); } }
.progress.progress--88 .progress-left .progress-bar    { animation: progress-loading-88-left .7s linear forwards .7s; }
@keyframes progress-loading-88-left   { 100% { transform: rotate(136.8deg); } }

.progress.progress--89 .progress-right .progress-bar   { animation: progress-loading-89-right .7s linear forwards; }
@keyframes progress-loading-89-right  { 100% { transform: rotate(180deg); } }
.progress.progress--89 .progress-left .progress-bar    { animation: progress-loading-89-left .7s linear forwards .7s; }
@keyframes progress-loading-89-left   { 100% { transform: rotate(140.4deg); } }

.progress.progress--90 .progress-right .progress-bar   { animation: progress-loading-90-right .7s linear forwards; }
@keyframes progress-loading-90-right  { 100% { transform: rotate(180deg); } }
.progress.progress--90 .progress-left .progress-bar    { animation: progress-loading-90-left .7s linear forwards .7s; }
@keyframes progress-loading-90-left   { 100% { transform: rotate(144deg); } }

.progress.progress--91 .progress-right .progress-bar   { animation: progress-loading-91-right .7s linear forwards; }
@keyframes progress-loading-91-right  { 100% { transform: rotate(180deg); } }
.progress.progress--91 .progress-left .progress-bar    { animation: progress-loading-91-left .7s linear forwards .7s; }
@keyframes progress-loading-91-left   { 100% { transform: rotate(147.6deg); } }

.progress.progress--92 .progress-right .progress-bar   { animation: progress-loading-92-right .7s linear forwards; }
@keyframes progress-loading-92-right  { 100% { transform: rotate(180deg); } }
.progress.progress--92 .progress-left .progress-bar    { animation: progress-loading-92-left .7s linear forwards .7s; }
@keyframes progress-loading-92-left   { 100% { transform: rotate(151.2deg); } }

.progress.progress--93 .progress-right .progress-bar   { animation: progress-loading-93-right .7s linear forwards; }
@keyframes progress-loading-93-right  { 100% { transform: rotate(180deg); } }
.progress.progress--93 .progress-left .progress-bar    { animation: progress-loading-93-left .7s linear forwards .7s; }
@keyframes progress-loading-93-left   { 100% { transform: rotate(154.8deg); } }

.progress.progress--94 .progress-right .progress-bar   { animation: progress-loading-94-right .7s linear forwards; }
@keyframes progress-loading-94-right  { 100% { transform: rotate(180deg); } }
.progress.progress--94 .progress-left .progress-bar    { animation: progress-loading-94-left .7s linear forwards .7s; }
@keyframes progress-loading-94-left   { 100% { transform: rotate(158.4deg); } }

.progress.progress--95 .progress-right .progress-bar   { animation: progress-loading-95-right .7s linear forwards; }
@keyframes progress-loading-95-right  { 100% { transform: rotate(180deg); } }
.progress.progress--95 .progress-left .progress-bar    { animation: progress-loading-95-left .7s linear forwards .7s; }
@keyframes progress-loading-95-left   { 100% { transform: rotate(162deg); } }

.progress.progress--96 .progress-right .progress-bar   { animation: progress-loading-96-right .7s linear forwards; }
@keyframes progress-loading-96-right  { 100% { transform: rotate(180deg); } }
.progress.progress--96 .progress-left .progress-bar    { animation: progress-loading-96-left .7s linear forwards .7s; }
@keyframes progress-loading-96-left   { 100% { transform: rotate(165.6deg); } }

.progress.progress--97 .progress-right .progress-bar   { animation: progress-loading-97-right .7s linear forwards; }
@keyframes progress-loading-97-right  { 100% { transform: rotate(180deg); } }
.progress.progress--97 .progress-left .progress-bar    { animation: progress-loading-97-left .7s linear forwards .7s; }
@keyframes progress-loading-97-left   { 100% { transform: rotate(169.2deg); } }

.progress.progress--98 .progress-right .progress-bar   { animation: progress-loading-98-right .7s linear forwards; }
@keyframes progress-loading-98-right  { 100% { transform: rotate(180deg); } }
.progress.progress--98 .progress-left .progress-bar    { animation: progress-loading-98-left .7s linear forwards .7s; }
@keyframes progress-loading-98-left   { 100% { transform: rotate(172.8deg); } }

.progress.progress--99 .progress-right .progress-bar   { animation: progress-loading-99-right .7s linear forwards; }
@keyframes progress-loading-99-right  { 100% { transform: rotate(180deg); } }
.progress.progress--99 .progress-left .progress-bar    { animation: progress-loading-99-left .7s linear forwards .7s; }
@keyframes progress-loading-99-left   { 100% { transform: rotate(176.4deg); } }

.progress.progress--100 .progress-right .progress-bar  { animation: progress-loading-100-right .7s linear forwards; }
@keyframes progress-loading-100-right { 100% { transform: rotate(180deg); } }
.progress.progress--100 .progress-left .progress-bar   { animation: progress-loading-100-left .7s linear forwards .7s; }
@keyframes progress-loading-100-left  { 100% { transform: rotate(180deg); } }

.budget-info__title,
.budget-product__title {
font-family: var(--anareus-plus-secondary-font-family);
font-size: 19px;
font-weight: 700;
margin-top: 0;
}
.budget-product__wrapper {
  margin-bottom: 1rem;
  padding: 7rem;
  align-items: center;
  background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 50%);
}
.budget-product__img {
  background-color: var(--anareus-plus-grey-color);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
}
.mt-4 {
  margin-top: 4rem;
}
#module-b4n_loyalty_system_plus-earlier_access .showall {
  display: none !important;
}
.budget-product__info p {
  margin: 0 0 2px 0;
}

/* Budget tabs */

.tabs-premium-budget-products {
  border: none!important;
}
.tabs-premium-budget-products .ui-tabs-nav {
  margin-top: 4rem;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.2rem;
}
@media (max-width: 1200px) {
 .tabs-premium-budget-products .ui-tabs-nav {
  gap: 2.2rem;
}
}
.tabs-premium-budget-products .ui-tabs-nav li.ui-tabs-tab {
  background: #fff;
  border: 1px solid var(--anareus-plus-grey-color);
  color: #000;
  border-radius: 2rem;
  padding: .5 1.5rem;
}
.tabs-premium-budget-products .ui-tabs-nav li.ui-tabs-tab a {
  color: #000;
  font-weight: 700;
}
.tabs-premium-budget-products .ui-tabs-nav li.ui-tabs-tab.ui-tabs-active {
  background: var(--anareus-plus-main-color);
}
.tabs-premium-budget-products .ui-tabs-nav li.ui-tabs-tab.ui-tabs-active a {
  color: #fff;
}
.premium-budget__products-slider__wrapper .bx-viewport {
  min-height: 525px;
}
.premium-budget__products-slider__wrapper .bx-wrapper .bx-controls-direction a {
  width: 25px;
  height: 25px;
}
.premium-budget__products-slider__wrapper .bx-wrapper .bx-controls-direction a {
  width: 25px;
  height: 25px;
}

/* Product sliders - product card */

.bx-wrapper .product-container .left-block {
  margin: 0;
}
.bx-wrapper .product-container .right-block p {
  margin: 0;
}
.bx-wrapper .product_list .product-name {
  align-items: flex-start;
}
.bx-wrapper .product_list .product-card {
  margin-bottom: 0!important;
}
.bx-wrapper .product-container .right-block .product-manufacturer-name,
.bx-wrapper .product-container .right-block .product_reference_list,
.bx-wrapper .product-container .right-block #product_reference_list {
  font-size: 1.4rem;
}
.bx-wrapper .product-container .right-block .product-oos-msg {
  font-size: 1.2rem;
  line-height: 1.25;
  visibility: hidden;
}
.bx-wrapper .product-container:hover .product-oos-msg {
  visibility: visible;
}
.bx-wrapper a.product-label--new {
  color: #fff!important;
}

/* Price levels */
.anareus-plus__content__wrapper {
  padding: 6rem 0;
}
.section-levels .section__desc{
  max-width: 910px;
  text-align: center;
  margin: 3rem auto;
}
.section-levels__wrapper {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 8rem;
  margin-top: 6rem;
  flex-wrap: wrap;
}
.section-level__item {
  min-width: 320px;
  flex: 0 1 320px;
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 1px solid #e9e9e9;
  border-radius: 1.5rem;
  padding: 6rem 4rem;
  -webkit-box-shadow: 0px 3px 7px 2px rgba(0,0,0,0.09); 
  box-shadow: 0px 3px 7px 2px rgba(0,0,0,0.09);
}
.section-level__item--bronze {
  background: url(../../img/anareus-plus--header-bg-wh.webp), linear-gradient(180deg, rgba(212, 122, 34, 1) 0%, rgba(255, 255, 255, 1) 65%);
  background-size: contain, auto;
  background-blend-mode: overlay;
}
.section-level__item--silver {
  background: url(../../img/anareus-plus--header-bg-wh.webp), linear-gradient(180deg, rgba(187, 187, 187, 1) 0%, rgba(255, 255, 255, 1) 65%);
  background-size: contain, auto;
  background-blend-mode: overlay;
}
.section-level__item--gold {
  background: url(../../img/anareus-plus--header-bg-wh.webp), linear-gradient(180deg, rgba(239, 191, 3, 1) 0%, rgba(255, 255, 255, 1) 65%);
  background-size: contain, auto;
  background-blend-mode: overlay;
}
.level-tag {
  display: block;
  padding: .5rem 1rem;
  border-radius: 2rem;
  font-weight: 700;
  font-size: 1.35rem;
  min-width: 70px;
  text-align: center;
}
.section-level__item--bronze .level-tag {
  background-color: #D47A22;
  color: #fff;
}
.section-level__item--silver .level-tag {
  background-color: #BBBBBB;
}
.section-level__item--gold .level-tag {
  background-color: #EFBF03;
}
.level-desc {
  text-align: center;
  max-width: 200px;
  font-size: 1.5rem;
  line-height: 1.25;
  margin: 1.5rem 0;
}
.level-list {
  margin-top: 1rem;
}
ul.level-list.checked {
  padding: 0;
}
ul.level-list.checked li {
  background-size: 15px;
  padding-left: 35px;
  text-align: left;
  margin: 0 0 2rem 0;
}
.level-icon {
  display: block;
  width: 35px;
  height: 35px;
  background-size: 35px;
  background-repeat: no-repeat;
  background-image: url(../../img/svg/diamond.svg);
  margin-top: 1rem;
}
.level-price {
  font-size: 2.2rem;
  font-weight: 700;
  margin-top: -1rem;
}
.level-price span {
  font-size: 1.5rem;
  font-weight: 300;
}

/* Price levels --mobile */

@media (max-width:1200px) {
  .section-levels__wrapper {
    gap: 4rem;
  }
}

/* CTA */
.apcta__cta {
  background: url(../../img/anareus-plus--header-bg-wh.webp), linear-gradient(90deg, rgba(239, 191, 3, 1) 0%, rgba(244, 206, 56, 1) 100%);
  background-size: 450px, auto;
  background-blend-mode: overlay;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 1.5rem;
  margin-top: 6rem;
  padding: 4rem 8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.apcta__cta h2 {
  font-family: var(--anareus-plus-seconrady-font-family);
  font-weight: 500;
  color: #000;
  background: url(../../img/svg/diamond.svg) no-repeat left center / 50px;
  padding-left: 80px;
  font-size: 2.5rem;
}
.apcta__btn {
  background-color: #000;
  color: #fff;
  font-size: 1.9rem;
  font-weight: 500;
  border-radius: .4rem;
  padding: 2rem 6rem;
  transition: all .5s;
}
.apcta__btn:hover {
  transform: scale(1.1);
  text-decoration: none;
}

/* CTA --mobile */
@media (max-width:1200px) {
  .apcta__cta {
    margin-top: 2rem;
    padding: 2rem 4rem;
  }
  .apcta__cta h2 {
   padding-right: 2rem;
    font-size: 2rem;
  }
  .apcta__btn {
    background-color: #000;
    color: #fff;
    font-size: 1.5rem;
    padding: 1.5rem 4rem;
    transition: all .5s;
  }
}
@media (max-width:992px) {
  .apcta__cta {
    flex-direction: column;
    justify-content: center;
  }
  .apcta__cta h2 {
    text-align: center;
    padding-left: 0;
    background: none;
    margin-bottom: 2rem;
    margin-top: 0;
  }
}

/* SPECIAL */
.apspecial__wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 8rem;
  padding: 4rem 0;
  flex-wrap: wrap;
}
.apspecial__content {
  flex: 0 0 40%;
}
.apspecial__image {
  flex: 0 0 40%;
  padding: 0 8rem;
}
.apspecial__image img {
  max-width: 100%;
  height: auto;
}

/* SPECIAL --mobile */

@media (max-width:1400px) {
  .apspecial__content {
    flex: 0 0 50%;
  }
  .apspecial__image {
  flex: 0 0 50%;
  padding: 0 6rem;
}
  .apspecial__wrapper--image-first .apspecial__image {
    order: 2;
  }
}
@media (max-width:992px) {
  .apspecial__content {
    flex: 0 0 100%;
  }
  .apspecial__image {
  flex: 0 0 100%;
  padding: 0 6rem;
}
}