@charset "UTF-8";
:root {
  --font-weight-400: 400;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --primary-colors-bunker-100: #181c22;
  --primary-colors-bunker-80: #2d3038;
  --primary-colors-bunker-60: #43474e;
  --primary-colors-bunker-40: #5b5e66;
  --primary-colors-bunker-20: #74777f;
  --Primary-Colors-Bunker: #8d9199;
  --White: #ffffff;
  --primary-colors-aluminium-20: #f6f6f7;
  --primary-colors-aluminium-40: #eef0f1;
  --primary-colors-aluminium-60: #e0e2e5;
  --primary-colors-aluminium-80: #c4c6cf;
  --primary-colors-aluminium-100: #a8abb4;
  --: #614097;
  --accent-color-purple-100: #7e57c5;
  --accent-color-purple-80: #967cd6;
  --accent-color-purple-60: #b1a2e3;
  --accent-color-purple-40: #e2def6;
  --accent-color-purple-20: #f0edfa;
  --Accent-Color-Anzac: #79572f;
  --accent-color-anzac-100: #977337;
  --accent-color-anzac-80: #b08f42;
  --accent-color-anzac-60: #c0a452;
  --accent-color-anzac-40: #cebb76;
  --accent-color-anzac-20: #e0d6a8;
  --alert-color-success-100: #57c56b;
  --alert-color-success-40: #e1f7e4;
  --alert-color-error-100: #dc4040;
  --alert-color-error-40: #fbe5e5;
  --alert-color-warning-100: #d1b821;
  --alert-color-warning-40: #f9f8c8;
  --accent-color-orchid-100: #e577cb;
  --accent-color-orchid-80: #f1b0e3;
  --accent-color-orchid-60: #f6d4ef;
  --accent-color-orchid-40: #fae9f7;
  --accent-color-orchid-20: #fcf3fa;
}

.splide-next-prev .splide-button-prev, .splide-next-prev .splide-button-next, .splide__controls--prev, .splide__controls--next, .not-found-page__details--icon, .maintenance-page__details--icon, .blog-single-page-related-posts__item .icon, .blog-page-offers__slide--picture, .blog-page-learning-video__item--play-icon, .blog-page-learning-video__item--play, .blog-page-learning-video__head--arrow, .contact-page-form__details--social-link, .contact-page-form__details--social, .contact-page-form__cover--arrow, .about-page-certificates__item--over, .about-page-certificates__item, .about-page-hero__more--arrow, .profile-comments-item__head--tools-icon, .profile-comments-item__head--tools-closeButton, .profile-comments-empty .icon, .profile-gift-cards-data__self-receiver--title .icon, .profile-gift-cards-data__banks--item, .gift-code-box__icons, .profile-page-discount-codes__item--box, .wallet-panel__banks--item, .wallet-panel__values--item, .profile-favorites-grid .filter-button-group button span, .banks-list--remove, .profile-personal-empty-banks__content > .icon, .profile-personal-empty-banks__content, .profile-personal-info-cover__picture--edit, .profile-order-page__message--head-icon, .profile-orders-tab__empty .icon, .profile-orders-tab__empty, .profile-product-item__items-comment, .profile-product-item__items-more ul li, .profile-product-item__items > ul > li.count, .profile-product-item__head--details-info .icon, .profile-complete-gift__image .icon, .profile-complete-gift__image, .profile-page-content__extra--icon, .register-page__sidebar--arrow, .brands-last--slider-gallery .splide__slide, .categories-page-description .cursor-copyright-move, .categories-products__item--special .cursor-move, .categories-page__filters--count, .single-page-tabs__head--sort ul li, .related-posts__list--learning .cursor-move, .upload-images-modal__submit, .manufacturing-compounds__substance--sep, .single-page__buttons-bookmark, .single-page__buttons-alert, .single-page__buttons-buy, .single-page__selections--selection-size ul li > span, .single-page__selections--selection-color ul li > span, .single-page__gallery--item-play .icon, .single-page__gallery--item-play, .home-best-selling__slide--picture, .products-slider__slide, .calendar-trigger-icon, .table__sort--asc, .table__sort--desc, .survey-page-question__head .icon, .password-show-hide, .login-area__steps--buttons-edit, .gateway-page-box__head--tools-button, .gateway-page-box__head--title .icon, .basket-pay-method__item--content span, .delivery-method-time__item--title span:not(.forTehran), .basket-your-addresses__list--item .your-basket-address-item__title--name span, .basket-add-address__content--form .form-groups .form-group__order-taker--title .icon, .basket-page__content--empty-address .icon, .basket-page__content .tabs_content .tab-mobile__head--number, .basket-page__sidebar ul li .icon, .basket-panel__your-basket--head-icon,
.basket-panel-login__your-basket--head-icon, .slider-cursor-next, .slider-cursor-prev, .cursor-move, .pagination .page, .pagination, .filters-panel__search--form-submit, .question__box--title .icon:first-child, .questions__sort ul li, .comments__form--tools-upload_edit-items ul li, .comments__empty .icon, .comments__sort ul li, .toggle-sides--side, .quantity-controls button, #quantity-control button, .checkbox__over .icon, .radio span, .card__full-product--image, .card__best--buttons-bookmark, .card__best--buttons-buy, .card__best--picture, .footer-menu__more--links-item .icon, .footer-menu__more--title .icon, .footer-menu__categories--submenu-content_all, #footer-menu > ul > li > a span:not(.icon),
#footer-menu > ul > li > button span:not(.icon), .support-link, .footer__about #footer__more, .footer__bottom--cols-support_circle, .footer__top--up, .header__search--form-submit, .admin-link, .alert > .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-page-map__over--content ul, .profile-comments-item__more ul, .profile-list-banks__content ul, .profile-product-item__items-more, .brands-categories__items ul, .single-page-tabs__head--sort ul, .related-posts__list > ul, .related-products__inner > ul, .upload-images-modal__pictures > ul, .notify-me-modal ul, .manufacturing-compounds ul, .single-page__table--data ul, .single-page__films--list ul, .single-page__use ul, .single-page__gifts ul, .single-page__monthly > ul, .single-page__selections--selection ul, .single-page__gallery ul, .single-page__info--specials ul, .single-page__info--options-rates ul, .bannerWrapper .intertextual__countdown ul, .filters-panel__accordion--list .category-children, .filters-panel__accordion--list ul, .filters-panel__others ul, .question-item__details--tools-rates ul, .question-item__info ul, .questions__sort ul, .comment__description--foot-rates ul, .comment__description--foot-gallery ul, .comment__description--info ul, .comment__details--detail ul, .comments__form--tools-upload_edit-items, .comments__sort ul, .card__full-product--options, .card__main-slider ul, .tabs, .mega-menu__container--posts ul, .mega-menu__container--categories-list ul, .footer-menu__search--result-list, #footer-menu > ul, .footer__bottom--logos ul, .footer__center--social ul, .footer__center--menu-col ul, .search-result__container--list ul, .search-result__container--products ul, .menu, .header__access-links ul {
  list-style: none;
  padding: 0;
}

.home-extra-products-detail--title h3, .extra-product-slide__info--title h3, .home-blog--author > a span:not(.icon), .filters-panel__head--title h4, .comment__head--title-name, .breadcrumb-item.active span, .card__full-product--details .productUsages .list, .card__full-product--details .productSuitable .list, .mega-menu__container--categories-all h6 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.single-post__full--cover, .blog-single-page__details--tools-author img, .blog-page-offers__slide--picture img, .blog-page-ads__picture img, .blog-page-learning-video__item--author img, .last-blog-posts__post--special img, .blog-page-hero__slide--image, .contact-page-form__cover--picture, .about-page-brands .splide__slide img, .about-page-brands .splide__slide svg, .about-page-banner--picture, .about-page-slug__info--picture, .about-page-hero__picture--image, .profile-comments-item__picture img, .profile-personal-info-cover__modal--images ul li img, .profile-personal-info-cover__picture img, .profile-product-item__items-more_item img, .profile-product-item__items > ul > li > img, .profile-complete-gift__image img, .profile-page-sidebar__info--picture, .mini-profile-panel__info--picture, .register-page__sidebar--image img, .brand-collection-comment__author--picture img, .brands-page-comment__gallery--item-picture img, .brands-categories__items--card img, .categories-products__item--special img, .related-posts__list--learning img, .related-posts__list--only-image img, .upload-box__picture img, .how-use-product__card--picture img, .manufacturing-compounds__substance--picture img, .single-page__films--list-item img, .extra-product-slide__picture img, .home-best-selling__slide--picture img, .home-blog--catalog img, .home-blog--news img, .home-blog--learning img, .home-blog--slider-slide img, .main-slider__slide--picture img, .bannerWrapper .categories-products__item--banner > a > img, .bannerWrapper.blog .fullCover img, .survey-page-result__info--tools ul li img, .survey-page__head--tools-users ul li img, .login-panel__gallery img, .gateway-page-basket__items--product img, .comment__description--foot-gallery_item img, .comments__form--tools-upload_edit-item img, .video-card video, #before__after--wrapper img, .card__blog--picture-author_link img, .card__basket-item--image img, .card__best--picture img, .card__category-products-slider img, .mega-menu__container--categories-all img, .footer-menu__categories--submenu-content_link img, .footer-menu__categories--main-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dots-pulse {
  0% {
    transform: translateY(-50%) translateX(-50%) scale(1);
  }
  100% {
    transform: translateY(-50%) translateX(-50%) scale(0.54);
  }
}
@keyframes up-button-effect {
  0% {
    transform: translateY(0) rotate(90deg);
  }
  100% {
    transform: translateY(-5px) rotate(90deg);
  }
}
@keyframes circle-effect {
  0% {
    transform: translateY(0) translateX(0);
  }
  25% {
    transform: translateY(-2px) translateX(-4px);
  }
  50% {
    transform: translateY(5px) translateX(6px);
  }
  100% {
    transform: translateY(-5px) translateX(11px);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes moveUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes panelMove {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes panelMoveReverse {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes shakeAndFade {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  20% {
    transform: translateX(-5px);
  }
  40% {
    transform: translateX(5px);
  }
  60% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
    opacity: 0;
  }
}
a {
  text-decoration: none;
  background-color: transparent;
}

*:active,
*:hover,
*:focus {
  outline: none;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none !important;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ffff00;
  color: #000000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .label {
    border: 1px solid #000000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #ffffff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dddddd !important;
  }
}
* {
  box-sizing: border-box;
}

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

.forTehran {
  color: #8d9199;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}

.hidden {
  display: none !important;
}

.text-center {
  text-align: center !important;
}

.ns {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.is-mobile-size {
  display: none;
}
@media (max-width: 991px) {
  .is-mobile-size {
    display: flex;
  }
}

.is-desktop-size {
  display: flex;
}
@media (max-width: 991px) {
  .is-desktop-size {
    display: none;
  }
}

.stretched__link {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.alert {
  border-radius: 8px;
  border: 1px solid #e8eaeb;
  background: var(--primary-colors-aluminium-10, #fafafa);
  display: flex;
  width: 100%;
  padding: 16px;
  align-items: flex-start;
  gap: 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 24px;
}
.alert.success {
  background: rgba(225, 247, 228, 0.5);
  border-color: rgba(225, 247, 228, 0.5);
  color: var(--alert-color-success-100, #57c56b);
}
.alert.success .icon {
  color: #57c56b;
  transform: translateY(-2px);
}
.alert.success .icon:before {
  display: none;
}
.alert.purple {
  background: #F7F5FD;
  border: 0;
}
.alert.withoutBgAccent {
  color: #977337;
  background: transparent;
  border: 0;
  font-size: 12px;
  line-height: 24px;
  padding: 0;
}
@media (max-width: 991px) {
  .alert {
    padding: 16px;
    margin-bottom: 16px;
    flex-direction: column;
  }
}
.alert > .icon {
  position: relative;
  color: #c0a452;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.alert > .icon:before {
  border-radius: 50%;
  content: "";
  position: absolute;
  width: 16px;
  left: 1px;
  bottom: 1px;
  background: var(--accent-color-anzac-10, #efead2);
  height: 16px;
  pointer-events: none;
  display: block;
}
.alert > .icon svg {
  position: relative;
  z-index: 1;
}
.alert--warning, .alert--success, .alert--info, .alert--error {
  padding: 8px 8px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 18px;
  border: 0;
  font-weight: 600;
  align-items: center;
  gap: 4px;
}
.alert.alert--warning {
  background: #F9F8C8;
  color: #D1B821;
}
.alert.alert--success {
  background: #E1F7E4;
  color: #57C56B;
}
.alert.alert--info {
  background: #E1ECF7;
  color: #5790C5;
}
.alert.alert--error {
  background: #FBE5E5;
  color: #DC4040;
}

.loaderWrapper {
  position: absolute;
  inset: -16px;
  /* background: #ffffff63; */
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-out;
  z-index: 1;
}
.loaderWrapper.active {
  opacity: 1;
  visibility: visible;
}

.loader {
  width: 48px;
  height: 48px;
  border: 3px solid #E2DEF6;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--accent-color-purple-100, #7e57c5);
  width: 16px;
  height: 16px;
  transform: translate(-50%, 50%);
  border-radius: 50%;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.auto-highlighted-comment:before {
  content: "";
  position: absolute;
  inset: -16px;
  background: #efead2;
}

.tooltipWrapper {
  position: relative;
}
.tooltipWrapper .tooltip {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-16px);
  color: #fff;
  padding: 8px;
  background: var(--accent-color-anzac-100, #977337);
  border-radius: 8px;
  white-space: nowrap;
  font-size: 12px;
  line-height: 24px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-out;
  z-index: 1;
}
.tooltipWrapper .tooltip:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 100%;
  width: 8px;
  height: 8px;
  background: inherit;
  transform: rotate(45deg) translateX(-50%);
  margin-top: -1px;
}
.tooltipWrapper:hover:not(.tooltipWrapper.withoutHover) .tooltip, .tooltipWrapper.showActive .tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-12px);
}

.admin-link {
  position: fixed;
  left: 16px;
  bottom: 96px;
  border-radius: 16px;
  height: 64px;
  width: 64px;
  background: var(--primary-colors-bunker-80, #2d3038);
  z-index: 2;
}
@media (max-width: 991px) {
  .admin-link {
    display: none;
    left: 8px;
    bottom: 8px;
    border-radius: 8px;
    height: 32px;
    width: 32px;
  }
}
.admin-link .icon {
  width: 48px;
  height: 48px;
  transition: all 0.3s;
  color: #c0a452;
}
.admin-link .icon path {
  stroke-width: 1;
}
@media (max-width: 991px) {
  .admin-link .icon {
    width: 24px;
    height: 24px;
  }
}
.admin-link:hover {
  background-color: #c0a452;
}
.admin-link:hover .icon {
  color: var(--primary-colors-bunker-80, #2d3038);
}

.emptyCard {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  flex-direction: column;
  padding-top: 40px;
}
.emptyCard svg {
  margin-bottom: 8px;
  flex: 0 0 auto;
}
.emptyCard .title {
  color: var(--primary-colors-bunker-80, #2d3038);
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.5px;
}
.emptyCard .description {
  color: #5B5E66;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
}

.userNotLoggedInAlert {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  width: 600px;
  max-width: 100%;
  margin: auto;
  padding: 20px 0;
}
.userNotLoggedInAlert p {
  margin-top: 16px;
  margin-bottom: 32px;
  padding: 0 46px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #43474E;
}
.userNotLoggedInAlert a.primary-button {
  min-width: 253px;
}

.dropdownWrapper {
  position: relative;
}
.dropdownWrapper .dropdown {
  width: 200px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 12px 12px 48px 0px rgba(0, 0, 0, 0.0509803922), -12px -12px 48px 0px rgba(0, 0, 0, 0.0509803922);
  position: absolute;
  top: 100%;
  left: -12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: 0.3s ease-out;
  margin-top: 8px;
}
.dropdownWrapper .dropdown button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #5B5E66;
  transition: 0.3s ease-out;
  padding: 16px;
}
.dropdownWrapper .dropdown button path {
  stroke: #C4C6CF;
}
.dropdownWrapper.active .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@font-face {
  font-family: "IRANSansXV";
  src: url("/build/assets/IRANSansXV-B8PUeVuL.woff") format("woff-variations"), url("/build/assets/IRANSansXV-B8PUeVuL.woff") format("woff");
  /* for the other supporting browsers */
  font-weight: 100 900;
  font-display: fallback;
}
@font-face {
  font-family: IRANSansX;
  src: url("/build/assets/IRANSansX-Regular-CP0DkAUc.woff") format("woff");
}
@font-face {
  font-family: IRANSansX;
  src: url("/build/assets/IRANSansX-Bold-BB5W9hiy.woff") format("woff");
  font-weight: var(--font-weight-700);
}
body {
  direction: rtl;
  font-family: "IRANSansXV", "IRANSansX";
  font-size: 16px;
  font-weight: var(--font-weight-400);
  font-feature-settings: "ss02";
  font-variation-settings: "DOTS" 3;
  color: var(--primary-colors-bunker-40, #5b5e66);
  background: #fff;
}
@media (max-width: 1200px) {
  body {
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin: 0 0 8px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: currentColor;
}

p {
  margin-bottom: 8px;
}

a {
  text-decoration: none;
  transition: all 0.3s;
  color: var(--primary-colors-bunker-80, #2d3038);
}

.animated-quote .words > span {
  position: relative;
  background: #fff;
  overflow: hidden;
  --time: 0.05s;
}
.animated-quote .words > span:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0%;
  background: var(--accent-color-purple-100, #7e57c5);
  mix-blend-mode: color-burn;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.animated-quote.active .words > span:before {
  animation: fadeInWidth var(--time) forwards ease-in-out;
  animation-delay: calc(var(--time) * var(--i));
}

@keyframes fadeInWidth {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
#wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  #wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  #wrapper {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: currentColor;
  vertical-align: middle;
}
.icon svg {
  width: 100%;
  height: 100%;
}

.container {
  max-width: 100%;
  width: 1448px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 24px;
  padding-left: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 8px;
}

body::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #74777f, #43474e);
  border-radius: 8px;
}

body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(45deg, #181c22, #74777f);
}

#header {
  background-color: #fff;
  position: sticky;
  z-index: 4000;
  top: -136px;
}
@media (max-width: 991px) {
  #header {
    display: none;
  }
}
#header.js-is-sticky--change .header__search {
  opacity: 0;
  visibility: hidden;
  transform: translateY(108px);
}
#header.js-is-sticky--change .header__logo {
  opacity: 0;
}
@media (max-width: 991px) {
  #header.js-is-sticky--change .header__logo {
    opacity: 1;
  }
}
#header.js-is-sticky--change ~ #nav:after {
  height: 1px;
}
#header.js-is-sticky--change ~ #nav .nav {
  padding-right: 15%;
}
@media (max-width: 1400px) {
  #header.js-is-sticky--change ~ #nav .nav {
    padding-right: 14%;
  }
}
@media (max-width: 1200px) {
  #header.js-is-sticky--change ~ #nav .nav {
    padding-right: 17%;
  }
}
@media (max-width: 991px) {
  #header.js-is-sticky--change ~ #nav .nav {
    padding-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
#header.js-is-sticky--change ~ #nav .nav__logo {
  opacity: 1;
  transform: translateY(24px);
  pointer-events: unset;
}
@media (max-width: 991px) {
  #header.js-is-sticky--change ~ #nav .nav__logo {
    transform: unset;
    opacity: unset;
  }
}
#header.js-is-sticky--change ~ #nav .nav .menu {
  margin-right: auto;
  margin-left: auto;
}
#header.js-is-sticky--change ~ #nav .nav .menu > li > a {
  padding-top: 26px;
  padding-bottom: 26px;
}
#header.js-is-sticky--change ~ #nav .nav .tools__contact {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-134px);
}
@media (max-width: 991px) {
  #header.js-is-sticky--change ~ #nav .nav .tools__contact {
    opacity: unset;
    transform: unset;
    visibility: unset;
  }
}
@media (max-width: 991px) {
  #header.js-is-sticky--change ~ #nav .nav .tools__profile {
    margin-left: unset;
  }
}
#header.js-is-sticky--change ~ #nav .nav .tools__search {
  opacity: 1;
  visibility: visible;
}
#header.js-is-sticky--change ~ #nav .search-result {
  transform: translateY(84px);
}
@media (max-width: 991px) {
  #header.js-is-sticky--change ~ #nav .search-result {
    top: unset;
  }
}

.header {
  padding-top: 35px;
  padding-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.header__logo {
  line-height: 0;
  transform: translateY(0%);
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  will-change: opacity, transform;
}
.header__search {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
  will-change: opacity, visibility;
}
.header__search--form {
  position: relative;
  width: 688px;
}
@media (max-width: 1400px) {
  .header__search--form {
    width: 588px;
  }
}
@media (max-width: 1200px) {
  .header__search--form {
    width: 400px;
  }
}
.header__search--form-control {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-aluminium-80, #c4c6cf);
  height: 56px;
  padding: 16px 40px 16px 16px;
  letter-spacing: -0.5px;
  width: 100%;
  font-size: 16px;
}
.header__search--form-control::-moz-placeholder {
  color: #c4c6cf;
  opacity: 1;
}
.header__search--form-control::placeholder {
  color: #c4c6cf;
  opacity: 1;
}
.header__search--form-control:-ms-input-placeholder {
  color: #c4c6cf;
}
.header__search--form-control::-ms-input-placeholder {
  color: #c4c6cf;
}
.header__search--form-control {
  transition: border-color 0.3s ease-out, box-shadow 0.3s ease-out;
  font-weight: var(--font-weight-400);
  color: var(--primary-colors-bunker-60, #43474e);
  box-shadow: 0px 0px 0px 0px transparent, 0px 0px 0px 0px transparent;
}
.header__search--form-control:focus {
  border: 1px solid var(--primary-colors-bunker-60, #43474e);
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.0588235294), 0px 4px 8px -2px rgba(0, 0, 0, 0.1019607843);
}
.header__search--form-submit {
  width: 40px;
  height: 56px;
  position: absolute;
  background-color: transparent;
  right: 0;
  padding-right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.header__access-links ul {
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  display: flex;
  align-items: center;
  letter-spacing: -0.5px;
  gap: 40px;
}
.header__access-links ul a {
  color: var(--primary-colors-bunker-80, #2d3038);
}
.header__access-links ul a:hover {
  color: var(--accent-color-purple-100, #7e57c5);
}

#nav {
  background-color: #fff;
  transition: border-bottom-color 0.3s ease-out, box-shadow 0.3s ease-out;
  width: 100%;
  z-index: 3000;
  position: sticky;
  top: 0;
  box-shadow: 0px 0px 0px 0px transparent, 0px 0px 0px 0px transparent;
}
@media (max-width: 991px) {
  #nav {
    border-top: none;
  }
}
#nav:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  transition: height 0.3s ease-out;
  background: var(--primary-colors-aluminium-60, #e0e2e5);
}
@media (max-width: 991px) {
  #nav:after {
    height: 2px !important;
  }
}
#nav.sticky {
  border-top-color: transparent;
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.031372549), 12px 12px 80px -4px rgba(0, 0, 0, 0.0784313725);
}

body.hasStickyBanner #header.js-is-sticky--change .header__search {
  transform: translateY(172px);
}
body.hasStickyBanner #nav {
  top: 64px !important;
}
@media (max-width: 991px) {
  body.hasStickyBanner #nav {
    top: 69px !important;
  }
}
body.hasStickyBanner #main .single-page-tabs__head {
  top: 149px;
}
@media (max-width: 768px) {
  body.hasStickyBanner #main .single-page-tabs__head {
    top: 131px;
  }
}
@media (max-width: 768px) {
  body.hasStickyBanner #basket-panel {
    top: 131px;
  }
}
body.hasStickyBanner .basket-page__sidebar {
  top: 181px;
}
body.hasStickyBanner .profile-page-sidebar {
  top: 181px;
}

.nav {
  transition: all 0.3s;
  border-top: 1px solid #f6f6f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .nav {
    border-top: none;
    padding-top: 12px;
    padding-bottom: 12px;
    flex-direction: row-reverse;
  }
}
.nav__logo {
  pointer-events: none;
  position: absolute;
  right: calc((100% - 1400px) / 2);
  top: 0;
  transition: all 0.3s;
  will-change: opacity, transform;
  line-height: 0;
  opacity: 0;
}
@media only screen and (max-width: 1448px) {
  .nav__logo {
    right: 24px;
  }
}
@media (max-width: 991px) {
  .nav__logo {
    position: unset;
    top: unset;
    margin-top: unset;
    will-change: unset;
    opacity: unset;
    transform: unset;
    pointer-events: unset;
  }
}
.nav__logo img,
.nav__logo svg {
  height: 36px;
  width: auto;
}
@media (max-width: 991px) {
  .nav__logo img,
  .nav__logo svg {
    height: 38px;
    width: 96px;
  }
}

.menu {
  display: flex;
  align-items: center;
  gap: 40px;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  background: #fff;
}
@media (max-width: 1400px) {
  .menu {
    gap: 24px;
  }
}
@media (max-width: 1200px) {
  .menu {
    gap: 16px;
  }
}
@media (max-width: 1024px) {
  .menu {
    gap: 14px;
  }
}
@media (max-width: 991px) {
  .menu {
    display: none;
  }
}
.menu--special > a {
  color: var(--accent-color-anzac-100, #977337) !important;
  position: relative;
}
.menu--special > a:before {
  height: 18px;
  width: 18px;
  content: "";
  display: block;
  position: absolute;
  right: 9px;
  top: 10px;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  background-color: var(--accent-color-anzac-10, #efead2);
}
.menu--special > a .icon {
  position: relative;
  z-index: 1;
  margin-left: 5px;
  width: 24px;
  height: 24px;
}
.menu--special > a:hover:before {
  animation: circle-effect 2s infinite alternate;
}
.menu > li > a {
  color: var(--primary-colors-bunker-40, #5b5e66);
  line-height: 32px;
  display: flex;
  align-items: center;
  padding-top: 28px;
  padding-bottom: 28px;
}
.menu > li:hover > a {
  color: var(--accent-color-purple-100, #7e57c5);
}
.menu > li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s 250ms ease-out, transform 0.3s 250ms ease-out, visibility 0.3s 250ms ease-out;
}

.tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 16px;
  margin-right: auto;
}
@media (max-width: 991px) {
  .tools {
    margin-right: unset;
    margin-left: 16px;
    padding-right: 0;
  }
}
.tools__basket-link {
  position: relative;
  color: var(--primary-colors-bunker-100, #181c22);
  display: flex;
  align-items: center;
  will-change: contents;
}
@media (max-width: 991px) {
  .tools__basket-link {
    display: none;
  }
}
.tools__basket-link .icon {
  color: #181c22;
  width: 24px;
  height: 24px;
}
.tools__basket-link--count {
  color: var(--accent-color-anzac-100, #977337);
  background: var(--accent-color-anzac-10, #efead2);
  height: 14px;
  width: 14px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  position: absolute;
  right: -7px;
  top: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tools__basket-link.shake .icon {
  animation: shakeCart 0.4s ease-in-out forwards;
}
.tools__search {
  will-change: contents;
  color: var(--primary-colors-bunker-100, #181c22);
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: 20px;
  opacity: 0;
  visibility: hidden;
  background-color: transparent;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .tools__search {
    display: none;
  }
}
.tools__search:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  height: 25px;
  background-color: var(--primary-colors-aluminium-60, #e0e2e5);
  width: 1px;
}
.tools__search .icon {
  width: 24px;
  height: 24px;
  color: #181c22;
}
.tools__search .icon:last-child {
  display: none;
}
.tools__search.active .icon {
  display: none;
}
.tools__search.active .icon:last-child {
  display: block;
}
.tools__contact {
  transition: all 0.3s;
  margin-right: 24px;
  will-change: contents;
  font-weight: var(--font-weight-700) !important;
  letter-spacing: -0.5px !important;
  min-width: 110px;
}
.tools__contact .icon {
  color: #43474e;
  display: none;
}
@media (max-width: 991px) {
  .tools__contact {
    will-change: unset;
    margin-right: 8px;
    color: var(--primary-colors-bunker-60, #43474e) !important;
    height: 24px !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-weight: var(--font-weight-600) !important;
    letter-spacing: 0 !important;
    min-width: auto;
  }
  .tools__contact .icon {
    display: block;
  }
}
.tools__profile {
  padding-right: 16px;
  margin-right: 16px;
  position: relative;
  transition: all 0.3s;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .tools__profile {
    will-change: unset;
    padding-right: 0;
    margin-right: 0;
  }
}
.tools__profile:before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  height: 25px;
  background-color: var(--primary-colors-aluminium-60, #e0e2e5);
  width: 1px;
}
@media (max-width: 991px) {
  .tools__profile:before {
    display: none;
  }
}
.tools__profile--link {
  color: var(--primary-colors-bunker-100, #181c22);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 22px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  transition: none;
  height: 40px;
}
@media (max-width: 1200px) {
  .tools__profile--link {
    font-size: 0;
  }
}
@media (max-width: 991px) {
  .tools__profile--link {
    height: 32px;
    width: 32px;
  }
}
.tools__profile--link .icon {
  width: 24px;
  height: 24px;
  margin-left: 5px;
  color: #181c22;
}
@media (max-width: 1200px) {
  .tools__profile--link .icon {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .tools__profile--link .icon {
    display: none;
  }
}
.tools__profile--link .fullName {
  display: inline-block;
  margin-right: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 120px;
}
.tools__profile--link .tools__profile--picture {
  display: none;
}
@media (max-width: 991px) {
  .tools__profile--link .tools__profile--picture {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 4px;
  }
}
.tools__profile > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.tools__profile > ul li:hover .mini-profile-panel {
  opacity: 1;
  visibility: visible;
}

.search-result {
  position: absolute;
  top: 0;
  right: 0;
  border-top: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  background: var(--White, #ffffff);
  z-index: 5;
  padding: 40px 0;
  width: 100%;
  display: flex;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  pointer-events: none;
}
@media (max-width: 991px) {
  .search-result {
    display: none;
  }
}
.search-result.active {
  opacity: 1;
  transform: translateY(87px);
  pointer-events: unset;
}
.search-result > .container {
  position: relative;
  isolation: isolate;
}
.search-result:not(.is-header-search-empty) > .container > .search-result--empty {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(14px);
  z-index: 0;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.4s;
}
.search-result:not(.is-header-search-empty) > .container > .search-result__container {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  z-index: 1;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-result.is-header-search-empty > .container > .search-result__container {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-12px);
  z-index: 0;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.4s;
}
.search-result.is-header-search-empty > .container > .search-result--empty {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  z-index: 1;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-result__container {
  display: flex;
}
.search-result__container--products {
  flex: 1;
  padding-left: 24px;
}
@media (max-width: 1400px) {
  .search-result__container--products {
    padding-left: 12px;
  }
}
@media (max-width: 991px) {
  .search-result__container--products {
    padding-left: 0;
  }
}
.search-result__container--products h6 {
  margin-bottom: 24px;
  letter-spacing: -0.5px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 24px;
  font-weight: var(--font-weight-600);
  line-height: 32px;
}
@media (max-width: 991px) {
  .search-result__container--products h6 {
    display: none;
  }
}
.search-result__container--products ul {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1400px) {
  .search-result__container--products ul {
    gap: 12px;
  }
}
@media (max-width: 991px) {
  .search-result__container--products ul {
    gap: 32px;
  }
}
.search-result__container--products ul li {
  flex: 0 0 calc(33.33% - 16px);
  max-width: calc(33.33% - 16px);
  position: relative;
}
@media (max-width: 1200px) {
  .search-result__container--products ul li {
    flex: 0 0 calc(50% - 16px);
    max-width: calc(50% - 16px);
  }
}
@media (max-width: 991px) {
  .search-result__container--products ul li {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.search-result__container--products ul li:before {
  content: "";
  display: block;
  width: 1px;
  height: 53px;
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--primary-colors-aluminium-40, #eef0f1);
}
@media (max-width: 991px) {
  .search-result__container--products ul li:before {
    display: block !important;
    background-color: var(--primary-colors-aluminium-20, #f6f6f7);
    height: 1px;
    width: 100%;
    left: 0;
    top: calc(100% + 16px);
  }
}
.search-result__container--products ul li:nth-child(3n):before {
  display: none;
}
@media (max-width: 1200px) {
  .search-result__container--products ul li:nth-child(3n):before {
    display: block;
  }
}
@media (max-width: 1200px) {
  .search-result__container--products ul li:nth-child(2n):before, .search-result__container--products ul li:last-child:before {
    display: none;
  }
}
@media (max-width: 991px) {
  .search-result__container--products ul li:last-child {
    padding-bottom: 16px;
  }
  .search-result__container--products ul li:last-child:before {
    display: none !important;
  }
}
.search-result__container--products-more {
  margin-top: 24px;
  color: var(--accent-color-purple-100, #7e57c5);
  font-weight: var(--font-weight-700);
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -0.5px;
  margin-bottom: 0;
  display: none;
  align-items: center;
}
@media (max-width: 991px) {
  .search-result__container--products-more {
    display: none !important;
  }
}
.search-result__container--products-more .icon {
  transform: rotate(90deg);
  margin-right: 4px;
  color: #7e57c5;
}
.search-result__container--list {
  flex: 0 0 331px;
  max-width: 331px;
  border-right: 1px solid #e0e2e5;
  padding-right: 24px;
}
@media (max-width: 1400px) {
  .search-result__container--list {
    flex: 0 0 230px;
    max-width: 230px;
  }
}
@media (max-width: 991px) {
  .search-result__container--list {
    display: none;
  }
}
.search-result__container--list h6 {
  margin-bottom: 12px;
  letter-spacing: -0.5px;
  color: #454545;
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
}
.search-result__container--list ul li {
  margin-bottom: 5px;
  position: relative;
  padding-right: 8px;
}
.search-result__container--list ul li:before {
  height: 4px;
  width: 4px;
  transition: all 0.3s;
  background: var(--accent-color-anzac-100, linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #977337);
  content: "";
  border-radius: 50%;
  display: block;
  position: absolute;
  right: 0;
  top: 11px;
}
.search-result__container--list ul li a {
  color: var(--primary-colors-bunker-20, #74777f);
  line-height: 24px;
  font-size: 12px;
}
.search-result__container--list ul li:last-child {
  margin-bottom: 0;
}
.search-result__container--list ul li:hover a {
  font-weight: var(--font-weight-600);
  color: var(--primary-colors-bunker-60, #43474e);
  letter-spacing: -0.5px;
}
.search-result__container--list ul li:hover:before {
  background-color: var(--primary-colors-bunker-60, #43474e);
}
.search-result--empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 60px 0;
}
.search-result--empty h5 {
  font-weight: var(--font-weight-600);
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.5px;
  margin-top: 8px;
  margin-bottom: 4px;
  color: #2D3038;
}
.search-result--empty p {
  font-weight: var(--font-weight-400);
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #5B5E66;
  margin-bottom: 16px;
}
.search-result--empty a {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

#search-in-sticky {
  position: absolute;
  left: 50%;
  top: 16px;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, transform 0.3s ease-out;
}

@keyframes shakeCart {
  25% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
.button-overflow-hidden {
  overflow: hidden;
}

#footer {
  border-radius: 40px 40px 0px 0px;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  padding-bottom: 16px;
}
@media (max-width: 991px) {
  #footer {
    border-radius: 32px 32px 0px 0px;
    padding-bottom: 32px;
  }
}

.footer {
  padding-top: 80px;
}
@media (max-width: 1200px) {
  .footer {
    padding-top: 40px;
  }
}
@media (max-width: 991px) {
  .footer {
    padding-top: 32px;
  }
}
.footer__top {
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 1px solid #e0e2e5;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .footer__top {
    margin-bottom: 8px;
    padding-bottom: 24px;
    display: block;
  }
}
.footer__top--news-letter {
  padding-left: 16px;
}
@media (max-width: 991px) {
  .footer__top--news-letter {
    padding-left: 0;
  }
}
.footer__top--news-letter h6 {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 32px;
  font-weight: var(--font-weight-600);
  letter-spacing: -1px;
  line-height: 48px;
}
@media (max-width: 991px) {
  .footer__top--news-letter h6 {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.5px;
  }
}
.footer__top--news-letter p {
  color: var(--primary-colors-bunker-20, #74777f);
  line-height: 24px;
  margin-bottom: 32px;
  font-size: 14px;
}
@media (max-width: 991px) {
  .footer__top--news-letter p {
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 24px;
  }
}
.footer__top--news-letter-feedback {
  min-height: 0;
}
.footer__top--news-letter-message {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 12px;
}
.footer__top--news-letter-message--success {
  color: #1a7f37;
}
.footer__top--news-letter-message--error {
  color: #c62828;
}
.footer__top--news-letter-form {
  position: relative;
  width: 408px;
  max-width: 100%;
}
@media (max-width: 991px) {
  .footer__top--news-letter-form {
    width: 100%;
  }
}
.footer__top--news-letter-form_input {
  width: 100%;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  border-radius: 8px;
  padding-right: 12px;
  height: 56px;
  padding-left: 112px;
  transition: all 0.3s;
}
.footer__top--news-letter-form_input::-moz-placeholder {
  color: var(--primary-colors-aluminium-80, #c4c6cf);
  opacity: 1;
}
.footer__top--news-letter-form_input::placeholder {
  color: var(--primary-colors-aluminium-80, #c4c6cf);
  opacity: 1;
}
.footer__top--news-letter-form_input:-ms-input-placeholder {
  color: var(--primary-colors-aluminium-80, #c4c6cf);
}
.footer__top--news-letter-form_input::-ms-input-placeholder {
  color: var(--primary-colors-aluminium-80, #c4c6cf);
}
.footer__top--news-letter-form_input:focus {
  border: 1px solid var(--primary-colors-bunker-60, #43474e);
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.06);
}
@media (max-width: 991px) {
  .footer__top--news-letter-form_input {
    padding-left: 12px;
    font-size: 14px;
  }
}
.footer__top--news-letter-form_submit {
  min-width: 99px;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 991px) {
  .footer__top--news-letter-form_submit {
    position: static;
    margin-top: 12px;
    height: 40px !important;
    font-size: 14px !important;
    width: 100%;
  }
}
.footer__top--up {
  border-radius: 50%;
  height: 80px;
  width: 80px;
  position: relative;
  overflow: hidden;
  background: url("/build/assets/noise-CfVUxnNM.svg") lightgray 0% 0% repeat;
  mix-blend-mode: multiply;
}
@media (max-width: 991px) {
  .footer__top--up {
    display: none;
  }
}
.footer__top--up .icon {
  transform: rotate(90deg);
  width: 48px;
  height: 48px;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
.footer__top--up:before {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  background-color: rgba(150, 124, 214, 0.8);
}
.footer__top--up:hover .icon {
  animation: up-button-effect 0.5s infinite alternate;
}
.footer__center {
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 1px solid #e0e2e5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .footer__center {
    padding-bottom: 32px;
    margin-bottom: 0;
    border-bottom: none;
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer__center--menu {
  display: flex;
  flex: 1;
}
@media (max-width: 991px) {
  .footer__center--menu {
    display: block;
    width: 100%;
  }
}
.footer__center--menu-col {
  flex: 0 0 238px;
  max-width: 238px;
  padding-left: 8px;
}
@media (max-width: 1200px) {
  .footer__center--menu-col {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 991px) {
  .footer__center--menu-col {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef0f1;
  }
}
.footer__center--menu-col h4 {
  margin-bottom: 16px;
  color: var(--primary-colors-bunker-80, #2d3038);
  letter-spacing: -0.5px;
  line-height: 28px;
  font-weight: var(--font-weight-600);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer__center--menu-col h4 .icon {
  display: none;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  background-color: var(--primary-colors-aluminium-60, #e0e2e5);
  border-radius: 4px;
  color: #74777f;
  transition: all 0.3s;
}
.footer__center--menu-col h4 .icon svg {
  transition: transform 0.3s;
}
@media (max-width: 991px) {
  .footer__center--menu-col h4 {
    pointer-events: unset;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 22px;
  }
  .footer__center--menu-col h4 .icon {
    display: flex;
  }
}
.footer__center--menu-col ul {
  height: 132px;
  -moz-columns: 1;
       columns: 1;
  -moz-column-fill: balance;
       column-fill: balance;
}
@media (max-width: 991px) {
  .footer__center--menu-col ul {
    padding-top: 16px;
    height: unset;
    -moz-columns: unset;
         columns: unset;
    -moz-column-fill: unset;
         column-fill: unset;
  }
}
.footer__center--menu-col ul li {
  margin-bottom: 12px;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .footer__center--menu-col ul li {
    margin-bottom: 16px;
  }
  .footer__center--menu-col ul li:last-child {
    margin-bottom: 0;
  }
}
.footer__center--menu-col ul li a {
  color: var(--primary-colors-bunker-20, #74777f);
}
.footer__center--menu-col ul li a:hover {
  color: var(--accent-color-anzac-100, #977337);
}
.footer__center--menu-col.active h4 .icon {
  background-color: var(--accent-color-anzac-60, #c0a452);
  color: #ffffff;
}
.footer__center--menu-col.active h4 .icon svg {
  transform: rotateX(180deg);
}
.footer__center--menu-col.active h4 + .footer__center--menu-list {
  grid-template-rows: minmax(0, 1fr);
}
@media (max-width: 991px) {
  .footer__center--menu-list {
    display: grid;
    overflow: hidden;
    grid-template-rows: minmax(0, 0fr);
    transition: grid-template-rows 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .footer__center--menu-list.active {
    grid-template-rows: minmax(0, 1fr);
  }
}
.footer__center--social {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 32px;
  padding-right: 16px;
}
@media (max-width: 991px) {
  .footer__center--social {
    width: 100%;
    padding-right: 0;
    padding-top: 16px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
}
.footer__center--social-link {
  display: flex;
}
@media (max-width: 991px) {
  .footer__center--social-link svg,
  .footer__center--social-link img {
    height: 36px;
    width: auto;
  }
}
.footer__center--social ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
.footer__center--social ul > li:hover .icon {
  color: #b08f42;
}
.footer__center--social ul .icon {
  color: #5b5e66;
  width: 32px;
  height: 32px;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .footer__center--social ul .icon {
    width: 24px;
    height: 24px;
  }
}
.footer__bottom {
  padding-bottom: 48px;
  border-bottom: 1px solid #e0e2e5;
  margin-bottom: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .footer__bottom {
    margin-bottom: 32px;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }
}
.footer__bottom--cols {
  display: flex;
}
@media (max-width: 991px) {
  .footer__bottom--cols {
    padding: 32px 16px;
    background: var(--primary-colors-aluminium-40, #eef0f1);
    margin-left: -16px;
    margin-right: -16px;
    border-bottom: none;
    display: block;
  }
}
.footer__bottom--cols-col {
  flex: 0 0 238px;
  padding-left: 8px;
}
@media (max-width: 1200px) {
  .footer__bottom--cols-col {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (max-width: 991px) {
  .footer__bottom--cols-col {
    padding-left: 0;
    max-width: 100%;
    margin-bottom: 24px;
  }
  .footer__bottom--cols-col:last-child {
    margin-bottom: 0;
  }
}
.footer__bottom--cols-col h4 {
  display: flex;
  align-items: center;
  color: var(--primary-colors-bunker-80, #2d3038);
  line-height: 22px;
  font-size: 14px;
  font-weight: var(--font-weight-600);
}
@media (max-width: 991px) {
  .footer__bottom--cols-col h4 {
    font-size: 12px;
    line-height: 18px;
  }
}
.footer__bottom--cols-col h4 .icon {
  margin-left: 4px;
  color: #2d3038;
  position: relative;
  top: -2px;
}
.footer__bottom--cols-support {
  padding-right: 20px;
}
.footer__bottom--cols-support_circle {
  width: 24px;
  height: 24px;
  background-color: var(--accent-color-anzac-60, #c0a452);
  margin-right: 8px;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .footer__bottom--cols-support_circle {
    width: 18px;
    height: 18px;
    margin-right: 4px;
  }
}
.footer__bottom--cols-support a {
  display: flex;
  align-items: center;
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 24px;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 991px) {
  .footer__bottom--cols-support a {
    line-height: 18px;
    font-size: 12px;
  }
}
.footer__bottom--cols-support a .icon {
  transition: all 0.3s;
  color: #ffffff;
}
@media (max-width: 991px) {
  .footer__bottom--cols-support a .icon {
    width: 12px;
    height: 12px;
  }
}
.footer__bottom--cols-support a:hover .footer__bottom--cols-support_circle .icon {
  transform: rotate(-45deg);
}
.footer__bottom--cols-contact {
  list-style: none;
  padding-right: 20px;
  font-size: 14px;
  color: var(--primary-colors-bunker-20, #74777f);
  font-weight: var(--font-weight-400);
  line-height: 24px;
}
.footer__bottom--cols-address {
  width: 335px;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  padding-right: 20px;
}
@media (max-width: 1400px) {
  .footer__bottom--cols-address {
    width: 285px;
  }
}
@media (max-width: 1200px) {
  .footer__bottom--cols-address {
    width: unset;
  }
}
.footer__bottom--logos {
  flex: 0 0 396px;
}
@media (max-width: 991px) {
  .footer__bottom--logos {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-right: 0;
  }
}
.footer__bottom--logos ul {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .footer__bottom--logos ul {
    justify-content: center;
  }
}
.footer__bottom--logos ul li {
  max-width: 110px;
  flex: 0 0 110px;
}
@media (max-width: 991px) {
  .footer__bottom--logos ul li {
    max-width: 100px;
    flex: 0 0 100px;
  }
}
.footer__bottom--logos ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 12px;
  line-height: 18px;
  font-weight: var(--font-weight-600);
}
@media (max-width: 991px) {
  .footer__bottom--logos ul li a {
    font-size: 10px;
  }
}
.footer__bottom--logos ul li a img,
.footer__bottom--logos ul li a svg {
  margin-bottom: 8px;
}

.footer__copyright {
  padding-bottom: 72px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .footer__copyright {
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .footer__copyright {
    flex-direction: column;
    justify-content: unset;
    padding-bottom: 0;
  }
}
.footer__copyright--text {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .footer__copyright--text {
    font-size: 12px;
    text-align: center;
  }
}
.footer__copyright--text p {
  margin-bottom: 0;
}
.footer__copyright--dotline {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  gap: 14px;
  text-transform: capitalize;
  text-decoration: none;
  transition: color 0.45s ease;
  padding: 8px;
  margin-left: -8px;
  border-radius: 8px;
  overflow: hidden;
}
.footer__copyright--dotline:hover, .footer__copyright--dotline:focus-visible {
  color: var(--accent-color-anzac-100, #977337);
}
.footer__copyright--dotline:focus-visible {
  outline: 2px solid var(--accent-color-anzac-100, #977337);
  outline-offset: 4px;
  border-radius: 2px;
}
.footer__copyright--dotline .icon {
  position: relative;
  top: -2px;
  color: #8d9199;
  width: 90px;
  height: 14px;
}
.footer__copyright--dotline .dotline-logo-wrap {
  position: relative;
  display: inline-flex;
}
.footer__copyright--dotline .dotline-logo-wrap::after {
  content: "";
  position: absolute;
  inset: -20% 0;
  width: 45%;
  background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0) 65%, transparent 100%);
  transform: translateX(-160%) skewX(-12deg);
  pointer-events: none;
  opacity: 0;
}
.footer__copyright--dotline .dotline-logo {
  display: block;
  overflow: visible;
  transition: transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
  filter: drop-shadow(0 0 0 transparent);
}
.footer__copyright--dotline .dotline-logo path,
.footer__copyright--dotline .dotline-logo rect {
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.footer__copyright--dotline .dotline-logo__dot {
  transform-origin: center;
}
.footer__copyright--dotline .dotline-logo__divider {
  transform-origin: center;
}
.footer__copyright--dotline:hover .dotline-logo-wrap::after, .footer__copyright--dotline:focus-visible .dotline-logo-wrap::after {
  opacity: 1;
  animation: dotline-shimmer-sweep 0.85s ease-out forwards;
}
.footer__copyright--dotline:hover .dotline-logo, .footer__copyright--dotline:focus-visible .dotline-logo {
  filter: drop-shadow(0 4px 12px rgba(151, 115, 55, 0.22));
}
.footer__copyright--dotline:hover .dotline-logo path, .footer__copyright--dotline:focus-visible .dotline-logo path {
  animation: dotline-letter-wave 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
.footer__copyright--dotline:hover .dotline-logo path:nth-child(1), .footer__copyright--dotline:focus-visible .dotline-logo path:nth-child(1) {
  animation-delay: 0.028s;
}
.footer__copyright--dotline:hover .dotline-logo path:nth-child(2), .footer__copyright--dotline:focus-visible .dotline-logo path:nth-child(2) {
  animation-delay: 0.056s;
}
.footer__copyright--dotline:hover .dotline-logo path:nth-child(3), .footer__copyright--dotline:focus-visible .dotline-logo path:nth-child(3) {
  animation-delay: 0.084s;
}
.footer__copyright--dotline:hover .dotline-logo path:nth-child(4), .footer__copyright--dotline:focus-visible .dotline-logo path:nth-child(4) {
  animation-delay: 0.112s;
}
.footer__copyright--dotline:hover .dotline-logo path:nth-child(5), .footer__copyright--dotline:focus-visible .dotline-logo path:nth-child(5) {
  animation-delay: 0.14s;
}
.footer__copyright--dotline:hover .dotline-logo path:nth-child(6), .footer__copyright--dotline:focus-visible .dotline-logo path:nth-child(6) {
  animation-delay: 0.168s;
}
.footer__copyright--dotline:hover .dotline-logo path:nth-child(7), .footer__copyright--dotline:focus-visible .dotline-logo path:nth-child(7) {
  animation-delay: 0.196s;
}
.footer__copyright--dotline:hover .dotline-logo path:nth-child(8), .footer__copyright--dotline:focus-visible .dotline-logo path:nth-child(8) {
  animation-delay: 0.224s;
}
.footer__copyright--dotline:hover .dotline-logo path:nth-child(9), .footer__copyright--dotline:focus-visible .dotline-logo path:nth-child(9) {
  animation-delay: 0.252s;
}
.footer__copyright--dotline:hover .dotline-logo path:nth-child(10), .footer__copyright--dotline:focus-visible .dotline-logo path:nth-child(10) {
  animation-delay: 0.28s;
}
.footer__copyright--dotline:hover .dotline-logo path:nth-child(11), .footer__copyright--dotline:focus-visible .dotline-logo path:nth-child(11) {
  animation-delay: 0.308s;
}
.footer__copyright--dotline:hover .dotline-logo path:nth-child(12), .footer__copyright--dotline:focus-visible .dotline-logo path:nth-child(12) {
  animation-delay: 0.336s;
}
.footer__copyright--dotline:hover .dotline-logo .dotline-logo__dot, .footer__copyright--dotline:focus-visible .dotline-logo .dotline-logo__dot {
  animation: dotline-dot-bounce 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
.footer__copyright--dotline:hover .dotline-logo .dotline-logo__divider, .footer__copyright--dotline:focus-visible .dotline-logo .dotline-logo__divider {
  animation: dotline-divider-grow 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.35s both;
}

@keyframes dotline-dot-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.18);
    opacity: 0.88;
  }
}
@keyframes dotline-dot-bounce {
  0% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.35);
  }
  65% {
    transform: scale(0.92);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes dotline-letter-wave {
  0% {
    transform: translateY(0);
  }
  45% {
    transform: translateY(-2.5px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes dotline-divider-grow {
  0%, 100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1.35);
  }
}
@keyframes dotline-shimmer-sweep {
  0% {
    transform: translateX(-160%) skewX(-12deg);
  }
  100% {
    transform: translateX(100%) skewX(-12deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .footer__copyright--dotline .dotline-logo__dot,
  .footer__copyright--dotline .dotline-logo path,
  .footer__copyright--dotline .dotline-logo__divider {
    animation: none !important;
  }
  .footer__copyright--dotline .dotline-logo-wrap::after {
    display: none;
  }
  .footer__copyright--dotline:hover .dotline-logo, .footer__copyright--dotline:focus-visible .dotline-logo {
    transform: none;
    filter: none;
  }
}
.footer__about {
  position: relative;
}
@media (max-width: 991px) {
  .footer__about {
    display: none;
  }
}
.footer__about #footer__about {
  position: relative;
  overflow: hidden;
  max-height: 126px;
  transition: max-height 0.3s ease-out;
}
.footer__about #footer__about:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(246, 246, 247, 0) 3.23%, #f6f6f7 80.65%);
  display: block;
  content: "";
  transition: all 0.3s;
}
.footer__about #footer__about h1 {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 24px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 32px;
  opacity: 0.6;
}
.footer__about #footer__about p {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}
.footer__about #footer__about.active:after {
  pointer-events: none;
  opacity: 0;
}
.footer__about #footer__more {
  transition: none;
  background-color: var(--accent-color-anzac-10, #efead2);
  height: 80px;
  width: 80px;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  opacity: 0;
  color: var(--accent-color-anzac-100, #977337);
}
.footer__about #footer__more:before {
  content: "بیشتر";
  font-size: 14px;
  line-height: 24px;
}
.footer__about #footer__more.active:before {
  content: "بستن";
}
.footer__about #footer__more.active svg {
  transform: rotate(180deg);
}

#site-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(24, 28, 34, 0.2);
  mix-blend-mode: luminosity;
  display: block;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, background 0.3s ease-out;
  visibility: hidden;
}
@media (max-width: 991px) {
  #site-overlay {
    display: none;
  }
}
#site-overlay.active {
  visibility: visible;
  opacity: 1;
}

.support-link {
  position: fixed;
  left: 16px;
  bottom: 16px;
  border-radius: 16px;
  height: 64px;
  width: 64px;
  background: var(--primary-colors-bunker-80, #2d3038);
  z-index: 5000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0.9);
  transition: opacity 300ms ease-out, visibility 300ms ease-out, transform 300ms ease-out, background 250ms ease-out;
}
@media (max-width: 991px) {
  .support-link {
    left: 16px;
    bottom: 80px;
    border-radius: 8px;
    height: 40px;
    width: 40px;
  }
}
.support-link .icon {
  width: 48px;
  height: 48px;
  transition: all 0.3s;
  color: #c0a452;
}
@media (max-width: 991px) {
  .support-link .icon {
    width: 24px;
    height: 24px;
  }
}
.support-link.is-ready {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
}
.support-link:hover {
  background-color: #c0a452;
}
.support-link:hover .icon {
  color: var(--primary-colors-bunker-80, #2d3038);
}
.support-link.active {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0.9);
}

#footer-menu {
  position: fixed;
  bottom: 16px;
  z-index: 2000;
  left: 16px;
  right: 16px;
  border-radius: 12px;
  background: var(--primary-colors-bunker-80, #2D3038);
  box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.031372549), 0px 20px 24px -4px rgba(0, 0, 0, 0.0784313725);
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: all 0.3s ease-out;
}
#footer-menu > ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer-menu > ul > li {
  flex: 1;
}
#footer-menu > ul > li > a,
#footer-menu > ul > li > button {
  display: flex;
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 12px 16px;
  background: var(--primary-colors-bunker-80, #2D3038);
}
#footer-menu > ul > li > a span:not(.icon),
#footer-menu > ul > li > button span:not(.icon) {
  color: #FFFFFF;
  font-size: 0;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  height: 32px;
  background: transparent;
  border-radius: 8px;
}
#footer-menu > ul > li > a.active span:not(.icon),
#footer-menu > ul > li > button.active span:not(.icon) {
  background: var(--accent-color-anzac, #79572F);
  gap: 6px;
  border-radius: 8px;
  padding: 0 20px;
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  color: #fff;
}
#footer-menu > ul > li > a .icon,
#footer-menu > ul > li > button .icon {
  transition: all 0.3s;
  width: 24px;
  height: 24px;
}
#footer-menu > ul > li .footer-menu__content {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: 0.3s ease-out;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: 12px;
  background: var(--accent-color-purple-10, #f7f5fd);
  box-shadow: 0px -8px 40px 0px rgba(0, 0, 0, 0.12);
  opacity: 0;
}
#footer-menu > ul > li .footer-menu__content > div {
  padding: 16px;
  padding-bottom: 76px;
  width: 100%;
  overflow: hidden;
}
#footer-menu > ul > li .footer-menu__content.active {
  grid-template-rows: minmax(0, 1fr);
  opacity: 1;
  border-radius: 12px 12px 16px 16px;
}
#footer-menu > ul > li:first-child > a,
#footer-menu > ul > li:first-child > button {
  border-radius: 0 12px 12px 0;
}
#footer-menu > ul > li:last-child > a,
#footer-menu > ul > li:last-child > button {
  border-radius: 12px 0 0 12px;
}
@media (max-width: 991px) {
  #footer-menu {
    pointer-events: unset;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

body:has(#basket-page, #single-page) #footer-menu {
  display: none;
}

.footer-menu__categories {
  margin: -4px -4px 0;
  padding-bottom: 16px;
}
.footer-menu__categories--main {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.footer-menu__categories--main-item {
  flex: 0 0 calc(50% - 8px);
  max-width: calc(50% - 8px);
  cursor: pointer;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  height: 120px;
}
.footer-menu__categories--main-item:after {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  transition: all 0.3s;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  pointer-events: none;
}
.footer-menu__categories--main-item_over {
  position: absolute;
  z-index: 1;
  right: 8px;
  bottom: 8px;
  display: flex;
  flex-direction: column;
  color: var(--White, #fff);
}
.footer-menu__categories--main-item_over h6 {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.footer-menu__categories--main-item_over span {
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}
.footer-menu__categories--main-item img {
  mix-blend-mode: luminosity;
  transition: all 0.3s;
}
.footer-menu__categories--main-item:hover:after {
  opacity: 0.7;
}
.footer-menu__categories--main-item:hover img {
  mix-blend-mode: normal;
}
.footer-menu__categories--submenu {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.footer-menu__categories--submenu-content {
  width: 100%;
  max-height: calc(100vh - 300px);
  display: none;
  gap: 16px 6px;
  flex-wrap: wrap;
  overflow-y: auto;
}
.footer-menu__categories--submenu-content_link {
  flex: 0 0 calc(33.33% - 4px);
  max-width: calc(33.33% - 4px);
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  height: 100px;
}
.footer-menu__categories--submenu-content_link span {
  position: absolute;
  right: 4px;
  left: 4px;
  padding: 2px;
  color: var(--White, #fff);
  font-size: 12px;
  font-weight: 600;
  bottom: 4px;
  border-radius: 2px;
  background: rgba(45, 48, 56, 0.4);
  z-index: 1;
  line-height: 18px;
  display: block;
}
.footer-menu__categories--submenu-content_all {
  background: transparent;
  flex: 0 0 100%;
  border-radius: 4px;
  border: 2px solid var(--accent-color-anzac-60, #c0a452);
  padding: 8px 16px;
  max-width: 100%;
  height: 40px;
  gap: 4px;
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  position: sticky;
  bottom: 0;
  background: #f7f5fd;
  z-index: 2;
}
.footer-menu__categories--back {
  background: transparent;
  display: none;
  align-items: center;
  gap: 4px;
}
.footer-menu__categories--back h6 {
  margin-bottom: 0;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.footer-menu__categories--back .icon {
  color: #43474e;
  width: 18px;
  height: 18px;
  transform: rotate(180deg);
}

.footer-menu__more {
  margin: -4px -4px 0;
  border-bottom: 1px solid #e0e2e5;
}
.footer-menu__more--title {
  display: flex;
  align-items: center;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 28px;
  gap: 4px;
}
.footer-menu__more--title .icon {
  background-color: var(--accent-color-anzac-10, #efead2);
  width: 24px;
  height: 24px;
  color: #977337;
  border-radius: 50%;
}
.footer-menu__more--title .icon svg {
  width: 16px;
  height: 16px;
}
.footer-menu__more--brands {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-bottom: 1px solid #e0e2e5;
}
.footer-menu__more--brands-items {
  display: flex;
  white-space: nowrap;
  gap: 32px;
  justify-content: space-between;
  padding-bottom: 16px;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
.footer-menu__more--brands-items-item {
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.footer-menu__more--links {
  display: flex;
  flex-direction: column;
}
.footer-menu__more--links-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.5px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.footer-menu__more--links-item + .footer-menu__more--links-item {
  border-top: 1px solid #E0E2E5;
}
.footer-menu__more--links-item .footer-menu__more--title {
  margin-left: auto;
}
.footer-menu__more--links-item.footer-menu__more--gift {
  order: -1;
}
.footer-menu__more--links-item.footer-menu__more--blog {
  order: -1;
}
.footer-menu__more--links-item .icon {
  width: 24px;
  height: 24px;
}
.footer-menu__more--links-item .icon img {
  max-width: 18px;
  max-height: 18px;
}

.footer-menu__search {
  margin: -4px -4px 0;
}
.footer-menu__search .header__search--form {
  margin-bottom: 16px;
  width: 100%;
}
.footer-menu__search .header__search--form-control {
  font-size: 12px;
}
.footer-menu__search--result {
  height: calc(100dvh - 320px);
  overflow-y: auto;
}
.footer-menu__search--result-title {
  margin-bottom: -4px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  max-height: 24px;
  transition: 0.3s ease-out;
  overflow: hidden;
}
.footer-menu__search--result-list li {
  padding-bottom: 16px;
  padding-top: 16px;
  border-bottom: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
}
.footer-menu__search--result-list li:last-child {
  border-bottom: none;
}
.footer-menu__search--more {
  display: none;
  align-items: center;
  justify-content: flex-start;
  margin-top: 8px;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 14px;
  font-weight: var(--font-weight-700);
  line-height: 24px;
  width: -moz-fit-content;
  width: fit-content;
}
.footer-menu__search--more .icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  transform: rotate(90deg);
}
.footer-menu__search--loading, .footer-menu__search--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  color: var(--primary-colors-bunker-40, #5c6068);
  font-size: 12px;
  line-height: 24px;
  margin-top: 16px;
}
.footer-menu__search:has(.typing) .footer-menu__search--result-title {
  max-height: 0;
}

.raychat_frame {
  opacity: 0;
  visibility: hidden;
  left: 16px !important;
  bottom: 16px !important;
}
.raychat_frame.active {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 991px) {
  body.reached-footer .single-page__quantity, body.reached-footer .single-page__buttons {
    transform: translateY(calc(100% + 16px));
  }
  body.reached-footer .support-link {
    transform: translateY(64px);
  }
  body:not(:has(#single-page)).reached-footer .support-link {
    transform: translateY(64px);
  }
  body:not(:has(#single-page)).reached-footer #footer-menu {
    transform: translateY(calc(100% + 16px));
  }
  body:has(#basket-page).reached-footer .support-link {
    transform: translateY(64px);
  }
  body:has(#basket-page).reached-footer #footer-menu {
    transform: translateY(calc(100% + 16px));
  }
  body:has(#basket-page):has(#step-1.active) .support-link {
    transform: translateY(64px);
  }
  body:has(#basket-page):has(#step-2.active) .support-link, body:has(#basket-page):has(#step-3.active) .support-link, body:has(#basket-page):has(#step-4.active) .support-link {
    transform: translateY(8px);
  }
  body:has(#basket-page):has(#step-2.active):has(.go-to-basket-step-3.basket-button-fix-in-mobile) .support-link, body:has(#basket-page):has(#step-3.active):has(.go-to-basket-step-3.basket-button-fix-in-mobile) .support-link, body:has(#basket-page):has(#step-4.active):has(.go-to-basket-step-3.basket-button-fix-in-mobile) .support-link {
    transform: translateY(64px);
  }
  body:has(#basket-page):has(#step-2.active):has(.go-to-basket-step-3.basket-button-fix-in-mobile.fixed) .support-link, body:has(#basket-page):has(#step-3.active):has(.go-to-basket-step-3.basket-button-fix-in-mobile.fixed) .support-link, body:has(#basket-page):has(#step-4.active):has(.go-to-basket-step-3.basket-button-fix-in-mobile.fixed) .support-link {
    transform: translateY(16px);
  }
  body:has(#profile-page):has(.profile-order-page__again) .support-link {
    transform: translateY(16px);
  }
  body:has(#profile-page):has(.profile-order-page__again) #footer-menu {
    display: none;
  }
  body:has(#profile-page).reached-footer .profile-order-page__again .primary-button {
    transform: translateY(56px);
  }
}

.mega-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background: var(--White, #ffffff);
  z-index: 5;
  padding: 40px 0;
  width: 100%;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.3s 0s ease-out, transform 0.3s 0s ease-out, visibility 0.3s 0s ease-out;
  visibility: hidden;
}
@media (max-width: 991px) {
  .mega-menu {
    display: none;
  }
}
.mega-menu__container {
  display: flex;
  align-items: flex-start;
}
.mega-menu__container--categories {
  flex: 1;
  padding-left: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1400px) {
  .mega-menu__container--categories {
    padding-left: 12px;
    gap: 12px;
  }
}
.mega-menu__container--categories-all {
  flex: 0 0 220px;
  max-width: 220px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  min-height: 392px;
}
.mega-menu__container--categories-all h6 {
  background: #f6f6f7;
  border-radius: 2px 2px 0px 0px;
  min-height: 37px;
  justify-content: center;
  padding: 7px 7px 6px 7px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  height: 24px;
  position: absolute;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 0;
  z-index: 1;
  bottom: 0;
}
.mega-menu__container--categories-all img {
  transition: 0.3s ease-out;
}
.mega-menu__container--categories-all:hover img {
  transform: scale(1.05);
}
.mega-menu__container--categories-list {
  flex: 1;
}
.mega-menu__container--categories-list ul {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 1400px) {
  .mega-menu__container--categories-list ul {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 1200px) {
  .mega-menu__container--categories-list ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.mega-menu__container--categories-list ul li {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.mega-menu__container--categories-list ul li:after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
  mix-blend-mode: luminosity;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  pointer-events: none;
  transition: 0.3s ease-out;
  height: 100%;
}
.mega-menu__container--categories-list ul li span {
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 4px;
  background-color: transparent;
  border-radius: 2px;
  margin-bottom: 0;
  z-index: 2;
  transition: 0.3s ease-out;
  display: block;
  padding: 8px;
  font-size: 12px;
  font-weight: var(--font-weight-600);
  color: var(--White, #ffffff);
  line-height: 18px;
}
@media (max-width: 1024px) {
  .mega-menu__container--categories-list ul li span {
    padding: 4px;
  }
}
.mega-menu__container--categories-list ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.mega-menu__container--categories-list ul li img {
  filter: grayscale(100%);
  transition: 0.3s ease-out;
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
}
.mega-menu__container--categories-list ul li:hover span {
  background: rgba(45, 48, 56, 0.4);
}
.mega-menu__container--categories-list ul li:hover:after {
  opacity: 0;
}
.mega-menu__container--categories-list ul li:hover img {
  filter: grayscale(0);
}
.mega-menu__container--categories .home-delivery {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 0;
  background: var(--accent-color-purple-20, #f0edfa);
  padding: 8px 16px;
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
}
.mega-menu__container--categories .home-delivery--icon {
  flex: 0 0 auto;
}
.mega-menu__container--categories .home-delivery--icon .icon {
  color: #7e57c5;
  width: 24px;
  height: 24px;
}
.mega-menu__container--categories .home-delivery--title {
  color: var(--primary-colors-bunker-100, #181c22);
  font-size: 14px;
  margin-bottom: 0;
}
.mega-menu__container--categories .home-delivery p {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  margin-left: auto;
  margin-bottom: 0;
}
.mega-menu__container--categories.brandsList {
  padding-left: 0;
}
.mega-menu__container--categories.brandsList ul {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
@media (max-width: 1400px) {
  .mega-menu__container--categories.brandsList ul {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}
@media (max-width: 1200px) {
  .mega-menu__container--categories.brandsList ul {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  .mega-menu__container--categories.brandsList ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .mega-menu__container--categories.brandsList ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.mega-menu__container--categories.brandsList ul li a {
  border: 1px solid #F6F6F7;
  border-radius: 4px;
  aspect-ratio: 1;
  transition: 0.3s ease-out;
}
.mega-menu__container--categories.brandsList ul li a:hover {
  border-color: var(--primary-colors-aluminium-60);
}
.mega-menu__container--categories.brandsList ul li a div {
  width: 100%;
  height: 100%;
  display: block;
}
.mega-menu__container--categories.brandsList ul li a div svg {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 1;
  transition: 0.3s ease-out;
}
.mega-menu__container--categories.brandsList ul li a div svg * {
  fill: #2D3038 !important;
}
.mega-menu__container--categories.brandsList ul li a:hover svg {
  opacity: 1 !important;
}
.mega-menu__container--categories.brandsList ul li:after {
  display: none;
}
.mega-menu__container--categories.brandsList ul:hover li a div svg {
  opacity: 0.5;
}
.mega-menu__container--posts {
  flex: 0 0 331px;
  max-width: 331px;
  border-right: 1px solid #e0e2e5;
  padding-right: 24px;
}
@media (max-width: 1400px) {
  .mega-menu__container--posts {
    flex: 0 0 260px;
    max-width: 260px;
    padding-right: 12px;
  }
}
.mega-menu__container--posts-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mega-menu__container--posts-title h6 {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
  margin-bottom: 0;
}
.mega-menu__container--posts-more {
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-600);
  font-size: 12px;
  line-height: 18px;
  color: var(--accent-color-anzac-100, #977337);
}
.mega-menu__container--posts-more .icon {
  transition: all 0.3s;
  transform: rotate(-90deg);
  color: #977337;
}
.mega-menu__container--posts-more:hover .icon {
  transform: translateX(-2px) rotate(-90deg);
}
.mega-menu__container--posts ul li {
  border-bottom: 1px dashed #e0e2e5;
}
.mega-menu__container--posts ul li:last-child {
  border-bottom: none;
}
.mega-menu__container--posts ul li a {
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-weight: var(--font-weight-400);
  line-height: 24px;
  font-size: 12px;
  min-height: 56px;
}
@media (max-width: 1400px) {
  .mega-menu__container--posts ul li a {
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 40px;
  }
}
.mega-menu__container--posts ul li a:hover {
  color: var(--primary-colors-bunker-60, #43474e);
}

.tabs {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  width: 100%;
  border-bottom: 1px solid var(--primary-colors-aluminium-20, #f6f6f7);
}
@media (max-width: 991px) {
  .tabs {
    max-width: 100%;
    flex-direction: row;
    overflow-x: auto;
    margin-bottom: 12px;
    scrollbar-width: none;
    gap: 0;
    -ms-overflow-style: none;
  }
  .tabs::-webkit-scrollbar {
    display: none;
  }
}
.tabs .tab {
  margin-left: 36px;
  font-size: 16px;
  font-weight: var(--font-weight-400);
  line-height: 32px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  transition: color 0.5s;
  padding-top: 2px;
  padding-bottom: 10px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.3s ease-out;
}
@media (max-width: 991px) {
  .tabs .tab {
    font-size: 12px;
    line-height: 24px;
    padding-top: 0;
    padding-bottom: 4px;
    margin-left: 16px;
  }
}
.tabs .tab:before {
  content: "";
  display: block;
  background: #7e57c5;
  height: 2px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  transition: all 0.3s ease-out;
  opacity: 0;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
}
.tabs .tab.active {
  color: var(--accent-color-purple-100, #7e57c5);
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .tabs .tab.active {
    font-size: 14px;
  }
}
.tabs .tab.active:before {
  opacity: 1;
  transform: scaleX(1);
}
.tabs .tab:hover {
  color: var(--accent-color-purple-100, #7e57c5);
}
.tabs .tab:last-child {
  margin-left: 0;
}

.tabs_content {
  display: flex;
  overflow: hidden;
}

.tab-content {
  visibility: hidden;
  opacity: 0;
  position: relative;
  background-color: #fff;
  transform: translateY(8px);
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  height: 0px;
}
@media (max-width: 991px) {
  .tab-content {
    transform: none;
  }
}
.tab-content.active {
  order: -1;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  height: auto;
}
@media (max-width: 991px) {
  .tab-content.active {
    transform: none;
  }
}
.tab-content.active.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media (max-width: 991px) {
  .tab-content.active.show {
    transform: none;
  }
}
.tab-content.active.hide {
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
}
@media (max-width: 991px) {
  .tab-content.active.hide {
    transform: none;
  }
}
.tab-content.withoutTranslate {
  transform: none !important;
}

.card {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.card__main-slider {
  text-align: center;
  align-items: center;
  padding: 0 64px;
}
@media (max-width: 991px) {
  .card__main-slider {
    text-align: right;
    align-items: unset;
    position: relative;
    padding-right: 108px;
    min-height: 100px;
    max-width: 100%;
    padding-left: 0;
    overflow: hidden;
  }
}
.card__main-slider h3 {
  font-size: 24px;
  color: var(--primary-colors-bunker-100, #181c22);
  font-weight: var(--font-weight-600);
  line-height: 32px;
  letter-spacing: -0.5px;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .card__main-slider h3 {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.card__main-slider h3 a {
  color: var(--primary-colors-bunker-100, #181c22);
}
.card__main-slider img {
  margin-bottom: 4px;
  width: 263px;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .card__main-slider img {
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100px;
    height: 100px;
  }
}
.card__main-slider ul {
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  font-weight: var(--font-weight-400);
  line-height: 24px;
}
@media (max-width: 991px) {
  .card__main-slider ul {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 8px;
  }
}
.card__main-slider ul li {
  margin-bottom: 2px;
}
@media (max-width: 991px) {
  .card__main-slider ul li {
    margin-bottom: 0;
  }
}
.card__main-slider ul li:last-child {
  margin-bottom: 0;
}
.card__main-slider--more {
  margin-top: 16px;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 16px;
  font-weight: var(--font-weight-700);
  letter-spacing: -0.5px;
  line-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .card__main-slider--more {
    margin-top: auto;
    font-size: 14px;
    font-weight: var(--font-weight-600);
    line-height: 24px;
    letter-spacing: normal;
    justify-content: flex-start;
  }
}
.card__main-slider--more .icon {
  margin-right: 4px;
  color: #7e57c5;
  transition: 0.3s ease-out;
}
.card__main-slider:hover .card__main-slider--more .icon {
  transform: translateX(-3px);
}
.card__category-products-slider {
  padding: 8px 115px 8px 8px;
  min-height: 111px;
  border: 1px solid transparent;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .card__category-products-slider {
    padding: 8px 92px 8px 8px;
    min-height: 96px;
  }
}
.card__category-products-slider img {
  width: 95px;
  height: 95px;
  position: absolute;
  right: 0;
  top: 8px;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .card__category-products-slider img {
    width: 80px;
    height: 80px;
    right: 4px;
  }
}
.card__category-products-slider--title {
  line-height: 22px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .card__category-products-slider--title {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 2px;
    min-height: 36px;
  }
}
.card__category-products-slider--title a {
  color: currentColor;
}
.card__category-products-slider--rate {
  transition: 0.3s ease-out;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
  flex-direction: row-reverse;
  font-feature-settings: "ss01" on;
  justify-content: flex-end;
  line-height: 18px;
  font-size: 12px;
  margin-top: auto;
}
@media (max-width: 991px) {
  .card__category-products-slider--rate {
    margin-bottom: 6px;
  }
}
.card__category-products-slider--rate .icon {
  width: 14px;
  height: 14px;
  color: var(--primary-colors-aluminium-80, #c4c6cf);
}
@media (max-width: 991px) {
  .card__category-products-slider--rate .icon {
    height: 10px;
    width: 10px;
  }
}
.card__category-products-slider--price {
  transition: 0.3s ease-out;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .card__category-products-slider--price {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -1px;
  }
}
.card__category-products-slider--price-off {
  background: var(--accent-color-anzac-10, #efead2);
  border-radius: 4px;
  color: var(--accent-color-anzac-100, #977337);
  font-weight: var(--font-weight-600);
  direction: ltr;
  line-height: 150%;
  font-size: 10px;
  margin-right: 2px;
  padding: 2px 4px;
  display: none;
}
.card__category-products-slider--price-old {
  color: var(--Primary-Colors-Bunker, #8d9199);
  position: relative;
  font-weight: var(--font-weight-400);
  margin-left: 4px;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: -1px;
}
.card__category-products-slider--price-old:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--Primary-Colors-Bunker, #8d9199);
  top: 50%;
  left: 0;
  right: 0;
}
.card__category-products-slider--price-outOfSale {
  color: #C4C6CF;
  font-size: 14px;
  line-height: 22px;
  font-weight: var(--font-weight-600);
}
.card__category-products-slider--add {
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
  visibility: hidden;
  position: absolute;
  bottom: 8px;
  right: 115px;
  opacity: 0;
}
@media (max-width: 991px) {
  .card__category-products-slider--add {
    font-size: 12px;
    line-height: 18px;
    right: 88px;
  }
}
@media (max-width: 768px) {
  .card__category-products-slider--add {
    display: none;
  }
}
.card__category-products-slider--add .icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 991px) {
  .card__category-products-slider--add .icon {
    height: 18px;
    width: 18px;
  }
}
.card__category-products-slider--new {
  background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #ffffff, #d4af38) border-box;
}
.card__category-products-slider--new:before {
  pointer-events: none;
  transition: all 0.5s;
  content: "جدید";
  position: absolute;
  top: -1px;
  transform: translateY(-50%);
  right: 8px;
  z-index: 1;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 4px;
  background: #ffffff;
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 12px;
  line-height: 18px;
  font-weight: var(--font-weight-600);
}
.card__category-products-slider:not(:has(.inside)):hover .card__category-products-slider--price, .card__category-products-slider:not(:has(.inside)):hover .card__category-products-slider--rate {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 768px) {
  .card__category-products-slider:not(:has(.inside)):hover .card__category-products-slider--price, .card__category-products-slider:not(:has(.inside)):hover .card__category-products-slider--rate {
    opacity: 1;
    visibility: visible;
  }
}
.card__category-products-slider:not(:has(.inside)):hover .card__category-products-slider--add {
  opacity: 1;
  visibility: visible;
}
.card__category-products-slider .inside:hover .card__category-products-slider--price, .card__category-products-slider .inside:hover .card__category-products-slider--rate {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 768px) {
  .card__category-products-slider .inside:hover .card__category-products-slider--price, .card__category-products-slider .inside:hover .card__category-products-slider--rate {
    opacity: 1;
    visibility: visible;
  }
}
.card__category-products-slider .inside:hover .card__category-products-slider--add {
  opacity: 1;
  visibility: visible;
}
.card__category-products-slider--add--unavailable {
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--primary-colors-aluminium-80, #c4c6cf);
  pointer-events: none;
  cursor: default;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  border-radius: 8px;
  padding: 4px 8px;
  justify-content: center;
  min-height: 32px;
  opacity: 0 !important;
  visibility: hidden !important;
}
@media (max-width: 768px) {
  .card__category-products-slider--add--unavailable {
    display: flex !important;
  }
}
.card__category-products-slider--add--unavailable .text {
  font-size: 12px;
  line-height: 18px;
}
.card__category-products-slider:hover .card__category-products-slider--add--unavailable {
  opacity: 1 !important;
  visibility: visible !important;
}
.card__best {
  display: flex;
  flex-direction: column;
}
.card__best--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 40px;
  font-weight: var(--font-weight-700);
  letter-spacing: -1px;
  line-height: 64px;
  margin-bottom: 16px;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .card__best--title {
    font-weight: var(--font-weight-600);
    font-size: 24px;
    font-weight: var(--font-weight-600);
    line-height: 32px;
    letter-spacing: -0.5px;
    margin-bottom: 24px;
    white-space: wrap;
    width: calc(100vw - 32px);
  }
}
.card__best--picture {
  width: 240px;
  height: 240px;
  background: #fafafa;
  border-radius: 6.795px 6.795px 0px 0px;
  margin-bottom: 24px;
  display: none;
}
@media (max-width: 991px) {
  .card__best--picture {
    display: flex;
  }
}
.card__best--info {
  margin-bottom: 100px;
}
@media (max-width: 991px) {
  .card__best--info {
    width: calc(100vw - 32px);
    margin-bottom: 24px;
  }
}
.card__best--info ul {
  padding-right: 24px;
}
.card__best--info li {
  margin-bottom: 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
.card__best--info li:last-child {
  margin-bottom: 0;
}
.card__best--price {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
  font-weight: var(--font-weight-600);
  margin-top: auto;
}
@media (max-width: 991px) {
  .card__best--price {
    width: calc(100vw - 32px);
    font-size: 16px;
    line-height: 28px;
  }
}
.card__best--price-off {
  margin-right: 12px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  border-radius: 4px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  direction: ltr;
  line-height: 150%;
}
.card__best--price-old {
  margin-left: 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  position: relative;
  font-weight: var(--font-weight-400);
}
.card__best--price-old:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--Primary-Colors-Bunker, #8d9199);
  top: 50%;
  left: 0;
  right: 0;
}
.card__best--buttons {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 991px) {
  .card__best--buttons {
    width: calc(100vw - 32px);
  }
}
.card__best--buttons-buy {
  width: 383px;
  background: var(--primary-colors-bunker-80, #2d3038);
  border: 2px solid var(--primary-colors-bunker-80, #2d3038);
  padding: 14px 32px;
  border-radius: 8px;
  color: var(--White, #ffffff);
  font-size: 16px;
  font-weight: var(--font-weight-700);
  line-height: 24px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .card__best--buttons-buy {
    flex: 1;
    padding: 16px 32px;
  }
}
.card__best--buttons-buy:hover {
  background-color: var(--White, #ffffff);
  color: var(--primary-colors-bunker-80, #2d3038);
}
.card__best--buttons-bookmark {
  border-radius: 50%;
  border: 2px solid var(--primary-colors-bunker-80, #2d3038);
  width: 56px;
  height: 56px;
  background-color: #ffffff;
}
.card__best--buttons-bookmark .icon {
  width: 24px;
  height: 24px;
  color: #2d3038;
  transition: 0.3s ease-out;
}
.card__best--buttons-bookmark:hover {
  background-color: var(--primary-colors-bunker-80, #2d3038);
}
.card__best--buttons-bookmark:hover .icon {
  color: #ffffff;
}
.card__best--inventory {
  margin-top: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .card__best--inventory {
    width: calc(100vw - 50px);
    font-size: 12px;
  }
}
.card__full-product {
  height: 100%;
}
.card__full-product--new .card__full-product--image:before {
  pointer-events: none;
  content: "جدید";
  transition: all 0.3s ease-out;
  position: absolute;
  top: -1px;
  transform: translateY(-50%);
  left: 16px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 4px;
  background: linear-gradient(180deg, #ffffff 5%, #fafafa 85%);
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 12px;
  line-height: 18px;
  font-weight: var(--font-weight-600);
  z-index: 5;
}
@media (max-width: 991px) {
  .card__full-product--new .card__full-product--image:before {
    left: 8px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 8px;
    line-height: 11.811px;
    border-radius: 2.625px;
  }
}
.card__full-product--new::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border: 1px solid transparent;
  background: linear-gradient(#fafafa, #fafafa) padding-box, linear-gradient(to top, #fafafa, #d4af38) border-box;
  border-radius: 8px;
  transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
  aspect-ratio: 1;
}
.card__full-product--image {
  border: 1px solid transparent;
  width: 100%;
  display: block;
  border-radius: 8px 8px 0px 0px;
  margin-bottom: 12px;
  background-color: #fafafa;
  position: relative;
  aspect-ratio: 1;
}
.card__full-product--image img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 8px 8px 0px 0px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .card__full-product--image {
    margin-bottom: 6px;
  }
}
.card__full-product--image-over {
  border-radius: 8px 8px 0px 0px;
  transition: all 0.5s;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(126, 87, 197, 0.4) 0%, rgba(126, 87, 197, 0.15) 100%), rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 24px;
  z-index: 2;
  gap: 24px;
  color: var(--accent-color-purple-100, #7e57c5);
  line-height: 28px;
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .card__full-product--image-over {
    padding: 12px;
    gap: 12px;
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 768px) {
  .card__full-product--image-over {
    display: none;
  }
}
.card__full-product--image-over > span {
  display: flex;
  flex-direction: column;
}
.card__full-product--image-over .icon {
  width: 32px;
  height: 32px;
  margin-bottom: 2px;
  color: #7e57c5;
}
@media (max-width: 991px) {
  .card__full-product--image-over .icon {
    width: 16px;
    height: 16px;
  }
}
.card__full-product--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  height: 44px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 991px) {
  .card__full-product--title {
    margin-bottom: 12px;
  }
}
.card__full-product--rate {
  transition: 0.3s ease-out;
  display: none;
  align-items: center;
  gap: 4px;
  margin-bottom: 7px;
  flex-direction: row-reverse;
  font-feature-settings: "ss01" on;
  justify-content: flex-end;
  line-height: 18px;
  font-size: 12px;
}
@media (max-width: 991px) {
  .card__full-product--rate {
    margin-bottom: 6px;
  }
}
.card__full-product--rate .icon {
  width: 14px;
  height: 14px;
  color: var(--primary-colors-aluminium-80, #c4c6cf);
}
@media (max-width: 991px) {
  .card__full-product--rate .icon {
    height: 10px;
    width: 10px;
  }
}
.card__full-product--options {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow: hidden;
  margin-top: auto;
  min-height: 30px;
}
@media (max-width: 991px) {
  .card__full-product--options {
    margin-bottom: 12px;
    min-height: 20px;
  }
}
.card__full-product--options li {
  color: var(--primary-colors-aluminium-80, #c4c6cf);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  display: flex;
  align-items: center;
  direction: ltr;
  min-height: 30px;
}
@media (max-width: 991px) {
  .card__full-product--options li {
    font-size: 10px;
    min-height: 20px;
  }
}
.card__full-product--options li:after {
  content: "";
  margin-left: 16px;
  margin-right: 16px;
  width: 2px;
  height: 30px;
  background-image: url("/build/assets/sep-CEl3dgiV.svg");
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
}
@media (max-width: 991px) {
  .card__full-product--options li:after {
    margin-left: 10px;
    margin-right: 10px;
    height: 20px;
  }
}
.card__full-product--options li:first-child:after {
  display: none;
}
.card__full-product--rate {
  display: none;
}
.card__full-product--price {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  border-bottom: 1px solid #eef0f1;
  padding-bottom: 12px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .card__full-product--price {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 8px;
    letter-spacing: -1px;
    gap: 4px;
    justify-content: space-between;
  }
}
.card__full-product--price-off {
  margin-right: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  border-radius: 4px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  direction: ltr;
  line-height: 150%;
}
@media (max-width: 991px) {
  .card__full-product--price-off {
    font-size: 10px;
    margin-right: 2px;
    padding: 2px 4px;
  }
}
.card__full-product--price-old {
  margin-left: 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  position: relative;
  font-weight: var(--font-weight-400);
}
@media (max-width: 991px) {
  .card__full-product--price-old {
    margin-left: 4px;
    font-size: 10px;
    line-height: 18px;
    letter-spacing: -1px;
  }
}
.card__full-product--price-old:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--Primary-Colors-Bunker, #8d9199);
  top: 50%;
  left: 0;
  right: 0;
}
.card__full-product--details {
  padding-top: 12px;
  min-height: 57px;
  transition: 0.3s ease-out;
}
@media (max-width: 991px) {
  .card__full-product--details {
    padding-top: 8px;
  }
}
.card__full-product--details .productUsages strong, .card__full-product--details .productSuitable strong {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  margin-bottom: 2px;
  display: block;
}
@media (max-width: 991px) {
  .card__full-product--details .productUsages strong, .card__full-product--details .productSuitable strong {
    font-size: 10px;
  }
}
.card__full-product--details .productUsages .list, .card__full-product--details .productSuitable .list {
  display: block;
  width: 100%;
  max-width: 100%;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  line-height: 18px;
}
.card__full-product--details .productUsages .list .list--item, .card__full-product--details .productSuitable .list .list--item {
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 12px;
  line-height: 18px;
  font-weight: var(--font-weight-400);
  display: inline;
}
@media (max-width: 991px) {
  .card__full-product--details .productUsages .list .list--item, .card__full-product--details .productSuitable .list .list--item {
    font-weight: var(--font-weight-600);
    font-size: 10px;
  }
}
.card__full-product--details .productUsages {
  margin-top: 8px;
}
.card__full-product--bookmark {
  position: absolute;
  z-index: 2;
  right: 16px;
  top: 16px;
  transition: 0.3s ease-out;
}
@media (max-width: 991px) {
  .card__full-product--bookmark {
    right: 8px;
    top: 8px;
  }
}
.card__full-product--bookmark:hover {
  transform: scale(1.2);
}
.card__full-product--bookmark .icon {
  width: 18px;
  height: 18px;
  color: #c0a452;
}
.card__full-product--bookmark .icon svg {
  transition: 0.3s ease-out;
}
@media (max-width: 991px) {
  .card__full-product--bookmark .icon {
    width: 16px;
    height: 16px;
  }
}
.card__full-product--bookmark.active .icon {
  color: #c0a452;
}
.card__full-product--bookmark.active .icon svg {
  fill: #c0a452;
}
.card__full-product--label {
  position: absolute;
  left: 16px;
  top: 16px;
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  transition: 0.3s ease-out;
}
@media (max-width: 768px) {
  .card__full-product--label {
    left: 8px;
    top: 8px;
    font-size: 10px;
  }
}
.card__full-product--add {
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: 0.3s ease-out;
  visibility: hidden;
  position: absolute;
  bottom: 60px;
  right: 0;
  opacity: 0;
}
@media (max-width: 991px) {
  .card__full-product--add {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 768px) {
  .card__full-product--add {
    display: none;
  }
}
.card__full-product--add .icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 991px) {
  .card__full-product--add .icon {
    width: 18px;
    height: 18px;
  }
}
.card__full-product--add--unavailable {
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--primary-colors-aluminium-80, #c4c6cf);
  pointer-events: none;
  cursor: default;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  border-radius: 8px;
  padding: 6px 10px;
  justify-content: center;
  position: relative;
  bottom: auto;
  right: auto;
  margin-top: 8px;
  margin-bottom: 8px;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 768px) {
  .card__full-product--add--unavailable {
    display: flex !important;
  }
}
.card__full-product:hover:not(.notInStock) .card__full-product--details {
  opacity: 0;
}
@media (max-width: 768px) {
  .card__full-product:hover:not(.notInStock) .card__full-product--details {
    opacity: 1;
  }
}
.card__full-product:hover:not(.notInStock) .card__full-product--details a {
  pointer-events: none;
}
@media (max-width: 768px) {
  .card__full-product:hover:not(.notInStock) .card__full-product--details a {
    pointer-events: unset;
  }
}
.card__full-product:hover .card__full-product--add {
  opacity: 1;
  visibility: visible;
}
.card__full-product:hover .card__full-product--label {
  opacity: 0;
}
@media (max-width: 768px) {
  .card__full-product:hover .card__full-product--label {
    opacity: 1;
  }
}
.card__full-product:hover:after {
  opacity: 0;
  visibility: hidden;
}
.card__full-product:hover .card__full-product--image {
  background: linear-gradient(transparent, transparent) padding-box, linear-gradient(to top, transparent, transparent) border-box;
}
.card__full-product:hover .card__full-product--image:before {
  opacity: 0;
}
.card__full-product:hover .card__full-product--image-over {
  opacity: 1;
}
@media (max-width: 768px) {
  .card__full-product:hover .card__full-product--image {
    background-color: #fafafa;
  }
  .card__full-product:hover .card__full-product--image:before {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .card__full-product--new:hover .card__full-product--image {
    background: linear-gradient(#fafafa, #fafafa) padding-box, linear-gradient(to top, #fafafa, #d4af38) border-box;
  }
}
.card__full-product:hover .card__full-product--bookmark.active .icon {
  color: #ffffff;
}
.card__full-product:hover .card__full-product--bookmark.active .icon svg {
  fill: #ffffff;
}
@media (max-width: 768px) {
  .card__full-product:hover .card__full-product--bookmark.active .icon {
    color: #c0a452;
  }
  .card__full-product:hover .card__full-product--bookmark.active .icon svg {
    fill: #c0a452;
  }
}
.card__full-product:hover .card__full-product--bookmark .icon {
  color: #ffffff;
}
@media (max-width: 768px) {
  .card__full-product:hover .card__full-product--bookmark .icon {
    color: #c0a452;
  }
}
.card__gift {
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 8px;
  border: 1px solid transparent;
  flex-direction: row;
  align-items: center;
  height: 100%;
  background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #ffffff 40%, #9c7fd1 100%) border-box;
}
.card__gift:before {
  pointer-events: none;
  transition: 0.3s ease-out;
  content: "هدیه";
  position: absolute;
  top: -1px;
  transform: translateY(-50%);
  right: 8px;
  z-index: 1;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 4px;
  background: #ffffff;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 12px;
  line-height: 18px;
  font-weight: var(--font-weight-600);
}
.card__gift--picture {
  margin-left: 4px;
}
.card__gift--picture img {
  width: 95px;
  height: auto;
  border-radius: 8px;
}
.card__gift--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
.card__basket-item {
  min-height: 95px;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 156px;
}
.card__basket-item > .card__full-product--bookmark {
  position: absolute;
  z-index: 2;
  left: 16px;
  right: auto;
  top: 16px;
  transition: 0.3s ease-out;
}
.card__basket-item > .card__full-product--bookmark .icon {
  width: 18px;
  height: 18px;
  color: #c0a452;
}
.card__basket-item > .card__full-product--bookmark .icon svg {
  transition: 0.3s ease-out;
}
.card__basket-item > .card__full-product--bookmark.active .icon {
  color: #c0a452;
}
.card__basket-item > .card__full-product--bookmark.active .icon svg {
  fill: #c0a452;
}
@media (max-width: 768px) {
  .card__basket-item {
    min-height: 64px;
    padding-right: 72px;
  }
}
.card__basket-item--image {
  position: absolute;
  right: 0;
  top: 0;
  width: 140px;
  height: 140px;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .card__basket-item--image {
    width: 64px;
    height: 64px;
  }
}
.card__basket-item--image img {
  top: 0;
  position: static;
  width: 100%;
  height: 100%;
}
.card__basket-item--title {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.card__basket-item--title-off {
  display: inline-block;
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  margin-right: 8px;
}
.card__basket-item ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin-bottom: 16px;
}
.card__basket-item ul li {
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.card__basket-item ul li span {
  color: var(--Primary-Colors-Bunker, #8d9199);
  margin-left: 4px;
}
.card__basket-item--special {
  background: linear-gradient(to right, #cebb76 0%, #7e57c5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.card__basket-item--details {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
  position: relative;
}
@media (max-width: 768px) {
  .card__basket-item--details {
    margin-top: 12px;
  }
}
.card__basket-item--price {
  transition: 0.3s ease-out;
  display: flex;
  flex-direction: column;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .card__basket-item--price {
    letter-spacing: normal;
    line-height: 18px;
    font-size: 12px;
  }
}
.card__basket-item--price-old {
  position: relative;
  font-weight: var(--font-weight-400);
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .card__basket-item--price-old {
    font-size: 10px;
  }
}
.card__basket-item--price-old:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--Primary-Colors-Bunker, #8d9199);
  top: 50%;
  left: 0;
  right: 0;
}
.card__basket-item--price-off {
  background: var(--accent-color-anzac-10, #efead2);
  border-radius: 4px;
  color: var(--accent-color-anzac-100, #977337);
  font-weight: var(--font-weight-600);
  direction: ltr;
  line-height: 150%;
  font-size: 10px;
  padding: 2px 4px;
  display: inline-block;
  flex-shrink: 0;
}
.card__basket-item--comment {
  display: flex;
  gap: 4px;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  transition: 0.3s ease-out;
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
@media (max-width: 991px) {
  .card__basket-item--comment {
    opacity: 1;
    position: static;
    margin-top: 12px;
    pointer-events: unset;
  }
}
.card__basket-item--comment .icon {
  width: 24px;
  height: 24px;
  color: #7e57c5;
}
.card__basket-item .card__category-products-slider--add {
  bottom: 0;
  right: 0;
}
.card__basket-item:has(.card__basket-item--comment) .card__basket-item--details {
  margin-top: 16px;
}
@media (max-width: 991px) {
  .card__basket-item:has(.card__basket-item--comment) .card__basket-item--details {
    margin-top: 12px;
  }
}
.card__basket-item:has(.card__basket-item--comment) .card__basket-item--price {
  flex-direction: row;
  gap: 8px;
}
.card__basket-item:has(.card__basket-item--comment):hover .card__basket-item--comment {
  opacity: 1;
  pointer-events: unset;
}
.card__basket-item:has(.card__basket-item--comment):hover .card__basket-item--price {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 991px) {
  .card__basket-item:has(.card__basket-item--comment):hover .card__basket-item--price {
    opacity: 1;
    pointer-events: unset;
  }
}
.card__blog {
  height: 100%;
}
.card__blog--picture {
  position: relative;
  width: 100%;
  border-radius: 8px 8px 0px 0px;
  background: #fafafa;
  overflow: hidden;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .card__blog--picture {
    margin-bottom: 8px;
    border-radius: 5.249px 5.249px 0px 0px;
  }
}
.card__blog--picture:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.card__blog--picture img {
  transition: 0.3s ease-out;
}
.card__blog--picture-image {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.card__blog--picture-author {
  position: absolute;
  z-index: 2;
  bottom: 16px;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.card__blog--picture-author_link {
  border-radius: 32px;
  gap: 4px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  line-height: 18px;
  padding: 2px 4px;
  white-space: nowrap;
  pointer-events: auto;
  display: flex;
  align-items: center;
  background: linear-gradient(111deg, rgba(255, 255, 255, 0.5) -4.87%, rgba(255, 255, 255, 0) 103.95%);
  backdrop-filter: blur(6px);
}
@media (max-width: 768px) {
  .card__blog--picture-author_link {
    font-size: 10px;
  }
}
.card__blog--picture-author_link img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .card__blog--picture-author_link img {
    width: 24px;
    height: 24px;
  }
}
.card__blog--picture-author_link span {
  position: relative;
  z-index: 1;
}
.card__blog--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 768px) {
  .card__blog--title {
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.card__blog--excerpt {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 13px;
  line-height: 20px;
  margin: -4px 0 12px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card__blog--tags {
  padding-top: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-height: 34px;
  overflow: hidden;
}
.card__blog--tags-tag {
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  border-radius: 4px;
  padding: 2px 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
@media (max-width: 768px) {
  .card__blog--tags-tag {
    display: none;
  }
  .card__blog--tags-tag:first-child {
    display: block;
  }
}
.card__blog--details {
  position: relative;
  border-bottom: 1px solid #eef0f1;
  padding-bottom: 12px;
  margin-top: auto;
}
.card__blog--details-more {
  bottom: 10px;
  right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  position: absolute;
  display: flex;
  align-items: center;
  color: var(--accent-color-anzac-80, #b08f42);
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  gap: 2px;
  transition: 0.3s ease-out;
  pointer-events: none;
  opacity: 0;
}
.card__blog--details-more .icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 768px) {
  .card__blog--details-more {
    display: none;
  }
}
.card__blog--details ul {
  list-style: none;
  padding: 0;
  gap: 8px;
  display: flex;
  flex-direction: column;
  transition: 0.3s ease-out;
}
.card__blog--details ul li {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.card__blog--details ul li .icon {
  width: 18px;
  height: 18px;
  color: #c4c6cf;
  transform: translateY(-2px);
}
.card__blog:hover .card__blog--tags-tag {
  background: var(--primary-colors-bunker-80, #2d3038);
  color: var(--White, #fff);
}
.card__blog:hover .card__blog--details-more {
  opacity: 1;
  pointer-events: unset;
}
.card__blog:hover .card__blog--picture > a img {
  transform: scale(1.05);
}
.card__blog:hover ul {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 768px) {
  .card__blog:hover ul {
    opacity: 1;
    pointer-events: unset;
  }
}
.card .videoPlayerCard {
  position: relative;
}
.card .loaderWrapper {
  z-index: 2;
}

button {
  transition: all 0.3s;
  cursor: pointer;
  border: none;
  padding: 0;
}

.primary-button {
  height: 56px;
  border-radius: 8px;
  padding: 16px 32px;
  align-items: center;
  display: inline-flex;
  background: var(--accent-color-purple-100, #7e57c5);
  gap: 8px;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: var(--font-weight-700);
  letter-spacing: -0.5px;
  line-height: 24px;
}
.primary-button:disabled {
  cursor: not-allowed;
}
.primary-button--small {
  gap: 4px;
  border-radius: 4px;
  padding: 8px 16px;
  letter-spacing: normal;
  font-size: 14px;
  font-weight: var(--font-weight-600);
  height: 40px;
}
.primary-button--medium {
  gap: 4px;
  border-radius: 4px;
  padding: 8px 16px;
  height: 48px;
}
.primary-button--cancel {
  background: transparent;
  border: 2px solid var(--primary-colors-bunker-80, #2d3038);
  color: var(--primary-colors-bunker-80, #2d3038);
}
.primary-button--cancel:hover {
  background: var(--primary-colors-bunker-80, #2d3038);
  color: var(--White, #fff);
}
.primary-button--cancel:active {
  background: var(--primary-colors-bunker-80, #2d3038);
  color: var(--White, #fff);
}
.primary-button--border {
  background: transparent;
  border: 2px solid var(--Primary-Colors-Bunker, #8d9199);
  color: var(--Primary-Colors-Bunker, #8d9199);
}
.primary-button--border:hover {
  background: var(--Primary-Colors-Bunker, #8d9199);
  color: var(--White, #fff);
}
.primary-button--border:active {
  background: var(--Primary-Colors-Bunker, #8d9199);
  color: var(--White, #fff);
}
.primary-button--border:disabled {
  color: #EEF0F1 !important;
  border-color: #EEF0F1 !important;
  background: transparent !important;
}
.primary-button--border.primary-button--dark {
  border-color: var(--primary-colors-bunker-80, #2d3038);
  color: var(--primary-colors-bunker-80, #2d3038);
  background: transparent !important;
}
.primary-button--border.primary-button--dark:hover {
  border-color: var(--primary-colors-bunker-60, #43474e);
  color: var(--primary-colors-bunker-60, #43474e);
}
.primary-button--border.primary-button--dark:active {
  border-color: var(--primary-colors-bunker-100, #181c22) !important;
  color: var(--primary-colors-bunker-100, #181c22) !important;
}
.primary-button--dark {
  background: var(--primary-colors-bunker-80, #2d3038);
  color: var(--White, #fff);
}
.primary-button--dark:hover {
  background: var(--primary-colors-bunker-60, #43474e);
}
.primary-button--dark:active {
  background: var(--primary-colors-bunker-100, #181c22);
}
.primary-button--dark:disabled {
  background: #EEF0F1;
  color: #C4C6CF;
}
.primary-button--pale {
  background: var(--primary-colors-aluminium-100, #a8abb4);
  color: var(--White, #fff);
}
.primary-button--pale:hover {
  background: var(--primary-colors-bunker-60, #43474e);
}
.primary-button--pale:active {
  background: var(--primary-colors-bunker-100, #181c22);
}
.primary-button--success {
  background: var(--alert-color-success-100, #57c56b);
  color: var(--White, #fff);
}
.primary-button--success:hover {
  background: var(--alert-color-success-100, #57c56b);
}
.primary-button--success:active {
  background: var(--alert-color-success-100, #57c56b);
}
.primary-button--error {
  background: #DC4040;
  color: var(--White, #fff);
}
.primary-button--error:hover {
  background: #c03232;
}
.primary-button--error:active {
  background: #a72626;
}
.primary-button--black {
  background: var(--primary-colors-bunker-100, #181c22);
  color: var(--White, #fff);
}
.primary-button--black:hover {
  background: var(--primary-colors-bunker-80, #2d3038);
}
.primary-button--black:active {
  background: var(--primary-colors-bunker-100, #181c22);
}
.primary-button:hover:not(:is(.primary-button--dark, .primary-button--cancel, .primary-button--border, .primary-button--black, .primary-button--pale, .primary-button--success, .primary-button--error)) {
  background: var(--accent-color-purple-80, #967cd6);
}
.primary-button:active:not(:is(.primary-button--dark, .primary-button--cancel, .primary-button--border, .primary-button--black, .primary-button--pale, .primary-button--success, .primary-button--error)) {
  background: var(--Accent-Color-Purple, #614097);
}
.primary-button .loaderWrapper .loader {
  width: 32px;
  height: 32px;
}
.primary-button .loaderWrapper .loader:after {
  width: 12px;
  height: 12px;
}

.radio {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 16px;
  line-height: 32px;
  gap: 8px;
}
@media (max-width: 768px) {
  .radio {
    font-size: 12px;
    line-height: 24px;
  }
}
.radio input {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
}
.radio span {
  transform: translateY(7px);
  background: #fff;
  border-radius: 50%;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  height: 18px;
  width: 18px;
  min-width: 18px;
}
@media (max-width: 768px) {
  .radio span {
    transform: translateY(3px);
  }
}
.radio span:before {
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s;
  background-color: var(--accent-color-anzac-60, #c0a452);
}
.radio:has(input:checked) span:before {
  opacity: 1;
}

.checkbox {
  position: relative;
  overflow: hidden;
}
.checkbox input {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
}
.checkbox input:checked ~ .checkbox__over .icon {
  border-color: var(--primary-colors-bunker-60, #43474e);
}
.checkbox input:checked ~ .checkbox__over .icon svg {
  opacity: 1;
}
.checkbox input:checked ~ .checkbox__over .checkbox__over--extra-color:before {
  opacity: 1;
}
.checkbox__over {
  display: flex;
  gap: 8px;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 768px) {
  .checkbox__over {
    gap: 6px;
  }
}
.checkbox__over .icon {
  transition: all 0.3s;
  width: 24px;
  min-width: 24px;
  border-radius: 4px;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  height: 24px;
  color: #c0a452;
}
@media (max-width: 768px) {
  .checkbox__over .icon {
    width: 16px;
    height: 16px;
    min-width: 16px;
  }
}
.checkbox__over .icon svg {
  transition: all 0.3s;
  opacity: 0;
}
@media (max-width: 768px) {
  .checkbox__over .icon svg {
    width: 12px;
    height: 12px;
  }
}
.checkbox__over--label {
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .checkbox__over--label {
    font-size: 10px;
    line-height: 16px;
  }
}
.checkbox__over--extra {
  margin-right: auto;
}
.checkbox__over--extra-color {
  position: relative;
  margin: 4px auto 4px 3px;
  display: block;
}
.checkbox__over--extra-color:before {
  content: "";
  position: absolute;
  left: -3px;
  top: -3px;
  width: 30px;
  height: 30px;
  display: block;
  background-color: #fff;
  border: 1px solid #2d3038;
  border-radius: 50%;
  z-index: 0;
  transition: all 0.3s;
  opacity: 0;
}
.checkbox__over--extra-color span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: block;
  position: relative;
  z-index: 1;
}

#quantity-control {
  display: flex;
  align-items: center;
  gap: 2px;
}
#quantity-control button {
  background: transparent;
  height: 28px;
}
#quantity-control button .icon {
  transition: all 0.3s;
  color: #43474e;
  width: 18px;
  height: 18px;
}
#quantity-control button:disabled {
  cursor: not-allowed;
}
#quantity-control button:disabled .icon {
  color: #c7c7c8;
}
#quantity-control input {
  width: 40px;
  min-width: 40px;
  border: none;
  text-align: center;
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
  color: var(--primary-colors-bunker-60, #43474e);
}

.quantity-controls {
  display: flex;
  align-items: center;
  gap: 2px;
}
.quantity-controls input {
  padding: 0;
}
.quantity-controls button {
  height: 28px;
  background: transparent;
}
@media (max-width: 768px) {
  .quantity-controls button {
    height: 22px;
  }
}
.quantity-controls button:disabled {
  cursor: not-allowed;
}
.quantity-controls button:disabled .icon {
  color: #c7c7c8;
}
.quantity-controls--plus .icon {
  transition: all 0.3s;
  color: #43474e;
  width: 18px;
  height: 18px;
}
@media (max-width: 768px) {
  .quantity-controls--plus .icon {
    width: 16px;
    height: 16px;
  }
}
.quantity-controls--minus .icon {
  transition: all 0.3s;
  color: #43474e;
  width: 18px;
  height: 18px;
}
@media (max-width: 768px) {
  .quantity-controls--minus .icon {
    width: 16px;
    height: 16px;
  }
}
.quantity-controls--minus .icon svg:last-child {
  color: #dc4040;
  display: none;
}
.quantity-controls--minus-remove .icon svg:first-child {
  display: none;
}
.quantity-controls--minus-remove .icon svg:last-child {
  display: block;
}
.quantity-controls input {
  width: 40px;
  min-width: 40px;
  border: none;
  text-align: center;
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
  color: var(--primary-colors-bunker-60, #43474e);
}
@media (max-width: 768px) {
  .quantity-controls input {
    font-size: 14px;
    line-height: 22px;
  }
}

.form-group {
  position: relative;
  margin-bottom: 16px;
}
.form-group label {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  display: block;
}
.form-group textarea {
  color: var(--primary-colors-bunker-60, #43474e);
  border-radius: 8px;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 104px;
  min-height: 56px;
  padding: 16px;
  font-size: 14px;
  font-weight: var(--font-weight-400);
}
.form-group textarea::-moz-placeholder {
  color: var(--primary-colors-aluminium-60, #e0e2e5);
  opacity: 1;
}
.form-group textarea::placeholder {
  color: var(--primary-colors-aluminium-60, #e0e2e5);
  opacity: 1;
}
.form-group textarea:-ms-input-placeholder {
  color: var(--primary-colors-aluminium-60, #e0e2e5);
}
.form-group textarea::-ms-input-placeholder {
  color: var(--primary-colors-aluminium-60, #e0e2e5);
}
.form-group textarea {
  transition: 0.3s ease-out;
  display: block;
}
.form-group textarea:focus {
  border-color: var(--primary-colors-bunker-60, #43474e);
}
.form-group textarea.error {
  color: var(--alert-color-error-100, #dc4040);
  border-color: var(--alert-color-error-100, #dc4040);
}
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password] {
  color: var(--primary-colors-bunker-60, #43474e);
  height: 48px;
  width: 100%;
  transition: 0.3s ease-out;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  padding: 12px;
  font-size: 14px;
  font-weight: var(--font-weight-400);
}
.form-group input[type=text]::-moz-placeholder, .form-group input[type=email]::-moz-placeholder, .form-group input[type=password]::-moz-placeholder {
  color: var(--primary-colors-aluminium-60, #e0e2e5);
  opacity: 1;
}
.form-group input[type=text]::placeholder,
.form-group input[type=email]::placeholder,
.form-group input[type=password]::placeholder {
  color: var(--primary-colors-aluminium-60, #e0e2e5);
  opacity: 1;
}
.form-group input[type=text]:-ms-input-placeholder,
.form-group input[type=email]:-ms-input-placeholder,
.form-group input[type=password]:-ms-input-placeholder {
  color: var(--primary-colors-aluminium-60, #e0e2e5);
}
.form-group input[type=text]::-ms-input-placeholder,
.form-group input[type=email]::-ms-input-placeholder,
.form-group input[type=password]::-ms-input-placeholder {
  color: var(--primary-colors-aluminium-60, #e0e2e5);
}
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password] {
  display: block;
}
.form-group input[type=text]:focus,
.form-group input[type=email]:focus,
.form-group input[type=password]:focus {
  border-color: var(--primary-colors-bunker-60, #43474e);
}
.form-group input[type=text].error,
.form-group input[type=email].error,
.form-group input[type=password].error {
  color: var(--alert-color-error-100, #dc4040);
  border-color: var(--alert-color-error-100, #dc4040);
}
.form-group .input-with-timer {
  position: relative;
}
.form-group .input-with-timer input[type=text],
.form-group .input-with-timer input[type=email],
.form-group .input-with-timer input[type=password] {
  padding-left: 48px;
}
.form-group .input-with-icon {
  position: relative;
}
.form-group .input-with-icon svg {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: #8d9199;
  right: 12px;
}
.form-group .input-with-icon input[type=text],
.form-group .input-with-icon input[type=email],
.form-group .input-with-icon input[type=password] {
  padding-right: 36px;
}
.form-group .input-with-icon--left input[type=text],
.form-group .input-with-icon--left input[type=email],
.form-group .input-with-icon--left input[type=password] {
  padding-right: 12px;
  padding-left: 36px;
}
.form-group .input-with-icon--left svg {
  right: unset;
  left: 12px;
}
.form-group__message {
  margin-top: 8px;
  margin-bottom: 0;
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 12px;
  line-height: 24px;
}
.form-group span.error {
  margin-top: 8px;
  color: var(--alert-color-error-100, #dc4040);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  display: block;
}
@media (max-width: 768px) {
  .form-group span.error {
    font-size: 12px;
  }
}
.form-group span.error.active {
  display: block !important;
}
.form-group span.success {
  margin-top: 8px;
  color: var(--alert-color-success-100, #2e9e62);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  display: block;
}
@media (max-width: 768px) {
  .form-group span.success {
    font-size: 12px;
  }
}
.form-group span.success.active {
  display: block !important;
}
.form-group .form-group__label {
  display: flex;
  align-items: center;
}
.form-group .form-group__label .error {
  margin-right: auto;
  margin-top: 0;
}

.toggle {
  position: relative;
  overflow: hidden;
}
.toggle input {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
}
.toggle input:checked ~ .toggle__over .toggle__over--icon {
  border-color: #b08f42;
}
.toggle input:checked ~ .toggle__over .toggle__over--icon:before {
  background-color: #b08f42;
  transform: translateY(-50%) translateX(10px);
}
.toggle__over {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.toggle__over--label {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 28px;
}
@media (max-width: 768px) {
  .toggle__over--label {
    font-size: 14px;
    line-height: 22px;
  }
}
.toggle__over--icon {
  width: 32px;
  height: 20px;
  border-radius: 16px;
  background: #fff;
  border: 2px solid #e0d6a8;
  transition: 0.3s ease-out;
  position: relative;
}
.toggle__over--icon:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  display: block;
  background-color: #e0d6a8;
  border-radius: 50%;
  transition: 0.3s ease-out;
}

.toggle-sides {
  position: relative;
  display: flex;
  width: 302px;
}
.toggle-sides--side {
  transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out, font-size 0.3s ease-out;
  border-radius: 0 8px 8px 0;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  background: var(--White, #fff);
  height: 48px;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
  flex: 0 0 50%;
  max-width: 50%;
  text-align: center;
  position: relative;
}
.toggle-sides--side input {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block;
  z-index: 1;
  opacity: 0;
}
.toggle-sides--side:first-child {
  border-left: none;
}
.toggle-sides--side:last-child {
  border-radius: 8px 0 0 8px;
  border-right: none;
}
.toggle-sides--side:has(input:checked) {
  font-size: 16px;
  line-height: 28px;
  background: var(--accent-color-anzac-10, #efead2);
  border-color: var(--accent-color-anzac-10, #efead2);
  color: var(--accent-color-anzac-100, #977337);
}

select {
  height: 56px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  padding-left: 16px;
  padding-right: 16px;
}

.range-slider-container {
  position: relative;
  min-height: 40px;
}
.range-slider-container .range-track {
  position: relative;
  transform: translateY(-10px);
  pointer-events: none;
}
@media (max-width: 768px) {
  .range-slider-container .range-track {
    transform: translateY(-12px);
  }
}
.range-slider-container .range-track .range-dot {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--primary-colors-bunker-80, #2d3038);
  transform: translateX(50%);
}
@media (max-width: 768px) {
  .range-slider-container .range-track .range-dot {
    width: 8px;
    height: 8px;
  }
}
.range-slider-container .range-track .range-dot:first-child {
  transform: translateX(0);
}
.range-slider-container .range-track .range-dot:last-child {
  transform: translateX(100%);
}
.range-slider-container .range-label {
  pointer-events: none;
  font-size: 14px;
  position: absolute;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 22px;
  color: var(--primary-colors-bunker-80, #2d3038);
  transform: translateX(50%);
}
@media (max-width: 768px) {
  .range-slider-container .range-label {
    font-size: 12px;
    line-height: 18px;
  }
  .range-slider-container .range-label.active {
    opacity: 0;
  }
}
.range-slider-container .range-label:first-child {
  transform: translateX(0);
}
.range-slider-container .range-label:last-child {
  transform: translateX(100%);
}
.range-slider-container .range-tooltip {
  position: absolute;
  border-radius: 8px;
  background: var(--accent-color-anzac-100, linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #977337);
  top: -8px;
  padding: 8px;
  white-space: nowrap;
  color: var(--White, #fff);
  font-size: 12px;
  line-height: 24px;
  transition: opacity 0.6s;
  pointer-events: none;
  text-align: center;
  font-weight: 600;
  min-width: 52px;
  transform: translateX(50%) translateY(-100%);
}
@media (max-width: 768px) {
  .range-slider-container .range-tooltip {
    top: unset;
    padding: 0;
    font-size: 12px;
    line-height: 18px;
    background-color: #fff;
    color: var(--accent-color-anzac-100, #977337);
    z-index: 1;
    bottom: -8px;
    min-width: 40px;
    transform: translateX(50%) translateY(0);
    bottom: -2px;
    opacity: 1 !important;
  }
}
.range-slider-container .range-tooltip:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  bottom: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #977337;
}
@media (max-width: 768px) {
  .range-slider-container .range-tooltip:after {
    display: none;
  }
}

.range-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 1px;
  background: #5b5e66;
  cursor: pointer;
}
.range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background: #2d3038;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .range-slider::-webkit-slider-thumb {
    width: 12px;
    height: 12px;
    background: var(--accent-color-anzac-100, linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #977337);
  }
}
.range-slider::-moz-range-thumb {
  cursor: pointer;
  background: #2d3038;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .range-slider::-moz-range-thumb {
    width: 12px;
    height: 12px;
    background: var(--accent-color-anzac-100, linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #977337);
  }
}

.website-form-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

#before__after--container {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#before__after--wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
#before__after--wrapper img {
  position: absolute;
  border-radius: 8px 8px 0px 0px;
  top: 0;
  left: 0;
}

#before__after--after {
  clip-path: inset(0 50% 0 0);
}

#before__after--slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  background: #ffffff;
  cursor: ew-resize;
  z-index: 1;
}
@media (max-width: 991px) {
  #before__after--slider {
    width: 2px;
  }
}
#before__after--slider:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  background: #b08f42;
  border-radius: 50%;
  z-index: 3;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  #before__after--slider:after {
    width: 22px;
    height: 22px;
  }
}
#before__after--slider:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background: rgba(192, 164, 82, 0.4);
  border-radius: 50%;
  z-index: 2;
}
@media (max-width: 991px) {
  #before__after--slider:before {
    width: 32px;
    height: 32px;
  }
}
#before__after--slider:hover:after {
  width: 50px;
  height: 50px;
}
@media (max-width: 991px) {
  #before__after--slider:hover:after {
    width: 22px;
    height: 22px;
  }
}

.video-card {
  position: relative;
  overflow: hidden;
  height: 460px;
  width: 100%;
  border-radius: 8px;
  margin-top: 0;
  transition: all 0.6s;
  transition-delay: 0.2s;
}
@media (max-width: 991px) {
  .video-card {
    height: 379px;
    border-radius: 6.096px;
  }
}
.video-card:before {
  pointer-events: none;
  transition: all 0.6s;
  transition-delay: 0.2s;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.video-card video {
  display: block;
}
.video-card__controls {
  position: absolute;
  display: flex;
  align-items: center;
  left: 16px;
  bottom: 16px;
  right: 16px;
  z-index: 1;
}
@media (max-width: 991px) {
  .video-card__controls {
    left: 12px;
    bottom: 12px;
    right: 12px;
  }
}
.video-card__controls--play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  margin-right: auto;
  background: radial-gradient(314.45% 139.15% at 3.59% 3.24%, rgba(156, 127, 209, 0.36) 0%, rgba(192, 164, 82, 0.36) 100%);
  backdrop-filter: blur(14.393913269px);
  border-radius: 50%;
}
@media (max-width: 991px) {
  .video-card__controls--play-btn {
    width: 32px;
    height: 32px;
  }
}
.video-card__controls--play-btn .icon {
  color: #ffffff;
  width: 24px;
  height: 24px;
}
@media (max-width: 991px) {
  .video-card__controls--play-btn .icon {
    width: 18px;
    height: 18px;
  }
}
.video-card__controls--progress-bar {
  display: none;
  border-radius: 40px;
  background: linear-gradient(90deg, rgba(182, 139, 167, 0.2) 0%, rgba(204, 163, 104, 0.2) 100%);
  backdrop-filter: blur(14px);
  position: relative;
  overflow: hidden;
  flex: 1;
  cursor: pointer;
  height: 24px;
  margin-left: 4px;
}
@media (max-width: 991px) {
  .video-card__controls--progress-bar {
    margin-left: 3px;
    height: 18px;
  }
}
.video-card__controls--progress-bar span {
  position: absolute;
  left: 0;
  height: 100%;
  width: 0;
  top: 0;
  display: block;
  background: linear-gradient(90deg, #b68ba7 0%, #cca368 100%);
  backdrop-filter: blur(14px);
}
.video-card__controls--time {
  display: none;
  position: absolute;
  right: 12px;
  bottom: 12px;
  color: #ffffff;
  font-size: 12px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .video-card__controls--time {
    font-size: 9.145px;
    line-height: 18.289px;
    bottom: 6px;
  }
}
.video-card__controls--fullscreen-btn {
  display: none;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  background: radial-gradient(314.45% 139.15% at 3.59% 3.24%, rgba(156, 127, 209, 0.36) 0%, rgba(192, 164, 82, 0.36) 100%);
  backdrop-filter: blur(14.393913269px);
  border-radius: 50%;
}
@media (max-width: 991px) {
  .video-card__controls--fullscreen-btn {
    width: 32px;
    height: 32px;
  }
}
.video-card__controls--fullscreen-btn .icon {
  color: #ffffff;
  width: 24px;
  height: 24px;
}
@media (max-width: 991px) {
  .video-card__controls--fullscreen-btn .icon {
    width: 18px;
    height: 18px;
  }
}
.video-card.video-playing .video-card__controls--play-btn {
  display: none;
}
.video-card.video-playing .video-card__controls--progress-bar {
  display: flex;
}
.video-card.video-playing .video-card__controls--time {
  display: flex;
}
.video-card.video-playing .video-card__controls--fullscreen-btn {
  display: flex;
}

.modal {
  --modal-backdrop-bg: #00000099;
  --modal-enter-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --modal-exit-ease: cubic-bezier(0.4, 0, 0.2, 1);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20000;
  overflow: hidden;
  background-color: rgba(24, 28, 34, 0);
  justify-content: center;
  align-items: center;
  transition: opacity 0.28s var(--modal-exit-ease), background-color 0.34s var(--modal-exit-ease), visibility 0s linear 0.36s;
  flex-direction: column;
  display: flex;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
}
.modal.active, .modal.is-closing {
  visibility: visible;
}
.modal.active {
  opacity: 1;
  background-color: var(--modal-backdrop-bg);
  pointer-events: auto;
  transition: opacity 0.28s ease, background-color 0.36s var(--modal-enter-ease), visibility 0s linear 0s;
}
.modal.active .modal-content {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
  transition: opacity 0.22s ease, transform 0.36s var(--modal-enter-ease), filter 0.3s ease;
}
.modal.is-closing .modal-content {
  opacity: 0;
  transform: translate3d(0, 18px, 0) scale(0.97);
  filter: blur(6px);
  transition: opacity 0.22s ease, transform 0.28s var(--modal-exit-ease), filter 0.24s ease;
}
@media (max-width: 768px) {
  .modal:not(#video-player-modal, #preview-images-modal) {
    flex-direction: unset;
    background-color: rgba(24, 28, 34, 0);
    backdrop-filter: blur(0px);
    align-items: flex-end;
    opacity: 1 !important;
  }
  .modal:not(#video-player-modal, #preview-images-modal) .modal-content {
    margin: unset;
    border-radius: 24px 24px 0px 0px;
    width: 100%;
    max-width: 100%;
    padding: 16px;
    box-shadow: 0px -16px 32px 0px rgba(0, 0, 0, 0.18);
    transition: opacity 0.22s ease, transform 0.36s var(--modal-enter-ease), filter 0.3s ease;
    opacity: 0;
    transform: translate3d(0, 104%, 0) scale(0.98) !important;
    filter: blur(6px);
  }
  .modal:not(#video-player-modal, #preview-images-modal).active {
    background-color: rgba(24, 28, 34, 0.34);
    backdrop-filter: blur(6px);
  }
  .modal:not(#video-player-modal, #preview-images-modal).active .modal-content {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: blur(0);
  }
  .modal:not(#video-player-modal, #preview-images-modal).is-closing .modal-content {
    opacity: 0;
    transform: translate3d(0, 104%, 0) scale(0.98) !important;
    filter: blur(5px);
    transition: opacity 0.2s ease, transform 0.3s var(--modal-exit-ease), filter 0.22s ease;
  }
}
.modal-content {
  margin: auto;
  width: 536px;
  max-width: 90%;
  border-radius: 16px;
  padding: 24px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  opacity: 0;
  transform: translate3d(0, 30px, 0) scale(0.94);
  filter: blur(8px);
  box-shadow: 0px 24px 64px rgba(24, 28, 34, 0.18);
  transition: opacity 0.22s ease, transform 0.3s var(--modal-exit-ease), filter 0.24s ease;
  will-change: opacity, transform, filter;
}
.modal-content.deactive {
  opacity: 0;
  transform: translate3d(0, 18px, 0) scale(0.97);
  filter: blur(6px);
}
@media (prefers-reduced-motion: reduce) {
  .modal,
  .modal .modal-content {
    transition-duration: 0.01ms !important;
  }
}
.modal__title {
  border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  padding-bottom: 16px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .modal__title {
    padding-bottom: 8px;
  }
}
.modal__title h4 {
  margin-bottom: 0;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
}
@media (max-width: 768px) {
  .modal__title h4 {
    font-size: 12px;
    line-height: 18px;
  }
}
.modal__title .icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  color: #c0a452;
  margin-left: 8px;
  position: relative;
}
@media (max-width: 768px) {
  .modal__title .icon {
    margin-left: 6px;
    width: 16px;
    height: 16px;
    min-width: 16px;
  }
}
.modal__title .icon:before {
  height: 16px;
  width: 16px;
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  bottom: -2px;
  border-radius: 50%;
  background-color: var(--accent-color-anzac-10, #efead2);
}
@media (max-width: 768px) {
  .modal__title .icon:before {
    width: 12px;
    height: 12px;
    bottom: -1px;
  }
}
.modal__title .icon svg {
  position: relative;
  z-index: 1;
}
.modal__content {
  padding-top: 16px;
  padding-bottom: 16px;
}
.modal__foot {
  margin-top: 24px;
  display: flex;
  gap: 24px;
}
@media (max-width: 768px) {
  .modal__foot {
    display: block;
    margin-top: 0;
  }
}
.modal__foot button {
  min-width: 0;
  flex: 1;
}
@media (max-width: 768px) {
  .modal__foot button {
    width: 100%;
    margin-bottom: 12px;
  }
  .modal__foot button:last-child {
    margin-bottom: 0;
  }
}

#upload-images-modal {
  background: rgba(0, 0, 0, 0.4);
  z-index: 2000000;
}
@media (max-width: 768px) {
  #upload-images-modal {
    background: transparent;
  }
}
#upload-images-modal .modal-content {
  background: var(--primary-colors-bunker-100, #181c22);
  border-radius: 8px;
  padding: 64px;
  width: 704px;
  box-shadow: 0px -12px 20px 0px rgba(0, 0, 0, 0.1607843137);
}
@media (max-width: 768px) {
  #upload-images-modal .modal-content {
    padding: 32px 16px;
    width: 100%;
    border-radius: 24px 24px 8px 8px;
  }
}
#upload-images-modal .modal__content {
  padding: 0;
}

#video-player-modal .modal-content {
  background: var(--primary-colors-bunker-100, #181c22);
  border-radius: 16px;
  padding: 0;
  width: 1062px;
}
@media (max-width: 1024px) {
  #video-player-modal .modal-content {
    border-radius: 4px;
    max-width: calc(100% - 32px);
  }
}
#video-player-modal .modal-content:before {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0.33%, rgba(0, 0, 0, 0) 19.91%);
  top: 0;
  right: 0;
}
#video-player-modal .modal__title {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  border: none;
  padding: 16px;
  justify-content: space-between;
}
#video-player-modal .modal__title h4 {
  color: var(--White, #fff);
}
#video-player-modal .modal__title .modal-close {
  background: transparent;
}
#video-player-modal .modal__title .icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  color: #ffffff;
  margin-left: 0;
}
#video-player-modal .modal__title .icon:before {
  display: none;
}
#video-player-modal .modal__content {
  padding: 0;
}
#video-player-modal .modal__content video {
  display: block;
  width: 100%;
}
#video-player-modal .modal__content .video-controls {
  position: absolute;
  right: 16px;
  left: 16px;
  bottom: 16px;
  border-radius: 50px;
  background: rgba(45, 45, 45, 0.2);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  z-index: 1;
  padding: 16px 24px;
  color: #ffffff;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  #video-player-modal .modal__content .video-controls {
    bottom: 8px;
    left: 4px;
    right: 4px;
    padding: 4px 4px 4px 12px;
  }
}
#video-player-modal .modal__content .video-controls button {
  cursor: pointer;
  background: transparent;
}
#video-player-modal .modal__content .video-controls__manage {
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
  align-items: center;
  gap: 40px;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  #video-player-modal .modal__content .video-controls__manage {
    margin-left: 0;
    margin-right: 4px;
    gap: 0;
  }
}
#video-player-modal .modal__content .video-controls__progress {
  flex-direction: row-reverse;
  margin-right: 80px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
@media (max-width: 768px) {
  #video-player-modal .modal__content .video-controls__progress {
    margin-right: 24px;
    gap: 2px;
  }
}
#video-player-modal .modal__content .video-controls--volume {
  margin-right: 4px;
  position: relative;
}
@media (max-width: 768px) {
  #video-player-modal .modal__content .video-controls--volume {
    display: none;
  }
}
#video-player-modal .modal__content .video-controls--volume:after {
  transition: all 0.4s;
  width: 1px;
  height: 26px;
  opacity: 0;
  background-color: #fff;
  position: absolute;
  content: "";
  display: block;
  transform: rotate(45deg);
  top: 0px;
  left: 12px;
}
#video-player-modal .modal__content .video-controls--volume .icon {
  transition: all 0.3s;
  width: 24px;
  height: 24px;
}
#video-player-modal .modal__content .video-controls--volume-muted .icon {
  opacity: 0.7;
}
#video-player-modal .modal__content .video-controls--volume-muted:after {
  opacity: 1;
}
#video-player-modal .modal__content .video-controls--volume-bar {
  transition: all 0.3s;
  background: var(--White, #fff);
  border-radius: 6.32px;
  width: 72px;
  height: 3.45px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 768px) {
  #video-player-modal .modal__content .video-controls--volume-bar {
    display: none;
  }
}
#video-player-modal .modal__content .video-controls--volume-bar span {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: block;
  border-radius: 6.32px;
  width: 0;
  background-color: #b08f42;
  transition: background-color 0.3s;
}
#video-player-modal .modal__content .video-controls--volume-bar-muted {
  opacity: 0.7;
  pointer-events: none;
}
#video-player-modal .modal__content .video-controls--volume-bar-muted span {
  background-color: var(--White, #fff);
}
@media (max-width: 768px) {
  #video-player-modal .modal__content .video-controls--backward {
    display: none;
  }
}
#video-player-modal .modal__content .video-controls--backward .icon {
  width: 24px;
  height: 24px;
}
#video-player-modal .modal__content .video-controls--play-pause .icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 768px) {
  #video-player-modal .modal__content .video-controls--play-pause .icon {
    width: 18px;
    height: 18px;
  }
}
#video-player-modal .modal__content .video-controls--play-pause .icon svg:last-child {
  display: none;
}
#video-player-modal .modal__content .video-controls--play-pause.active .icon svg:first-child {
  display: none;
}
#video-player-modal .modal__content .video-controls--play-pause.active .icon svg:last-child {
  display: block;
}
@media (max-width: 768px) {
  #video-player-modal .modal__content .video-controls--forward {
    display: none;
  }
}
#video-player-modal .modal__content .video-controls--forward .icon {
  width: 24px;
  height: 24px;
}
#video-player-modal .modal__content .video-controls--time {
  font-size: 12px;
  line-height: 24px;
  direction: ltr;
  text-align: center;
  min-width: 24px;
}
@media (max-width: 768px) {
  #video-player-modal .modal__content .video-controls--time {
    font-size: 8px;
    line-height: 10.643px;
    min-width: 18px;
  }
  #video-player-modal .modal__content .video-controls--time:first-child {
    padding-right: 8px;
  }
}
#video-player-modal .modal__content .video-controls--progress {
  background: var(--White, #fff);
  border-radius: 14px;
  flex: 1;
  height: 6px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 768px) {
  #video-player-modal .modal__content .video-controls--progress {
    height: 3px;
    border-radius: 6px;
  }
}
#video-player-modal .modal__content .video-controls--progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: block;
  border-radius: 14px;
  width: 0;
  background-color: #b08f42;
}
@media (max-width: 768px) {
  #video-player-modal .modal__content .video-controls--progress-bar {
    border-radius: 6px;
  }
}
#video-player-modal .modal__content .video-controls--progress-bar:after {
  width: 14px;
  height: 14px;
  position: absolute;
  content: "";
  background-color: #b08f42;
  border-radius: 50%;
  right: 0;
  top: 50%;
  transform: translateX(50%) translateY(-50%);
}
@media (max-width: 768px) {
  #video-player-modal .modal__content .video-controls--progress-bar:after {
    width: 6px;
    height: 6px;
  }
}
#video-player-modal .modal__content .video-controls--fullscreen {
  margin-left: auto;
}
#video-player-modal .modal__content .video-controls--fullscreen .icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 768px) {
  #video-player-modal .modal__content .video-controls--fullscreen .icon {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 768px) {
  #preview-images-modal {
    padding: 16px;
    overflow: hidden;
  }
}
#preview-images-modal .modal-content {
  padding: 16px 24px;
  min-height: 438px;
  width: 573px;
}
@media (max-width: 768px) {
  #preview-images-modal .modal-content {
    max-width: calc(100vw - 32px);
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    min-width: 0;
    padding: 16px;
    border-radius: 16px;
  }
  #preview-images-modal .modal-content .loaderWrapper {
    inset: 0;
  }
}
#preview-images-modal .modal-content .inside,
#preview-images-modal .modal-content .previewWrapper,
#preview-images-modal .modal-content .modal__content {
  max-width: 100%;
  min-width: 0;
}
#preview-images-modal .modal-content .modal__title {
  justify-content: space-between;
  border: 0;
}
@media (max-width: 768px) {
  #preview-images-modal .modal-content .modal__title {
    display: none;
  }
}
@media (max-width: 768px) {
  #preview-images-modal .modal-content .modal__title h4 {
    font-size: 16px;
    line-height: 28px;
  }
}
#preview-images-modal .modal-content .modal__title .modal-close {
  background: transparent;
}
#preview-images-modal .modal-content .modal__title .modal-close .icon {
  margin-left: 0;
}
@media (max-width: 768px) {
  #preview-images-modal .modal-content .modal__title .modal-close .icon {
    width: 24px;
    height: 24px;
  }
}
#preview-images-modal .modal-content .modal__title .modal-close .icon:before {
  content: none;
}
#preview-images-modal .modal-content .modal__title .modal-close .icon path {
  stroke: var(--Primary-Colors-Bunker, #8d9199);
}
#preview-images-modal .modal-content .modal__content {
  padding: 0;
}
#preview-images-modal .modal-content .modal__content .comment {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 0;
  margin-bottom: 24px;
  padding-bottom: 0;
  min-width: 0;
  width: 100%;
}
@media (max-width: 991px) {
  #preview-images-modal .modal-content .modal__content .comment {
    flex-direction: row;
    border-bottom: 1px solid #EEF0F1;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
#preview-images-modal .modal-content .modal__content .comment__slider {
  flex: 0 0 50%;
  max-width: 50%;
  border-radius: 4px;
  overflow: hidden;
  min-width: 0;
}
@media (max-width: 991px) {
  #preview-images-modal .modal-content .modal__content .comment__slider {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#preview-images-modal .modal-content .modal__content .comment__slider .fakeSlider {
  aspect-ratio: 1;
  background: #F6F6F7;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 8px 35px;
  font-weight: var(--font-weight-700);
  font-size: 12px;
  line-height: 18px;
  color: #B1A2E3;
}
@media (max-width: 768px) {
  #preview-images-modal .modal-content .modal__content .comment__slider .fakeSlider {
    padding: 8px 12px;
  }
}
@media (max-width: 768px) {
  #preview-images-modal .modal-content .modal__content .comment__slider .fakeSlider svg {
    width: 64px;
    height: auto;
  }
}
#preview-images-modal .modal-content .modal__content .comment__slider .fakeSlider p {
  opacity: 0.7;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #preview-images-modal .modal-content .modal__content .comment__slider .home-blog--slider-slide img {
    min-height: auto;
  }
}
#preview-images-modal .modal-content .modal__content .comment__slider .splide__controls {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px 4px;
  position: absolute;
}
@media (max-width: 768px) {
  #preview-images-modal .modal-content .modal__content .comment__slider .splide__controls {
    padding: 12px 20px;
  }
}
#preview-images-modal .modal-content .modal__content .comment__slider .splide__controls .splide__controls--prev, #preview-images-modal .modal-content .modal__content .comment__slider .splide__controls .splide__controls--next {
  transform: none;
}
#preview-images-modal .modal-content .modal__content .comment__slider .splide__controls .splide__controls--pagination {
  flex: 1;
}
#preview-images-modal .modal-content .modal__content .comment__slider .splide__controls .splide__controls--pagination .splide__controls--pagination-current,
#preview-images-modal .modal-content .modal__content .comment__slider .splide__controls .splide__controls--pagination .splide__controls--pagination-total {
  color: #fff;
  font-weight: var(--font-weight-400);
}
#preview-images-modal .modal-content .modal__content .comment__slider .splide__controls .splide__controls--pagination:before {
  flex: 1;
  width: auto;
}
#preview-images-modal .modal-content .modal__content .comment__slider #preview-comment-slider {
  max-width: 100%;
  min-width: 0;
}
#preview-images-modal .modal-content .modal__content .comment__slider #preview-comment-slider .splide__track,
#preview-images-modal .modal-content .modal__content .comment__slider #preview-comment-slider .splide__list {
  max-width: 100%;
  min-width: 0;
}
#preview-images-modal .modal-content .modal__content .comment__slider #preview-comment-slider:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 46px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 100%);
  pointer-events: none;
}
#preview-images-modal .modal-content .modal__content .comment__slider .home-blog--slider-slide {
  width: 100%;
  height: 100%;
}
#preview-images-modal .modal-content .modal__content .comment .comment__description--info {
  order: 0;
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 16px;
  min-width: 0;
}
#preview-images-modal .modal-content .modal__content .comment .comment__description--info .comment__description--foot-date {
  display: none;
}
@media (max-width: 991px) {
  #preview-images-modal .modal-content .modal__content .comment .comment__description--info {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-right: 0;
    order: 3;
    position: relative;
    margin-top: 0;
  }
  #preview-images-modal .modal-content .modal__content .comment .comment__description--info .comment__description--foot-date {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
  }
  #preview-images-modal .modal-content .modal__content .comment .comment__description--info .accordion-title {
    color: #5B5E66;
  }
  #preview-images-modal .modal-content .modal__content .comment .comment__description--info .accordion-title.active {
    margin-bottom: 8px;
    margin-top: 0;
  }
  #preview-images-modal .modal-content .modal__content .comment .comment__description--info .accordion-title .icon {
    color: #5B5E66;
  }
}
@media (max-width: 991px) {
  #preview-images-modal .modal-content .modal__content .comment .comment__description--info .accordion-content {
    display: grid;
    order: 1;
  }
}
#preview-images-modal .modal-content .modal__content .comment .comment__head {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  flex: 0 0 100%;
  padding-left: 0;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  #preview-images-modal .modal-content .modal__content .comment .comment__head {
    margin-bottom: 8px;
  }
}
#preview-images-modal .modal-content .modal__content .comment .comment__head h4 {
  display: none;
}
@media (max-width: 991px) {
  #preview-images-modal .modal-content .modal__content .comment .comment__head h4 {
    display: block;
    margin-bottom: 0;
  }
}
#preview-images-modal .modal-content .modal__content .comment .comment__head .comment__description--foot-date {
  position: static;
}
@media (max-width: 991px) {
  #preview-images-modal .modal-content .modal__content .comment .comment__head .comment__description--foot-date {
    display: none;
  }
}
@media (max-width: 991px) {
  #preview-images-modal .modal-content .modal__content .comment .comment__head .comment__head--rate {
    margin-right: 0;
  }
}
#preview-images-modal .modal-content .modal__content .comment .comment__description--main {
  margin: 0;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
#preview-images-modal .modal-content .modal__content .comment .comment__description--main p {
  font-size: 14px;
  overflow-wrap: anywhere;
}
@media (max-width: 991px) {
  #preview-images-modal .modal-content .modal__content .comment .comment__description--main p {
    margin-bottom: 12px;
  }
}
#preview-images-modal .modal-content .modal__content .nextPrevButton {
  display: flex;
  justify-content: space-between;
  min-width: 0;
  width: 100%;
}
#preview-images-modal .modal-content .modal__content .nextPrevButton button {
  background: none;
  color: var(--accent-color-anzac-60, #c0a452);
  line-height: 24px;
  font-size: 14px;
  font-weight: var(--font-weight-600);
}
#preview-images-modal .modal-content .modal__content .nextPrevButton button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

#marketing-dynamic-modal .d-none {
  display: none;
}
#marketing-dynamic-modal .modal__title {
  justify-content: space-between;
}
@media (max-width: 768px) {
  #marketing-dynamic-modal .modal__title {
    padding-bottom: 16px;
  }
}
@media (max-width: 768px) {
  #marketing-dynamic-modal .modal__title h4 {
    font-size: 16px;
    line-height: 28px;
  }
}
#marketing-dynamic-modal .modal__title .modal-close {
  background: transparent;
}
#marketing-dynamic-modal .modal__footer {
  margin-top: 16px;
}
#marketing-dynamic-modal .modal__footer a {
  width: 100%;
}

#remove-product-modal {
  z-index: 200000000000;
}
#remove-product-modal .modal-content .modal__content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #74777F;
}
@media (max-width: 768px) {
  #remove-product-modal .modal-content .modal__content p {
    font-size: 10px;
    line-height: 16px;
  }
}
@media (max-width: 768px) {
  #remove-product-modal .modal-content .modal__foot .primary-button {
    font-size: 12px;
    height: 36px;
  }
}

#product-variant-modal .modal-content {
  border-radius: 16px;
  padding: 24px;
  min-height: 433px;
}
#product-variant-modal .modal-content .modal__title {
  padding-bottom: 16px;
  margin-bottom: 24px;
}
#product-variant-modal .modal-content .modal__content {
  padding: 0;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main .product-variant-modal__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #2D3038;
  margin-bottom: 8px;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main .single-page__selections {
  margin-bottom: 0;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main .single-page__selections .single-page__selections--selection {
  margin-bottom: 8px;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main .single-page__selections .single-page__selections--selection h6 {
  color: #8D9199;
  font-size: 12px;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main .single-page__selections .single-page__selections--selection h6 span {
  color: #43474E;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main .single-page__selections .single-page__selections--selection-size ul {
  gap: 8px;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main .product-variant-modal__price {
  margin-bottom: 8px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 24px;
  min-height: 46px;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main .product-variant-modal__price .single-page__price-old {
  font-size: 12px;
  line-height: 24px;
  color: #8D9199;
  font-weight: 400;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main .product-variant-modal__price .single-page__price-current {
  font-size: 14px;
  line-height: 22px;
  color: #8D9199;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main .product-variant-modal__price .single-page__price-off {
  display: none;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main .product-variant-modal__image {
  flex: 0 0 auto;
  width: 95px;
  height: 95px;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main .product-variant-modal__image img {
  width: 100%;
  height: 100%;
}
#product-variant-modal .modal-content .modal__content .product-variant-modal__main .product-variant-modal__info {
  flex: 1;
}

.breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
}
@media (max-width: 768px) {
  .breadcrumb {
    margin-bottom: 24px;
  }
}
.breadcrumb-item {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  font-weight: var(--font-weight-400);
  line-height: 24px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.breadcrumb-item a {
  color: var(--primary-colors-aluminium-100, #a8abb4);
}
.breadcrumb-item a:hover {
  color: var(--primary-colors-bunker-60, #43474e);
}
.breadcrumb-item:after {
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
  color: #977337;
  background: url("/build/assets/breadcrumb-BcdwFgTd.svg") center no-repeat;
  display: block;
}
.breadcrumb-item.active {
  flex: 1;
  min-width: 0;
}
.breadcrumb-item.active:after {
  display: none;
}

.comments__sort {
  display: none;
  align-items: center;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  justify-content: center;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .comments__sort {
    display: flex;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.comments__sort ul {
  border: 2px solid var(--primary-colors-aluminium-40, #eef0f1);
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  display: flex;
  align-items: center;
  border-radius: 40px;
}
.comments__sort ul li {
  position: relative;
  overflow: hidden;
  padding: 8px 16px;
  height: 40px;
}
.comments__sort ul li:after {
  content: "";
  display: block;
  width: 2px;
  height: 32px;
  background: #eef0f1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.comments__sort ul li:last-child:after {
  display: none;
}
.comments__sort ul li span {
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 14px;
  display: block;
  transition: all 0.3s;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
.comments__sort ul li input {
  opacity: 0;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.comments__sort ul li input:checked ~ span {
  color: var(--primary-colors-bunker-80, #2d3038);
}
.comments__top {
  display: flex;
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  transition: 0.3s ease-out;
}
.comments__empty {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
  padding-top: 48px;
}
@media (max-width: 1200px) {
  .comments__empty {
    margin-bottom: 40px;
    padding-top: 24px;
  }
}
@media (max-width: 768px) {
  .comments__empty {
    margin-bottom: 32px;
    padding-top: 0;
  }
}
.comments__empty p {
  line-height: 24px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  margin-bottom: 0;
}
.comments__empty p:first-of-type {
  font-size: 14px;
  margin-bottom: 8px;
}
.comments__empty .icon {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  color: #5b5e66;
  margin-bottom: 16px;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
}
.comments__empty .icon svg {
  width: 60px;
  height: 60px;
}
.comments__empty:not([hidden]) ~ .comments__top {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.comments__form {
  flex: 0 0 calc(100% - 360px);
  max-width: calc(100% - 360px);
  padding-bottom: 24px;
  padding-top: 16px;
}
@media (max-width: 1200px) {
  .comments__form {
    flex: 0 0 calc(100% - 280px);
    max-width: calc(100% - 280px);
  }
}
@media (max-width: 768px) {
  .comments__form {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 20002;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .comments__form.active {
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
  }
  .comments__form.active .comments__form-in {
    transform: translateY(0);
  }
}
.comments__form--title {
  display: none;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-colors-bunker-60, #43474e);
  line-height: 18px;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  margin-bottom: 24px;
}
.comments__form--title .icon {
  position: relative;
  width: 16px;
  height: 16px;
  color: #c0a452;
}
.comments__form--title .icon:before {
  height: 12px;
  width: 12px;
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  bottom: -1 px;
  border-radius: 50%;
  background-color: var(--accent-color-anzac-10, #efead2);
}
.comments__form--title .icon svg {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .comments__form--title {
    display: flex;
  }
}
.comments__form-in {
  padding-left: 24px;
  border-left: 1px solid #eef0f1;
}
@media (max-width: 768px) {
  .comments__form-in {
    transition: all 0.4s ease-in-out;
    padding-left: 0;
    border-left: none;
    border-radius: 24px 24px 0px 0px;
    background: #fff;
    box-shadow: 0px -16px 32px 0px rgba(0, 0, 0, 0.18);
    padding: 32px 16px;
    width: 100%;
    transform: translateY(100%);
  }
  .comments__form-in.deactive {
    transform: translateY(100%) !important;
  }
}
.comments__form .form-groups {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media (max-width: 991px) {
  .comments__form .form-groups {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
.comments__form .form-group {
  flex: 0 0 332px;
  max-width: 332px;
}
@media (max-width: 1200px) {
  .comments__form .form-group {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media (max-width: 991px) {
  .comments__form .form-group {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}
@media (max-width: 768px) {
  .comments__form .form-group {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.comments__form .form-group:last-child {
  flex: 0 0 100%;
  max-width: 100%;
}
.comments__form .rating-group {
  margin-left: 40px;
  width: 30.346%;
}
@media (max-width: 1400px) {
  .comments__form .rating-group {
    margin-left: 16px;
  }
}
@media (max-width: 1024px) {
  .comments__form .rating-group {
    width: 28%;
  }
}
@media (max-width: 991px) {
  .comments__form .rating-group {
    margin-left: 0;
    margin-right: 24px;
    width: calc(50% - 12px);
    margin-bottom: 16px;
  }
  .comments__form .rating-group:first-of-type {
    margin-right: 0;
  }
  .comments__form .rating-group + .rating-group {
    margin-bottom: 24px;
  }
}
.comments__form--tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .comments__form--tools {
    padding-top: 8px;
  }
  .comments__form--tools .rating-group {
    width: 100%;
    margin-right: 0;
  }
  .comments__form--tools .rating-group label {
    margin-bottom: 8px;
  }
}
.comments__form--tools-upload {
  margin-right: auto;
  font-size: 14px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: var(--font-weight-600);
  line-height: 24px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .comments__form--tools-upload {
    margin-right: unset;
  }
}
@media (max-width: 768px) {
  .comments__form--tools-upload {
    width: 50%;
    min-width: 0;
    margin-right: 0;
    height: 40px;
    justify-content: center;
    order: 5;
  }
}
.comments__form--tools-upload .icon {
  color: #c0a452;
  margin-left: 4px;
}
.comments__form--tools-upload_edit {
  margin-right: auto;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 1400px) {
  .comments__form--tools-upload_edit {
    gap: 6px;
  }
}
@media (max-width: 1200px) {
  .comments__form--tools-upload_edit {
    gap: 3px;
  }
}
@media (max-width: 991px) {
  .comments__form--tools-upload_edit {
    margin-left: auto;
    margin-right: 0;
    gap: 8px;
  }
}
.comments__form--tools-upload_edit-items {
  position: relative;
  box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);
  width: 42px;
  height: 42px;
}
.comments__form--tools-upload_edit-items ul li {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
}
.comments__form--tools-upload_edit-items ul li:nth-child(2) {
  transform: translateX(-50%) translateY(-50%) rotate(-12.941deg);
}
.comments__form--tools-upload_edit-items ul li:nth-child(3) {
  transform: translateX(-50%) translateY(-50%) rotate(12.93deg);
}
.comments__form--tools-upload_edit-items .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 18px;
  color: #ffffff;
  z-index: 1;
}
.comments__form--tools-upload_edit-item {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  width: 100%;
  height: 100%;
}
.comments__form--tools-upload_edit-item:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.comments__form--tools .primary-button {
  width: 138px;
  margin-right: 24px;
}
@media (max-width: 1200px) {
  .comments__form--tools .primary-button {
    width: 112px;
    margin-right: 16px;
  }
}
@media (max-width: 768px) {
  .comments__form--tools .primary-button {
    margin-right: 0;
    width: 50%;
  }
}
.comments__form .guestPhoneNumber {
  display: none;
}
.comments__list {
  position: relative;
  min-height: 133px;
  overflow: hidden;
}
.comments__list.emptyCommentList {
  min-height: 0px;
}
@media (max-width: 991px) {
  .comments__list {
    padding-bottom: 0;
  }
}
.comments__more {
  border-top: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  padding-top: 24px;
  margin-top: 24px;
  padding-right: 240px;
}
@media (max-width: 1024px) {
  .comments__more {
    padding-right: 184px;
  }
}
@media (max-width: 991px) {
  .comments__more {
    padding-right: 0;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 32px;
  }
}
.comments__more--button {
  display: flex;
  background: transparent;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-anzac-60, #c0a452);
  font-weight: var(--font-weight-700);
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .comments__more--button {
    margin-right: 0;
    font-weight: var(--font-weight-600);
    font-size: 14px;
    letter-spacing: normal;
    line-height: 24px;
  }
}
.comments__more--button .icon {
  width: 24px;
  height: 24px;
  color: #c0a452;
}
@media (max-width: 991px) {
  .comments__more--button .icon {
    width: 16px;
    height: 16px;
  }
}
.comments__chart {
  flex: 0 0 360px;
  max-width: 360px;
  padding-right: 24px;
  padding-left: 24px;
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1200px) {
  .comments__chart {
    flex: 0 0 280px;
    max-width: 280px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .comments__chart {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 0;
  }
}
.comments__chart--register-comment {
  width: 100%;
  display: none;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  padding: 16px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin-top: 32px;
  gap: 16px;
}
.comments__chart--register-comment .primary-button {
  width: 100%;
  max-width: 312px;
}
.comments__chart--register-comment p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .comments__chart--register-comment {
    display: flex;
  }
}
.comments__chart--title {
  margin-bottom: 24px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 991px) {
  .comments__chart--title {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .comments__chart--title {
    margin-bottom: 24px;
  }
}
.comments__chart--title .icon {
  position: relative;
  top: -1px;
  transition: all 0.3s;
  color: #a8abb4;
}
.comments__chart--rates {
  margin-bottom: 4px;
  height: 224px;
  width: 100%;
  position: relative;
}
.comments__chart--rates-top {
  position: absolute;
  right: 50%;
  top: 0;
}
.comments__chart--rates-top .comment-graph {
  transform: translateX(70%) rotate(-29.991deg);
}
.comments__chart--rates-bottom {
  position: absolute;
  left: 48%;
  bottom: 32px;
}
.comments__chart--rates-bottom .comment-graph {
  transform: translateX(-70%) rotate(150.009deg) scaleX(-1) scaleY(1);
}
.comments__chart--rates-bottom .comment-graph:before {
  border-color: #efead2;
}
.comments__chart--rates-bottom .comment-graph--progress:after {
  border-color: #c0a452;
}
.comments__chart--rates-bottom .comment-graph--percent {
  transform: translateX(100%) translateY(100%) rotate(-29.991deg) scaleX(1) scaleY(-1);
}
.comments__chart--rates-bottom .comment-graph--line {
  border-color: var(--accent-color-anzac-100, #977337);
  background-color: var(--accent-color-anzac-100, #977337);
}
.comments__chart--help {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 991px) {
  .comments__chart--help {
    margin-top: 28px;
  }
}
@media (max-width: 768px) {
  .comments__chart--help {
    margin-top: 12px;
  }
}
.comments__chart--help > div {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 18px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: var(--font-weight-600);
}
.comments__chart--help > div span {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.comments .comment-reply-signup-alert {
  display: none;
}
@media (max-width: 768px) {
  .comments .comment-reply-signup-alert .alert {
    flex-direction: row;
    font-size: 12px;
  }
}

.comment {
  display: flex;
  position: relative;
}
@media (max-width: 991px) {
  .comment {
    flex-direction: column;
    padding-bottom: 72px;
  }
}
.comment__main {
  position: relative;
  flex: 0 0 calc(100% - 336px);
  max-width: calc(100% - 336px);
  display: flex;
  flex-direction: column;
  padding-left: 140px;
}
@media (max-width: 1200px) {
  .comment__main {
    padding-left: 96px;
    flex: 0 0 calc(100% - 280px);
    max-width: calc(100% - 280px);
  }
}
@media (max-width: 1024px) {
  .comment__main {
    padding-left: 48px;
  }
}
@media (max-width: 991px) {
  .comment__main {
    position: static;
    padding-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.comment__details {
  flex: 0 0 336px;
  max-width: 336px;
}
@media (max-width: 1200px) {
  .comment__details {
    flex: 0 0 280px;
    max-width: 280px;
  }
}
@media (max-width: 991px) {
  .comment__details {
    flex: unset;
    max-width: 344px;
    margin-top: 16px;
  }
}
.comment__details--detail {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .comment__details--detail {
    margin-bottom: 8px;
  }
}
.comment__details--detail:last-child {
  margin-bottom: 0;
}
.comment__details--detail strong {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: var(--font-weight-600);
  display: block;
}
@media (max-width: 991px) {
  .comment__details--detail strong {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.comment__details--detail ul {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}
@media (max-width: 991px) {
  .comment__details--detail ul {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
.comment__details--detail ul li {
  height: 8px;
  min-width: 0;
  flex: 1;
  border-radius: 2000px;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  transition: all 0.5s;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .comment__details--detail ul li {
    height: 6px;
  }
}
.comment__details--detail ul li.active {
  background: var(--primary-colors-aluminium-80, #c4c6cf);
}
.comment__head {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  padding-left: 80px;
  gap: 24px;
  min-height: 28px;
}
@media (max-width: 991px) {
  .comment__head {
    padding-left: 0;
    margin-bottom: 8px;
    gap: 16px;
    justify-content: space-between;
  }
}
.comment__head--rate {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .comment__head--rate {
    margin-right: auto;
  }
}
.comment__head--rate .icon {
  transform: translateY(-1px);
  margin-left: 4px;
  color: var(--accent-color-anzac-60, #c0a452);
}
@media (max-width: 768px) {
  .comment__head--rate .icon {
    width: 14px;
    height: 14px;
  }
}
.comment__head--title {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 216px;
  max-width: 216px;
}
@media (max-width: 1024px) {
  .comment__head--title {
    flex: 0 0 160px;
    max-width: 160px;
  }
}
@media (max-width: 991px) {
  .comment__head--title {
    flex: unset;
    max-width: unset;
  }
}
.comment__head--title-name {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
}
@media (max-width: 768px) {
  .comment__head--title-name {
    font-size: 14px;
    line-height: 22px;
  }
}
.comment__head--title-guest {
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  font-size: 12px;
  color: var(--accent-color-anzac-100, #977337);
  font-weight: var(--font-weight-600);
  line-height: 18px;
  padding: 4px 8px;
}
.comment__head--title-type {
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  font-size: 12px;
  color: var(--accent-color-anzac-100, #977337);
  font-weight: var(--font-weight-600);
  line-height: 18px;
  padding: 2px 8px;
}
.comment__description {
  display: flex;
  gap: 24px;
}
@media (max-width: 991px) {
  .comment__description {
    flex-direction: column;
    gap: 0;
  }
}
.comment__description--info {
  flex: 0 0 216px;
  max-width: 216px;
  order: -1;
}
.comment__description--info > .comment__head--title-guest {
  display: inline-block;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .comment__description--info > .comment__head--title-guest {
    margin-bottom: 8px;
  }
}
.comment__description--info ul li {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
}
.comment__description--info ul li span {
  color: var(--Primary-Colors-Bunker, #8d9199);
}
.comment__description--info ul li:last-child {
  margin-bottom: 0;
}
.comment__description--info .accordion-title {
  display: none;
  align-items: center;
  gap: 4px;
  background: transparent;
  cursor: pointer;
  color: var(--accent-color-anzac-60, #c0a452);
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}
.comment__description--info .accordion-title .icon {
  transition: all 0.3s;
  color: var(--accent-color-anzac-60, #c0a452);
}
.comment__description--info .accordion-title.active {
  margin-top: 8px;
}
.comment__description--info .accordion-title.active .icon {
  transform: rotate(180deg);
}
@media (max-width: 991px) {
  .comment__description--info .accordion-content {
    order: -1;
    display: grid;
    overflow: hidden;
    grid-template-rows: minmax(0, 0fr);
    transition: grid-template-rows 0.6s;
  }
  .comment__description--info .accordion-content.active {
    grid-template-rows: minmax(0, 1fr);
  }
}
@media (max-width: 1024px) {
  .comment__description--info {
    flex: 0 0 160px;
    max-width: 160px;
  }
}
@media (max-width: 991px) {
  .comment__description--info {
    flex: unset;
    max-width: unset;
    order: 1;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
    transition: 0.3s ease-out;
  }
  .comment__description--info .accordion-title {
    display: flex;
  }
}
.comment__description--reply {
  margin-top: 16px;
  background: rgba(240, 237, 250, 0.8);
  border-radius: 8px;
  padding: 16px;
}
.comment__description--reply-title {
  display: flex;
  align-items: center;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  gap: 4px;
  margin-bottom: 8px;
}
.comment__description--reply-title .icon {
  width: 14px;
  height: 18px;
  color: var(--accent-color-purple-100, #7e57c5);
}
.comment__description--reply-text {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .comment__description--reply-text {
    font-size: 12px;
  }
}
.comment__description--reply-text p {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .comment__description--reply-text p {
    font-size: 12px;
  }
}
.comment__description--main {
  flex: 0 0 calc(100% - 240px);
  max-width: calc(100% - 240px);
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .comment__description--main {
    flex: 0 0 calc(100% - 184px);
    max-width: calc(100% - 184px);
  }
}
@media (max-width: 991px) {
  .comment__description--main {
    margin-right: unset;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.comment__description--main p {
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .comment__description--main p {
    font-size: 12px;
  }
}
.comment__description--foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
}
@media (max-width: 991px) {
  .comment__description--foot {
    margin-top: 12px;
    gap: 0;
  }
}
.comment__description--foot-date {
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  position: absolute;
  top: 5px;
  left: 140px;
}
@media (max-width: 1200px) {
  .comment__description--foot-date {
    left: 96px;
  }
}
@media (max-width: 1024px) {
  .comment__description--foot-date {
    left: 48px;
  }
}
@media (max-width: 991px) {
  .comment__description--foot-date {
    position: static;
    margin-right: auto;
    line-height: 24px;
  }
}
.comment__description--foot-gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.comment__description--foot-gallery_more {
  position: relative;
}
.comment__description--foot-gallery_more:before {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: all 0.3s;
  display: block;
  border-radius: 4px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 1;
  pointer-events: none;
}
.comment__description--foot-gallery_more .comment__description--foot-gallery_item:before {
  display: none;
}
.comment__description--foot-gallery_item {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.comment__description--foot-gallery_item span {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  z-index: 1;
}
@media (max-width: 991px) {
  .comment__description--foot-gallery_item span {
    font-size: 12px;
    line-height: 18px;
  }
}
.comment__description--foot-gallery_item img {
  width: 48px;
  height: 48px;
}
@media (max-width: 991px) {
  .comment__description--foot-gallery_item img {
    width: 32px;
    height: 32px;
  }
}
.comment__description--foot-gallery_item:before {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: all 0.3s;
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  pointer-events: none;
}
.comment__description--foot-gallery_item:hover:before {
  opacity: 0;
}
.comment__description--foot-rates {
  margin-right: auto;
}
.comment__description--foot-rates button {
  background: none;
}
.comment__description--foot-rates strong {
  display: none;
  margin-left: 12px;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  line-height: 24px;
  font-size: 12px;
  font-weight: 400;
}
.comment__description--foot-rates ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 991px) {
  .comment__description--foot-rates ul {
    gap: 24px;
  }
}
.comment__description--foot-rates ul li {
  display: flex;
  align-items: center;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  gap: 8px;
}
.comment__description--foot-rates ul li .icon {
  width: 24px;
  height: 24px;
  transition: all 0.3s;
  color: #8d9199;
}
.comment__description--foot-rates ul li.active .icon {
  color: #c0a452;
}
@media (max-width: 991px) {
  .comment__description--foot-rates {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 24px;
    margin-right: unset;
  }
  .comment__description--foot-rates strong {
    display: block;
  }
}
.comment__description--foot-reply {
  padding: 16px;
  border-radius: 8px;
  margin-top: 16px;
}
.comment__description--foot-reply .adminReply {
  margin-bottom: 8px;
}
.comment__description--foot-reply .adminReply__stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.comment__description--foot-reply .adminReply__name {
  font-weight: var(--font-weight-600);
  font-size: 12px;
  line-height: 18px;
  display: flex;
  gap: 4px;
  align-items: center;
}
.comment__description--foot-reply.user {
  background: #F6F6F7;
}
.comment__description--foot-reply.user .adminReply__name {
  color: var(--primary-colors-bunker-80, #2d3038);
}
.comment__description--foot-reply.admin {
  background: rgba(240, 237, 250, 0.8);
}
.comment__description--foot-reply.admin .adminReply__name {
  color: var(--accent-color-purple-100, #7e57c5);
}
.comment__description--foot-reply.needApproved {
  position: relative;
}
.comment__description--foot-reply.needApproved p, .comment__description--foot-reply.needApproved .adminReply__name {
  opacity: 0.32;
}
.comment__description--foot-reply.needApproved:after {
  content: "دیدگاه شما در انتظار تایید ادمین است.";
  color: #7E57C5;
  font-weight: var(--font-weight-600);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  margin-top: 16px;
  background: url('data:image/svg+xml,<svg width="14" height="18" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9246 8.52322C12.5038 7.78726 13.5364 6.21319 13.5364 4.47576C13.5364 2.77816 12.5744 1.24622 11.0264 0.479092C10.4245 0.178361 9.77264 0.0173166 9.08485 0H3.33658V5.17708H4.15911V0.807529H8.84892C8.93129 0.805798 9.01542 0.805798 9.0925 0.807529C11.1229 0.871023 12.7133 2.48262 12.7133 4.47576C12.7133 6.42733 11.1588 8.0372 9.17428 8.14167L9.1631 8.14225C9.13662 8.14283 9.07367 8.14398 9.07132 8.14398C9.02425 8.14514 8.02168 8.14456 7.24329 8.14456C7.28035 8.11974 7.31683 8.09434 7.35272 8.06895C8.67653 7.13327 9.41315 5.62327 9.32372 4.0313L9.3049 3.67573L8.94129 3.64976C8.54238 3.62263 8.14289 3.64398 7.75398 3.71383C6.69905 3.90142 5.72885 4.44228 5.02341 5.2348C4.99576 5.26482 4.96987 5.29599 4.94398 5.32658C4.93045 5.34274 4.91633 5.3589 4.90338 5.37506C4.89632 5.38257 4.89044 5.39065 4.88397 5.39931C4.86279 5.42471 4.84219 5.45068 4.82572 5.47204C4.80277 5.50032 4.781 5.52918 4.76159 5.55747C4.7557 5.56439 4.751 5.57132 4.7457 5.57767L4.73805 5.58748C4.70922 5.62731 4.6804 5.66771 4.65157 5.70927C4.36092 6.13468 4.14558 6.59761 4.01143 7.0819C3.56428 5.58344 2.12103 4.49711 0.43009 4.57619L0.0964908 4.59178L0.0435384 4.91733C0.0147088 5.098 0 5.28155 0 5.46338C0 7.3861 1.59504 8.95036 3.55545 8.95036H8.97188V8.95325C10.0774 8.95325 11.1206 9.38443 11.9084 10.1671C12.6944 10.9481 13.1275 11.9785 13.1275 13.0688C13.1275 15.3431 11.263 17.193 8.97188 17.193H4.15852L4.14263 10.2555L3.32011 10.2583L3.33894 18H3.51544H9.03778C9.7697 17.9913 10.4734 17.8309 11.1294 17.5232C12.8733 16.7076 14 14.9592 14 13.0688C13.9994 11.0624 12.7815 9.28803 10.9246 8.52322ZM6.59903 7.59216L6.58962 7.59736C6.56608 7.61121 6.54373 7.62449 6.51725 7.63892C6.43547 7.68452 6.35251 7.72723 6.27014 7.76591C5.95596 7.9131 5.62236 8.01931 5.27758 8.08165C5.0746 8.11743 4.87161 8.13764 4.67333 8.14283C4.69863 7.54137 4.86926 6.95087 5.17167 6.42329C5.25522 6.27553 5.35406 6.12718 5.46526 5.98288C6.06363 5.20478 6.9291 4.68125 7.90225 4.50808C8.09994 4.47345 8.30233 4.45267 8.50649 4.44747C8.45472 5.69888 7.78987 6.8412 6.70435 7.52867C6.6714 7.54887 6.63669 7.57023 6.59903 7.59216ZM3.33188 8.06086C3.33188 8.08453 3.33129 8.10935 3.3307 8.13475C1.93335 8.02161 0.823114 6.85736 0.823114 5.46396C0.823114 5.43971 0.823703 5.41489 0.824291 5.38892C2.22164 5.50321 3.33188 6.66803 3.33188 8.06086Z" fill="%237E57C5"/></svg>') right center no-repeat;
  padding-right: 20px;
}
.comment__description--foot-reply.needApproved .comment__description--foot-rates {
  display: none !important;
}
.comment__description--foot-reply.needApproved .comment__description--foot-rates ul li .icon {
  pointer-events: none;
}
.comment__description--foot-reply p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #8D9199;
  margin-bottom: 0;
}
.comment.needApproved {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.comment.needApproved .comment__head, .comment.needApproved .comment__description--info, .comment.needApproved .comment__description--main p, .comment.needApproved .comment__description--main .comment__description--foot, .comment.needApproved .comment__details {
  opacity: 0.32;
}
.comment.needApproved .comment__description--foot {
  pointer-events: none;
}
.comment.needApproved .comment__description--main:after {
  content: "دیدگاه شما در انتظار تایید ادمین است.";
  color: #7E57C5;
  font-weight: var(--font-weight-600);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  margin-top: 16px;
  background: url('data:image/svg+xml,<svg width="14" height="18" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9246 8.52322C12.5038 7.78726 13.5364 6.21319 13.5364 4.47576C13.5364 2.77816 12.5744 1.24622 11.0264 0.479092C10.4245 0.178361 9.77264 0.0173166 9.08485 0H3.33658V5.17708H4.15911V0.807529H8.84892C8.93129 0.805798 9.01542 0.805798 9.0925 0.807529C11.1229 0.871023 12.7133 2.48262 12.7133 4.47576C12.7133 6.42733 11.1588 8.0372 9.17428 8.14167L9.1631 8.14225C9.13662 8.14283 9.07367 8.14398 9.07132 8.14398C9.02425 8.14514 8.02168 8.14456 7.24329 8.14456C7.28035 8.11974 7.31683 8.09434 7.35272 8.06895C8.67653 7.13327 9.41315 5.62327 9.32372 4.0313L9.3049 3.67573L8.94129 3.64976C8.54238 3.62263 8.14289 3.64398 7.75398 3.71383C6.69905 3.90142 5.72885 4.44228 5.02341 5.2348C4.99576 5.26482 4.96987 5.29599 4.94398 5.32658C4.93045 5.34274 4.91633 5.3589 4.90338 5.37506C4.89632 5.38257 4.89044 5.39065 4.88397 5.39931C4.86279 5.42471 4.84219 5.45068 4.82572 5.47204C4.80277 5.50032 4.781 5.52918 4.76159 5.55747C4.7557 5.56439 4.751 5.57132 4.7457 5.57767L4.73805 5.58748C4.70922 5.62731 4.6804 5.66771 4.65157 5.70927C4.36092 6.13468 4.14558 6.59761 4.01143 7.0819C3.56428 5.58344 2.12103 4.49711 0.43009 4.57619L0.0964908 4.59178L0.0435384 4.91733C0.0147088 5.098 0 5.28155 0 5.46338C0 7.3861 1.59504 8.95036 3.55545 8.95036H8.97188V8.95325C10.0774 8.95325 11.1206 9.38443 11.9084 10.1671C12.6944 10.9481 13.1275 11.9785 13.1275 13.0688C13.1275 15.3431 11.263 17.193 8.97188 17.193H4.15852L4.14263 10.2555L3.32011 10.2583L3.33894 18H3.51544H9.03778C9.7697 17.9913 10.4734 17.8309 11.1294 17.5232C12.8733 16.7076 14 14.9592 14 13.0688C13.9994 11.0624 12.7815 9.28803 10.9246 8.52322ZM6.59903 7.59216L6.58962 7.59736C6.56608 7.61121 6.54373 7.62449 6.51725 7.63892C6.43547 7.68452 6.35251 7.72723 6.27014 7.76591C5.95596 7.9131 5.62236 8.01931 5.27758 8.08165C5.0746 8.11743 4.87161 8.13764 4.67333 8.14283C4.69863 7.54137 4.86926 6.95087 5.17167 6.42329C5.25522 6.27553 5.35406 6.12718 5.46526 5.98288C6.06363 5.20478 6.9291 4.68125 7.90225 4.50808C8.09994 4.47345 8.30233 4.45267 8.50649 4.44747C8.45472 5.69888 7.78987 6.8412 6.70435 7.52867C6.6714 7.54887 6.63669 7.57023 6.59903 7.59216ZM3.33188 8.06086C3.33188 8.08453 3.33129 8.10935 3.3307 8.13475C1.93335 8.02161 0.823114 6.85736 0.823114 5.46396C0.823114 5.43971 0.823703 5.41489 0.824291 5.38892C2.22164 5.50321 3.33188 6.66803 3.33188 8.06086Z" fill="%237E57C5"/></svg>') right center no-repeat;
  padding-right: 20px;
}
.comment.needApproved .comment__description--foot-rates {
  display: none !important;
}
.comment.needApproved .comment__description--foot-rates ul li .icon {
  pointer-events: none;
}
.comment.needApproved:hover:after {
  opacity: 0;
  visibility: hidden;
}
.comment.needApproved:last-child:after {
  inset: -24px -32px -24px -32px;
}
.comment + .comment {
  border-top: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  padding-top: 24px;
  margin-top: 24px;
}

.questions {
  padding-top: 16px;
  display: flex;
  align-items: flex-start;
}
.questions:not(:has(.questions__side)) .questions__main {
  flex: 0 0 100%;
  max-width: 100%;
}
.questions__sort {
  display: none;
  align-items: center;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  justify-content: center;
  margin-bottom: 16px;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .questions__sort {
    display: flex;
  }
}
.questions__sort ul {
  border: 2px solid var(--primary-colors-aluminium-40, #eef0f1);
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  display: flex;
  align-items: center;
  border-radius: 40px;
}
.questions__sort ul li {
  position: relative;
  overflow: hidden;
  padding: 8px 16px;
  height: 40px;
}
.questions__sort ul li:after {
  content: "";
  display: block;
  width: 2px;
  height: 32px;
  background: #eef0f1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.questions__sort ul li:last-child:after {
  display: none;
}
.questions__sort ul li span {
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 14px;
  display: block;
  transition: all 0.3s;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
.questions__sort ul li input {
  opacity: 0;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.questions__sort ul li input:checked ~ span {
  color: var(--primary-colors-bunker-80, #2d3038);
}
@media (max-width: 768px) {
  .questions {
    flex-wrap: wrap;
    padding-top: 0;
  }
}
.questions__main {
  flex: 0 0 calc(100% - 380px);
  max-width: calc(100% - 380px);
}
@media (max-width: 1200px) {
  .questions__main {
    flex: 0 0 calc(100% - 305px);
    max-width: calc(100% - 305px);
  }
}
@media (max-width: 768px) {
  .questions__main {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.questions__main--register-question {
  width: 100%;
  display: none;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  padding: 16px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin-bottom: 8px;
  gap: 16px;
}
.questions__main--register-question .primary-button {
  width: 100%;
  max-width: 312px;
}
.questions__main--register-question p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .questions__main--register-question {
    display: flex;
  }
}
.questions__main--form {
  border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .questions__main--form {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 20000;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .questions__main--form.active {
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
  }
  .questions__main--form.active .questions__main--form-in {
    transform: translateY(0);
  }
}
.questions__main--form-in_title {
  display: none;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-colors-bunker-60, #43474e);
  line-height: 18px;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  margin-bottom: 24px;
}
.questions__main--form-in_title .icon {
  position: relative;
  width: 16px;
  height: 16px;
  color: #c0a452;
}
.questions__main--form-in_title .icon:before {
  height: 12px;
  width: 12px;
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  bottom: -1 px;
  border-radius: 50%;
  background-color: var(--accent-color-anzac-10, #efead2);
}
.questions__main--form-in_title .icon svg {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .questions__main--form-in_title {
    display: flex;
  }
}
@media (max-width: 768px) {
  .questions__main--form-in {
    transition: all 0.4s ease-in-out;
    padding-left: 0;
    border-left: none;
    border-radius: 24px 24px 0px 0px;
    background: #fff;
    box-shadow: 0px -16px 32px 0px rgba(0, 0, 0, 0.18);
    padding: 32px 16px;
    width: 100%;
    transform: translateY(100%);
  }
  .questions__main--form-in.deactive {
    transform: translateY(100%) !important;
  }
}
.questions__main--form-tools {
  display: flex;
  align-items: center;
}
.questions__main--form-tools .primary-button {
  width: 170px;
}
@media (max-width: 768px) {
  .questions__main--form-tools .primary-button {
    width: 100%;
  }
}
.questions__main--form .form-groups {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media (max-width: 991px) {
  .questions__main--form .form-groups {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
.questions__main--form .form-group {
  flex: 0 0 332px;
  max-width: 332px;
}
@media (max-width: 1200px) {
  .questions__main--form .form-group {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media (max-width: 991px) {
  .questions__main--form .form-group {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}
@media (max-width: 768px) {
  .questions__main--form .form-group {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.questions__main--form .form-group:last-child {
  flex: 0 0 100%;
  max-width: 100%;
}
.questions__list {
  border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.questions__side {
  flex: 0 0 380px;
  max-width: 380px;
  padding-right: 48px;
  padding-top: 8px;
}
@media (max-width: 1200px) {
  .questions__side {
    flex: 0 0 305px;
    max-width: 305px;
    padding-right: 24px;
  }
}
@media (max-width: 768px) {
  .questions__side {
    flex: unset;
    max-width: unset;
    padding-right: 0;
    padding-top: 0;
    margin-bottom: -16px;
  }
}
.questions__side h5 {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: var(--font-weight-600);
  line-height: 28px;
  font-size: 16px;
  margin-bottom: 0;
  letter-spacing: -0.5px;
}
.questions__more {
  display: flex;
  background: transparent;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-anzac-60, #c0a452);
  font-weight: var(--font-weight-700);
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -0.5px;
  margin-right: 320px;
}
@media (max-width: 1400px) {
  .questions__more {
    margin-right: 240px;
  }
}
@media (max-width: 991px) {
  .questions__more {
    margin-right: 0;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 32px;
  }
}
.questions__more .icon {
  width: 24px;
  height: 24px;
  color: #c0a452;
}
@media (max-width: 991px) {
  .questions__more .icon {
    width: 16px;
    height: 16px;
  }
}

.question-item {
  display: flex;
  padding-top: 24px;
  border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  padding-bottom: 24px;
}
@media (max-width: 991px) {
  .question-item {
    flex-direction: column;
  }
}
.question-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.question-item__info {
  flex: 0 0 320px;
  max-width: 320px;
  padding-left: 48px;
}
.question-item__info--details {
  display: flex;
  flex-direction: column;
  margin-right: auto;
}
.question-item__info--title {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
@media (max-width: 991px) {
  .question-item__info--title {
    margin-bottom: 0;
  }
}
.question-item__info--title-name {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
}
@media (max-width: 991px) {
  .question-item__info--title-name {
    font-size: 14px;
    line-height: 22px;
  }
}
.question-item__info--title-type {
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  font-size: 12px;
  color: var(--accent-color-anzac-100, #977337);
  font-weight: var(--font-weight-600);
  line-height: 18px;
  padding: 2px 8px;
}
.question-item__info ul li {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
}
.question-item__info ul li span {
  color: var(--Primary-Colors-Bunker, #8d9199);
}
.question-item__info .accordion-title {
  display: none;
  align-items: center;
  gap: 4px;
  background: transparent;
  cursor: pointer;
  color: var(--accent-color-anzac-60, #c0a452);
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  justify-content: flex-end;
}
.question-item__info .accordion-title .icon {
  transition: all 0.3s;
  color: var(--accent-color-anzac-60, #c0a452);
}
.question-item__info .accordion-title.active .icon {
  transform: rotate(180deg);
}
@media (max-width: 991px) {
  .question-item__info .accordion-content {
    order: -1;
    display: grid;
    overflow: hidden;
    grid-template-rows: minmax(0, 0fr);
    transition: grid-template-rows 0.6s;
  }
  .question-item__info .accordion-content.active {
    grid-template-rows: minmax(0, 1fr);
  }
}
@media (max-width: 1400px) {
  .question-item__info {
    flex: 0 0 240px;
    max-width: 240px;
    padding-left: 24px;
  }
}
@media (max-width: 991px) {
  .question-item__info {
    padding-left: 0;
    flex: unset;
    max-width: unset;
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
  }
  .question-item__info .accordion-title {
    display: flex;
  }
}
.question-item__details {
  flex: 0 0 calc(100% - 320px);
  max-width: calc(100% - 320px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1400px) {
  .question-item__details {
    flex: 0 0 calc(100% - 240px);
    max-width: calc(100% - 240px);
  }
}
@media (max-width: 991px) {
  .question-item__details {
    padding-left: 0;
    flex: unset;
    max-width: unset;
  }
}
.question-item__details--title {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .question-item__details--title {
    font-size: 14px;
    line-height: 24px;
  }
}
.question-item__details--title-date {
  margin-right: auto;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 12px;
  letter-spacing: normal;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  transform: translateY(4px);
}
@media (max-width: 991px) {
  .question-item__details--title-date {
    transform: translateY(1px);
  }
}
.question-item__details--title .icon {
  color: #8d9199;
  min-width: 16px;
  transform: translateY(6px);
}
@media (max-width: 991px) {
  .question-item__details--title .icon {
    transform: translateY(1px);
  }
}
.question-item__details--title .icon svg:last-child {
  display: none;
}
.question-item__details--title.active .icon svg:first-child {
  display: none;
}
.question-item__details--title.active .icon svg:last-child {
  display: block;
}
.question-item__details--content {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.6s;
}
.question-item__details--content > div {
  margin-bottom: 16px;
}
.question-item__details--content .alertNotRegister {
  margin-bottom: 0;
}
.question-item__details--content .alertNotRegister svg {
  width: 22px;
  height: 22px;
}
.question-item__details--content + .question-item__details--first {
  margin-top: 0;
}
.question-item__details .bottomSide.active .question-item__details--content {
  grid-template-rows: minmax(0, 1fr);
}
.question-item__details--tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  transition: 0.3s ease-out;
  width: 100%;
  max-height: 24px;
  margin-top: 16px;
}
.question-item__details--tools-rates {
  margin-right: auto;
}
.question-item__details--tools-rates button {
  background: none;
}
.question-item__details--tools-rates strong {
  display: none;
  margin-left: 12px;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  line-height: 24px;
  font-size: 12px;
  font-weight: 400;
}
.question-item__details--tools-rates ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 991px) {
  .question-item__details--tools-rates ul {
    gap: 24px;
  }
}
.question-item__details--tools-rates ul li {
  display: flex;
  align-items: center;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  gap: 8px;
}
.question-item__details--tools-rates ul li .icon {
  width: 24px;
  height: 24px;
  transition: all 0.3s;
  color: #8d9199;
}
.question-item__details--tools-rates ul li.active .icon {
  color: #c0a452;
}
@media (max-width: 991px) {
  .question-item__details--tools-rates {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: unset;
  }
  .question-item__details--tools-rates strong {
    display: block;
  }
}
.question-item__details--tools-reply {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  background: transparent;
  line-height: 24px;
}
.question-item__details--tools-reply .icon {
  width: 18px;
  height: 18px;
  color: #7e57c5;
  transition: all 0.3s;
  transform: rotate(90deg);
}
.question-item__details--tools-reply:hover .icon {
  transform: translateX(-2px) rotate(90deg);
}
.question-item__details--form {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-out;
  position: relative;
}
.question-item__details--form .form-group {
  margin-bottom: 0;
}
.question-item__details--form .form-group textarea {
  height: 76px;
  width: 100% !important;
  resize: none;
}
@media (max-width: 768px) {
  .question-item__details--form .form-group textarea {
    height: 100px;
  }
}
.question-item__details--form .primary-button {
  width: 105px;
}
.question-item__details--form .js-question-reply-form {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.question-item__details--form .js-question-reply-form .form-group {
  flex: 0 0 100%;
}
.question-item__details--first {
  border-radius: 8px;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  margin-top: -16px;
  line-height: 24px;
  transition: 0.3s ease-out;
  max-height: 48px;
}
.question-item__details--first-reply {
  background: transparent;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 24px;
}
.question-item__details--first-reply:hover {
  color: var(--accent-color-purple-100, #7e57c5);
}
.question-item__details .bottomSide {
  margin-top: auto;
}
.question-item.active .question-item__details--form {
  grid-template-rows: minmax(0, 1fr);
  visibility: visible;
  opacity: 1;
}
.question-item.active .question-item__details--tools,
.question-item.active .question-item__details--first {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  margin-top: 0;
}

.comment.active .question-item__details--form {
  grid-template-rows: minmax(0, 1fr);
  visibility: visible;
  opacity: 1;
}
.comment .comment-form-blog-reply__title {
  display: none;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-colors-bunker-60, #43474e);
  line-height: 18px;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  margin-bottom: 24px;
}
.comment .comment-form-blog-reply__title .icon {
  position: relative;
  width: 16px;
  height: 16px;
  color: #c0a452;
}
.comment .comment-form-blog-reply__title .icon:before {
  height: 12px;
  width: 12px;
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  bottom: -1px;
  border-radius: 50%;
  background-color: var(--accent-color-anzac-10, #efead2);
}
.comment .comment-form-blog-reply__title .icon svg {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .comment .comment-form-blog-reply__title {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 8px;
  }
}
@media (max-width: 768px) {
  .comment .question-item__details--form {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20002;
    display: flex;
    align-items: flex-end;
    grid-template-rows: unset;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  }
  .comment .question-item__details--form .comment-form-blog-reply {
    transition: all 0.4s ease-in-out;
    border-radius: 24px 24px 0 0;
    background: #fff;
    box-shadow: 0px -16px 32px 0px rgba(0, 0, 0, 0.18);
    padding: 32px 16px;
    width: 100%;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    transform: translateY(100%);
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  .comment .question-item__details--form .comment-form-blog-reply.deactive {
    transform: translateY(100%) !important;
  }
  .comment .question-item__details--form .comment-form-blog-reply .form-group {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .comment .question-item__details--form .comment-form-blog-reply .primary-button {
    width: calc(50% - 8px);
  }
  .comment.active .question-item__details--form {
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
  }
  .comment.active .question-item__details--form .comment-form-blog-reply {
    transform: translateY(0);
  }
}

.question-answer {
  border-radius: 8px;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  padding: 16px;
}
.question-answer strong {
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
}
.question-answer p {
  margin-bottom: 0;
  color: var(--Primary-Colors-Bunker, #8d9199);
  line-height: 24px;
  font-size: 12px;
}
.question-answer--support {
  background: rgba(240, 237, 250, 0.8);
  border-radius: 8px;
  padding: 16px;
}
.question-answer--support-title {
  display: flex;
  align-items: center;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  gap: 4px;
  margin-bottom: 8px;
}
.question-answer--support-title .icon {
  width: 14px;
  height: 18px;
  color: var(--accent-color-purple-100, #7e57c5);
}
.question-answer--support-text {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
.question-answer--support-text p {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}
.question-answer + .question-answer {
  margin-top: 16px;
}

.question__box {
  border-bottom: 1px solid #eef0f1;
  padding-bottom: 16px;
  padding-top: 16px;
}
.question__box:last-child {
  border-bottom: none;
}
.question__box--title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 8px;
  gap: 8px;
  color: var(--primary-colors-bunker-40, #5b5e66);
  letter-spacing: -0.5px;
  font-weight: var(--font-weight-600);
  font-size: 14px;
  line-height: 22px;
  transition: all 0.3s;
  cursor: pointer;
}
.question__box--title .icon:first-child {
  height: 18px;
  width: 18px;
  min-width: 18px;
  background-color: #efead2;
  border-radius: 50%;
  color: #795c2c;
}
.question__box--title .icon:last-child {
  margin-right: auto;
  color: #74777f;
  transition: all 0.3s;
}
.question__box--title.active {
  color: var(--primary-colors-bunker-80, #2d3038);
}
.question__box--title.active .icon:last-child {
  transform: rotateX(180deg);
}
.question__box--content {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.3s ease-out;
  padding-right: 24px;
}
.question__box--content-in {
  margin-bottom: 8px;
  border-radius: 4px;
  border: 1px solid var(--accent-color-anzac-20, #e0d6a8);
  background: var(--accent-color-anzac-10, #efead2);
  padding: 12px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 12px;
  line-height: 24px;
}
.question__box--content-in p {
  margin-bottom: 0;
}
.question__box--content.active {
  grid-template-rows: minmax(0, 1fr);
}
.question__box .alert p {
  margin-bottom: 0;
}

.rating-group {
  display: flex;
  flex-direction: column;
}
.rating-group label {
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  color: var(--primary-colors-bunker-80, #2d3038);
}

.rating-bars {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.rating-bars .bar {
  height: 8px;
  min-width: 0;
  flex: 1;
  border-radius: 2000px;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  cursor: pointer;
  transition: all 0.5s;
  overflow: hidden;
  position: relative;
}
.rating-bars .bar:hover {
  background: #C0A452;
}
.rating-bars .bar:hover:before {
  transition-delay: 0.05s;
  opacity: 1;
}
.rating-bars .bar.hovered:not(.rating-bars .bar:hover), .rating-bars .bar.active {
  background: var(--accent-color-anzac-60, #c0a452);
}
.rating-bars .bar.hovered:not(.rating-bars .bar:hover):before, .rating-bars .bar.active:before {
  opacity: 0;
}

.alertNotRegister {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--primary-colors-bunker-80, #2d3038);
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.alertNotRegister p {
  margin-bottom: 0;
}
.alertNotRegister p a {
  color: var(--accent-color-anzac-100, #977337);
  font-weight: bold;
}
.alertNotRegister svg {
  flex: 0 0 auto;
}

#filters-panel {
  position: fixed;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: 20000;
  overflow: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  visibility: hidden;
}
#filters-panel.active {
  opacity: 1;
  visibility: visible;
}

.filters-panel {
  height: 100%;
  width: 473px;
  max-width: 100%;
  border-radius: 8px 0px 0px 8px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.filters-panel > .filters-panel__nav {
  padding: 16px;
  display: none;
  border-bottom: 2px solid #eef0f1;
  flex: 0 0 auto;
}
@media (max-width: 768px) {
  .filters-panel > .filters-panel__nav {
    display: flex;
    height: 62px;
  }
}
.filters-panel > form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.filters-panel__head {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .filters-panel__head {
    margin-bottom: 16px;
  }
}
.filters-panel__head--title {
  display: flex;
  align-items: center;
}
.filters-panel__head--title h4 {
  flex: 1;
  padding-left: 4px;
  margin-bottom: 0;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .filters-panel__head--title h4 {
    font-size: 16px;
    line-height: 28px;
  }
}
.filters-panel__head--count {
  border-radius: 4px;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  line-height: 18px;
  padding: 2px 8px;
}
.filters-panel__head--reset {
  color: var(--alert-color-error-100, #dc4040);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 28px;
  margin-right: auto;
  background: transparent;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.filters-panel__head--reset.is-visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
@media (max-width: 768px) {
  .filters-panel__head--reset {
    display: none;
  }
}
.filters-panel__head--close {
  background: transparent;
  margin-right: 16px;
  display: none;
}
.filters-panel__head--close .icon {
  width: 24px;
  height: 24px;
  color: var(--primary-colors-bunker-80, #2d3038);
}
@media (max-width: 768px) {
  .filters-panel__head--close {
    margin-right: auto;
    display: flex;
  }
}
.filters-panel__search--form {
  position: relative;
  width: 100%;
}
.filters-panel__search--form-control {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-aluminium-80, #c4c6cf);
  height: 56px;
  padding: 16px 40px 16px 16px;
  letter-spacing: -0.5px;
  width: 100%;
  font-size: 16px;
}
.filters-panel__search--form-control::-moz-placeholder {
  color: #c4c6cf;
  opacity: 1;
}
.filters-panel__search--form-control::placeholder {
  color: #c4c6cf;
  opacity: 1;
}
.filters-panel__search--form-control:-ms-input-placeholder {
  color: #c4c6cf;
}
.filters-panel__search--form-control::-ms-input-placeholder {
  color: #c4c6cf;
}
.filters-panel__search--form-control {
  transition: all 0.3s;
  font-weight: var(--font-weight-400);
  color: var(--primary-colors-bunker-60, #43474e);
}
.filters-panel__search--form-control:focus {
  border: 1px solid var(--primary-colors-bunker-60, #43474e);
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.06);
}
@media (max-width: 768px) {
  .filters-panel__search--form-control {
    height: 48px;
    padding-left: 100px;
    font-size: 12px;
    letter-spacing: normal;
  }
}
.filters-panel__search--form-submit {
  width: 40px;
  height: 56px;
  position: absolute;
  background-color: transparent;
  right: 0;
  padding-right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .filters-panel__search--form-submit {
    height: 48px;
  }
}
.filters-panel__search--form-count {
  display: none;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  position: absolute;
  left: 16px;
  top: 16px;
  line-height: 18px;
}
@media (max-width: 768px) {
  .filters-panel__search--form-count {
    display: block;
  }
}
.filters-panel__others {
  border-bottom: 1px solid #eef0f1;
  padding-bottom: 24px;
  padding-top: 32px;
}
@media (max-width: 768px) {
  .filters-panel__others {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
.filters-panel__others ul li {
  margin-bottom: 24px;
}
.filters-panel__others ul li:last-child {
  margin-bottom: 0;
}
.filters-panel__buttons {
  padding-top: 24px;
  margin-top: auto;
  border-top: 1px solid #eef0f1;
}
.filters-panel__buttons--reset {
  background: transparent;
  font-weight: 700;
  font-size: 14px;
  color: var(--primary-colors-bunker-80, #2d3038);
  line-height: 24px;
  letter-spacing: -0.5px;
  display: none;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, max-width 0.3s ease, flex-basis 0.3s ease;
}
@media (max-width: 768px) {
  .filters-panel__buttons--reset {
    display: block;
    flex: 0 0 0;
    max-width: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .filters-panel__buttons--reset.is-visible {
    flex-basis: 50%;
    max-width: 50%;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }
}
@media (max-width: 768px) {
  .filters-panel__buttons {
    display: flex;
    align-items: center;
  }
}
.filters-panel__buttons button {
  width: 100%;
}
@media (max-width: 768px) {
  .filters-panel__buttons button {
    min-width: 0;
    height: 40px;
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 14px;
    transition: flex-basis 0.3s ease, max-width 0.3s ease;
  }
}
@media (max-width: 768px) {
  .filters-panel__buttons .filters-panel__buttons--reset {
    flex: 0 0 0;
    max-width: 0;
  }
  .filters-panel__buttons .filters-panel__buttons--reset.is-visible {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .filters-panel__buttons:not(.has-active-filters) .filters-panel__buttons--apply {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.filters-panel__accordion {
  border-bottom: 1px solid #eef0f1;
  display: flex;
  flex-direction: column;
}
.filters-panel__accordion--title {
  order: 0;
  cursor: pointer;
  padding-bottom: 16px;
  padding-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .filters-panel__accordion--title {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 22px;
  }
}
.filters-panel__accordion--title strong {
  margin-left: auto;
  margin-right: 8px;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .filters-panel__accordion--title strong {
    background: var(--accent-color-anzac-10, #efead2);
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: var(--accent-color-anzac-100, #977337);
  }
}
.filters-panel__accordion--title .icon {
  width: 24px;
  height: 24px;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .filters-panel__accordion--title .icon {
    width: 18px;
    height: 18px;
  }
}
.filters-panel__accordion--title.active .icon {
  transform: rotateX(180deg);
}
.filters-panel__accordion--content {
  order: 2;
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.5s ease-out;
}
.filters-panel__accordion--content > div {
  padding-bottom: 16px;
}
.filters-panel__accordion--content.active {
  grid-template-rows: minmax(0, 1fr);
}
.filters-panel__accordion--list {
  max-height: 208px;
  overflow: auto;
}
.filters-panel__accordion--list::-webkit-scrollbar {
  width: 4px;
}
.filters-panel__accordion--list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.filters-panel__accordion--list::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #74777f, #43474e);
  border-radius: 4px;
}
.filters-panel__accordion--list::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(45deg, #181c22, #74777f);
}
@media (max-width: 768px) {
  .filters-panel__accordion--list ul li .checkbox__over {
    gap: 8px;
  }
  .filters-panel__accordion--list ul li .checkbox__over .icon {
    width: 18px;
    height: 18px;
    min-width: 18px;
  }
  .filters-panel__accordion--list ul li .checkbox__over--label {
    font-size: 12px;
  }
}
.filters-panel__accordion--list ul li:last-child {
  margin-bottom: 0;
}
.filters-panel__accordion--list ul li .checkbox__over--label {
  padding: 4px 0;
}
.filters-panel__accordion--list ul li + li {
  margin-top: 12px;
}
.filters-panel__accordion--list .category-link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.5px;
  text-decoration: none;
  padding: 4px 0;
  padding-left: 0;
  padding-right: 32px;
  position: relative;
  transition: color 0.3s;
}
@media (max-width: 768px) {
  .filters-panel__accordion--list .category-link {
    font-size: 14px;
    line-height: 24px;
    padding-right: 28px;
  }
}
.filters-panel__accordion--list .category-link:hover {
  color: var(--primary-colors-bunker-80, #2d3038);
}
.filters-panel__accordion--list .category-link.active {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: 500;
}
.filters-panel__accordion--list .category-link .check-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filters-panel__accordion--list .category-link .check-icon svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .filters-panel__accordion--list .category-link .check-icon {
    width: 18px;
    height: 18px;
  }
}
.filters-panel__accordion--list .category-link__dash {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  line-height: 28px;
  margin-left: 0;
  margin-right: 4px;
}
@media (max-width: 768px) {
  .filters-panel__accordion--list .category-link__dash {
    font-size: 14px;
    line-height: 24px;
  }
}
.filters-panel__accordion--list .category-link__text {
  flex: 1;
}
.filters-panel__accordion--list .category-link--child {
  font-size: 14px;
}
@media (max-width: 768px) {
  .filters-panel__accordion--list .category-link--child {
    font-size: 12px;
  }
}
.filters-panel__accordion--list .category-children {
  margin-top: 8px;
  margin-right: 0;
}
.filters-panel__accordion--list .category-children li {
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .filters-panel__accordion--list .category-children li {
    margin-bottom: 8px;
  }
}
.filters-panel__accordion--list .category-children li:last-child {
  margin-bottom: 0;
}
.filters-panel__accordion--selected {
  order: 1;
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.filters-panel__accordion--selected:has(.filter-button) {
  margin-bottom: 16px;
  margin-top: -8px;
}
@media (max-width: 768px) {
  .filters-panel__accordion--selected {
    gap: 16px;
  }
}
.filters-panel__accordion--selected .filter-button {
  background: var(--accent-color-anzac-10, #efead2);
  border-radius: 8px;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: inset 0px 0px 0px 1px var(--accent-color-anzac-10, #efead2);
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .filters-panel__accordion--selected .filter-button {
    font-weight: 400;
    gap: 4px;
    border-radius: 4px;
    padding: 2px 8px;
  }
}
.filters-panel__accordion--selected .filter-button:before {
  width: 16px;
  height: 16px;
  content: "";
  pointer-events: none;
  background: url("/build/assets/close-DDfNS_JF.svg") no-repeat center center;
}
.filters-panel__accordion--selected .filter-button:hover {
  background: var(--White, #fff);
}
@media (max-width: 768px) {
  .filters-panel__accordion--selected .filter-button:hover {
    background: var(--accent-color-anzac-10, #efead2);
  }
}
.filters-panel__accordion:last-child {
  border-bottom: 0;
}
.filters-panel__accordion.active .filters-panel__accordion--content {
  grid-template-rows: minmax(0, 1fr);
}
.filters-panel .stickToTop, .filters-panel .stickToBottom {
  flex: 0 0 auto;
}
.filters-panel .stickToTop {
  padding: 40px 16px 0 16px;
}
@media (max-width: 768px) {
  .filters-panel .stickToTop {
    padding-top: 24px;
  }
}
.filters-panel .stickToBottom {
  padding: 0 16px 48px 16px;
}
.filters-panel .stickToCenter {
  flex: 1;
  height: 0;
  overflow-y: scroll;
  padding: 0 16px 0 16px;
}
.filters-panel .stickToCenter::-webkit-scrollbar {
  width: 4px;
}
.filters-panel .stickToCenter::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.filters-panel .stickToCenter::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #74777f, #43474e);
  border-radius: 4px;
}
.filters-panel .stickToCenter::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(45deg, #181c22, #74777f);
}

.pagination {
  gap: 12px;
  margin-top: 64px;
  flex-direction: row;
}
@media (max-width: 768px) {
  .pagination {
    margin-top: 32px;
  }
}
.pagination .prev {
  margin-left: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 28px;
}
.pagination .prev.disabled {
  color: var(--primary-colors-aluminium-100, #a8abb4);
  pointer-events: none;
}
.pagination .prev.disabled .icon {
  color: var(--primary-colors-aluminium-100, #a8abb4);
}
.pagination .prev .icon {
  color: #c0a452;
  transition: all 0.3s;
  transform: rotate(180deg);
}
.pagination .prev:hover .icon {
  transform: rotate(180deg) translateX(-2px);
}
.pagination .next {
  margin-right: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 28px;
}
.pagination .next.disabled {
  color: var(--primary-colors-aluminium-100, #a8abb4);
  pointer-events: none;
}
.pagination .next.disabled .icon {
  color: var(--primary-colors-aluminium-100, #a8abb4);
}
.pagination .next .icon {
  color: #c0a452;
  transition: all 0.3s;
}
.pagination .next:hover .icon {
  transform: translateX(-2px);
}
.pagination .page {
  min-width: 24px;
  height: 24px;
  text-align: center;
  color: #43474E;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  background: transparent;
  letter-spacing: -0.5px;
  border-radius: 2px;
  border: 1px solid transparent;
  padding-top: 2px;
}
.pagination .page.active {
  pointer-events: none;
  color: #C0A452;
  border: 1px solid #C0A452;
}
.pagination .page:hover:not(.disabled) {
  color: #C0A452;
}

.cursor-container {
  position: relative;
  cursor: none;
}
@media (max-width: 991px) {
  .cursor-container {
    cursor: unset;
  }
}
.cursor-container > a {
  cursor: none;
}
@media (max-width: 991px) {
  .cursor-container > a {
    cursor: pointer;
  }
}
.cursor-container.active .cursor-move {
  transition: left 0s, top 0s, background-color 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
}

.cursor-move {
  position: absolute;
  left: calc(100% - 140px);
  bottom: 0;
  width: 140px;
  height: 140px;
  opacity: 0.8;
  z-index: 2;
  cursor: none;
  transition: left 0.3s ease-out, top 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
  pointer-events: none;
  border-radius: 50%;
}
.cursor-move:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: #efead2;
  mix-blend-mode: multiply;
  z-index: -1;
}
.cursor-move:hover {
  transition: none;
}
.cursor-move .icon {
  width: 100px;
  height: 100px;
  position: relative;
  z-index: 4;
  color: #977337;
}
.cursor-move span {
  position: relative;
  z-index: 20;
  text-align: center;
  padding: 8px 16px;
}
@media (max-width: 991px) {
  .cursor-move {
    display: none;
  }
}

.slider-cursor {
  position: relative;
}

.slider-cursor-prev {
  cursor: pointer;
  height: 80px;
  width: 80px;
  background-color: var(--accent-color-anzac-10, #efead2);
  position: absolute;
  flex-direction: row-reverse;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  border-radius: 50%;
  transition: opacity 0.3s ease-out;
}
.slider-cursor-prev:before {
  content: "عقب‌ تر";
  color: var(--accent-color-anzac-100, #977337);
  font-size: 14px;
  font-weight: var(--font-weight-400);
  line-height: 24px;
}
.slider-cursor-prev:after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-image: url("/build/assets/next-prev-BrfkzKMW.svg");
  background-repeat: no-repeat;
  background-position: center center;
  transform: rotate(180deg);
  transition: all 0.3s ease-out;
}
.slider-cursor-prev:active:after {
  transform: translateX(5px) rotate(180deg) !important;
}
.slider-cursor-prev:hover:after {
  transform: translateX(2px) rotate(180deg);
}
.slider-cursor-prev.disabled {
  opacity: 0.35 !important;
  cursor: not-allowed;
  pointer-events: none;
}
@media (max-width: 991px) {
  .slider-cursor-prev {
    display: none;
  }
}

.slider-cursor-next {
  cursor: pointer;
  height: 80px;
  width: 80px;
  background-color: var(--accent-color-anzac-10, #efead2);
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  border-radius: 50%;
  transition: opacity 0.3s ease-out;
}
.slider-cursor-next:before {
  content: "جلوتر";
  color: var(--accent-color-anzac-100, #977337);
  font-size: 14px;
  font-weight: var(--font-weight-400);
  line-height: 24px;
}
.slider-cursor-next:after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-image: url("/build/assets/next-prev-BrfkzKMW.svg");
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.3s ease-out;
}
.slider-cursor-next:active:after {
  transform: translateX(-5px) !important;
}
.slider-cursor-next:hover:after {
  transform: translateX(-2px);
}
.slider-cursor-next.disabled {
  opacity: 0.35 !important;
  cursor: not-allowed;
  pointer-events: none;
}
@media (max-width: 991px) {
  .slider-cursor-next {
    display: none;
  }
}

.cursor-container-hero, .cursor-container-about {
  position: relative;
  cursor: none;
}
@media (max-width: 991px) {
  .cursor-container-hero, .cursor-container-about {
    cursor: unset;
  }
}
.cursor-container-hero a,
.cursor-container-hero .splide__controls--prev,
.cursor-container-hero .splide__controls--next, .cursor-container-about a,
.cursor-container-about .splide__controls--prev,
.cursor-container-about .splide__controls--next {
  cursor: none;
}
@media (max-width: 991px) {
  .cursor-container-hero a,
  .cursor-container-hero .splide__controls--prev,
  .cursor-container-hero .splide__controls--next, .cursor-container-about a,
  .cursor-container-about .splide__controls--prev,
  .cursor-container-about .splide__controls--next {
    cursor: pointer;
  }
}
.cursor-container-hero.active .cursor-move, .cursor-container-about.active .cursor-move {
  transition: left 0s, top 0s, background-color 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
}
.cursor-container-hero.stop .cursor-move, .cursor-container-about.stop .cursor-move {
  transform: scale(0.2) translateX(50px);
  transform-origin: left center;
}
.cursor-container-hero.stop2 .cursor-move, .cursor-container-about.stop2 .cursor-move {
  transform: scale(0.2);
  transform-origin: center center;
}

.map {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.map .leaflet-control-attribution a {
  display: none;
}
.map .leaflet-control-zoom-in {
  margin-bottom: 12px;
}
.map .leaflet-control-zoom-in,
.map .leaflet-control-zoom-out {
  border: none !important;
  color: #b08f42;
}
.map.leaflet-touch .leaflet-control-layers, .map.leaflet-touch .leaflet-bar {
  border: none !important;
}
.map .ol-zoom {
  border: none !important;
}
.map .ol-zoom button {
  border: none !important;
  color: #b08f42;
  background: #fff;
}

#basket-panel {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 20000;
  overflow: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  width: 100%;
  justify-content: flex-start;
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 768px) {
  #basket-panel {
    top: 62px;
  }
}

.overlayModal {
  background: rgba(0, 0, 0, 0.08);
  position: absolute;
  inset: 0;
}

body {
  padding-right: 0;
}
body.modal-open {
  padding-right: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  body.modal-open {
    padding-right: 0;
  }
}
body.basket-open #basket-panel {
  opacity: 1;
  visibility: visible;
}
body.basket-open #basket-panel .basket-panel,
body.basket-open #basket-panel .basket-panel-login {
  animation: panelMove forwards 0.3s ease-out;
}
body.basket-close #basket-panel .basket-panel,
body.basket-close #basket-panel .basket-panel-login {
  animation: panelMoveReverse forwards 0.3s ease-out;
}
body.filter-open #filters-panel {
  opacity: 1;
  visibility: visible;
}
body.filter-open #filters-panel .filters-panel,
body.filter-open #filters-panel .filters-panel-login {
  animation: panelMove forwards 0.3s ease-out;
}
body.filter-close #filters-panel .filters-panel,
body.filter-close #filters-panel .filters-panel-login {
  animation: panelMoveReverse forwards 0.3s ease-out;
}
body.wallet-open #wallet-panel {
  opacity: 1;
  visibility: visible;
}
body.wallet-open #wallet-panel .wallet-panel {
  animation: panelMove forwards 0.3s ease-out;
}
body.wallet-close #wallet-panel .wallet-panel {
  animation: panelMoveReverse forwards 0.3s ease-out;
}
body.login-open #login-panel {
  opacity: 1;
  visibility: visible;
}
body.login-open #login-panel .login-panel {
  animation: panelMove forwards 0.3s ease-out;
}
body.login-close #login-panel .login-panel {
  animation: panelMoveReverse forwards 0.3s ease-out;
}
body.search-open #header.js-is-sticky--change .header__search {
  opacity: 1;
  visibility: visible;
}
body.search-open #header.js-is-sticky--change ~ #nav .menu {
  opacity: 0;
  visibility: hidden;
}

.basket-panel,
.basket-panel-login {
  height: 100%;
  width: 480px;
  max-width: 100%;
  background-color: #ffffff;
  box-shadow: -12px 0px 80px -4px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.basket-panel__head,
.basket-panel-login__head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 24px 24px 16px 24px;
  position: relative;
}
@media (max-width: 768px) {
  .basket-panel__head,
  .basket-panel-login__head {
    padding: 32px 16px 16px 16px;
  }
}
.basket-panel__head:before,
.basket-panel-login__head:before {
  content: "";
  position: absolute;
  left: 24px;
  bottom: 0;
  width: calc(100% - 48px);
  height: 1px;
  display: block;
  background: #eef0f1;
}
@media (max-width: 768px) {
  .basket-panel__head:before,
  .basket-panel-login__head:before {
    left: 16px;
    width: calc(100% - 32px);
  }
}
.basket-panel__head--title,
.basket-panel-login__head--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 24px;
  letter-spacing: -0.5px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .basket-panel__head--title,
  .basket-panel-login__head--title {
    font-size: 16px;
    line-height: 28px;
  }
}
.basket-panel__head--count,
.basket-panel-login__head--count {
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.basket-panel__head--close,
.basket-panel-login__head--close {
  margin-right: auto;
  background: transparent;
}
.basket-panel__head--close .icon,
.basket-panel-login__head--close .icon {
  width: 24px;
  height: 24px;
  color: #8d9199;
}
.basket-panel__empty,
.basket-panel-login__empty {
  flex: 1;
  padding: 24px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 768px) {
  .basket-panel__empty,
  .basket-panel-login__empty {
    padding: 24px 16px 16px;
  }
}
.basket-panel__empty--title,
.basket-panel-login__empty--title {
  margin-bottom: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 600;
  line-height: 28px;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  letter-spacing: -0.5px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .basket-panel__empty--title,
  .basket-panel-login__empty--title {
    font-size: 14px;
    line-height: 22px;
  }
}
.basket-panel__empty--title .icon,
.basket-panel-login__empty--title .icon {
  margin-bottom: 8px;
  position: relative;
  width: 110px;
  color: #e2def6;
  height: 110px;
}
.basket-panel__empty--title .icon svg,
.basket-panel-login__empty--title .icon svg {
  position: relative;
  z-index: 1;
}
.basket-panel__empty--title .icon:before,
.basket-panel-login__empty--title .icon:before {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: rgba(240, 237, 250, 0.6);
  display: block;
  position: absolute;
  right: -8px;
  bottom: -2px;
  content: "";
}
.basket-panel__empty--list,
.basket-panel-login__empty--list {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-left: -24px;
}
.basket-panel__empty--list-title,
.basket-panel-login__empty--list-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eef0f1;
  padding-bottom: 16px;
  margin-left: 24px;
}
@media (max-width: 768px) {
  .basket-panel__empty--list-title,
  .basket-panel-login__empty--list-title {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}
.basket-panel__empty--list-title h6,
.basket-panel-login__empty--list-title h6 {
  color: var(--accent-color-anzac-100, #977337);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.5px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .basket-panel__empty--list-title h6,
  .basket-panel-login__empty--list-title h6 {
    line-height: 22px;
    font-weight: 600;
    font-size: 14px;
  }
}
.basket-panel__empty--list-title_count,
.basket-panel-login__empty--list-title_count {
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  color: var(--accent-color-anzac-100, #977337);
  line-height: 18px;
  font-size: 12px;
  font-weight: 600;
}
.basket-panel__empty--list-items,
.basket-panel-login__empty--list-items {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 24px;
}
.basket-panel__empty--list-items::-webkit-scrollbar,
.basket-panel-login__empty--list-items::-webkit-scrollbar {
  width: 4px;
}
.basket-panel__empty--list-items::-webkit-scrollbar-track,
.basket-panel-login__empty--list-items::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.basket-panel__empty--list-items::-webkit-scrollbar-thumb,
.basket-panel-login__empty--list-items::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #74777f, #43474e);
  border-radius: 4px;
}
.basket-panel__empty--list-items::-webkit-scrollbar-thumb:hover,
.basket-panel-login__empty--list-items::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(45deg, #181c22, #74777f);
}
.basket-panel__empty--list-items_item,
.basket-panel-login__empty--list-items_item {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f6f6f7;
}
@media (max-width: 768px) {
  .basket-panel__empty--list-items_item,
  .basket-panel-login__empty--list-items_item {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.basket-panel__empty--list-items_item:last-child,
.basket-panel-login__empty--list-items_item:last-child {
  border-bottom: none;
}
.basket-panel__messages,
.basket-panel-login__messages {
  width: 100%;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 16px 24px;
}
@media (max-width: 768px) {
  .basket-panel__messages,
  .basket-panel-login__messages {
    padding: 16px;
  }
}
.basket-panel__messages ul,
.basket-panel-login__messages ul {
  list-style: none;
  padding: 0;
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.basket-panel__messages ul li,
.basket-panel-login__messages ul li {
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  line-height: 24px;
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
.basket-panel__messages ul li .icon,
.basket-panel-login__messages ul li .icon {
  color: #795c2c;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
@media (max-width: 768px) {
  .basket-panel__messages ul li .icon,
  .basket-panel-login__messages ul li .icon {
    width: 16px;
    min-width: 16px;
    height: 16px;
    transform: translateY(3px);
  }
}
.basket-panel__items,
.basket-panel-login__items {
  flex: 1;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 768px) {
  .basket-panel__items,
  .basket-panel-login__items {
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 24px;
    padding-top: 8px;
  }
  .basket-panel__items .primary-button,
  .basket-panel-login__items .primary-button {
    border-radius: 4px;
    height: 40px;
    padding: 8px 16px;
    font-size: 14px;
  }
}
.basket-panel__items--delivery,
.basket-panel-login__items--delivery {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding-bottom: 12px;
  position: relative;
  color: var(--accent-color-purple-100, #7e57c5);
  font-weight: 600;
  line-height: 18px;
  font-size: 12px;
}
@media (max-width: 768px) {
  .basket-panel__items--delivery,
  .basket-panel-login__items--delivery {
    margin-bottom: 0;
    padding-bottom: 9px;
  }
}
.basket-panel__items--delivery .icon,
.basket-panel-login__items--delivery .icon {
  width: 24px;
  height: 24px;
  position: relative;
  color: #7e57c5;
}
.basket-panel__items--delivery .icon svg,
.basket-panel-login__items--delivery .icon svg {
  position: relative;
  z-index: 1;
}
.basket-panel__items--delivery .icon:before,
.basket-panel-login__items--delivery .icon:before {
  width: 18px;
  display: block;
  height: 18px;
  position: absolute;
  right: -1px;
  border-radius: 50%;
  top: 0;
  content: "";
  background-color: var(--accent-color-purple-20, #f0edfa);
}
.basket-panel__items--delivery-progress,
.basket-panel-login__items--delivery-progress {
  position: absolute;
  right: 0;
  width: 100%;
  height: 3px;
  bottom: 0;
  border-radius: 12px;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  overflow: hidden;
}
.basket-panel__items--delivery-progress span,
.basket-panel-login__items--delivery-progress span {
  height: 100%;
  position: absolute;
  right: 0;
  border-radius: 12px;
  background: var(--accent-color-purple-100, #7e57c5);
  display: block;
  width: 0;
  transition: all 0.3s;
}
.basket-panel__items--cards,
.basket-panel-login__items--cards {
  overflow-y: auto;
  flex: 1;
  margin-left: -24px;
  padding-left: 24px;
  margin-bottom: 24px;
}
.basket-panel__items--cards::-webkit-scrollbar,
.basket-panel-login__items--cards::-webkit-scrollbar {
  width: 4px;
}
.basket-panel__items--cards::-webkit-scrollbar-track,
.basket-panel-login__items--cards::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.basket-panel__items--cards::-webkit-scrollbar-thumb,
.basket-panel-login__items--cards::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #74777f, #43474e);
  border-radius: 4px;
}
.basket-panel__items--cards::-webkit-scrollbar-thumb:hover,
.basket-panel-login__items--cards::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(45deg, #181c22, #74777f);
}
@media (max-width: 768px) {
  .basket-panel__items--cards,
  .basket-panel-login__items--cards {
    margin-bottom: 8px;
  }
}
.basket-panel__items--cards .card__basket-item,
.basket-panel-login__items--cards .card__basket-item {
  min-height: 80px;
  padding-right: 88px;
}
@media (max-width: 768px) {
  .basket-panel__items--cards .card__basket-item,
  .basket-panel-login__items--cards .card__basket-item {
    min-height: 64px;
    padding-right: 72px;
  }
}
.basket-panel__items--cards .card__basket-item--image,
.basket-panel-login__items--cards .card__basket-item--image {
  height: 80px;
  width: 80px;
}
@media (max-width: 768px) {
  .basket-panel__items--cards .card__basket-item--image,
  .basket-panel-login__items--cards .card__basket-item--image {
    width: 64px;
    height: 64px;
  }
}
.basket-panel__items--card,
.basket-panel-login__items--card {
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #f6f6f7;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .basket-panel__items--card,
  .basket-panel-login__items--card {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.basket-panel__items--card:last-child,
.basket-panel-login__items--card:last-child {
  border-bottom: none;
}
.basket-panel__items--details,
.basket-panel-login__items--details {
  margin-top: auto;
  margin-bottom: 16px;
  background: var(--accent-color-purple-10, #f7f5fd);
  border-radius: 8px;
  padding: 16px;
  position: relative;
}
@media (max-width: 768px) {
  .basket-panel__items--details,
  .basket-panel-login__items--details {
    border-radius: 4px;
    padding: 12px 8px;
  }
}
.basket-panel__items--details ul,
.basket-panel-login__items--details ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  gap: 16px;
}
@media (max-width: 768px) {
  .basket-panel__items--details ul,
  .basket-panel-login__items--details ul {
    gap: 8px;
  }
}
.basket-panel__items--details ul li,
.basket-panel-login__items--details ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}
.basket-panel__items--details-title,
.basket-panel-login__items--details-title {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.basket-panel__items--details-value,
.basket-panel-login__items--details-value {
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .basket-panel__items--details-value,
  .basket-panel-login__items--details-value {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.basket-panel__items--details-total-title,
.basket-panel-login__items--details-total-title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
}
.basket-panel__items--details-total-value,
.basket-panel-login__items--details-total-value {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .basket-panel__items--details-total-value,
  .basket-panel-login__items--details-total-value {
    font-size: 14px;
    line-height: 22px;
  }
}
.basket-panel__content,
.basket-panel-login__content {
  flex: 1;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
@media (max-width: 768px) {
  .basket-panel__content,
  .basket-panel-login__content {
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-top: 24px;
  }
}
.basket-panel__your-basket,
.basket-panel-login__your-basket {
  margin-top: auto;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  padding: 0 24px;
}
@media (max-width: 768px) {
  .basket-panel__your-basket,
  .basket-panel-login__your-basket {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.basket-panel__your-basket--head,
.basket-panel-login__your-basket--head {
  display: flex;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 8px;
  transition: 0.3s ease-out;
  border-bottom: 1px solid #eef0f1;
}
@media (max-width: 768px) {
  .basket-panel__your-basket--head,
  .basket-panel-login__your-basket--head {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.basket-panel__your-basket--head-title,
.basket-panel-login__your-basket--head-title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .basket-panel__your-basket--head-title,
  .basket-panel-login__your-basket--head-title {
    font-size: 16px;
    line-height: 28px;
  }
}
.basket-panel__your-basket--head-count,
.basket-panel-login__your-basket--head-count {
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.basket-panel__your-basket--head-icon,
.basket-panel-login__your-basket--head-icon {
  margin-right: auto;
  width: 24px;
  height: 24px;
  transform: rotate(180deg);
  transition: 0.3s ease-out;
}
.basket-panel__your-basket--head.active,
.basket-panel-login__your-basket--head.active {
  padding-bottom: 16px;
}
.basket-panel__your-basket--head.active .basket-panel__your-basket--head-icon,
.basket-panel__your-basket--head.active .basket-panel-login__your-basket--head-icon,
.basket-panel-login__your-basket--head.active .basket-panel__your-basket--head-icon,
.basket-panel-login__your-basket--head.active .basket-panel-login__your-basket--head-icon {
  transform: rotate(0);
}
.basket-panel__your-basket--content,
.basket-panel-login__your-basket--content {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: 0.3s ease-out;
  margin-left: -24px !important;
  padding-left: 8px !important;
}
.basket-panel__your-basket--content.active,
.basket-panel-login__your-basket--content.active {
  padding-bottom: 24px;
  grid-template-rows: minmax(0, 1fr);
}
@media (max-width: 768px) {
  .basket-panel__your-basket--content.active,
  .basket-panel-login__your-basket--content.active {
    padding-bottom: 16px;
  }
}
.basket-panel__your-basket--content > div,
.basket-panel-login__your-basket--content > div {
  height: 255px;
  overflow-y: auto;
  padding-left: 14px;
}
@media (max-width: 768px) {
  .basket-panel__your-basket--content > div,
  .basket-panel-login__your-basket--content > div {
    height: 230px;
  }
}
.basket-panel__your-basket--content > div::-webkit-scrollbar,
.basket-panel-login__your-basket--content > div::-webkit-scrollbar {
  width: 2px;
}
.basket-panel__your-basket--content > div::-webkit-scrollbar-track,
.basket-panel-login__your-basket--content > div::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 2px;
}
.basket-panel__your-basket--content > div::-webkit-scrollbar-thumb,
.basket-panel-login__your-basket--content > div::-webkit-scrollbar-thumb {
  background: #e0e2e5;
  border-radius: 2px;
}
.basket-panel__your-basket--content > div::-webkit-scrollbar-thumb:hover,
.basket-panel-login__your-basket--content > div::-webkit-scrollbar-thumb:hover {
  background: #74777f;
}
.basket-panel__your-basket--content .basket-panel__items--cards,
.basket-panel-login__your-basket--content .basket-panel__items--cards {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.basket-panel__your-basket--content .basket-panel__items--cards .basket-panel__items--card,
.basket-panel-login__your-basket--content .basket-panel__items--cards .basket-panel__items--card {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom-color: #eef0f1;
}
.basket-panel__your-basket--content .basket-panel__items--cards .basket-panel__items--card:last-child,
.basket-panel-login__your-basket--content .basket-panel__items--cards .basket-panel__items--card:last-child {
  padding-bottom: 0;
}

.basket-panel-login .card__basket-item--details {
  display: none;
}
.basket-panel-login .basket-panel__items--card ul {
  margin-bottom: 0;
}

.basket-page {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 24px 0;
}
@media (max-width: 991px) {
  .basket-page {
    padding-top: 0;
  }
}
.basket-page__sidebar {
  flex: 0 0 214px;
  max-width: 214px;
  position: sticky;
  top: 114px;
  right: 0;
  padding-left: 24px;
}
@media (max-width: 1200px) {
  .basket-page__sidebar {
    flex: 0 0 180px;
    max-width: 180px;
  }
}
@media (max-width: 991px) {
  .basket-page__sidebar {
    display: none;
  }
}
.basket-page__sidebar ul {
  list-style: none;
  padding: 0;
}
.basket-page__sidebar ul li {
  pointer-events: none;
  cursor: pointer;
  margin-bottom: 64px;
  height: 28px;
  display: flex;
  align-items: center;
  position: relative;
  gap: 8px;
}
.basket-page__sidebar ul li:after {
  position: absolute;
  height: 68px;
  width: 2px;
  content: "";
  display: block;
  background-color: #f6f6f7;
  right: 11.5px;
  top: calc(100% - 2px);
  transition: 0.3s ease-out;
}
.basket-page__sidebar ul li .icon {
  transition: all 0.3s;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f6f6f7;
  color: #7e57c5;
  transition: 0.3s ease-out;
  position: relative;
}
.basket-page__sidebar ul li .icon svg {
  transition: 0.3s ease-out;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
}
.basket-page__sidebar ul li .icon b {
  display: block;
  color: var(--primary-colors-bunker-20, #74777f);
  font-weight: 600;
  letter-spacing: -0.5px;
  font-size: 14px;
  transition: 0.3s ease-out;
  opacity: 1;
  visibility: visible;
}
.basket-page__sidebar ul li strong {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  display: block;
  transition: 0.3s ease-out;
}
.basket-page__sidebar ul li .basket-step-text {
  transition: all 0.3s;
  opacity: 0;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  line-height: 24px;
  position: absolute;
  right: 32px;
  top: 28px;
}
.basket-page__sidebar ul li:last-child {
  margin-bottom: 0;
}
.basket-page__sidebar ul li:last-child:after {
  display: none;
}
.basket-page__sidebar ul li.active:after {
  background: linear-gradient(to bottom, #d5ccff 0%, #f6f6f7 75%);
}
.basket-page__sidebar ul li.active .icon {
  background-color: var(--accent-color-purple-40, #e2def6);
}
.basket-page__sidebar ul li.active .icon b {
  opacity: 0;
  visibility: hidden;
}
.basket-page__sidebar ul li.active .icon svg:first-child {
  opacity: 1;
  visibility: visible;
}
.basket-page__sidebar ul li.active strong {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: var(--accent-color-purple-100, #7e57c5);
}
.basket-page__sidebar ul li.complete {
  pointer-events: unset;
}
.basket-page__sidebar ul li.complete:after {
  background-color: var(--accent-color-purple-40, #e2def6);
}
.basket-page__sidebar ul li.complete .basket-step-text {
  opacity: 1;
}
.basket-page__sidebar ul li.complete .icon {
  background-color: var(--accent-color-purple-40, #e2def6);
}
.basket-page__sidebar ul li.complete .icon svg:last-child {
  display: block;
}
.basket-page__sidebar ul li.complete strong {
  color: var(--primary-colors-bunker-60, #43474e);
}
.basket-page__content {
  flex: 0 0 calc(100% - 214px);
  max-width: calc(100% - 214px);
  border-right: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  min-height: 304px;
  padding-right: 24px;
}
@media (max-width: 1200px) {
  .basket-page__content {
    flex: 0 0 calc(100% - 180px);
    max-width: calc(100% - 180px);
  }
}
@media (max-width: 991px) {
  .basket-page__content {
    flex: 0 0 100%;
    max-width: 100%;
    border-right: none;
    min-height: unset;
    padding-right: 0;
  }
  .basket-page__content .alert {
    flex-direction: row;
  }
}
.basket-page__content .tabs_content {
  position: relative;
}
.basket-page__content .tabs_content:has(.basket-your-addresses__list--item) .basket-page__content--empty-address {
  display: none;
}
.basket-page__content .tabs_content:has(.basket-your-addresses__list--item) .basket-page__content--your-addresses {
  display: block;
}
.basket-page__content .tabs_content:has(.basket-page__content--add-address:not(.hidden)) .basket-page__content--empty-address, .basket-page__content .tabs_content:has(.basket-page__content--edit-address:not(.hidden)) .basket-page__content--empty-address {
  display: none;
}
@media (max-width: 991px) {
  .basket-page__content .tabs_content:has(.basket-page__content--add-address:not(.hidden)) .tab-mobile, .basket-page__content .tabs_content:has(.basket-page__content--edit-address:not(.hidden)) .tab-mobile {
    display: none;
  }
  .basket-page__content .tabs_content:has(.basket-page__content--add-address:not(.hidden)) .tab-content:not(#step-2), .basket-page__content .tabs_content:has(.basket-page__content--edit-address:not(.hidden)) .tab-content:not(#step-2) {
    display: none;
  }
  .basket-page__content .tabs_content:has(.basket-page__content--add-address:not(.hidden)) #step-2, .basket-page__content .tabs_content:has(.basket-page__content--edit-address:not(.hidden)) #step-2 {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .basket-page__content .tabs_content {
    flex-direction: column;
  }
  .basket-page__content .tabs_content .tab-content {
    visibility: unset;
    opacity: unset;
    height: unset;
    display: none;
  }
  .basket-page__content .tabs_content .tab-content.active {
    padding-top: 16px;
    display: block;
    order: unset;
  }
}
.basket-page__content .tabs_content .tab-mobile {
  display: none;
  padding: 8px;
  background: var(--primary-colors-aluminium-10, #fafafa);
  border-radius: 4px;
  margin-top: 16px;
  pointer-events: none;
  align-items: center;
  justify-content: space-between;
  position: relative;
  gap: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}
.basket-page__content .tabs_content .tab-mobile:first-child {
  margin-top: 0;
}
.basket-page__content .tabs_content .tab-mobile__head {
  display: flex;
  align-items: center;
  gap: 4px;
}
.basket-page__content .tabs_content .tab-mobile__head .icon {
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #7e57c5;
  background-color: var(--accent-color-purple-40, #e2def6);
  display: none;
  border-radius: 50%;
}
.basket-page__content .tabs_content .tab-mobile__head .icon svg {
  width: 16px;
  height: 16px;
}
.basket-page__content .tabs_content .tab-mobile__head--number {
  width: 24px;
  height: 24px;
  background: #eef0f1;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
  border-radius: 50%;
}
.basket-page__content .tabs_content .tab-mobile__head--title {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
.basket-page__content .tabs_content .tab-mobile__details {
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 10px;
  line-height: 20px;
  display: none;
}
.basket-page__content .tabs_content .tab-mobile__arrow {
  position: absolute;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  display: none;
}
.basket-page__content .tabs_content .tab-mobile.complete {
  border-radius: 8px;
  pointer-events: unset;
  padding-left: 32px;
  flex-direction: column;
  align-items: flex-start;
}
.basket-page__content .tabs_content .tab-mobile.complete .tab-mobile__arrow {
  display: flex;
}
.basket-page__content .tabs_content .tab-mobile.complete .tab-mobile__details {
  display: block;
  padding-right: 28px;
}
.basket-page__content .tabs_content .tab-mobile.active {
  background: var(--accent-color-purple-10, #f7f5fd);
  border-radius: 8px;
}
.basket-page__content .tabs_content .tab-mobile.active.go-to-basket-step-1 .tab-mobile__details {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-colors-bunker-40, #5b5e66);
  line-height: 18px;
}
.basket-page__content .tabs_content .tab-mobile.active .tab-mobile__head--title {
  font-weight: 600;
  line-height: 22px;
  color: var(--accent-color-purple-100, #7e57c5);
  letter-spacing: -0.5px;
}
.basket-page__content .tabs_content .tab-mobile.active .tab-mobile__head--number {
  display: none;
}
.basket-page__content .tabs_content .tab-mobile.active .icon {
  display: flex;
}
@media (max-width: 991px) {
  .basket-page__content .tabs_content .tab-mobile {
    display: flex;
  }
}
.basket-page__content .tabs_content .tab-content {
  scroll-margin-block: 185px;
}
.basket-page__content--head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 8px;
  margin-bottom: 24px;
  position: relative;
  border-bottom: 1px solid #f6f6f7;
}
@media (max-width: 991px) {
  .basket-page__content--head {
    display: none;
  }
}
.basket-page__content--head-title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 0;
  letter-spacing: -0.5px;
  font-size: 16px;
}
.basket-page__content--head-count {
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.basket-page__content--head-total-title {
  margin-right: auto;
  color: var(--primary-colors-bunker-80, #2d3038);
  line-height: 22px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.basket-page__content--empty {
  padding-bottom: 108px;
  padding-top: 56px;
  padding-right: 72px;
  padding-left: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: -24px;
}
@media only screen and (max-width: 1448px) {
  .basket-page__content--empty {
    padding-right: 24px;
    padding-left: 24px;
  }
}
@media (max-width: 1024px) {
  .basket-page__content--empty {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .basket-page__content--empty {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.basket-page__content--empty-title {
  margin-bottom: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 600;
  line-height: 28px;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  letter-spacing: -0.5px;
  font-size: 16px;
}
@media (max-width: 991px) {
  .basket-page__content--empty-title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 24px;
  }
}
.basket-page__content--empty-title .icon {
  margin-bottom: 8px;
  position: relative;
  width: 110px;
  color: #e2def6;
  height: 110px;
}
.basket-page__content--empty-title .icon svg {
  position: relative;
  z-index: 1;
}
.basket-page__content--empty-title .icon:before {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: rgba(240, 237, 250, 0.6);
  display: block;
  position: absolute;
  right: -8px;
  bottom: -2px;
  content: "";
}
.basket-page__content--empty-items {
  margin-bottom: 24px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
@media (max-width: 991px) {
  .basket-page__content--empty-items {
    gap: 16px;
  }
}
.basket-page__content--empty-items_item {
  flex: 0 0 calc(33.33% - 16px);
  max-width: calc(33.33% - 16px);
}
@media (max-width: 1400px) {
  .basket-page__content--empty-items_item {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media (max-width: 991px) {
  .basket-page__content--empty-items_item {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}
@media (max-width: 768px) {
  .basket-page__content--empty-items_item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.basket-page__content--empty-more {
  display: flex;
  justify-content: center;
}
.basket-page__content--empty-more_button {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-purple-100, #7e57c5);
  font-weight: 700;
  line-height: 32px;
  font-size: 16px;
  letter-spacing: -0.5px;
  background: transparent;
}
@media (max-width: 768px) {
  .basket-page__content--empty-more_button {
    font-size: 14px;
    letter-spacing: normal;
    line-height: 24px;
  }
}
.basket-page__content--empty-more_button .icon {
  transition: all 0.3s;
  color: #7e57c5;
}
.basket-page__content--empty-more_button:hover .icon {
  transform: translateX(-2px);
}
.basket-page__content--empty-address {
  padding-top: 95px;
  padding-bottom: 85px;
  padding-left: 48px;
  padding-right: 48px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 991px) {
  .basket-page__content--empty-address {
    padding: 24px 12px;
    max-width: 344px;
  }
}
.basket-page__content--empty-address .icon {
  border-radius: 50%;
  background-color: var(--accent-color-anzac-10, #efead2);
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
  color: #977337;
}
@media (max-width: 991px) {
  .basket-page__content--empty-address .icon {
    width: 48px;
    height: 48px;
    margin-bottom: 4px;
  }
}
.basket-page__content--empty-address .icon svg {
  width: 60px;
  height: 60px;
}
@media (max-width: 991px) {
  .basket-page__content--empty-address .icon svg {
    width: 32px;
    height: 32px;
  }
}
.basket-page__content--empty-address p {
  margin-bottom: 32px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
@media (max-width: 991px) {
  .basket-page__content--empty-address p {
    color: var(--Primary-Colors-Bunker, #8d9199);
    margin-bottom: 24px;
    font-size: 12px;
  }
}
.basket-page__content--empty-address .primary-button {
  min-width: 254px;
}
@media (max-width: 991px) {
  .basket-page__content--empty-address .primary-button {
    min-width: 187px;
    font-size: 14px;
    height: 40px;
    border-radius: 4px;
    padding: 8px 16px;
  }
}
.basket-page__content--your-addresses {
  display: none;
}
.basket-page__with-side {
  display: flex;
  gap: 24px;
  position: relative;
}
@media (max-width: 991px) {
  .basket-page__with-side {
    position: relative;
    flex-direction: column;
    align-items: unset;
    padding-bottom: 48px;
  }
}
.basket-page__with-side--sidebar {
  flex: 0 0 332px;
  max-width: 332px;
}
@media (max-width: 991px) {
  .basket-page__with-side--sidebar {
    flex: unset;
    max-width: 100%;
  }
}
.basket-page__with-side--content {
  flex: 1;
}
.basket-page__with-side .basket-button-fix-in-mobile--placeholder {
  margin-bottom: -8px;
  display: none;
}
@media (max-width: 991px) {
  .basket-page__with-side .basket-button-fix-in-mobile--placeholder {
    display: block;
  }
}
.basket-page__step3--head {
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .basket-page__step3--head {
    display: none;
  }
}
@media (max-width: 991px) {
  .basket-page__step3 .primary-button {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
  }
}
.basket-page__step4--head {
  margin-bottom: 28px;
}
@media (max-width: 991px) {
  .basket-page__step4--head {
    display: none;
  }
}
.basket-page__step4 .primary-button.primary-button--dark {
  min-width: 214px;
  position: relative;
}
@media (max-width: 991px) {
  .basket-page__step4 .primary-button.primary-button--dark {
    min-width: unset;
    bottom: 0;
    position: absolute;
    right: 0;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
  }
}

.basket-page-items {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .basket-page-items {
    margin-bottom: 32px;
  }
}
.basket-page-items .basket-page-item {
  padding-bottom: 24px;
  padding-top: 24px;
  border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}
@media (max-width: 991px) {
  .basket-page-items .basket-page-item {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.basket-page-items .basket-page-item__price-alert {
  width: 100%;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 8px;
  flex-shrink: 0;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
}
.basket-page-items .basket-page-item__price-alert--success {
  background: #E1F7E4;
  color: #57C56B;
}
.basket-page-items .basket-page-item__price-alert--warning {
  background: #FBE5E5;
  color: #DC4040;
}
.basket-page-items .basket-page-item__row {
  display: flex;
  gap: 48px;
  width: 100%;
}
@media (max-width: 991px) {
  .basket-page-items .basket-page-item__row {
    flex-direction: column;
    gap: 0;
  }
}
.basket-page-items .basket-page-item__product {
  position: relative;
  flex: 1;
  min-width: 0;
  padding-left: 80px;
}
@media (max-width: 991px) {
  .basket-page-items .basket-page-item__product {
    padding-top: 0;
    padding-left: 0;
    flex: unset;
  }
}
.basket-page-items .basket-page-item__product .card__basket-item {
  padding-right: 103px;
}
.basket-page-items .basket-page-item__product .card__basket-item--image {
  height: 95px;
  width: 95px;
}
@media (max-width: 991px) {
  .basket-page-items .basket-page-item__product .card__basket-item {
    min-height: 64px;
    padding-right: 68px;
  }
  .basket-page-items .basket-page-item__product .card__basket-item--image {
    height: 64px;
    width: 64px;
  }
  .basket-page-items .basket-page-item__product .card__basket-item--details {
    margin-top: 12px;
  }
}
.basket-page-items .basket-page-item__product .card__basket-item--price {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
@media (max-width: 991px) {
  .basket-page-items .basket-page-item__product .card__basket-item--price {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    letter-spacing: normal;
    line-height: 18px;
    font-size: 12px;
  }
  .basket-page-items .basket-page-item__product .card__basket-item--price-old {
    font-size: 10px;
    text-decoration-line: strikethrough;
  }
}
.basket-page-items .basket-page-item__product--gift {
  margin-right: 103px;
  margin-top: 16px;
  display: flex;
  gap: 24px;
}
.basket-page-items .basket-page-item__product--gift .card__gift {
  flex: 0 0 auto;
  width: auto;
  padding: 8px 8px 8px 16px;
}
.basket-page-items .basket-page-item__product--gift .card__gift--picture {
  margin-left: 8px;
}
.basket-page-items .basket-page-item__product--gift .card__gift--picture img {
  width: 64px;
}
@media (max-width: 991px) {
  .basket-page-items .basket-page-item__product--gift {
    margin-right: 68px;
    margin-top: 20px;
    flex-direction: column;
    gap: 16px;
  }
  .basket-page-items .basket-page-item__product--gift .card__gift--title {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.basket-page-items .basket-page-item__quantity {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 991px) {
  .basket-page-items .basket-page-item__quantity {
    margin-top: -24px;
    position: relative;
    z-index: 1;
    top: unset;
    left: unset;
    float: left;
  }
}
@media (max-width: 768px) {
  .basket-page-items .basket-page-item__quantity {
    margin-top: -20px;
  }
}
.basket-page-items .basket-page-item__total-price {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  letter-spacing: -0.5px;
  line-height: 22px;
  margin-right: auto;
  align-self: flex-start;
  margin: 3px 0;
}
@media (max-width: 991px) {
  .basket-page-items .basket-page-item__total-price {
    margin-top: 12px;
    flex: unset;
    background: var(--primary-colors-aluminium-20, #f6f6f7);
    border-radius: 4px;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 18px;
    width: calc(100% - 68px);
    margin-right: auto;
    gap: 16px;
  }
  .basket-page-items .basket-page-item__total-price:before {
    content: "مجموع";
    color: var(--primary-colors-bunker-80, #2d3038);
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
  }
}
.basket-page-items .basket-page-item:first-child {
  padding-top: 0;
}
.basket-page-items__details {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 48px;
}
@media (max-width: 991px) {
  .basket-page-items__details {
    margin-bottom: 8px;
    gap: 16px;
    flex-direction: column;
    justify-content: unset;
    align-items: unset;
  }
}
@media (max-width: 991px) {
  .basket-page-items__details--info {
    order: -1;
  }
}
.basket-page-items__details--info ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  gap: 12px;
}
@media (max-width: 991px) {
  .basket-page-items__details--info ul {
    gap: 8px;
    background: var(--accent-color-purple-10, #f7f5fd);
    border-radius: 4px;
    padding: 12px 8px;
  }
}
.basket-page-items__details--info ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.basket-page-items__details--info-title {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin-left: 30px;
}
@media (max-width: 991px) {
  .basket-page-items__details--info-title {
    margin-left: 8px;
  }
}
.basket-page-items__details--info-value {
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .basket-page-items__details--info-value {
    font-size: 12px;
    line-height: 18px;
  }
}
.basket-page-items__details--info-total-title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
  margin-left: 30px;
}
@media (max-width: 991px) {
  .basket-page-items__details--info-total-title {
    margin-left: 8px;
  }
}
.basket-page-items__details--info-total-value {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .basket-page-items__details--info-total-value {
    font-size: 14px;
    line-height: 22px;
  }
}
.basket-page-items__details--coupon {
  border: 1px solid #EEF0F1;
  padding: 24px 16px;
  border-radius: 8px;
}
.basket-page-items__details--coupon .form-group {
  margin-bottom: 0;
  width: 100%;
  position: relative;
}
@media (max-width: 1200px) {
  .basket-page-items__details--coupon .form-group {
    width: 300px;
  }
}
@media (max-width: 1024px) {
  .basket-page-items__details--coupon .form-group {
    width: 240px;
  }
}
@media (max-width: 991px) {
  .basket-page-items__details--coupon .form-group {
    width: unset;
    flex: 1;
  }
}
.basket-page-items__details--coupon .form-group label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.basket-page-items__details--coupon .form-group label svg {
  display: block;
}
.basket-page-items__details--coupon .form-group label .tooltipWrapper {
  cursor: pointer;
}
.basket-page-items__details--coupon .form-group label .tooltipWrapper .tooltip {
  transform: translateX(12px) translateY(-16px);
  right: 0;
  left: auto;
  opacity: 0.5;
}
@media (max-width: 991px) {
  .basket-page-items__details--coupon .form-group label .tooltipWrapper .tooltip {
    width: 220px !important;
    white-space: normal !important;
  }
}
.basket-page-items__details--coupon .form-group label .tooltipWrapper .tooltip:before {
  left: auto;
  right: 12px;
}
.basket-page-items__details--coupon .form-group label .tooltipWrapper:hover .tooltip {
  transform: translateX(12px) translateY(-12px);
}
.basket-page-items__details--coupon .form-group input {
  height: 56px;
}
@media (max-width: 991px) {
  .basket-page-items__details--coupon .form-group input {
    height: 48px;
  }
}
.basket-page-items__details--coupon .form-group input[readonly] {
  border-color: #43474e;
}
.basket-page-items__details--coupon .headerCardForm {
  display: flex;
  justify-content: space-between;
}
.basket-page-items__details--coupon .headerCardForm h4 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: var(--primary-colors-bunker-60, #43474e);
  margin-bottom: 0;
}
.basket-page-items__details--coupon .headerCardForm button {
  background: transparent;
  display: flex;
  align-items: center;
  color: #2D3038;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  gap: 4px;
  transition: 0.3s ease-out;
}
.basket-page-items__details--coupon form {
  margin-top: 0px;
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.3s ease-out;
}
.basket-page-items__details--coupon-form {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.basket-page-items__details--coupon-form .inside {
  flex: 1;
  position: relative;
}
.basket-page-items__details--coupon-form .inside .removeDiscount {
  position: absolute;
  left: 0;
  display: flex;
  background: none;
  width: 16px;
  height: 16px;
  justify-content: center;
  left: 16px;
  top: 46px;
}
.basket-page-items__details--coupon-form .inside .removeDiscount.removed {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  .basket-page-items__details--coupon-form {
    gap: 16px;
  }
}
.basket-page-items__details--coupon-form .primary-button {
  gap: 4px;
  border: 2px solid var(--primary-colors-bunker-80, #2d3038);
  color: var(--primary-colors-bunker-80, #2d3038);
  min-width: 175px;
  position: relative;
  white-space: nowrap;
  min-width: 200px;
  overflow: hidden;
}
.basket-page-items__details--coupon-form .primary-button:hover {
  background-color: var(--primary-colors-bunker-80, #2d3038);
  color: #ffffff;
}
.basket-page-items__details--coupon-form .primary-button > div:not(.loaderWrapper) {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-out;
  justify-content: center;
  gap: 2px;
}
.basket-page-items__details--coupon-form .primary-button > div:not(.loaderWrapper):first-child {
  opacity: 1;
  visibility: visible;
}
.basket-page-items__details--coupon-form .primary-button > div:not(.loaderWrapper):not(:first-child) {
  position: absolute;
  inset: 0;
  margin: auto;
}
.basket-page-items__details--coupon-form .primary-button.primary-button--success {
  border-color: #dc4040 !important;
  color: #dc4040 !important;
  background: #ffffff;
}
.basket-page-items__details--coupon-form .primary-button.primary-button--success:hover {
  background: #dc4040;
  border-color: #dc4040 !important;
  color: #ffffff !important;
}
.basket-page-items__details--coupon-form .primary-button.primary-button--success > div:nth-child(1) {
  opacity: 0;
  visibility: hidden;
}
.basket-page-items__details--coupon-form .primary-button.primary-button--success > div:nth-child(2) {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 991px) {
  .basket-page-items__details--coupon-form .primary-button {
    gap: 0;
    height: 48px;
    border-radius: 4px;
    padding: 8px 16px;
    min-width: 74px;
  }
  .basket-page-items__details--coupon-form .primary-button span {
    display: none;
  }
}
.basket-page-items__details--coupon .checkout-coupon-success, .basket-page-items__details--coupon .checkout-gift-card-success {
  font-weight: 600;
  font-size: 12px !important;
  line-height: 18px;
  letter-spacing: 0px;
  padding: 11px 36px 11px 11px;
  border-radius: 8px;
}
.basket-page-items__details--coupon .checkout-coupon-success, .basket-page-items__details--coupon .checkout-gift-card-success {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8H12.01M11 12H12V16H13M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke="%2357C56B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') right 8px center no-repeat, rgba(225, 247, 228, 0.5019607843);
}
.basket-page-items__details--coupon .checkout-coupon-error,
.basket-page-items__details--coupon .checkout-coupon-success,
.basket-page-items__details--coupon .checkout-gift-card-errorو .checkout-gift-card-error {
  display: block;
  line-height: 18px;
}
.basket-page-items__finish {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .basket-page-items__finish {
    gap: 4px;
  }
  .basket-page-items__finish .primary-button {
    height: 40px;
    padding: 8px 16px;
    border-radius: 4px;
    width: 100%;
    font-size: 14px;
  }
}
.basket-page-items__finish--info {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
@media (max-width: 991px) {
  .basket-page-items__finish--info {
    font-size: 12px;
  }
}
.basket-page-items__finish--info .icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  color: #967cd6;
}
@media (max-width: 991px) {
  .basket-page-items__finish--info .icon {
    width: 16px;
    min-width: 16px;
    height: 16px;
    transform: translateY(3px);
  }
}
.basket-page-items__couponAndgift {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .basket-page-items__couponAndgift {
    margin-bottom: 8px;
  }
}
.basket-page-items__couponAndgift .items__couponAndgift--title {
  font-weight: var(--font-weight-600);
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #2d3038;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
.basket-page-items__couponAndgift .items__couponAndgift--title:before, .basket-page-items__couponAndgift .items__couponAndgift--title:after {
  content: "";
  flex: 1;
  background: #cebb76;
  height: 1px;
}
.basket-page-items__couponAndgift .checkout-discount-form input[type=text].error, .basket-page-items__couponAndgift .checkout-gift-card-form input[type=text].error {
  color: #43474e !important;
}
.basket-page-items__couponAndgift .basket-page-items__details--coupon.active {
  padding-bottom: 16px;
}
.basket-page-items__couponAndgift .basket-page-items__details--coupon.active .headerCardForm button {
  opacity: 0;
  visibility: hidden;
}
.basket-page-items__couponAndgift .basket-page-items__details--coupon.active form {
  grid-template-rows: minmax(0, 1fr);
  margin-top: 24px;
}
.basket-page-items__couponAndgift .basket-page-items__details--coupon + .basket-page-items__details--coupon {
  margin-top: 24px;
}

.basket-steps-back {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  letter-spacing: -0.5px;
  font-weight: 600;
  line-height: 28px;
  background: transparent;
}
.basket-steps-back .icon {
  width: 24px;
  height: 24px;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  transition: all 0.3s;
}
.basket-steps-back:hover .icon {
  transform: translateX(2px);
}

.basket-add-address__head {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .basket-add-address__head {
    margin-bottom: 16px;
  }
}
.basket-add-address__content {
  display: flex;
  gap: 24px;
}
@media (max-width: 991px) {
  .basket-add-address__content {
    flex-direction: column;
    padding-bottom: 64px;
    position: relative;
    gap: 0;
  }
}
.basket-add-address__content--map {
  flex: 0 0 450px;
  max-width: 450px;
  min-height: 400px;
  height: 572px;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .basket-add-address__content--map {
    flex: 0 0 332px;
    max-width: 332px;
  }
}
@media (max-width: 991px) {
  .basket-add-address__content--map {
    max-width: 100%;
    min-height: 343px;
    height: 343px;
    flex: unset;
  }
}
.basket-add-address__content--map .map {
  width: 100%;
  height: 100%;
}
.basket-add-address__content--map .map canvas {
  width: 100% !important;
  transform: none !important;
}
.basket-add-address__content .basket-button-fix-in-mobile--placeholder {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
}
.basket-add-address__content--form {
  flex: 1;
  width: 0;
  min-width: 0;
}
@media (max-width: 768px) {
  .basket-add-address__content--form {
    width: 100%;
  }
}
.basket-add-address__content--form > form {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.basket-add-address__content--form .form-groups {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 991px) {
  .basket-add-address__content--form .form-groups {
    gap: 16px;
  }
}
.basket-add-address__content--form .form-groups .form-group {
  margin-bottom: 0;
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
}
@media (max-width: 991px) {
  .basket-add-address__content--form .form-groups .form-group {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .basket-add-address__content--form .form-groups .form-group select {
    padding-left: 12px;
    padding-right: 12px;
    height: 48px;
  }
  .basket-add-address__content--form .form-groups .form-group .ss-main {
    --ss-main-height: 48px;
  }
}
.basket-add-address__content--form .form-groups .form-group textarea {
  font-size: 16px;
  resize: none;
}
.basket-add-address__content--form .form-groups .form-group textarea::-moz-placeholder {
  font-size: 14px;
}
.basket-add-address__content--form .form-groups .form-group textarea::placeholder {
  font-size: 14px;
}
@media (max-width: 991px) {
  .basket-add-address__content--form .form-groups .form-group textarea {
    font-size: 14px;
    height: 80px;
    padding: 8px;
  }
}
.basket-add-address__content--form .form-groups .form-group input[type=text],
.basket-add-address__content--form .form-groups .form-group input[type=email],
.basket-add-address__content--form .form-groups .form-group input[type=password] {
  height: 56px;
  padding: 16px;
  font-size: 16px;
}
.basket-add-address__content--form .form-groups .form-group input[type=text]::-moz-placeholder, .basket-add-address__content--form .form-groups .form-group input[type=email]::-moz-placeholder, .basket-add-address__content--form .form-groups .form-group input[type=password]::-moz-placeholder {
  font-size: 14px;
}
.basket-add-address__content--form .form-groups .form-group input[type=text]::placeholder,
.basket-add-address__content--form .form-groups .form-group input[type=email]::placeholder,
.basket-add-address__content--form .form-groups .form-group input[type=password]::placeholder {
  font-size: 14px;
}
@media (max-width: 991px) {
  .basket-add-address__content--form .form-groups .form-group input[type=text],
  .basket-add-address__content--form .form-groups .form-group input[type=email],
  .basket-add-address__content--form .form-groups .form-group input[type=password] {
    height: 48px;
    padding: 12px;
    font-size: 14px;
  }
}
.basket-add-address__content--form .form-groups .form-group--full {
  flex: 0 0 100%;
  max-width: 100%;
}
.basket-add-address__content--form .form-groups .form-group--full textarea {
  height: 100px;
}
.basket-add-address__content--form .form-groups .form-group__order-taker {
  margin-top: -8px;
}
@media (max-width: 991px) {
  .basket-add-address__content--form .form-groups .form-group__order-taker {
    margin-top: 8px;
  }
}
.basket-add-address__content--form .form-groups .form-group__order-taker--title {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  cursor: pointer;
  line-height: 24px;
  font-weight: 400;
}
.basket-add-address__content--form .form-groups .form-group__order-taker--title .icon {
  transition: all 0.3s;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  color: #b08f42;
}
.basket-add-address__content--form .form-groups .form-group__order-taker--title .icon svg {
  width: 16px;
  height: 16px;
  transition: all 0.3s;
  opacity: 0;
}
.basket-add-address__content--form .form-groups .form-group__order-taker--title input {
  display: none;
}
.basket-add-address__content--form .form-groups .form-group__order-taker--title input:checked ~ .icon {
  border: 1px solid var(--primary-colors-bunker-60, #43474e);
}
.basket-add-address__content--form .form-groups .form-group__order-taker--title input:checked ~ .icon svg {
  opacity: 1;
}
.basket-add-address__content--form .form-groups .form-group__order-taker .basket-order-taker {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.6s;
}
.basket-add-address__content--form .form-groups .form-group__order-taker .basket-order-taker > div {
  margin-bottom: 32px;
  display: flex;
  gap: 24px;
}
@media (max-width: 991px) {
  .basket-add-address__content--form .form-groups .form-group__order-taker .basket-order-taker > div {
    gap: 16px;
    flex-wrap: wrap;
  }
  .basket-add-address__content--form .form-groups .form-group__order-taker .basket-order-taker > div .form-group {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.basket-add-address__content--form .form-groups .form-group__order-taker:has(input:checked) .basket-order-taker {
  grid-template-rows: minmax(0, 1fr);
}
.basket-add-address__content--form-remove {
  margin-right: 24px;
  display: inline-flex;
  align-items: center;
  height: 56px;
  gap: 8px;
  color: var(--alert-color-error-100, #dc4040);
  font-weight: 700;
  background: transparent;
  line-height: 24px;
  letter-spacing: -0.5px;
  transform: translateY(4px);
}
@media (max-width: 991px) {
  .basket-add-address__content--form-remove {
    margin-right: 0;
    position: absolute;
    left: 0;
    justify-content: center;
    bottom: 0;
    background-color: #ffffff;
    border-radius: 4px;
    border: 2px solid var(--alert-color-error-100, #dc4040);
    height: 40px;
    width: 40px;
    gap: 0;
    font-size: 0;
    transform: translateY(0);
  }
  .basket-add-address__content--form-remove .icon {
    width: 24px;
    height: 24px;
  }
}
.basket-add-address__content--form .primary-button {
  margin-top: auto;
}
@media (max-width: 991px) {
  .basket-add-address__content--form .primary-button {
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .basket-add-address__content--form:has(.basket-add-address__content--form-remove) .primary-button {
    width: calc(100% - 48px);
  }
}

.basket-your-addresses {
  display: flex;
  gap: 24px;
}
@media (max-width: 991px) {
  .basket-your-addresses {
    flex-direction: column;
  }
}
.basket-your-addresses__map {
  flex: 0 0 332px;
  max-width: 332px;
  min-height: 400px;
  height: 572px;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .basket-your-addresses__map {
    display: none;
  }
}
.basket-your-addresses__map .map {
  width: 100%;
  height: 100%;
}
.basket-your-addresses__map .map canvas {
  width: 100% !important;
}
.basket-your-addresses__list {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.basket-your-addresses__list #checkout-address-list-items {
  width: 100%;
}
.basket-your-addresses__list .primary-button {
  margin-top: auto;
}
@media (max-width: 991px) {
  .basket-your-addresses__list .primary-button {
    border-radius: 4px;
    padding: 8px 16px;
    height: 40px;
    font-size: 14px;
    width: 100%;
  }
}
.basket-your-addresses__list .basket-steps-back {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .basket-your-addresses__list .basket-steps-back {
    margin-bottom: 16px;
  }
}
.basket-your-addresses__list--head {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .basket-your-addresses__list--head {
    margin-bottom: 16px;
  }
}
.basket-your-addresses__list--head .basket-your-addresses__list-back {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: start;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .basket-your-addresses__list--head .basket-your-addresses__list-back {
    font-size: 16px;
    line-height: 24px;
  }
}
.basket-your-addresses__list--head .basket-your-addresses__list-back .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  transition: transform 0.2s ease;
}
.basket-your-addresses__list--head .basket-your-addresses__list-back:hover {
  color: var(--primary-colors-bunker-60, #43474e);
}
.basket-your-addresses__list--head .basket-your-addresses__list-back:hover .icon {
  transform: translateX(2px);
}
.basket-your-addresses__list--add {
  margin-top: 24px;
  margin-bottom: 32px;
  border-radius: 8px;
  background-image: url("/build/assets/pin-CgEhs_XZ.png");
  background-color: #eeedf2;
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-right: 200px;
  padding-left: 24px;
  padding-bottom: 24px;
  padding-top: 24px;
  width: 100%;
}
@media (max-width: 1024px) {
  .basket-your-addresses__list--add {
    padding-right: 132px;
  }
}
@media (max-width: 991px) {
  .basket-your-addresses__list--add {
    margin-top: 16px;
    padding-right: 118px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 16px;
    min-height: 112px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-position: calc(100% + 36px) bottom;
  }
}
.basket-your-addresses__list--add h6 {
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .basket-your-addresses__list--add h6 {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.basket-your-addresses__list--add .basket-new-address {
  background: transparent;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.basket-your-addresses__list--add .basket-new-address .icon {
  color: #2d3038;
}
.basket-your-addresses__list--item {
  position: relative;
}
.basket-your-addresses__list--item input {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  display: block;
  cursor: pointer;
  opacity: 0;
}
.basket-your-addresses__list--item input:checked ~ .your-basket-address-item {
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom-color: transparent;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .basket-your-addresses__list--item input:checked ~ .your-basket-address-item {
    padding-top: 16px;
    padding-bottom: 40px;
  }
  .basket-your-addresses__list--item input:checked ~ .your-basket-address-item .your-basket-address-item__order-taker {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #eef0f1;
    padding-top: 12px;
    border-top: 1px solid #eef0f1;
  }
  .basket-your-addresses__list--item input:checked ~ .your-basket-address-item .your-basket-address-item__location {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #eef0f1;
  }
  .basket-your-addresses__list--item input:checked ~ .your-basket-address-item:has(.your-basket-address-item__order-taker) .your-basket-address-item__location {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.basket-your-addresses__list--item input:checked ~ .your-basket-address-item .your-basket-address-item__title--edit {
  opacity: 1;
  pointer-events: unset;
}
.basket-your-addresses__list--item input:checked ~ .your-basket-address-item .your-basket-address-item__title--name span {
  border-color: var(--primary-colors-bunker-60, #43474e);
}
.basket-your-addresses__list--item input:checked ~ .your-basket-address-item .your-basket-address-item__title--name span:after {
  opacity: 1;
}
.basket-your-addresses__list--item input:checked ~ .your-basket-address-item .your-basket-address-item__order-taker {
  display: block;
}
.basket-your-addresses__list--item .your-basket-address-item {
  transition: all 0.3s;
  border-bottom: 1px solid #eef0f1;
  padding: 16px;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .basket-your-addresses__list--item .your-basket-address-item {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.basket-your-addresses__list--item .your-basket-address-item__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .basket-your-addresses__list--item .your-basket-address-item__title {
    margin-bottom: 16px;
  }
}
.basket-your-addresses__list--item .your-basket-address-item__title--name {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 991px) {
  .basket-your-addresses__list--item .your-basket-address-item__title--name {
    gap: 4px;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 18px;
  }
}
.basket-your-addresses__list--item .your-basket-address-item__title--name span {
  border-radius: 50%;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  width: 18px;
  height: 18px;
  transition: all 0.3s;
}
.basket-your-addresses__list--item .your-basket-address-item__title--name span:after {
  transition: all 0.3s;
  content: "";
  display: block;
  border-radius: 50%;
  background: var(--accent-color-anzac-60, #c0a452);
  width: 10px;
  opacity: 0;
  height: 10px;
}
.basket-your-addresses__list--item .your-basket-address-item__title--edit {
  transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 14px;
  line-height: 24px;
  background: transparent;
  font-weight: 600;
}
@media (max-width: 991px) {
  .basket-your-addresses__list--item .your-basket-address-item__title--edit {
    position: absolute;
    bottom: 16px;
    right: 12px;
  }
}
.basket-your-addresses__list--item .your-basket-address-item__title--edit .icon {
  width: 16px;
  height: 16px;
  color: #795c2c;
}
.basket-your-addresses__list--item .your-basket-address-item__location {
  padding-right: 26px;
  display: flex;
  align-items: flex-start;
  gap: 4px;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .basket-your-addresses__list--item .your-basket-address-item__location {
    font-size: 12px;
    padding-right: 22px;
  }
}
.basket-your-addresses__list--item .your-basket-address-item__location .icon {
  width: 18px;
  min-width: 18px;
  height: 18px;
  color: #43474e;
}
@media (max-width: 991px) {
  .basket-your-addresses__list--item .your-basket-address-item__location .icon {
    width: 16px;
    min-width: 16px;
    height: 16px;
    transform: translateY(2px);
  }
}
.basket-your-addresses__list--item .your-basket-address-item__order-taker {
  padding-right: 26px;
  margin-top: 16px;
  transition: 0.3s ease-out;
}
@media (max-width: 991px) {
  .basket-your-addresses__list--item .your-basket-address-item__order-taker {
    margin-top: 12px;
    padding-right: 22px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
  }
}
.basket-your-addresses__list--item .your-basket-address-item__order-taker ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 991px) {
  .basket-your-addresses__list--item .your-basket-address-item__order-taker ul {
    gap: 12px;
    flex-direction: column;
  }
}
.basket-your-addresses__list--item .your-basket-address-item__order-taker ul li {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.basket-your-addresses__list--item .your-basket-address-item__order-taker ul li .icon {
  color: #8d9199;
}
.basket-your-addresses__list--item .your-basket-address-item__order-taker--value {
  color: var(--primary-colors-bunker-60, #43474e);
}
@keyframes checkout-sidebar-product-reveal {
  from {
    opacity: 0;
    max-height: 0;
    margin-bottom: 0;
    transform: translate3d(0, -10px, 0) scale(0.98);
  }
  to {
    opacity: 1;
    max-height: var(--checkout-sidebar-product-height, 180px);
    margin-bottom: var(--checkout-sidebar-product-margin, 16px);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@media (max-width: 991px) {
  .basket-page-sidebar {
    display: flex;
    flex-direction: column-reverse;
  }
}
.basket-page-sidebar__box {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .basket-page-sidebar__box {
    margin-bottom: 0;
  }
}
.basket-page-sidebar__box:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .basket-page-sidebar__box:last-child {
    margin-bottom: 24px;
  }
}
.basket-page-sidebar__box--title {
  padding-bottom: 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  pointer-events: none;
}
.basket-page-sidebar__box--title .icon {
  display: none;
}
@media (max-width: 991px) {
  .basket-page-sidebar__box--title {
    font-size: 14px;
    pointer-events: unset;
    line-height: 22px;
  }
  .basket-page-sidebar__box--title .icon {
    display: flex;
    color: #8d9199;
    transition: all 0.3s;
  }
  .basket-page-sidebar__box--title.accordion-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    cursor: pointer;
  }
  .basket-page-sidebar__box--title.accordion-title.active .icon {
    transform: rotate(180deg);
  }
}
.basket-page-sidebar__box__coupon-pricing-notice {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  margin-bottom: 16px;
  border-radius: 8px;
  background: #eef4ff;
  color: #3d5a99;
}
.basket-page-sidebar__box__coupon-pricing-notice--icon {
  display: flex;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}
.basket-page-sidebar__box__coupon-pricing-notice--icon svg {
  width: 18px;
  height: 18px;
}
.basket-page-sidebar__box__coupon-pricing-notice--text {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}
.basket-page-sidebar__box__coupon-pricing-notice[hidden] {
  display: none;
}
@media (max-width: 991px) {
  .basket-page-sidebar__box--products {
    display: grid;
    overflow: hidden;
    grid-template-rows: minmax(0, 0fr);
    transition: grid-template-rows 0.6s;
  }
  .basket-page-sidebar__box--products.accordion-content ul {
    margin-top: 16px;
  }
  .basket-page-sidebar__box--products.active {
    grid-template-rows: minmax(0, 1fr);
  }
}
.basket-page-sidebar__box--products-inner {
  min-height: 0;
}
.basket-page-sidebar__box--products ul {
  list-style: none;
  padding: 0;
}
.basket-page-sidebar__box--products ul li {
  margin-bottom: 16px;
}
.basket-page-sidebar__box--products ul li:last-child {
  margin-bottom: 0;
}
.basket-page-sidebar__box--products ul .basket-page-sidebar__box--product-item[hidden] {
  display: none;
}
.basket-page-sidebar__box--products ul .basket-page-sidebar__box--product-item.is-revealing {
  animation: checkout-sidebar-product-reveal 0.44s cubic-bezier(0.22, 1, 0.36, 1) both;
  overflow: hidden;
}
.basket-page-sidebar__box--products ul .basket-page-sidebar__box--product-item.is-hiding {
  animation: checkout-sidebar-product-reveal 0.44s cubic-bezier(0.22, 1, 0.36, 1) reverse both;
  overflow: hidden;
}
.basket-page-sidebar__box--products-toggle {
  color: #7E57C5;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  margin-top: 16px;
  overflow: hidden;
  transition: border-color 0.25s ease, background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, width 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  white-space: nowrap;
}
.basket-page-sidebar__box--products-toggle .checkout-sidebar-products-toggle__label {
  display: inline-block;
  transition: opacity 0.14s ease, transform 0.14s ease;
}
.basket-page-sidebar__box--products-toggle svg {
  flex-shrink: 0;
  transition: transform 0.25s ease;
}
.basket-page-sidebar__box--products-toggle.is-label-changing .checkout-sidebar-products-toggle__label {
  opacity: 0;
  transform: translate3d(0, 4px, 0);
}
.basket-page-sidebar__box--products-toggle[aria-expanded=true] svg {
  transform: rotate(180deg);
}
.basket-page-sidebar__box--product {
  position: relative;
  min-height: 64px;
  padding-right: 72px;
  display: flex;
  flex-direction: column;
}
.basket-page-sidebar__box--product-media {
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  height: 64px;
  z-index: 0;
}
.basket-page-sidebar__box--product-media-link {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.basket-page-sidebar__box--product-media-link picture {
  display: block;
  width: 100%;
  height: 100%;
}
.basket-page-sidebar__box--product-media-link img,
.basket-page-sidebar__box--product-media-link picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 8px;
}
.basket-page-sidebar__box--product-qty-badge {
  position: absolute;
  right: 2px;
  top: 2px;
  pointer-events: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background: #efead2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #977337;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
}
.basket-page-sidebar__box--product-title {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 600;
  display: block;
}
.basket-page-sidebar__box--product-price {
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  display: block;
  margin-top: auto;
}
.basket-page-sidebar__box--details ul {
  list-style: none;
  padding: 0;
}
.basket-page-sidebar__box--details ul li {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 8px;
  padding-left: 8px;
}
.basket-page-sidebar__box--details-title {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 14px;
  line-height: 24px;
}
.basket-page-sidebar__box--details-title .icon {
  color: #e2def6;
}
.basket-page-sidebar__box--details-value {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
}
.basket-page-sidebar__box--details-value--savings {
  color: var(--accent-color-anzac-100, #977337);
}
.basket-page-sidebar__box--details-total {
  padding: 16px 8px;
  background: var(--accent-color-purple-10, #f7f5fd);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .basket-page-sidebar__box--details-total {
    font-size: 14px;
    line-height: 22px;
  }
}
.basket-page-sidebar__box--details-total span {
  font-size: 14px;
  line-height: 22px;
}
@media (max-width: 991px) {
  .basket-page-sidebar__box--details-total span {
    font-size: 12px;
    line-height: 18px;
  }
}
.basket-page-sidebar__box--details-info {
  margin-top: 12px;
  display: flex;
  align-items: flex-start;
  gap: 4px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .basket-page-sidebar__box--details-info {
    margin-top: 4px;
    font-size: 12px;
  }
}
.basket-page-sidebar__box--details-info .icon {
  width: 24px;
  color: #795c2c;
  min-width: 24px;
  height: 24px;
}
@media (max-width: 991px) {
  .basket-page-sidebar__box--details-info .icon {
    transform: translateY(3px);
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
}
.basket-page-sidebar__box--details-description {
  margin-top: 24px;
}
.basket-page-sidebar__box--details-description .form-group {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .basket-page-sidebar__box--details-description {
    margin-top: 16px;
  }
}
.basket-page-sidebar__box--details-description textarea {
  height: 150px;
}
@media (max-width: 991px) {
  .basket-page-sidebar__box--details-description textarea {
    font-size: 14px;
    height: 74px;
  }
}

.delivery-method-time {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .delivery-method-time {
    margin-bottom: 0;
  }
}
.delivery-method-time__item {
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eef0f1;
  margin-bottom: 8px;
  position: relative;
}
@media (max-width: 991px) {
  .delivery-method-time__item {
    margin-bottom: 0;
  }
  .delivery-method-time__item:first-child {
    margin-top: -16px;
  }
}
.delivery-method-time__item--selections:has(> input:checked) {
  border: none;
}
@media (max-width: 991px) {
  .delivery-method-time__item--selections:has(> input:checked) {
    border-bottom: 1px solid #eef0f1;
  }
  .delivery-method-time__item--selections:has(> input:checked) .delivery-method-time-select {
    margin-bottom: 0;
  }
}
.delivery-method-time__item > input {
  position: absolute;
  width: 100%;
  height: 73px;
  cursor: pointer;
  right: 0;
  top: 0;
  display: block;
  opacity: 0;
  z-index: 1;
}
.delivery-method-time__item > input:checked ~ .delivery-method-time__item--title {
  font-size: 16px;
  color: var(--primary-colors-bunker-80, #2d3038);
}
@media (max-width: 991px) {
  .delivery-method-time__item > input:checked ~ .delivery-method-time__item--title {
    font-size: 12px;
  }
}
.delivery-method-time__item > input:checked ~ .delivery-method-time__item--title span {
  border-color: var(--primary-colors-bunker-60, #43474e);
}
.delivery-method-time__item > input:checked ~ .delivery-method-time__item--title span:after {
  opacity: 1;
}
.delivery-method-time__item > input:checked ~ .delivery-method-time-select {
  grid-template-rows: auto auto;
  overflow: visible;
}
.delivery-method-time__item--title {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--Primary-Colors-Bunker, #8d9199);
  transition: color 0.3s;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
  min-height: 28px;
  transition: 0.3s ease-out;
}
@media (max-width: 991px) {
  .delivery-method-time__item--title {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
    min-height: 24px;
    gap: 4px;
  }
}
.delivery-method-time__item--title span:not(.forTehran) {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  transition: 0.3s ease-out;
}
.delivery-method-time__item--title span:not(.forTehran):after {
  content: "";
  display: block;
  background: var(--accent-color-anzac-60, #c0a452);
  opacity: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transition: 0.3s ease-out;
}
.delivery-method-time__item--title span.forTehran {
  color: #8D9199;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.delivery-method-time__item--title strong {
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
@media (max-width: 991px) {
  .delivery-method-time__item--title strong {
    margin-right: 4px;
  }
}
.delivery-method-time__item--title b {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .delivery-method-time__item--title b {
    font-size: 12px;
  }
}

.delivery-method-time-select {
  display: grid;
  transition: 0.3s ease-out;
  border-radius: 8px;
  background: var(--primary-colors-aluminium-10, #fafafa);
  max-height: 0px;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
.delivery-method-time-select--expanded {
  max-height: 234px;
  margin-top: -16px;
}
@media (max-width: 991px) {
  .delivery-method-time-select--expanded {
    max-height: none;
  }
}
.delivery-method-time-select > div {
  padding: 24px;
}
@media (max-width: 991px) {
  .delivery-method-time-select > div {
    padding: 16px 12px 16px;
    position: relative;
    overflow: hidden;
  }
}
.delivery-method-time-select h6 {
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: var(--primary-colors-bunker-20, #74777f);
}
@media (max-width: 991px) {
  .delivery-method-time-select h6 {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .delivery-method-time-select__day {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eef0f1;
  }
}
.delivery-method-time-select__day-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 16px;
  flex-wrap: nowrap;
  white-space: nowrap;
  scrollbar-width: none;
}
@media (max-width: 991px) {
  .delivery-method-time-select__day-list {
    overflow-x: auto;
    gap: 12px;
  }
}
.delivery-method-time-select__day ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 24px;
  flex-wrap: nowrap;
  white-space: nowrap;
  scrollbar-width: none;
}
@media (max-width: 991px) {
  .delivery-method-time-select__day ul {
    overflow-x: auto;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
.delivery-method-time-select__day--item {
  position: relative;
}
.delivery-method-time-select__day--item input {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
}
.delivery-method-time-select__day--item input:checked ~ .delivery-method-time-select__day--item-box .delivery-method-time-select__day--num {
  color: #b08f42 !important;
  border-color: #b08f42 !important;
  background: #efead2 !important;
}
.delivery-method-time-select__day--item input:checked ~ .delivery-method-time-select__day--item-box .delivery-method-time-select__day--weekday {
  color: #b08f42;
}
.delivery-method-time-select__day--item-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.delivery-method-time-select__day--item-box .delivery-method-time-select__day--num {
  width: 32px;
  height: 32px;
  font-size: 12px;
  font-weight: 700;
  color: #8d9199;
  border: 1px solid #eef0f1;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-out;
}
.delivery-method-time-select__day--item-box .delivery-method-time-select__day--weekday {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: var(--primary-colors-bunker-40, #8d9199);
  transition: 0.3s ease-out;
}
.delivery-method-time-select__day--item:hover .delivery-method-time-select__day--num {
  border-color: #8d9199;
}
.delivery-method-time-select__day--custom {
  background: transparent;
  color: var(--accent-color-anzac-80, #b08f42);
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  transform: translateY(4px);
}
@media (max-width: 991px) {
  .delivery-method-time-select__day--custom {
    font-size: 12px;
    line-height: 18px;
  }
}
.delivery-method-time-select__day--custom .icon {
  color: #b08f42;
}
.delivery-method-time-select__clock {
  margin-bottom: 0;
  padding-top: 0 !important;
}
.delivery-method-time-select__clock-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  min-height: 38px;
}
@media (max-width: 991px) {
  .delivery-method-time-select__clock-list {
    gap: 10px;
  }
}
.delivery-method-time-select__clock ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 991px) {
  .delivery-method-time-select__clock ul {
    gap: 10px;
  }
  .delivery-method-time-select__clock ul > li {
    flex: 0 0 calc(50% - 5px);
    min-width: calc(50% - 5px);
    max-width: calc(50% - 5px);
  }
}
.delivery-method-time-select__clock--slot {
  list-style: none;
}
.delivery-method-time-select__clock--slot-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.delivery-method-time-select__clock--full-badge {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  height: 34px !important;
  line-height: 18px !important;
  background: #B08F42 !important;
}
.delivery-method-time-select__clock--blocker {
  position: absolute;
  inset: 0;
  z-index: 3;
  cursor: not-allowed;
  background: transparent;
}
.delivery-method-time-select__clock--slot.is-slot-full {
  cursor: not-allowed;
}
.delivery-method-time-select__clock--item {
  position: relative;
  width: 100%;
}
.delivery-method-time-select__clock--item input {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
}
.delivery-method-time-select__clock--item input:checked ~ .delivery-method-time-select__clock--item-box {
  border-color: var(--accent-color-anzac-80, #b08f42) !important;
  background-color: #efead2 !important;
  color: #b08f42 !important;
}
.delivery-method-time-select__clock--item input:disabled {
  cursor: not-allowed;
}
.delivery-method-time-select__clock--item input:disabled ~ .delivery-method-time-select__clock--item-box {
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  color: #e0e2e5;
  cursor: not-allowed;
}
.delivery-method-time-select__clock--item.is-full .delivery-method-time-select__clock--item-box {
  border-color: var(--primary-colors-aluminium-40, #eef0f1);
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  color: #e0e2e5;
}
.delivery-method-time-select__clock--item-tooltip {
  white-space: nowrap;
  opacity: 0;
  transition: all 0.3s;
  position: absolute;
  left: -8px;
  top: -4px;
  transform: translateY(-100%);
  border-radius: 8px;
  background: var(--accent-color-anzac-80, #b08f42);
  padding: 8px;
  color: var(--White, #ffffff);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
@media (max-width: 991px) {
  .delivery-method-time-select__clock--item-tooltip {
    display: none !important;
  }
}
.delivery-method-time-select__clock--item-tooltip:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  bottom: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--accent-color-anzac-80, #b08f42);
}
.delivery-method-time-select__clock--item-box {
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  transition: all 0.2s;
  display: flex;
  align-items: center;
  height: 38px;
  color: #8d9199;
  background: #ffffff;
  text-align: center;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
}
.delivery-method-time-select__clock--item-box .clock {
  font-size: 12px;
  font-weight: 600;
}
.delivery-method-time-select__clock--item-box .time {
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .delivery-method-time-select__clock--item-box {
    padding: 10px 12px;
    font-size: 12px;
    min-height: 38px;
    min-width: 0;
    gap: 0;
  }
}
.delivery-method-time-select__clock--item:hover:not(.is-full) .delivery-method-time-select__clock--item-box {
  border-color: #8d9199;
}
.delivery-method-time-select__clock--item:hover .delivery-method-time-select__clock--item-tooltip {
  opacity: 1;
}

.basket-pay-method {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 1fr);
  transition: grid-template-rows 0.6s;
}
.basket-pay-method.removed {
  grid-template-rows: minmax(0, 0fr);
}
@media (max-width: 991px) {
  .basket-pay-method {
    padding-top: 8px;
  }
}
.basket-pay-method__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px !important;
}
@media (max-width: 991px) {
  .basket-pay-method__list {
    gap: 0;
  }
}
.basket-pay-method ul {
  list-style: none;
  padding: 0;
  margin-bottom: 32px;
}
.basket-pay-method ul li {
  margin-bottom: 0;
}
.basket-pay-method ul.basket-pay-method__list {
  margin-bottom: 20px;
}
.basket-pay-method__item {
  position: relative;
}
.basket-pay-method__item input {
  right: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.basket-pay-method__item--content {
  padding: 16px 50px 16px 88px;
  transition: all 0.3s;
  border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  background: #ffffff;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
}
@media (max-width: 991px) {
  .basket-pay-method__item--content {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.basket-pay-method__item--content-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s ease-out;
}
.basket-pay-method__item--content-title b {
  color: var(--accent-color-anzac-100, #977337);
  line-height: 18px;
  font-weight: 600;
  font-size: 12px;
  background: var(--accent-color-anzac-10, #efead2);
  border-radius: 4px;
  padding: 2px 8px;
}
.basket-pay-method__item--content p {
  margin-top: 4px;
  line-height: 24px;
  margin-bottom: 0;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  transition: 0.3s ease-out;
}
.basket-pay-method__item--content .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 24px;
  width: unset;
  height: unset;
  color: #e3e3e4;
  transition: all 0.3s;
}
.basket-pay-method__item--content .icon svg {
  width: 40px;
  height: auto;
}
.basket-pay-method__item--content-wallet {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 2;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 991px) {
  .basket-pay-method__item--content-wallet {
    position: relative;
    left: unset;
    top: unset;
    transform: translateY(0);
    margin-top: 16px;
  }
}
.basket-pay-method__item--content-wallet .icon {
  color: #2d3038;
  transition: all 0.3s;
}
.basket-pay-method__item--content-wallet:hover {
  color: #c0a452;
}
.basket-pay-method__item--content-wallet:hover .icon {
  color: #c0a452;
}
.basket-pay-method__item--content span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  border-radius: 50%;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  background: #ffffff;
  width: 18px;
  height: 18px;
  transition: all 0.3s;
}
.basket-pay-method__item--content span:after {
  content: "";
  border-radius: 50%;
  transition: all 0.3s;
  width: 10px;
  height: 10px;
  display: block;
  background: var(--accent-color-anzac-60, #c0a452);
  opacity: 0;
}
.basket-pay-method__item--content:has(.basket-pay-method__item--content-wallet) {
  padding-left: 128px;
}
@media (max-width: 991px) {
  .basket-pay-method__item--content:has(.basket-pay-method__item--content-wallet) {
    padding-left: 0;
  }
}
.basket-pay-method__item.basket-pay-method__item--card .basket-pay-method__item--content {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--primary-colors-aluminium-20, #F6F6F7);
  box-shadow: none;
}
.basket-pay-method__item.basket-pay-method__item--card .basket-pay-method__item--logo {
  display: block;
  width: 40px;
  height: auto;
  max-height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.basket-pay-method__item.basket-pay-method__item--card .basket-pay-method__item--content .icon {
  transition: filter 0.25s ease, opacity 0.25s ease;
}
.basket-pay-method__item.basket-pay-method__item--card input:checked ~ .basket-pay-method__item--content .icon {
  opacity: 1;
}
.basket-pay-method__item.basket-pay-method__item--card input:checked ~ .basket-pay-method__item--content {
  background: #FAFAFA;
  border-bottom-color: transparent;
  box-shadow: none;
  margin-top: 0;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .basket-pay-method__item.basket-pay-method__item--card input:checked ~ .basket-pay-method__item--content {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.basket-pay-method__item.basket-pay-method__item--card input:checked ~ .basket-pay-method__item--content .basket-pay-method__item--content-title {
  color: var(--primary-colors-bunker-80, #2d3038);
}
.basket-pay-method__item.basket-pay-method__item--card input:checked ~ .basket-pay-method__item--content p {
  color: var(--primary-colors-bunker-40, #8d9199);
}
.basket-pay-method__item.basket-pay-method__item--card input:checked ~ .basket-pay-method__item--content span {
  border-color: var(--accent-color-anzac-80, #b08f42);
  background: #ffffff;
}
.basket-pay-method__item.basket-pay-method__item--card input:checked ~ .basket-pay-method__item--content span:after {
  opacity: 1;
  background: var(--accent-color-anzac-80, #b08f42);
}
.basket-pay-method__item.basket-pay-method__item--card input:not(:checked) ~ .basket-pay-method__item--content {
  background: #ffffff;
}
.basket-pay-method__item.basket-pay-method__item--card input:not(:checked) ~ .basket-pay-method__item--content span {
  border-color: #c5c9d0;
  background: #ffffff;
}
.basket-pay-method__item.basket-pay-method__item--card input:not(:checked) ~ .basket-pay-method__item--content span:after {
  opacity: 0;
}
.basket-pay-method__item:not(.basket-pay-method__item--card) input:checked ~ .basket-pay-method__item--content {
  border-bottom-color: transparent;
  border-radius: 8px;
  background: var(--primary-colors-aluminium-10, #fafafa);
}
@media (max-width: 991px) {
  .basket-pay-method__item:not(.basket-pay-method__item--card) input:checked ~ .basket-pay-method__item--content {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: -4px;
  }
}
.basket-pay-method__item:not(.basket-pay-method__item--card) input:checked ~ .basket-pay-method__item--content .basket-pay-method__item--content-title {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
}
.basket-pay-method__item:not(.basket-pay-method__item--card) input:checked ~ .basket-pay-method__item--content p {
  color: var(--primary-colors-bunker-80, #2d3038);
}
.basket-pay-method__item:not(.basket-pay-method__item--card) input:checked ~ .basket-pay-method__item--content .icon {
  color: #c0a452;
}
.basket-pay-method__item:not(.basket-pay-method__item--card) input:checked ~ .basket-pay-method__item--content span {
  border-color: var(--primary-colors-bunker-60, #43474e);
}
.basket-pay-method__item:not(.basket-pay-method__item--card) input:checked ~ .basket-pay-method__item--content span:after {
  opacity: 1;
}
.basket-pay-method-offs {
  display: none;
  margin-bottom: 8px;
}
.basket-pay-method-offs ul {
  display: flex;
  flex-direction: column;
  padding: 0;
  list-style: none;
  gap: 16px;
}
.basket-pay-method-offs ul li .checkbox__over {
  padding: 16px 8px 16px;
  border-radius: 8px;
  gap: 4px;
  border: 1px solid transparent;
  background: var(--primary-colors-aluminium-10, #fafafa);
  align-items: flex-start;
}
.basket-pay-method-offs ul li .checkbox__over .icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
}
.basket-pay-method-offs ul li .checkbox__over .icon svg {
  width: 16px;
  height: 16px;
}
.basket-pay-method-offs ul li .checkbox__over--label {
  font-size: 12px;
  line-height: 18px;
}
.basket-pay-method-offs ul li:has(input:checked) .checkbox__over {
  background: linear-gradient(#fafafa, #fafafa) padding-box, linear-gradient(to right, #fafafa 40%, #c0a452 100%) border-box;
}
@media (max-width: 991px) {
  .basket-pay-method-offs {
    display: block;
  }
}
.basket-pay-method-gift {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .basket-pay-method-gift {
    margin-bottom: 24px;
  }
}
.basket-pay-method-gift__head {
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 991px) {
  .basket-pay-method-gift__head {
    margin-bottom: 24px;
  }
}
.basket-pay-method-gift__head:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background: #cebb76;
  display: block;
}
.basket-pay-method-gift__head h5 {
  margin-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #ffffff;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -0.5px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .basket-pay-method-gift__head h5 span {
    font-size: 0;
  }
}
.basket-pay-method-gift__content .form-groups {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 991px) {
  .basket-pay-method-gift__content .form-groups {
    gap: 16px;
  }
}
.basket-pay-method-gift__content .form-groups .form-group {
  margin-bottom: 0;
  flex: 1;
}
.basket-pay-method-gift__content .form-groups .form-group label {
  display: flex;
  align-items: center;
  gap: 4px;
}
.basket-pay-method-gift__content .form-groups .form-group label .icon {
  color: #cebb76;
}
@media (max-width: 991px) {
  .basket-pay-method-gift__content .form-groups .form-group label .icon {
    display: none;
  }
}
.basket-pay-method-gift__content .form-groups .form-group input {
  font-size: 16px;
  padding: 16px;
  height: 56px;
}
@media (max-width: 991px) {
  .basket-pay-method-gift__content .form-groups .form-group input {
    padding: 12px;
    font-size: 14px;
    height: 48px;
  }
}
.basket-pay-method-gift__content .form-groups .form-group .alert.success {
  margin-top: 8px;
  margin-bottom: 16px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 600;
  padding: 8px;
  gap: 4px;
}
@media (max-width: 991px) {
  .basket-pay-method-gift__content .form-groups .form-group .alert.success {
    flex-direction: row;
  }
}
.basket-pay-method-gift__content .form-groups button {
  margin-top: 26px;
  flex: 0 0 214px;
  max-width: 214px;
  white-space: nowrap;
}
.basket-pay-method-gift__content .form-groups button:not(.primary-button--pale, .primary-button--success) {
  border: 2px solid var(--primary-colors-bunker-80, #2d3038);
  color: var(--primary-colors-bunker-80, #2d3038);
}
.basket-pay-method-gift__content .form-groups button:not(.primary-button--pale, .primary-button--success):hover {
  color: #ffffff;
  border-color: var(--primary-colors-aluminium-100, #a8abb4);
  background: var(--primary-colors-aluminium-100, #a8abb4);
}
@media (max-width: 1200px) {
  .basket-pay-method-gift__content .form-groups button {
    flex: 0 0 170px;
    max-width: 170px;
  }
}
@media (max-width: 991px) {
  .basket-pay-method-gift__content .form-groups button {
    height: 48px;
    flex: 0 0 74px;
    max-width: 74px;
    gap: 0;
    font-size: 0;
    border-radius: 4px;
    padding: 8px 16px;
  }
  .basket-pay-method-gift__content .form-groups button span {
    font-size: 14px;
  }
}

#checkout-legal-row {
  margin-bottom: 16px;
}

.basket-pay-wallet {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 8px;
  margin-bottom: 24px;
  background: #fafafa;
}
@media (max-width: 991px) {
  .basket-pay-wallet {
    padding: 14px 16px;
    flex-wrap: wrap;
  }
}
.basket-pay-wallet__info {
  flex: 1;
  min-width: 0;
}
.basket-pay-wallet__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 4px;
}
.basket-pay-wallet__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #727376;
  margin-bottom: 0;
}
.basket-pay-wallet__credit-badge {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  padding: 2px 8px;
  color: #977337;
  background: #efead2;
  border-radius: 4px;
}
.basket-pay-wallet__hint {
  margin: 0;
  font-size: 12px;
  line-height: 24px;
  color: var(--primary-colors-bunker-40, #8d9199);
  font-weight: 400;
}
.basket-pay-wallet__switch {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-self: center;
  width: 28px;
  height: 16px;
  cursor: pointer;
}
.basket-pay-wallet__switch input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.basket-pay-wallet__switch input:checked + .basket-pay-wallet__slider {
  background-color: #C0A452;
}
.basket-pay-wallet__switch input:checked + .basket-pay-wallet__slider:before {
  transform: translateX(0px);
  background: #C0A452;
}
.basket-pay-wallet__switch input:focus-visible + .basket-pay-wallet__slider {
  outline: 2px solid #C0A452;
  outline-offset: 2px;
}
.basket-pay-wallet__slider {
  position: absolute;
  inset: 0;
  border-radius: 8px;
  background: #C4C6CF;
  transition: background 0.2s;
}
.basket-pay-wallet__slider:before {
  content: "";
  position: absolute;
  height: 12px;
  width: 12px;
  right: 2px;
  top: 0px;
  margin: auto;
  bottom: 0;
  background: #C4C6CF;
  border-radius: 50%;
  transition: 0.2s ease-out;
  transform: translateX(-12px);
  box-shadow: 0px 2px 4px 0px rgba(14, 18, 27, 0.0784313725), 0px 4px 8px 0px rgba(27, 28, 29, 0.0588235294), inset 0px 0px 0px 4px #ffffff;
}

.gateway-page {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 926px;
}
.gateway-page-box {
  box-shadow: 12px 12px 40px -4px rgba(0, 0, 0, 0.08), -12px -12px 40px -4px rgba(0, 0, 0, 0.05);
  margin-bottom: 40px;
  background: #ffffff;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .gateway-page-box {
    border-radius: 8px;
    margin-bottom: 32px;
    position: relative;
    padding-bottom: 80px;
  }
}
.gateway-page-box__head {
  padding: 16px 24px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: relative;
}
@media (max-width: 991px) {
  .gateway-page-box__head {
    padding: 16px;
    position: static;
    justify-content: center;
  }
}
.gateway-page-box__head:before {
  content: "";
  position: absolute;
  left: 24px;
  bottom: 0;
  width: calc(100% - 48px);
  height: 1px;
  display: block;
  background: #eef0f1;
}
@media (max-width: 991px) {
  .gateway-page-box__head:before {
    display: none;
  }
}
.gateway-page-box__head--title {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 991px) {
  .gateway-page-box__head--title {
    gap: 4px;
  }
}
.gateway-page-box__head--title .icon {
  width: 48px;
  height: 48px;
}
@media (max-width: 991px) {
  .gateway-page-box__head--title .icon {
    width: 40px;
    height: 40px;
  }
  .gateway-page-box__head--title .icon svg path {
    stroke-width: 2px;
  }
}
.gateway-page-box__head--title h4 {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 28px;
  letter-spacing: -0.5px;
}
.gateway-page-box__head--tools {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 991px) {
  .gateway-page-box__head--tools {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 80px;
    padding: 24px 16px 16px;
  }
}
.gateway-page-box__head--tools-button {
  background: transparent;
  width: 32px;
  height: 32px;
  position: relative;
}
@media (max-width: 991px) {
  .gateway-page-box__head--tools-button {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    border: 2px solid var(--accent-color-anzac-60, #c0a452);
    padding: 8px 16px;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: var(--accent-color-anzac-60, #c0a452);
    letter-spacing: -0.5px;
  }
  .gateway-page-box__head--tools-button:first-child {
    display: none;
  }
}
.gateway-page-box__head--tools-button .icon {
  width: 32px;
  height: 32px;
  color: #8d9199;
}
@media (max-width: 991px) {
  .gateway-page-box__head--tools-button .icon {
    width: 16px;
    height: 16px;
    color: #c0a452;
  }
}
.gateway-page-box__head--tools-button_tooltip {
  opacity: 0;
  white-space: nowrap;
  transition: all 0.3s;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  top: -6px;
  border-radius: 8px;
  background: var(--accent-color-anzac-80, #b08f42);
  padding: 8px;
  color: var(--White, #ffffff);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
@media (max-width: 991px) {
  .gateway-page-box__head--tools-button_tooltip {
    opacity: 1;
    position: static;
    transform: unset;
    background: transparent;
    border-radius: unset;
    padding: 0;
    color: var(--accent-color-anzac-60, #c0a452);
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.5px;
  }
}
.gateway-page-box__head--tools-button_tooltip:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  bottom: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--accent-color-anzac-80, #b08f42);
}
@media (max-width: 991px) {
  .gateway-page-box__head--tools-button_tooltip:after {
    display: none;
  }
}
.gateway-page-box__head--tools-button:hover .gateway-page-box__head--tools-button_tooltip {
  opacity: 1;
}
.gateway-page-box__content {
  padding-top: 32px;
  padding-bottom: 24px;
  padding-right: 24px;
  padding-left: 24px;
}
@media (max-width: 991px) {
  .gateway-page-box__content {
    position: relative;
    padding-top: 16px;
    padding-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .gateway-page-box__content:before {
    content: "";
    position: absolute;
    left: 16px;
    top: -1px;
    width: calc(100% - 32px);
    height: 1px;
    display: none;
    background: #eef0f1;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .gateway-page-box__content:before {
    display: block;
  }
}
.gateway-page-box__content ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  padding-left: 150px;
  row-gap: 16px;
  -moz-column-gap: 150px;
       column-gap: 150px;
}
@media (max-width: 991px) {
  .gateway-page-box__content ul {
    padding-left: 0;
    gap: 12px;
  }
}
.gateway-page-box__content ul li {
  flex: 0 0 calc(50% - 75px);
  max-width: calc(50% - 75px);
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
@media (max-width: 991px) {
  .gateway-page-box__content ul li {
    gap: 8px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.gateway-page-box__content ul li p {
  margin-bottom: 0;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .gateway-page-box__content ul li p {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
  }
}
.gateway-page-box__content ul li .icon {
  width: 18px;
  min-width: 18px;
  height: 18px;
  color: #b1a2e3;
  transform: translateY(2px);
}
.gateway-page-box__content ul li:last-child {
  flex: 0 0 100%;
  max-width: 100%;
}
.gateway-page-box__content ul li:last-child .gateway-page-box__content--value {
  margin-right: unset !important;
}
.gateway-page-box__content ul li:nth-child(2n) .gateway-page-box__content--value {
  margin-right: auto;
}
@media (max-width: 991px) {
  .gateway-page-box__content ul li:nth-child(2n) .gateway-page-box__content--value {
    margin-right: unset;
  }
}
.gateway-page-box__content--title {
  margin-left: 4px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .gateway-page-box__content--title {
    font-size: 12px;
    margin-left: 0;
    min-width: 78px;
  }
}
.gateway-page-box__content--value {
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .gateway-page-box__content--value {
    font-size: 12px;
    letter-spacing: normal;
    line-height: 18px;
    transform: translateY(3px);
  }
}
.gateway-page-box__support {
  padding: 16px 24px;
  background: var(--primary-colors-aluminium-10, #fafafa);
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  font-weight: 600;
  display: flex;
  letter-spacing: -0.5px;
  line-height: 22px;
}
@media (max-width: 991px) {
  .gateway-page-box__support {
    padding: 16px;
    gap: 16px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.gateway-page-box__support--tel {
  display: flex;
  direction: ltr;
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
  color: #977337;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .gateway-page-box__support--tel {
    font-size: 14px;
    line-height: 22px;
    gap: 4px;
  }
}
.gateway-page-box__support--tel .icon {
  width: 24px;
  height: 24px;
  transform: rotate(-0.034deg);
  color: #977337;
}
@media (max-width: 991px) {
  .gateway-page-box__support--tel .icon {
    width: 16px;
    height: 16px;
  }
}
.gateway-page__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 991px) {
  .gateway-page__buttons {
    padding-left: 16px;
    padding-right: 16px;
    gap: 16px;
  }
}
.gateway-page__buttons--retry {
  min-width: 333px !important;
}
@media (max-width: 991px) {
  .gateway-page__buttons--retry {
    min-width: unset !important;
    width: 100% !important;
  }
}
.gateway-page__buttons .primary-button {
  min-width: 214px;
}
@media (max-width: 991px) {
  .gateway-page__buttons .primary-button {
    min-width: unset;
    width: 164px;
    height: 40px;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 14px;
  }
}
.gateway-page__buttons .primary-button--border {
  border: 2px solid var(--primary-colors-bunker-80, #2d3038);
  color: var(--primary-colors-bunker-80, #2d3038);
}
.gateway-page__buttons .primary-button--border:hover {
  background-color: var(--primary-colors-bunker-80, #2d3038);
  color: #ffffff;
}

.gateway-page-basket {
  padding: 32px 24px 8px;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .gateway-page-basket {
    padding: 0;
  }
}
.gateway-page-basket__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
  border-bottom: 1px solid #8d9199;
  pointer-events: none;
}
.gateway-page-basket__head--title {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 28px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .gateway-page-basket__head--title {
    font-size: 14px;
    line-height: 22px;
    gap: 4px;
  }
}
.gateway-page-basket__head--title-count {
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: normal;
}
.gateway-page-basket__head--total-title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .gateway-page-basket__head--total-title {
    display: none;
  }
}
.gateway-page-basket__head .icon {
  display: none;
}
@media (max-width: 991px) {
  .gateway-page-basket__head {
    pointer-events: unset;
    cursor: pointer;
  }
  .gateway-page-basket__head .icon {
    margin-right: auto;
    display: flex;
    color: #8d9199;
    transition: all 0.3s;
  }
  .gateway-page-basket__head.active .icon {
    transform: rotate(180deg);
  }
}
.gateway-page-basket__items ul {
  list-style: none;
  padding: 0;
}
.gateway-page-basket__items ul li {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding-bottom: 24px;
  padding-top: 24px;
  border-bottom: 1px solid #eef0f1;
}
@media (max-width: 991px) {
  .gateway-page-basket__items ul li {
    padding-bottom: 0;
    padding-top: 0;
    border-bottom: none;
  }
}
.gateway-page-basket__items--product {
  position: relative;
  min-height: 64px;
  padding-right: 72px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gateway-page-basket__items--product img {
  position: absolute;
  border-radius: 8px;
  right: 0;
  top: 0;
  width: 64px;
  height: 64px;
}
.gateway-page-basket__items--product-title {
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 600;
}
.gateway-page-basket__items--product-price {
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.gateway-page-basket__items--product-option {
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.gateway-page-basket__items--total-price {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .gateway-page-basket__items--total-price {
    display: none;
  }
}

.gateway-page--order-success,
.gateway-page--payment-failed,
.gateway-page--gift-card-success,
.gateway-page--gift-card-failed,
.gateway-page--wallet-topup-success,
.gateway-page--wallet-topup-failed {
  padding-top: 40px;
  padding-bottom: 56px;
  min-height: 60vh;
}
@media (max-width: 991px) {
  .gateway-page--order-success,
  .gateway-page--payment-failed,
  .gateway-page--gift-card-success,
  .gateway-page--gift-card-failed,
  .gateway-page--wallet-topup-success,
  .gateway-page--wallet-topup-failed {
    padding-top: 16px;
    padding-bottom: 0;
  }
}
.gateway-page--order-success .container,
.gateway-page--payment-failed .container,
.gateway-page--gift-card-success .container,
.gateway-page--gift-card-failed .container,
.gateway-page--wallet-topup-success .container,
.gateway-page--wallet-topup-failed .container {
  width: 1200px;
  max-width: 100%;
}
.gateway-page--order-success .gateway-page,
.gateway-page--payment-failed .gateway-page,
.gateway-page--gift-card-success .gateway-page,
.gateway-page--gift-card-failed .gateway-page,
.gateway-page--wallet-topup-success .gateway-page,
.gateway-page--wallet-topup-failed .gateway-page {
  width: 990px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.gateway-page--order-success .gateway-page-box,
.gateway-page--payment-failed .gateway-page-box,
.gateway-page--gift-card-success .gateway-page-box,
.gateway-page--gift-card-failed .gateway-page-box,
.gateway-page--wallet-topup-success .gateway-page-box,
.gateway-page--wallet-topup-failed .gateway-page-box {
  box-shadow: 0 8px 32px rgba(45, 48, 56, 0.1), 0 2px 8px rgba(45, 48, 56, 0.06);
  border-radius: 16px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box,
  .gateway-page--payment-failed .gateway-page-box,
  .gateway-page--gift-card-success .gateway-page-box,
  .gateway-page--gift-card-failed .gateway-page-box,
  .gateway-page--wallet-topup-success .gateway-page-box,
  .gateway-page--wallet-topup-failed .gateway-page-box {
    border-radius: 16px;
    margin-bottom: 20px;
    padding-bottom: 80px;
    position: relative;
  }
}
.gateway-page--order-success .gateway-page-box__head,
.gateway-page--payment-failed .gateway-page-box__head,
.gateway-page--gift-card-success .gateway-page-box__head,
.gateway-page--gift-card-failed .gateway-page-box__head,
.gateway-page--wallet-topup-success .gateway-page-box__head,
.gateway-page--wallet-topup-failed .gateway-page-box__head {
  padding: 16px 24px 16px;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__head,
  .gateway-page--payment-failed .gateway-page-box__head,
  .gateway-page--gift-card-success .gateway-page-box__head,
  .gateway-page--gift-card-failed .gateway-page-box__head,
  .gateway-page--wallet-topup-success .gateway-page-box__head,
  .gateway-page--wallet-topup-failed .gateway-page-box__head {
    padding: 16px 16px 18px;
    align-items: center;
  }
}
.gateway-page--order-success .gateway-page-box__head::before,
.gateway-page--payment-failed .gateway-page-box__head::before,
.gateway-page--gift-card-success .gateway-page-box__head::before,
.gateway-page--gift-card-failed .gateway-page-box__head::before,
.gateway-page--wallet-topup-success .gateway-page-box__head::before,
.gateway-page--wallet-topup-failed .gateway-page-box__head::before {
  left: 24px;
  right: 24px;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__head::before,
  .gateway-page--payment-failed .gateway-page-box__head::before,
  .gateway-page--gift-card-success .gateway-page-box__head::before,
  .gateway-page--gift-card-failed .gateway-page-box__head::before,
  .gateway-page--wallet-topup-success .gateway-page-box__head::before,
  .gateway-page--wallet-topup-failed .gateway-page-box__head::before {
    left: 16px;
    right: 16px;
  }
}
.gateway-page--order-success .gateway-page-box__head--title,
.gateway-page--payment-failed .gateway-page-box__head--title,
.gateway-page--gift-card-success .gateway-page-box__head--title,
.gateway-page--gift-card-failed .gateway-page-box__head--title,
.gateway-page--wallet-topup-success .gateway-page-box__head--title,
.gateway-page--wallet-topup-failed .gateway-page-box__head--title {
  gap: 14px;
  align-items: center;
}
.gateway-page--order-success .gateway-page-box__head--title h4,
.gateway-page--payment-failed .gateway-page-box__head--title h4,
.gateway-page--gift-card-success .gateway-page-box__head--title h4,
.gateway-page--gift-card-failed .gateway-page-box__head--title h4,
.gateway-page--wallet-topup-success .gateway-page-box__head--title h4,
.gateway-page--wallet-topup-failed .gateway-page-box__head--title h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  color: var(--primary-colors-bunker-80, #2d3038);
  letter-spacing: -0.03em;
  margin: 0;
}
.gateway-page--order-success .gateway-page-box__head--tools,
.gateway-page--payment-failed .gateway-page-box__head--tools,
.gateway-page--gift-card-success .gateway-page-box__head--tools,
.gateway-page--gift-card-failed .gateway-page-box__head--tools,
.gateway-page--wallet-topup-success .gateway-page-box__head--tools,
.gateway-page--wallet-topup-failed .gateway-page-box__head--tools {
  gap: 8px;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__head--tools,
  .gateway-page--payment-failed .gateway-page-box__head--tools,
  .gateway-page--gift-card-success .gateway-page-box__head--tools,
  .gateway-page--gift-card-failed .gateway-page-box__head--tools,
  .gateway-page--wallet-topup-success .gateway-page-box__head--tools,
  .gateway-page--wallet-topup-failed .gateway-page-box__head--tools {
    width: auto;
    height: auto;
    padding: 0;
    justify-content: flex-end;
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
  }
  .gateway-page--order-success .gateway-page-box__head--tools > a,
  .gateway-page--payment-failed .gateway-page-box__head--tools > a,
  .gateway-page--gift-card-success .gateway-page-box__head--tools > a,
  .gateway-page--gift-card-failed .gateway-page-box__head--tools > a,
  .gateway-page--wallet-topup-success .gateway-page-box__head--tools > a,
  .gateway-page--wallet-topup-failed .gateway-page-box__head--tools > a {
    height: 40px !important;
    border: 2px solid #C0A452 !important;
    border-radius: 4px !important;
    width: 100%;
    height: 100%;
    background: transparent !important;
    gap: 4px;
  }
  .gateway-page--order-success .gateway-page-box__head--tools > a::after,
  .gateway-page--payment-failed .gateway-page-box__head--tools > a::after,
  .gateway-page--gift-card-success .gateway-page-box__head--tools > a::after,
  .gateway-page--gift-card-failed .gateway-page-box__head--tools > a::after,
  .gateway-page--wallet-topup-success .gateway-page-box__head--tools > a::after,
  .gateway-page--wallet-topup-failed .gateway-page-box__head--tools > a::after {
    content: "ذخیره PDF";
    font-size: 14px;
    line-height: 24px;
    color: #C0A452;
  }
  .gateway-page--order-success .gateway-page-box__head--tools > a path,
  .gateway-page--payment-failed .gateway-page-box__head--tools > a path,
  .gateway-page--gift-card-success .gateway-page-box__head--tools > a path,
  .gateway-page--gift-card-failed .gateway-page-box__head--tools > a path,
  .gateway-page--wallet-topup-success .gateway-page-box__head--tools > a path,
  .gateway-page--wallet-topup-failed .gateway-page-box__head--tools > a path {
    stroke: #C0A452;
    stroke-width: 2.5;
  }
}
.gateway-page--order-success .gateway-page-box__head--tools-button,
.gateway-page--payment-failed .gateway-page-box__head--tools-button,
.gateway-page--gift-card-success .gateway-page-box__head--tools-button,
.gateway-page--gift-card-failed .gateway-page-box__head--tools-button,
.gateway-page--wallet-topup-success .gateway-page-box__head--tools-button,
.gateway-page--wallet-topup-failed .gateway-page-box__head--tools-button {
  position: relative;
  border-radius: 10px;
  transition: background 0.2s, color 0.2s;
  width: 32px;
  height: 32px;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__head--tools-button,
  .gateway-page--payment-failed .gateway-page-box__head--tools-button,
  .gateway-page--gift-card-success .gateway-page-box__head--tools-button,
  .gateway-page--gift-card-failed .gateway-page-box__head--tools-button,
  .gateway-page--wallet-topup-success .gateway-page-box__head--tools-button,
  .gateway-page--wallet-topup-failed .gateway-page-box__head--tools-button {
    display: flex !important;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border: none !important;
    padding: 0;
    color: inherit;
  }
}
.gateway-page--order-success .gateway-page-box__head--tools-button .icon,
.gateway-page--payment-failed .gateway-page-box__head--tools-button .icon,
.gateway-page--gift-card-success .gateway-page-box__head--tools-button .icon,
.gateway-page--gift-card-failed .gateway-page-box__head--tools-button .icon,
.gateway-page--wallet-topup-success .gateway-page-box__head--tools-button .icon,
.gateway-page--wallet-topup-failed .gateway-page-box__head--tools-button .icon {
  color: #8d9199;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gateway-page--order-success .gateway-page-box__head--tools-button .icon svg,
.gateway-page--payment-failed .gateway-page-box__head--tools-button .icon svg,
.gateway-page--gift-card-success .gateway-page-box__head--tools-button .icon svg,
.gateway-page--gift-card-failed .gateway-page-box__head--tools-button .icon svg,
.gateway-page--wallet-topup-success .gateway-page-box__head--tools-button .icon svg,
.gateway-page--wallet-topup-failed .gateway-page-box__head--tools-button .icon svg {
  width: 24px;
  height: 24px;
  display: block;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__head--tools-button .icon,
  .gateway-page--payment-failed .gateway-page-box__head--tools-button .icon,
  .gateway-page--gift-card-success .gateway-page-box__head--tools-button .icon,
  .gateway-page--gift-card-failed .gateway-page-box__head--tools-button .icon,
  .gateway-page--wallet-topup-success .gateway-page-box__head--tools-button .icon,
  .gateway-page--wallet-topup-failed .gateway-page-box__head--tools-button .icon {
    width: 22px;
    height: 22px;
    color: #8d9199;
  }
  .gateway-page--order-success .gateway-page-box__head--tools-button .icon svg,
  .gateway-page--payment-failed .gateway-page-box__head--tools-button .icon svg,
  .gateway-page--gift-card-success .gateway-page-box__head--tools-button .icon svg,
  .gateway-page--gift-card-failed .gateway-page-box__head--tools-button .icon svg,
  .gateway-page--wallet-topup-success .gateway-page-box__head--tools-button .icon svg,
  .gateway-page--wallet-topup-failed .gateway-page-box__head--tools-button .icon svg {
    width: 20px;
    height: 20px;
  }
}
.gateway-page--order-success .gateway-page-box__head--tools-button:hover,
.gateway-page--payment-failed .gateway-page-box__head--tools-button:hover,
.gateway-page--gift-card-success .gateway-page-box__head--tools-button:hover,
.gateway-page--gift-card-failed .gateway-page-box__head--tools-button:hover,
.gateway-page--wallet-topup-success .gateway-page-box__head--tools-button:hover,
.gateway-page--wallet-topup-failed .gateway-page-box__head--tools-button:hover {
  background: rgba(126, 87, 197, 0.1);
}
.gateway-page--order-success .gateway-page-box__head--tools-button:hover .icon,
.gateway-page--payment-failed .gateway-page-box__head--tools-button:hover .icon,
.gateway-page--gift-card-success .gateway-page-box__head--tools-button:hover .icon,
.gateway-page--gift-card-failed .gateway-page-box__head--tools-button:hover .icon,
.gateway-page--wallet-topup-success .gateway-page-box__head--tools-button:hover .icon,
.gateway-page--wallet-topup-failed .gateway-page-box__head--tools-button:hover .icon {
  color: var(--accent-color-purple-100, #7e57c5);
}
.gateway-page--order-success .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip,
.gateway-page--payment-failed .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip,
.gateway-page--gift-card-success .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip,
.gateway-page--gift-card-failed .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip,
.gateway-page--wallet-topup-success .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip,
.gateway-page--wallet-topup-failed .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip {
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  transition: opacity 0.3s;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  top: -6px;
  border-radius: 8px;
  background: var(--accent-color-anzac-80, #b08f42);
  padding: 8px;
  color: var(--White, #ffffff);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  z-index: 3;
}
.gateway-page--order-success .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip::after,
.gateway-page--payment-failed .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip::after,
.gateway-page--gift-card-success .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip::after,
.gateway-page--gift-card-failed .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip::after,
.gateway-page--wallet-topup-success .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip::after,
.gateway-page--wallet-topup-failed .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  bottom: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--accent-color-anzac-80, #b08f42);
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip,
  .gateway-page--payment-failed .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip,
  .gateway-page--gift-card-success .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip,
  .gateway-page--gift-card-failed .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip,
  .gateway-page--wallet-topup-success .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip,
  .gateway-page--wallet-topup-failed .gateway-page-box__head--tools-button .gateway-page-box__head--tools-button_tooltip {
    display: none;
  }
}
.gateway-page--order-success .gateway-page-box__head--tools-button:hover .gateway-page-box__head--tools-button_tooltip,
.gateway-page--payment-failed .gateway-page-box__head--tools-button:hover .gateway-page-box__head--tools-button_tooltip,
.gateway-page--gift-card-success .gateway-page-box__head--tools-button:hover .gateway-page-box__head--tools-button_tooltip,
.gateway-page--gift-card-failed .gateway-page-box__head--tools-button:hover .gateway-page-box__head--tools-button_tooltip,
.gateway-page--wallet-topup-success .gateway-page-box__head--tools-button:hover .gateway-page-box__head--tools-button_tooltip,
.gateway-page--wallet-topup-failed .gateway-page-box__head--tools-button:hover .gateway-page-box__head--tools-button_tooltip {
  opacity: 1;
}
.gateway-page--order-success .gateway-page .gateway-page-box__head--tools-button--invoice,
.gateway-page--payment-failed .gateway-page .gateway-page-box__head--tools-button--invoice,
.gateway-page--gift-card-success .gateway-page .gateway-page-box__head--tools-button--invoice,
.gateway-page--gift-card-failed .gateway-page .gateway-page-box__head--tools-button--invoice,
.gateway-page--wallet-topup-success .gateway-page .gateway-page-box__head--tools-button--invoice,
.gateway-page--wallet-topup-failed .gateway-page .gateway-page-box__head--tools-button--invoice {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page .gateway-page-box__head--tools-button--invoice:first-child,
  .gateway-page--payment-failed .gateway-page .gateway-page-box__head--tools-button--invoice:first-child,
  .gateway-page--gift-card-success .gateway-page .gateway-page-box__head--tools-button--invoice:first-child,
  .gateway-page--gift-card-failed .gateway-page .gateway-page-box__head--tools-button--invoice:first-child,
  .gateway-page--wallet-topup-success .gateway-page .gateway-page-box__head--tools-button--invoice:first-child,
  .gateway-page--wallet-topup-failed .gateway-page .gateway-page-box__head--tools-button--invoice:first-child {
    display: none !important;
  }
}
.gateway-page--order-success .gateway-page-box__success-badge,
.gateway-page--payment-failed .gateway-page-box__success-badge,
.gateway-page--gift-card-success .gateway-page-box__success-badge,
.gateway-page--gift-card-failed .gateway-page-box__success-badge,
.gateway-page--wallet-topup-success .gateway-page-box__success-badge,
.gateway-page--wallet-topup-failed .gateway-page-box__success-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}
.gateway-page--order-success .gateway-page-box__success-badge svg,
.gateway-page--payment-failed .gateway-page-box__success-badge svg,
.gateway-page--gift-card-success .gateway-page-box__success-badge svg,
.gateway-page--gift-card-failed .gateway-page-box__success-badge svg,
.gateway-page--wallet-topup-success .gateway-page-box__success-badge svg,
.gateway-page--wallet-topup-failed .gateway-page-box__success-badge svg {
  display: block;
  width: 48px;
  height: 48px;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__success-badge svg path,
  .gateway-page--payment-failed .gateway-page-box__success-badge svg path,
  .gateway-page--gift-card-success .gateway-page-box__success-badge svg path,
  .gateway-page--gift-card-failed .gateway-page-box__success-badge svg path,
  .gateway-page--wallet-topup-success .gateway-page-box__success-badge svg path,
  .gateway-page--wallet-topup-failed .gateway-page-box__success-badge svg path {
    stroke-width: 2;
  }
}
.gateway-page--order-success .gateway-page-box__success-textSide span,
.gateway-page--payment-failed .gateway-page-box__success-textSide span,
.gateway-page--gift-card-success .gateway-page-box__success-textSide span,
.gateway-page--gift-card-failed .gateway-page-box__success-textSide span,
.gateway-page--wallet-topup-success .gateway-page-box__success-textSide span,
.gateway-page--wallet-topup-failed .gateway-page-box__success-textSide span {
  color: #74777F;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0px;
}
.gateway-page--order-success .gateway-page-box__error-badge,
.gateway-page--payment-failed .gateway-page-box__error-badge,
.gateway-page--gift-card-success .gateway-page-box__error-badge,
.gateway-page--gift-card-failed .gateway-page-box__error-badge,
.gateway-page--wallet-topup-success .gateway-page-box__error-badge,
.gateway-page--wallet-topup-failed .gateway-page-box__error-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}
.gateway-page--order-success .gateway-page-box__error-badge svg,
.gateway-page--payment-failed .gateway-page-box__error-badge svg,
.gateway-page--gift-card-success .gateway-page-box__error-badge svg,
.gateway-page--gift-card-failed .gateway-page-box__error-badge svg,
.gateway-page--wallet-topup-success .gateway-page-box__error-badge svg,
.gateway-page--wallet-topup-failed .gateway-page-box__error-badge svg {
  display: block;
  width: 48px;
  height: 48px;
}
.gateway-page--order-success .gateway-page-box__content--figma,
.gateway-page--payment-failed .gateway-page-box__content--figma,
.gateway-page--gift-card-success .gateway-page-box__content--figma,
.gateway-page--gift-card-failed .gateway-page-box__content--figma,
.gateway-page--wallet-topup-success .gateway-page-box__content--figma,
.gateway-page--wallet-topup-failed .gateway-page-box__content--figma {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 24px;
  padding-left: 24px;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__content--figma,
  .gateway-page--payment-failed .gateway-page-box__content--figma,
  .gateway-page--gift-card-success .gateway-page-box__content--figma,
  .gateway-page--gift-card-failed .gateway-page-box__content--figma,
  .gateway-page--wallet-topup-success .gateway-page-box__content--figma,
  .gateway-page--wallet-topup-failed .gateway-page-box__content--figma {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
  }
}
.gateway-page--order-success .gateway-page-box__detail-grid,
.gateway-page--payment-failed .gateway-page-box__detail-grid,
.gateway-page--gift-card-success .gateway-page-box__detail-grid,
.gateway-page--gift-card-failed .gateway-page-box__detail-grid,
.gateway-page--wallet-topup-success .gateway-page-box__detail-grid,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px 120px;
  align-items: start;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__detail-grid,
  .gateway-page--payment-failed .gateway-page-box__detail-grid,
  .gateway-page--gift-card-success .gateway-page-box__detail-grid,
  .gateway-page--gift-card-failed .gateway-page-box__detail-grid,
  .gateway-page--wallet-topup-success .gateway-page-box__detail-grid,
  .gateway-page--wallet-topup-failed .gateway-page-box__detail-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.gateway-page--order-success .gateway-page-box__detail-col,
.gateway-page--payment-failed .gateway-page-box__detail-col,
.gateway-page--gift-card-success .gateway-page-box__detail-col,
.gateway-page--gift-card-failed .gateway-page-box__detail-col,
.gateway-page--wallet-topup-success .gateway-page-box__detail-col,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-col {
  display: flex;
  flex-direction: column;
  gap: 16px 24px;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__detail-col,
  .gateway-page--payment-failed .gateway-page-box__detail-col,
  .gateway-page--gift-card-success .gateway-page-box__detail-col,
  .gateway-page--gift-card-failed .gateway-page-box__detail-col,
  .gateway-page--wallet-topup-success .gateway-page-box__detail-col,
  .gateway-page--wallet-topup-failed .gateway-page-box__detail-col {
    gap: 12px;
  }
}
.gateway-page--order-success .gateway-page-box__detail-divider,
.gateway-page--payment-failed .gateway-page-box__detail-divider,
.gateway-page--gift-card-success .gateway-page-box__detail-divider,
.gateway-page--gift-card-failed .gateway-page-box__detail-divider,
.gateway-page--wallet-topup-success .gateway-page-box__detail-divider,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-divider {
  background: #EEF0F1;
  height: 1px;
  width: 100%;
  margin: 24px 0;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__detail-divider,
  .gateway-page--payment-failed .gateway-page-box__detail-divider,
  .gateway-page--gift-card-success .gateway-page-box__detail-divider,
  .gateway-page--gift-card-failed .gateway-page-box__detail-divider,
  .gateway-page--wallet-topup-success .gateway-page-box__detail-divider,
  .gateway-page--wallet-topup-failed .gateway-page-box__detail-divider {
    display: none;
  }
}
.gateway-page--order-success .gateway-page-box__detail-row,
.gateway-page--payment-failed .gateway-page-box__detail-row,
.gateway-page--gift-card-success .gateway-page-box__detail-row,
.gateway-page--gift-card-failed .gateway-page-box__detail-row,
.gateway-page--wallet-topup-success .gateway-page-box__detail-row,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.gateway-page--order-success .gateway-page-box__detail-row--full-width,
.gateway-page--payment-failed .gateway-page-box__detail-row--full-width,
.gateway-page--gift-card-success .gateway-page-box__detail-row--full-width,
.gateway-page--gift-card-failed .gateway-page-box__detail-row--full-width,
.gateway-page--wallet-topup-success .gateway-page-box__detail-row--full-width,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-row--full-width {
  grid-column: 1/-1;
}
.gateway-page--order-success .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) + .gateway-page-box__detail-row--full-width,
.gateway-page--payment-failed .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) + .gateway-page-box__detail-row--full-width,
.gateway-page--gift-card-success .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) + .gateway-page-box__detail-row--full-width,
.gateway-page--gift-card-failed .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) + .gateway-page-box__detail-row--full-width,
.gateway-page--wallet-topup-success .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) + .gateway-page-box__detail-row--full-width,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) + .gateway-page-box__detail-row--full-width {
  margin-top: 16px;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) + .gateway-page-box__detail-row--full-width,
  .gateway-page--payment-failed .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) + .gateway-page-box__detail-row--full-width,
  .gateway-page--gift-card-success .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) + .gateway-page-box__detail-row--full-width,
  .gateway-page--gift-card-failed .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) + .gateway-page-box__detail-row--full-width,
  .gateway-page--wallet-topup-success .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) + .gateway-page-box__detail-row--full-width,
  .gateway-page--wallet-topup-failed .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) + .gateway-page-box__detail-row--full-width {
    margin-top: 0;
  }
}
.gateway-page--order-success .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) .gateway-page-box__detail-value,
.gateway-page--payment-failed .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) .gateway-page-box__detail-value,
.gateway-page--gift-card-success .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) .gateway-page-box__detail-value,
.gateway-page--gift-card-failed .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) .gateway-page-box__detail-value,
.gateway-page--wallet-topup-success .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) .gateway-page-box__detail-value,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-row--full-width:not(.gateway-page-box__detail-divider) .gateway-page-box__detail-value {
  margin-right: 0;
}
.gateway-page--order-success .gateway-page-box__detail-row--multiline .gateway-page-box__detail-value,
.gateway-page--payment-failed .gateway-page-box__detail-row--multiline .gateway-page-box__detail-value,
.gateway-page--gift-card-success .gateway-page-box__detail-row--multiline .gateway-page-box__detail-value,
.gateway-page--gift-card-failed .gateway-page-box__detail-row--multiline .gateway-page-box__detail-value,
.gateway-page--wallet-topup-success .gateway-page-box__detail-row--multiline .gateway-page-box__detail-value,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-row--multiline .gateway-page-box__detail-value {
  margin-top: 4px;
  margin-right: 0;
  line-height: 1.6;
}
.gateway-page--order-success .gateway-page-box__detail-row > .icon,
.gateway-page--payment-failed .gateway-page-box__detail-row > .icon,
.gateway-page--gift-card-success .gateway-page-box__detail-row > .icon,
.gateway-page--gift-card-failed .gateway-page-box__detail-row > .icon,
.gateway-page--wallet-topup-success .gateway-page-box__detail-row > .icon,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-row > .icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
  margin-top: 1px;
  color: var(--accent-color-purple-100, #7e57c5);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__detail-row > .icon,
  .gateway-page--payment-failed .gateway-page-box__detail-row > .icon,
  .gateway-page--gift-card-success .gateway-page-box__detail-row > .icon,
  .gateway-page--gift-card-failed .gateway-page-box__detail-row > .icon,
  .gateway-page--wallet-topup-success .gateway-page-box__detail-row > .icon,
  .gateway-page--wallet-topup-failed .gateway-page-box__detail-row > .icon {
    width: 18px;
    height: 18px;
  }
}
.gateway-page--order-success .gateway-page-box__detail-row > .icon svg,
.gateway-page--payment-failed .gateway-page-box__detail-row > .icon svg,
.gateway-page--gift-card-success .gateway-page-box__detail-row > .icon svg,
.gateway-page--gift-card-failed .gateway-page-box__detail-row > .icon svg,
.gateway-page--wallet-topup-success .gateway-page-box__detail-row > .icon svg,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-row > .icon svg {
  width: 22px;
  height: 22px;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__detail-row > .icon svg,
  .gateway-page--payment-failed .gateway-page-box__detail-row > .icon svg,
  .gateway-page--gift-card-success .gateway-page-box__detail-row > .icon svg,
  .gateway-page--gift-card-failed .gateway-page-box__detail-row > .icon svg,
  .gateway-page--wallet-topup-success .gateway-page-box__detail-row > .icon svg,
  .gateway-page--wallet-topup-failed .gateway-page-box__detail-row > .icon svg {
    width: 18px;
    height: 18px;
  }
}
.gateway-page--order-success .gateway-page-box__detail-row > .icon svg path,
.gateway-page--payment-failed .gateway-page-box__detail-row > .icon svg path,
.gateway-page--gift-card-success .gateway-page-box__detail-row > .icon svg path,
.gateway-page--gift-card-failed .gateway-page-box__detail-row > .icon svg path,
.gateway-page--wallet-topup-success .gateway-page-box__detail-row > .icon svg path,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-row > .icon svg path {
  stroke: #b1a2e3;
}
.gateway-page--order-success .gateway-page-box__detail-line,
.gateway-page--payment-failed .gateway-page-box__detail-line,
.gateway-page--gift-card-success .gateway-page-box__detail-line,
.gateway-page--gift-card-failed .gateway-page-box__detail-line,
.gateway-page--wallet-topup-success .gateway-page-box__detail-line,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-line {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  flex: 1;
  display: flex;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__detail-line,
  .gateway-page--payment-failed .gateway-page-box__detail-line,
  .gateway-page--gift-card-success .gateway-page-box__detail-line,
  .gateway-page--gift-card-failed .gateway-page-box__detail-line,
  .gateway-page--wallet-topup-success .gateway-page-box__detail-line,
  .gateway-page--wallet-topup-failed .gateway-page-box__detail-line {
    font-size: 12px;
    line-height: 20px;
  }
}
.gateway-page--order-success .gateway-page-box__detail-label,
.gateway-page--payment-failed .gateway-page-box__detail-label,
.gateway-page--gift-card-success .gateway-page-box__detail-label,
.gateway-page--gift-card-failed .gateway-page-box__detail-label,
.gateway-page--wallet-topup-success .gateway-page-box__detail-label,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-label {
  color: #8d9199;
  display: inline-block;
  min-width: 110px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__detail-label,
  .gateway-page--payment-failed .gateway-page-box__detail-label,
  .gateway-page--gift-card-success .gateway-page-box__detail-label,
  .gateway-page--gift-card-failed .gateway-page-box__detail-label,
  .gateway-page--wallet-topup-success .gateway-page-box__detail-label,
  .gateway-page--wallet-topup-failed .gateway-page-box__detail-label {
    line-height: 18px;
  }
}
.gateway-page--order-success .gateway-page-box__detail-value,
.gateway-page--payment-failed .gateway-page-box__detail-value,
.gateway-page--gift-card-success .gateway-page-box__detail-value,
.gateway-page--gift-card-failed .gateway-page-box__detail-value,
.gateway-page--wallet-topup-success .gateway-page-box__detail-value,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-value {
  color: #8d9199;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  word-break: break-word;
  margin-right: auto;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__detail-value,
  .gateway-page--payment-failed .gateway-page-box__detail-value,
  .gateway-page--gift-card-success .gateway-page-box__detail-value,
  .gateway-page--gift-card-failed .gateway-page-box__detail-value,
  .gateway-page--wallet-topup-success .gateway-page-box__detail-value,
  .gateway-page--wallet-topup-failed .gateway-page-box__detail-value {
    margin-right: 0;
    font-size: 12px;
    line-height: 18px;
  }
}
.gateway-page--order-success .gateway-page-box__detail-value.success,
.gateway-page--payment-failed .gateway-page-box__detail-value.success,
.gateway-page--gift-card-success .gateway-page-box__detail-value.success,
.gateway-page--gift-card-failed .gateway-page-box__detail-value.success,
.gateway-page--wallet-topup-success .gateway-page-box__detail-value.success,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-value.success {
  color: var(--alert-color-success-100, #57c56b);
}
.gateway-page--order-success .gateway-page-box__detail-value.error,
.gateway-page--payment-failed .gateway-page-box__detail-value.error,
.gateway-page--gift-card-success .gateway-page-box__detail-value.error,
.gateway-page--gift-card-failed .gateway-page-box__detail-value.error,
.gateway-page--wallet-topup-success .gateway-page-box__detail-value.error,
.gateway-page--wallet-topup-failed .gateway-page-box__detail-value.error {
  color: var(--alert-color-error-100, #dc4040);
}
.gateway-page--order-success .gateway-page-box__support,
.gateway-page--payment-failed .gateway-page-box__support,
.gateway-page--gift-card-success .gateway-page-box__support,
.gateway-page--gift-card-failed .gateway-page-box__support,
.gateway-page--wallet-topup-success .gateway-page-box__support,
.gateway-page--wallet-topup-failed .gateway-page-box__support {
  margin-top: 0;
  padding: 16px 24px 16px;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 20px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  border-radius: 0 0 16px 16px;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-box__support,
  .gateway-page--payment-failed .gateway-page-box__support,
  .gateway-page--gift-card-success .gateway-page-box__support,
  .gateway-page--gift-card-failed .gateway-page-box__support,
  .gateway-page--wallet-topup-success .gateway-page-box__support,
  .gateway-page--wallet-topup-failed .gateway-page-box__support {
    padding: 16px;
    font-size: 12px;
  }
}
.gateway-page--order-success .gateway-page-box__support--question,
.gateway-page--payment-failed .gateway-page-box__support--question,
.gateway-page--gift-card-success .gateway-page-box__support--question,
.gateway-page--gift-card-failed .gateway-page-box__support--question,
.gateway-page--wallet-topup-success .gateway-page-box__support--question,
.gateway-page--wallet-topup-failed .gateway-page-box__support--question {
  color: var(--primary-colors-bunker-60, #43474e);
}
.gateway-page--order-success .gateway-page-box__support--tel,
.gateway-page--payment-failed .gateway-page-box__support--tel,
.gateway-page--gift-card-success .gateway-page-box__support--tel,
.gateway-page--gift-card-failed .gateway-page-box__support--tel,
.gateway-page--wallet-topup-success .gateway-page-box__support--tel,
.gateway-page--wallet-topup-failed .gateway-page-box__support--tel {
  flex-direction: row;
  direction: ltr;
  text-decoration: none;
  gap: 10px;
  color: #795C2C;
}
.gateway-page--order-success .gateway-page-box__support--tel .icon,
.gateway-page--payment-failed .gateway-page-box__support--tel .icon,
.gateway-page--gift-card-success .gateway-page-box__support--tel .icon,
.gateway-page--gift-card-failed .gateway-page-box__support--tel .icon,
.gateway-page--wallet-topup-success .gateway-page-box__support--tel .icon,
.gateway-page--wallet-topup-failed .gateway-page-box__support--tel .icon {
  color: #795C2C;
}
.gateway-page--order-success .gateway-page-box__support--tel-text,
.gateway-page--payment-failed .gateway-page-box__support--tel-text,
.gateway-page--gift-card-success .gateway-page-box__support--tel-text,
.gateway-page--gift-card-failed .gateway-page-box__support--tel-text,
.gateway-page--wallet-topup-success .gateway-page-box__support--tel-text,
.gateway-page--wallet-topup-failed .gateway-page-box__support--tel-text {
  letter-spacing: 0.02em;
}
.gateway-page--order-success .gateway-page__buttons,
.gateway-page--payment-failed .gateway-page__buttons,
.gateway-page--gift-card-success .gateway-page__buttons,
.gateway-page--gift-card-failed .gateway-page__buttons,
.gateway-page--wallet-topup-success .gateway-page__buttons,
.gateway-page--wallet-topup-failed .gateway-page__buttons {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page__buttons,
  .gateway-page--payment-failed .gateway-page__buttons,
  .gateway-page--gift-card-success .gateway-page__buttons,
  .gateway-page--gift-card-failed .gateway-page__buttons,
  .gateway-page--wallet-topup-success .gateway-page__buttons,
  .gateway-page--wallet-topup-failed .gateway-page__buttons {
    margin-top: 32px;
  }
}
.gateway-page--order-success .gateway-page__buttons .primary-button,
.gateway-page--payment-failed .gateway-page__buttons .primary-button,
.gateway-page--gift-card-success .gateway-page__buttons .primary-button,
.gateway-page--gift-card-failed .gateway-page__buttons .primary-button,
.gateway-page--wallet-topup-success .gateway-page__buttons .primary-button,
.gateway-page--wallet-topup-failed .gateway-page__buttons .primary-button {
  min-width: 333px;
  height: 56px;
  padding: 14px 28px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page__buttons .primary-button,
  .gateway-page--payment-failed .gateway-page__buttons .primary-button,
  .gateway-page--gift-card-success .gateway-page__buttons .primary-button,
  .gateway-page--gift-card-failed .gateway-page__buttons .primary-button,
  .gateway-page--wallet-topup-success .gateway-page__buttons .primary-button,
  .gateway-page--wallet-topup-failed .gateway-page__buttons .primary-button {
    min-width: 0;
    flex: 1 1 calc(50% - 10px);
    height: 48px;
    font-size: 14px;
    padding: 12px 16px;
  }
}
.gateway-page--order-success .gateway-page__buttons .primary-button--border,
.gateway-page--payment-failed .gateway-page__buttons .primary-button--border,
.gateway-page--gift-card-success .gateway-page__buttons .primary-button--border,
.gateway-page--gift-card-failed .gateway-page__buttons .primary-button--border,
.gateway-page--wallet-topup-success .gateway-page__buttons .primary-button--border,
.gateway-page--wallet-topup-failed .gateway-page__buttons .primary-button--border {
  border-width: 2px;
  border-color: var(--primary-colors-bunker-80, #2d3038);
  color: var(--primary-colors-bunker-80, #2d3038);
}
.gateway-page--order-success .gateway-page__buttons .primary-button--border:hover,
.gateway-page--payment-failed .gateway-page__buttons .primary-button--border:hover,
.gateway-page--gift-card-success .gateway-page__buttons .primary-button--border:hover,
.gateway-page--gift-card-failed .gateway-page__buttons .primary-button--border:hover,
.gateway-page--wallet-topup-success .gateway-page__buttons .primary-button--border:hover,
.gateway-page--wallet-topup-failed .gateway-page__buttons .primary-button--border:hover {
  background: var(--primary-colors-bunker-80, #2d3038);
  color: #ffffff;
}
.gateway-page--order-success .gateway-page__buttons .primary-button--border:active,
.gateway-page--payment-failed .gateway-page__buttons .primary-button--border:active,
.gateway-page--gift-card-success .gateway-page__buttons .primary-button--border:active,
.gateway-page--gift-card-failed .gateway-page__buttons .primary-button--border:active,
.gateway-page--wallet-topup-success .gateway-page__buttons .primary-button--border:active,
.gateway-page--wallet-topup-failed .gateway-page__buttons .primary-button--border:active {
  background: var(--primary-colors-bunker-100, #181c22);
  border-color: var(--primary-colors-bunker-100, #181c22);
  color: #ffffff;
}
.gateway-page--order-success .gateway-page__buttons .payAgain,
.gateway-page--payment-failed .gateway-page__buttons .payAgain,
.gateway-page--gift-card-success .gateway-page__buttons .payAgain,
.gateway-page--gift-card-failed .gateway-page__buttons .payAgain,
.gateway-page--wallet-topup-success .gateway-page__buttons .payAgain,
.gateway-page--wallet-topup-failed .gateway-page__buttons .payAgain {
  width: 333px;
  max-width: 100%;
}
.gateway-page--order-success .gateway-page-basket--order-success,
.gateway-page--order-success .gateway-page-basket--payment-failed,
.gateway-page--payment-failed .gateway-page-basket--order-success,
.gateway-page--payment-failed .gateway-page-basket--payment-failed,
.gateway-page--gift-card-success .gateway-page-basket--order-success,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed,
.gateway-page--gift-card-failed .gateway-page-basket--order-success,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 32px 0 16px;
  margin-bottom: 28px;
  border-bottom: 1px solid #F6F6F7;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-basket--order-success,
  .gateway-page--order-success .gateway-page-basket--payment-failed,
  .gateway-page--payment-failed .gateway-page-basket--order-success,
  .gateway-page--payment-failed .gateway-page-basket--payment-failed,
  .gateway-page--gift-card-success .gateway-page-basket--order-success,
  .gateway-page--gift-card-success .gateway-page-basket--payment-failed,
  .gateway-page--gift-card-failed .gateway-page-basket--order-success,
  .gateway-page--gift-card-failed .gateway-page-basket--payment-failed,
  .gateway-page--wallet-topup-success .gateway-page-basket--order-success,
  .gateway-page--wallet-topup-success .gateway-page-basket--payment-failed,
  .gateway-page--wallet-topup-failed .gateway-page-basket--order-success,
  .gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed {
    padding: 24px 0 8px;
    margin-bottom: 20px;
  }
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__head,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__head,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__head,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__head,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__head,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__head,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__head,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__head,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__head,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__head,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__head,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__head {
  display: grid;
  grid-template-columns: 1fr minmax(160px, auto);
  align-items: start;
  -moz-column-gap: 24px;
       column-gap: 24px;
  border-bottom: 1px solid #8D9199;
  padding-bottom: 8px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__head,
  .gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__head,
  .gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__head,
  .gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__head,
  .gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__head,
  .gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__head,
  .gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__head,
  .gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__head,
  .gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__head,
  .gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__head,
  .gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__head,
  .gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
  }
}
@media (min-width: 992px) {
  .gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__head,
  .gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__head,
  .gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__head,
  .gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__head,
  .gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__head,
  .gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__head,
  .gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__head,
  .gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__head,
  .gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__head,
  .gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__head,
  .gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__head,
  .gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__head {
    pointer-events: none;
  }
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__head--total-block,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__head--total-block,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__head--total-block,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--total-block,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__head--total-block,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__head--total-block,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__head--total-block,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--total-block,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__head--total-block,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__head--total-block,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__head--total-block,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--total-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: left;
  gap: 4px;
  justify-self: end;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__head--total-title,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__head--total-title,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__head--total-title,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--total-title,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__head--total-title,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__head--total-title,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__head--total-title,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--total-title,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__head--total-title,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__head--total-title,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__head--total-title,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--total-title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.03em;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__head--total-amount,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__head--total-amount,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__head--total-amount,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--total-amount,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__head--total-amount,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__head--total-amount,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__head--total-amount,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--total-amount,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__head--total-amount,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__head--total-amount,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__head--total-amount,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--total-amount {
  color: #5b5e66;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__head--title,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__head--title,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__head--title,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--title,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__head--title,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__head--title,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__head--title,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--title,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__head--title,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__head--title,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__head--title,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__head--title-count,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__head--title-count,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__head--title-count,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--title-count,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__head--title-count,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__head--title-count,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__head--title-count,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--title-count,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__head--title-count,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__head--title-count,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__head--title-count,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__head--title-count {
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 18px;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__items ul li,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__items ul li,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__items ul li,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__items ul li,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__items ul li,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__items ul li,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__items ul li,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__items ul li,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__items ul li,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__items ul li,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__items ul li,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__items ul li {
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eef0f1;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__items ul li,
  .gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__items ul li,
  .gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__items ul li,
  .gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__items ul li,
  .gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__items ul li,
  .gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__items ul li,
  .gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__items ul li,
  .gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__items ul li,
  .gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__items ul li,
  .gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__items ul li,
  .gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__items ul li,
  .gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__items ul li {
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__items ul li:last-child,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__items ul li:last-child,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__items ul li:last-child,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__items ul li:last-child,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__items ul li:last-child,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__items ul li:last-child,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__items ul li:last-child,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__items ul li:last-child,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__items ul li:last-child,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__items ul li:last-child,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__items ul li:last-child,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__items ul li:last-child {
  border-bottom: none;
  padding-bottom: 8px;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__row-main,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__row-main,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__row-main,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__row-main,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__row-main,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__row-main,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  flex: 1;
  min-width: 0;
  padding-right: 0;
  min-height: auto;
  flex-wrap: wrap;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift {
  margin-right: 80px;
  display: flex;
  gap: 24px;
  flex: 0 0 100%;
  flex-wrap: wrap;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift {
  flex: 0 0 auto;
  width: auto;
  padding: 8px 8px 8px 16px;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture {
  margin-left: 8px;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture img,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture img,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture img,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture img,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture img,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture img,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture img,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture img,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture img,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture img,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture img,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--picture img {
  width: 64px;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift,
  .gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift,
  .gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift,
  .gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift,
  .gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift,
  .gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift,
  .gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift,
  .gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift,
  .gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift,
  .gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift,
  .gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift,
  .gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift {
    margin-right: 68px;
    margin-top: 20px;
    flex-direction: column;
    gap: 16px;
  }
  .gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--title,
  .gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--title,
  .gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--title,
  .gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--title,
  .gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--title,
  .gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--title,
  .gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--title,
  .gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--title,
  .gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--title,
  .gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--title,
  .gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--title,
  .gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__row-main .basket-page-item__product--gift .card__gift--title {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__thumb,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__thumb,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__thumb,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__thumb,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__thumb,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__thumb,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__thumb,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__thumb,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__thumb,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__thumb,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__thumb,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__thumb {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  border: 1px solid #f0f1f3;
  background: #fafafa;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__thumb img,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__thumb img,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__thumb img,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__thumb img,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__thumb img,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__thumb img,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__thumb img,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__thumb img,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__thumb img,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__thumb img,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__thumb img,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: static;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__info,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__info,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__info,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__info,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__info,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__info,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__info,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__info,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__info,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__info,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__info,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__items--product-title,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-title,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-title,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-title,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__items--product-title,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-title,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-title,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-title,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__items--product-title,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-title,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-title,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-title {
  padding-right: 0;
  font-size: 14px;
  color: #5b5e66;
  line-height: 22px;
  color: var(--primary-colors-bunker-80, #2d3038);
  margin-bottom: 8px;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__items--product-price,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-price,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__items--product-price,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-price,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__items--product-price,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-price,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price {
  font-size: 12px;
  color: #6b6e76;
  font-weight: 600;
  align-items: center;
}
.gateway-page--order-success .gateway-page-basket--order-success .card__basket-item--price-old,
.gateway-page--order-success .gateway-page-basket--payment-failed .card__basket-item--price-old,
.gateway-page--payment-failed .gateway-page-basket--order-success .card__basket-item--price-old,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .card__basket-item--price-old,
.gateway-page--gift-card-success .gateway-page-basket--order-success .card__basket-item--price-old,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .card__basket-item--price-old,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .card__basket-item--price-old,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .card__basket-item--price-old,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .card__basket-item--price-old,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .card__basket-item--price-old,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .card__basket-item--price-old,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .card__basket-item--price-old {
  color: #A8ABB4;
  font-weight: 600;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__items--product-price,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-price,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__items--product-price,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-price,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__items--product-price,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-price,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price {
  color: #8D9199;
  font-weight: 600;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__items--product-option,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-option,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-option,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-option,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__items--product-option,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-option,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-option,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-option,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__items--product-option,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-option,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-option,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-option {
  font-size: 12px;
  color: #a8abb4;
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__items--total-price,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__items--total-price,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__items--total-price,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--total-price,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__items--total-price,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__items--total-price,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__items--total-price,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--total-price,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__items--total-price,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__items--total-price,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__items--total-price,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--total-price {
  min-width: 160px;
  text-align: left;
  padding-top: 4px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #8d9199;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
@media (max-width: 991px) {
  .gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__items--total-price,
  .gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__items--total-price,
  .gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__items--total-price,
  .gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--total-price,
  .gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__items--total-price,
  .gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__items--total-price,
  .gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__items--total-price,
  .gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--total-price,
  .gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__items--total-price,
  .gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__items--total-price,
  .gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__items--total-price,
  .gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--total-price {
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 8px;
    padding-right: 88px;
    min-width: 0;
    display: none;
  }
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__items--product-price.card__basket-item--price,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price.card__basket-item--price,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-price.card__basket-item--price,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price.card__basket-item--price,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__items--product-price.card__basket-item--price,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price.card__basket-item--price,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-price.card__basket-item--price,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price.card__basket-item--price,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__items--product-price.card__basket-item--price,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price.card__basket-item--price,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__items--product-price.card__basket-item--price,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__items--product-price.card__basket-item--price {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__savings,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__savings,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__savings,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__savings,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__savings,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__savings,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__savings,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__savings,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__savings,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__savings,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__savings,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__savings {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 0 0;
  margin-top: 8px;
  border-top: 1px solid #eef0f1;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-colors-bunker-80, #2d3038);
}
.gateway-page--order-success .gateway-page-basket--order-success .gateway-page-basket__savings--value,
.gateway-page--order-success .gateway-page-basket--payment-failed .gateway-page-basket__savings--value,
.gateway-page--payment-failed .gateway-page-basket--order-success .gateway-page-basket__savings--value,
.gateway-page--payment-failed .gateway-page-basket--payment-failed .gateway-page-basket__savings--value,
.gateway-page--gift-card-success .gateway-page-basket--order-success .gateway-page-basket__savings--value,
.gateway-page--gift-card-success .gateway-page-basket--payment-failed .gateway-page-basket__savings--value,
.gateway-page--gift-card-failed .gateway-page-basket--order-success .gateway-page-basket__savings--value,
.gateway-page--gift-card-failed .gateway-page-basket--payment-failed .gateway-page-basket__savings--value,
.gateway-page--wallet-topup-success .gateway-page-basket--order-success .gateway-page-basket__savings--value,
.gateway-page--wallet-topup-success .gateway-page-basket--payment-failed .gateway-page-basket__savings--value,
.gateway-page--wallet-topup-failed .gateway-page-basket--order-success .gateway-page-basket__savings--value,
.gateway-page--wallet-topup-failed .gateway-page-basket--payment-failed .gateway-page-basket__savings--value {
  color: var(--accent-color-anzac-100, #977337);
  font-variant-numeric: tabular-nums;
}

.gateway-page--gift-card-success .gateway-page--gift-card-only,
.gateway-page--gift-card-success .gateway-page--wallet-only,
.gateway-page--gift-card-failed .gateway-page--gift-card-only,
.gateway-page--gift-card-failed .gateway-page--wallet-only,
.gateway-page--wallet-topup-success .gateway-page--gift-card-only,
.gateway-page--wallet-topup-success .gateway-page--wallet-only,
.gateway-page--wallet-topup-failed .gateway-page--gift-card-only,
.gateway-page--wallet-topup-failed .gateway-page--wallet-only {
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.gateway-page--gift-card-success .gateway-page--gift-card-only,
.gateway-page--gift-card-failed .gateway-page--gift-card-only,
.gateway-page--wallet-topup-success .gateway-page--gift-card-only,
.gateway-page--wallet-topup-failed .gateway-page--gift-card-only {
  max-width: 926px;
}
.gateway-page--gift-card-success .gateway-page--gift-card-only .gateway-page-box__detail-grid,
.gateway-page--gift-card-failed .gateway-page--gift-card-only .gateway-page-box__detail-grid,
.gateway-page--wallet-topup-success .gateway-page--gift-card-only .gateway-page-box__detail-grid,
.gateway-page--wallet-topup-failed .gateway-page--gift-card-only .gateway-page-box__detail-grid {
  gap: 0px 80px;
}
.gateway-page--gift-card-success .gateway-page__buttons--gift-card .primary-button--border,
.gateway-page--gift-card-success .gateway-page__buttons--wallet .primary-button--border,
.gateway-page--gift-card-failed .gateway-page__buttons--gift-card .primary-button--border,
.gateway-page--gift-card-failed .gateway-page__buttons--wallet .primary-button--border,
.gateway-page--wallet-topup-success .gateway-page__buttons--gift-card .primary-button--border,
.gateway-page--wallet-topup-success .gateway-page__buttons--wallet .primary-button--border,
.gateway-page--wallet-topup-failed .gateway-page__buttons--gift-card .primary-button--border,
.gateway-page--wallet-topup-failed .gateway-page__buttons--wallet .primary-button--border {
  background: #ffffff;
}
.gateway-page--gift-card-success .gateway-page-box__gift-code-copy,
.gateway-page--gift-card-failed .gateway-page-box__gift-code-copy,
.gateway-page--wallet-topup-success .gateway-page-box__gift-code-copy,
.gateway-page--wallet-topup-failed .gateway-page-box__gift-code-copy {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: inherit;
  opacity: 1;
  transform: none;
  min-width: unset;
  height: auto;
  flex-direction: row-reverse;
}
.gateway-page--gift-card-success .gateway-page-box__gift-code-copy .icon,
.gateway-page--gift-card-failed .gateway-page-box__gift-code-copy .icon,
.gateway-page--wallet-topup-success .gateway-page-box__gift-code-copy .icon,
.gateway-page--wallet-topup-failed .gateway-page-box__gift-code-copy .icon {
  display: flex;
  color: #C4C6CF;
}
.gateway-page--gift-card-success .gateway-page-box__gift-code-value,
.gateway-page--gift-card-failed .gateway-page-box__gift-code-value,
.gateway-page--wallet-topup-success .gateway-page-box__gift-code-value,
.gateway-page--wallet-topup-failed .gateway-page-box__gift-code-value {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  direction: ltr;
  unicode-bidi: isolate;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: 0.06em;
}

.gateway-page--payment-failed .gateway-page-box__failure-title {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.65;
  color: var(--primary-colors-bunker-80, #2d3038);
  letter-spacing: -0.03em;
}
.gateway-page--payment-failed .gateway-page-box__failure-reason {
  font-weight: 600;
  color: #5b5e66;
  white-space: normal;
}
.gateway-page--payment-failed .gateway-page-box__notice {
  margin-top: 24px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
  background: #FAFAFA;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #E8EAEB;
  color: #8D9199;
}
.gateway-page--payment-failed .gateway-page-box__notice .icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.gateway-page--payment-failed .gateway-page__buttons form {
  width: 100%;
  display: flex;
  justify-content: center;
}
.gateway-page--payment-failed .gateway-page__buttons .primary-button--dark {
  min-width: 240px;
}

.custom-date {
  position: relative;
  height: 100%;
}
@media (max-width: 991px) {
  .custom-date {
    position: absolute;
    bottom: 8px;
    right: 12px;
    height: 34px;
  }
}
.custom-date jb-date-input {
  position: absolute;
  width: 100%;
  height: 32px;
  right: 0;
  top: 10px;
}
@media (max-width: 991px) {
  .custom-date jb-date-input {
    top: 6px;
    overflow: hidden;
  }
}
.custom-date .calendar-trigger-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
}
.custom-date .delivery-method-time-select__day--custom {
  background: var(--primary-colors-aluminium-10, #fafafa);
  position: relative;
  z-index: 1;
  pointer-events: none;
  height: 100%;
  display: flex;
  align-items: flex-start;
}

jb-date-input:focus-within {
  z-index: 350000000;
  position: relative;
}

#basket-page {
  background: #ffffff;
  scroll-margin-block: 185px;
}

.basket-button-fix-in-mobile {
  transition-delay: 500ms;
  transition: border-radius 0.2s, background 0.2s !important;
}
@media (max-width: 991px) {
  .basket-button-fix-in-mobile--placeholder {
    display: block;
    width: 100%;
    height: 1px;
    pointer-events: none;
  }
}
.basket-button-fix-in-mobile.fixed {
  position: relative;
  z-index: 5;
}
@media (max-width: 991px) {
  .basket-button-fix-in-mobile.fixed {
    transition: border-radius 0.2s, background 0.2s !important;
    bottom: 16px !important;
    position: fixed !important;
    z-index: 5000000;
    left: 16px !important;
    right: 16px !important;
    width: unset !important;
    border-radius: 8px !important;
    background: var(--primary-colors-bunker-80, #2d3038);
    height: 40px !important;
    padding: 8px 32px !important;
  }
}
@media (max-width: 991px) {
  .basket-button-fix-in-mobile__edit.fixed {
    z-index: 5;
    width: unset !important;
    background: unset !important;
    border-radius: unset !important;
    height: unset !important;
    padding: unset !important;
  }
}

.basket-page-sidebar__coupon-pricing-notice {
  margin-bottom: 16px;
}
.basket-page-sidebar__coupon-pricing-notice p {
  margin: 0;
}

.login-area__steps {
  padding-bottom: 24px;
}
@media (max-width: 768px) {
  .login-area__steps {
    padding-bottom: 16px;
  }
}
.login-area__steps--step {
  display: none;
}
.login-area__steps--step.active {
  display: block;
}
.login-area__steps .form-groups {
  padding-bottom: 8px;
}
.login-area__steps .form-groups .passwordChecker {
  display: flex;
  gap: 8px;
  position: relative;
}
.login-area__steps .form-groups .passwordChecker > span {
  flex: 1;
  height: 4px;
  border-radius: 50px;
  background: #E1E4EA;
  transition: 0.3s ease-out;
}
.login-area__steps .form-groups .passwordChecker[data-strong="1"] span:nth-child(1) {
  background: #FB3748;
}
.login-area__steps .form-groups .passwordChecker[data-strong="2"] span:nth-child(1) {
  background: #FF8447;
}
.login-area__steps .form-groups .passwordChecker[data-strong="2"] span:nth-child(2) {
  background: #FF8447;
}
.login-area__steps .form-groups .passwordChecker[data-strong="3"] span {
  background: #1FC16B;
}
.login-area__steps .form-groups ul.info {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 0;
}
.login-area__steps .form-groups ul.info.gutter-0 {
  margin-top: 0;
}
.login-area__steps .form-groups ul.info li {
  font-size: 12px;
  font-weight: 400;
  font-variation-settings: "wght" 400, "DOTS" 4;
  line-height: 16px;
  color: #525866;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: 0.3s ease-out;
}
.login-area__steps .form-groups ul.info li + li {
  margin-top: 4px;
}
.login-area__steps .form-groups ul.info li svg path {
  transition: 0.3s ease-out;
  stroke: #977337;
}
.login-area__steps .form-groups ul.info li.error {
  color: #FB3748;
}
.login-area__steps .form-groups ul.info li.error svg path {
  stroke: #FB3748;
}
.login-area__steps .form-groups ul.info li.success {
  color: #1FC16B;
}
.login-area__steps .form-groups ul.info li.success svg path {
  stroke: #1FC16B;
}
.login-area__steps .primary-button {
  width: 100%;
}
@media (max-width: 768px) {
  .login-area__steps .primary-button {
    border-radius: 4px;
    height: 40px;
    font-size: 14px;
    padding: 8px 16px;
  }
}
.login-area__steps #login-panel-code-resend {
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
  color: var(--accent-color-anzac-80, #b08f42);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.5px;
  transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 768px) {
  .login-area__steps #login-panel-code-resend {
    font-size: 12px;
    letter-spacing: normal;
  }
}
.login-area__steps #login-panel-code-resend.active {
  opacity: 1;
  pointer-events: unset;
}
.login-area__steps--buttons {
  display: flex;
  gap: 12px;
}
.login-area__steps--buttons-edit {
  width: 56px;
  min-width: 56px;
  height: 56px;
  background: transparent;
  border-radius: 8px;
  border: 2px solid var(--primary-colors-bunker-80, #2d3038);
}
@media (max-width: 768px) {
  .login-area__steps--buttons-edit {
    width: 40px;
    min-width: 40px;
    border-radius: 40px;
    height: 40px;
  }
}
.login-area__steps--buttons-edit .icon {
  width: 24px;
  height: 24px;
  color: #2d3038;
  transition: all 0.3s;
}
.login-area__steps--buttons-edit:hover {
  background: var(--primary-colors-bunker-80, #2d3038);
}
.login-area__steps--buttons-edit:hover .icon {
  color: #ffffff;
}
.login-area__links {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #f6f6f7;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 768px) {
  .login-area__links {
    gap: 16px;
    margin-top: 16px;
    padding-top: 16px;
  }
}
.login-area__links--link {
  background: transparent;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.login-area__links--link:last-of-type {
  margin-top: 0;
  border-top: none;
}
.login-area__links--link .icon {
  width: 18px;
  height: 18px;
  transition: all 0.3s;
}
.login-area__links--link:hover .icon {
  transform: translateX(-2px);
}
@media (max-width: 768px) {
  .login-area__links--link:hover .icon {
    transform: unset;
  }
}

.login-area-code-timer {
  color: var(--accent-color-anzac-80, #b08f42);
  letter-spacing: -0.5px;
  line-height: 22px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  left: 12px;
  font-size: 14px;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .login-area-code-timer {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.login-area-code-timer.input-with-timer-end {
  opacity: 0;
}

.login-area-code-resend {
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
  color: var(--accent-color-anzac-80, #b08f42);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.5px;
  transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 768px) {
  .login-area-code-resend {
    font-size: 12px;
    letter-spacing: normal;
  }
}
.login-area-code-resend.active {
  opacity: 1;
  pointer-events: unset;
}

.password-show-hide {
  background: transparent;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.password-show-hide svg {
  position: static !important;
  pointer-events: unset !important;
  transform: unset !important;
  color: #977337 !important;
}
.password-show-hide:after {
  content: "";
  position: absolute;
  width: 100%;
  transition: all 0.3s;
  height: 1px;
  background: #977337;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(45deg);
}
.password-show-hide.active:after {
  opacity: 0;
}

#login-panel {
  position: fixed;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.08);
  opacity: 0;
  z-index: 20000;
  overflow: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  width: 100%;
  height: 100%;
  visibility: hidden;
  justify-content: flex-start;
}

.login-panel {
  height: 100%;
  width: 480px;
  max-width: 100%;
  background-color: #fff;
  box-shadow: -12px 0px 80px -4px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 358px;
  z-index: 20000;
}
.login-panel > .nav {
  padding: 16px;
  display: none;
  border-bottom: 2px solid #EEF0F1;
}
@media (max-width: 768px) {
  .login-panel > .nav {
    display: flex;
  }
}
@media (max-width: 768px) {
  .login-panel {
    padding-top: 0;
  }
}
.login-panel:before {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 100%;
  left: 0;
  pointer-events: none;
  height: 114px;
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(39, 66, 77, 0) 0%, rgba(0, 0, 0, 0.78) 100%);
}
@media (max-width: 768px) {
  .login-panel:before {
    display: none;
  }
}
.login-panel__head {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  left: 0;
  z-index: 3;
  padding: 24px 24px 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .login-panel__head {
    position: relative;
    padding-bottom: 16px;
    top: unset;
    right: unset;
    left: unset;
  }
}
.login-panel__head:before {
  content: "";
  position: absolute;
  left: 24px;
  bottom: 0;
  width: calc(100% - 48px);
  height: 1px;
  display: block;
  background: #f6f6f7;
  opacity: 0.2;
}
@media (max-width: 768px) {
  .login-panel__head:before {
    left: 16px;
    width: calc(100% - 32px);
    background: #eef0f1;
    opacity: 1;
  }
}
.login-panel__head--title {
  margin-bottom: 0;
  color: var(--White, #fff);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 28px;
}
.login-panel__head--title .loginSignUp, .login-panel__head--title .forget {
  display: none;
}
@media (max-width: 768px) {
  .login-panel__head--title {
    font-size: 16px;
    line-height: 28px;
    color: var(--primary-colors-bunker-80, #2d3038);
  }
}
.login-panel__head--close {
  background: transparent;
}
.login-panel__head--close .icon {
  width: 24px;
  height: 24px;
  color: var(--White, #fff);
}
@media (max-width: 768px) {
  .login-panel__head--close .icon {
    color: var(--primary-colors-bunker-80, #2d3038);
  }
}
.login-panel__gallery {
  position: absolute;
  z-index: 0;
  right: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 358px;
}
@media (max-width: 768px) {
  .login-panel__gallery {
    display: none;
  }
}
.login-panel__gallery img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
}
.login-panel__gallery:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url("/build/assets/bg3-3Q8y-Frt.png") 0% 0% repeat;
  background-color: rgba(156, 127, 209, 0.3);
  mix-blend-mode: overlay;
  z-index: 1;
  pointer-events: none;
}
.login-panel__content {
  flex: 1;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.login-panel__content .login-area__steps--buttons-edit {
  border-radius: 50%;
}
@media (max-width: 768px) {
  .login-panel__content {
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-top: 24px;
  }
}
.login-panel:has(.login-area__steps--step1.active) .login-panel__gallery--step1 {
  opacity: 1;
  z-index: 3;
}
.login-panel:has(.login-area__steps--step1.active) .login-panel__head--title .loginSignUp {
  display: inline;
}
.login-panel:has(.login-area__steps--step2.active) .login-panel__gallery--step2 {
  opacity: 1;
  z-index: 2;
}
.login-panel:has(.login-area__steps--step2.active) .login-panel__head--title .loginSignUp {
  display: inline;
}
.login-panel:has(.login-area__steps--step2.active) .login-panel__head--title .loginSignUp span {
  display: none;
}
.login-panel:has(.login-area__steps--step3.active) .login-panel__gallery--step3 {
  opacity: 1;
  z-index: 1;
}
.login-panel:has(.login-area__steps--step3.active) .login-panel__head--title .loginSignUp {
  display: inline;
}
.login-panel:has(.login-area__steps--step3.active) .login-panel__head--title .loginSignUp span {
  display: none;
}
.login-panel:has(.login-area__steps--step2.active .login-area-code-resend.active) .login-panel__gallery--step2 {
  opacity: 0;
}
.login-panel:has(.login-area__steps--step2.active .login-area-code-resend.active) .login-panel__gallery--step22 {
  opacity: 1;
  z-index: 2;
}
.login-panel:has(.login-area__steps--step3.active .error.active) .login-panel__gallery--step3 {
  opacity: 0;
}
.login-panel:has(.login-area__steps--step3.active .error.active) .login-panel__gallery--step33 {
  opacity: 1;
  z-index: 1;
}
.login-panel:has(.login-area__steps--step3.active .error.active) .login-area__steps--step3 .primary-button {
  pointer-events: none;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  color: var(--primary-colors-aluminium-80, #c4c6cf);
}
.login-panel:has(.login-area__steps--step4.active, .login-area__steps--step5.active) .login-panel__gallery--step4 {
  opacity: 1;
  z-index: 1;
}
.login-panel:has(.login-area__steps--step4.active, .login-area__steps--step5.active) .login-panel__head--title .forget {
  display: inline;
}

.survey-page {
  width: 926px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.survey-page__head {
  border-bottom: 1px solid #eef0f1;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .survey-page__head {
    margin-bottom: 24px;
    padding-bottom: 24px;
    position: relative;
    min-height: 24px;
  }
}
.survey-page__head--title {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 32px;
}
@media (max-width: 768px) {
  .survey-page__head--title {
    margin-bottom: 4px;
    font-size: 16px;
    padding-left: 80px;
    line-height: 28px;
  }
}
.survey-page__head--description {
  margin-bottom: 24px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .survey-page__head--description {
    margin-bottom: 8px;
    font-size: 12px;
  }
}
.survey-page__head--tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.survey-page__head--tools-users {
  display: flex;
  align-items: center;
  gap: 4px;
}
.survey-page__head--tools-users ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.survey-page__head--tools-users ul li {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  border: 2px solid var(--White, #fff);
  background: #F6F6F7;
}
.survey-page__head--tools-users ul li + li {
  margin-left: -12px;
}
@media (max-width: 768px) {
  .survey-page__head--tools-users ul li {
    width: 28px;
    height: 28px;
  }
}
.survey-page__head--tools-users ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(156, 127, 209, 0.3019607843);
}
.survey-page__head--tools-users strong {
  line-height: 22px;
  font-size: 14px;
  letter-spacing: -0.5px;
  font-weight: 600;
  color: var(--primary-colors-bunker-60, #43474e);
}
@media (max-width: 768px) {
  .survey-page__head--tools-users strong {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.survey-page__head--tools-time {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  line-height: 24px;
}
.survey-page__head--tools-time .icon {
  color: #977337;
}
@media (max-width: 768px) {
  .survey-page__head--tools-time {
    gap: 0;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 0;
  }
  .survey-page__head--tools-time .icon {
    margin-left: 4px;
  }
  .survey-page__head--tools-time_show {
    font-size: 12px;
  }
}
.survey-page__content {
  position: relative;
  padding-left: 24px;
  min-height: 280px;
  margin-bottom: 64px;
}
@media (max-width: 768px) {
  .survey-page__content {
    padding-left: 0;
    min-height: unset;
    margin-bottom: 32px;
  }
}
.survey-page__content .splide__slide {
  display: none;
  width: 100%;
  direction: rtl;
  transform: unset !important;
}
.survey-page__content .splide__slide.is-active {
  display: block;
}
.survey-page__foot {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .survey-page__foot {
    flex-direction: column;
    align-items: flex-start;
  }
}
.survey-page__foot--navigation {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 768px) {
  .survey-page__foot--navigation {
    width: 100%;
    gap: 16px;
    margin-bottom: 48px;
  }
  .survey-page__foot--navigation .primary-button {
    height: 40px;
    padding: 8px 16px;
    border-radius: 4px;
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    font-size: 14px;
  }
}
.survey-page__foot--navigation .consultation-survey__next .icon {
  transform: rotate(90deg);
}
.survey-page__foot--navigation .consultation-survey__finish .icon {
  transform: rotate(90deg);
}
.survey-page__foot--navigation .consultation-survey__prev .icon {
  transform: rotate(-90deg);
}
.survey-page__foot--support {
  margin-right: auto;
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  gap: 4px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .survey-page__foot--support {
    margin-right: 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: normal;
  }
}
.survey-page__foot--support .icon {
  color: var(--accent-color-anzac-60, #c0a452);
  width: 24px;
  height: 24px;
}
@media (max-width: 768px) {
  .survey-page__foot--support .icon {
    width: 18px;
    height: 18px;
  }
}
.survey-page__skip {
  margin-top: 24px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .survey-page__skip {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #eef0f1;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.survey-page__skip a {
  color: var(--Primary-Colors-Bunker, #8d9199);
}

.consultation-survey__progress {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .consultation-survey__progress {
    display: none;
  }
}
.consultation-survey__progress--current-slide {
  min-width: 15px;
  text-align: center;
  color: var(--primary-colors-bunker-20, #74777f);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 22px;
}
.consultation-survey__progress--bar {
  height: 223px;
  width: 4px;
  border-radius: 50px;
  background: var(--accent-color-purple-10, #f7f5fd);
  position: relative;
}
.consultation-survey__progress--bar-filled {
  transition: all 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 0;
  display: block;
  border-radius: 50px;
  background: var(--accent-color-purple-60, #b1a2e3);
}
.consultation-survey__progress--total-slides {
  min-width: 15px;
  text-align: center;
  color: var(--primary-colors-bunker-20, #74777f);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 22px;
  margin-top: 2px;
}

.survey-page-question__head {
  margin-bottom: 40px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
@media (max-width: 768px) {
  .survey-page-question__head {
    margin-bottom: 24px;
    gap: 4px;
  }
}
.survey-page-question__head .icon {
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
  background: var(--accent-color-anzac-10, #efead2);
  transform: translateY(4px);
  color: #977337;
}
@media (max-width: 768px) {
  .survey-page-question__head .icon {
    width: 18px;
    min-width: 18px;
    height: 18px;
    transform: translateY(1px);
  }
}
.survey-page-question__head--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 48px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 768px) {
  .survey-page-question__head--title {
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 22px;
  }
}
.survey-page-question__head--title span {
  letter-spacing: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--primary-colors-aluminium-100, #a8abb4);
}
@media (max-width: 768px) {
  .survey-page-question__head--title span {
    font-size: 12px;
  }
}
.survey-page-question__content {
  padding-right: 44px;
}
@media (max-width: 768px) {
  .survey-page-question__content {
    padding-right: 22px;
  }
}
.survey-page-question__content ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.survey-page-question__content--radio ul {
  gap: 24px;
}
.survey-page-question__content--min-max ul {
  gap: 8px;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .survey-page-question__content--min-max ul {
    gap: 4px;
  }
}
.survey-page-question__content--range ul {
  gap: 40px;
  width: 482px;
}
@media (max-width: 768px) {
  .survey-page-question__content--range ul {
    gap: 32px;
    width: 100%;
  }
}

.spq-min-max {
  padding: 16px;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  font-size: 16px;
  color: var(--primary-colors-bunker-20, #74777f);
  line-height: 32px;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  gap: 8px;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .spq-min-max {
    padding: 12px;
    font-size: 12px;
    line-height: 24px;
  }
}
.spq-min-max input {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
}
.spq-min-max span {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 28px;
  font-size: 16px;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .spq-min-max span {
    font-size: 14px;
    line-height: 22px;
  }
}
.spq-min-max:has(input:checked) {
  border-color: var(--primary-colors-aluminium-80, #c4c6cf);
}
.spq-min-max:has(input:disabled) {
  pointer-events: none;
  opacity: 0.4;
}

.spq-range-slider__title {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: var(--primary-colors-bunker-20, #74777f);
  line-height: 32px;
  gap: 8px;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .spq-range-slider__title {
    padding: 12px;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 0;
  }
}
.spq-range-slider__title span {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 28px;
  font-size: 16px;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .spq-range-slider__title span {
    font-size: 14px;
    line-height: 22px;
  }
}
.spq-range-slider__bar {
  padding-right: 16px;
}
@media (max-width: 768px) {
  .spq-range-slider__bar {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.spq-range-slider__bar .range-slider-container {
  min-height: 56px;
  padding-bottom: 28px;
}
@media (max-width: 768px) {
  .spq-range-slider__bar .range-slider-container {
    padding-bottom: 24px;
    min-height: 31px;
  }
}
.spq-range-slider__bar .range-slider-container .range-label {
  top: 28px;
  white-space: nowrap;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.survey-page-result {
  display: flex;
  margin-bottom: 40px;
  align-items: flex-start;
  gap: 196px;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .survey-page-result {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .survey-page-result {
    gap: 0;
    margin-bottom: 24px;
    padding-bottom: 32px;
    border-bottom: 1px solid #eef0f1;
  }
}
.survey-page-result__icon {
  position: relative;
}
@media (max-width: 768px) {
  .survey-page-result__icon {
    display: none;
  }
}
.survey-page-result__icon:before {
  content: "";
  position: absolute;
  left: 8px;
  bottom: 8px;
  border-radius: 50%;
  pointer-events: none;
  width: 100px;
  background: var(--accent-color-purple-20, #f0edfa);
  opacity: 0.6;
  height: 100px;
  display: block;
}
.survey-page-result__icon svg {
  position: relative;
  z-index: 1;
}
.survey-page-result__info {
  flex: 1;
}
.survey-page-result__info--title {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 32px;
}
@media (max-width: 768px) {
  .survey-page-result__info--title {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 28px;
  }
}
.survey-page-result__info--description {
  margin-bottom: 24px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .survey-page-result__info--description {
    margin-bottom: 8px;
    font-size: 12px;
  }
}
.survey-page-result__info--tools {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .survey-page-result__info--tools {
    margin-bottom: 32px;
  }
}
.survey-page-result__info--tools ul {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.survey-page-result__info--tools ul li {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 2px solid var(--White, #fff);
  background: #F6F6F7;
  margin-right: -18px;
}
.survey-page-result__info--tools ul li:first-child {
  margin-right: 0;
  z-index: 4;
}
.survey-page-result__info--tools ul li:nth-child(2) {
  z-index: 3;
}
.survey-page-result__info--tools ul li:nth-child(3) {
  z-index: 2;
}
.survey-page-result__info--tools ul li:nth-child(4) {
  z-index: 1;
}
@media (max-width: 768px) {
  .survey-page-result__info--tools ul li:nth-child(4) {
    display: none;
  }
}
.survey-page-result__info--tools ul li:nth-child(5) {
  z-index: 0;
}
@media (max-width: 768px) {
  .survey-page-result__info--tools ul li:nth-child(5) {
    display: none;
  }
}
.survey-page-result__info--tools strong {
  line-height: 22px;
  font-size: 14px;
  letter-spacing: -0.5px;
  font-weight: 600;
  color: var(--primary-colors-bunker-60, #43474e);
}
@media (max-width: 768px) {
  .survey-page-result__info--tools strong {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.survey-page-result__info--links {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .survey-page-result__info--links {
    flex-direction: column;
  }
}
.survey-page-result__info--links .primary-button {
  height: 40px;
  font-size: 14px;
}
@media (max-width: 768px) {
  .survey-page-result__info--links .primary-button {
    width: 100%;
  }
}
.survey-page-result__info--links .primary-button .icon {
  transform: rotate(90deg);
}
.survey-page-result__info--links-support {
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  gap: 4px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .survey-page-result__info--links-support {
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: normal;
    justify-content: center;
  }
}
.survey-page-result__info--links-support .icon {
  color: var(--accent-color-anzac-60, #c0a452);
  width: 24px;
  height: 24px;
}
@media (max-width: 768px) {
  .survey-page-result__info--links-support .icon {
    width: 18px;
    height: 18px;
  }
}
.survey-page-result__products--items {
  padding-top: 32px;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 768px) {
  .survey-page-result__products--items {
    padding-top: 8px;
    margin-bottom: 32px;
    gap: 16px;
  }
}
.survey-page-result__products--items .card {
  flex: 0 0 calc(25% - 18px);
  max-width: calc(25% - 18px);
}
@media (max-width: 1200px) {
  .survey-page-result__products--items .card {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media (max-width: 768px) {
  .survey-page-result__products--items .card {
    flex: 0 0 100%;
    max-width: 100%;
    display: none;
  }
  .survey-page-result__products--items .card:nth-child(1), .survey-page-result__products--items .card:nth-child(2), .survey-page-result__products--items .card:nth-child(3), .survey-page-result__products--items .card:nth-child(4) {
    display: flex;
  }
}
.survey-page-result__products--more {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .survey-page-result__products--more {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: normal;
  }
}
.survey-page-result__products--more .icon {
  width: 24px;
  height: 24px;
  color: #2d3038;
  transition: all 0.3s;
  transform: rotate(90deg);
}
@media (max-width: 768px) {
  .survey-page-result__products--more .icon {
    width: 16px;
    height: 16px;
  }
}
.survey-page-result__products--more:hover .icon {
  transform: rotate(90deg) translateY(2px);
}
@media (max-width: 768px) {
  .survey-page-result__products--more:hover .icon {
    transform: rotate(90deg) translateY(0);
  }
}

.table table {
  width: 100%;
}
.table table thead tr th {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-size: 14px;
  text-align: right;
  vertical-align: middle;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #EEF0F1;
}
@media (max-width: 991px) {
  .table table thead tr th {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 18px;
  }
}
.table table thead tr th:hover .table__sort {
  opacity: 1;
}
.table table thead tr th:has(.active) .table__sort {
  opacity: 1;
}
.table table thead tr th:has(.active) .table__sort .active {
  color: #8d9199;
}
.table table tbody tr td {
  border-bottom: 1px solid #F6F6F7;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  line-height: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 991px) {
  .table table tbody tr td {
    font-size: 12px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .table .hide-in-mobile {
    display: none;
  }
}
.table__status--success {
  color: var(--alert-color-success-100, #57c56b);
}
.table__status--failed {
  color: var(--alert-color-error-100, #dc4040);
}
.table__sort {
  display: inline-flex;
  flex-direction: column;
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 1px;
  transform: translateY(-3px);
  opacity: 0;
  transition: all 0.3s;
}
.table__sort--asc, .table__sort--desc {
  color: #a8abb4;
  width: 8px;
  height: 8px;
  background: transparent;
  transition: all 0.3s;
}
.table__sort--asc:hover, .table__sort--desc:hover {
  color: #8d9199;
}

:root {
  --jb-calendar-color: #5b7a8d;
  --jb-input-border-color: #e0e2e5;
  --jb-input-box-shadow-focus: none;
  --jb-input-box-shadow: none;
  --jb-input-bgcolor: #ffffff;
  --jb-input-border-color-focus: #43474e;
  --jb-input-border-width: 1px;
  --jb-input-border-bottom-width: 1px;
  --jb-input-border-radius: 8px;
  --jb-input-height: 48px;
  --jb-calendar-arrow-button-bgcolor: transparent;
  --jb-calendar-arrow-fill-color: #7e57c5;
  --jb-calendar-day-color-hover: #977337;
  --jb-calendar-day-bgcolor-hover: #e0d6a8;
  --jb-calendar-status-point-bgcolor-today: transparent;
  --jb-calendar-day-text-color-today: #c0a452;
  --jb-calendar-day-text-color: #74777f;
  --jb-input-value-color: #43474e;
  --jb-input-value-font-size: 14px;
  --jb-input-input-font-weight: 400;
  --jb-input-label-color: #74777f;
  --jb-input-label-font-size: 14px;
  --jb-input-label-font-weight: 600;
  --jb-input-label-margin: 0 0 8px 0;
  --jb-popover-z-index: 20;
}

.calendar-trigger-icon {
  color: #977337;
  height: 100%;
}

div.tippy-box {
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  background-color: var(--primary-colors-bunker-60, #43474e);
  color: var(--White, #fff);
  border-radius: 8px;
}
div.tippy-box .tippy-arrow {
  color: var(--primary-colors-bunker-60, #43474e);
}
div.tippy-box[data-theme~=red] {
  background-color: var(--alert-color-error-40, #fbe5e5);
  color: var(--alert-color-error-100, #dc4040);
}
div.tippy-box[data-theme~=red] .tippy-arrow {
  color: var(--alert-color-error-40, #fbe5e5);
}
div.tippy-box[data-theme~=green] {
  background-color: var(--alert-color-success-40, #e1f7e4);
  color: var(--alert-color-success-100, #57c56b);
}
div.tippy-box[data-theme~=green] .tippy-arrow {
  color: var(--alert-color-success-40, #e1f7e4);
}
div.tippy-box[data-theme~=yellow] {
  background-color: var(--alert-color-warning-40, #f9f8c8);
  color: var(--alert-color-warning-100, #d1b821);
}
div.tippy-box[data-theme~=yellow] .tippy-arrow {
  color: var(--alert-color-warning-40, #f9f8c8);
}

.tippy-content {
  padding: 8px;
  border-radius: 8px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

@keyframes app-toast-enter {
  from {
    opacity: 0;
    transform: translate3d(110%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes app-toast-exit {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes app-toast-enter-reduced {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes app-toast-exit-reduced {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.app-toast-stack {
  position: fixed;
  z-index: 9999999999999;
  right: 16px;
  bottom: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  pointer-events: none;
  max-width: calc(100% - 32px);
}
@media (max-width: 991px) {
  .app-toast-stack {
    right: 16px;
    bottom: 8px;
  }
}

.app-toast-slot {
  flex-shrink: 0;
  margin-bottom: 16px;
  pointer-events: none;
  max-width: 100%;
}
@media (max-width: 991px) {
  .app-toast-slot {
    margin-bottom: 8px;
  }
}
.app-toast-slot .app-toast {
  pointer-events: auto;
}

.app-toast {
  position: relative;
  color: #E6E6E6;
  border-radius: 8px;
  overflow: hidden;
  direction: rtl;
  text-align: right;
  width: 432px;
  box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2), 0px 6px 30px 0px rgba(0, 0, 0, 0.1215686275), 0px 16px 24px 0px rgba(0, 0, 0, 0.1411764706);
  background: #181C22;
  max-width: 100%;
}
.app-toast:before {
  content: "";
  display: block;
  position: absolute;
  width: 212px;
  height: 212px;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translate(-72px, -50%);
  pointer-events: none;
  opacity: 0;
  transition: 0.3s 0.1s ease-out;
}

.app-toast--enter,
.app-toast--exit {
  will-change: transform, opacity;
}

.app-toast--enter {
  animation: app-toast-enter 0.48s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.app-toast--shown {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.app-toast--shown:before {
  opacity: 1;
}

.app-toast--exit {
  animation: app-toast-exit 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@media (prefers-reduced-motion: reduce) {
  .app-toast--enter {
    animation: app-toast-enter-reduced 0.2s ease both;
  }
  .app-toast--exit {
    animation: app-toast-exit-reduced 0.2s ease both;
  }
}
.app-toast--success:before {
  background: radial-gradient(50% 50% at 50% 50%, rgba(87, 197, 107, 0.12) 0%, rgba(0, 237, 123, 0) 100%);
}

.app-toast--error:before {
  background: radial-gradient(50% 50% at 50% 50%, rgba(240, 66, 72, 0.13) 0%, rgba(240, 66, 72, 0) 100%);
}

.app-toast--warning:before {
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 212, 38, 0.11) 0%, rgba(255, 212, 38, 0) 100%);
}

.app-toast--simple {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  padding: 16px;
  min-height: 3rem;
}

.app-toast--simple .app-toast__body {
  flex: 1;
  min-width: 0;
  text-align: right;
}

.app-toast__message {
  margin: 0;
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
}

.app-toast__iconWrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-toast__iconWrap svg {
  width: 100%;
  height: auto;
}

.app-toast__iconWrap--lg {
  width: 32px;
  height: 32px;
}

.app-toast__svg {
  width: 1.1rem;
  height: 1.1rem;
  display: block;
}

.app-toast__iconWrap--lg .app-toast__svg {
  width: 1.25rem;
  height: 1.25rem;
}

.app-toast--detailed {
  padding: 12px 16px;
  border-radius: 12px;
}
.app-toast--detailed .app-toast__close {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 16px;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.92);
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.35rem;
  transition: background 0.2s ease, color 0.2s ease;
  opacity: 0;
  visibility: hidden;
}
.app-toast--detailed .app-toast__close:hover {
  background: rgba(255, 255, 255, 0.12);
  color: var(--White, #fff);
}
.app-toast--detailed .app-toast__main {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.app-toast--detailed .app-toast__main .app-toast__textBlock {
  flex: 1;
  min-width: 0;
}
.app-toast--detailed .app-toast__main .app-toast__textBlock .app-toast__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
}
.app-toast--detailed .app-toast__main .app-toast__textBlock .app-toast__desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #8D9199;
  margin-bottom: 0;
}
.app-toast--detailed .app-toast__main .app-toast__textBlock .app-toast__action {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: var(--White, #fff);
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
  font-family: inherit;
  transition: opacity 0.2s ease;
  margin-top: 8px;
}
.app-toast--detailed .app-toast__main .app-toast__textBlock .app-toast__action:hover {
  opacity: 0.88;
}

.bannerWrapper {
  min-width: 0;
  max-width: 100%;
  position: relative;
}
.bannerWrapper .fullCover {
  position: absolute;
  inset: 0;
}
.bannerWrapper .fullCover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bannerWrapper .wide_image_banner {
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
}
@media (max-width: 1200px) {
  .bannerWrapper .wide_image_banner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .bannerWrapper .wide_image_banner {
    display: none;
  }
}
.bannerWrapper .wide_image_banner__product {
  color: var(--White, #ffffff);
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 570px;
  max-width: 100%;
  padding-left: 36px;
  padding-right: 36px;
}
.bannerWrapper .wide_image_banner__product h3 {
  margin-bottom: 12px;
  font-size: 40px;
  font-weight: var(--font-weight-700);
  line-height: 64px;
  letter-spacing: -1px;
}
.bannerWrapper .wide_image_banner__product p {
  margin-bottom: 16px;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 14px;
  line-height: 24px;
}
.bannerWrapper .wide_image_banner__product > img {
  width: 250px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.bannerWrapper .wide_image_banner__more {
  border: 2px solid var(--accent-color-anzac-100, #977337);
  padding: 14px 32px;
  border-radius: 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 16px;
  letter-spacing: -0.5px;
  font-weight: var(--font-weight-700);
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.bannerWrapper .wide_image_banner__more .icon {
  margin-right: 8px;
  transition: all 0.3s;
}
.bannerWrapper .wide_image_banner__more:hover .icon {
  transform: translateX(-3px);
}
.bannerWrapper .wide_image_banner__image {
  margin-bottom: 4px;
}
.bannerWrapper .wide_image_banner-area {
  position: relative;
}
.bannerWrapper .intertextual {
  border-radius: 8px;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
  position: relative;
  border: 1px solid transparent;
}
@media (max-width: 1200px) {
  .bannerWrapper .intertextual {
    margin-bottom: 64px;
  }
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual {
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .bannerWrapper .intertextual.withCountDown {
    padding: 16px 16px 56px 16px;
    justify-content: unset;
    background: linear-gradient(#e2def6, #e2def6) padding-box, linear-gradient(to bottom, #b1a2e3 0%, #ffffff 100%) border-box;
    max-height: none;
  }
}
.bannerWrapper .intertextual__container {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  padding-left: 500px;
}
@media (max-width: 1200px) {
  .bannerWrapper .intertextual__container {
    padding-left: 400px;
  }
}
@media (max-width: 1024px) {
  .bannerWrapper .intertextual__container {
    padding-left: 370px;
  }
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual__container {
    align-items: unset;
    width: 100%;
    padding-left: 0;
    flex-direction: column;
  }
}
.bannerWrapper .intertextual--title {
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
  margin-bottom: 0;
}
.bannerWrapper .intertextual--title:after {
  content: "|";
  margin-left: 4px;
  margin-right: 4px;
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual--title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 2px;
  }
  .bannerWrapper .intertextual--title:after {
    display: none;
  }
}
.bannerWrapper .intertextual--icon {
  margin-left: 4px;
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual--icon {
    margin-left: 0;
    margin-bottom: 2px;
  }
}
.bannerWrapper .intertextual--icon .icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual--icon .icon {
    width: 18px;
    height: 18px;
  }
}
.bannerWrapper .intertextual p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
  margin-left: 16px;
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual p {
    margin-bottom: 16px;
    font-size: 12px;
    margin-left: 0;
  }
}
.bannerWrapper .intertextual--more {
  margin-right: auto;
  font-weight: var(--font-weight-700);
  line-height: 32px;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual--more {
    margin-right: 0;
    line-height: 24px;
    font-size: 14px;
    font-weight: var(--font-weight-600);
  }
}
.bannerWrapper .intertextual--more .icon {
  transition: all 0.3s;
  transform: rotate(90deg);
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual--more .icon {
    width: 16px;
    height: 16px;
  }
}
.bannerWrapper .intertextual__countdown {
  position: absolute;
  left: 277px;
  top: calc(100% - 52px);
}
@media (max-width: 1200px) {
  .bannerWrapper .intertextual__countdown {
    left: 210px;
  }
}
@media (max-width: 1024px) {
  .bannerWrapper .intertextual__countdown {
    left: 200px;
  }
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual__countdown {
    left: 50%;
    transform: translateX(-50%);
    top: unset;
    bottom: -32px;
  }
}
.bannerWrapper .intertextual__countdown ul {
  direction: ltr;
  display: flex;
  position: relative;
}
.bannerWrapper .intertextual__countdown ul:after {
  position: absolute;
  top: 34.9px;
  background: var(--accent-color-purple-40, #e2def6);
  content: "";
  display: block;
  right: 0;
  height: 2.9px;
  width: 100%;
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual__countdown ul:after {
    height: 1.8px;
    top: 37.9px;
  }
}
.bannerWrapper .intertextual__countdown ul li {
  display: flex;
  flex-direction: column;
  text-align: center;
  position: relative;
  width: 82px;
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual__countdown ul li {
    width: 60px;
  }
}
.bannerWrapper .intertextual__countdown ul li svg {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.bannerWrapper .intertextual__countdown ul li b {
  color: rgba(141, 145, 153, 0.5);
  font-weight: var(--font-weight-600);
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.5px;
  position: absolute;
  top: 68px;
  width: 100%;
  right: 0;
  text-align: center;
  pointer-events: none;
  display: block;
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual__countdown ul li b {
    top: 64px;
    font-size: 12px;
    line-height: 18px;
  }
}
.bannerWrapper .intertextual__countdown ul li span {
  margin-bottom: 1.5px;
  color: var(--White, #fff);
  font-size: 46.941px;
  font-weight: var(--font-weight-700);
  letter-spacing: -0.704px;
  line-height: 80px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual__countdown ul li span {
    font-size: 34.216px;
    font-weight: var(--font-weight-700);
    letter-spacing: -0.513px;
    margin-bottom: 0;
  }
}
.bannerWrapper .intertextual__countdown--sep {
  width: 18px !important;
  height: 74px;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
@media (max-width: 1200px) {
  .bannerWrapper .intertextual__countdown--sep {
    width: 8px !important;
  }
}
@media (max-width: 1024px) {
  .bannerWrapper .intertextual__countdown--sep {
    width: 0 !important;
  }
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual__countdown--sep {
    width: 16px !important;
    gap: 4px;
  }
}
.bannerWrapper .intertextual__countdown--sep:before {
  content: "";
  display: block;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background-color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual__countdown--sep:before {
    width: 3px;
    height: 3px;
  }
}
.bannerWrapper .intertextual__countdown--sep:after {
  content: "";
  display: block;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background-color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual__countdown--sep:after {
    width: 3px;
    height: 3px;
  }
}
.bannerWrapper .intertextual[data-theme=light] {
  background: var(--accent-color-purple-40, #e2def6);
  background: linear-gradient(#e2def6, #e2def6) padding-box, linear-gradient(270deg, #b1a2e3 0%, #ffffff 100%) border-box;
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual[data-theme=light] {
    background: linear-gradient(#e2def6, #e2def6) padding-box, linear-gradient(180deg, #b1a2e3 0%, #ffffff 100%) border-box;
  }
}
.bannerWrapper .intertextual[data-theme=light] .intertextual--title {
  color: var(--accent-color-purple-100, #7e57c5);
}
@media (max-width: 991px) {
  .bannerWrapper .intertextual[data-theme=light] .intertextual--title {
    color: var(--primary-colors-bunker-80, #2d3038);
    font-size: 16px;
    line-height: 28px;
  }
}
.bannerWrapper .intertextual[data-theme=light] .intertextual--icon .icon {
  color: var(--accent-color-purple-100, #7e57c5);
}
.bannerWrapper .intertextual[data-theme=light] p {
  color: var(--primary-colors-bunker-40, #5b5e66);
}
.bannerWrapper .intertextual[data-theme=light] .intertextual--more {
  color: var(--accent-color-purple-100, #7e57c5);
}
.bannerWrapper .intertextual[data-theme=light] .intertextual--more .icon {
  color: var(--accent-color-purple-100, #7e57c5);
}
.bannerWrapper .intertextual[data-theme=dark] {
  background: var(--primary-colors-bunker-100, #181c22);
}
.bannerWrapper .intertextual[data-theme=dark] .intertextual--title {
  color: var(--accent-color-anzac-60, #c0a452);
}
.bannerWrapper .intertextual[data-theme=dark] .intertextual--icon .icon {
  color: var(--accent-color-anzac-60, #c0a452);
}
.bannerWrapper .intertextual[data-theme=dark] p {
  color: var(--White, #ffffff);
}
.bannerWrapper .intertextual[data-theme=dark] .intertextual--more {
  color: var(--accent-color-anzac-60, #c0a452);
}
.bannerWrapper .intertextual[data-theme=dark] .intertextual--more .icon {
  color: var(--accent-color-anzac-60, #c0a452);
}
.bannerWrapper .intertextual[data-theme=dark] .intertextual__countdown ul:after {
  background: var(--primary-colors-bunker-100, #181c22);
}
.bannerWrapper .intertextual:hover .intertextual--more .icon {
  transform: rotate(90deg) translateY(3px);
}
.bannerWrapper.header-banner {
  background: linear-gradient(90deg, rgba(156, 127, 209, 0.13) 0%, rgba(206, 187, 118, 0.6) 100%), #fff;
  padding-top: 16px;
  padding-bottom: 16px;
  position: sticky !important;
  top: 0;
  z-index: 5000;
}
@media (max-width: 991px) {
  .bannerWrapper.header-banner {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.bannerWrapper.header-banner .header-banner__container {
  display: flex;
  align-items: center;
  gap: 0 4px;
}
@media (max-width: 991px) {
  .bannerWrapper.header-banner .header-banner__container {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.bannerWrapper.header-banner .header-banner__container--icon {
  margin-left: 2px;
  flex: 0 0 auto;
}
.bannerWrapper.header-banner .header-banner__container--icon .icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 991px) {
  .bannerWrapper.header-banner .header-banner__container--icon .icon {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 991px) {
  .bannerWrapper.header-banner .header-banner__container--icon {
    margin-left: 4px;
  }
}
.bannerWrapper.header-banner .header-banner__container--title {
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 28px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .bannerWrapper.header-banner .header-banner__container--title {
    font-size: 12px;
    letter-spacing: normal;
    line-height: 18px;
  }
  .bannerWrapper.header-banner .header-banner__container--title:after {
    display: none;
  }
}
.bannerWrapper.header-banner .header-banner__container--title:after {
  margin-right: 4px;
  content: "|";
}
.bannerWrapper.header-banner .header-banner__container--description {
  margin-bottom: 0;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .bannerWrapper.header-banner .header-banner__container--description {
    font-size: 12px;
    color: var(--primary-colors-bunker-40, #5b5e66);
    width: 100%;
    text-align: center;
  }
}
.bannerWrapper.header-banner .header-banner__container--more {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  margin-right: auto;
}
@media (max-width: 991px) {
  .bannerWrapper.header-banner .header-banner__container--more {
    display: none;
  }
}
.bannerWrapper.header-banner .header-banner__container--more .icon {
  width: 24px;
  height: 24px;
  transition: all 0.3s;
}
.bannerWrapper.header-banner .header-banner__container--more:hover .icon {
  transform: translateX(-2px);
}
@media (max-width: 768px) {
  .bannerWrapper.header-banner .header-banner__container--more:hover .icon {
    transform: unset;
  }
}
@media (max-width: 991px) {
  .bannerWrapper.header-banner#registerBanner {
    position: relative;
  }
}
.bannerWrapper.header-banner#registerBanner:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: #fff;
  z-index: -1;
}
.bannerWrapper.header-banner#registerBanner:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: rgba(220, 64, 64, 0.1607843137);
  z-index: 1;
}
.bannerWrapper.header-banner#registerBanner .header-banner__container {
  gap: 8px;
  position: relative;
  z-index: 4;
}
.bannerWrapper.header-banner#registerBanner .header-banner__container svg {
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .bannerWrapper.header-banner#registerBanner .header-banner__container {
    flex-wrap: nowrap;
    flex-direction: row;
  }
}
.bannerWrapper.header-banner#registerBanner .header-banner__container .header-banner__container--description {
  font-weight: 600;
}
@media (max-width: 991px) {
  .bannerWrapper.header-banner#registerBanner .header-banner__container .header-banner__container--description {
    text-align: right;
  }
}
.bannerWrapper.header-banner#registerBanner .header-banner__container .header-banner__container--more {
  color: #2D3038;
}
@media (max-width: 991px) {
  .bannerWrapper.header-banner#registerBanner .header-banner__container .header-banner__container--more {
    display: flex;
    font-size: 12px;
    white-space: nowrap;
  }
  .bannerWrapper.header-banner#registerBanner .header-banner__container .header-banner__container--more .icon {
    width: 20px;
    height: 20px;
  }
}
.bannerWrapper.timesDone {
  max-height: 0;
  margin: 0;
  padding: 0 24px;
  opacity: 0;
  visibility: hidden;
}
.bannerWrapper.brand .wide_image_banner .positionInsider, .bannerWrapper.blog .wide_image_banner .positionInsider, .bannerWrapper.category .wide_image_banner .positionInsider, .bannerWrapper[data-page=editor] .wide_image_banner .positionInsider {
  min-height: 448px;
}
.bannerWrapper.brand .wide_image_banner__product, .bannerWrapper.blog .wide_image_banner__product, .bannerWrapper.category .wide_image_banner__product, .bannerWrapper[data-page=editor] .wide_image_banner__product {
  width: 647px;
}
.bannerWrapper.brand .wide_image_banner__product .wide_image_banner__image, .bannerWrapper.blog .wide_image_banner__product .wide_image_banner__image, .bannerWrapper.category .wide_image_banner__product .wide_image_banner__image, .bannerWrapper[data-page=editor] .wide_image_banner__product .wide_image_banner__image {
  display: none;
}
.bannerWrapper.brand .wide_image_banner__product h3, .bannerWrapper.blog .wide_image_banner__product h3, .bannerWrapper.category .wide_image_banner__product h3, .bannerWrapper[data-page=editor] .wide_image_banner__product h3 {
  color: var(--primary-colors-bunker-80, #2d3038);
}
.bannerWrapper.brand .wide_image_banner__product p, .bannerWrapper.blog .wide_image_banner__product p, .bannerWrapper.category .wide_image_banner__product p, .bannerWrapper[data-page=editor] .wide_image_banner__product p {
  color: var(--primary-colors-bunker-80, #2d3038);
}
.bannerWrapper.brand .wide_image_banner__product .wide_image_banner__more, .bannerWrapper.blog .wide_image_banner__product .wide_image_banner__more, .bannerWrapper.category .wide_image_banner__product .wide_image_banner__more, .bannerWrapper[data-page=editor] .wide_image_banner__product .wide_image_banner__more {
  color: var(--primary-colors-bunker-80, #2d3038);
  border-color: var(--primary-colors-bunker-80, #2d3038);
}
.bannerWrapper.brand + .bannerWrapper, .bannerWrapper.blog + .bannerWrapper, .bannerWrapper.category + .bannerWrapper, .bannerWrapper[data-page=editor] + .bannerWrapper {
  margin-top: 80px;
}
.bannerWrapper.blog .fullCover {
  background-color: lightgray;
}
.bannerWrapper.blog .fullCover img {
  mix-blend-mode: luminosity;
}
.bannerWrapper.home {
  background: #020202;
}
.bannerWrapper.home .wide_image_banner__product {
  align-items: center;
  text-align: center;
}
.bannerWrapper .stretched__link {
  z-index: 2;
}
.bannerWrapper .positionInsider {
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
}
.bannerWrapper .positionInsider.center {
  justify-content: center;
  text-align: center;
}
.bannerWrapper .positionInsider.center .wide_image_banner__more {
  margin-right: auto;
  margin-left: auto;
}
.bannerWrapper .positionInsider.right {
  justify-content: flex-start;
}
.bannerWrapper .positionInsider.left {
  justify-content: flex-end;
}
.bannerWrapper .categories-products__item--banner {
  height: 100%;
}
@media (max-width: 991px) {
  .home-hero > .container {
    padding: 0;
  }
}

.main-slider {
  margin-bottom: 80px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1200px) {
  .main-slider {
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .main-slider {
    margin-bottom: 32px;
  }
}
.main-slider .splide__slide {
  flex: 0 0 100%;
  width: 100%;
}
.main-slider .splide__track, .main-slider .splide__list {
  height: 100%;
}
.main-slider__slide {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border-radius: 8px;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  overflow: hidden;
}
@media (max-width: 991px) {
  .main-slider__slide {
    flex-direction: column;
  }
}
.main-slider__slide > div {
  height: 100%;
  width: 50%;
}
@media (max-width: 991px) {
  .main-slider__slide > div {
    width: 100%;
  }
}
.main-slider__slide--picture {
  position: relative;
  width: calc(50% + 12px);
}
@media (max-width: 991px) {
  .main-slider__slide--picture {
    width: 100%;
  }
}
.main-slider__slide--picture-category {
  position: absolute;
  background: var(--accent-color-anzac-10, #efead2);
  border-radius: 4px;
  padding: 2px 8px;
  right: 24px;
  top: 24px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
}
@media (max-width: 991px) {
  .main-slider__slide--picture-category {
    right: 16px;
    top: 16px;
  }
}
.main-slider__slide--picture-category:hover {
  color: var(--accent-color-anzac-10, #efead2);
  background: var(--accent-color-anzac-100, #977337);
}
@media (max-width: 991px) {
  .main-slider .splide__track {
    padding: 0 16px !important;
  }
}
.main-slider .splide__pagination {
  margin-top: 16px;
  position: static;
}
@media (max-width: 991px) {
  .main-slider .splide__pagination {
    margin-top: 12px;
    display: flex !important;
  }
}

.products-slider {
  height: 700px;
  position: relative;
}
@media (max-width: 1200px) {
  .products-slider {
    height: 500px;
  }
}
@media (max-width: 991px) {
  .products-slider {
    height: auto;
  }
}
.products-slider__slide {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .products-slider__slide {
    padding: 16px;
  }
}
.products-slider .splide__controls {
  position: absolute;
  left: 16px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  flex-direction: column;
  width: 16px;
  align-items: flex-end;
}
@media (max-width: 991px) {
  .products-slider .splide__controls {
    display: none;
  }
}
.products-slider .splide__controls--prev {
  transform: rotate(180deg);
  order: 3;
}
.products-slider .splide__controls--next {
  transform: rotate(0);
  order: 1;
}
.products-slider .splide__controls--pagination {
  flex-direction: column-reverse;
  width: 16px;
  order: 2;
}
.products-slider .splide__controls--pagination-current {
  line-height: 18px;
  margin-left: 0;
}
.products-slider .splide__controls--pagination-total {
  line-height: 18px;
  margin-right: 0;
}
.products-slider .splide__controls--pagination:before {
  height: 209px;
  width: 1px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 4px;
  margin-top: 4px;
}

.categories-sliders {
  margin-bottom: 80px;
}
@media (max-width: 1200px) {
  .categories-sliders {
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .categories-sliders {
    margin-bottom: 32px;
  }
}
.categories-sliders .tabs {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .categories-sliders .tabs {
    margin-bottom: 12px;
    margin-left: -16px;
    margin-right: -16px;
    padding: 0 16px;
    max-width: none;
    width: auto;
  }
}
.categories-sliders__container {
  border-radius: 8px;
  padding: 32px;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  overflow: hidden;
  min-height: 249px;
}
@media (max-width: 991px) {
  .categories-sliders__container {
    padding: 16px;
  }
}
@media (max-width: 991px) {
  .categories-sliders__container .splide {
    height: 355px;
  }
  .categories-sliders__container .splide__track {
    padding-top: 12px !important;
    transform: translateY(-2px);
  }
  .categories-sliders__container .splide__list {
    display: block;
  }
}
@media (max-width: 991px) {
  .categories-sliders__container .splide__slide {
    margin-top: 0;
    margin-bottom: 12px;
    margin-left: 0;
    height: 96px;
    flex: 0 0 96px;
    width: 100%;
  }
}
.categories-sliders__container .splide__pagination {
  margin-top: 12px;
}

.section-title {
  text-align: center;
  max-width: 926px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
  width: 100%;
  padding-left: 64px;
  padding-right: 64px;
}
@media (max-width: 991px) {
  .section-title {
    max-width: 100%;
    margin-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
  }
}
.section-title h2 {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (max-width: 991px) {
  .section-title h2 {
    margin-bottom: 4px;
  }
}
.section-title h2:before {
  position: absolute;
  content: "";
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 100%;
  background: #cebb76;
  height: 1px;
  display: block;
}
.section-title h2 span {
  background-color: #ffffff;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 32px;
  font-weight: var(--font-weight-600);
  letter-spacing: -1px;
  line-height: 48px;
  padding-left: 8px;
  padding-right: 8px;
  display: block;
  z-index: 1;
  position: relative;
}
@media (max-width: 991px) {
  .section-title h2 span {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
  }
}
.section-title p {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  font-weight: var(--font-weight-400);
  line-height: 24px;
  padding-left: 45px;
  padding-right: 45px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .section-title p {
    font-size: 12px;
    padding: 0;
  }
}
.section-title--no-line h2:before {
  display: none;
}

.home-blog {
  overflow: hidden;
  position: relative;
  display: flex;
  gap: 24px;
}
@media (max-width: 991px) {
  .home-blog {
    gap: 8px;
    flex-wrap: wrap;
  }
}
.home-blog__col {
  flex: 0 0 calc(33.33% - 16px);
  max-width: calc(33.33% - 16px);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991px) {
  .home-blog__col {
    flex: 0 0 100%;
    max-width: 100%;
    gap: 8px;
  }
  .home-blog__col:nth-child(2) {
    order: -1;
  }
  .home-blog__col:nth-child(3) {
    order: -2;
  }
}
.home-blog__col--box {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.home-blog__col--box img {
  transition: 0.3s ease-out;
}
.home-blog__col--box:hover .splide__slide.is-active img {
  transform: scale(1.05);
}
.home-blog__col--box #home-blog--slider img {
  height: 196px;
  aspect-ratio: auto;
}
.home-blog--slider-slide {
  position: relative;
}
.home-blog--slider-slide h3 {
  position: absolute;
  right: 16px;
  bottom: 8px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
  margin-bottom: 0;
  z-index: 2;
  background: hsla(224, 11%, 20%, 0.4);
  min-height: 94px;
  left: 16px;
  border-radius: 4px;
  padding: 16px;
  pointer-events: none;
}
.home-blog--slider-slide h3 > a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1200px) {
  .home-blog--slider-slide h3 {
    font-size: 16px;
    line-height: 28px;
  }
}
.home-blog--slider-slide img {
  aspect-ratio: 1;
}
@media (max-width: 991px) {
  .home-blog--slider-slide img {
    min-height: 194px;
  }
}
.home-blog--slider .splide__slide {
  width: 100%;
  flex: 0 0 100%;
}
.home-blog--slider .splide__controls {
  position: absolute;
  right: 32px;
  bottom: 24px;
}
.home-blog--slider .splide__controls .splide__controls--pagination-total,
.home-blog--slider .splide__controls .splide__controls--pagination-current {
  color: #fff;
}
@media (max-width: 991px) {
  .home-blog--slider .splide__controls {
    bottom: 16px;
  }
}
.home-blog--slider .splide__controls--prev {
  transform: rotate(90deg);
}
.home-blog--slider .splide__controls--next {
  transform: rotate(-90deg);
}
.home-blog--learning {
  position: relative;
  flex: 1;
}
.home-blog--learning img {
  transition: 0.3s ease-out;
}
@media (max-width: 991px) {
  .home-blog--learning img {
    min-height: 480px;
  }
}
.home-blog--learning-over {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  padding: 16px;
  border-radius: 4px;
  overflow: hidden;
}
.home-blog--learning-over h5 {
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  line-height: 18px;
  font-weight: var(--font-weight-600);
  display: inline-block;
  position: relative;
  margin-bottom: 8px;
}
.home-blog--learning-over h4 {
  color: var(--White, #ffffff);
  letter-spacing: -0.5px;
  line-height: 32px;
  font-weight: var(--font-weight-600);
  font-size: 24px;
  width: 100%;
  position: relative;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .home-blog--learning-over h4 {
    font-size: 16px;
    line-height: 28px;
  }
}
.home-blog--learning-over:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--primary-colors-bunker-80, #2d3038);
  opacity: 0.4;
  mix-blend-mode: plus-darker;
  display: block;
  pointer-events: none;
}
.home-blog--learning:hover img {
  transform: scale(1.05);
}
.home-blog--news {
  position: relative;
  aspect-ratio: 1;
}
.home-blog--news:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.87) 0%, rgba(102, 102, 102, 0) 100%);
  pointer-events: none;
}
@media (max-width: 991px) {
  .home-blog--news {
    aspect-ratio: inherit;
  }
}
.home-blog--news img {
  transition: 0.3s ease-out;
}
@media (max-width: 991px) {
  .home-blog--news img {
    min-height: 394px;
  }
}
.home-blog--news-over {
  background: linear-gradient(180deg, rgba(36, 28, 28, 0.6) 0%, rgba(102, 102, 102, 0) 100%);
  padding: 16px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
@media (max-width: 991px) {
  .home-blog--news-over {
    background: transparent;
  }
}
.home-blog--news b {
  font-weight: var(--font-weight-400);
  line-height: 24px;
  font-size: 12px;
  color: var(--White, #ffffff);
  padding-left: 16px;
  display: block;
}
@media (max-width: 991px) {
  .home-blog--news b {
    color: var(--accent-color-anzac-100, #977337);
  }
}
.home-blog--news h3 {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: var(--font-weight-600);
  line-height: 32px;
  letter-spacing: -0.5px;
  padding-left: 16px;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .home-blog--news h3 {
    font-size: 16px;
    line-height: 28px;
  }
}
.home-blog--news:hover img {
  transform: scale(1.05);
}
.home-blog--author > a {
  background: var(--White, #ffffff);
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  border-radius: 100px;
  display: flex;
  align-items: center;
  padding: 16px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  line-height: 22px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
}
.home-blog--author > a .icon {
  margin-right: auto;
  width: 24px;
  min-width: 24px;
  height: 24px;
  color: #977337;
}
.home-blog--author > a span:not(.icon) {
  padding-left: 16px;
}
.home-blog--author > a img {
  margin-left: 16px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: linear-gradient(0deg, rgba(217, 184, 255, 0.2) 0%, rgba(217, 184, 255, 0.2) 100%);
  mix-blend-mode: multiply;
}
.home-blog--post {
  background: var(--primary-colors-aluminium-40, #eef0f1);
  padding: 32px 16px 16px;
  flex: 1;
}
@media (max-width: 1200px) {
  .home-blog--post {
    padding: 16px;
  }
}
@media (max-width: 991px) {
  .home-blog--post {
    display: none;
  }
}
.home-blog--post h3 {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 32px;
  letter-spacing: -1px;
  line-height: 48px;
  margin-bottom: 0;
  font-weight: var(--font-weight-600);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1200px) {
  .home-blog--post h3 {
    font-size: 16px;
    line-height: 28px;
  }
}
.home-blog--catalog {
  flex: 1;
}
@media (max-width: 991px) {
  .home-blog--catalog {
    display: none;
  }
}
.home-blog--catalog .cursor-move {
  background-color: var(--accent-color-anzac-60, #c0a452);
}
.home-blog--catalog .cursor-move .icon {
  transform: rotate(90deg);
  color: #ffffff;
  opacity: 1;
  transition: all 0.3s;
}
.home-blog--catalog .cursor-move span {
  color: var(--White, #fff);
  font-size: 24px;
  white-space: nowrap;
  font-style: normal;
  font-weight: var(--font-weight-600);
  line-height: 32px;
  letter-spacing: -0.5px;
  text-align: center;
  transition: all 0.3s;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.home-blog--catalog:hover img {
  transform: scale(1.05);
}
.home-blog--catalog:hover .cursor-move .icon {
  opacity: 0;
}
.home-blog--catalog:hover .cursor-move span {
  opacity: 1;
}
.home-blog--mobile-catalog {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.home-blog--mobile-catalog h4 {
  font-weight: var(--font-weight-600);
  font-size: 24px;
  letter-spacing: -0.5px;
  line-height: 32px;
  margin-bottom: 0;
}
.home-blog--mobile-catalog_more {
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.home-blog--mobile-catalog_more .icon {
  color: #c0a452;
  width: 16px;
  height: 16px;
  transform: rotate(90deg);
  transition: all 0.3s;
}
.home-blog--mobile-catalog_more:hover .icon {
  transform: translateX(-2px) rotate(90deg);
}

.home-videos {
  position: relative;
  padding-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 1200px) {
  .home-videos {
    padding-top: 40px;
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .home-videos {
    padding-top: 32px;
    padding-bottom: 32px;
    margin-bottom: 32px;
  }
  .home-videos .splide-next-prev {
    display: none;
  }
}
.home-videos:before {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  width: 100%;
  height: 50%;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  top: 0;
  pointer-events: none;
  z-index: 0;
}
.home-videos__container {
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .home-videos__container {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.home-videos--slider .splide__slide {
  direction: rtl;
  width: 332px;
  flex: 0 0 332px;
  margin-left: 24px;
  margin-top: 69px;
}
@media (max-width: 991px) {
  .home-videos--slider .splide__slide {
    width: 253px;
    flex: 0 0 253px;
    margin-left: 16px;
    margin-top: 24px;
  }
}
.home-videos--slider .splide__slide.is-active .video-card {
  height: 529px;
  margin-top: -69px;
}
@media (max-width: 991px) {
  .home-videos--slider .splide__slide.is-active .video-card {
    margin-top: -24px;
    height: 403px;
  }
}
.home-videos--slider .splide__slide.is-active .video-card:before {
  opacity: 0;
}
.home-videos--slider .splide-next-prev .splide-button-prev .icon {
  color: #2d3038;
}
.home-videos--slider .splide-next-prev .splide-button-prev .icon:hover {
  color: #c4c6cf;
}
.home-videos--slider .splide-next-prev .splide-button-next .icon {
  color: #2d3038;
}
.home-videos--slider .splide-next-prev .splide-button-next .icon:hover {
  color: #c4c6cf;
}
@media (max-width: 768px) {
  .home-videos + .bannerWrapper .intertextual {
    margin-bottom: 32px;
  }
}

.home-video__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 991px) {
  .home-video__item {
    gap: 16px;
  }
}
.home-video__item--video .video-card.video-playing:before {
  opacity: 0;
}

.home-best-selling {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  .home-best-selling {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media (max-width: 991px) {
  .home-best-selling {
    padding-bottom: 32px;
    padding-top: 32px;
    overflow: hidden;
  }
}
.home-best-selling__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
@media (max-width: 991px) {
  .home-best-selling__container {
    overflow: visible;
  }
}
.home-best-selling__container .splide-next-prev {
  position: absolute;
  z-index: 2;
  bottom: 16px;
  width: 500px;
  right: 0;
}
@media (max-width: 991px) {
  .home-best-selling__container .splide-next-prev {
    display: none;
  }
}
.home-best-selling__container--title {
  z-index: 2;
  background: var(--accent-color-anzac-10, #efead2);
  border-radius: 8px;
  padding: 8px;
  position: absolute;
  top: 12px;
  right: 0;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .home-best-selling__container--title {
    top: 0;
  }
}
.home-best-selling--slider-area {
  flex: 0 0 475px;
  max-width: 475px;
  padding-left: 24px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .home-best-selling--slider-area {
    flex: 0 0 468px;
    max-width: 468px;
  }
}
@media (max-width: 991px) {
  .home-best-selling--slider-area {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
  }
}
.home-best-selling--slider-area .splide {
  height: 100%;
}
.home-best-selling--slider-area .splide__track, .home-best-selling--slider-area .splide__list {
  height: 100%;
  overflow: visible;
}
.home-best-selling--slider-area .splide__slide {
  direction: rtl;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
}
@media (max-width: 991px) {
  .home-best-selling--slider-area .splide__slide {
    position: static;
    width: 240px;
    flex: 0 0 240px;
    margin-left: 16px;
  }
}
.home-best-selling--slider-area .splide__slide .card__best {
  opacity: 0;
  height: 100%;
  width: 100%;
  transition: all 0.6s;
  transition-delay: 0.1s;
  padding-top: 50px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .home-best-selling--slider-area .splide__slide .card__best {
    padding-top: 42px;
    padding-bottom: 0;
    opacity: unset;
    transition: unset;
    position: relative;
  }
  .home-best-selling--slider-area .splide__slide .card__best > *:not(.card__best--picture) {
    transition: all 0.4s ease-out;
    transition-delay: 0s;
    opacity: 0;
    pointer-events: none;
  }
  .home-best-selling--slider-area .splide__slide .card__best .card__best--title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 64px;
  }
  .home-best-selling--slider-area .splide__slide .card__best .card__best--title a {
    display: block;
  }
}
.home-best-selling--slider-area .splide__slide.is-active:not(.home-best-selling--slider-area .splide__slide--clone) .card__best {
  opacity: 1;
  z-index: 1;
}
@media (max-width: 991px) {
  .home-best-selling--slider-area .splide__slide.is-active:not(.home-best-selling--slider-area .splide__slide--clone) .card__best {
    opacity: unset;
  }
  .home-best-selling--slider-area .splide__slide.is-active:not(.home-best-selling--slider-area .splide__slide--clone) .card__best > *:not(.card__best--picture) {
    opacity: 1;
    pointer-events: unset;
  }
}
.home-best-selling--gallery-area {
  flex: 0 0 calc(100% - 475px);
  max-width: calc(100% - 475px);
}
@media (max-width: 1024px) {
  .home-best-selling--gallery-area {
    flex: 0 0 calc(100% - 468px);
    max-width: calc(100% - 468px);
  }
}
@media (max-width: 991px) {
  .home-best-selling--gallery-area {
    display: none;
  }
}
.home-best-selling--gallery .splide__slide {
  flex: 0 0 500px;
  width: 500px;
  height: 691px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-out;
}
.home-best-selling--gallery .splide__slide.is-active .home-best-selling__slide--picture:before, .home-best-selling--gallery .splide__slide.is-active .home-best-selling__slide--picture:after {
  width: 451px;
  height: 691px;
  border-radius: 240px;
  opacity: 1;
  visibility: visible;
}
.home-best-selling--gallery .splide__slide.is-active .home-best-selling__slide--picture img {
  width: 500px;
  height: 500px;
}
.home-best-selling--gallery .splide__slide.is-active .home-best-selling__slide--next {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  padding-top: 0;
}
.home-best-selling__slide {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.home-best-selling__slide--picture {
  flex: 0 0 100%;
  width: 100%;
  position: relative;
}
.home-best-selling__slide--picture:before, .home-best-selling__slide--picture:after {
  transition: 0.3s ease-out;
  position: absolute;
  content: "";
  display: block;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  border: 1px solid transparent;
  height: 332px;
  width: 332px;
  border-radius: 50%;
  pointer-events: none;
}
.home-best-selling__slide--picture:after {
  background: linear-gradient(#fafafa, #fafafa) padding-box, linear-gradient(to top, #fafafa, #977337) border-box;
  opacity: 0;
  visibility: hidden;
}
.home-best-selling__slide--picture img {
  transition: 0.3s ease-out;
  position: relative;
  z-index: 1;
  width: 411px;
  height: 411px;
}
.home-best-selling__slide--next {
  flex: 0 0 100%;
  width: 100%;
  text-align: center;
  padding-top: 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  transition: 0.3s ease-out;
  max-height: 32px;
}
.home-best-selling__slide--next strong {
  color: var(--primary-colors-bunker-100, #181c22);
  font-weight: var(--font-weight-400);
}

.home-before-after {
  position: relative;
  padding-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 1200px) {
  .home-before-after {
    margin-bottom: 40px;
    padding-top: 40px;
  }
}
@media (max-width: 991px) {
  .home-before-after {
    padding-top: 32px;
    margin-bottom: 64px;
  }
}
.home-before-after:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  height: calc(100% - 200px);
  background: var(--primary-colors-aluminium-20, #f6f6f7);
}
@media (max-width: 991px) {
  .home-before-after:before {
    height: calc(100% - 336px);
    bottom: auto;
    top: 0;
  }
}
.home-before-after__container {
  position: relative;
  z-index: 1;
  padding-left: 237px;
}
@media (max-width: 991px) {
  .home-before-after__container {
    padding-left: 0;
  }
}
.home-before-after__container #before__after--container {
  height: 566px;
}
@media (max-width: 991px) {
  .home-before-after__container #before__after--container {
    height: unset;
    min-height: 167px;
  }
}
.home-before-after__container .splide__controls {
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 40px;
  background: var(--accent-color-anzac-60, #c0a452);
  box-shadow: 0px 34px 40px 0px rgba(192, 164, 82, 0.2);
  transform: translateY(50%);
  height: 42px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 991px) {
  .home-before-after__container .splide__controls {
    display: none;
  }
}
.home-before-after__container .splide__controls--pagination:before {
  background-color: #2d3038;
  width: 102px;
}
.home-before-after__container .splide__controls--next .icon {
  transform: rotate(180deg);
}
.home-before-after__container .splide__controls--prev .icon {
  transform: rotate(-180deg);
}
.home-before-after__container .splide__controls .icon {
  color: #2d3038;
}
.home-before-after__container--area {
  position: relative;
}
.home-before-after__container--over {
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: flex;
  flex-direction: column;
  color: #ffffff;
}
@media (max-width: 991px) {
  .home-before-after__container--over {
    right: 16px;
    bottom: 16px;
  }
}
@media (max-width: 768px) {
  .home-before-after__container--over {
    right: 8px;
    bottom: 8px;
  }
}
.home-before-after__container--over .icon {
  width: 48px;
  height: 48px;
}
@media (max-width: 768px) {
  .home-before-after__container--over .icon {
    display: none;
  }
}
.home-before-after__container--over h3 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: var(--font-weight-700);
  letter-spacing: -1px;
  line-height: 64px;
}
@media (max-width: 991px) {
  .home-before-after__container--over h3 {
    font-weight: var(--font-weight-600);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 768px) {
  .home-before-after__container--over h3 {
    font-size: 14px;
    line-height: 22px;
  }
}
.home-before-after__container--slider {
  overflow: hidden;
  position: absolute !important;
  left: 0;
  top: 0;
  z-index: 2;
  width: 356px;
  height: 100%;
  padding-right: 24px;
  padding-top: 37px;
  padding-bottom: 37px;
}
@media (max-width: 991px) {
  .home-before-after__container--slider {
    position: relative !important;
    width: 100%;
    height: 324px;
    padding: 0;
    margin-top: 12px;
  }
}
.home-before-after__container--slider .splide {
  height: 100%;
}
.home-before-after__container--slider .splide__track {
  height: 100%;
}
@media (max-width: 991px) {
  .home-before-after__container--slider .splide__track {
    padding-top: 12px !important;
  }
}
.home-before-after__container--slider .splide__list {
  height: 100%;
  flex-direction: column;
}
.home-before-after__container--slider .splide__slide {
  flex: 0 0 111px;
  height: 111px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .home-before-after__container--slider .splide__slide {
    margin-bottom: 12px;
    flex: 0 0 96px;
    height: 96px;
  }
}
.home-before-after__container--slider .splide__slide .card {
  height: 100%;
  background-color: #ffffff;
}

.home-image-map {
  margin-bottom: 80px;
}
@media (max-width: 1200px) {
  .home-image-map {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .home-image-map {
    margin-bottom: 32px;
  }
}
.home-image-map__container {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 24px;
}
@media (max-width: 991px) {
  .home-image-map__container {
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .home-image-map__container {
    gap: 0;
    flex-direction: column;
    align-items: unset;
  }
}
.home-image-map__container--picture {
  flex: 0 0 569px;
  max-width: 569px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .home-image-map__container--picture {
    flex: 0 0 547px;
    max-width: 547px;
  }
}
@media (max-width: 991px) {
  .home-image-map__container--picture {
    flex: 0 0 420px;
    max-width: 420px;
  }
}
@media (max-width: 768px) {
  .home-image-map__container--picture {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.home-image-map__container--picture > img {
  width: 100%;
  height: auto;
}
.home-image-map__container--picture .dot {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--w);
  height: var(--h);
  z-index: var(--z);
  cursor: pointer;
}
.home-image-map__container--picture .dot span {
  transition: all 0.3s;
  border-radius: 50%;
  display: block;
  width: 32px;
  height: 32px;
  background-color: rgba(192, 164, 82, 0.4);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home-image-map__container--picture .dot span:before {
  transition: all 0.3s;
  animation: dots-pulse 0.8s infinite alternate;
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  background-color: #b08f42;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  transform: translateY(-50%) translateX(-50%);
}
.home-image-map__container--picture .dot:hover span:before {
  animation-play-state: paused;
}
.home-image-map__container--picture .dot.active span:before {
  animation: unset;
  transform: translateY(-50%) translateX(-50%) scale(1);
}
.home-image-map__container--picture .dot:nth-child(2) span:before {
  animation-delay: 0.6s;
}
.home-image-map__container--picture .dot:nth-child(3) span:before {
  animation-delay: 0.3s;
}
.home-image-map__container--slider {
  overflow: hidden;
  flex: 1;
  position: relative;
}
@media (max-width: 768px) {
  .home-image-map__container--slider {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.home-image-map__container--slider .splide__slide {
  width: 332px;
  flex: 0 0 332px;
  direction: rtl;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 24px;
}
@media (max-width: 991px) {
  .home-image-map__container--slider .splide__slide {
    flex: 0 0 165.8px !important;
    width: 165.8px !important;
    margin-right: 12px;
  }
}
@media (max-width: 768px) {
  .home-image-map__container--slider .splide__slide {
    flex: 0 0 293px !important;
    width: 293px !important;
    margin-left: 0 !important;
    margin-right: 16px !important;
    margin-top: 12px;
    margin-bottom: 0;
  }
  .home-image-map__container--slider .splide__slide .card__full-product {
    padding: 8px 88px 8px 8px;
    min-height: 96px;
    border: 1px solid transparent;
    border-radius: 8px;
  }
  .home-image-map__container--slider .splide__slide .card__full-product--options, .home-image-map__container--slider .splide__slide .card__full-product--details, .home-image-map__container--slider .splide__slide .card__full-product--bookmark, .home-image-map__container--slider .splide__slide .card__full-product--add, .home-image-map__container--slider .splide__slide .card__full-product--label {
    display: none;
  }
  .home-image-map__container--slider .splide__slide .card__full-product--rate {
    display: flex;
  }
  .home-image-map__container--slider .splide__slide .card__full-product--image {
    position: static;
    margin-bottom: 0;
    background: transparent;
    border: none;
    aspect-ratio: inherit;
  }
  .home-image-map__container--slider .splide__slide .card__full-product--image:before {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 8px;
    line-height: 11.811px;
    border-radius: 2.625px;
    right: 8px;
    left: auto;
  }
  .home-image-map__container--slider .splide__slide .card__full-product--image-over {
    display: none;
  }
  .home-image-map__container--slider .splide__slide .card__full-product--image img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 8px;
    right: 4px;
  }
  .home-image-map__container--slider .splide__slide .card__full-product--title {
    font-size: 12px;
    line-height: 18px;
    min-height: 36px;
    height: 36px;
    margin-bottom: 2px;
  }
  .home-image-map__container--slider .splide__slide .card__full-product--price {
    margin-bottom: 0;
    margin-top: auto;
    border-bottom: 0;
    padding-bottom: 0;
    gap: 4px;
  }
  .home-image-map__container--slider .splide__slide .card__full-product--new {
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #ffffff, #d4af38) border-box;
  }
  .home-image-map__container--slider .splide__slide .card__full-product--new:after {
    aspect-ratio: inherit;
    display: none;
  }
}
.home-image-map__container--slider .splide__slide.is-active {
  animation: blink 1s ease-in-out;
}
.home-image-map__container--slider:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 11.25%, #ffffff 118.46%);
  width: 89px;
  height: 100%;
  display: block;
}
@media (max-width: 768px) {
  .home-image-map__container--slider:before {
    display: none;
  }
}
.home-image-map__more {
  display: none;
  border-radius: 4px;
  border: 2px solid var(--primary-colors-bunker-80, #2d3038);
  padding: 8px 16px;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--font-weight-600);
  gap: 4px;
  margin-top: 16px;
}
.home-image-map__more .icon {
  transition: all 0.3s;
  color: #2d3038;
}
.home-image-map__more:hover .icon {
  transform: translateX(-2px);
}
@media (max-width: 768px) {
  .home-image-map__more {
    display: flex;
  }
}

.extra-product-slide {
  display: flex;
  flex-direction: column;
}
.extra-product-slide__picture {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.extra-product-slide__picture:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: url("/build/assets/bg-BSJfB6P4.svg") rgba(156, 127, 209, 0.6) 0% 0% repeat;
  mix-blend-mode: overlay;
  transition: opacity 0.2s;
}
.extra-product-slide__picture img {
  transition: all 0.5s;
  width: 332px;
  height: 332px;
}
@media (max-width: 991px) {
  .extra-product-slide__picture img {
    width: 253px;
    height: 253px;
  }
}
@media (max-width: 768px) {
  .extra-product-slide__picture img {
    width: 200px;
    height: 200px;
  }
}
.extra-product-slide__info {
  transition: all 0.5s ease-in-out;
  transition-delay: 0.1s;
  max-height: 36px;
}
@media (max-width: 768px) {
  .extra-product-slide__info {
    display: none;
  }
}
.extra-product-slide__info--title {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
}
.extra-product-slide__info--title h3 {
  color: var(--primary-colors-aluminium-60, #e0e2e5);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
  margin-bottom: 0;
}
.extra-product-slide__info--title-count {
  margin-right: 4px;
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 12px;
  line-height: 18px;
  font-weight: var(--font-weight-600);
  height: 18px;
  white-space: nowrap;
}

.home-extra-products {
  padding-top: 80px;
  padding-bottom: 80px;
  background: var(--primary-colors-bunker-100, #181c22);
  color: var(--primary-colors-aluminium-60, #e0e2e5);
}
@media (max-width: 1200px) {
  .home-extra-products {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media (max-width: 768px) {
  .home-extra-products {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
.home-extra-products__container {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
@media (max-width: 768px) {
  .home-extra-products__container {
    flex-direction: column-reverse;
    gap: 16px;
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (max-width: 1200px) {
  .home-extra-products--slider {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media (max-width: 768px) {
  .home-extra-products--slider {
    padding: 0;
  }
}
.home-extra-products--slider-area {
  position: relative;
  flex: 0 0 calc(100% - 356px);
  max-width: calc(100% - 356px);
}
@media (max-width: 768px) {
  .home-extra-products--slider-area {
    flex: 100%;
    max-width: 100%;
  }
}
.home-extra-products--slider-area .splide__controls {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: auto;
}
@media (max-width: 768px) {
  .home-extra-products--slider-area .splide__controls {
    display: none;
  }
}
.home-extra-products--slider-area .splide__controls--prev {
  transform: rotate(90deg);
}
.home-extra-products--slider-area .splide__controls--next {
  transform: rotate(-90deg);
}
.home-extra-products--slider-area .splide__controls--pagination:before {
  width: 219px;
}
.home-extra-products--slider-area .splide__controls--pagination-total, .home-extra-products--slider-area .splide__controls--pagination-current {
  color: var(--White, #ffffff);
}
.home-extra-products--slider-area .splide--slide .splide__slide .extra-product-slide__picture img {
  transition: all 0.15s;
}
.home-extra-products--slider-area .splide--slide .splide__slide.is-active {
  order: -1;
}
.home-extra-products--slider-area .splide__slide {
  flex: 0 0 332px;
  width: 332px;
  max-width: 332px;
  height: 451px;
  display: flex;
  align-items: center;
  margin-left: 24px;
  transition: width 0.5s;
}
@media (max-width: 991px) {
  .home-extra-products--slider-area .splide__slide {
    flex: 0 0 263px;
    width: 263px;
    max-width: 263px;
    height: 332px;
  }
}
@media (max-width: 768px) {
  .home-extra-products--slider-area .splide__slide {
    flex: 0 0 200px;
    width: 200px;
    max-width: 200px;
    height: 253px;
    margin-left: 16px;
  }
}
.home-extra-products--slider-area .splide__slide.is-active {
  width: 451px;
  max-width: 451px;
  flex: 0 0 451px;
}
@media (max-width: 991px) {
  .home-extra-products--slider-area .splide__slide.is-active {
    width: 332px;
    max-width: 332px;
    flex: 0 0 332px;
  }
}
@media (max-width: 768px) {
  .home-extra-products--slider-area .splide__slide.is-active {
    width: 253px;
    max-width: 253px;
    flex: 0 0 253px;
  }
}
.home-extra-products--slider-area .splide__slide.is-active .extra-product-slide__info {
  transition-delay: -1s;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.home-extra-products--slider-area .splide__slide.is-active .extra-product-slide__picture img {
  width: 451px;
  height: 451px;
}
@media (max-width: 991px) {
  .home-extra-products--slider-area .splide__slide.is-active .extra-product-slide__picture img {
    width: 332px;
    height: 332px;
  }
}
@media (max-width: 768px) {
  .home-extra-products--slider-area .splide__slide.is-active .extra-product-slide__picture img {
    width: 253px;
    height: 253px;
  }
}
.home-extra-products--slider-area .splide__slide.is-active .extra-product-slide__picture:after {
  opacity: 0;
}
.home-extra-products--details-area {
  flex: 0 0 356px;
  max-width: 356px;
  position: relative;
  padding-left: 24px;
  z-index: 2;
}
@media (max-width: 768px) {
  .home-extra-products--details-area {
    flex: 100%;
    max-width: 100%;
    padding-left: 0;
  }
}
.home-extra-products--details-area .splide {
  height: 100%;
}
.home-extra-products--details-area .splide__track, .home-extra-products--details-area .splide__list {
  height: 100%;
  overflow: visible;
}
.home-extra-products--details-area .splide__slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  direction: rtl;
  background: var(--primary-colors-bunker-100, #181c22);
}
@media (max-width: 768px) {
  .home-extra-products--details-area .splide__slide {
    height: unset;
  }
}
@media (max-width: 768px) {
  .home-extra-products--details-area .splide__slide.is-active {
    order: unset;
  }
}
.home-extra-products--details-area .splide__slide.is-active .home-extra-products-detail {
  opacity: 1;
}
.home-extra-products--details-area .splide__slide.is-active .home-extra-products-detail--title-line span:after {
  transform: translateY(-50%) translateX(-50%) scale(1);
}
.home-extra-products--details-area .splide__slide.is-active .home-extra-products-detail--title-line:after {
  width: 283px;
}
.home-extra-products--details-area .splide__pagination {
  margin-top: 24px;
  direction: rtl;
}
.home-extra-products--details-area .splide__pagination__page.is-active:after {
  border-color: #c0a452;
}
.home-extra-products--details-area .splide__pagination__page.is-active:before {
  background-color: #c0a452;
}
.home-extra-products-detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  transition-delay: 0.1s;
  opacity: 0;
}
.home-extra-products-detail p {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .home-extra-products-detail p {
    margin-bottom: 24px;
    font-size: 12px;
  }
}
.home-extra-products-detail--more {
  display: flex;
  margin-top: auto;
  border: 2px solid var(--primary-colors-aluminium-40, #eef0f1);
  border-radius: 4px;
  padding: 8px 16px;
  width: 213px;
  justify-content: center;
  max-width: 100%;
  color: var(--primary-colors-aluminium-20, #f6f6f7);
  font-size: 14px;
  font-style: normal;
  font-weight: var(--font-weight-600);
  align-items: center;
  line-height: 24px;
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .home-extra-products-detail--more {
    margin-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .home-extra-products-detail--more {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .home-extra-products-detail--more {
    margin-bottom: 0;
    width: 100%;
    height: 40px;
    justify-content: center;
  }
}
.home-extra-products-detail--more .icon {
  transition: all 0.3s;
  margin-right: 4px;
}
.home-extra-products-detail--more:hover .icon {
  transform: translateX(-3px);
}
.home-extra-products-detail--title {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .home-extra-products-detail--title {
    margin-bottom: 8px;
  }
}
.home-extra-products-detail--title h3 {
  color: var(--primary-colors-aluminium-60, #e0e2e5);
  margin-bottom: 24px;
  font-size: 32px;
  letter-spacing: -1px;
  line-height: 48px;
  font-weight: var(--font-weight-600);
}
@media (max-width: 768px) {
  .home-extra-products-detail--title h3 {
    font-size: 24px;
    margin-bottom: 6px;
    line-height: 32px;
    letter-spacing: -0.5px;
  }
}
.home-extra-products-detail--title-count {
  display: flex;
  align-items: center;
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: var(--font-weight-600);
  height: 22px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .home-extra-products-detail--title-count {
    height: unset;
  }
}
.home-extra-products-detail--title-line {
  position: relative;
  margin-right: 12px;
  pointer-events: none;
  z-index: 2;
}
@media (max-width: 768px) {
  .home-extra-products-detail--title-line {
    display: none;
  }
}
.home-extra-products-detail--title-line span {
  height: 20px;
  width: 20px;
  display: block;
  border-radius: 50%;
  border: 2px solid #c0a452;
  position: relative;
}
.home-extra-products-detail--title-line span:after {
  content: "";
  background-color: #c0a452;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all 1.5s;
  transition-delay: 0.5s;
  transform: translateY(-50%) translateX(-50%) scale(0);
}
.home-extra-products-detail--title-line:after {
  content: "";
  display: block;
  background: #c0a452;
  height: 2px;
  width: 0;
  position: absolute;
  right: 20px;
  top: 50%;
  will-change: width;
  transform: translateY(-50%);
  transition: all 1.5s;
  transition-delay: 0.5s;
}

.products-tabs {
  margin-bottom: 80px;
}
@media (max-width: 1200px) {
  .products-tabs {
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .products-tabs {
    margin-bottom: 32px;
  }
}
.products-tabs .tabs-container .tabs {
  margin-bottom: 36px;
  display: flex;
  justify-content: center;
  gap: 0;
  border: 0;
}
@media (max-width: 991px) {
  .products-tabs .tabs-container .tabs {
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 40px;
    border: 1px solid var(--primary-colors-bunker-80, #2d3038);
  }
}
.products-tabs .tabs-container .tabs .tab {
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
  padding: 8px 48px 14px 48px;
  text-align: center;
  margin: 0;
  height: 50px;
}
@media (max-width: 991px) {
  .products-tabs .tabs-container .tabs .tab {
    color: var(--primary-colors-bunker-80, #2d3038);
    font-size: 14px;
    font-weight: var(--font-weight-400);
    line-height: 24px;
    padding: 0;
    padding-right: 14px;
    letter-spacing: normal;
    min-width: 50%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}
.products-tabs .tabs-container .tabs .tab b {
  font-weight: var(--font-weight-600);
}
@media (max-width: 991px) {
  .products-tabs .tabs-container .tabs .tab b {
    display: none;
  }
}
.products-tabs .tabs-container .tabs .tab span {
  position: absolute;
  left: -4px;
  top: -8px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  font-weight: var(--font-weight-400);
  line-height: 24px;
  opacity: 0;
  transition: all 0.3s;
  letter-spacing: normal;
  display: block;
}
@media (max-width: 991px) {
  .products-tabs .tabs-container .tabs .tab span {
    position: static;
    margin-right: 6px;
    border-radius: 4px;
    background: var(--primary-colors-aluminium-20, #f6f6f7);
    min-width: 14px;
    text-align: center;
    height: 14px;
    line-height: 18px;
    font-size: 10px;
    font-weight: var(--font-weight-600);
  }
}
.products-tabs .tabs-container .tabs .tab:before {
  transition: 0.3s ease-out;
  opacity: 1;
  background-color: var(--primary-colors-aluminium-40, #eef0f1);
  transform: scaleX(1);
}
@media (max-width: 991px) {
  .products-tabs .tabs-container .tabs .tab:before {
    display: none;
  }
}
.products-tabs .tabs-container .tabs .tab.active {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 24px;
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 991px) {
  .products-tabs .tabs-container .tabs .tab.active {
    padding-right: 0;
    background: var(--primary-colors-bunker-80, #2d3038);
    color: var(--primary-colors-aluminium-80, #c4c6cf);
    font-size: 16px;
    font-weight: var(--font-weight-600);
  }
}
.products-tabs .tabs-container .tabs .tab.active span {
  opacity: 1;
}
.products-tabs .tabs-container .tabs .tab.active:before {
  background-color: var(--primary-colors-bunker-80, #2d3038);
}
.products-tabs .tabs-container .tabs .tab.active:hover {
  color: var(--primary-colors-aluminium-80, #c4c6cf);
}
.products-tabs .tabs-container .tabs .tab:hover {
  color: var(--primary-colors-bunker-80, #2d3038);
}
@media (max-width: 991px) {
  .products-tabs .tabs-container .tabs .tab:hover {
    color: var(--primary-colors-bunker-80, #2d3038);
  }
}
.products-tabs__container {
  position: relative;
  display: flex;
}
@media (max-width: 991px) {
  .products-tabs__container {
    flex-direction: column;
  }
}
.products-tabs__container--filters {
  position: relative;
  z-index: 20;
  flex: 0 0 237px;
  max-width: 237px;
  padding-left: 24px;
  display: flex;
  background-color: #ffffff;
  flex-direction: column;
  padding-top: 4px;
}
@media (max-width: 991px) {
  .products-tabs__container--filters {
    flex: 0 0 100%;
    width: auto;
    max-width: none;
    padding-left: 0;
    flex-direction: row;
    overflow-x: auto;
    margin-bottom: 32px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .products-tabs__container--filters::-webkit-scrollbar {
    display: none;
  }
}
.products-tabs__container--filters-filter-btn {
  border-bottom: 1px solid #f6f6f7;
  background-color: transparent;
  padding: 16px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 16px;
  text-align: right;
  line-height: 28px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  transition: 0.3s ease-out;
}
.products-tabs__container--filters-filter-btn.active {
  color: var(--accent-color-anzac-100, #977337);
  font-weight: var(--font-weight-600);
  border-color: #c0a452;
}
@media (max-width: 991px) {
  .products-tabs__container--filters-filter-btn.active {
    font-size: 14px;
  }
}
.products-tabs__container--filters-filter-btn.active .products-tabs__container--filters-filter-count {
  background: var(--accent-color-anzac-10, #efead2);
  color: var(--accent-color-anzac-100, #977337);
}
.products-tabs__container--filters-filter-btn:hover {
  color: var(--accent-color-anzac-100, #977337);
}
.products-tabs__container--filters-filter-btn:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .products-tabs__container--filters-filter-btn {
    border-bottom-color: transparent;
    padding: 0;
    font-size: 12px;
    line-height: 24px;
    min-height: unset;
    white-space: nowrap;
    margin-left: 28px;
  }
}
.products-tabs__container--filters-filter-count {
  min-width: 22px;
  height: 20px;
  border-radius: 10px;
  padding: 0 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 1;
  transition: 0.3s ease-out;
}
@media (max-width: 991px) {
  .products-tabs__container--filters-filter-count {
    min-width: 18px;
    height: 18px;
    font-size: 10px;
  }
}
.products-tabs__container--slider {
  flex: 0 0 calc(100% - 237px);
  max-width: calc(100% - 237px);
}
.products-tabs__container--slider.is-filtering .splide__list {
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
}
@media (max-width: 991px) {
  .products-tabs__container--slider {
    flex: 100%;
    max-width: 100%;
  }
}
.products-tabs__container .splide {
  height: 620px;
}
@media (max-width: 991px) {
  .products-tabs__container .splide__track, .products-tabs__container .splide__list {
    overflow: visible;
  }
}
.products-tabs__container .splide__list > div {
  padding-top: 4px;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  opacity: 0;
  height: 0;
  flex: 0;
  transition: opacity 0.7s;
}
.products-tabs__container .splide__slide {
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 332px !important;
  width: 332px !important;
  height: auto !important;
  margin-left: 24px;
}
@media (max-width: 991px) {
  .products-tabs__container .splide__slide {
    flex: 0 0 calc(50% - 6px) !important;
    width: calc(50% - 6px) !important;
    margin-left: 12px;
  }
}
.products-tabs__container .splide__pagination {
  margin-top: 24px;
}
.products-tabs__container .products-tabs__mobile-pagination {
  position: static;
  margin-top: 24px;
  display: flex;
  justify-content: center;
  padding: 0;
  list-style: none;
}
@media (max-width: 991px) {
  .products-tabs__container .products-tabs__mobile-pagination {
    margin-top: 16px;
  }
}
.products-tabs__container .splide__controls {
  position: absolute;
  right: 0;
  bottom: 5px;
  z-index: 20;
}
@media (max-width: 991px) {
  .products-tabs__container .splide__controls {
    display: none;
  }
}
.products-tabs__container .splide__controls--next {
  transform: rotate(-90deg);
}
.products-tabs__container .splide__controls--prev {
  transform: rotate(90deg);
}
@media (max-width: 991px) {
  .products-tabs .tabs_content {
    margin-left: -16px;
    margin-right: -16px;
    padding: 0 16px;
  }
}

.home-categories-tabs + .bannerWrapper {
  margin-bottom: 128px;
}
@media (max-width: 1200px) {
  .home-categories-tabs + .bannerWrapper {
    margin-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .home-categories-tabs + .bannerWrapper {
    margin-bottom: 64px;
  }
}

.home-before-after + .bannerWrapper {
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .home-before-after + .bannerWrapper {
    margin-bottom: 64px;
  }
}

.products-tabs-area {
  margin-top: 80px;
}

.single-page {
  padding-bottom: 80px;
  display: flex;
  box-sizing: border-box;
  gap: 24px;
}
@media (max-width: 1200px) {
  .single-page {
    padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .single-page {
    padding-bottom: 32px;
    gap: 0;
  }
}
.single-page__info {
  flex: 1;
  min-width: 0;
  background: #fff;
  position: relative;
}
.single-page__info--variationChanges {
  position: relative;
}
.single-page__info--mobile-slider {
  display: none;
  margin-bottom: 16px;
  margin-left: -16px;
  margin-right: -16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eef0f1;
}
@media (max-width: 768px) {
  .single-page__info--mobile-slider {
    display: block;
  }
  .single-page__info--mobile-slider .splide__track {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}
.single-page__info--mobile-slider .splide__slide {
  margin-left: 16px;
  flex: 0 0 253px;
  width: 253px;
  border-radius: 8px;
  overflow: hidden;
}
.single-page__info--mobile-slider .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-page__info--mobile-slider .splide__pagination {
  margin-top: 16px;
}
.single-page__info--categories {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.single-page__info--categories-gift {
  display: none;
  align-items: center;
}
.single-page__info--categories-gift svg {
  width: 14px;
  height: 14px;
}
@media (max-width: 768px) {
  .single-page__info--categories-gift {
    display: flex;
    gap: 2px;
  }
}
.single-page__info--categories > a, .single-page__info--categories-gift {
  margin-bottom: 4px;
  margin-left: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  border-radius: 8px;
  padding: 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
}
@media (max-width: 768px) {
  .single-page__info--categories > a, .single-page__info--categories-gift {
    margin-bottom: 8px;
    margin-left: 8px;
    border-radius: 4px;
    padding: 2px 8px;
  }
}
.single-page__info--categories > a:last-child, .single-page__info--categories-gift:last-child {
  margin-left: 0;
}
.single-page__info--title {
  margin-bottom: 4px;
  color: var(--primary-colors-bunker-100, #181c22);
  font-size: 40px;
  font-weight: var(--font-weight-700);
  letter-spacing: -1px;
  line-height: 64px;
}
@media (max-width: 1200px) {
  .single-page__info--title {
    font-size: 24px;
    line-height: 175%;
  }
}
@media (max-width: 768px) {
  .single-page__info--title {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.5px;
    color: var(--primary-colors-bunker-80, #2d3038);
    display: flex;
    gap: 4px;
  }
}
.single-page__info--options {
  display: flex;
  align-items: center;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #eef0f1;
}
@media (max-width: 768px) {
  .single-page__info--options {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.single-page__info--options-rates {
  display: flex;
  align-items: center;
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 14px;
  line-height: 24px;
}
.single-page__info--options-rates ul {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
  position: relative;
  top: -2px;
}
.single-page__info--options-rates ul li {
  line-height: 0;
}
@media (max-width: 768px) {
  .single-page__info--options-rates ul li {
    display: none;
  }
  .single-page__info--options-rates ul li:first-child {
    display: block;
  }
  .single-page__info--options-rates ul li:first-child svg {
    color: #c0a452;
    fill: #c0a452;
    stroke: #c0a452;
  }
}
.single-page__info--options-rates ul li svg {
  width: 16px;
  height: 16px;
  color: transparent;
  fill: none;
  stroke: #c0a452;
}
.single-page__info--options-rates ul li.active svg {
  color: #c0a452;
  fill: #c0a452;
  stroke: #c0a452;
}
.single-page__info--options-comments {
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 14px;
  background: transparent;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.single-page__info--options-comments .icon {
  width: 16px;
  height: 16px;
  color: #43474e;
  margin-right: 4px;
  transition: all 0.3s;
  transform: translateY(-1px);
}
.single-page__info--options-comments:before {
  content: "";
  margin-left: 12px;
  margin-right: 12px;
  width: 2px;
  height: 18px;
  background-image: url("/build/assets/sep-CEl3dgiV.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: inline-block;
}
@media (max-width: 768px) {
  .single-page__info--options-comments:before {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.single-page__info--options-comments:hover .icon {
  transform: translateY(2px);
}
@media (max-width: 768px) {
  .single-page__info--options-comments:hover .icon {
    transform: translateY(-1px);
  }
}
.single-page__info--expireDate {
  margin-top: 16px;
  margin-bottom: 16px;
}
.single-page__info--expireDate .expireDate--title {
  font-weight: var(--font-weight-600);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #43474E;
}
.single-page__info--expireDate .expireDate--value {
  font-weight: var(--font-weight-400);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #5B5E66;
  margin-top: 8px;
}
@media (max-width: 768px) {
  .single-page__info--expireDate .expireDate--value {
    color: #8D9199;
    font-size: 12px;
    line-height: 24px;
  }
}
.single-page__info--specials ul {
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .single-page__info--specials ul {
    font-size: 12px;
  }
}
.single-page__info--specials ul li {
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .single-page__info--specials ul li {
    margin-bottom: 0;
  }
}
.single-page__info--specials ul li:last-child {
  margin-bottom: 0;
}
.single-page__gallery {
  flex: 1;
  min-width: 0;
}
@media (max-width: 991px) {
  .single-page__gallery {
    flex: 0 0 240px;
    max-width: 240px;
  }
}
@media (max-width: 768px) {
  .single-page__gallery {
    display: none;
  }
}
.single-page__gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 991px) {
  .single-page__gallery ul {
    gap: 12px;
  }
}
.single-page__gallery ul li {
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
  aspect-ratio: 1;
}
@media (max-width: 991px) {
  .single-page__gallery ul li {
    flex: 0 0 calc(50% - 6px);
    max-width: calc(50% - 6px);
  }
}
.single-page__gallery ul li:nth-child(5n+1) {
  flex: 0 0 100%;
  max-width: 100%;
}
.single-page__gallery--item {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  background-color: #f5f5f5;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  height: 100%;
}
.single-page__gallery--item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-page__gallery--item-gift {
  position: absolute;
  left: 24px;
  top: 24px;
  border-radius: 8px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: var(--font-weight-600);
  color: var(--accent-color-anzac-100, #977337);
}
@media (max-width: 991px) {
  .single-page__gallery--item-gift {
    left: 12px;
    top: 12px;
  }
}
.single-page__gallery--item-gift svg {
  width: 16px;
  height: 16px;
}
.single-page__gallery--item-play {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.single-page__gallery--item-play .icon {
  height: 120px;
  width: 120px;
  color: #ffffff;
  background: radial-gradient(314.45% 139.15% at 3.59% 3.24%, #9c7fd1 0%, rgba(192, 164, 82, 0.6) 100%);
  backdrop-filter: blur(35.9847831726px);
  border-radius: 50%;
}
@media (max-width: 991px) {
  .single-page__gallery--item-play .icon {
    width: 48px;
    height: 48px;
  }
}
.single-page__gallery--item-play .icon svg {
  width: 64px;
  height: 64px;
}
@media (max-width: 991px) {
  .single-page__gallery--item-play .icon svg {
    width: 18px;
    height: 18px;
  }
}
.single-page__selections {
  margin-bottom: 56px;
}
@media (max-width: 768px) {
  .single-page__selections {
    margin-bottom: 8px;
  }
}
.single-page__selections--selection {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .single-page__selections--selection {
    margin-bottom: 24px;
  }
}
.single-page__selections--selection h6 {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-60, #43474e);
  letter-spacing: -0.5px;
  line-height: 22px;
  font-size: 14px;
  font-weight: var(--font-weight-600);
}
.single-page__selections--selection ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 768px) {
  .single-page__selections--selection ul {
    gap: 16px;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 0 -16px;
    padding: 4px 16px;
  }
}
.single-page__selections--selection ul li {
  position: relative;
  transition: 0.3s ease-out;
}
.single-page__selections--selection ul li input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  right: 0;
  top: 0;
  display: block;
}
.single-page__selections--selection ul li.variant-option--unavailable {
  opacity: 0.3;
  pointer-events: none;
}
.single-page__selections--selection ul li.variant-option--unavailable input {
  cursor: not-allowed;
}
.single-page__selections--selection-color ul li > span {
  position: relative;
  display: block;
}
.single-page__selections--selection-color ul li > span:before {
  content: "";
  border: 1px solid transparent;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out, border-color 0.3s ease-out;
  opacity: 0;
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
  pointer-events: none;
  transform: scale(1);
  visibility: hidden;
}
.single-page__selections--selection-color ul li > span span {
  pointer-events: none;
  z-index: 1;
  position: relative;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: block;
}
.single-page__selections--selection-color ul li input:checked ~ span:before {
  opacity: 1;
  transform: scale(1.2);
  visibility: visible;
  border-color: #2d3038;
}
.single-page__selections--selection-color ul li input:checked ~ span span {
  border-color: transparent;
}
@media (max-width: 768px) {
  .single-page__selections--selection-size ul {
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .single-page__selections--selection-size ul li {
    flex: 1;
  }
}
.single-page__selections--selection-size ul li > span {
  white-space: nowrap;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--primary-colors-aluminium-100, #a8abb4);
  transition: all 0.3s;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 12px;
  font-weight: var(--font-weight-400);
  line-height: 18px;
}
.single-page__selections--selection-size ul li input:checked ~ span {
  border: 1px solid var(--primary-colors-bunker-80, #2d3038);
  background: var(--primary-colors-bunker-80, #2d3038);
  color: var(--White, #fff);
  font-weight: var(--font-weight-600);
}
.single-page__selections--selection-size ul li:hover span {
  border-color: var(--primary-colors-bunker-20, #74777f);
  color: var(--primary-colors-bunker-20, #74777f);
}
.single-page__monthly {
  margin-bottom: 24px;
  padding-left: 128px;
}
@media (max-width: 1200px) {
  .single-page__monthly {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .single-page__monthly {
    margin-bottom: 16px;
  }
}
.single-page__monthly--title {
  margin-bottom: 16px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .single-page__monthly--title {
    margin-bottom: 8px;
  }
}
.single-page__monthly > ul {
  display: flex;
  gap: 16px;
}
@media (max-width: 768px) {
  .single-page__monthly > ul {
    display: block;
  }
}
.single-page__monthly > ul > li {
  flex: 0 0 216px;
  max-width: 216px;
}
@media (max-width: 1200px) {
  .single-page__monthly > ul > li {
    flex: 1;
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .single-page__monthly > ul > li {
    margin-bottom: 16px;
  }
}
.single-page__monthly > ul > li:first-child {
  flex: 1;
  max-width: unset;
}
@media (max-width: 768px) {
  .single-page__monthly > ul > li:last-child {
    margin-bottom: 0;
  }
}
.single-page__monthly--item {
  position: relative;
  height: 100%;
  width: 100%;
}
.single-page__monthly--item input {
  display: none;
}
.single-page__monthly--item input:checked ~ .monthly-buy-box:before {
  opacity: 1;
  visibility: visible;
}
.single-page__monthly--item input:checked ~ .monthly-buy-box .monthly-buy-box__title--radio {
  border-color: var(--primary-colors-bunker-60, #43474e);
}
.single-page__monthly--item input:checked ~ .monthly-buy-box .monthly-buy-box__title--radio:after {
  opacity: 1;
  transform: scale(1);
}
.single-page__monthly--item .monthly-buy-box {
  border: 1px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #eef0f1, #eef0f1) border-box;
  border-radius: 8px;
  height: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  transition: all 0.3s;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.single-page__monthly--item .monthly-buy-box:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #a68cd6, #d9c897) border-box;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
}
.single-page__monthly--item .monthly-buy-box > * {
  position: relative;
  z-index: 1;
}
.single-page__monthly--item .monthly-buy-box__title {
  display: flex;
  align-items: center;
  padding-right: 12px;
  padding-left: 12px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .single-page__monthly--item .monthly-buy-box__title {
    font-size: 14px;
    line-height: 22px;
  }
}
.single-page__monthly--item .monthly-buy-box__title--radio {
  margin-left: 4px;
  width: 18px;
  height: 18px;
  display: block;
  position: relative;
  border-radius: 50%;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  transition: border-color 0.3s ease-out;
}
.single-page__monthly--item .monthly-buy-box__title--radio:after {
  border-radius: 50%;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: 0;
  margin: auto;
  opacity: 0;
  background: var(--accent-color-anzac-60, #c0a452);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transform: scale(0);
}
.single-page__monthly--item .monthly-buy-box__title .icon {
  margin-right: auto;
  color: #a8abb4;
  width: 24px;
  height: 24px;
}
.single-page__monthly--item .monthly-buy-box__details {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 24px;
}
.single-page__monthly--item .monthly-buy-box__details ul {
  padding-right: 16px;
  list-style: disc;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  font-weight: var(--font-weight-400);
  line-height: 24px;
}
.single-page__monthly--item .monthly-buy-box__details ul li {
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .single-page__monthly--item .monthly-buy-box__details ul li {
    margin-bottom: 4px;
  }
}
.single-page__monthly--item .monthly-buy-box__details ul li:last-child {
  margin-bottom: 0;
}
.single-page__monthly--item .monthly-buy-box__price {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  border-top: 1px solid #e8e8e8;
  margin-top: auto;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
  align-items: center;
  white-space: nowrap;
}
.single-page__monthly--item .monthly-buy-box__price-off {
  margin-left: 8px;
  border-radius: 4px;
  background: linear-gradient(107deg, #a68cd6 7.34%, #d9c897 96.07%);
  padding: 2px 8px;
  color: var(--White, #fff);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  direction: ltr;
  line-height: 150%;
}
.single-page__monthly--item .monthly-buy-box__price-old {
  margin-left: 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  position: relative;
  font-weight: var(--font-weight-400);
}
.single-page__monthly--item .monthly-buy-box__price-old:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--Primary-Colors-Bunker, #8d9199);
  top: 50%;
  left: 0;
  right: 0;
}
.single-page__monthly.single-page__monthly--horizontal {
  padding-left: 120px;
}
@media (max-width: 1200px) {
  .single-page__monthly.single-page__monthly--horizontal {
    padding-left: 48px;
  }
}
@media (max-width: 991px) {
  .single-page__monthly.single-page__monthly--horizontal {
    padding-left: 0;
  }
}
.single-page__monthly.single-page__monthly--horizontal > ul {
  flex-direction: column;
}
.single-page__monthly.single-page__monthly--horizontal > ul > li {
  flex: 0 0 100%;
  max-width: 100%;
}
.single-page__monthly.single-page__monthly--horizontal > ul > li:first-child {
  flex: 0 0 100%;
  max-width: 100%;
}
.single-page__monthly.single-page__monthly--horizontal > ul > li .monthly-buy-box__title .icon {
  margin-right: 8px;
}
@media (max-width: 768px) {
  .single-page__monthly.single-page__monthly--horizontal > ul > li .monthly-buy-box__title .icon {
    margin-right: 4px;
  }
}
.single-page__monthly.single-page__monthly--horizontal > ul > li .monthly-buy-box__details {
  margin-bottom: 0;
}
.single-page__monthly.single-page__monthly--horizontal > ul > li .monthly-buy-box__price {
  border-top: none;
  position: absolute;
  left: 0;
  top: 0;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .single-page__monthly.single-page__monthly--horizontal > ul > li .monthly-buy-box__price {
    line-height: 22px;
    font-size: 14px;
  }
}
.single-page__monthly.single-page__monthly--horizontal > ul > li .monthly-buy-box__price-off {
  margin-left: 24px;
}
@media (max-width: 768px) {
  .single-page__monthly.single-page__monthly--horizontal > ul > li .monthly-buy-box__price-off {
    margin-left: 4px;
  }
}
.single-page__monthly.single-page__monthly--horizontal > ul > li .monthly-buy-box__price-old {
  margin-left: 0;
}
@media (max-width: 768px) {
  .single-page__monthly.single-page__monthly--horizontal > ul > li .monthly-buy-box__price-old {
    font-size: 12px;
    line-height: 18px;
  }
}
.single-page__monthly.single-page__monthly--horizontal > ul > li .monthly-buy-box__price-new {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: left;
}
.single-page__price {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 32px;
  font-weight: var(--font-weight-600);
  line-height: 48px;
  letter-spacing: -1px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .single-page__price {
    font-size: 24px;
    line-height: 32px;
  }
}
.single-page__price-off {
  margin-right: 12px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  border-radius: 4px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  direction: ltr;
  line-height: 150%;
}
@media (max-width: 768px) {
  .single-page__price-off {
    margin-right: 8px;
  }
}
.single-page__price-old {
  margin-left: 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.5px;
  position: relative;
  font-weight: var(--font-weight-600);
}
@media (max-width: 768px) {
  .single-page__price-old {
    font-size: 14px;
  }
}
.single-page__price-old:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--Primary-Colors-Bunker, #8d9199);
  top: 50%;
  left: 0;
  right: 0;
}
.single-page__buttons {
  padding-left: 120px;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 12px;
  margin-top: 16px;
  transition: 0.3s ease-out;
}
@media (max-width: 1200px) {
  .single-page__buttons {
    padding-left: 48px;
  }
}
@media (max-width: 991px) {
  .single-page__buttons {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .single-page__buttons {
    gap: 24px;
  }
}
@media (max-width: 991px) {
  .single-page__buttons {
    position: fixed;
    z-index: 5;
    bottom: 16px;
    left: 16px;
    right: 16px;
    width: auto;
    margin-bottom: 0;
    border-radius: 8px;
  }
}
.single-page__buttons-buy {
  flex: 1;
  min-width: 0;
  background: var(--primary-colors-bunker-80, #2d3038);
  border: 2px solid var(--primary-colors-bunker-80, #2d3038);
  padding: 16px 32px;
  border-radius: 8px;
  color: var(--White, #ffffff);
  font-size: 16px;
  font-weight: var(--font-weight-700);
  line-height: 32px;
  letter-spacing: -0.5px;
  height: 64px;
}
@media (max-width: 768px) {
  .single-page__buttons-buy {
    height: 56px;
  }
}
.single-page__buttons-buy:hover {
  background-color: var(--White, #ffffff);
  color: var(--primary-colors-bunker-80, #2d3038);
}
.single-page__buttons-alert {
  flex: 1;
  min-width: 0;
  position: relative;
  z-index: 0;
  border-radius: 8px;
  background: var(--accent-color-purple-10, #f7f5fd);
  height: 64px;
  padding: 16px 32px;
  gap: 8px;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 16px;
  font-weight: var(--font-weight-700);
  line-height: 32px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .single-page__buttons-alert {
    height: 56px;
  }
}
.single-page__buttons-alert:hover {
  background: var(--accent-color-purple-100, #7e57c5);
  color: var(--accent-color-purple-10, #f7f5fd);
}
.single-page__buttons-bookmark {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid var(--primary-colors-bunker-80, #2d3038);
  width: 64px;
  height: 64px;
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .single-page__buttons-bookmark {
    width: 56px;
    height: 56px;
  }
  .single-page__buttons-bookmark.tooltipWrapper .tooltip {
    left: 0;
    transform: translateY(-16px);
  }
  .single-page__buttons-bookmark.tooltipWrapper .tooltip:before {
    left: 24px;
    transform: rotate(45deg) translateX(-50%);
  }
  .single-page__buttons-bookmark.tooltipWrapper:hover:not(.single-page__buttons-bookmark.tooltipWrapper.withoutHover) .tooltip, .single-page__buttons-bookmark.tooltipWrapper.showActive .tooltip {
    transform: translateY(-12px);
  }
}
.single-page__buttons-bookmark .icon {
  width: 24px;
  height: 24px;
  color: #2d3038;
  transition: all 0.3s;
}
.single-page__buttons-bookmark.active {
  background-color: var(--primary-colors-bunker-80, #2d3038);
}
.single-page__buttons-bookmark.active .icon {
  color: #ffffff;
}
.single-page__buttons .shouldCompleteRegistration {
  padding-left: 75px;
}
@media (max-width: 991px) {
  .single-page__buttons .shouldCompleteRegistration {
    padding-left: 0px;
  }
}
.single-page__buttons .shouldCompleteRegistration .alertRegistration {
  display: flex;
  gap: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  margin-top: 16px;
  color: var(--primary-colors-bunker-40, #5b5e66);
}
.single-page__buttons .shouldCompleteRegistration .alertRegistration svg {
  flex: 0 0 auto;
}
.single-page__buttons .shouldCompleteRegistration .alertRegistration p {
  margin-bottom: 0;
}
.single-page__inventory {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  display: flex;
  align-items: flex-start;
  line-height: 24px;
  font-weight: var(--font-weight-400);
}
.single-page__inventory .icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  color: #7e57c5;
  margin-left: 8px;
}
@media (max-width: 768px) {
  .single-page__inventory .icon {
    width: 18px;
    height: 18px;
    margin-left: 4px;
  }
}
.single-page__production-stoppage {
  padding-bottom: 24px;
  border-bottom: 1px solid #eef0f1;
  margin-bottom: 24px;
  width: 100%;
  padding-left: 120px;
}
@media (max-width: 768px) {
  .single-page__production-stoppage {
    padding-bottom: 16px;
    padding-left: 0;
  }
}
.single-page__production-stoppage span {
  border-radius: 8px;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  height: 64px;
  padding: 16px 32px;
  gap: 8px;
  color: var(--primary-colors-aluminium-80, #c4c6cf);
  font-size: 16px;
  font-weight: var(--font-weight-700);
  line-height: 32px;
  letter-spacing: -0.5px;
  display: block;
  text-align: center;
}
@media (max-width: 1200px) {
  .single-page__production-stoppage span {
    max-width: calc(100% - 48px);
  }
}
@media (max-width: 991px) {
  .single-page__production-stoppage span {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .single-page__production-stoppage span {
    height: 56px;
    max-width: unset;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.single-page__gifts {
  padding-top: 24px;
  border-top: 1px solid #eef0f1;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .single-page__gifts {
    margin-top: 16px;
    padding-top: 16px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
.single-page__gifts--title {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .single-page__gifts--title {
    margin-bottom: 20px;
    align-items: center;
  }
}
.single-page__gifts--title .icon {
  transform: translateY(-2px);
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  position: relative;
}
.single-page__gifts--title .icon:before {
  height: 18px;
  width: 18px;
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  top: -2px;
  border-radius: 50%;
  background-color: var(--accent-color-anzac-10, #efead2);
}
@media (max-width: 768px) {
  .single-page__gifts--title .icon {
    transform: none;
  }
}
.single-page__gifts--title .icon svg {
  position: relative;
  z-index: 1;
}
.single-page__gifts ul {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1200px) {
  .single-page__gifts ul {
    gap: 16px;
  }
}
.single-page__gifts ul li {
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
}
@media (max-width: 1200px) {
  .single-page__gifts ul li {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}
@media (max-width: 768px) {
  .single-page__gifts ul li {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.single-page__description {
  padding-top: 24px;
  border-top: 1px solid #eef0f1;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .single-page__description {
    padding-top: 16px;
    margin-top: 16px;
  }
}
.single-page__description h2, .single-page__description h3, .single-page__description h4, .single-page__description h5, .single-page__description h6 {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .single-page__description h2, .single-page__description h3, .single-page__description h4, .single-page__description h5, .single-page__description h6 {
    font-size: 14px;
    line-height: 22px;
  }
}
.single-page__description p {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 8px;
}
.single-page__description p a {
  color: var(--accent-color-anzac-60, #c0a452);
}
@media (max-width: 768px) {
  .single-page__description p {
    font-size: 12px;
    line-height: 24px;
  }
}
.single-page__description ul {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  line-height: 24px;
  list-style: none;
  padding: 0;
  margin: 16px 0;
}
@media (max-width: 768px) {
  .single-page__description ul {
    font-size: 12px;
    line-height: 24px;
    margin: 8px 0;
  }
}
.single-page__description ul > li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #8d9199;
  margin-left: 2px;
  position: relative;
  top: -1px;
}
.single-page__description ul > li + li {
  margin-top: 4px;
}
.single-page__description--content {
  position: relative;
}
.single-page__description--content.is-collapsible {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(160px, 0fr);
  transition: grid-template-rows 0.6s;
}
.single-page__description--content.is-collapsible > div {
  min-height: 0;
}
.single-page__description--content.is-collapsible:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: all 0.3s;
  height: 90px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 3.23%, #fff 80.65%);
  display: block;
}
.single-page__description--content.is-collapsible.active {
  grid-template-rows: minmax(160px, 1fr);
}
.single-page__description--content.is-collapsible.active:before {
  opacity: 0;
  pointer-events: none;
}
.single-page__description--more {
  display: flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 16px;
  cursor: pointer;
  line-height: 32px;
  font-weight: var(--font-weight-700);
  transition: 0.3s ease-out;
}
@media (max-width: 768px) {
  .single-page__description--more {
    font-size: 14px;
    line-height: 24px;
  }
}
.single-page__description--more .icon {
  color: #c0a452;
}
.single-page__description--more span:last-child {
  display: none;
}
.single-page__description--more .icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 768px) {
  .single-page__description--more .icon {
    width: 16px;
    height: 16px;
  }
}
.single-page__description--more svg {
  transition: all 0.3s;
}
.single-page__description--more.active {
  flex-direction: row-reverse;
  margin-top: 16px !important;
}
.single-page__description--more.active span:last-child {
  display: block;
}
.single-page__description--more.active span:first-child {
  display: none;
}
.single-page__description--more.active svg {
  transform: rotate(180deg);
}
.single-page__description--more.active:hover svg {
  transform: translateY(2px) rotate(180deg);
}
.single-page__description--more:hover svg {
  transform: translateY(2px);
}
.single-page__use {
  margin-top: 24px;
}
@media (max-width: 768px) {
  .single-page__use {
    margin-top: 16px;
    padding-bottom: 8px;
  }
}
.single-page__use strong {
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  margin-bottom: 8px;
  display: block;
  color: var(--primary-colors-bunker-80, #2d3038);
}
@media (max-width: 768px) {
  .single-page__use strong {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.single-page__use ul {
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 768px) {
  .single-page__use ul {
    margin-bottom: 16px;
  }
}
.single-page__use ul li a {
  display: block;
  border-radius: 8px;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  padding: 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
}
@media (max-width: 768px) {
  .single-page__use ul li a {
    font-size: 10px;
    line-height: 18px;
  }
}
.single-page__use ul li a:hover {
  background: var(--Primary-Colors-Bunker, #8d9199);
  color: var(--primary-colors-aluminium-40, #eef0f1);
}
.single-page__films {
  border-bottom: 1px solid #eef0f1;
  padding-bottom: 24px;
}
.single-page__films--title {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .single-page__films--title {
    margin-bottom: 16px;
  }
}
.single-page__films--title .icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-left: 4px;
  position: relative;
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .single-page__films--title .icon {
    width: 18px;
    min-width: 18px;
    height: 18px;
    transform: translateY(0px);
  }
}
.single-page__films--title .icon:before {
  height: 18px;
  width: 18px;
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  top: -2px;
  border-radius: 50%;
  background-color: var(--accent-color-anzac-10, #efead2);
}
@media (max-width: 768px) {
  .single-page__films--title .icon:before {
    display: none;
  }
}
.single-page__films--title .icon svg {
  position: relative;
  z-index: 1;
}
.single-page__films--list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.single-page__films--list-item {
  width: 80px;
  height: 80px;
  display: block;
  padding: 1px;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  border-radius: 50%;
}
@media (max-width: 768px) {
  .single-page__films--list-item {
    width: 64px;
    height: 64px;
  }
}
.single-page__films--list-item span {
  overflow: hidden;
  border-radius: 50%;
  transition: all 0.3s;
  display: block;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  position: relative;
  width: 100%;
  height: 100%;
}
.single-page__films--list-item span:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  pointer-events: none;
}
.single-page__films--list-item img {
  border-radius: 50%;
}
.single-page__films--list-item:hover {
  border-color: var(--primary-colors-bunker-80, #2d3038);
}
.single-page__films--list-item:hover span {
  border-color: var(--primary-colors-bunker-80, #2d3038);
}
.single-page__table {
  padding-bottom: 24px;
}
@media (max-width: 768px) {
  .single-page__table {
    padding-bottom: 16px;
  }
}
.single-page__table--title {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .single-page__table--title {
    margin-bottom: 16px;
  }
}
.single-page__table--title .icon {
  transform: translateY(-2px);
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-left: 4px;
  position: relative;
}
@media (max-width: 768px) {
  .single-page__table--title .icon {
    width: 18px;
    height: 18px;
    min-width: 18px;
    transform: translateY(0px);
  }
}
.single-page__table--title .icon:before {
  height: 18px;
  width: 18px;
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  top: -2px;
  border-radius: 50%;
  background-color: var(--accent-color-anzac-10, #efead2);
}
@media (max-width: 768px) {
  .single-page__table--title .icon:before {
    display: none;
  }
}
.single-page__table--title .icon svg {
  position: relative;
  z-index: 1;
}
.single-page__table--data ul li {
  display: flex;
  margin-bottom: 12px;
  gap: 16px;
}
@media (max-width: 1024px) {
  .single-page__table--data ul li {
    margin-bottom: 8px;
    gap: 12px;
  }
}
.single-page__table--data-name {
  padding: 12px;
  border-radius: 8px;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  flex: 0 0 216px;
  max-width: 216px;
}
@media (max-width: 768px) {
  .single-page__table--data-name {
    padding: 8px;
    flex: 0 0 120px;
    max-width: 120px;
  }
}
.single-page__table--data-value {
  flex: 1;
  border-radius: 8px;
  background: var(--primary-colors-aluminium-10, #fafafa);
  padding: 12px;
  font-size: 14px;
  font-weight: var(--font-weight-400);
  color: var(--primary-colors-bunker-40, #5b5e66);
  line-height: 24px;
}
@media (max-width: 768px) {
  .single-page__table--data-value {
    padding: 8px;
  }
}
.single-page__accordion {
  border-bottom: 1px solid #eef0f1;
}
.single-page__accordion--title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  cursor: pointer;
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
  color: var(--Primary-Colors-Bunker, #8d9199);
}
@media (max-width: 768px) {
  .single-page__accordion--title {
    padding-bottom: 12px;
    padding-top: 12px;
    font-size: 12px;
    line-height: 18px;
  }
}
.single-page__accordion--title .icon {
  width: 24px;
  height: 24px;
  color: #000000;
  position: relative;
}
@media (max-width: 768px) {
  .single-page__accordion--title .icon {
    width: 16px;
    height: 16px;
  }
}
.single-page__accordion--title .icon svg {
  transition: 0.3s ease-out;
  position: absolute;
  inset: 0;
}
.single-page__accordion--title .icon svg:last-child {
  opacity: 0;
  visibility: hidden;
}
.single-page__accordion--title.active .icon svg:first-child {
  opacity: 0;
  visibility: hidden;
}
.single-page__accordion--title.active .icon svg:last-child {
  opacity: 1;
  visibility: visible;
}
.single-page__accordion--content {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.6s;
}
.single-page__accordion--content > div {
  padding-bottom: 24px;
}
@media (max-width: 768px) {
  .single-page__accordion--content > div {
    padding-bottom: 12px;
  }
}
.single-page__accordion--content p {
  margin-bottom: 16px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .single-page__accordion--content p {
    font-size: 12px;
    margin-bottom: 8px;
  }
}
.single-page__accordion--content .video-card {
  height: unset !important;
}
.single-page__accordion--content .video-card:before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.single-page__accordion--content .video-card.video-playing:before {
  opacity: 0;
}
.single-page__accordion--content .video-card__controls--play-btn {
  width: 120px;
  height: 120px;
  background: radial-gradient(314.45% 139.15% at 3.59% 3.24%, #9c7fd1 0%, rgba(192, 164, 82, 0.6) 100%);
  backdrop-filter: blur(35.9847831726px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 768px) {
  .single-page__accordion--content .video-card__controls--play-btn {
    width: 48px;
    height: 48px;
  }
}
.single-page__accordion--content .video-card__controls--play-btn .icon {
  width: 64px;
  height: 64px;
}
@media (max-width: 768px) {
  .single-page__accordion--content .video-card__controls--play-btn .icon {
    width: 18px;
    height: 18px;
  }
}
.single-page__accordion--content.active {
  grid-template-rows: minmax(0, 1fr);
}
.single-page__quantity--back {
  display: none;
  height: 47.14em;
  width: 100%;
}
@media (max-width: 991px) {
  .single-page__quantity--back.active {
    display: block;
  }
}
.single-page__quantity {
  max-width: calc(100% - 120px);
  border-radius: 8px;
  width: 100%;
  box-shadow: inset 0px 0px 0px 1px #2d3038;
  padding: 16px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s ease-out;
  position: relative;
}
@media (max-width: 991px) {
  .single-page__quantity {
    position: fixed;
    z-index: 5;
    bottom: 16px;
    left: 16px;
    right: 16px;
    width: auto;
    margin-bottom: 0;
    border-radius: 8px;
    box-shadow: inset 0px 0px 0px 1px #2d3038;
    background: rgba(246, 246, 247, 0.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 12px 12px;
  }
  .single-page__quantity #quantity-control {
    position: relative;
    z-index: 1;
  }
  .single-page__quantity #quantity-control--input {
    background: transparent;
  }
  .single-page__quantity .single-page__quantity--basket {
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    border-radius: 4px;
    background: var(--primary-colors-bunker-80, #2d3038);
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--White, #fff);
    line-height: 24px;
    letter-spacing: normal;
  }
}
@media (max-width: 1200px) {
  .single-page__quantity {
    max-width: calc(100% - 48px);
  }
}
@media (max-width: 991px) {
  .single-page__quantity {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .single-page__quantity {
    max-width: unset;
  }
}
.single-page__quantity--basket {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: var(--font-weight-700);
  line-height: 32px;
  letter-spacing: -0.5px;
  transition: color 0.3s ease-out, background 0.3s ease-out, padding 0.3s ease-out, height 0.3s ease-out;
  text-align: center;
}
@media (max-width: 768px) {
  .single-page__quantity--basket {
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    border-radius: 4px;
    background: transparent;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-colors-bunker-80, #2d3038);
    line-height: 24px;
    letter-spacing: normal;
    transition: none;
  }
}

.manufacturing-compounds {
  padding-top: 4px;
}
.manufacturing-compounds ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}
.manufacturing-compounds__substance {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.manufacturing-compounds__substance--picture {
  border-radius: 50%;
  padding: 3px;
  width: 86px;
  height: 86px;
  border: 1px solid var(--primary-colors-bunker-40, #5b5e66);
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .manufacturing-compounds__substance--picture {
    width: 60px;
    height: 60px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
    padding: 2px;
  }
}
.manufacturing-compounds__substance--picture img {
  border-radius: 50%;
}
.manufacturing-compounds__substance--sep {
  margin-left: 16px;
  margin-right: 16px;
  height: 86px;
}
@media (max-width: 768px) {
  .manufacturing-compounds__substance--sep {
    margin-left: 4px;
    margin-right: 4px;
    height: 60px;
  }
}
.manufacturing-compounds__substance--sep .icon {
  width: 18px;
  color: #43474e;
  height: 18px;
}

.how-use-product {
  padding-top: 56px;
  position: relative;
}
.how-use-product:after {
  position: absolute;
  top: 0;
  right: 4px;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  width: 6px;
  height: 22px;
  content: "";
  z-index: 1;
  display: block;
}
.how-use-product:before {
  width: 1px;
  height: 100%;
  display: block;
  content: "";
  border-right: 1px dashed #c0a452;
  position: absolute;
  right: 7px;
  top: 0;
}
.how-use-product__card {
  margin-bottom: 96px;
  border-radius: 4px;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  position: relative;
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
  z-index: 1;
}
@media (max-width: 768px) {
  .how-use-product__card {
    margin-bottom: 48px;
  }
}
.how-use-product__card:before {
  content: "";
  border-radius: 50%;
  display: block;
  width: 7px;
  height: 7px;
  border: 1px solid var(--accent-color-anzac-60, #c0a452);
  background-color: #ffffff;
  position: absolute;
  right: 4px;
  top: 0;
}
.how-use-product__card:after {
  content: "";
  border-radius: 50%;
  display: block;
  width: 7px;
  height: 7px;
  border: 1px solid var(--accent-color-anzac-60, #c0a452);
  background-color: #ffffff;
  position: absolute;
  right: 4px;
  bottom: 0;
}
.how-use-product__card--head {
  padding-top: 32px;
  padding-right: 156px;
  min-height: 92px;
}
@media (max-width: 768px) {
  .how-use-product__card--head {
    padding-top: 16px;
    padding-right: 106px;
    min-height: 66px;
  }
}
.how-use-product__card--head-number {
  margin-bottom: 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  position: relative;
}
.how-use-product__card--head-number span {
  position: relative;
  z-index: 1;
}
.how-use-product__card--head-number:before {
  height: 18px;
  width: 18px;
  content: "";
  display: block;
  position: absolute;
  right: -5px;
  bottom: -3px;
  border-radius: 50%;
  background-color: var(--accent-color-anzac-10, #efead2);
}
.how-use-product__card--head-title {
  color: var(--primary-colors-bunker-80, #2d3038);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .how-use-product__card--head-title {
    font-size: 14px;
    line-height: 24px;
  }
}
.how-use-product__card--description {
  padding-top: 16px;
}
@media (max-width: 768px) {
  .how-use-product__card--description {
    padding-top: 8px;
  }
}
.how-use-product__card--description p {
  color: var(--primary-colors-bunker-40, #5b5e66);
  margin-bottom: 0;
}
.how-use-product__card--picture {
  border-radius: 4px;
  overflow: hidden;
  width: 140px;
  height: 140px;
  position: absolute;
  right: 16px;
  top: -48px;
}
@media (max-width: 768px) {
  .how-use-product__card--picture {
    width: 90px;
    height: 90px;
    top: -24px;
  }
}
.how-use-product__card--picture:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  pointer-events: none;
}
.how-use-product__card:last-child {
  margin-bottom: 0;
}
.how-use-product__card:last-child:after {
  display: none;
}

.notify-me-modal ul li {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .notify-me-modal ul li {
    margin-bottom: 16px;
  }
}
.notify-me-modal ul li:last-child {
  margin-bottom: 0;
}

.upload-images-modal {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.upload-images-modal__title {
  margin-bottom: 8px;
  color: var(--White, #fff);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
}
@media (max-width: 768px) {
  .upload-images-modal__title {
    font-size: 14px;
    line-height: 22px;
  }
}
.upload-images-modal__description {
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  line-height: 24px;
}
.upload-images-modal__pictures > ul > li {
  margin-top: 24px;
}
.upload-images-modal__area {
  position: relative;
  overflow: hidden;
  margin-top: 24px;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .upload-images-modal__area {
    margin-bottom: 24px;
  }
}
.upload-images-modal__area input {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
}
.upload-images-modal__area--over {
  border-radius: 8px;
  border: 2px dashed var(--primary-colors-bunker-20, #74777f);
  padding: 24px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 16px;
  transition: 0.3s ease-out;
}
@media (max-width: 768px) {
  .upload-images-modal__area--over {
    padding: 24px 36px;
    gap: 4px;
  }
}
.upload-images-modal__area--over .icon {
  width: 32px;
  height: 32px;
  color: #c0a452;
}
.upload-images-modal__area--over p {
  margin-bottom: 0;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .upload-images-modal__area--over p {
    font-size: 12px;
  }
}
.upload-images-modal__area--over p b {
  font-weight: var(--font-weight-600);
  color: var(--accent-color-anzac-80, #b08f42);
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .upload-images-modal__area--over p span {
    display: none;
  }
}
.upload-images-modal__submit {
  width: 100%;
  padding: 8px 16px;
  border-radius: 4px;
  color: var(--White, #fff);
  font-weight: var(--font-weight-700);
  line-height: 32px;
  font-size: 16px;
  letter-spacing: -0.5px;
  background: var(--accent-color-anzac-100, linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #977337);
}
.upload-images-modal__submit:hover {
  color: var(--accent-color-anzac-100, linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #977337);
  background: var(--White, #fff);
}

.upload-box {
  transition: all 0.3s;
  border: 1px solid transparent;
  position: relative;
  padding: 8px 8px 8px 24px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  background: linear-gradient(#181c22, #181c22) padding-box, linear-gradient(to right, #323232 20%, #c0a452 100%) border-box;
}
@media (max-width: 768px) {
  .upload-box {
    padding-left: 8px;
  }
}
.upload-box__picture {
  border-radius: 4px;
  margin-left: 8px;
  overflow: hidden;
  flex: 0 0 auto;
}
.upload-box__picture img {
  width: 58px;
  height: 58px;
}
@media (max-width: 768px) {
  .upload-box__picture img {
    width: 40px;
    height: 40px;
  }
}
.upload-box__progress {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 0;
  overflow: hidden;
}
.upload-box__progress--info {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
}
@media (max-width: 768px) {
  .upload-box__progress--info {
    font-size: 10px;
    margin-bottom: 2px;
  }
}
.upload-box__progress--info-name {
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  padding-left: 16px;
}
@media (max-width: 768px) {
  .upload-box__progress--info-name {
    line-height: 18px;
  }
}
.upload-box__progress--info-size {
  line-height: 24px;
  direction: ltr;
  flex: 0 0 auto;
}
@media (max-width: 768px) {
  .upload-box__progress--info-size {
    line-height: 18px;
  }
}
.upload-box__progress--bar {
  height: 4px;
  width: 100%;
  border-radius: 8px;
  background: var(--primary-colors-bunker-60, #43474e);
  position: relative;
  overflow: hidden;
}
.upload-box__progress--bar span {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 8px;
  transition: 0.3s ease-out;
  background: var(--accent-color-anzac-100, linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #977337);
  display: block;
}
.upload-box__action {
  margin-right: 48px;
  background: transparent;
}
@media (max-width: 768px) {
  .upload-box__action {
    margin-right: 44px;
  }
}
.upload-box__action .icon {
  width: 24px;
  height: 24px;
  color: #8d9199;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .upload-box__action .icon {
    width: 20px;
    height: 20px;
  }
}
.upload-box__action:hover .icon {
  color: #dc4040;
}
.upload-box--completed .upload-box__action .icon {
  color: #dc4040;
}
.upload-box--cancelled {
  background: transparent;
  border: 1px solid var(--alert-color-error-100, #dc4040);
}
.upload-box--cancelled .upload-box__action .icon {
  color: #dc4040;
}
.upload-box--cancelled .upload-box__picture {
  opacity: 0.3;
}
.upload-box--cancelled .upload-box__progress--bar span {
  background: var(--alert-color-error-100, #dc4040);
}
.upload-box--cancelled .upload-box__progress--info-size {
  color: var(--primary-colors-bunker-80, #2d3038);
}

#last-products {
  background: #fff;
}
@media (max-width: 768px) {
  #last-products .container {
    padding: 0;
  }
}
#last-products .splide__track {
  overflow: visible;
}

.related-products {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  .related-products {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media (max-width: 768px) {
  .related-products {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
.related-products .section-title {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .related-products .section-title {
    margin-bottom: 32px;
  }
}
@media (max-width: 768px) {
  .related-products .section-title {
    margin-bottom: 16px;
  }
}
.related-products__inner {
  padding-left: 12px;
  padding-right: 12px;
}
@media (max-width: 1400px) {
  .related-products__inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.related-products__inner > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
@media (max-width: 1400px) {
  .related-products__inner > ul {
    gap: 8px;
  }
}
@media (max-width: 1200px) {
  .related-products__inner > ul {
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .related-products__inner > ul {
    gap: 8px;
  }
}
.related-products__inner > ul > li {
  min-width: 0;
  flex: 0 0 calc(25% - 16px);
}
@media (max-width: 1200px) {
  .related-products__inner > ul > li {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}
@media (max-width: 768px) {
  .related-products__inner > ul > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

#related-posts {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #181c22 url("/build/assets/bg2-CDXuEAhE.svg") center top no-repeat;
}
@media only screen and (min-width: 1920px) {
  #related-posts {
    background-size: 100% calc(100% - 104px);
  }
}
@media (max-width: 1200px) {
  #related-posts {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media (max-width: 768px) {
  #related-posts {
    padding-bottom: 32px;
    padding-top: 32px;
    background: var(--primary-colors-bunker-80, #2d3038);
  }
}

.related-posts {
  padding-left: 118px;
  padding-right: 118px;
}
@media (max-width: 1200px) {
  .related-posts {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 991px) {
  .related-posts {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 768px) {
  .related-posts {
    padding-left: 0;
    padding-right: 0;
  }
}
.related-posts__title {
  margin-bottom: 40px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .related-posts__title {
    margin-bottom: 16px;
  }
}
.related-posts__title h4 {
  color: var(--White, #fff);
  font-size: 40px;
  font-weight: var(--font-weight-700);
  line-height: 64px;
  letter-spacing: -1px;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .related-posts__title h4 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .related-posts__title h4 {
    font-size: 16px;
    font-weight: var(--font-weight-600);
    line-height: 28px;
  }
}
.related-posts__title--more {
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 16px;
  font-weight: var(--font-weight-700);
  line-height: 32px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .related-posts__title--more {
    font-size: 14px;
    font-weight: var(--font-weight-600);
    line-height: 24px;
    letter-spacing: normal;
  }
}
.related-posts__title--more .icon {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  transform: rotate(90deg);
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .related-posts__title--more .icon {
    width: 16px;
    height: 16px;
  }
}
.related-posts__title--more:hover .icon {
  transform: translateX(-2px) rotate(90deg);
}
.related-posts__list > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 768px) {
  .related-posts__list > ul {
    gap: 16px;
  }
}
.related-posts__list > ul > li {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .related-posts__list > ul > li {
    flex: 0 0 100%;
  }
  .related-posts__list > ul > li:last-child {
    order: -1;
  }
}
.related-posts__list--only-image {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  margin-bottom: 24px;
  max-height: 321px;
}
@media (max-width: 768px) {
  .related-posts__list--only-image {
    margin-bottom: 0;
    margin-top: 16px;
    max-height: 193px;
  }
}
.related-posts__list--only-image img {
  transition: 0.3s ease-out;
}
.related-posts__list--only-image-over {
  position: absolute;
  bottom: 16px;
  right: 16px;
  left: 16px;
  padding: 16px;
  overflow: hidden;
  border-radius: 4px;
  transition: 0.3s ease-out;
  opacity: 0;
}
@media (max-width: 768px) {
  .related-posts__list--only-image-over {
    bottom: 8px;
    right: 8px;
    left: 8px;
    padding: 8px;
    opacity: 1;
  }
}
.related-posts__list--only-image-over:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: var(--primary-colors-bunker-80, #2d3038);
  mix-blend-mode: plus-darker;
  pointer-events: none;
}
@media (max-width: 768px) {
  .related-posts__list--only-image-over:before {
    mix-blend-mode: multiply;
    opacity: 0.6;
  }
}
.related-posts__list--only-image-over_in {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.related-posts__list--only-image-over_in h5 {
  margin-bottom: 8px;
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  color: var(--accent-color-anzac-100, #977337);
}
.related-posts__list--only-image-over_in h4 {
  color: var(--White, #fff);
  margin-bottom: 0;
  font-size: 24px;
  font-weight: var(--font-weight-600);
  line-height: 32px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .related-posts__list--only-image-over_in h4 {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 768px) {
  .related-posts__list--only-image-over_in h4 {
    font-size: 14px;
    line-height: 22px;
  }
}
.related-posts__list--only-image:hover .related-posts__list--only-image-over {
  opacity: 1;
}
.related-posts__list--only-image:hover img {
  transform: scale(1.05);
}
.related-posts__list--only-text {
  border-radius: 8px;
  overflow: hidden;
  background: #c1bfb0;
  padding: 24px;
  flex: 1;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 224px;
}
@media (max-width: 991px) {
  .related-posts__list--only-text {
    padding: 16px;
  }
}
@media (max-width: 768px) {
  .related-posts__list--only-text {
    order: -1;
    min-height: 136px;
    padding: 8px;
  }
}
.related-posts__list--only-text_category {
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  color: var(--accent-color-anzac-100, #977337);
}
.related-posts__list--only-text_title {
  margin-bottom: 0;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 32px;
  font-weight: var(--font-weight-600);
  line-height: 48px;
  letter-spacing: -1px;
  margin-top: auto;
}
@media (max-width: 1024px) {
  .related-posts__list--only-text_title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 991px) {
  .related-posts__list--only-text_title {
    font-size: 16px;
    line-height: 28px;
  }
}
.related-posts__list--learning {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  height: 100%;
}
@media (max-width: 991px) {
  .related-posts__list--learning {
    height: auto;
    aspect-ratio: 1;
  }
}
.related-posts__list--learning img {
  transition: 0.3s ease-out;
}
.related-posts__list--learning .cursor-move {
  background-color: #c0a452;
  font-size: 24px;
  color: var(--White, #fff);
  font-weight: var(--font-weight-600);
  line-height: 32px;
  letter-spacing: -0.5px;
  mix-blend-mode: multiply;
  opacity: 0;
  transition: none;
}
@media (max-width: 991px) {
  .related-posts__list--learning .cursor-move {
    display: none;
  }
}
.related-posts__list--learning-over {
  position: absolute;
  bottom: 16px;
  right: 16px;
  left: 16px;
  padding: 16px;
  overflow: hidden;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .related-posts__list--learning-over {
    bottom: 8px;
    right: 8px;
    left: 8px;
    padding: 8px;
  }
}
.related-posts__list--learning-over:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: var(--primary-colors-bunker-80, #2d3038);
  mix-blend-mode: plus-darker;
  pointer-events: none;
}
@media (max-width: 768px) {
  .related-posts__list--learning-over:before {
    opacity: 0.6;
    mix-blend-mode: multiply;
  }
}
.related-posts__list--learning-over_in {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.related-posts__list--learning-over_in a {
  cursor: none;
}
@media (max-width: 991px) {
  .related-posts__list--learning-over_in a {
    cursor: pointer;
  }
}
.related-posts__list--learning-over_in h5 {
  margin-bottom: 8px;
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  color: var(--accent-color-anzac-100, #977337);
}
.related-posts__list--learning-over_in h4 {
  color: var(--White, #fff);
  margin-bottom: 0;
  font-size: 24px;
  font-weight: var(--font-weight-600);
  line-height: 32px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .related-posts__list--learning-over_in h4 {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 768px) {
  .related-posts__list--learning-over_in h4 {
    font-size: 14px;
    line-height: 22px;
  }
}
.related-posts__list--learning-over_in-date {
  margin-top: 4px;
  color: var(--White, #fff);
  font-size: 12px;
  line-height: 24px;
}
.related-posts__list--learning:hover img {
  transform: scale(1.05);
}
.related-posts__list--learning.active .cursor-move {
  transition: opacity 0.3s ease-out;
  opacity: 0.8;
}
.related-posts__list--learning.active img {
  transform: scale(1.05);
}

.last-products {
  padding-top: 80px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .last-products {
    padding-top: 40px;
  }
}
@media (max-width: 768px) {
  .last-products {
    padding-top: 32px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
.last-products .section-title {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .last-products .section-title {
    margin-bottom: 32px;
  }
}
@media (max-width: 768px) {
  .last-products .section-title {
    margin-bottom: 16px;
  }
}
.last-products--slider {
  flex: 100%;
  max-width: 100%;
}
.last-products .splide__track, .last-products .splide__list {
  justify-content: center;
}
@media (max-width: 991px) {
  .last-products .splide__track, .last-products .splide__list {
    overflow: visible;
    justify-content: flex-start;
  }
}
.last-products .splide__pagination {
  margin-top: 24px;
}
.last-products .splide__slide {
  margin-left: 24px;
  flex: 0 0 calc(25% - 24px);
  max-width: calc(25% - 24px);
}
@media (max-width: 1024px) {
  .last-products .splide__slide {
    flex: 0 0 calc(33.3333% - 16px);
    max-width: calc(33.3333% - 16px);
  }
}
@media (max-width: 991px) {
  .last-products .splide__slide {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    margin-left: 12px;
  }
}

#single-page {
  background: #fff;
}

#single-page-tabs {
  background: #fcfcfc;
  padding-top: 64px;
  padding-bottom: 0px;
  scroll-margin-block: 85px;
}
@media (max-width: 1200px) {
  #single-page-tabs {
    padding-bottom: 0;
    padding-top: 40px;
  }
}
@media (max-width: 768px) {
  #single-page-tabs {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
#single-page-tabs .tab-content {
  background: #fcfcfc;
}

.single-page-tabs .tabs-container .tabs {
  width: unset;
  margin-bottom: 0;
  border: none;
  gap: 40px;
  margin-bottom: -16px;
}
@media (max-width: 991px) {
  .single-page-tabs .tabs-container .tabs {
    gap: 0;
  }
}
@media (max-width: 768px) {
  .single-page-tabs .tabs-container .tabs {
    margin-bottom: 0;
    border-radius: 40px;
    border: 1px solid var(--accent-color-purple-20, #f0edfa);
    background: #fff;
    display: flex;
    justify-content: space-between;
  }
}
.single-page-tabs .tabs-container .tabs .tab {
  padding-top: 8px;
  font-size: 14px;
  line-height: 24px;
  padding-left: 0;
  padding-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 0 !important;
}
@media (max-width: 768px) {
  .single-page-tabs .tabs-container .tabs .tab {
    white-space: nowrap;
    gap: 6px;
    padding: 8px 24px;
    margin-left: 0;
    transition: all 0.3s;
    min-width: 0;
    flex: 1;
    justify-content: center;
  }
}
.single-page-tabs .tabs-container .tabs .tab span {
  transition: background-color 0.3s, color 0.3s;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  border-radius: 4px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  padding: 2px 8px;
  display: block;
  font-size: 12px;
  line-height: 18px;
  font-weight: var(--font-weight-400);
}
.single-page-tabs .tabs-container .tabs .tab:before {
  bottom: -3px;
}
@media (max-width: 768px) {
  .single-page-tabs .tabs-container .tabs .tab:before {
    display: none;
  }
}
.single-page-tabs .tabs-container .tabs .tab.active {
  font-size: 16px;
}
@media (max-width: 768px) {
  .single-page-tabs .tabs-container .tabs .tab.active {
    padding-left: 20px;
    padding-right: 20px;
    background: var(--accent-color-purple-20, #f0edfa);
  }
}
.single-page-tabs .tabs-container .tabs .tab.active span {
  background: var(--accent-color-purple-20, #f0edfa);
  color: var(--accent-color-purple-100, #7e57c5);
  letter-spacing: unset;
  font-weight: var(--font-weight-600);
}
@media (max-width: 768px) {
  .single-page-tabs .tabs-container .tabs .tab.active span {
    background: var(--accent-color-purple-40, #e2def6);
  }
}
.single-page-tabs__head {
  margin-bottom: 0px;
  padding-bottom: 16px;
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  position: sticky;
  top: 85px;
  z-index: 2;
  background: #fcfcfc;
}
.single-page-tabs__head.userRegisteredNotComplete {
  top: 149px;
}
@media (max-width: 991px) {
  .single-page-tabs__head.userRegisteredNotComplete {
    top: 64px;
  }
}
@media (max-width: 768px) {
  .single-page-tabs__head {
    justify-content: center;
    border-bottom: none;
    top: 65px;
  }
}
.single-page-tabs__head--sort {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 24px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .single-page-tabs__head--sort {
    display: none !important;
  }
}
.single-page-tabs__head--sort ul {
  border-radius: 4px;
  border: 2px solid var(--primary-colors-aluminium-40, #eef0f1);
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  display: flex;
  align-items: center;
}
.single-page-tabs__head--sort ul li {
  position: relative;
  overflow: hidden;
  padding: 8px 16px;
  height: 36px;
}
.single-page-tabs__head--sort ul li:after {
  content: "";
  display: block;
  width: 2px;
  height: 32px;
  background: #eef0f1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.single-page-tabs__head--sort ul li:last-child:after {
  display: none;
}
.single-page-tabs__head--sort ul li span {
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 14px;
  display: block;
  transition: all 0.3s;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
.single-page-tabs__head--sort ul li input {
  opacity: 0;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.single-page-tabs__head--sort ul li input:checked ~ span {
  color: var(--primary-colors-bunker-80, #2d3038);
}
.single-page-tabs__head--sort ul li input:not([disabled]) {
  cursor: pointer;
}
.single-page-tabs .tabs_content {
  margin-top: 16px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .single-page-tabs .tabs_content {
    padding-bottom: 0px;
    margin-top: 24px;
  }
}

.comment-graph {
  width: 174px;
  height: 174px;
  position: relative;
}
.comment-graph:before {
  content: "";
  width: 174px;
  height: 87px;
  position: absolute;
  border: 32px solid #f0edfa;
  border-radius: 174px 174px 0 0;
  border-bottom: none;
}
.comment-graph--percent {
  position: absolute;
  transform: translateX(100%) translateY(100%) rotate(29.991deg);
  width: 32px;
  text-align: center;
  transition: all 0.6s;
  transition-delay: 1.7s;
  z-index: 1;
  opacity: 0;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 22px;
}
.comment-graph--line {
  position: absolute;
  top: var(--top);
  left: var(--left);
  transform: rotate(var(--rotate2));
  height: 48px;
  border: 2px solid #7e57c5;
  background-color: #7e57c5;
  display: block;
  border-radius: 6px;
  z-index: 1;
  transition: opacity 0.3s ease-out;
  transition-delay: 1.9s;
  opacity: 0;
}
.comment-graph--progress {
  width: 174px;
  height: 87px;
  position: absolute;
  overflow: hidden;
}
.comment-graph--progress:after {
  width: 174px;
  height: 87px;
  position: absolute;
  top: 100%;
  border: 32px solid #b1a2e3;
  content: "";
  border-radius: 0 0 174px 174px;
  border-top: none;
  transform-origin: center top;
  transition: all 2s ease-in-out;
}
.comment-graph--progress:after {
  transform: rotate(var(--rotate));
}

#comment-form {
  position: relative;
}

#drop-area.drag-over .upload-images-modal__area--over {
  border-color: var(--accent-color-anzac-100, #977337);
}

.categories-hero {
  padding-bottom: 56px;
}
@media (max-width: 1200px) {
  .categories-hero {
    padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .categories-hero {
    padding-bottom: 16px;
  }
}
.categories-hero .breadcrumb {
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .categories-hero .breadcrumb {
    margin-bottom: 24px;
  }
}
.categories-hero__banner {
  border-radius: 8px;
  background: #f7f7f7;
  position: relative;
  overflow: hidden;
  height: 350px;
}
@media (max-width: 768px) {
  .categories-hero__banner {
    background: transparent;
    border-radius: 0;
    height: auto;
  }
}
.categories-hero__banner--image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .categories-hero__banner--image {
    display: none;
  }
}
.categories-hero__banner--description {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 48px;
  display: flex;
  gap: 16px;
  flex-direction: column;
  width: 586px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .categories-hero__banner--description {
    width: 100%;
    position: static;
    top: unset;
    left: unset;
    transform: unset;
    gap: 0;
  }
}
.categories-hero__banner--description h1 {
  margin-bottom: 0;
  color: #000;
  font-weight: 700;
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 64px;
}
@media (max-width: 768px) {
  .categories-hero__banner--description h1 {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
    font-weight: 600;
    margin-bottom: 4px;
  }
}
.categories-hero__banner--description p {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .categories-hero__banner--description p {
    font-size: 12px;
  }
}
.categories-hero__banner--description.hiddenText {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.categories-page {
  padding-bottom: 80px;
  position: relative;
  background: #fff;
  padding-top: 24px;
}
@media (max-width: 1200px) {
  .categories-page {
    padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .categories-page {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
.categories-page__filters {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  overflow: visible;
}
@media (max-width: 768px) {
  .categories-page__filters {
    width: 100%;
    margin-bottom: 24px;
  }
}
.categories-page__filters--filter {
  margin-left: 16px;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--primary-colors-bunker-60, #43474e);
  background: #fff;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .categories-page__filters--filter {
    justify-content: center;
    margin-left: 0;
    flex: 0 0 50%;
    max-width: 50%;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid var(--primary-colors-aluminium-80, #c4c6cf);
    border-right: none;
    color: var(--primary-colors-bunker-40, #5b5e66);
  }
}
.categories-page__filters--filter .icon {
  margin-left: 8px;
}
.categories-page__filters--filter .item-count {
  margin-right: 4px;
}
.categories-page__filters--filter.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.categories-page__filters--filter.active {
  background: var(--primary-colors-bunker-60, #43474e);
  color: var(--White, #fff);
}
@media (max-width: 768px) {
  .categories-page__filters--filter.active {
    background: var(--primary-colors-bunker-40, #5b5e66);
    border-color: var(--primary-colors-bunker-40, #5b5e66);
  }
}
.categories-page__filters--options {
  margin-left: 16px;
  min-width: 140px;
  overflow: visible;
}
@media (max-width: 768px) {
  .categories-page__filters--options {
    margin-left: 0;
    flex: 0 0 50%;
    max-width: 50%;
    min-width: unset;
  }
}
.categories-page__filters--options .select {
  overflow: visible;
}
.categories-page__filters--options select {
  height: 40px;
  width: 100%;
  border: 1px solid var(--primary-colors-bunker-60, #43474e);
  padding-left: 12px;
  padding-right: 12px;
}
@media (max-width: 768px) {
  .categories-page__filters--options select {
    border: 1px solid var(--primary-colors-aluminium-80, #c4c6cf);
    border-radius: 0px 8px 8px 0px;
  }
}
.categories-page__filters--options .ss-main {
  --ss-border-radius: 4px;
  --ss-main-height: 40px;
  --ss-border-color: #43474e;
  --ss-font-color: #43474e;
  cursor: pointer !important;
  pointer-events: auto !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.3s ease-out;
}
.categories-page__filters--options .ss-main .ss-single {
  font-weight: var(--font-weight-600);
  pointer-events: none;
  font-size: 14px;
}
.categories-page__filters--options .ss-main .ss-values .ss-single {
  font-size: 14px;
}
.categories-page__filters--options .ss-main .ss-arrow {
  pointer-events: none;
}
.categories-page__filters--options .ss-main .ss-arrow path {
  stroke: #5B5E66;
}
.categories-page__filters--options .ss-main.ss-disabled {
  opacity: 0.4;
  background: #fff;
  cursor: not-allowed !important;
}
@media (max-width: 768px) {
  .categories-page__filters--options .ss-main {
    --ss-border-color: #c4c6cf;
    --ss-font-color: #5b5e66;
    justify-content: center;
    border-radius: 0px 8px 8px 0px;
  }
  .categories-page__filters--options .ss-main .ss-values {
    flex: unset;
  }
  .categories-page__filters--options .ss-main .ss-values .ss-single {
    font-size: 14px;
  }
}
.categories-page__filters--options .ss-content {
  z-index: 10001 !important;
  position: absolute !important;
  pointer-events: auto !important;
}
.categories-page__filters--filters {
  display: flex;
  gap: 8px;
  align-items: center;
  flex: 1;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  margin-left: 16px;
  scrollbar-width: none;
}
@media (max-width: 768px) {
  .categories-page__filters--filters {
    display: none;
  }
}
.categories-page__filters--filters .filter-button {
  background: var(--accent-color-anzac-10, #efead2);
  border-radius: 8px;
  padding: 8px;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  box-shadow: inset 0px 0px 0px 1px var(--accent-color-anzac-10, #efead2);
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.categories-page__filters--filters .filter-button:before {
  width: 16px;
  height: 16px;
  content: "";
  pointer-events: none;
  background: url("/build/assets/close-DDfNS_JF.svg") no-repeat center center;
}
.categories-page__filters--filters .filter-button:hover {
  background: var(--White, #fff);
}
.categories-page__filters--count {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  line-height: 24px;
  margin-right: auto;
  height: 40px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .categories-page__filters--count {
    display: none;
  }
}
.categories-page .loaderWrapper {
  z-index: 2;
  bottom: 0;
}

.categories-products__list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 24px;
}
@media (max-width: 1200px) {
  .categories-products__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 12px;
  }
}
@media (max-width: 768px) {
  .categories-products__list {
    gap: 16px 12px;
  }
}
.categories-products__list--category {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 24px;
}
@media (max-width: 1200px) {
  .categories-products__list--category {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 12px;
  }
}
@media (max-width: 768px) {
  .categories-products__list--category {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 12px;
  }
}
.categories-products__list--category .categories-products__item {
  flex: none;
  max-width: none;
  min-width: 0;
}
.categories-products__list--category .categories-products__item:nth-child(-n+4) {
  margin-top: 4px;
}
.categories-products__list--category .categories-products__item--wide {
  grid-column: span 2;
  max-height: 567px;
}
@media (max-width: 1200px) {
  .categories-products__list--category .categories-products__item--wide {
    display: none;
  }
}
.categories-products__item {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  flex: 0 0 25%;
  max-width: calc(25% - 18px);
}
@media (max-width: 1200px) {
  .categories-products__item {
    flex: 0 0 calc(33.33% - 8px);
    max-width: calc(33.33% - 8px);
  }
}
@media (max-width: 768px) {
  .categories-products__item {
    flex: 0 0 calc(50% - 6px);
    max-width: calc(50% - 6px);
  }
}
@media (max-width: 768px) {
  .categories-products__item--mobile-hide {
    display: none !important;
  }
}
.categories-products__item--wide {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 1200px) {
  .categories-products__item--wide {
    display: none !important;
  }
}
.categories-products__item--banner {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 1200px) {
  .categories-products__item--banner {
    height: 100%;
  }
}
@media (max-width: 1200px) {
  .categories-products__item--banner img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    height: 100%;
  }
}
.categories-products__item--banner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  pointer-events: none;
}
.categories-products__item--banner h3 {
  margin-bottom: 0;
  color: #fff;
  font-weight: 700;
  letter-spacing: -1.5px;
  color: #fff;
  font-size: 56px;
  line-height: 84px;
  left: 80px;
  position: absolute;
  right: 40px;
  bottom: 40px;
}
.categories-products__item--banner-type2 img {
  height: 567px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.categories-products__item--banner-type2:before {
  display: none;
}
.categories-products__item--banner-type2 h3 {
  left: auto;
  right: 24px;
  top: 24px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -1px;
  max-width: 300px;
  bottom: auto;
  pointer-events: none;
}
.categories-products__item--special {
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.categories-products__item--special > a {
  display: block;
  flex: 1;
  min-height: 0;
  position: relative;
}
.categories-products__item--special img {
  position: absolute;
  inset: 0;
}
.categories-products__item--special .cursor-move {
  font-size: 16px;
  color: var(--White, #fff);
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
  mix-blend-mode: normal;
}
.categories-products__item--special .cursor-move:before {
  background-color: #c0a452;
}
@media (max-width: 991px) {
  .categories-products__item--special .cursor-move {
    display: none;
  }
}

#categories-page, #categories-hero, #search-page {
  background: #fff;
}

@media (max-width: 768px) {
  #categories-page-description .container {
    display: flex;
    flex-direction: column-reverse;
  }
}

#products-list, #blog-posts-list {
  overflow: hidden;
  /* important during transition */
  transition: height 0.5s ease-out;
  interpolate-size: allow-keywords;
  /* the magic line */
  will-change: height;
  /* optional – helps performance */
}

/* Optional: if you sometimes force a known small height before content change */
#products-list.is-loading,
#products-list:empty,
#blog-posts-list.is-loading,
#blog-posts-list:empty {
  height: 0;
}

.categories-page-description {
  position: relative;
  overflow: hidden;
  max-height: 208px;
  transition: max-height 0.3s ease;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 768px) {
  .categories-page-description {
    max-height: unset !important;
    display: grid;
    grid-template-rows: minmax(176px, 0fr);
    transition: grid-template-rows 0.6s;
  }
}
.categories-page-description:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 98px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  display: block;
  content: "";
  transition: all 0.3s 0s;
}
@media (max-width: 768px) {
  .categories-page-description:after {
    height: 111px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 85.88%);
  }
}
@media (max-width: 768px) {
  .categories-page-description.active {
    grid-template-rows: minmax(176px, 1fr);
  }
}
.categories-page-description.active:after {
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s 0.6s;
}
.categories-page-description .cursor-copyright-move {
  transition: none;
  background-color: var(--accent-color-anzac-10, #efead2);
  height: 80px;
  width: 80px;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  opacity: 0;
  color: var(--accent-color-anzac-100, #977337);
}
@media (max-width: 768px) {
  .categories-page-description .cursor-copyright-move {
    display: none !important;
    left: 0 !important;
    bottom: 0 !important;
    pointer-events: none !important;
  }
}
.categories-page-description .cursor-copyright-move:before {
  content: "بیشتر";
  font-size: 14px;
  line-height: 24px;
}
.categories-page-description .cursor-copyright-move.active:before {
  content: "بستن";
}
.categories-page-description .cursor-copyright-move.active svg {
  transform: rotate(180deg);
}
.categories-page-description--more-mobile {
  display: none;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  background: transparent;
  transition: unset;
}
.categories-page-description--more-mobile span {
  font-size: 0;
}
.categories-page-description--more-mobile.active {
  margin-top: 8px;
}
.categories-page-description--more-mobile.active .icon {
  transform: rotate(180deg);
}
.categories-page-description--more-mobile.active {
  font-size: 0;
}
.categories-page-description--more-mobile.active span {
  font-size: 14px;
}
@media (max-width: 768px) {
  .categories-page-description--more-mobile {
    display: flex;
  }
}
.categories-page-description.single-post h2:first-child, .categories-page-description.single-post h3:first-child, .categories-page-description.single-post h4:first-child, .categories-page-description.single-post h5:first-child, .categories-page-description.single-post h6:first-child {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 768px) {
  .categories-page-description.single-post h2:first-child, .categories-page-description.single-post h3:first-child, .categories-page-description.single-post h4:first-child, .categories-page-description.single-post h5:first-child, .categories-page-description.single-post h6:first-child {
    font-size: 16px;
    line-height: 28px;
  }
}
.categories-page-description.single-post p {
  font-size: 16px;
  line-height: 32px;
  color: var(--primary-colors-aluminium-100, #a8abb4);
}

.brands-hero {
  padding-bottom: 80px;
  position: relative;
}
@media (max-width: 1200px) {
  .brands-hero {
    padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .brands-hero {
    padding-bottom: 32px;
  }
}
.brands-hero__description {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .brands-hero__description {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
  }
}
.brands-hero__description--picture {
  overflow: hidden;
  border-radius: 8px;
  flex: 1;
  position: relative;
  width: 100%;
  height: 505px;
}
.brands-hero__description--picture:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: url("/build/assets/bg3-3Q8y-Frt.png") 0% 0% repeat;
  mix-blend-mode: overlay;
  pointer-events: none;
}
.brands-hero__description--picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1200px) {
  .brands-hero__description--picture img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    height: 428px;
  }
}
@media (max-width: 768px) {
  .brands-hero__description--picture img {
    height: 214px;
  }
}
.brands-hero__description--info {
  flex: 0 0 592px;
  max-width: 592px;
  padding-right: 24px;
}
@media (max-width: 991px) {
  .brands-hero__description--info {
    flex: 0 0 400px;
    max-width: 400px;
  }
}
@media (max-width: 768px) {
  .brands-hero__description--info {
    flex: unset;
    max-width: 100%;
    padding-right: 0;
  }
}
.brands-hero__description--info-title {
  margin-bottom: 16px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 64px;
}
@media (max-width: 1200px) {
  .brands-hero__description--info-title {
    line-height: 48px;
    font-size: 32px;
  }
}
@media (max-width: 991px) {
  .brands-hero__description--info-title {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
    font-weight: 600;
    margin-bottom: 4px;
  }
}
.brands-hero__description--info p {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .brands-hero__description--info p {
    font-size: 12px;
  }
}
.brands-hero__description--info-more {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 32px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .brands-hero__description--info-more {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: normal;
  }
}
.brands-hero__description--info-more .icon {
  width: 24px;
  height: 24px;
  color: #c0a452;
  transform: rotate(90deg);
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .brands-hero__description--info-more .icon {
    width: 16px;
    height: 16px;
  }
}
.brands-hero__description--info-more:hover .icon {
  transform: rotate(90deg) translateY(2px);
}
.brands-hero__products {
  position: absolute;
  bottom: 80px;
  left: 0;
  width: 675px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .brands-hero__products {
    width: 485px;
  }
}
@media (max-width: 768px) {
  .brands-hero__products {
    position: static;
    width: 100%;
  }
}
.brands-hero__products .splide__track {
  z-index: 1;
  background: #fff;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .brands-hero__products .splide__track {
    height: 216px;
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .brands-hero__products .splide__list {
    flex-direction: column;
  }
}
.brands-hero__products .splide__controls {
  margin-top: 48px;
  margin-right: 98px;
}
@media (max-width: 768px) {
  .brands-hero__products .splide__controls {
    display: none;
  }
}
.brands-hero__products .splide__controls--prev {
  transform: rotate(90deg);
}
.brands-hero__products .splide__controls--next {
  transform: rotate(-90deg);
}
.brands-hero__products .splide__pagination {
  margin-top: 16px;
}
.brands-hero__products .splide__slide {
  margin-left: 16px;
  width: 332px;
  flex: 0 0 332px;
}
@media (max-width: 768px) {
  .brands-hero__products .splide__slide {
    margin-left: 0;
    width: unset;
    flex: unset;
    height: 96px;
    margin-bottom: 16px;
  }
}
.brands-hero__products .splide__slide:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 0;
  width: 1px;
  background-color: var(--primary-colors-aluminium-40, #eef0f1);
  height: 111px;
  display: block;
}
@media (max-width: 768px) {
  .brands-hero__products .splide__slide:after {
    display: none;
  }
}
.brands-hero__products .splide__slide .card {
  background: #fff;
}
@media (max-width: 768px) {
  .brands-hero__products .splide__slide .card {
    background: unset;
  }
}

#brands-categories {
  background: var(--primary-colors-bunker-80, #2d3038);
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  #brands-categories {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  #brands-categories {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  #brands-categories > .container {
    padding: 0;
  }
  #brands-categories > .container .section-title {
    padding: 0 16px;
  }
  #brands-categories > .container .splide__track {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

.brands-categories .section-title {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .brands-categories .section-title {
    margin-bottom: 24px;
  }
}
.brands-categories .section-title h2 span {
  color: var(--White, #fff);
  background: var(--primary-colors-bunker-80, #2d3038);
}
.brands-categories .section-title p {
  color: var(--primary-colors-aluminium-100, #a8abb4);
}
.brands-categories__items {
  overflow: hidden;
}
.brands-categories__items--card {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.brands-categories__items--card:after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
  mix-blend-mode: luminosity;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  pointer-events: none;
  transition: all 0.3s;
  height: 100%;
}
.brands-categories__items--card h3 {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  background-color: transparent;
  margin-bottom: 0;
  z-index: 2;
  transition: all 0.3s;
}
.brands-categories__items--card h3 a {
  font-size: 12px;
  font-weight: var(--font-weight-600);
  color: var(--White, #ffffff);
  line-height: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.brands-categories__items--card h3 a span {
  padding: 2px 8px;
  transition: all 0.3s;
  border-radius: 4px;
  padding: 2px 0px;
}
@media (max-width: 768px) {
  .brands-categories__items--card h3 a span {
    padding: 0;
  }
}
.brands-categories__items--card img {
  filter: grayscale(100%);
  transition: all 0.3s;
  height: 120px;
}
.brands-categories__items--card:hover img {
  filter: grayscale(0);
  transform: scale(1.05);
}
.brands-categories__items--card:hover h3 a span {
  background: var(--accent-color-anzac-10, #efead2);
  color: var(--accent-color-anzac-100, #977337);
  padding: 2px 8px;
}
@media (max-width: 768px) {
  .brands-categories__items--card:hover h3 a span {
    background: transparent;
    color: var(--White, #fff);
  }
}
.brands-categories__items .splide__slide {
  margin-left: 24px;
  width: calc((100% - 120px) / 6);
  min-width: 213px;
  flex: 0 0 calc((100% - 120px) / 6);
}
@media (max-width: 768px) {
  .brands-categories__items .splide__slide {
    width: 213px;
    flex: 0 0 auto;
  }
}
.brands-categories__items ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .brands-categories__items ul {
    gap: 16px;
    padding: 0 16px;
  }
}
.brands-categories__items ul li {
  flex: 1;
  max-width: 302px;
}
@media (max-width: 768px) {
  .brands-categories__items ul li {
    flex: 0 0 calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
  }
}
.brands-categories .slider-cursor-prev, .brands-categories .slider-cursor-next {
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.brands-categories .slider-cursor-prev.disabled, .brands-categories .slider-cursor-next.disabled {
  opacity: 0 !important;
  visibility: hidden;
  cursor: auto;
}

.brands-products {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  .brands-products {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .brands-products {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .brands-products .categories-products {
    display: none;
  }
}
.brands-products .categories-products__list--brand {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 24px;
}
@media (max-width: 1200px) {
  .brands-products .categories-products__list--brand {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 12px;
  }
}
.brands-products .categories-products__list--brand .categories-products__item {
  flex: none;
  max-width: none;
  min-width: 0;
}
.brands-products .categories-products__list--brand .categories-products__item--wide {
  grid-column: span 2;
}
@media (max-width: 1200px) {
  .brands-products .categories-products__list--brand .categories-products__item--wide {
    display: none;
  }
}
.brands-products__more {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .brands-products__more {
    margin-top: 24px;
  }
}
.brands-products__more--link {
  border-radius: 8px;
  border: 2px solid var(--accent-color-anzac-100, #977337);
  padding: 16px 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .brands-products__more--link {
    justify-content: center;
    width: 100%;
    border-radius: 4px;
    padding: 8px 16px;
    gap: 4px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: normal;
  }
}
.brands-products__more--link .icon {
  transition: all 0.3s;
  transform: rotate(90deg);
  color: #795c2c;
}
.brands-products__more--link:hover .icon {
  transform: translateX(-2px) rotate(90deg);
}

.categories-products-mobile {
  display: none;
}
@media (max-width: 768px) {
  .categories-products-mobile {
    display: block;
  }
}
.categories-products-mobile .splide__slide {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 16px;
}
.categories-products-mobile .splide__slide .slide-item {
  overflow: hidden;
}
.categories-products-mobile .splide__pagination {
  margin-top: 16px;
}
@media (max-width: 768px) {
  .categories-products-mobile .splide__track {
    padding-right: 16px !important;
    padding-left: 16px !important;
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
}

.brands-adsWrapper {
  min-height: 576px;
  position: relative;
}
.brands-adsWrapper .home-banner__more {
  margin-top: 16px;
  width: -moz-fit-content;
  width: fit-content;
  border: 2px solid var(--primary-colors-bunker-80, #2d3038);
  color: var(--primary-colors-bunker-80, #2d3038);
}
.brands-adsWrapper .container {
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .brands-adsWrapper {
    min-height: unset;
  }
}
@media (max-width: 768px) {
  .brands-adsWrapper {
    display: none;
  }
}

.brands-ads {
  padding-bottom: 200px;
  padding-top: 200px;
}
@media (max-width: 1024px) {
  .brands-ads {
    padding-bottom: 100px;
    padding-top: 100px;
  }
}
.brands-ads__title {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 64px;
}
.brands-ads p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
  color: var(--primary-colors-bunker-80, #2d3038);
  max-width: 450px;
  width: 100%;
}

#brands-counter-area {
  margin-bottom: 80px;
  margin-top: 80px;
}
@media (max-width: 1200px) {
  #brands-counter-area {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  #brands-counter-area {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
#brands-counter-area .home-counter {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  #brands-counter-area .home-counter {
    padding-bottom: 16px;
  }
}
#brands-counter-area .home-counter__container {
  padding-left: 0;
}

.brands-last {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 1200px) {
  .brands-last {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .brands-last {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.brands-last .section-title {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .brands-last .section-title {
    margin-bottom: 32px;
  }
}
.brands-last__container {
  padding-left: 168px;
  padding-right: 168px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1200px) {
  .brands-last__container {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (max-width: 1024px) {
  .brands-last__container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .brands-last__container {
    display: block;
  }
}
.brands-last--slider-gallery {
  position: relative;
  min-height: 691px;
}
@media (max-width: 768px) {
  .brands-last--slider-gallery {
    display: none;
  }
}
.brands-last--slider-gallery:before {
  border: 1px solid transparent;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 451px;
  height: 691px;
  border-radius: 240px;
  pointer-events: none;
  background: linear-gradient(#f6f6f7, #f6f6f7) padding-box, linear-gradient(to top, #ffffff, #977337) border-box;
}
.brands-last--slider-gallery .splide-next-prev {
  position: absolute;
  margin: 0;
  bottom: 16px;
  left: 0;
  right: 0;
}
.brands-last--slider-gallery .splide__slide {
  width: 385px;
  height: 691px;
}
.brands-last--slider-gallery .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s linear;
  transform: scale(0.4537);
}
.brands-last--slider-gallery .splide__slide.is-prev img {
  transform: scale(0.62253) rotate(16deg) translateX(-20px);
  transform-origin: left center;
}
.brands-last--slider-gallery .splide__slide.is-next img {
  transform: scale(0.62253) rotate(-16deg) translateX(20px);
  transform-origin: right center;
}
.brands-last--slider-gallery .splide__slide.is-active img {
  transition-delay: 0.1s;
  transform: scale(1) rotate(0) translateX(0);
  transform-origin: center center;
}
.brands-last--slider-details {
  position: relative;
}
.brands-last--slider-details .splide__list {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .brands-last--slider-details .splide__list {
    flex-direction: unset;
  }
}
.brands-last--slider-details .splide__slide {
  direction: rtl;
  pointer-events: none;
  overflow: hidden;
  width: 0;
  height: 0;
}
@media (max-width: 768px) {
  .brands-last--slider-details .splide__slide {
    pointer-events: unset;
    width: 240px;
    flex: 0 0 240px;
    height: unset;
    overflow: visible;
  }
}
.brands-last--slider-details .splide__slide .brands-last__card {
  opacity: 0;
}
@media (max-width: 768px) {
  .brands-last--slider-details .splide__slide .brands-last__card {
    position: relative;
    opacity: 1;
  }
  .brands-last--slider-details .splide__slide .brands-last__card > *:not(.brands-last__card--picture) {
    transition: all 0.4s ease-out;
    opacity: 0;
    pointer-events: none;
  }
}
.brands-last--slider-details .splide__slide.is-active {
  order: -1;
  pointer-events: unset;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .brands-last--slider-details .splide__slide.is-active {
    order: unset;
    width: 240px;
  }
}
.brands-last--slider-details .splide__slide.is-active .brands-last__card {
  z-index: 1;
  transition: all 1.2s ease-in-out;
  opacity: 1;
}
@media (max-width: 768px) {
  .brands-last--slider-details .splide__slide.is-active .brands-last__card > *:not(.brands-last__card--picture) {
    opacity: 1;
    pointer-events: unset;
  }
}
.brands-last__card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .brands-last__card {
    align-items: flex-start;
  }
}
.brands-last__card--picture {
  display: none;
  align-items: center;
  justify-content: center;
  background: #fafafa;
  border-radius: 6.795px 6.795px 0px 0px;
  margin-bottom: 32px;
  width: 240px;
  height: 240px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .brands-last__card--picture {
    display: flex;
  }
}
.brands-last__card--title {
  color: #795C2C;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 64px;
  margin-bottom: 16px;
  text-align: center;
}
@media (max-width: 768px) {
  .brands-last__card--title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 28px;
    white-space: nowrap;
    width: calc(100vw - 32px);
  }
}
.brands-last__card ul {
  margin-bottom: 32px;
  padding-right: 24px;
  min-height: 88px;
  list-style: none;
}
@media (max-width: 768px) {
  .brands-last__card ul {
    margin-bottom: 24px;
    width: calc(100vw - 32px);
    text-align: center;
    padding-right: 0;
    list-style-position: inside;
    min-height: auto;
  }
}
.brands-last__card ul li {
  margin-bottom: 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
.brands-last__card ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
}
@media (max-width: 768px) {
  .brands-last__card ul li {
    white-space: nowrap;
  }
}
.brands-last__card ul li:last-child {
  margin-bottom: 0;
}
.brands-last__card--price {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
  font-weight: var(--font-weight-600);
}
@media (max-width: 768px) {
  .brands-last__card--price {
    font-size: 16px;
    line-height: 28px;
    white-space: nowrap;
    width: calc(100vw - 32px);
    justify-content: center;
  }
}
.brands-last__card--price-off {
  margin-right: 12px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  border-radius: 4px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  direction: ltr;
  line-height: 150%;
}
.brands-last__card--price-old {
  margin-left: 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  position: relative;
  font-weight: var(--font-weight-400);
}
.brands-last__card--price-old:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--Primary-Colors-Bunker, #8d9199);
  top: 50%;
  left: 0;
  right: 0;
}
.brands-last__card--buy {
  width: 451px;
  max-width: 100%;
}
.brands-last__card--buy span {
  display: none;
}
@media (max-width: 768px) {
  .brands-last__card--buy {
    width: calc(100vw - 32px);
    font-size: 0;
    max-width: unset;
  }
  .brands-last__card--buy span {
    font-size: 16px;
    display: block;
  }
}
@media (max-width: 768px) {
  .brands-last .splide__track {
    padding-right: 16px !important;
    padding-left: 16px !important;
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
}

.brands-page-comment {
  margin-bottom: 105px;
  display: flex;
  position: relative;
}
@media (max-width: 768px) {
  .brands-page-comment {
    margin-bottom: 64px;
    margin-top: 32px;
  }
}
.brands-page-comment__gallery {
  flex: 0 0 calc(100% - 475px);
  max-width: calc(100% - 475px);
  overflow: hidden;
}
@media (max-width: 1200px) {
  .brands-page-comment__gallery {
    flex: 0 0 calc(100% - 280px);
    max-width: calc(100% - 280px);
  }
}
@media (max-width: 768px) {
  .brands-page-comment__gallery {
    display: none;
  }
}
.brands-page-comment__gallery--item {
  position: relative;
}
.brands-page-comment__gallery--item-picture {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.brands-page-comment__gallery--item-picture:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  transition: all 1s;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.brands-page-comment__gallery--item-details {
  position: absolute;
  left: -180px;
  top: 40px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  transform: translateX(-100%) translateY(-40%);
}
@media (max-width: 1400px) {
  .brands-page-comment__gallery--item-details {
    width: 170px;
    left: -170px;
  }
}
.brands-page-comment__gallery--item-details_title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 28px;
  margin-bottom: 0;
}
.brands-page-comment__gallery--item-details_rate {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 12px;
  line-height: 18px;
  font-feature-settings: "ss01" on;
}
.brands-page-comment__gallery--item-details_rate .icon {
  color: var(--accent-color-anzac-60, #c0a452);
  width: 14px;
  height: 14px;
}
.brands-page-comment__gallery--item-line {
  position: absolute;
  top: 47px;
  left: -168px;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  left: -158px;
}
.brands-page-comment__gallery--item-line span {
  height: 20px;
  width: 20px;
  display: block;
  border-radius: 50%;
  border: 2px solid #c0a452;
  position: relative;
}
.brands-page-comment__gallery--item-line span:after {
  content: "";
  background-color: #c0a452;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: 0.5s ease-out;
  transition-delay: 1s;
  transform: translateY(-50%) translateX(-50%) scale(0);
}
.brands-page-comment__gallery--item-line:after {
  content: "";
  display: block;
  background: #c0a452;
  height: 2px;
  width: 0;
  position: absolute;
  left: 20px;
  top: 50%;
  will-change: width;
  transform: translateY(-50%);
  transition: 0.5s ease-out;
  transition-delay: 1s;
}
.brands-page-comment__gallery--slider .splide__slide {
  width: 332px;
  flex: 0 0 332px;
  margin-left: 24px;
  margin-top: 166px;
}
.brands-page-comment__gallery--slider .splide__slide .brands-page-comment__gallery--item-picture {
  transition: 0.5s ease-out;
  margin-top: 0;
  height: 374px;
}
.brands-page-comment__gallery--slider .splide__slide.is-active .brands-page-comment__gallery--item-picture {
  height: 540px;
  margin-top: -166px;
}
.brands-page-comment__gallery--slider .splide__slide.is-active .brands-page-comment__gallery--item-picture:before {
  opacity: 0;
}
.brands-page-comment__gallery--slider .splide__slide.is-active .brands-page-comment__gallery--item-details {
  transition: all 0.5s;
  transition-delay: 0.5s;
  opacity: 1;
  transform: translateX(-100%) translateY(0);
}
@media (max-width: 991px) {
  .brands-page-comment__gallery--slider .splide__slide.is-active .brands-page-comment__gallery--item-details {
    display: none;
  }
}
.brands-page-comment__gallery--slider .splide__slide.is-active .brands-page-comment__gallery--item-line {
  transition: 0.5s ease-out;
  transition-delay: 1s;
  opacity: 1;
}
@media (max-width: 991px) {
  .brands-page-comment__gallery--slider .splide__slide.is-active .brands-page-comment__gallery--item-line {
    display: none;
  }
}
.brands-page-comment__gallery--slider .splide__slide.is-active .brands-page-comment__gallery--item-line span:after {
  transform: translateY(-50%) translateX(-50%) scale(1);
}
.brands-page-comment__gallery--slider .splide__slide.is-active .brands-page-comment__gallery--item-line:after {
  width: 188px;
}
.brands-page-comment__comments {
  flex: 0 0 475px;
  max-width: 475px;
  padding-left: 24px;
  order: -1;
}
@media (max-width: 1200px) {
  .brands-page-comment__comments {
    flex: 0 0 280px;
    max-width: 280px;
  }
}
@media (max-width: 768px) {
  .brands-page-comment__comments {
    flex: 0 0 100%;
    padding-left: 0;
    max-width: 100%;
  }
}
.brands-page-comment__comments--slider {
  position: relative;
  height: 100%;
}
@media (max-width: 768px) {
  .brands-page-comment__comments--slider {
    height: unset;
  }
}
.brands-page-comment__comments--slider .splide__track,
.brands-page-comment__comments--slider .splid__list {
  height: 100%;
}
@media (max-width: 768px) {
  .brands-page-comment__comments--slider .splide__track,
  .brands-page-comment__comments--slider .splid__list {
    height: unset;
  }
}
.brands-page-comment__comments--slider .splide__pagination {
  margin-top: 16px;
}
.brands-page-comment__comments--slider .splide__slide {
  direction: rtl;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transition: 1s ease-out;
}
@media (max-width: 768px) {
  .brands-page-comment__comments--slider .splide__slide {
    position: static;
    flex: 0 0 100%;
    height: unset;
  }
}
.brands-page-comment__comments--slider .splide__slide .brand-collection-comment {
  opacity: 0;
  padding-top: 40px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .brands-page-comment__comments--slider .splide__slide .brand-collection-comment {
    opacity: 1;
    transition: unset;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.brands-page-comment__comments--slider .splide__slide.is-active .brand-collection-comment {
  opacity: 1;
}
@media (max-width: 768px) {
  .brands-page-comment__comments--slider .splide__slide.is-active .brand-collection-comment {
    transition-delay: unset;
  }
}
.brands-page-comment .splide__controls {
  position: absolute;
  bottom: 40px;
  right: 0;
  z-index: 2;
}
@media (max-width: 768px) {
  .brands-page-comment .splide__controls {
    display: none;
  }
}
.brands-page-comment .splide__controls--next {
  transform: rotate(-90deg);
}
.brands-page-comment .splide__controls--prev {
  transform: rotate(90deg);
}
@media (max-width: 768px) {
  .brands-page-comment .splide__track {
    padding-right: 16px !important;
    padding-left: 16px !important;
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
}

.brand-collection-comment {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 768px) {
  .brand-collection-comment {
    flex-direction: column-reverse;
    gap: 16px;
  }
}
.brand-collection-comment__description {
  border-radius: 4px;
  position: relative;
  padding: 32px;
}
@media (max-width: 1200px) {
  .brand-collection-comment__description {
    padding: 16px;
  }
}
.brand-collection-comment__description p {
  margin-bottom: 0;
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 16px;
  line-height: 32px;
}
@media (max-width: 1200px) {
  .brand-collection-comment__description p {
    line-height: 24px;
    font-size: 14px;
  }
}
.brand-collection-comment__description .icon {
  position: absolute;
  height: 50px;
  width: 50px;
  top: -25px;
  left: 10px;
  color: #c0a452;
}
@media (max-width: 768px) {
  .brand-collection-comment__description .icon {
    top: -14px;
    width: 24px;
    height: 24px;
  }
}
.brand-collection-comment__description.brand {
  background: var(--primary-colors-aluminium-60, #e0e2e5);
  border: 1px solid var(--primary-colors-aluminium-80, #c4c6cf);
}
.brand-collection-comment__description.category {
  border: 1px solid var(--accent-color-anzac-20, #e0d6a8);
  background: var(--accent-color-anzac-10, #efead2);
}
.brand-collection-comment__author {
  position: relative;
  min-height: 68px;
  padding-right: 80px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 768px) {
  .brand-collection-comment__author {
    min-height: 48px;
    padding-right: 60px;
  }
}
.brand-collection-comment__author--name {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 28px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .brand-collection-comment__author--name {
    font-size: 14px;
    line-height: 22px;
  }
}
.brand-collection-comment__author--date {
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 12px;
  line-height: 24px;
}
.brand-collection-comment__author--picture {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  width: 68px;
  height: 68px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .brand-collection-comment__author--picture {
    width: 48px;
    height: 48px;
  }
}
.brand-collection-comment__author--picture img {
  border-radius: 50%;
}

.register-page {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1200px) {
  .register-page {
    align-items: unset;
  }
}
.register-page__sidebar {
  flex: 0 0 calc(100% - 569px - 24px);
  max-width: calc(100% - 569px - 24px);
  position: relative;
}
@media (max-width: 991px) {
  .register-page__sidebar {
    display: none;
  }
}
.register-page__sidebar--arrow {
  position: absolute;
  right: -48px;
  top: 48px;
  width: 140px;
  height: 140px;
  background: rgba(192, 164, 82, 0.8);
  border-radius: 50%;
  mix-blend-mode: multiply;
}
.register-page__sidebar--arrow .icon {
  width: 100px;
  height: 100px;
  transform: rotate(80deg);
  color: #ffffff;
}
.register-page__sidebar--image {
  display: block;
  border-radius: 16px;
  background-color: lightgray;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .register-page__sidebar--image {
    height: 100%;
  }
}
.register-page__sidebar--image img {
  mix-blend-mode: luminosity;
}
.register-page__content {
  flex: 0 0 569px;
  max-width: 569px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 56px;
}
@media (max-width: 991px) {
  .register-page__content {
    flex: 0 0 100%;
    padding-left: 0;
    max-width: 100%;
    position: relative;
  }
}
@media (max-width: 768px) {
  .register-page__content {
    margin-top: -8px;
  }
}
.register-page__content--icon {
  margin-bottom: 8px;
  position: relative;
}
@media (max-width: 991px) {
  .register-page__content--icon {
    position: absolute;
    top: 2px;
    right: -2px;
  }
}
.register-page__content--icon:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  left: -10px;
  top: -2px;
  background-color: var(--accent-color-purple-20, #f0edfa);
  width: 32px;
  height: 32px;
}
@media (max-width: 991px) {
  .register-page__content--icon:before {
    width: 18px;
    height: 18px;
    left: -1px;
    top: 3px;
  }
}
.register-page__content--icon .icon {
  position: relative;
  z-index: 1;
  width: 32px;
  height: 32px;
  color: #7e57c5;
}
@media (max-width: 991px) {
  .register-page__content--icon .icon {
    width: 24px;
    height: 24px;
  }
}
.register-page__content--title {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 48px;
}
@media (max-width: 991px) {
  .register-page__content--title {
    margin-right: 28px;
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 28px;
    color: var(--primary-colors-bunker-80, #2d3038);
  }
}
.register-page__content--description {
  margin-bottom: 16px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .register-page__content--description {
    padding-bottom: 16px;
    font-size: 12px;
    border-bottom: 1px solid #eef0f1;
  }
}
.register-page__content .form-groups {
  width: 100%;
}
.register-page__content .form-groups .input-with-icon svg path {
  stroke: #977337;
}
.register-page__content--gender {
  margin-bottom: 16px;
  width: 100%;
}
@media (max-width: 768px) {
  .register-page__content--gender .toggle-sides {
    width: 100%;
  }
}
.register-page__content--gender > label {
  margin-bottom: 8px;
  display: block;
  font-size: 14px;
  color: var(--primary-colors-bunker-20, #74777f);
  font-weight: 600;
  line-height: 18px;
}
.register-page__content--policy {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .register-page__content--policy {
    margin-bottom: 32px;
  }
}
@media (max-width: 768px) {
  .register-page__content--policy .checkbox__over {
    align-items: flex-start;
    gap: 8px;
  }
  .register-page__content--policy .checkbox__over .icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
    transform: translateY(0);
  }
  .register-page__content--policy .checkbox__over .icon svg {
    width: 16px;
    height: 16px;
  }
}
.register-page__content--policy .checkbox__over--label {
  font-size: 12px;
  color: var(--primary-colors-bunker-20, #74777f);
  line-height: 24px;
}
.register-page__content--policy .checkbox__over--label a {
  color: var(--primary-colors-bunker-20, #74777f);
  position: relative;
  z-index: 2;
}
.register-page__content--policy .checkbox__over--label a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  pointer-events: none;
  background-color: #dcdddf;
  display: block;
}
.register-page__content--policy span.error {
  margin-top: 8px;
  color: var(--alert-color-error-100, #dc4040);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  display: block;
}
.register-page__content--policy .checkbox input.error ~ .checkbox__over .icon {
  border-color: var(--alert-color-error-100, #dc4040);
}
.register-page__content--buttons {
  display: flex;
  gap: 16px;
  width: 100%;
  flex-wrap: wrap;
}
.register-page__content--buttons button {
  min-width: 0;
  flex: 1;
}
@media (max-width: 991px) {
  .register-page__content--buttons button {
    font-size: 14px;
    padding: 8px;
    height: 40px;
    border-radius: 4px;
    width: 100%;
    flex: 0 0 100%;
  }
}

.mini-profile-panel {
  border-radius: 12px;
  background: #ffffff;
  box-shadow: -12px -12px 48px 0px rgba(0, 0, 0, 0.05), 12px 12px 48px 0px rgba(0, 0, 0, 0.05);
  padding: 16px 16px 0;
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 30;
  width: 415px;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  .mini-profile-panel {
    display: none !important;
  }
}
.mini-profile-panel__info {
  min-height: 64px;
  position: relative;
  padding-right: 72px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mini-profile-panel__info--picture {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 4px;
  width: 64px;
  height: 64px;
}
.mini-profile-panel__info--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
  margin-bottom: 0;
}
.mini-profile-panel__info--title a {
  color: var(--primary-colors-bunker-80, #2d3038);
}
.mini-profile-panel__info--mobile {
  color: var(--primary-colors-aluminium-80, #c4c6cf);
  line-height: 32px;
  font-size: 16px;
  direction: ltr;
  text-align: right;
}
.mini-profile-panel__info--mobile a {
  color: var(--primary-colors-aluminium-80, #c4c6cf);
}
.mini-profile-panel__complete {
  margin-bottom: 24px;
}
.mini-profile-panel__complete--info {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
}
.mini-profile-panel__complete--info .icon {
  width: 24px;
  height: 24px;
  position: relative;
}
.mini-profile-panel__complete--info .icon:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  pointer-events: none;
  background: var(--accent-color-anzac-10, #efead2);
  border-radius: 50%;
  height: 18px;
}
.mini-profile-panel__complete--info .icon svg {
  position: relative;
  z-index: 1;
}
.mini-profile-panel__complete--progress {
  border-radius: 12px;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  width: 383px;
  height: 4px;
  position: relative;
  overflow: hidden;
}
.mini-profile-panel__complete--progress-bar {
  position: absolute;
  right: 0;
  transition: all 0.3s;
  width: 0;
  border-radius: 12px;
  background: var(--accent-color-anzac-60, #c0a452);
  display: block;
  height: 100%;
}
.mini-profile-panel__gifts {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  background: var(--accent-color-purple-10, #f7f5fd);
  padding-right: 106px;
  height: 60px;
  position: relative;
}
.mini-profile-panel__gifts--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: var(--font-weight-600);
}
.mini-profile-panel__gifts--picture {
  position: absolute;
  top: -16px;
  right: 16px;
}
.mini-profile-panel__links ul {
  list-style: none;
  padding: 0;
  border-top: 1px solid #eef0f1;
  padding-top: 16px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mini-profile-panel__links ul .mini-profile-panel__wallet {
  position: relative;
}
.mini-profile-panel__links ul .mini-profile-panel__wallet .mini-profile-panel__link {
  background: var(--primary-colors-aluminium-10, #fafafa);
  position: relative;
  padding-right: 32px;
  padding-left: 116px;
  align-items: flex-start;
  flex-direction: column;
  gap: 4px;
  height: unset;
}
.mini-profile-panel__links ul .mini-profile-panel__wallet .mini-profile-panel__link > .icon {
  position: absolute;
  top: 14px;
  right: 8px;
}
.mini-profile-panel__links ul .mini-profile-panel__wallet--title {
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
.mini-profile-panel__links ul .mini-profile-panel__wallet--show {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: normal;
}
.mini-profile-panel__links ul .mini-profile-panel__wallet--add {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  color: var(--accent-color-anzac-80, #b08f42);
  font-size: 14px;
  letter-spacing: normal;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: var(--font-weight-600);
  line-height: 24px;
  background: transparent;
}
.mini-profile-panel__links ul .mini-profile-panel__wallet--add .icon {
  transition: all 0.5s;
  color: #b08f42 !important;
}
.mini-profile-panel__links ul .mini-profile-panel__wallet--add:hover .icon {
  transform: rotate(360deg);
}
.mini-profile-panel__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-radius: 8px;
  padding: 12px 8px;
  font-size: 14px;
  line-height: 24px;
  color: var(--primary-colors-bunker-40, #5b5e66);
  transition: color 0.3s ease-out, background 0.3s ease-out, font-weight 0.3s ease-out;
  height: 46px;
  font-weight: 400;
}
.mini-profile-panel__link--count {
  margin-right: auto;
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  color: var(--accent-color-anzac-100, #977337);
  font-weight: var(--font-weight-600);
  line-height: 18px;
  font-size: 12px;
  padding: 2px 8px;
  letter-spacing: normal;
}
.mini-profile-panel__link .icon {
  transition: color 0.3s ease-out;
}
.mini-profile-panel__link .icon:first-child {
  color: #c4c6cf;
}
.mini-profile-panel__link .icon:last-child {
  width: 16px;
  margin-right: auto;
  height: 16px;
  color: #c4c6cf;
}
.mini-profile-panel__link:hover {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  background: var(--primary-colors-aluminium-10, #fafafa);
}
.mini-profile-panel__link:hover .icon:first-child {
  color: #2d3038;
}
.mini-profile-panel__link:hover .icon:last-child {
  color: #2d3038;
}
.mini-profile-panel__logout {
  border-top: 1px solid #eef0f1;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--alert-color-error-100, #dc4040);
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  font-size: 14px;
  background: none;
  width: 100%;
}
.mini-profile-panel__logout .icon {
  width: 24px;
  height: 24px;
  color: #dc4040;
}
.mini-profile-panel .emptyMiniProfile {
  padding: 64px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  border-top: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
}
.mini-profile-panel .emptyMiniProfile p {
  margin-top: 8px;
  margin-bottom: 16px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
}
.mini-profile-panel .emptyMiniProfile a {
  width: 100%;
  max-width: 300px;
}
.mini-profile-panel .emptyMiniProfile button {
  justify-content: center;
  padding-bottom: 0;
  padding-top: 12px;
  max-width: 300px;
}

body:has(.mini-profile-panel) #header:before,
body:has(.mini-profile-panel) #nav:before {
  background: rgba(0, 0, 0, 0.05);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  content: "";
  display: block;
  opacity: 0;
  z-index: 2;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, background 0.3s ease-out;
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 991px) {
  body:has(.mini-profile-panel) #header:before,
  body:has(.mini-profile-panel) #nav:before {
    display: none;
  }
}
body:has(.mini-profile-panel.active) #site-overlay {
  background: rgba(0, 0, 0, 0.05);
  visibility: visible;
  opacity: 1;
}
body:has(.mini-profile-panel.active) #header:before,
body:has(.mini-profile-panel.active) #nav:before {
  visibility: visible;
  opacity: 1;
}

.profile-page {
  display: flex;
  position: relative;
  align-items: flex-start;
}
.profile-page:after {
  pointer-events: none;
  content: "";
  position: absolute;
  right: 284px;
  top: 0;
  background-color: var(--primary-colors-aluminium-60, #e0e2e5);
  width: 1px;
  height: 100%;
  display: block;
}
@media (max-width: 1200px) {
  .profile-page:after {
    right: 260px;
  }
}
@media (max-width: 991px) {
  .profile-page:after {
    display: none;
  }
}
.profile-page-sidebar {
  flex: 0 0 284px;
  max-width: 284px;
  padding-left: 72px;
  position: sticky;
  z-index: 10;
  top: 117px;
}
@media (max-width: 1200px) {
  .profile-page-sidebar {
    padding-left: 24px;
    flex: 0 0 260px;
    max-width: 260px;
  }
}
@media (max-width: 991px) {
  .profile-page-sidebar {
    display: none;
    padding-left: 0;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.profile-page-sidebar__info {
  min-height: 64px;
  position: relative;
  padding-right: 72px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.profile-page-sidebar__info--picture {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 4px;
  width: 64px;
  height: 64px;
}
.profile-page-sidebar__info--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
  margin-bottom: 0;
}
.profile-page-sidebar__info--mobile {
  color: var(--primary-colors-aluminium-80, #c4c6cf);
  line-height: 32px;
  font-size: 16px;
  direction: ltr;
  text-align: right;
}
.profile-page-sidebar ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991px) {
  .profile-page-sidebar ul {
    gap: 16px;
  }
}
.profile-page-sidebar__link {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 8px 12px;
  border-radius: 8px;
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
.profile-page-sidebar__link .icon {
  color: #c4c6cf;
  width: 18px;
  min-width: 18px;
  height: 18px;
  transition: all 0.3s;
}
.profile-page-sidebar__link .icon [stroke=black] {
  display: none;
}
.profile-page-sidebar__link.active {
  color: var(--accent-color-anzac-100, #977337);
  font-size: 16px;
  background: var(--accent-color-anzac-10, #efead2);
}
.profile-page-sidebar__link.active .icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  color: var(--accent-color-anzac-100, #977337);
}
.profile-page-sidebar__link:hover {
  color: var(--accent-color-anzac-100, #977337);
  background: var(--accent-color-anzac-10, #efead2);
}
.profile-page-sidebar__link:hover .icon {
  color: var(--accent-color-anzac-100, #977337);
}
@media (max-width: 991px) {
  .profile-page-sidebar__link:hover:not(.active) {
    color: var(--primary-colors-bunker-40, #5b5e66);
    background: transparent;
  }
  .profile-page-sidebar__link:hover:not(.active) .icon {
    color: var(--primary-colors-bunker-40, #5b5e66);
  }
}
.profile-page-sidebar__logout-item {
  display: none;
}
@media (max-width: 991px) {
  .profile-page-sidebar__logout-item {
    display: block;
    border-top: 1px solid #EEF0F1;
    padding-top: 16px;
  }
  .profile-page-sidebar__logout-item button {
    padding: 12px;
    border: 0;
  }
  .profile-page-sidebar__logout-item button .icon {
    width: 18px;
    height: 18px;
  }
}
.profile-page-content {
  position: relative;
  padding-right: 72px;
  flex: 0 0 calc(100% - 284px);
  max-width: calc(100% - 284px);
  background: #ffffff;
}
@media (max-width: 1200px) {
  .profile-page-content {
    padding-right: 24px;
    flex: 0 0 calc(100% - 260px);
    max-width: calc(100% - 260px);
  }
}
@media (max-width: 991px) {
  .profile-page-content {
    padding-right: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.profile-page-content__extra {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 991px) {
  .profile-page-content__extra:has(input:focus) {
    width: 100%;
  }
}
.profile-page-content__extra--search-button {
  color: #b08f42;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  pointer-events: none;
  background: transparent;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
}
@media (max-width: 991px) {
  .profile-page-content__extra--search-button {
    color: #795c2c;
    left: 12px;
    background: var(--accent-color-anzac-10, #efead2);
  }
}
.profile-page-content__extra--search-button svg {
  width: 16px;
  height: 16px;
  display: block;
}
.profile-page-content__extra--search input {
  transition: all 0.3s;
  border: none;
  width: 32px;
  padding: 4px 8px;
  height: 32px;
  border-radius: 4px;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  font-size: 12px;
  cursor: pointer;
}
.profile-page-content__extra--search input::-moz-placeholder {
  color: #a8abb4;
  opacity: 1;
}
.profile-page-content__extra--search input::placeholder {
  color: #a8abb4;
  opacity: 1;
}
.profile-page-content__extra--search input:-ms-input-placeholder {
  color: #a8abb4;
}
.profile-page-content__extra--search input::-ms-input-placeholder {
  color: #a8abb4;
}
@media (max-width: 991px) {
  .profile-page-content__extra--search input {
    transition: all 0s;
    height: 42px;
    background: transparent;
    width: 42px;
    font-size: 12px;
    font-weight: var(--font-weight-600);
    border-radius: 8px;
    font-size: 0;
  }
  .profile-page-content__extra--search input::-moz-placeholder {
    color: #977337;
  }
  .profile-page-content__extra--search input::placeholder {
    color: #977337;
  }
  .profile-page-content__extra--search input:-ms-input-placeholder {
    color: #977337;
  }
  .profile-page-content__extra--search input::-ms-input-placeholder {
    color: #977337;
  }
}
.profile-page-content__extra--search input:focus, .profile-page-content__extra--search input.active {
  width: 332px;
  cursor: auto;
}
.profile-page-content__extra--search input.active + .profile-page-content__extra--search-button {
  opacity: 0;
  visibility: hidden;
}
.profile-page-content__extra--search input.active + .profile-page-content__extra--search-button + .profile-page-content__extra--search-close {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.profile-page-content__extra--search-close {
  width: 16px;
  height: 16px;
  color: #795c2c;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.15s;
  opacity: 0;
  pointer-events: none;
  background: transparent;
}
.profile-page-content__extra--search-close svg {
  width: 16px;
  height: 16px;
}
.profile-page-content__extra--search-close svg path {
  stroke: #dc4040;
}
@media (max-width: 991px) {
  .profile-page-content__extra--search:has(input:focus) input {
    padding: 12px 36px;
    width: 100%;
    font-size: 12px;
    background: var(--accent-color-anzac-10, #efead2);
  }
  .profile-page-content__extra--search:has(input:focus) .profile-page-content__extra--search-button {
    pointer-events: unset;
    left: unset;
    right: 12px;
  }
  .profile-page-content__extra--search:has(input:focus) .profile-page-content__extra--search-close {
    opacity: 1;
    pointer-events: unset;
  }
}
.profile-page-content__extra--icon {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  color: #b08f42;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
}
@media (max-width: 991px) {
  .profile-page-content__extra--icon {
    display: none;
  }
}
.profile-page-content__inproggress {
  height: 32px;
  padding: 5px 8px;
  background: #F6F6F7;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 32px;
  display: flex;
  align-items: center;
  margin-left: 8px;
  gap: 6px;
  color: #43474E;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}
@media (max-width: 991px) {
  .profile-page-content__inproggress {
    display: none;
  }
}
.profile-page-content__inproggress svg {
  flex-shrink: 0;
  transform-origin: center;
  animation: profile-order-status-spin 2s linear infinite;
}
.profile-page-content__inproggress.red svg {
  animation: none;
}
.profile-page-content__inproggress.red svg path {
  stroke: #DC4040;
}
.profile-page-content__inproggress.complete svg {
  animation: none;
}
@keyframes profile-order-status-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.profile-page-content__title {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  pointer-events: none;
  font-size: 16px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 991px) {
  .profile-page-content__title {
    margin-bottom: 24px;
    border-radius: 8px;
    background: var(--accent-color-anzac-10, #efead2);
    height: 42px;
    padding: 8px 12px;
    pointer-events: unset;
    width: 100%;
  }
  .profile-page-content__title span {
    display: none;
  }
}
.profile-page-content__title svg {
  color: var(--primary-colors-bunker-80, #2d3038);
  transform: rotate(-90deg);
  width: 24px;
  height: 24px;
  margin-left: 4px;
  display: none;
}
@media (max-width: 991px) {
  .profile-page-content__title svg {
    display: flex;
  }
}
.profile-page-content__title--is {
  pointer-events: unset;
}
.profile-page-content__title--is svg {
  display: block;
}
.profile-page-content__title--dashboard {
  display: none;
}
@media (max-width: 991px) {
  .profile-page-content__title--dashboard {
    display: flex;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .profile-page--main .profile-page-sidebar {
    display: block;
  }
  .profile-page--main .profile-page-sidebar__link.active {
    color: var(--primary-colors-bunker-40, #5b5e66);
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .profile-page--main .profile-page-content {
    display: none;
  }
}

.profile-page-content--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
}
.profile-page-content--header .profile-page-content__title {
  flex: 1;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .profile-page-content--header .profile-page-content__title {
    flex: 0 0 auto;
  }
}
@media (max-width: 991px) {
  .profile-page-content .profile-order-page {
    display: flex;
    flex-direction: column;
  }
  .profile-page-content .profile-order-page .profile-order-page__details {
    order: -1;
  }
}

.profile-specialized-advice {
  border-radius: 8px;
  border: 1px solid #e8eaeb;
  background: var(--primary-colors-aluminium-10, #fafafa);
  margin-bottom: 40px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
@media (max-width: 991px) {
  .profile-specialized-advice {
    margin-bottom: 55px;
    padding: 16px;
    gap: 24px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.profile-specialized-advice__info {
  position: relative;
  min-height: 24px;
  padding-right: 28px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media (max-width: 991px) {
  .profile-specialized-advice__info {
    gap: 4px;
    min-height: unset;
    padding-right: 0;
  }
}
.profile-specialized-advice__info .icon {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 991px) {
  .profile-specialized-advice__info .icon {
    position: relative;
  }
}
.profile-specialized-advice__info .icon:before {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 1px;
  bottom: 1px;
  pointer-events: none;
  content: "";
  border-radius: 50%;
  background-color: var(--accent-color-anzac-10, #efead2);
}
.profile-specialized-advice__info .icon svg {
  width: 18px;
  position: relative;
  z-index: 1;
  height: auto;
  color: var(--accent-color-anzac-60, #c0a452);
}
.profile-specialized-advice__info--title {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  margin-bottom: 0;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .profile-specialized-advice__info--title {
    font-size: 14px;
    line-height: 22px;
  }
}
.profile-specialized-advice__info--description {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 24px;
}
@media (max-width: 991px) {
  .profile-specialized-advice__info--description {
    font-size: 12px;
  }
}
.profile-specialized-advice__more {
  min-width: 148px;
  font-size: 14px;
  height: 40px;
}
@media (max-width: 991px) {
  .profile-specialized-advice__more {
    color: var(--accent-color-anzac-60, #c0a452);
    font-weight: var(--font-weight-600);
    min-width: unset;
    height: 24px;
    border: none;
    background: transparent;
    padding: 0;
  }
  .profile-specialized-advice__more:hover {
    background: transparent;
  }
}
.profile-specialized-advice__more .icon {
  transform: rotate(90deg);
}

.profile-complete-gift {
  margin-bottom: 40px;
  border-radius: 12px;
  background: linear-gradient(0deg, #f7f5fd 0%, #f6f6f7 100%);
  overflow: hidden;
  position: relative;
  padding: 28px 64px;
  align-items: center;
  display: flex;
  gap: 48px;
}
@media (max-width: 1200px) {
  .profile-complete-gift {
    padding: 24px;
  }
}
@media (max-width: 991px) {
  .profile-complete-gift {
    padding: 66px 26px 32px;
    gap: 24px;
    margin-bottom: 32px;
    overflow: visible;
  }
}
.profile-complete-gift:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  background: url("/build/assets/bg4-DGbhnWkU.png") left center no-repeat;
}
@media (max-width: 991px) {
  .profile-complete-gift:before {
    top: unset;
    bottom: 0;
    background-image: url("/build/assets/bg6-ZEe1TR6Y.png");
    background-position: left bottom;
  }
}
.profile-complete-gift__image {
  position: relative;
  z-index: 1;
  width: 180px;
  min-width: 180px;
  height: 180px;
  border: 1px solid #dadee6;
  border-radius: 50%;
  padding: 14px;
}
@media (max-width: 991px) {
  .profile-complete-gift__image {
    width: 81px;
    min-width: 81px;
    height: 81px;
    position: absolute;
    border-width: 0.623px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -37px;
    padding: 6px;
  }
}
.profile-complete-gift__image-progress {
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
@media (max-width: 991px) {
  .profile-complete-gift__image-progress {
    transform: translate(51px, -51px) scale(0.458);
  }
}
.profile-complete-gift__image-progress_circle {
  fill: none;
  stroke-width: 2.769px;
  stroke: #7e57c5;
  stroke-linecap: round;
  transition: opacity 0.5s;
  opacity: 0;
}
@media (max-width: 991px) {
  .profile-complete-gift__image-progress_circle {
    stroke-width: 2px;
  }
}
.profile-complete-gift__image img {
  border-radius: 50%;
}
.profile-complete-gift__image .icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  right: -16px;
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 20.769px;
  border: 2.769px solid var(--accent-color-purple-100, #7e57c5);
  background: var(--accent-color-purple-100, #7e57c5);
  box-shadow: 0px 16px 56px 0px #b1a2e3;
  color: #ffffff;
}
@media (max-width: 991px) {
  .profile-complete-gift__image .icon {
    right: -8px;
    width: 14px;
    height: 14px;
    border-radius: 9.346px;
    border-width: 1.246px;
    box-shadow: 0px 7.2px 25.2px 0px #b1a2e3;
  }
}
.profile-complete-gift__image .icon svg {
  width: 21px;
  height: 21px;
}
.profile-complete-gift__image .icon svg [stroke=black] {
  display: none;
}
@media (max-width: 991px) {
  .profile-complete-gift__image .icon svg {
    width: 10px;
    height: 10px;
  }
}
.profile-complete-gift__details {
  position: relative;
  z-index: 1;
}
.profile-complete-gift__details--title {
  margin-bottom: 24px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
}
@media (max-width: 991px) {
  .profile-complete-gift__details--title {
    font-size: 14px;
    text-align: center;
    line-height: 22px;
  }
}
.profile-complete-gift__details ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.profile-complete-gift__details ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  line-height: 18px;
  font-weight: var(--font-weight-600);
}
.profile-complete-gift__details ul li .icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  position: relative;
  border-radius: 50%;
  background-color: var(--accent-color-purple-40, #e2def6);
}
.profile-complete-gift__details ul li .icon svg {
  color: #967cd6;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -4px;
  margin-top: -1px;
  width: 18px;
  height: auto;
}
.profile-complete-gift__details-link {
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.profile-complete-gift__details-link svg {
  transform: rotate(90deg);
  color: #7e57c5;
  width: 16px;
  height: 16px;
  transition: all 0.3s;
}
.profile-complete-gift__details-link:hover svg {
  transform: rotate(90deg) translateY(2px);
}
@media (max-width: 768px) {
  .profile-complete-gift__details-link:hover svg {
    transform: rotate(90deg) translateY(0);
  }
}

.profile-tabs .tabs-container .tabs {
  margin-bottom: 28px;
  border-bottom: 1px solid var(--primary-colors-aluminium-20, #f6f6f7);
  gap: 48px;
}
@media (max-width: 768px) {
  .profile-tabs .tabs-container .tabs {
    width: auto;
    gap: 0;
    margin-bottom: 16px;
    max-width: none;
    margin-right: -16px;
    margin-left: -16px;
    padding: 0 16px;
    border: 0;
  }
}
.profile-tabs .tabs-container .tabs .tab {
  padding-left: 0;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 0;
}
.profile-tabs .tabs-container .tabs .tab strong {
  font-weight: 400;
}
@media (max-width: 991px) {
  .profile-tabs .tabs-container .tabs .tab strong {
    display: none;
  }
}
@media (max-width: 991px) {
  .profile-tabs .tabs-container .tabs .tab {
    white-space: nowrap;
    gap: 6px;
    padding: 8px 24px;
    margin-left: 0;
    transition: all 0.3s;
    min-width: 0;
    justify-content: center;
    flex: 0 0 auto !important;
    color: #2D3038;
    border: 1px solid #2D3038;
    margin: 0 -0.5px;
  }
  .profile-tabs .tabs-container .tabs .tab:first-child {
    border-radius: 0 50px 50px 0;
  }
  .profile-tabs .tabs-container .tabs .tab:last-child {
    border-radius: 50px 0 0 50px;
  }
}
.profile-tabs .tabs-container .tabs .tab span {
  transition: background-color 0.3s ease-out, color 0.3s ease-out, font-weight 0.3s ease-out;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  border-radius: 4px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  padding: 2px 8px;
  display: block;
  font-size: 12px;
  line-height: 18px;
  font-weight: var(--font-weight-400);
}
@media (max-width: 991px) {
  .profile-tabs .tabs-container .tabs .tab span {
    letter-spacing: normal;
    height: 14px;
    padding: 0 4px;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
  }
}
.profile-tabs .tabs-container .tabs .tab:before {
  bottom: -2px;
}
@media (max-width: 991px) {
  .profile-tabs .tabs-container .tabs .tab:before {
    display: none;
  }
}
.profile-tabs .tabs-container .tabs .tab.active {
  font-size: 16px;
}
.profile-tabs .tabs-container .tabs .tab.active strong {
  font-weight: var(--font-weight-600);
}
@media (max-width: 991px) {
  .profile-tabs .tabs-container .tabs .tab.active {
    font-size: 14px;
    background: var(--primary-colors-bunker-80, #2d3038);
    color: var(--primary-colors-aluminium-80, #c4c6cf);
  }
}
.profile-tabs .tabs-container .tabs .tab.active span {
  background: var(--accent-color-purple-20, #f0edfa);
  color: var(--accent-color-purple-100, #7e57c5);
  font-weight: var(--font-weight-600);
}
@media (max-width: 991px) {
  .profile-tabs .tabs-container .tabs .tab.active span {
    background: var(--primary-colors-aluminium-20, #f6f6f7);
    display: block;
    color: var(--primary-colors-bunker-80, #2d3038);
  }
}

.profile-products-area-others {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  list-style: none;
  padding: 4px 0 0;
}
@media (max-width: 1200px) {
  .profile-products-area-others {
    gap: 12px;
  }
}
.profile-products-area-others > li {
  flex: 0 0 calc(33.33% - 16px);
  max-width: calc(33.33% - 16px);
}
@media (max-width: 1024px) {
  .profile-products-area-others > li {
    flex: 0 0 calc(50% - 6px);
    max-width: calc(50% - 6px);
  }
}

.profile-products-area {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.profile-product-item {
  background: #ffffff;
  border: 1px solid var(--primary-colors-aluminium-20, #f6f6f7);
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  transition: all 0.3s;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991px) {
  .profile-product-item {
    padding: 16px;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
    position: relative;
  }
}
.profile-product-item:last-child {
  border-bottom-color: transparent;
}
@media (max-width: 991px) {
  .profile-product-item:last-child {
    border-bottom-color: var(--primary-colors-aluminium-40, #eef0f1);
  }
}
.profile-product-item:last-child:hover {
  border-bottom-color: var(--primary-colors-aluminium-40, #eef0f1);
}
.profile-product-item__head {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 991px) {
  .profile-product-item__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.profile-product-item__head--date {
  position: absolute;
  right: 24px;
  top: 56px;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
}
@media (max-width: 991px) {
  .profile-product-item__head--date {
    right: auto;
    left: 16px;
    top: 18px;
  }
}
.profile-product-item__head--code {
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .profile-product-item__head--code {
    color: var(--primary-colors-bunker-60, #43474e);
    font-size: 14px;
    line-height: 24px;
  }
}
.profile-product-item__head--details {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 991px) {
  .profile-product-item__head--details {
    gap: 16px;
    flex-wrap: wrap;
  }
}
.profile-product-item__head--details-info {
  cursor: help;
}
@media (max-width: 991px) {
  .profile-product-item__head--details-info {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: default;
  }
}
.profile-product-item__head--details-info strong {
  display: none;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 991px) {
  .profile-product-item__head--details-info strong {
    display: block;
  }
}
.profile-product-item__head--details-info .icon {
  width: 24px;
  transition: all 0.3s;
  height: 24px;
  border-radius: 4px;
  color: #5b5e66;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
}
.profile-product-item__head--details-info .icon svg {
  width: 18px;
  height: auto;
}
.profile-product-item__head--details-info .icon svg path {
  stroke-width: 1px;
}
.profile-product-item__head--details-info:hover .icon {
  color: #2d3038;
  background: var(--primary-colors-aluminium-60, #e0e2e5);
}
@media (max-width: 991px) {
  .profile-product-item__head--details-info:hover .icon {
    color: #5b5e66;
    background: var(--primary-colors-aluminium-20, #f6f6f7);
  }
}
.profile-product-item__head--details-info[data-tippy-theme~=red]:hover .icon {
  background-color: var(--alert-color-error-40, #fbe5e5);
  color: var(--alert-color-error-100, #dc4040);
}
@media (max-width: 991px) {
  .profile-product-item__head--details-info[data-tippy-theme~=red]:hover .icon {
    color: #5b5e66;
    background: var(--primary-colors-aluminium-20, #f6f6f7);
  }
}
.profile-product-item__head--details-info[data-tippy-theme~=green]:hover .icon {
  background-color: var(--alert-color-success-40, #e1f7e4);
  color: var(--alert-color-success-100, #57c56b);
}
@media (max-width: 991px) {
  .profile-product-item__head--details-info[data-tippy-theme~=green]:hover .icon {
    color: #5b5e66;
    background: var(--primary-colors-aluminium-20, #f6f6f7);
  }
}
.profile-product-item__head--details-info[data-tippy-theme~=yellow]:hover .icon {
  background-color: var(--alert-color-warning-40, #f9f8c8);
  color: var(--alert-color-warning-100, #d1b821);
}
@media (max-width: 991px) {
  .profile-product-item__head--details-info[data-tippy-theme~=yellow]:hover .icon {
    color: #5b5e66;
    background: var(--primary-colors-aluminium-20, #f6f6f7);
  }
}
@media (max-width: 991px) {
  .profile-product-item__head--details-info.orderDate {
    position: absolute;
    top: 0;
    left: 0;
    padding: 16px;
  }
  .profile-product-item__head--details-info.orderDate strong {
    color: #8D9199;
  }
  .profile-product-item__head--details-info.orderDate .icon {
    display: none;
  }
}
.profile-product-item__head--price {
  margin-right: auto;
  display: flex;
  align-items: center;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .profile-product-item__head--price {
    font-size: 14px;
    line-height: 22px;
    margin-right: 0;
    flex-direction: row-reverse;
  }
}
.profile-product-item__head--price-off {
  background: var(--accent-color-anzac-10, #efead2);
  border-radius: 4px;
  color: var(--accent-color-anzac-100, #977337);
  font-weight: var(--font-weight-600);
  direction: ltr;
  line-height: 150%;
  font-size: 12px;
  margin-left: 12px;
  padding: 2px 8px;
}
@media (max-width: 991px) {
  .profile-product-item__head--price-off {
    margin-right: 4px;
    margin-left: 0;
  }
}
.profile-product-item__head--price-old {
  color: var(--Primary-Colors-Bunker, #8d9199);
  position: relative;
  font-weight: var(--font-weight-400);
  margin-left: 8px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -1px;
}
@media (max-width: 991px) {
  .profile-product-item__head--price-old {
    order: 2;
    font-size: 12px;
    letter-spacing: normal;
  }
}
.profile-product-item__head--price-old:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--Primary-Colors-Bunker, #8d9199);
  top: 50%;
  left: 0;
  right: 0;
}
.profile-product-item__items {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
}
.profile-product-item__items > ul {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}
@media (max-width: 991px) {
  .profile-product-item__items > ul {
    gap: 12px;
  }
}
.profile-product-item__items > ul > li:nth-child(n+7) {
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 24px;
  height: 50px;
  overflow: hidden;
  border-radius: 4px;
}
.profile-product-item__items > ul > li:nth-child(n+7) img {
  min-width: 50px;
  border: 0;
  width: 50px;
  height: 50px;
}
.profile-product-item__items > ul > li:nth-child(n+7):after {
  content: "";
  position: absolute;
  inset: 0;
}
.profile-product-item__items > ul > li:nth-child(7), .profile-product-item__items > ul > li:nth-child(9) {
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.0588235294), 0px 4px 8px -2px rgba(0, 0, 0, 0.1019607843);
}
.profile-product-item__items > ul > li:nth-child(7):after, .profile-product-item__items > ul > li:nth-child(9):after {
  background: rgba(0, 0, 0, 0.3019607843);
}
.profile-product-item__items > ul > li:nth-child(7) {
  transform: rotate(-12deg);
  z-index: 2;
}
.profile-product-item__items > ul > li:nth-child(8) {
  transform: rotate(12deg);
  box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.031372549), 0px 20px 24px -4px rgba(0, 0, 0, 0.0784313725);
  z-index: 3;
}
.profile-product-item__items > ul > li:nth-child(8):after {
  background: rgba(0, 0, 0, 0.2);
}
.profile-product-item__items > ul > li:nth-child(9) {
  transform: rotate(0deg);
  z-index: 1;
}
.profile-product-item__items > ul > li:nth-child(n+10) {
  display: none;
}
@media (max-width: 991px) {
  .profile-product-item__items > ul > li:nth-child(n+4) {
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 24px;
    height: 42px;
    overflow: hidden;
    border-radius: 4px;
  }
  .profile-product-item__items > ul > li:nth-child(n+4) img {
    min-width: 42px;
    border: 0;
    width: 42px;
    height: 42px;
  }
  .profile-product-item__items > ul > li:nth-child(n+4):after {
    content: "";
    position: absolute;
    inset: 0;
  }
  .profile-product-item__items > ul > li:nth-child(4), .profile-product-item__items > ul > li:nth-child(5), .profile-product-item__items > ul > li:nth-child(6) {
    display: flex !important;
  }
  .profile-product-item__items > ul > li:nth-child(4), .profile-product-item__items > ul > li:nth-child(6) {
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.0588235294), 0px 4px 8px -2px rgba(0, 0, 0, 0.1019607843);
  }
  .profile-product-item__items > ul > li:nth-child(4):after, .profile-product-item__items > ul > li:nth-child(6):after {
    background: rgba(0, 0, 0, 0.3019607843);
  }
  .profile-product-item__items > ul > li:nth-child(4) {
    transform: rotate(-12deg);
    z-index: 2;
  }
  .profile-product-item__items > ul > li:nth-child(5) {
    transform: rotate(12deg);
    box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.031372549), 0px 20px 24px -4px rgba(0, 0, 0, 0.0784313725);
    z-index: 3;
  }
  .profile-product-item__items > ul > li:nth-child(5):after {
    background: rgba(0, 0, 0, 0.2);
  }
  .profile-product-item__items > ul > li:nth-child(6) {
    transform: rotate(0deg);
    z-index: 1;
  }
  .profile-product-item__items > ul > li:nth-child(n+4) {
    display: none;
  }
}
.profile-product-item__items > ul > li.count {
  position: absolute;
  z-index: 5;
  width: 50px;
  height: 50px;
  color: #FFFFFF;
  font-weight: var(--font-weight-600);
  font-size: 14px;
  line-height: 22px;
  direction: ltr;
  display: none;
}
@media (max-width: 991px) {
  .profile-product-item__items > ul > li.count {
    width: 42px;
    height: 42px;
    z-index: 50 !important;
    transform: none !important;
  }
  .profile-product-item__items > ul > li.count:after {
    display: none;
  }
}
.profile-product-item__items > ul > li.count.desktop {
  display: flex;
}
@media (max-width: 991px) {
  .profile-product-item__items > ul > li.count.desktop {
    display: none;
  }
}
@media (max-width: 991px) {
  .profile-product-item__items > ul > li.count.mobile {
    display: flex;
  }
}
.profile-product-item__items > ul > li > img {
  width: 64px;
  min-width: 64px;
  height: 64px;
  border-radius: 4px;
  border: 1px solid var(--primary-colors-aluminium-20, #f6f6f7);
}
.profile-product-item__items-more {
  margin-left: auto;
  position: relative;
  box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);
  width: 42px;
  height: 42px;
}
.profile-product-item__items-more_item {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.profile-product-item__items-more_item:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.profile-product-item__items-more ul li {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
}
.profile-product-item__items-more ul li:nth-child(2) {
  transform: translateX(-50%) translateY(-50%) rotate(-12.941deg);
}
.profile-product-item__items-more ul li:nth-child(3) {
  transform: translateX(-50%) translateY(-50%) rotate(12.93deg);
}
.profile-product-item__items-more .profile-product-item__items-more_all {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #ffffff;
  z-index: 1;
}
.profile-product-item__items .primary-button {
  min-width: 128px;
  height: 40px;
  font-size: 14px;
  opacity: 0;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .profile-product-item__items .primary-button {
    position: absolute;
    inset: 0;
    height: auto;
    background: none;
    border: 0;
    padding: 0;
    z-index: 20;
  }
}
.profile-product-item__items-comment {
  margin-right: auto;
  padding-left: 8px;
  padding-right: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 24px;
  height: 40px;
  white-space: nowrap;
  opacity: 0;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .profile-product-item__items-comment {
    display: none;
  }
}
.profile-product-item:hover {
  border-color: var(--primary-colors-aluminium-40, #eef0f1);
  border-radius: 8px;
}
.profile-product-item:hover .profile-product-item__items-comment {
  opacity: 1;
}
.profile-product-item:hover .primary-button {
  opacity: 1;
}
.profile-product-item:hover .profile-product-item__head--code {
  color: var(--primary-colors-bunker-60, #43474e);
}
.profile-product-item--canceled .profile-product-item__items > ul > li > img {
  mix-blend-mode: luminosity;
  opacity: 0.9;
}
.profile-product-item:has(.profile-product-item__head--date) {
  position: relative;
  gap: 46px;
}
@media (max-width: 991px) {
  .profile-product-item:has(.profile-product-item__head--date) {
    gap: 24px;
  }
}
.profile-product-item__badge {
  display: inline-block;
  margin-inline-start: 8px;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  vertical-align: middle;
  white-space: nowrap;
}
.profile-product-item__badge--migrated {
  background: var(--primary-colors-bunker-10, #f0f1f3);
  color: var(--primary-colors-bunker-60, #43474e);
}

.profile-page-addresses .basket-add-address__content--map {
  flex: 0 0 332px;
  max-width: 332px;
  height: 572px;
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .profile-page-addresses .basket-add-address__content--map {
    max-width: 100%;
    margin-top: -8px;
  }
}
.profile-page-addresses .basket-add-address__content--map .map {
  width: 100%;
  height: 100%;
}
.profile-page-addresses .basket-add-address__content--map .map canvas {
  width: 100% !important;
}
.profile-page-addresses .your-basket-address-item {
  border: 1px solid var(--primary-colors-aluminium-20, #f6f6f7);
  margin-bottom: 24px;
  border-radius: 8px;
  position: relative;
  padding-left: 138px;
  min-height: 138px;
}
@media (max-width: 991px) {
  .profile-page-addresses .your-basket-address-item {
    min-height: unset;
    padding: 16px;
  }
  .profile-page-addresses .your-basket-address-item__location {
    padding-right: 0;
  }
}
.profile-page-addresses .your-basket-address-item__title {
  margin-bottom: 16px;
  justify-content: unset;
  gap: 16px;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 991px) {
  .profile-page-addresses .your-basket-address-item__title {
    width: 100%;
  }
  .profile-page-addresses .your-basket-address-item__title--name {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.5px;
  }
}
.profile-page-addresses .your-basket-address-item__title--edit {
  position: static;
  pointer-events: unset;
  color: var(--accent-color-anzac-60, #c0a452);
}
@media (max-width: 991px) {
  .profile-page-addresses .your-basket-address-item__title--edit {
    margin-right: auto;
    font-size: 0;
    border-radius: 4px;
    background: var(--primary-colors-aluminium-20, #f6f6f7);
    width: 24px;
    height: 24px;
    opacity: 1;
    gap: 0;
  }
}
.profile-page-addresses .your-basket-address-item__title--edit .icon {
  color: var(--accent-color-anzac-60, #c0a452);
}
@media (max-width: 991px) {
  .profile-page-addresses .your-basket-address-item__title--edit .icon {
    margin: auto;
  }
}
@media (max-width: 991px) {
  .profile-page-addresses .your-basket-address-item__order-taker {
    padding-right: 0;
  }
}
.profile-page-addresses .your-basket-address-item__order-taker .your-basket-address-item__order-taker_self {
  color: var(--accent-color-purple-60, #b1a2e3);
}
.profile-page-addresses .your-basket-address-item__order-taker .your-basket-address-item__order-taker_self .your-basket-address-item__order-taker--value {
  color: var(--accent-color-purple-100, #7e57c5);
}
.profile-page-addresses .your-basket-address-item__order-taker .your-basket-address-item__order-taker_self .icon {
  position: relative;
}
.profile-page-addresses .your-basket-address-item__order-taker .your-basket-address-item__order-taker_self .icon svg {
  position: relative;
  z-index: 1;
  color: #7e57c5;
}
.profile-page-addresses .your-basket-address-item__order-taker .your-basket-address-item__order-taker_self .icon:before {
  content: "";
  display: block;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  left: -1px;
  bottom: -1px;
  background: var(--accent-color-purple-20, #f0edfa);
}
.profile-page-addresses .your-basket-address-item__map {
  position: absolute;
  left: 16px;
  top: 16px;
  width: 106px;
  height: 106px;
  border-radius: 4px;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  overflow: hidden;
}
@media (max-width: 991px) {
  .profile-page-addresses .your-basket-address-item__map {
    display: none;
  }
}
.profile-page-addresses .your-basket-address-item__map img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile-page-addresses .your-basket-address-item:hover .your-basket-address-item__title--edit {
  opacity: 1;
}
.profile-page-addresses .basket-your-addresses__list--add {
  width: 100%;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .profile-page-addresses .basket-your-addresses__list--add {
    width: 100%;
  }
}

.profile-orders-tab .tabs-container {
  overflow: visible;
}
.profile-orders-tab .tabs-container .tabs {
  margin-bottom: 32px;
  gap: 24px;
  border-bottom: none;
  align-items: stretch;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  width: auto;
  margin-left: -24px;
  padding-left: 24px;
}
@media (max-width: 991px) {
  .profile-orders-tab .tabs-container .tabs {
    margin-bottom: 16px;
    gap: 8px;
    margin-right: -16px;
    margin-left: -16px;
    padding: 0 16px;
    max-width: none;
    scroll-behavior: smooth;
  }
}
.profile-orders-tab .tabs-container .tabs .tab {
  padding: 16px 24px;
  flex: 0 0 243px;
  max-width: 243px;
  font-size: unset;
  font-weight: unset;
  line-height: unset;
  display: flex;
  flex-direction: column;
  margin-left: 0;
  align-items: flex-start;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  background: var(--White, #ffffff);
  justify-content: center;
}
@media (max-width: 991px) {
  .profile-orders-tab .tabs-container .tabs .tab {
    flex: 0 0 163px;
    max-width: 163px;
    padding: 16px;
    gap: 8px;
  }
}
.profile-orders-tab .tabs-container .tabs .tab strong {
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  transition: color 0.3s ease-out, font-weight 0.3s ease-out, font-size 0.3s ease-out;
  display: block;
}
@media (max-width: 991px) {
  .profile-orders-tab .tabs-container .tabs .tab strong {
    color: var(--primary-colors-bunker-80, #2d3038);
    font-size: 12px;
    line-height: 18px;
  }
}
.profile-orders-tab .tabs-container .tabs .tab b {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  transition: color 0.3s ease-out, background 0.3s ease-out;
  border-radius: 4px;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  padding: 2px 8px;
  margin-top: -2px;
}
@media (max-width: 991px) {
  .profile-orders-tab .tabs-container .tabs .tab b {
    margin-top: 4px;
  }
}
.profile-orders-tab .tabs-container .tabs .tab .icon {
  position: relative;
  width: 40px;
  height: 40px;
  color: #7e57c5;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .profile-orders-tab .tabs-container .tabs .tab .icon {
    width: 24px;
    height: 24px;
  }
}
.profile-orders-tab .tabs-container .tabs .tab .icon:before {
  content: "";
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  border-radius: 50%;
  transition: background 0.3s ease-out;
  height: 32px;
  background: var(--accent-color-purple-10, #f7f5fd);
  display: block;
}
@media (max-width: 991px) {
  .profile-orders-tab .tabs-container .tabs .tab .icon:before {
    width: 24px;
    height: 24px;
  }
}
.profile-orders-tab .tabs-container .tabs .tab .icon svg {
  position: relative;
  z-index: 1;
  transition: all 0.3s;
}
.profile-orders-tab .tabs-container .tabs .tab .icon svg #truck-delivery path {
  stroke-width: 1;
}
.profile-orders-tab .tabs-container .tabs .tab:before {
  display: none;
}
.profile-orders-tab .tabs-container .tabs .tab.active {
  border-color: var(--accent-color-purple-40, #e2def6);
  background: var(--accent-color-purple-10, #f7f5fd);
}
.profile-orders-tab .tabs-container .tabs .tab.active strong {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: var(--font-weight-600);
}
@media (max-width: 991px) {
  .profile-orders-tab .tabs-container .tabs .tab.active strong {
    font-size: 12px;
    line-height: 18px;
  }
}
.profile-orders-tab .tabs-container .tabs .tab.active b {
  background: var(--White, #ffffff);
  color: var(--accent-color-purple-100, #7e57c5);
}
.profile-orders-tab .tabs-container .tabs .tab.active .icon:before {
  background: var(--White, #ffffff);
}
.profile-orders-tab__empty {
  padding-top: 88px;
  padding-bottom: 88px;
  gap: 16px;
  flex-direction: column;
}
@media (max-width: 991px) {
  .profile-orders-tab__empty {
    padding-top: 56px;
    padding-bottom: 48px;
    gap: 4px;
  }
}
.profile-orders-tab__empty h5 {
  font-weight: var(--font-weight-600);
  font-size: 16px;
  line-height: 28px;
  color: #2d3038;
  margin-bottom: 4px;
}
.profile-orders-tab__empty p {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  text-align: center;
}
@media (max-width: 991px) {
  .profile-orders-tab__empty p {
    font-size: 12px;
  }
}
.profile-orders-tab__empty .icon {
  padding: 10px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  color: #5b5e66;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
}
@media (max-width: 991px) {
  .profile-orders-tab__empty .icon {
    width: 48px;
    height: 48px;
  }
}
.profile-orders-tab__empty .icon svg {
  width: 38px;
  height: auto;
}
.profile-orders-tab__empty .icon svg #truck-delivery path {
  stroke-width: 1;
}
@media (max-width: 991px) {
  .profile-orders-tab__empty .icon svg {
    width: 32px;
  }
}
.profile-orders-tab__empty a.readMore {
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 32px;
  text-align: right;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #2d3038;
}
.profile-orders-tab__empty a.readMore svg {
  transition: 0.3s ease-out;
}
.profile-orders-tab__empty a.readMore:hover svg {
  transform: translateX(-2px);
}
.profile-orders-tab__empty.giftCard {
  padding: 0;
  margin-bottom: 32px;
  width: 389px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  gap: 0;
}
.profile-orders-tab__empty.giftCard h5 {
  margin-top: 8px;
}
.profile-orders-tab__empty.giftCard p {
  color: #5B5E66;
  margin-top: 4px;
}
.profile-orders-tab:has(.profile-comments-item__head--tools) .tabs-container {
  overflow: visible;
}
.profile-orders-tab:has(.profile-comments-item__head--tools) .tabs_content {
  overflow: visible;
}

.profile-order-page__description {
  border-top: 1px solid #f6f6f7;
  padding-top: 32px;
  padding-bottom: 24px;
  margin-top: 32px;
}
@media (max-width: 991px) {
  .profile-order-page__description {
    padding-bottom: 16px;
    border-top-color: var(--primary-colors-aluminium-40, #eef0f1);
    padding-top: 16px;
    margin-top: 0;
  }
}
.profile-order-page__description--title {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-order-page__description--title .icon {
  display: none;
  color: #795c2c;
  width: 18px;
  height: 18px;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .profile-order-page__description--title {
    cursor: pointer;
    font-size: 12px;
  }
  .profile-order-page__description--title .icon {
    display: flex;
  }
  .profile-order-page__description--title.active .icon {
    transform: rotate(180deg);
  }
}
.profile-order-page__description--content {
  color: var(--Primary-Colors-Bunker, #8d9199);
  line-height: 24px;
  font-size: 14px;
}
@media (max-width: 991px) {
  .profile-order-page__description--content {
    font-size: 12px;
    display: grid;
    overflow: hidden;
    grid-template-rows: minmax(0, 0fr);
    transition: grid-template-rows 0.6s;
  }
  .profile-order-page__description--content.active {
    grid-template-rows: minmax(0, 1fr);
  }
}
.profile-order-page__message {
  margin-bottom: 32px;
  border-radius: 8px;
  background: var(--primary-colors-aluminium-10, #fafafa);
  padding: 16px;
}
@media (max-width: 991px) {
  .profile-order-page__message {
    margin-bottom: 32px;
    border-radius: 4px;
    padding: 12px;
    padding-right: 40px;
    position: relative;
    margin-top: 12px;
  }
  .profile-order-page__message:has(.profile-order-page__message--head-price) {
    padding-bottom: 42px;
  }
  .profile-order-page__message:has(.profile-order-page__message--breakdown) {
    padding-bottom: 12px;
  }
}
.profile-order-page__message--breakdown {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}
.profile-order-page__message--breakdown-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-right: 32px;
}
.profile-order-page__message--breakdown-label {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  line-height: 24px;
}
.profile-order-page__message--breakdown-price {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  font-weight: var(--font-weight-400);
  line-height: 20px;
  letter-spacing: -0.3px;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .profile-order-page__message--breakdown {
    margin-top: 6px;
  }
  .profile-order-page__message--breakdown-row {
    padding-right: 0;
  }
  .profile-order-page__message--breakdown-price {
    font-size: 11px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
@media (max-width: 991px) {
  .profile-order-page__message:has(.profile-order-page__message--breakdown) .profile-order-page__message--head-price {
    position: static;
    margin-right: auto;
  }
}
.profile-order-page__message--description {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  line-height: 24px;
  padding-right: 32px;
  margin-top: 4px;
  display: flex;
  gap: 40px;
  align-items: center;
}
.profile-order-page__message--description p {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .profile-order-page__message--description {
    line-height: 24px;
    padding-right: 0;
    margin-bottom: 2px;
  }
}
.profile-order-page__message--head {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 991px) {
  .profile-order-page__message--head {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
.profile-order-page__message--head-icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 991px) {
  .profile-order-page__message--head-icon {
    position: absolute;
    right: 12px;
    top: 9px;
  }
}
.profile-order-page__message--head-title {
  color: var(--primary-colors-bunker-60, #43474e);
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  font-size: 14px;
}
@media (max-width: 991px) {
  .profile-order-page__message--head-title {
    font-size: 12px;
    letter-spacing: normal;
    line-height: 18px;
    display: flex;
  }
}
.profile-order-page__message--head-title .justMobileStatus {
  display: none;
}
@media (max-width: 991px) {
  .profile-order-page__message--head-title .justMobileStatus {
    display: block;
  }
}
.profile-order-page__message--head-tracking {
  color: #74777F;
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 20px;
  letter-spacing: -0.3px;
}
.profile-order-page__message--head-tracking span {
  color: #8D9199;
  font-weight: var(--font-weight-400);
}
@media (max-width: 991px) {
  .profile-order-page__message--head-tracking {
    line-height: 18px;
    letter-spacing: normal;
  }
}
.profile-order-page__message--head-price {
  margin-right: auto;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .profile-order-page__message--head-price {
    margin-right: 0;
    position: absolute;
    bottom: 12px;
    right: 40px;
  }
}
.profile-order-page__details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  align-items: start;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
}
@media (max-width: 991px) {
  .profile-order-page__details {
    margin-bottom: 24px;
    grid-template-columns: 1fr;
    row-gap: 12px;
    border: 0;
    margin-bottom: 12px;
    padding-bottom: 0;
  }
}
.profile-order-page__details ul {
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  display: grid;
  gap: 16px;
  align-content: start;
  grid-auto-rows: max-content;
}
@media (max-width: 991px) {
  .profile-order-page__details ul {
    gap: 12px;
  }
}
.profile-order-page__details ul li {
  display: flex;
  align-items: center;
  gap: 4px;
}
.profile-order-page__details ul li .icon {
  width: 18px;
  min-width: 18px;
  height: 18px;
  color: #b1a2e3;
}
.profile-order-page__details ul.fullwidth {
  grid-column: 1/-1;
}
.profile-order-page__details ul.fullwidth .profile-order-page__details--value {
  margin-right: 0;
}
@media (max-width: 991px) {
  .profile-order-page__details ul.fullwidth .profile-order-page__details--value {
    margin-right: auto;
    text-align: left;
  }
}
.profile-order-page__details--title {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  min-width: 115px;
}
@media (max-width: 991px) {
  .profile-order-page__details--title {
    min-width: 90px;
    font-size: 12px;
  }
}
.profile-order-page__details--value {
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 24px;
  letter-spacing: -0.5px;
  margin-right: auto;
}
@media (max-width: 991px) {
  .profile-order-page__details--value {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.profile-order-page__map {
  width: 100%;
  height: 300px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 32px;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
}
.profile-order-page__map .map {
  width: 100%;
  height: 100%;
}
.profile-order-page__map .map canvas {
  width: 100% !important;
}
.profile-order-page__map .ol-control {
  display: none;
}
.profile-order-page__print {
  display: none;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 2px solid var(--accent-color-anzac-60, #c0a452);
  justify-content: center;
  width: 100%;
  padding: 8px 16px;
  color: var(--accent-color-anzac-60, #c0a452);
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 24px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .profile-order-page__print {
    display: flex;
  }
}
.profile-order-page__items--head {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 16px;
  line-height: 28px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .profile-order-page__items--head {
    margin-bottom: 8px;
    gap: 4px;
    font-size: 14px;
    line-height: 22px;
  }
}
.profile-order-page__items--head-count {
  padding: 8px;
  border-radius: 8px;
  background: var(--accent-color-anzac-10, #efead2);
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
}
@media (max-width: 991px) {
  .profile-order-page__items--head-count {
    padding: 2px 8px;
    height: 22px;
    border-radius: 4px;
  }
}
.profile-order-page__items--list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 48px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media (max-width: 991px) {
  .profile-order-page__items--list {
    gap: 0;
  }
}
.profile-order-page__items--list .card:not(.card__gift) {
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
  min-height: 140px;
}
@media (max-width: 991px) {
  .profile-order-page__items--list .card:not(.card__gift) {
    min-height: 96px;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  }
  .profile-order-page__items--list .card:not(.card__gift) .card__basket-item--image {
    top: 16px;
  }
  .profile-order-page__items--list .card:not(.card__gift) .card__basket-item--title {
    letter-spacing: normal;
    font-size: 12px;
    line-height: 18px;
  }
}
.profile-order-page__items--list .card:not(.card__gift):after {
  pointer-events: none;
  content: "";
  display: none;
  width: 1px;
  height: calc(100% + 32px);
  position: absolute;
  left: -12px;
  top: -16px;
  background-color: #f6f6f7;
}
@media (max-width: 991px) {
  .profile-order-page__items--list .card:not(.card__gift):after {
    display: none;
  }
}
.profile-order-page__items--list .card:not(.card__gift):before {
  pointer-events: none;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -24px;
  background-color: #f6f6f7;
}
@media (max-width: 991px) {
  .profile-order-page__items--list .card:not(.card__gift):before {
    display: none;
  }
}
.profile-order-page__items--list .card:not(.card__gift):nth-last-child(-n+2):before {
  display: none;
}
.profile-order-page__items--list .card:not(.card__gift):nth-child(2n+1):after {
  display: block;
}
@media (max-width: 991px) {
  .profile-order-page__items--list .card:not(.card__gift):nth-child(2n+1):after {
    display: none;
  }
}
@media (max-width: 991px) {
  .profile-order-page__items--list .card:not(.card__gift):last-of-type {
    border-bottom: none;
  }
}
.profile-order-page__items--list .basket-page-item__product--gift {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 16px;
  margin-right: -156px;
}
@media (max-width: 991px) {
  .profile-order-page__items--list .basket-page-item__product--gift {
    margin-right: -68px !important;
    margin-top: 16px;
    align-items: flex-start;
  }
}
.profile-order-page__items--list .basket-page-item__product--gift .card__gift {
  padding: 8px 8px 8px 0px;
  height: auto;
  flex: 0 0 auto;
  width: auto;
  gap: 8px;
}
@media (max-width: 991px) {
  .profile-order-page__items--list .basket-page-item__product--gift .card__gift {
    max-width: 100%;
  }
}
.profile-order-page__items--list .basket-page-item__product--gift .card__gift--picture {
  margin: 0;
}
.profile-order-page__items--list .basket-page-item__product--gift .card__gift--picture img {
  width: 64px;
  flex: 0 0 auto;
  position: static;
}
@media (max-width: 991px) {
  .profile-order-page__items--list .basket-page-item__product--gift .card__gift--picture img {
    width: 48px;
  }
}
.profile-order-page__items--list .basket-page-item__product--gift .card__gift--more {
  display: flex;
  align-items: center;
}
.profile-order-page__items--list .basket-page-item__product--gift .card__gift--more-count {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  direction: ltr;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #F6F6F7;
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
}
@media (max-width: 991px) {
  .profile-order-page__items--list .basket-page-item__product--gift {
    margin-right: 68px;
    margin-top: 20px;
    flex-direction: column;
    gap: 16px;
  }
  .profile-order-page__items--list .basket-page-item__product--gift .card__gift--title {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.profile-order-page__items--list .basket-page-item__product--gift .card__gift--title {
  font-size: 12px;
}
.profile-order-page__items--list .card__basket-item--details {
  margin-top: 0;
}
@media (max-width: 991px) {
  .profile-order-page__items--list .card__basket-item--details {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
@media (max-width: 991px) {
  .profile-order-page__items--list .card__basket-item--details .card__category-products-slider--add {
    display: flex;
    opacity: 1;
    visibility: visible;
    position: static;
  }
}
@media (max-width: 991px) {
  .profile-order-page__items.itemsAwaitingInventory .profile-order-page__items--head {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .profile-order-page__items.itemsAwaitingInventory .profile-order-page__items--list {
    gap: 8px;
  }
}
.profile-order-page__items.itemsAwaitingInventory .profile-order-page__items--list .card__basket-item {
  padding-right: 103px;
  min-height: 95px;
}
@media (max-width: 991px) {
  .profile-order-page__items.itemsAwaitingInventory .profile-order-page__items--list .card__basket-item {
    min-height: 80px;
    padding: 8px 88px 8px 4px;
    border: 0;
  }
}
.profile-order-page__items.itemsAwaitingInventory .profile-order-page__items--list .card__basket-item--image {
  width: 95px;
  height: 95px;
  opacity: 0.6;
}
@media (max-width: 991px) {
  .profile-order-page__items.itemsAwaitingInventory .profile-order-page__items--list .card__basket-item--image {
    width: 80px;
    height: 80px;
    top: 0;
  }
}
.profile-order-page__items.itemsAwaitingInventory .profile-order-page__items--list .card__basket-item--title {
  opacity: 0.6;
}
.profile-order-page__items.itemsAwaitingInventory .profile-order-page__items--list .card__basket-item--details {
  margin-top: auto;
  opacity: 0.6;
}
.profile-order-page__items.itemsAwaitingInventory .profile-order-page__items--list .card__basket-item--details .card__category-products-slider--price {
  opacity: 1 !important;
  visibility: visible !important;
}
@media (max-width: 991px) {
  .profile-order-page__items.itemsAwaitingInventory .profile-order-page__items--list .card__basket-item--details .card__category-products-slider--price .card__category-products-slider--price-outOfSale {
    font-size: 12px;
  }
}
.profile-order-page__items.itemsAwaitingInventory .profile-order-page__items--list .card__full-product--bookmark {
  top: 0;
  display: none;
}
.profile-order-page__again {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .profile-order-page__again {
    margin-top: 0;
    border-top: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  }
}
.profile-order-page__again .primary-button {
  height: 40px;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
}
@media (max-width: 991px) {
  .profile-order-page__again .primary-button {
    position: fixed;
    bottom: 16px;
    left: 16px;
    right: 16px;
    z-index: 50;
  }
}

@media (max-width: 991px) {
  .profile-questions-start .primary-button {
    width: 100%;
    height: 40px;
    padding: 8px 16px;
    font-size: 14px;
  }
}
.profile-questions-start .primary-button .icon {
  transform: rotate(90deg);
}

.profile-questions-completed .survey-page-result__info--title {
  line-height: 28px;
  font-size: 16px;
}
.profile-questions-completed .survey-page-result__info .primary-button .icon {
  transform: rotate(0);
}
.profile-questions-completed .survey-page-result__products .section-title {
  max-width: 884px;
}
@media (max-width: 1200px) {
  .profile-questions-completed .survey-page-result__products .section-title {
    max-width: 100%;
  }
}
.profile-questions-completed .survey-page-result__products .section-title h2 span {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.5px;
}
.profile-questions-completed .survey-page-result__products .section-title p {
  padding-left: 88px;
  padding-right: 88px;
}
@media (max-width: 1200px) {
  .profile-questions-completed .survey-page-result__products .section-title p {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 768px) {
  .profile-questions-completed .survey-page-result__products .section-title p {
    padding-left: 0;
    padding-right: 0;
  }
}
.profile-questions-completed .survey-page-result__products--items {
  padding-top: 0;
}
@media (max-width: 1200px) {
  .profile-questions-completed .survey-page-result__products--items {
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .profile-questions-completed .survey-page-result__products--items {
    margin-bottom: 24px;
  }
}
.profile-questions-completed .survey-page-result__products--items .card {
  flex: 0 0 calc(33.33% - 16px);
  max-width: calc(33.33% - 16px);
}
@media (max-width: 1200px) {
  .profile-questions-completed .survey-page-result__products--items .card {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}
@media (max-width: 768px) {
  .profile-questions-completed .survey-page-result__products--items .card {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.profile-policy-form__items ul {
  list-style: none;
  padding: 0;
}
.profile-policy-form__items ul li {
  padding-bottom: 24px;
  padding-top: 24px;
  border-bottom: 1px solid var(--primary-colors-aluminium-20, #f6f6f7);
}
.profile-policy-form__items ul li:first-child {
  padding-top: 8px;
}
.profile-policy-form__items ul li:last-child {
  border-bottom: none;
}
@media (max-width: 991px) {
  .profile-policy-form__items ul li:last-child {
    border-bottom: 1px solid var(--primary-colors-aluminium-20, #f6f6f7);
  }
}
@media (max-width: 991px) {
  .profile-policy-form__items ul li .checkbox__over {
    gap: 8px;
  }
}
.profile-policy-form__items ul li .checkbox__over--label {
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  color: var(--primary-colors-bunker-40, #5b5e66);
}
@media (max-width: 991px) {
  .profile-policy-form__items ul li .checkbox__over--label {
    font-size: 12px;
    letter-spacing: normal;
    line-height: 18px;
  }
}
.profile-policy-form__items ul li p {
  padding-right: 32px;
  margin-top: 4px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  margin-bottom: 0;
  line-height: 24px;
  font-size: 14px;
}
@media (max-width: 991px) {
  .profile-policy-form__items ul li p {
    padding-right: 24px;
  }
}
.profile-policy-form .primary-button {
  margin-top: 8px;
}
@media (max-width: 991px) {
  .profile-policy-form .primary-button {
    margin-top: 24px;
    width: 100%;
  }
}

.profile-legal-info-form__head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.profile-legal-info-form__head .checkbox__over--label {
  color: var(--primary-colors-bunker-80, #2d3038);
}
@media (max-width: 991px) {
  .profile-legal-info-form__head {
    gap: 8px;
  }
  .profile-legal-info-form__head .checkbox__over {
    gap: 8px;
  }
  .profile-legal-info-form__head .checkbox__over .icon {
    width: 18px;
    height: 18px;
    min-width: 18px;
  }
  .profile-legal-info-form__head .checkbox__over--label {
    font-size: 12px;
    line-height: 24px;
  }
}
.profile-legal-info-form__head--state {
  font-size: 12px;
  font-weight: var(--font-weight-600);
  color: var(--Primary-Colors-Bunker, #8d9199);
  line-height: 18px;
  border-radius: 4px;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  padding: 2px 8px;
}
.profile-legal-info-form__head--state-approved {
  color: var(--accent-color-anzac-100, #977337);
  background: var(--accent-color-anzac-10, #efead2);
}
.profile-legal-info-form__head--edit {
  margin-right: auto;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.profile-legal-info-form__head--edit .icon {
  color: #2d3038;
  transform: translateY(-1px);
}
@media (max-width: 991px) {
  .profile-legal-info-form__head--edit {
    font-size: 0;
    border-radius: 4px;
    background: var(--primary-colors-aluminium-20, #f6f6f7);
    width: 24px;
    height: 24px;
    justify-content: center;
    gap: 0;
  }
  .profile-legal-info-form__head--edit .icon {
    transform: translateY(0);
    color: #b08f42;
  }
}
.profile-legal-info-form .form-groups {
  padding-top: 24px;
  padding-bottom: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 991px) {
  .profile-legal-info-form .form-groups {
    padding-bottom: 24px;
    gap: 16px;
  }
}
.profile-legal-info-form .form-groups .form-group {
  flex: 0 0 calc(33.33% - 16px);
  max-width: calc(33.33% - 16px);
  margin-bottom: 0;
}
.profile-legal-info-form .form-groups .form-group .icon {
  margin-right: 4px;
  color: #a8abb4;
}
@media (max-width: 991px) {
  .profile-legal-info-form .form-groups .form-group {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .profile-legal-info-form .form-groups .form-group .icon {
    display: none;
  }
}
.profile-legal-info-form .form-groups .form-group--full {
  flex: 0 0 100%;
  max-width: 100%;
}
.profile-legal-info-form .form-groups .form-group .ss-main {
  --ss-main-height: 48px;
}
.profile-legal-info-form .primary-button .icon {
  transform: translateY(-1px);
}
@media (max-width: 991px) {
  .profile-legal-info-form .primary-button {
    width: 100%;
    padding: 8px 16px;
    background: var(--primary-colors-bunker-80, #2d3038);
  }
  .profile-legal-info-form .primary-button:hover {
    background: var(--primary-colors-bunker-80, #2d3038);
  }
}
.profile-legal-info-form:not(:has(.checkbox-form-state input:checked)) .primary-button {
  background: #EEF0F1;
  color: #C4C6CF;
  pointer-events: none;
}
.profile-legal-info-form:not(:has(.checkbox-form-state input:checked)) .form-group {
  pointer-events: none;
}
.profile-legal-info-form:not(:has(.checkbox-form-state input:checked)) .form-group input[type=text],
.profile-legal-info-form:not(:has(.checkbox-form-state input:checked)) .form-group input[type=email],
.profile-legal-info-form:not(:has(.checkbox-form-state input:checked)) .form-group input[type=password],
.profile-legal-info-form:not(:has(.checkbox-form-state input:checked)) .form-group textarea {
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  background: var(--primary-colors-aluminium-20, #f6f6f7);
}
.profile-legal-info-form:not(:has(.checkbox-form-state input:checked)) .form-group .ss-main {
  --ss-border-color: #e0e2e5;
  --ss-bg-color: #f6f6f7;
}

.profile-personal-info-cover {
  position: relative;
  margin-bottom: 40px;
  padding-right: 76px;
  min-height: 64px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
@media (max-width: 991px) {
  .profile-personal-info-cover {
    padding-top: 8px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    min-height: unset;
    align-items: center;
    padding-right: 0;
    gap: 0;
    border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  }
}
.profile-personal-info-cover__title {
  color: var(--accent-color-anzac-80, #b08f42);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
  margin-bottom: 0;
  cursor: pointer;
}
@media (max-width: 991px) {
  .profile-personal-info-cover__title {
    margin-bottom: 2px;
  }
}
.profile-personal-info-cover__description {
  margin-bottom: 0;
  color: #ababab;
  font-size: 12px;
  line-height: 24px;
}
.profile-personal-info-cover__picture {
  min-height: 64px;
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  height: 64px;
}
@media (max-width: 991px) {
  .profile-personal-info-cover__picture {
    position: relative;
    right: unset;
    margin-bottom: 16px;
    top: unset;
    min-height: unset;
  }
}
.profile-personal-info-cover__picture:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  pointer-events: none;
  z-index: 0;
  border-radius: 4px;
}
.profile-personal-info-cover__picture--edit {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--accent-color-purple-10, #f7f5fd);
  position: absolute;
  bottom: -4px;
  left: -4px;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 1;
}
@media (max-width: 991px) {
  .profile-personal-info-cover__picture--edit {
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
  }
}
.profile-personal-info-cover__picture--edit svg {
  width: 16px;
  height: 16px;
  color: #7e57c5;
  transition: all 0.3s;
}
.profile-personal-info-cover__picture--edit:hover {
  background-color: #7e57c5;
}
.profile-personal-info-cover__picture--edit:hover svg {
  color: var(--accent-color-purple-10, #f7f5fd);
}
.profile-personal-info-cover__picture img {
  border-radius: 4px;
}
.profile-personal-info-cover__modal {
  position: absolute;
  width: 403px;
  right: 72px;
  top: 58px;
  z-index: 2;
  border-radius: 12px;
  padding: 16px;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  background: #ffffff;
  box-shadow: -8px -8px 24px 0px rgba(0, 0, 0, 0.04), 8px 8px 24px 0px rgba(0, 0, 0, 0.08);
  display: none;
  flex-direction: column;
  transition: opacity 0.4s ease-in-out;
  opacity: 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .profile-personal-info-cover__modal {
    position: fixed;
    z-index: 10;
    width: 100%;
    top: unset;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 24px 24px 0 0;
    box-shadow: 0px -12px 20px 0px rgba(0, 0, 0, 0.16);
    opacity: 1;
    transform: translateY(100%);
    transition: transform 0.4s ease-in-out;
  }
}
.profile-personal-info-cover__modal.active {
  opacity: 1;
}
@media (max-width: 991px) {
  .profile-personal-info-cover__modal.active {
    transform: translateY(0);
  }
}
.profile-personal-info-cover__modal .tabs-container .tabs {
  gap: 24px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .profile-personal-info-cover__modal .tabs-container .tabs {
    gap: 16px;
    margin-bottom: 24px;
  }
}
.profile-personal-info-cover__modal .tabs-container .tabs .tab {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 6px;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .profile-personal-info-cover__modal .tabs-container .tabs .tab {
    margin-left: 0;
  }
}
.profile-personal-info-cover__modal .tabs-container .tabs .tab:before {
  bottom: -1px;
}
.profile-personal-info-cover__modal .tabs-container .tabs .tab.active {
  font-size: 16px;
  line-height: 28px;
}
.profile-personal-info-cover__modal--images {
  margin-top: 24px;
}
.profile-personal-info-cover__modal--images ul {
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  padding: 0;
  margin-bottom: 24px;
  gap: 16px 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .profile-personal-info-cover__modal--images ul {
    gap: 16px;
    margin-bottom: 16px;
  }
}
.profile-personal-info-cover__modal--images ul li {
  width: 40px;
  height: 40px;
  max-width: 40px;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
}
.profile-personal-info-cover__modal--images ul li img {
  transition: all 0.3s;
  filter: grayscale(100%);
}
.profile-personal-info-cover__modal--images ul li input {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.profile-personal-info-cover__modal--images ul li:has(input:checked) img, .profile-personal-info-cover__modal--images ul li:hover img {
  filter: grayscale(0);
}
.profile-personal-info-cover__modal--images .primary-button {
  width: 100%;
}
@media (max-width: 991px) {
  .profile-personal-info-cover__modal--images .primary-button {
    height: 40px;
    font-size: 14px;
    font-weight: var(--font-weight-600);
    letter-spacing: normal;
    line-height: 24px;
    background: var(--primary-colors-bunker-80, #2d3038);
  }
}
.profile-personal-info-cover__modal--upload .upload-images-modal__area {
  margin-bottom: 24px;
}
.profile-personal-info-cover__modal--upload .upload-images-modal__area--over {
  border-width: 1px;
  padding: 16px;
  gap: 8px;
}
.profile-personal-info-cover__modal--upload .upload-images-modal__area--over .icon svg path {
  stroke-width: 1px;
}
.profile-personal-info-cover__modal--upload .upload-images-modal__area--over p {
  font-size: 12px;
}
@media (max-width: 991px) {
  .profile-personal-info-cover__modal--upload .upload-images-modal__area--over p span {
    display: inline;
  }
}
.profile-personal-info-cover__modal--upload .upload-images-modal__area--over p b {
  font-weight: 400;
}
.profile-personal-info-cover__modal--upload .upload-images-modal__pictures {
  margin-bottom: 24px;
}
.profile-personal-info-cover__modal--upload .upload-box {
  padding: 16px;
  border: 1px solid var(--accent-color-anzac-40, #cebb76);
  background: transparent;
}
.profile-personal-info-cover__modal--upload .upload-box__action {
  margin-right: 16px;
}
.profile-personal-info-cover__modal--upload .upload-box__action .icon {
  width: 16px;
  height: 16px;
}
.profile-personal-info-cover__modal--upload .upload-box__picture {
  border-radius: 4px;
  margin-left: 4px;
}
.profile-personal-info-cover__modal--upload .upload-box__picture img {
  width: 40px;
  height: 40px;
}
.profile-personal-info-cover__modal--upload .upload-box__progress--info {
  margin-bottom: 0;
  font-size: 12px;
}
.profile-personal-info-cover__modal--upload .primary-button {
  width: 100%;
  background: var(--primary-colors-bunker-100, #181c22);
  color: var(--White, #ffffff);
}
@media (max-width: 991px) {
  .profile-personal-info-cover__modal--upload .primary-button {
    height: 40px;
    font-size: 14px;
    font-weight: var(--font-weight-600);
    letter-spacing: normal;
    line-height: 24px;
    background: var(--primary-colors-bunker-80, #2d3038);
  }
}
.profile-personal-info-cover__modal--remove {
  position: absolute;
  left: 16px;
  background: transparent;
  top: 18px;
  color: var(--alert-color-error-100, #dc4040);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.profile-personal-info__save {
  position: absolute;
  top: 16px;
  left: 24px;
  background: transparent;
  gap: 4px;
  align-items: center;
  padding: 8px 0px;
  display: flex;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.5px;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .profile-personal-info__save {
    position: static;
    margin-top: 24px;
    border-radius: 4px;
    background: var(--primary-colors-bunker-80, #2d3038);
    padding: 8px 16px;
    font-weight: var(--font-weight-600);
    color: var(--White, #ffffff);
    letter-spacing: normal;
    width: 100%;
    height: 40px;
    pointer-events: unset;
    opacity: 1;
    visibility: visible;
    justify-content: center;
    display: none;
  }
  .profile-personal-info__save.mobile {
    display: flex;
  }
}
.profile-personal-info__save .icon {
  color: #2d3038;
  transform: translateY(-1px);
}
@media (max-width: 991px) {
  .profile-personal-info__save .icon {
    color: #fff;
  }
}

.profile-personal-data-form {
  margin-bottom: 32px;
}
.profile-personal-data-form .form-groups {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .profile-personal-data-form .form-groups {
    gap: 16px;
  }
}
.profile-personal-data-form .form-groups .form-group {
  margin-bottom: 0;
  flex: 0 0 calc(33.33% - 16px);
  max-width: calc(33.33% - 16px);
}
@media (max-width: 991px) {
  .profile-personal-data-form .form-groups .form-group {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.profile-personal-data-form .form-groups .form-group .toggle-sides {
  width: 100%;
}
.profile-personal-data-form .form-groups .form-group .calendar-trigger-icon {
  color: #795c2c;
}

.profile-personal-questions {
  border-radius: 8px;
  background: var(--primary-colors-aluminium-10, #fafafa);
  padding: 16px;
  margin-bottom: 32px;
  position: relative;
  z-index: 1;
}
.profile-personal-questions__title {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
}
@media (max-width: 991px) {
  .profile-personal-questions__title {
    font-size: 14px;
    line-height: 22px;
  }
}
.profile-personal-questions__description {
  font-size: 12px;
  color: var(--primary-colors-bunker-20, #74777f);
  line-height: 24px;
  margin-bottom: 0;
}
.profile-personal-questions__form {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.6s;
}
.profile-personal-questions__form .form-groups {
  padding-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 991px) {
  .profile-personal-questions__form .form-groups {
    padding-top: 24px;
    gap: 16px;
  }
}
.profile-personal-questions__form .form-groups .form-group {
  flex: 0 0 calc(33.33% - 16px);
  max-width: calc(33.33% - 16px);
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .profile-personal-questions__form .form-groups .form-group .ss-main .ss-values .ss-single {
    font-size: 14px;
  }
}
@media (max-width: 1200px) and (max-width: 991px) {
  .profile-personal-questions__form .form-groups .form-group .ss-main .ss-values .ss-single {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .profile-personal-questions__form .form-groups .form-group {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media (max-width: 991px) {
  .profile-personal-questions__form .form-groups .form-group {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.profile-personal-questions__form.active {
  grid-template-rows: minmax(0, 1fr);
}
.profile-personal-questions__register {
  position: absolute;
  top: 16px;
  left: 24px;
  background: transparent;
  gap: 4px;
  align-items: center;
  padding: 8px 0px;
  display: flex;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.5px;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .profile-personal-questions__register {
    position: static;
    margin-top: 24px;
    border-radius: 4px;
    border: 2px solid var(--primary-colors-bunker-80, #2d3038);
    padding: 8px 16px;
    font-weight: var(--font-weight-600);
    letter-spacing: normal;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
  }
}
.profile-personal-questions__register.active {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  .profile-personal-questions__register.active {
    display: none;
  }
}
.profile-personal-questions__register .icon {
  color: #2d3038;
}
.profile-personal-questions__save {
  position: absolute;
  top: 16px;
  left: 24px;
  background: transparent;
  gap: 4px;
  align-items: center;
  padding: 8px 0px;
  display: flex;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.5px;
  transition: all 0.3s;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  .profile-personal-questions__save {
    position: static;
    margin-top: 24px;
    border-radius: 4px;
    background: var(--primary-colors-bunker-80, #2d3038);
    padding: 8px 16px;
    font-weight: var(--font-weight-600);
    color: var(--White, #ffffff);
    letter-spacing: normal;
    width: 100%;
    height: 40px;
    pointer-events: unset;
    opacity: 1;
    visibility: visible;
    display: none;
    justify-content: center;
  }
}
.profile-personal-questions__save .icon {
  color: #2d3038;
  transform: translateY(-1px);
}
.profile-personal-questions .survey-page__head--tools-users {
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .profile-personal-questions .survey-page__head--tools-users {
    margin-bottom: 12px;
  }
}
.profile-personal-questions .survey-page__head--tools-users ul li {
  width: 24px;
  height: 24px;
  margin-right: -8px;
}
@media (max-width: 991px) {
  .profile-personal-questions .survey-page__head--tools-users ul li {
    width: 28px;
    height: 28px;
    margin-right: -12px;
  }
}
.profile-personal-questions .survey-page__head--tools-users strong {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 991px) {
  .profile-personal-questions .survey-page__head--tools-users strong {
    font-weight: var(--font-weight-600);
  }
}
.profile-personal-questions:has(.accordion-title.active) .profile-personal-questions__save {
  pointer-events: unset;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 991px) {
  .profile-personal-questions:has(.accordion-title.active) .profile-personal-questions__save {
    display: flex;
  }
}

.profile-personal-empty-banks {
  padding-top: 32px;
  border-top: 1px solid #f6f6f7;
  padding-bottom: 32px;
  position: relative;
}
@media (max-width: 991px) {
  .profile-personal-empty-banks {
    border-top-color: var(--primary-colors-aluminium-40, #eef0f1);
  }
}
.profile-personal-empty-banks__title {
  margin-bottom: 16px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
}
.profile-personal-empty-banks__head {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-personal-empty-banks__head .profile-personal-banks__head--title {
  margin-bottom: 0;
}
.profile-personal-empty-banks__save {
  background: transparent;
  gap: 4px;
  align-items: center;
  padding: 8px 0px;
  display: flex;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.5px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  margin-left: 24px;
}
@media (max-width: 991px) {
  .profile-personal-empty-banks__save {
    border-radius: 4px;
    background: var(--primary-colors-bunker-80, #2d3038);
    justify-content: center;
    padding: 8px 16px;
    font-weight: var(--font-weight-600);
    letter-spacing: normal;
    margin-top: 32px;
    width: 100%;
    height: 40px;
    color: var(--White, #ffffff);
  }
}
.profile-personal-empty-banks__save .icon {
  color: #2d3038;
  transform: translateY(-1px);
}
@media (max-width: 991px) {
  .profile-personal-empty-banks__save .icon {
    color: var(--White, #ffffff);
  }
}
.profile-personal-empty-banks.active .profile-personal-empty-banks__save {
  opacity: 1;
  visibility: visible;
}
.profile-personal-empty-banks__content {
  flex-direction: column;
  text-align: center;
}
.profile-personal-empty-banks__content > .icon {
  width: 80px;
  height: 80px;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  border-radius: 50%;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .profile-personal-empty-banks__content > .icon {
    width: 48px;
    height: 48px;
    margin-bottom: 4px;
  }
}
.profile-personal-empty-banks__content > .icon svg {
  width: 60px;
  height: 60px;
  color: #5b5e66;
}
.profile-personal-empty-banks__content > .icon svg path {
  stroke-width: 1;
}
@media (max-width: 991px) {
  .profile-personal-empty-banks__content > .icon svg {
    width: 32px;
    height: 32px;
  }
  .profile-personal-empty-banks__content > .icon svg path {
    stroke-width: 1px;
  }
}
.profile-personal-empty-banks__content--title {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .profile-personal-empty-banks__content--title {
    font-size: 12px;
    margin-bottom: 4px;
  }
}
.profile-personal-empty-banks__content--description {
  margin-bottom: 16px;
  color: var(--primary-colors-bunker-60, #43474e);
  line-height: 24px;
  font-size: 12px;
}
@media (max-width: 991px) {
  .profile-personal-empty-banks__content--description {
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  .profile-personal-empty-banks__content .primary-button {
    width: 100%;
  }
}

.profile-personal-banks--box {
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid #f6f6f7;
  position: relative;
}
.profile-personal-banks--box:last-child {
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .profile-personal-banks--box:last-child {
    border-top: none;
    padding-top: 0;
  }
}
.profile-personal-banks__save {
  background: transparent;
  position: absolute;
  left: 16px;
  top: 32px;
  gap: 4px;
  align-items: center;
  padding: 8px 0px;
  display: flex;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.5px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
@media (max-width: 991px) {
  .profile-personal-banks__save {
    position: static;
    border-radius: 4px;
    background: var(--primary-colors-bunker-80, #2d3038);
    justify-content: center;
    padding: 8px 16px;
    font-weight: var(--font-weight-600);
    letter-spacing: normal;
    margin-top: 32px;
    width: 100%;
    height: 40px;
    color: var(--White, #ffffff);
  }
}
.profile-personal-banks__save .icon {
  color: #2d3038;
  transform: translateY(-1px);
}
@media (max-width: 991px) {
  .profile-personal-banks__save .icon {
    color: var(--White, #ffffff);
  }
}
.profile-personal-banks__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .profile-personal-banks__head {
    padding-left: 0;
  }
}
.profile-personal-banks__head--title {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
  margin-bottom: 0;
}
.profile-personal-banks__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 991px) {
  .profile-personal-banks__content {
    gap: 8px;
  }
}
.profile-personal-banks__content--info {
  font-size: 12px;
  color: var(--accent-color-anzac-100, #977337);
  line-height: 24px;
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
.profile-personal-banks__content--info .icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  color: #795c2c;
}
@media (max-width: 991px) {
  .profile-personal-banks__content--info .icon {
    transform: translateY(3px);
    position: relative;
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
  .profile-personal-banks__content--info .icon:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    pointer-events: none;
    background: var(--accent-color-anzac-10, #efead2);
  }
  .profile-personal-banks__content--info .icon svg {
    position: relative;
    z-index: 1;
  }
}

.registerBanksWrapper {
  display: none;
}
.registerBanksWrapper.active + .profile-personal-banks__save {
  opacity: 1;
  visibility: visible;
}

.banks-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .banks-list {
    gap: 16px;
  }
}
.banks-list--row {
  width: 100%;
  padding-left: 96px;
  gap: 24px;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 991px) {
  .banks-list--row {
    padding-left: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
  }
}
.banks-list--row .form-group {
  margin-bottom: 0;
  flex: 0 0 calc(48% - 32px);
  max-width: calc(48% - 32px);
}
@media (max-width: 991px) {
  .banks-list--row .form-group {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.banks-list--row .form-group:first-of-type {
  flex: 0 0 332px;
  max-width: 332px;
}
@media (max-width: 1200px) {
  .banks-list--row .form-group:first-of-type {
    flex: 0 0 260px;
    max-width: 260px;
  }
}
@media (max-width: 991px) {
  .banks-list--row .form-group:first-of-type {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.banks-list--remove {
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  gap: 4px;
  line-height: 24px;
  color: var(--alert-color-error-100, #dc4040);
  letter-spacing: -0.5px;
  background: transparent;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .banks-list--remove {
    margin-bottom: 0;
    letter-spacing: normal;
    font-weight: var(--font-weight-600);
    padding: 8px 16px;
  }
}
.banks-list--remove svg {
  width: 16px;
  height: 16px;
  transform: translateY(-2px);
}
.banks-list .primary-button {
  margin-top: -8px;
  border-color: var(--primary-colors-bunker-80, #2d3038);
  color: var(--primary-colors-bunker-80, #2d3038);
}
@media (max-width: 991px) {
  .banks-list .primary-button {
    margin-top: 0;
    padding: 8px 16px;
    width: 100%;
    border-radius: 4px;
    height: 40px;
  }
}
.banks-list .primary-button:hover {
  background: var(--primary-colors-bunker-80, #2d3038);
  color: #ffffff;
}

.change-password-wrapper .profile-personal-password__save {
  position: absolute;
  top: 32px;
  left: 24px;
  background: transparent;
  gap: 4px;
  align-items: center;
  padding: 4px 0px;
  display: flex;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.5px;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .change-password-wrapper .profile-personal-password__save {
    position: static;
    margin-top: 24px;
    border-radius: 4px;
    background: var(--primary-colors-bunker-80, #2d3038);
    padding: 8px 16px;
    font-weight: var(--font-weight-600);
    color: var(--White, #ffffff);
    letter-spacing: normal;
    width: 100%;
    height: 40px;
    pointer-events: unset;
    opacity: 1;
    visibility: visible;
    justify-content: center;
  }
}
.change-password-wrapper .profile-personal-password__save .icon {
  color: #2d3038;
  transform: translateY(-1px);
}
.change-password-wrapper .change-password {
  display: flex;
  gap: 24px;
}
@media (max-width: 991px) {
  .change-password-wrapper .change-password {
    gap: 12px;
    flex-wrap: wrap;
  }
}
.change-password-wrapper .change-password .form-group {
  margin-bottom: 0;
  flex: 0 0 332px;
  max-width: 332px;
}
@media (max-width: 1200px) {
  .change-password-wrapper .change-password .form-group {
    flex: 0 0 260px;
    max-width: 260px;
  }
}
@media (max-width: 991px) {
  .change-password-wrapper .change-password .form-group {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.change-password-wrapper .change-password__info {
  margin-top: -20px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .change-password-wrapper .change-password__info {
    margin-bottom: 8px;
  }
}
.change-password-wrapper .change-password__info p {
  color: var(--primary-colors-bunker-40, #5b5e66);
  line-height: 24px;
  font-size: 12px;
  margin-bottom: 8px;
}
.change-password-wrapper .change-password__info ul {
  display: flex;
  gap: 2px;
  flex-direction: column;
  list-style: none;
  padding: 0;
}
.change-password-wrapper .change-password__info ul li {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #525866;
  font-feature-settings: "liga" off, "calt" off;
  font-size: 12px;
  line-height: 16px;
}
.change-password-wrapper .change-password__info ul li .icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  color: #795c2c;
}

.profile-list-banks {
  border-top: 1px solid var(--primary-colors-aluminium-20, #f6f6f7);
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}
@media (max-width: 991px) {
  .profile-list-banks {
    padding-top: 32px;
    border-top-color: var(--primary-colors-aluminium-40, #eef0f1);
  }
}
.profile-list-banks__head {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  padding-left: 24px;
}
@media (max-width: 991px) {
  .profile-list-banks__head {
    margin-bottom: 16px;
    padding-left: 0;
  }
}
.profile-list-banks__head--title {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 22px;
}
@media (max-width: 991px) {
  .profile-list-banks__head--title {
    font-size: 16px;
    line-height: 28px;
  }
}
.profile-list-banks__head--edit, .profile-list-banks__head--save {
  position: absolute;
  top: 32px;
  left: 24px;
  background: transparent;
  gap: 4px;
  align-items: center;
  padding: 8px 0px;
  display: flex;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.5px;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .profile-list-banks__head--edit, .profile-list-banks__head--save {
    width: 24px;
    height: 24px;
    justify-content: center;
    font-size: 0;
    border-radius: 4px;
    background: var(--primary-colors-aluminium-20, #f6f6f7);
    gap: 0;
    left: 0;
  }
}
.profile-list-banks__head--edit .icon, .profile-list-banks__head--save .icon {
  transform: translateY(-1px);
}
@media (max-width: 991px) {
  .profile-list-banks__head--edit .icon, .profile-list-banks__head--save .icon {
    transform: translateY(0);
    color: #b08f42;
  }
}
.profile-list-banks__head--save {
  opacity: 0;
  visibility: hidden;
}
.profile-list-banks__content ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 64px;
  align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .profile-list-banks__content ul {
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 12px;
  }
}
.profile-list-banks__content ul li {
  color: var(--Primary-Colors-Bunker, #8d9199);
  line-height: 18px;
  font-size: 12px;
  font-weight: var(--font-weight-600);
  flex: 0 0 250px;
}
@media (max-width: 991px) {
  .profile-list-banks__content ul li {
    flex: 0 0 auto;
  }
}
.profile-list-banks__content ul li span {
  color: var(--primary-colors-bunker-60, #43474e);
}
.profile-list-banks .registerBanksWrapper .profile-personal-banks__content--info {
  display: none;
}
.profile-list-banks.active .profile-list-banks__head--edit {
  opacity: 0;
  visibility: hidden;
}
.profile-list-banks.active .profile-list-banks__head--save {
  opacity: 1;
  visibility: visible;
}

.profile-favorites-grid .filter-button-group {
  margin-bottom: 24px;
  border-bottom: 1px solid #eef0f1;
  padding-bottom: 8px;
  display: flex;
  gap: 40px;
  align-items: center;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
}
@media (max-width: 991px) {
  .profile-favorites-grid .filter-button-group {
    margin-top: 8px;
    padding-bottom: 5px;
    margin-bottom: 32px;
    gap: 24px;
  }
}
.profile-favorites-grid .filter-button-group button {
  background: transparent;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 991px) {
  .profile-favorites-grid .filter-button-group button {
    font-size: 12px;
  }
}
.profile-favorites-grid .filter-button-group button span {
  transition: all 0.3s;
  border-radius: 4px;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  padding: 2px 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  line-height: 18px;
}
.profile-favorites-grid .filter-button-group button.active {
  color: var(--accent-color-purple-100, #7e57c5);
  font-weight: var(--font-weight-600);
}
.profile-favorites-grid .filter-button-group button.active span {
  color: var(--accent-color-purple-100, #7e57c5);
  background: var(--accent-color-purple-20, #f0edfa);
  font-weight: var(--font-weight-600);
  letter-spacing: normal;
}
.profile-favorites-grid .grid {
  direction: rtl;
  display: flex;
  flex-wrap: wrap;
  margin-left: -24px;
  margin-bottom: 16px;
  min-height: 150px;
}
@media (max-width: 1200px) {
  .profile-favorites-grid .grid {
    margin-left: -12px;
  }
}
.profile-favorites-grid .grid-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  width: 33.33%;
  padding-left: 24px;
  box-sizing: border-box;
}
.profile-favorites-grid .grid-item > .card.card__full-product {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}
@media (max-width: 1200px) {
  .profile-favorites-grid .grid-item {
    margin-bottom: 12px;
    padding-left: 12px;
  }
}
@media (max-width: 1024px) {
  .profile-favorites-grid .grid-item {
    width: 50%;
  }
}
.profile-favorites-grid .profile-order-page__items--flush {
  padding-top: 0;
  border-top: none;
}

.profile-gift-banner {
  margin-bottom: 24px;
  padding: 24px;
  border-radius: 16px;
  background-image: url("/build/assets/bg5-CXLncngB.png");
  background-repeat: repeat;
  background-position: center center;
  background-color: #1f1f1f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media (max-width: 991px) {
  .profile-gift-banner {
    margin-bottom: 24px;
    padding: 0;
    background: none;
    gap: 12px;
  }
}
.profile-gift-banner__title {
  color: #ffffff;
  font-size: 24px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 32px;
  margin: 0;
}
@media (max-width: 991px) {
  .profile-gift-banner__title {
    height: 34px;
    padding: 8px;
    display: flex;
    justify-content: center;
    letter-spacing: normal;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 18px;
    border-radius: 16px;
    background-image: url("/build/assets/bg5-CXLncngB.png");
    background-repeat: repeat;
    background-position: center center;
    background-color: #1f1f1f;
    border-radius: 5.257px;
    background-size: cover;
    flex: 1;
  }
}
.profile-gift-banner .primary-button {
  background: linear-gradient(to right, #a265e3 0%, #ab73e0 100%);
  min-width: 150px;
  font-weight: 700;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .profile-gift-banner .primary-button {
    background: transparent;
    font-size: 12px;
    height: 34px;
    font-weight: var(--font-weight-600);
    color: var(--Accent-Color-Purple, #614097);
    letter-spacing: normal;
    min-width: auto;
    padding: 0;
  }
}
.profile-gift-banner .primary-button:hover, .profile-gift-banner .primary-button:active {
  background: linear-gradient(to right, #ab73e0 0%, #a265e3 100%);
}
@media (max-width: 991px) {
  .profile-gift-banner .primary-button:hover, .profile-gift-banner .primary-button:active {
    background: transparent;
  }
}

#wallet-panel {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 20000;
  overflow: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  visibility: hidden;
  opacity: 0;
}

.wallet-panel {
  height: 100%;
  width: 480px;
  max-width: 100%;
  padding: 24px 24px 0;
  background: #ffffff;
  box-shadow: -12px 0px 80px -4px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 20000;
}
@media (max-width: 768px) {
  .wallet-panel {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.wallet-panel .primary-button {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .wallet-panel .primary-button {
    height: 40px;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
  }
}
.wallet-panel > form {
  height: 100%;
}
.wallet-panel__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 768px) {
  .wallet-panel__content .form-group input[type=text],
  .wallet-panel__content .form-group input[type=email],
  .wallet-panel__content .form-group input[type=password] {
    font-size: 12px;
  }
}
.wallet-panel__info {
  margin-top: auto;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 16px;
  margin-right: -24px;
  margin-left: -24px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .wallet-panel__info {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.wallet-panel__info .icon {
  color: #795c2c;
}
.wallet-panel__head {
  margin-bottom: 24px;
  border-bottom: 1px solid #eef0f1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  gap: 16px;
}
@media (max-width: 768px) {
  .wallet-panel__head {
    margin-bottom: 16px;
  }
}
.wallet-panel__head--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
  margin: 0;
}
.wallet-panel__head--close {
  background: transparent;
}
.wallet-panel__head--close .icon {
  width: 24px;
  height: 24px;
  color: #8d9199;
}
.wallet-panel__banner {
  background-image: url("/build/assets/bg5-CXLncngB.png");
  background-repeat: repeat;
  background-position: center center;
  background-color: #1f1f1f;
  background-size: cover;
  text-align: center;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 40px;
  color: #ffffff;
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .wallet-panel__banner {
    font-size: 14px;
    line-height: 22px;
    padding: 12px;
    margin-bottom: 16px;
  }
}
.wallet-panel__title {
  margin-bottom: 24px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .wallet-panel__title {
    font-size: 14px;
    line-height: 22px;
  }
}
.wallet-panel__bank-title {
  margin-bottom: 12px;
  line-height: 18px;
  font-size: 12px;
  color: var(--accent-color-anzac-100, #977337);
  font-weight: var(--font-weight-600);
}
.wallet-panel__values {
  margin-bottom: 24px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.wallet-panel__values--item {
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  border-radius: 4px;
  border: 1px solid var(--accent-color-purple-40, #e2def6);
  width: 133.33px;
  height: 48px;
  padding: 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .wallet-panel__values--item {
    width: unset;
    flex: 0 0 calc(33.33% - 11px);
    max-width: calc(33.33% - 11px);
    padding: 12px;
  }
}
.wallet-panel__values--item input {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.wallet-panel__values--item:has(input:checked) {
  border: 1px solid var(--accent-color-anzac-20, #e0d6a8);
  background: var(--accent-color-anzac-10, #efead2);
  color: #c0a452;
}
.wallet-panel__values--item:has(input:checked) path[fill] {
  fill: #c0a452;
}
.wallet-panel__banks {
  margin-bottom: 24px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .wallet-panel__banks {
    gap: 24px;
    margin-bottom: 32px;
  }
}
.wallet-panel__banks--item {
  position: relative;
  transition: all 0.3s;
  border-radius: 4px;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  width: 48px;
  height: 48px;
}
@media (max-width: 768px) {
  .wallet-panel__banks--item {
    width: 56px;
    height: 56px;
  }
}
.wallet-panel__banks--item input {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.wallet-panel__banks--item .icon {
  width: 28px;
  height: 28px;
  color: #a8abb4;
  transition: all 0.3s;
}
.wallet-panel__banks--item .icon img {
  height: 100%;
}
@media (max-width: 768px) {
  .wallet-panel__banks--item .icon {
    width: 32px;
    height: 32px;
  }
}
.wallet-panel__banks--item:hover {
  border-color: #a8abb4;
}
.wallet-panel__banks--item .tooltip {
  background: #43474e;
}
.wallet-panel__banks--item:has(input:checked) {
  border: 1px solid var(--accent-color-anzac-20, #e0d6a8);
  background: var(--accent-color-anzac-10, #efead2);
}
.wallet-panel__banks--item:has(input:checked) .icon {
  color: #c0a452;
}

.profile-page-discount-codes {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 991px) {
  .profile-page-discount-codes {
    gap: 24px;
  }
}
.profile-page-discount-codes__item {
  position: relative;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  background: #ffffff;
  padding: 24px 24px 24px 160px;
  min-height: 154px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 991px) {
  .profile-page-discount-codes__item {
    padding: 16px 16px 74px;
    min-height: 90px;
    gap: 0;
  }
}
.profile-page-discount-codes__item--title {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .profile-page-discount-codes__item--title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
  }
}
.profile-page-discount-codes__item--details ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 991px) {
  .profile-page-discount-codes__item--details ul {
    flex-direction: column-reverse;
    gap: 4px;
  }
}
.profile-page-discount-codes__item--details ul li {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  gap: 8px;
  display: flex;
  align-items: center;
}
.profile-page-discount-codes__item--details ul li .icon {
  transform: translateY(-1px);
  color: #7e57c5;
}
.profile-page-discount-codes__item--box {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 160px;
}
@media (max-width: 991px) {
  .profile-page-discount-codes__item--box {
    position: static;
    width: 100%;
  }
}
.profile-page-discount-codes__item:hover .gift-code-box__title {
  transition-delay: 1s;
  opacity: 0;
}
.profile-page-discount-codes__item:hover .gift-code-box__icon:first-child {
  animation: shakeAndFade 1s ease-in-out forwards;
}
.profile-page-discount-codes__item:hover .gift-code-box__icon:last-child {
  transition-delay: 1s;
  opacity: 1;
}
.profile-page-discount-codes__item:hover .gift-code-box__copy {
  transition-delay: 1.1s;
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 991px) {
  .profile-page-discount-codes__item:hover .gift-code-box__copy {
    transition-delay: unset;
    opacity: unset;
    transform: unset;
  }
}
.profile-page-discount-codes .profile-orders-tab__empty {
  width: 422px;
  max-width: 100%;
  margin: auto;
  padding: 0 16px;
}

.gift-code-box {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 12px;
}
@media (max-width: 991px) {
  .gift-code-box {
    gap: 0;
  }
}
.gift-code-box__icons {
  position: relative;
  width: 112px;
  height: 86px;
}
@media (max-width: 991px) {
  .gift-code-box__icons {
    display: none;
  }
}
.gift-code-box__icon {
  position: absolute;
  transition: all 0.5s;
}
.gift-code-box__icon:first-child {
  margin-top: -16px;
}
.gift-code-box__icon:last-child {
  opacity: 0;
}
@media (max-width: 991px) {
  .gift-code-box__icon {
    display: none;
  }
}
.gift-code-box__title {
  transition: all 0.5s;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  text-align: center;
  position: absolute;
  width: 50px;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .gift-code-box__title {
    display: none;
  }
}
.gift-code-box__copy {
  border-radius: 4px;
  background: var(--accent-color-purple-10, #f7f5fd);
  height: 24px;
  padding: 4px 8px;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 14px;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-600);
  gap: 2px;
  min-width: 105px;
  transition: all 0.3s;
  opacity: 0;
  transform: translateY(100%);
}
@media (max-width: 991px) {
  .gift-code-box__copy {
    opacity: 1;
    transform: unset;
    position: absolute;
    font-size: 12px;
    letter-spacing: normal;
    height: 34px;
    bottom: 16px;
    left: 16px;
    padding: 8px;
    gap: 4px;
    right: 16px;
    min-width: unset;
    justify-content: center;
  }
}
.gift-code-box__copy .icon {
  width: 14px;
  height: 14px;
  color: #7e57c5;
  transform: translateY(-1px);
}

.profile-gift-cards {
  padding-top: 32px;
}
@media (max-width: 991px) {
  .profile-gift-cards {
    padding-top: 16px;
  }
}
.profile-gift-cards--main-title {
  display: none;
  margin-bottom: 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .profile-gift-cards--main-title {
    display: block;
  }
}
.profile-gift-cards__head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  margin-bottom: 115px;
}
@media (max-width: 991px) {
  .profile-gift-cards__head {
    margin-bottom: 85px;
  }
}
.profile-gift-cards__head--title {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 22px;
  margin: 0;
}
.profile-gift-cards__head--description {
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 0;
}
.profile-gift-cards__content {
  display: flex;
  gap: 24px;
}
@media (max-width: 1200px) {
  .profile-gift-cards__content {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .profile-gift-cards__content {
    gap: 32px;
  }
}
.profile-gift-cards__content--form {
  max-width: 601px;
  flex: 0 0 601px;
  position: relative;
}
@media (max-width: 1400px) {
  .profile-gift-cards__content--form {
    max-width: 470px;
    flex: 0 0 470px;
  }
}
@media (max-width: 1200px) {
  .profile-gift-cards__content--form {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.profile-gift-cards__content--form .primary-button {
  width: 100%;
  font-weight: var(--font-weight-600);
  font-size: 14px;
}
@media (max-width: 991px) {
  .profile-gift-cards__content--form .primary-button {
    height: 40px;
    padding: 8px 16px;
    letter-spacing: normal;
    border-radius: 4px;
  }
}
.profile-gift-cards__content--form .primary-button .icon {
  transform: rotate(90deg);
}
.profile-gift-cards__content--info {
  flex: 1;
}
.profile-gift-cards__content--info ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  padding: 0;
}
@media (max-width: 991px) {
  .profile-gift-cards__content--info ul {
    gap: 8px;
  }
}
.profile-gift-cards__content--info ul li {
  display: flex;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  gap: 8px;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .profile-gift-cards__content--info ul li {
    font-size: 12px;
    gap: 4px;
  }
}
.profile-gift-cards__content--info ul li .icon {
  position: relative;
  min-width: 16px;
  width: 16px;
  height: 16px;
  transform: translateY(2px);
}
@media (max-width: 991px) {
  .profile-gift-cards__content--info ul li .icon {
    transform: translateY(3px);
  }
}
.profile-gift-cards__content--info ul li .icon:before {
  content: "";
  position: absolute;
  left: 0.667px;
  bottom: 0.667px;
  height: 10.667px;
  width: 10.667px;
  background-color: var(--accent-color-anzac-10, #efead2);
  pointer-events: none;
  border-radius: 50%;
  display: block;
}
.profile-gift-cards__content--info ul li .icon svg {
  color: #c0a452;
  position: relative;
  z-index: 1;
}

.profile-gift-cards-card {
  width: 100%;
}
.profile-gift-cards-card.gift-card-item .profile-gift-cards-card__title {
  display: none;
}
.profile-gift-cards-card--remove {
  background: transparent;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 16px;
  margin-top: 24px;
  color: var(--alert-color-error-100, #dc4040);
  font-weight: 700;
  padding: 8px 0px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-size: 14px;
  position: relative;
  background: var(--primary-colors-aluminium-10, #fafafa);
  z-index: 1;
}
@media (max-width: 991px) {
  .profile-gift-cards-card--remove {
    padding: 8px 16px;
    width: 100%;
    justify-content: center;
    border-radius: 4px;
    border: 2px solid var(--alert-color-error-100, #dc4040);
    font-weight: var(--font-weight-600);
    letter-spacing: normal;
  }
}
.profile-gift-cards-card--add {
  background: transparent;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 0px;
  margin-top: 24px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.5px;
  position: relative;
  background: var(--primary-colors-aluminium-10, #fafafa);
  z-index: 1;
  font-size: 14px;
}
@media (max-width: 991px) {
  .profile-gift-cards-card--add {
    padding: 8px 16px;
    width: 100%;
    justify-content: center;
    border-radius: 4px;
    border: 2px solid var(--primary-colors-bunker-80, #2d3038);
    font-weight: var(--font-weight-600);
    letter-spacing: normal;
  }
}
.profile-gift-cards-card__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 24px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 28px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 991px) {
  .profile-gift-cards-card__title {
    letter-spacing: normal;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 8px;
  }
}
.profile-gift-cards-card__title .icon {
  transform: rotate(-90deg);
  color: #c0a452;
  transition: all 0.3s;
}
.profile-gift-cards-card__title.active .icon {
  transform: rotate(90deg);
}
.profile-gift-cards-card__content {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.6s;
  background: var(--primary-colors-aluminium-10, #fafafa);
}
.profile-gift-cards-card__content.active {
  grid-template-rows: minmax(0, 1fr);
}
.profile-gift-cards-card + .gift-card-item {
  border-top: 1px solid #e0e2e5;
  padding-top: 16px;
}

.profile-gift-cards-data {
  border-radius: 16px;
  border: 1px solid var(--primary-colors-aluminium-20, #f6f6f7);
  background: var(--primary-colors-aluminium-10, #fafafa);
  padding: 0 32px 32px 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .profile-gift-cards-data {
    padding-top: 160px;
  }
}
@media (max-width: 991px) {
  .profile-gift-cards-data {
    padding-top: 140px;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 16px;
    border-radius: 8px;
  }
}
.profile-gift-cards-data .form-groups {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 24px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .profile-gift-cards-data .form-groups {
    gap: 16px;
  }
  .profile-gift-cards-data .form-groups .form-group input[type=text],
  .profile-gift-cards-data .form-groups .form-group input[type=email],
  .profile-gift-cards-data .form-groups .form-group input[type=password] {
    font-size: 12px;
  }
}
.profile-gift-cards-data .form-groups .calendar-trigger-icon {
  color: #795c2c;
}
.profile-gift-cards-data .form-groups .form-group {
  margin-bottom: 0;
}
.profile-gift-cards-data .form-groups .form-group textarea {
  height: 114px;
}
@media (max-width: 991px) {
  .profile-gift-cards-data .form-groups .form-group textarea {
    height: 80px;
    padding: 12px;
    font-size: 12px;
  }
}
.profile-gift-cards-data__pay {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  margin-top: 24px;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  background: var(--primary-colors-aluminium-40, #eef0f1);
  padding: 16px 24px;
  gap: 16px;
}
@media (max-width: 991px) {
  .profile-gift-cards-data__pay {
    margin-top: 16px;
    border: none;
    background: transparent;
    border-radius: unset;
    margin-bottom: 16px;
    flex-wrap: wrap;
    padding: 0;
  }
}
.profile-gift-cards-data__pay--title {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .profile-gift-cards-data__pay--title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}
.profile-gift-cards-data__banks {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .profile-gift-cards-data__banks {
    gap: 16px;
    margin-left: auto;
  }
}
.profile-gift-cards-data__banks--item {
  position: relative;
  transition: all 0.3s;
  border-radius: 4px;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  width: 48px;
  height: 48px;
}
@media (max-width: 991px) {
  .profile-gift-cards-data__banks--item {
    width: 56px;
    height: 56px;
  }
}
.profile-gift-cards-data__banks--item input {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.profile-gift-cards-data__banks--item .icon {
  width: 28px;
  height: 28px;
  color: #a8abb4;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .profile-gift-cards-data__banks--item .icon {
    width: 32px;
    height: 32px;
  }
}
.profile-gift-cards-data__banks--item:has(input:checked) {
  border: 1px solid var(--accent-color-anzac-20, #e0d6a8);
  background: var(--accent-color-anzac-10, #efead2);
}
.profile-gift-cards-data__banks--item:has(input:checked) .icon {
  color: #c0a452;
}
.profile-gift-cards-data__card {
  margin-top: -84px;
  margin-right: -32px;
  position: relative;
}
@media (max-width: 1200px) {
  .profile-gift-cards-data__card {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    top: 0;
  }
}
@media (max-width: 991px) {
  .profile-gift-cards-data__card {
    margin-top: -60px;
    width: 320px;
    margin-left: 16px;
  }
}
.profile-gift-cards-data__card--title {
  position: absolute;
  left: 0;
  padding-right: 32px;
  bottom: 120px;
  width: 100px;
  text-align: center;
  color: #ffffff;
  font-size: 32px;
  font-weight: var(--font-weight-600);
  letter-spacing: -1px;
  line-height: 48px;
  display: block;
  width: 100%;
}
@media (max-width: 1200px) {
  .profile-gift-cards-data__card--title {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .profile-gift-cards-data__card--title {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
    bottom: 110px;
    padding-right: 24px;
  }
}
.profile-gift-cards-data__card--from {
  position: absolute;
  left: 40px;
  top: 32px;
  white-space: nowrap;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  display: block;
}
@media (max-width: 991px) {
  .profile-gift-cards-data__card--from {
    font-size: 10px;
    left: 24px;
    top: 24px;
  }
}
.profile-gift-cards-data:not(.profile-gift-cards-data--multi) .gift-card-item .profile-gift-cards-card__content {
  grid-template-rows: minmax(0, 1fr);
  overflow: visible;
}
.profile-gift-cards-data--multi .gift-card-item .profile-gift-cards-card__title {
  display: flex;
}
.profile-gift-cards-data__self-receiver {
  width: 100%;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .profile-gift-cards-data__self-receiver {
    margin-bottom: 12px;
  }
}
.profile-gift-cards-data__self-receiver--title {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  cursor: pointer;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .profile-gift-cards-data__self-receiver--title {
    font-size: 12px;
    letter-spacing: normal;
  }
}
.profile-gift-cards-data__self-receiver--title .icon {
  transition: all 0.3s;
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 4px;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  color: #b08f42;
  background: #ffffff;
}
.profile-gift-cards-data__self-receiver--title .icon svg {
  width: 16px;
  height: 16px;
  transition: all 0.3s;
  opacity: 0;
}
.profile-gift-cards-data__self-receiver--title input {
  display: none;
}
.profile-gift-cards-data__self-receiver--title input:checked ~ .icon {
  border: 1px solid var(--primary-colors-bunker-60, #43474e);
}
.profile-gift-cards-data__self-receiver--title input:checked ~ .icon svg {
  opacity: 1;
}
.profile-gift-cards-data:not(.profile-gift-cards-data--multi) .gift-card-item--self-receiver .profile-gift-cards-card__title {
  display: none;
}
.profile-gift-cards-data .gift-card-item--self-receiver .form-groups > .form-group:not(:first-of-type) {
  display: none;
}

.profile-comments-empty {
  padding-top: 68px;
  padding-bottom: 68px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 16px;
}
@media (max-width: 991px) {
  .profile-comments-empty {
    padding-top: 64px;
    padding-bottom: 48px;
    gap: 4px;
  }
}
.profile-comments-empty__title {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .profile-comments-empty__title {
    font-size: 12px;
  }
}
.profile-comments-empty .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  color: #5b5e66;
}
@media (max-width: 991px) {
  .profile-comments-empty .icon {
    width: 48px;
    height: 48px;
  }
}
.profile-comments-empty .icon svg {
  width: 60px;
  height: 60px;
}
@media (max-width: 991px) {
  .profile-comments-empty .icon svg {
    width: 32px;
    height: 32px;
  }
}

.profile-comments-list {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .profile-comments-list {
    gap: 24px;
  }
  .profile-comments-list .rating-group label {
    font-size: 12px;
    letter-spacing: normal;
    line-height: 18px;
  }
  .profile-comments-list:has(.profile-comments-item.active) .profile-comments-item {
    display: none;
  }
  .profile-comments-list:has(.profile-comments-item.active) .profile-comments-item.active {
    display: block;
  }
}

.profile-comments-filter {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .profile-comments-filter {
    margin-top: 24px;
  }
}
.profile-comments-filter .toggle__over--label {
  font-size: 14px;
  line-height: 22px;
}
@media (max-width: 991px) {
  .profile-comments-filter .toggle__over {
    flex-direction: row-reverse;
  }
}

.profile-comments-item {
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid #f6f6f7;
  position: relative;
  padding-right: 103px;
}
@media (max-width: 991px) {
  .profile-comments-item {
    border-radius: 8px;
    border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
    padding: 16px;
  }
}
.profile-comments-item__picture {
  position: absolute;
  right: 0;
  top: 32px;
}
@media (max-width: 991px) {
  .profile-comments-item__picture {
    top: 16px;
    right: 16px;
  }
}
.profile-comments-item__picture img {
  width: 95px;
  height: 95px;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .profile-comments-item__picture img {
    width: 64px;
    height: 64px;
  }
}
.profile-comments-item__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px;
  gap: 8px;
}
@media (max-width: 991px) {
  .profile-comments-item__head {
    padding-right: 68px;
    position: relative;
    min-height: 64px;
    margin-bottom: 12px;
    gap: 10px;
    flex-direction: column;
    padding-left: 40px;
  }
}
.profile-comments-item__head--title {
  margin: 0;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 22px;
}
@media (max-width: 991px) {
  .profile-comments-item__head--title {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.profile-comments-item__head--date {
  display: none;
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  order: 4;
  flex: 0 0 100%;
}
@media (max-width: 991px) {
  .profile-comments-item__head--date {
    display: block;
  }
}
.profile-comments-item__head--tools {
  position: relative;
}
@media (max-width: 991px) {
  .profile-comments-item__head--tools {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.profile-comments-item__head--tools-icon, .profile-comments-item__head--tools-closeButton {
  border-radius: 4px;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  width: 24px;
  min-width: 24px;
  height: 24px;
  transition: all 0.3s;
  color: #b08f42;
}
.profile-comments-item__head--tools-icon svg, .profile-comments-item__head--tools-closeButton svg {
  width: 12px;
  height: 12px;
}
.profile-comments-item__head--tools-icon:hover, .profile-comments-item__head--tools-icon.active, .profile-comments-item__head--tools-closeButton:hover, .profile-comments-item__head--tools-closeButton.active {
  background: transparent;
}
@media (max-width: 991px) {
  .profile-comments-item__head--tools-icon:hover, .profile-comments-item__head--tools-icon.active, .profile-comments-item__head--tools-closeButton:hover, .profile-comments-item__head--tools-closeButton.active {
    background: var(--primary-colors-aluminium-20, #f6f6f7);
  }
}
.profile-comments-item__head--tools-closeButton {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.profile-comments-item__head--tools-closeButton svg {
  width: 16px;
  height: 16px;
}
.profile-comments-item__head--tools-closeButton svg path {
  stroke: #dc4040;
}
.profile-comments-item__head--tools-over {
  position: absolute;
  top: 100%;
  left: 0;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: -12px -12px 48px 0px rgba(0, 0, 0, 0.05), 12px 12px 48px 0px rgba(0, 0, 0, 0.05);
  width: 210px;
  padding: 0 16px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-out;
  transform: translateY(8px);
}
@media (max-width: 991px) {
  .profile-comments-item__head--tools-over {
    border-radius: 12px 12px 0px 0px;
    border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
    padding: 8px 24px;
    box-shadow: 0px -8px 80px 0px rgba(0, 0, 0, 0.16);
    width: 100%;
    position: fixed;
    width: 100%;
    z-index: 10000000;
    bottom: 0;
    right: 0;
    left: 0;
    top: unset;
  }
}
.profile-comments-item__head--tools-over.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.profile-comments-item__head--tools-over button {
  background: transparent;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f6f6f7;
  gap: 8px;
  width: 100%;
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 24px;
  color: var(--primary-colors-bunker-60, #43474e);
}
.profile-comments-item__head--tools-over button .icon {
  transform: translateY(-2px);
}
.profile-comments-item__head--tools-over button:last-child {
  border-bottom: none;
}
.profile-comments-item__head--tools-over_remove {
  color: var(--alert-color-error-100, #dc4040) !important;
}
.profile-comments-item__content--title {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: 0.6s ease-out;
}
@media (max-width: 991px) {
  .profile-comments-item__content--title {
    font-size: 12px;
  }
}
.profile-comments-item__content textarea {
  border: none;
  resize: none;
  width: 100%;
  padding: 0;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  font-weight: 400;
  height: 48px;
  line-height: 24px;
  margin-bottom: 4px;
  border: 1px solid transparent;
  transition: 0.3s ease-out;
  border-radius: 8px;
  pointer-events: none;
  overflow: hidden;
}
@media (max-width: 991px) {
  .profile-comments-item__content textarea {
    font-size: 12px;
    margin-bottom: 0;
  }
}
.profile-comments-item__content--tools {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.6s;
}
.profile-comments-item__content .comments__form--tools .rating-group {
  margin-left: 40px;
  width: 30.346%;
}
@media (max-width: 1400px) {
  .profile-comments-item__content .comments__form--tools .rating-group {
    margin-left: 16px;
  }
}
@media (max-width: 1024px) {
  .profile-comments-item__content .comments__form--tools .rating-group {
    width: 26%;
  }
}
@media (max-width: 991px) {
  .profile-comments-item__content .comments__form--tools .rating-group {
    margin-left: 0;
    margin-right: 24px;
    width: calc(50% - 12px);
    margin-bottom: 16px;
  }
  .profile-comments-item__content .comments__form--tools .rating-group:first-of-type {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .profile-comments-item__content .comments__form--tools .rating-group {
    width: 100%;
    margin-right: 0;
  }
}
.profile-comments-item__reply {
  margin-bottom: 16px;
  background: rgba(240, 237, 250, 0.8);
  border-radius: 8px;
  padding: 16px;
}
@media (max-width: 991px) {
  .profile-comments-item__reply {
    border-radius: 4px;
    background: #f0edfa;
    padding: 12px;
    margin-bottom: 12px;
  }
}
.profile-comments-item__reply-title {
  display: flex;
  align-items: center;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  gap: 4px;
  margin-bottom: 8px;
}
.profile-comments-item__reply-title .icon {
  width: 14px;
  height: 18px;
  color: var(--accent-color-purple-100, #7e57c5);
}
.profile-comments-item__reply-text {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .profile-comments-item__reply-text {
    font-size: 12px;
  }
}
.profile-comments-item__reply-text p {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .profile-comments-item__reply-text p {
    font-size: 12px;
    color: var(--primary-colors-bunker-20, #74777f);
  }
}
.profile-comments-item__more {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  max-height: 48px;
  transition: 0.3s ease-out;
  overflow: hidden;
}
@media (max-width: 991px) {
  .profile-comments-item__more {
    max-height: auto !important;
  }
}
.profile-comments-item__more--date {
  color: var(--primary-colors-aluminium-100, #a8abb4);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  margin-right: auto;
}
@media (max-width: 991px) {
  .profile-comments-item__more--date {
    display: none;
  }
}
.profile-comments-item__more ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.profile-comments-item__more--item {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.profile-comments-item__more--item:before {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: all 0.3s;
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  pointer-events: none;
}
.profile-comments-item__more--item img {
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile-comments-item__more--item > a {
  display: block;
}
.profile-comments-item[data-moderation-status=pending] .profile-comments-item__picture, .profile-comments-item[data-moderation-status=pending] .profile-comments-item__head, .profile-comments-item[data-moderation-status=pending] .profile-comments-item__content, .profile-comments-item[data-moderation-status=pending] .profile-comments-item__more {
  opacity: 0.32;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.profile-comments-item[data-moderation-status=pending] .pendingToApproved {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  color: #7e57c5;
  gap: 4px;
  font-weight: var(--font-weight-600);
  margin-top: 16px;
}
.profile-comments-item[data-moderation-status=spam]:after, .profile-comments-item[data-moderation-status=rejected]:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  backdrop-filter: blur(3px);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.profile-comments-item[data-moderation-status=spam] .spamDescription, .profile-comments-item[data-moderation-status=rejected] .spamDescription {
  position: absolute;
  inset: 0;
  display: flex;
  text-align: center;
  z-index: 20;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.profile-comments-item[data-moderation-status=spam] .spamDescription svg, .profile-comments-item[data-moderation-status=rejected] .spamDescription svg {
  display: block;
}
.profile-comments-item[data-moderation-status=spam] .spamDescription p, .profile-comments-item[data-moderation-status=rejected] .spamDescription p {
  font-weight: var(--font-weight-600);
  font-size: 12px;
  line-height: 18px;
  color: #dc4040;
  margin: 0;
}
.profile-comments-item.active .profile-comments-item__content--title {
  margin-bottom: 8px;
  margin-top: 16px;
  grid-template-rows: minmax(0, 1fr);
}
.profile-comments-item.active .profile-comments-item__content--tools {
  grid-template-rows: minmax(0, 1fr);
  overflow: visible;
}
.profile-comments-item.active .profile-comments-item__more {
  max-height: 0;
}
.profile-comments-item.active .profile-comments-item__reply {
  margin-top: 16px;
}
@media (max-width: 991px) {
  .profile-comments-item.active .profile-comments-item__reply {
    margin-top: 12px;
  }
}
.profile-comments-item.active .profile-comments-item__content textarea {
  color: var(--primary-colors-bunker-60, #43474e);
  border-color: var(--primary-colors-aluminium-60, #e0e2e5);
  padding: 16px;
  pointer-events: unset;
  height: 80px !important;
}
@media (max-width: 991px) {
  .profile-comments-item.active .profile-comments-item__content textarea {
    padding: 12px;
  }
}
.profile-comments-item.active .profile-comments-item__head--tools-icon {
  opacity: 0;
  visibility: hidden;
}
.profile-comments-item.active .profile-comments-item__head--tools-closeButton {
  opacity: 1;
  visibility: visible;
}

.tableGift-cards td:not(:last-child), .tableGift-cards th:not(:last-child) {
  padding-left: 64px;
  white-space: nowrap;
  width: 20%;
}
.tableGift-cards td {
  position: relative;
}
.tableGift-cards td:last-child {
  padding-left: 64px !important;
}
.tableGift-cards .dropdownWrapper {
  width: 18px;
  height: 18px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

@media (max-width: 991px) {
  .balanceTable, .tableGift-cards {
    overflow: auto;
    margin: 0 -16px;
    padding: 0 16px;
  }
}
@media (max-width: 991px) {
  .balanceTable table th, .balanceTable table td, .tableGift-cards table th, .tableGift-cards table td {
    white-space: nowrap;
    padding: 16px 12px 16px 12px !important;
  }
}

.gift-card-view {
  padding: 210px 0 80px 0;
  position: relative;
  overflow: hidden;
  margin: -80px 0 -80px 0;
  background: linear-gradient(104.72deg, rgba(192, 164, 82, 0.2) 10.1%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 991px) {
  .gift-card-view {
    padding: 140px 0 80px 0;
    margin: -32px 0;
  }
}
.gift-card-view__sparkles {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
  pointer-events: none;
}
.gift-card-view .container {
  position: relative;
  z-index: 1;
  width: 617px;
  max-width: 100%;
}
.gift-card-view .profile-gift-cards-data__card {
  display: flex;
  position: relative;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1200px) {
  .gift-card-view .profile-gift-cards-data__card {
    transform: none !important;
    left: 0;
  }
}
@media (max-width: 991px) {
  .gift-card-view .profile-gift-cards-data__card {
    margin-right: -24px;
  }
}
@media (max-width: 991px) {
  .gift-card-view .profile-gift-cards-data__card--from {
    font-size: 14px;
    top: 28px;
    left: 32px;
  }
}
@media (max-width: 1200px) {
  .gift-card-view .profile-gift-cards-data__card--title {
    font-size: 20px;
    bottom: 45%;
  }
}
@media (max-width: 991px) {
  .gift-card-view .profile-gift-cards-data__card--title {
    font-size: 20px;
    bottom: 45%;
  }
}
.gift-card-view__panel {
  position: relative;
  z-index: 1;
  padding: 0 32px 32px 32px;
  border: 1px solid #F6F6F7;
  border-radius: 16px;
  background: rgb(255, 255, 255);
  box-shadow: 0 24px 70px rgba(45, 48, 56, 0.08);
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .gift-card-view__panel {
    padding: 0 16px 16px 16px;
    margin-bottom: 24px;
  }
}
.gift-card-view__message {
  margin-bottom: 40px;
  padding: 8px 12px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  border-radius: 8px;
  background: #EFEAD2;
  color: #795C2C;
  gap: 8px;
}
@media (max-width: 991px) {
  .gift-card-view__message {
    margin-bottom: 32px;
  }
}
.gift-card-view__message svg {
  flex: 0 0 auto;
  margin-top: 3px;
}
.gift-card-view__message p {
  margin: 0;
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
}
.gift-card-view__info-title {
  margin-bottom: 12px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 28px;
}
@media (max-width: 991px) {
  .gift-card-view__info-title {
    font-size: 14px;
    line-height: 22px;
  }
}
.gift-card-view__info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 32px;
  align-items: center;
}
.gift-card-view__info-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: #8D9199;
  font-size: 14px;
  font-weight: var(--font-weight-400);
  line-height: 24px;
}
@media (max-width: 991px) {
  .gift-card-view__info-label {
    font-size: 12px;
    line-height: 18px;
  }
}
.gift-card-view__info-label .icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #b1a2e3;
}
.gift-card-view__info-label .icon svg {
  width: 18px;
  height: 18px;
}
.gift-card-view__copy, .gift-card-view__amount {
  justify-self: start;
  margin: 0;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  font-weight: var(--font-weight-700);
  line-height: 24px;
  margin-right: auto;
}
@media (max-width: 991px) {
  .gift-card-view__copy, .gift-card-view__amount {
    font-size: 12px;
    line-height: 18px;
  }
}
.gift-card-view__copy {
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border: 0;
  background: transparent;
  cursor: pointer;
  flex-direction: row-reverse;
}
.gift-card-view__copy .icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #C4C6CF;
}
.gift-card-view__actions {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 16px;
}
@media (max-width: 991px) {
  .gift-card-view__actions {
    flex-direction: column;
    gap: 12px;
  }
}
.gift-card-view__actions .primary-button {
  min-width: 214px;
  max-width: 100%;
}
@media (max-width: 991px) {
  .gift-card-view__actions .primary-button {
    width: 100%;
    height: 40px;
    font-size: 14px;
  }
}

.about-page-hero {
  padding-bottom: 160px;
}
@media (max-width: 1200px) {
  .about-page-hero {
    padding-bottom: 80px;
  }
}
@media (max-width: 1024px) {
  .about-page-hero {
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .about-page-hero {
    padding-bottom: 32px;
  }
}
.about-page-hero__picture {
  margin-bottom: 120px;
  position: relative;
}
@media (max-width: 991px) {
  .about-page-hero__picture {
    margin-bottom: 130px;
  }
}
.about-page-hero__picture--image {
  height: 380px;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .about-page-hero__picture--image {
    height: 180px;
    border-radius: 4px;
  }
}
.about-page-hero__picture--info {
  position: absolute;
  bottom: -40px;
  left: 120px;
  padding: 24px;
  width: 420px;
  border-radius: 8px;
  background: var(--accent-color-purple-10, #f7f5fd);
  display: flex;
  gap: 16px;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .about-page-hero__picture--info {
    left: 40px;
    gap: 8px;
  }
}
@media (max-width: 991px) {
  .about-page-hero__picture--info {
    left: 16px;
    width: calc(100% - 32px);
    gap: 4px;
    bottom: -98px;
    padding: 12px;
  }
}
.about-page-hero__picture--info-title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 0;
  line-height: 64px;
}
@media (max-width: 1024px) {
  .about-page-hero__picture--info-title {
    font-size: 32px;
    line-height: 48px;
  }
}
@media (max-width: 991px) {
  .about-page-hero__picture--info-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.5px;
  }
}
.about-page-hero__picture--info-description {
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .about-page-hero__picture--info-description {
    font-size: 12px;
    line-height: 24px;
  }
}
.about-page-hero__more {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 294px;
}
@media (max-width: 1200px) {
  .about-page-hero__more {
    gap: 120px;
  }
}
.about-page-hero__more--arrow {
  width: 140px;
  min-width: 140px;
  height: 140px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  background: url("/build/assets/bg3-3Q8y-Frt.png") #b1a2e3 center center repeat;
  mix-blend-mode: multiply;
}
@media (max-width: 991px) {
  .about-page-hero__more--arrow {
    display: none;
  }
}
.about-page-hero__more--details {
  margin-top: 10px;
  position: relative;
  padding-left: 28px;
  padding-right: 118px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  line-height: 32px;
}
@media (max-width: 991px) {
  .about-page-hero__more--details {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 16px;
    font-size: 12px;
    line-height: 24px;
  }
}
.about-page-hero__more--details:before {
  content: "";
  position: absolute;
  right: 0;
  top: 14px;
  background: #a8abb4;
  width: 106px;
  height: 1px;
  display: block;
}
@media (max-width: 991px) {
  .about-page-hero__more--details:before {
    top: 0;
  }
}

#about-page-map {
  position: relative;
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  #about-page-map {
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  #about-page-map {
    margin-bottom: 64px;
  }
}
#about-page-map:before {
  content: "";
  position: absolute;
  right: 0;
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  top: 88px;
  width: 100%;
  pointer-events: none;
  height: calc(100% - 176px);
  display: block;
}
@media (max-width: 991px) {
  #about-page-map:before {
    top: 0;
    height: calc(100% - 62px);
  }
}

.about-page-map {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
@media (max-width: 991px) {
  .about-page-map {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
}
.about-page-map__description {
  padding-top: 88px;
  padding-bottom: 88px;
  max-width: 708px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .about-page-map__description {
    width: 100%;
    padding-top: 32px;
    gap: 16px;
    max-width: 100%;
    padding-bottom: 0;
  }
}
.about-page-map__description--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  margin: 0;
  padding-left: 148px;
  position: relative;
  letter-spacing: -1px;
}
@media (max-width: 991px) {
  .about-page-map__description--title {
    padding-bottom: 12px;
    padding-left: 0;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
  }
}
.about-page-map__description--title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 28px;
  background: #cebb76;
  width: 140px;
  height: 1px;
  display: block;
}
@media (max-width: 991px) {
  .about-page-map__description--title:before {
    left: unset;
    right: 0;
    top: unset;
    width: 96px;
    bottom: 0;
  }
}
.about-page-map__description--details {
  color: #74777F;
  font-size: 14px;
  line-height: 24px;
}
.about-page-map__iran {
  flex: 0 0 510px;
  max-width: 510px;
  position: relative;
}
.about-page-map__iran > svg {
  width: 100%;
  height: auto;
}
.about-page-map__iran--over {
  display: flex;
  position: absolute;
  bottom: 24px;
  right: 32px;
  transition: all 0.5s;
  opacity: 0;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  text-align: center;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .about-page-map__iran--over {
    font-size: 6.961px;
    line-height: 13.922px;
    letter-spacing: -0.29px;
    gap: 1.6px;
    bottom: 24px;
    right: 24px;
    opacity: 1;
  }
  .about-page-map__iran--over svg {
    width: 19.184px;
    height: 26.104px;
  }
}
.about-page-map__iran:hover .about-page-map__iran--over {
  opacity: 1;
}
@media (max-width: 1200px) {
  .about-page-map__iran {
    flex: 0 0 440px;
    max-width: 440px;
  }
}
@media (max-width: 1200px) and (max-width: 991px) {
  .about-page-map__iran {
    flex: 0 0 calc(100% - 48px);
    max-width: calc(100% - 48px);
  }
}

.about-page-slug {
  padding-bottom: 80px;
  padding-right: 120px;
  padding-left: 150px;
  display: flex;
  gap: 32px;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .about-page-slug {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 1024px) {
  .about-page-slug {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .about-page-slug {
    gap: 16px;
    padding-bottom: 32px;
    flex-direction: column-reverse;
  }
}
.about-page-slug__info {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .about-page-slug__info {
    position: relative;
    padding-right: 56px;
    min-height: 48px;
  }
}
.about-page-slug__info--picture {
  margin-bottom: 16px;
  border-radius: 50%;
  width: 140px;
  min-width: 140px;
  height: 140px;
  filter: grayscale(100%);
}
@media (max-width: 991px) {
  .about-page-slug__info--picture {
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    min-width: 48px;
    height: 48px;
  }
}
.about-page-slug__info--name {
  color: var(--accent-color-anzac-100, #977337);
  font-size: 24px;
  letter-spacing: -0.5px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 2px;
}
@media (max-width: 991px) {
  .about-page-slug__info--name {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
  }
}
.about-page-slug__info--title {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: var(--Primary-Colors-Bunker, #8d9199);
}
@media (max-width: 991px) {
  .about-page-slug__info--title {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
  }
}
.about-page-slug__description {
  color: var(--primary-colors-aluminium-80, #c4c6cf);
  font-size: 32px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: -1px;
  width: 688px;
}
.about-page-slug__description:before {
  content: "“";
}
.about-page-slug__description:after {
  content: "”";
}
@media (max-width: 1024px) {
  .about-page-slug__description {
    line-height: 48px;
  }
}
@media (max-width: 991px) {
  .about-page-slug__description {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
  }
}
.about-page-slug__description h2 {
  display: inline;
  margin: 0;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 32px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: -1px;
}
@media (max-width: 991px) {
  .about-page-slug__description h2 {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
  }
}
.about-page-slug__description:has(h2):before {
  font-size: 32px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: -1px;
  color: var(--accent-color-purple-100, #7e57c5);
}
@media (max-width: 991px) {
  .about-page-slug__description:has(h2):before {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
  }
}

.about-page-banner {
  position: relative;
  cursor: none;
}
@media (max-width: 991px) {
  .about-page-banner {
    display: none;
  }
}
.about-page-banner--picture {
  height: 576px;
}
.about-page-banner .cursor-move {
  width: 320px;
  height: 320px;
  left: calc(100% - 320px);
  opacity: 1;
  mix-blend-mode: multiply;
}
.about-page-banner .cursor-move:before {
  box-shadow: 0px 8px 8px 0px rgba(213, 176, 58, 0.05) inset;
  filter: blur(3px);
  background: var(--accent-color-anzac-20, #e0d6a8);
  mix-blend-mode: normal !important;
}

@media (max-width: 991px) {
  #about-page-certificates {
    background: var(--primary-colors-aluminium-10, #fafafa);
  }
  #about-page-certificates .container {
    padding: 0;
  }
  #about-page-certificates .container .section-title {
    padding: 0 16px;
  }
  #about-page-certificates .container .about-page-certificates__slider--slides {
    padding: 0 16px;
  }
  #about-page-certificates .container .about-page-certificates__slider--slides .splide__track {
    padding-right: 16px !important;
    padding-left: 16px !important;
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
}

.about-page-certificates {
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .about-page-certificates {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .about-page-certificates {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.about-page-certificates .section-title {
  margin-bottom: 64px;
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 991px) {
  .about-page-certificates .section-title {
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
  }
  .about-page-certificates .section-title h2 span {
    background: var(--primary-colors-aluminium-10, #fafafa);
  }
}
.about-page-certificates .section-title p {
  padding-left: 80px;
  padding-right: 80px;
}
@media (max-width: 991px) {
  .about-page-certificates .section-title p {
    padding-left: 0;
    padding-right: 0;
  }
}
.about-page-certificates .splide__slide {
  flex: 0 0 calc(25% - 24px);
  margin-left: 32px;
  padding: 32px;
  background: var(--primary-colors-aluminium-60, #e0e2e5);
}
@media (max-width: 1024px) {
  .about-page-certificates .splide__slide {
    flex: 0 0 calc(33.33% - 21.33px);
  }
}
@media (max-width: 991px) {
  .about-page-certificates .splide__slide {
    padding: 16px;
    margin-left: 16px;
    flex: 0 0 calc(33.33% - 10.66px);
  }
}
@media (max-width: 768px) {
  .about-page-certificates .splide__slide {
    flex: 0 0 calc(50% - 8px);
  }
}
.about-page-certificates .splide__pagination {
  margin-top: 16px;
}
.about-page-certificates__item {
  width: 100%;
  height: 100%;
  background-color: #fafafa;
  position: relative;
  padding-top: 26px;
  padding-bottom: 26px;
}
@media (max-width: 991px) {
  .about-page-certificates__item {
    padding: 12px;
  }
}
.about-page-certificates__item--picture {
  transition: all 0.3s;
}
.about-page-certificates__item--over {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 153px;
  height: calc(100% - 52px);
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(126, 87, 197, 0.4) 0%, rgba(126, 87, 197, 0.15) 100%), rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: all 0.3s;
  padding: 12px;
}
.about-page-certificates__item--over span {
  background: linear-gradient(0deg, #7e57c5 0%, #3d2a5f 85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 28px;
}
@media (max-width: 991px) {
  .about-page-certificates__item--over {
    display: none;
  }
}
.about-page-certificates__item:hover .about-page-certificates__item--picture {
  opacity: 0;
}
@media (max-width: 991px) {
  .about-page-certificates__item:hover .about-page-certificates__item--picture {
    opacity: 1;
  }
}
.about-page-certificates__item:hover .about-page-certificates__item--over {
  opacity: 1;
}

.about-page-brands {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1024px) {
  .about-page-brands {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .about-page-brands {
    padding-top: 32px;
    padding-bottom: 0;
  }
}
.about-page-brands__head {
  margin-bottom: 80px;
  display: flex;
  gap: 32px;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .about-page-brands__head {
    margin-bottom: 24px;
    gap: 8px;
    flex-direction: column;
    justify-content: unset;
  }
}
.about-page-brands__head--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 48px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .about-page-brands__head--title {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
  }
}
.about-page-brands__head--description {
  width: 685px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 16px;
  line-height: 32px;
  margin: 0;
}
@media (max-width: 1200px) {
  .about-page-brands__head--description {
    width: 580px;
  }
}
@media (max-width: 1024px) {
  .about-page-brands__head--description {
    width: 480px;
  }
}
@media (max-width: 991px) {
  .about-page-brands__head--description {
    width: 100%;
  }
}
.about-page-brands .splide__slide {
  flex: 0 0 calc(20% - 44.8px);
  margin-left: 56px;
}
@media (max-width: 1200px) {
  .about-page-brands .splide__slide {
    flex: 0 0 calc(20% - 25.6px);
    margin-left: 32px;
  }
}
@media (max-width: 1024px) {
  .about-page-brands .splide__slide {
    flex: 0 0 calc(25% - 24px);
  }
}
@media (max-width: 991px) {
  .about-page-brands .splide__slide {
    margin-left: 8px;
    flex: 0 0 150px;
    width: 150px;
  }
}
.about-page-brands .splide__slide img, .about-page-brands .splide__slide svg {
  border-radius: 16px;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .about-page-brands .splide__slide img, .about-page-brands .splide__slide svg {
    border-radius: 8px;
  }
}
.about-page-brands .splide__slide .about-page-brands__items--item {
  height: 100%;
  background: var(--primary-colors-aluminium-20);
  border-radius: 24px;
  transition: 0.3s ease-out;
}
.about-page-brands .splide__slide .about-page-brands__items--item:hover {
  background: var(--primary-colors-aluminium-40);
}
.about-page-brands .splide__pagination {
  margin-top: 16px;
}

@media (max-width: 991px) {
  #about-page-brands .container .about-page-brands__head {
    padding: 0 16px;
  }
  #about-page-brands .container .about-page-brands__items .splide__track {
    padding-right: 16px !important;
    padding-left: 16px !important;
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
}

#contact-page-hero {
  background: var(--primary-colors-aluminium-10, #fafafa);
  margin-top: -80px;
}
@media (max-width: 1200px) {
  #contact-page-hero {
    margin-top: -40px;
  }
}
@media (max-width: 991px) {
  #contact-page-hero {
    margin-top: -32px;
  }
}

.contact-page-hero {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  .contact-page-hero {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .contact-page-hero {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.contact-page-hero__head {
  margin-bottom: 64px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 991px) {
  .contact-page-hero__head {
    flex-direction: column;
    justify-content: unset;
    gap: 16px;
    margin-bottom: 16px;
  }
}
.contact-page-hero__head--title {
  display: flex;
  flex-direction: column;
  font-size: 40px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -1px;
}
@media (max-width: 991px) {
  .contact-page-hero__head--title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.5px;
    font-weight: 600;
  }
}
.contact-page-hero__head--title span {
  color: var(--primary-colors-bunker-20, #74777f);
}
.contact-page-hero__head--title strong {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: 700;
}
@media (max-width: 991px) {
  .contact-page-hero__head--title strong {
    font-weight: 600;
  }
}
.contact-page-hero__head--description {
  width: 570px;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .contact-page-hero__head--description {
    font-size: 12px;
    width: 100%;
  }
}
.contact-page-hero__head--description p {
  margin: 0;
}
.contact-page-hero__head--description .icon {
  width: 32px;
  height: 32px;
  position: relative;
  color: #7e57c5;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .contact-page-hero__head--description .icon {
    display: none;
  }
}
.contact-page-hero__head--description .icon svg {
  position: relative;
  z-index: 1;
}
.contact-page-hero__head--description .icon:before {
  content: "";
  position: absolute;
  right: 1px;
  top: 1px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  background-color: var(--accent-color-purple-20, #f0edfa);
  pointer-events: none;
}
.contact-page-hero__links {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .contact-page-hero__links {
    gap: 16px;
  }
}
.contact-page-hero__links--link {
  flex: 0 0 calc(25% - 18px);
  max-width: calc(25% - 18px);
  display: flex;
  align-items: center;
  border-radius: 8px;
  background: var(--primary-colors-aluminium-40, #eef0f1);
  position: relative;
  transition: 0.3s ease-out;
  gap: 36px;
  padding: 36px 24px;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 1400px) {
  .contact-page-hero__links--link {
    padding: 24px 16px;
    gap: 24px;
  }
}
@media (max-width: 1200px) {
  .contact-page-hero__links--link {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media (max-width: 991px) {
  .contact-page-hero__links--link {
    padding: 8px;
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.contact-page-hero__links--link:hover .contact-page-hero__links--link-chat_icon {
  transform: translateX(-3px);
}
.contact-page-hero__links--link-title {
  margin-bottom: 0;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  letter-spacing: -0.5px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .contact-page-hero__links--link-title {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
    margin-bottom: 2px;
  }
}
.contact-page-hero__links--link-more {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .contact-page-hero__links--link-more {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: normal;
  }
}
.contact-page-hero__links--link-chat {
  font-size: 14px;
  font-weight: 700;
  color: var(--primary-colors-bunker-80, #2d3038);
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: 24px;
  letter-spacing: -0.5px;
  padding-top: 8px;
  padding-bottom: 8px;
  min-width: 164px;
}
@media (max-width: 991px) {
  .contact-page-hero__links--link-chat {
    padding-top: unset;
    padding-bottom: unset;
    min-width: unset;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 18px;
  }
}
.contact-page-hero__links--link-chat_icon {
  transition: 0.3s ease-out;
}
.contact-page-hero__links--link-chat_icon svg {
  display: block;
}
.contact-page-hero__links--link .text {
  flex: 1;
  text-align: left;
}
@media (max-width: 991px) {
  .contact-page-hero__links--link .text {
    text-align: right;
  }
}
.contact-page-hero__links--link .icon {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  color: #43474e;
  position: relative;
  transition: 0.3s ease-out;
  pointer-events: none;
}
@media (max-width: 991px) {
  .contact-page-hero__links--link .icon {
    position: static;
    width: 32px;
    height: 32px;
    position: relative;
    right: 4px;
    top: unset;
    transform: unset;
    margin-top: 2px;
  }
}
.contact-page-hero__links--link .icon svg {
  position: relative;
  z-index: 1;
}
.contact-page-hero__links--link .icon:before {
  transition: 0.3s ease-out;
  content: "";
  position: absolute;
  right: 1.5px;
  top: 1.5px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: block;
  background-color: var(--primary-colors-aluminium-60, #e0e2e5);
  pointer-events: none;
}
@media (max-width: 991px) {
  .contact-page-hero__links--link .icon:before {
    right: -4px;
    top: -2px;
    width: 30px;
    height: 30px;
  }
}
.contact-page-hero__links--link.right .text {
  text-align: right;
}
.contact-page-hero__links--link:hover {
  background: var(--accent-color-purple-10, #f7f5fd);
}
.contact-page-hero__links--link:hover .icon {
  color: #7e57c5;
}
.contact-page-hero__links--link:hover .icon:before {
  background-color: var(--accent-color-purple-40, #e2def6);
}

.contact-page-form {
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  gap: 24px;
}
@media (max-width: 1200px) {
  .contact-page-form {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .contact-page-form {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.contact-page-form__cover {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  width: 807px;
  max-width: 100%;
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .contact-page-form__cover {
    display: none;
  }
}
.contact-page-form__cover--arrow {
  position: absolute;
  bottom: 0;
  left: calc(100% - 140px);
  width: 140px;
  height: 140px;
  border-radius: 50%;
  z-index: 1;
}
.contact-page-form__cover--arrow::before {
  background: #B1A2E3;
  opacity: 0.8;
}
.contact-page-form__cover--picture {
  filter: grayscale(100%);
}
.contact-page-form__details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 0;
  min-width: 0;
}
@media (max-width: 991px) {
  .contact-page-form__details {
    gap: 16px;
  }
}
.contact-page-form__details--social {
  border-radius: 16px;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  padding: 42px 32px;
  gap: 16px;
}
@media (max-width: 991px) {
  .contact-page-form__details--social {
    border-radius: 8px;
    padding: 16px;
  }
}
.contact-page-form__details--social-link {
  width: 56px;
  height: 56px;
  border-radius: 14.878px;
  background: var(--accent-color-purple-20, #f0edfa);
  color: #7e57c5;
}
.contact-page-form__details--social-link svg {
  width: 40px;
  height: 40px;
}
.contact-page-form__details--social-link svg path {
  transition: 0.3s ease-out;
}
.contact-page-form__details--social-link svg path[fill] {
  fill: #7e57c5;
}
.contact-page-form__details--social-link svg path[stroke] {
  stroke: #7e57c5;
}
.contact-page-form__details--social-link:hover svg path[fill] {
  fill: #fff;
}
.contact-page-form__details--social-link:hover svg path[stroke] {
  stroke: #fff;
}
@media (max-width: 991px) {
  .contact-page-form__details--social-link {
    width: 32px;
    height: 32px;
    padding: 4px;
  }
  .contact-page-form__details--social-link:has(svg:nth-child(2)) svg:nth-child(1) {
    display: none;
  }
  .contact-page-form__details--social-link:has(svg:nth-child(2)) svg:nth-child(2) {
    display: block;
  }
}
.contact-page-form__details--social-link:hover {
  background-color: #7e57c5;
  color: var(--primary-colors-aluminium-20, #f6f6f7);
}
.contact-page-form--data {
  position: relative;
  border-radius: 16px;
  border: 1px solid var(--primary-colors-aluminium-60, #e0e2e5);
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  padding: 24px 32px;
  flex: 1;
}
@media (max-width: 991px) {
  .contact-page-form--data {
    border-radius: 8px;
    padding: 16px;
  }
  .contact-page-form--data .primary-button {
    width: 100%;
  }
}
.contact-page-form--data__title {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 32px;
}
@media (max-width: 991px) {
  .contact-page-form--data__title {
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 28px;
  }
}
.contact-page-form--data__description {
  margin-bottom: 24px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .contact-page-form--data__description {
    font-size: 12px;
  }
}
.contact-page-form--data .form-groups {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
.contact-page-form--data .form-groups .form-group {
  margin-bottom: 0;
  --ss-main-height: 48px;
}
.contact-page-form--data .form-groups .form-group input.form-control.error,
.contact-page-form--data .form-groups .form-group textarea.form-control.error,
.contact-page-form--data .form-groups .form-group select.custom-select.error {
  color: var(--alert-color-error-100, #dc4040);
  border-color: var(--alert-color-error-100, #dc4040);
}
.contact-page-form--data .form-groups .form-group textarea {
  height: 114px;
  max-height: 114px;
  resize: none;
}
@media (max-width: 991px) {
  .contact-page-form--data .form-groups .form-group textarea {
    height: 80px;
    padding: 8px;
  }
}
@media (max-width: 991px) {
  .contact-page-form--data .form-groups .form-group input[type=text],
  .contact-page-form--data .form-groups .form-group input[type=email],
  .contact-page-form--data .form-groups .form-group input[type=password] {
    font-size: 12px;
  }
  .contact-page-form--data .form-groups .form-group .ss-main .ss-values .ss-single {
    font-size: 12px;
  }
}

.contact-page-map {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .contact-page-map {
    border-radius: 16px 16px 0px 0px;
    margin-left: -16px;
    margin-right: -16px;
  }
}
.contact-page-map .map-contact {
  height: 340px;
  width: 100%;
  z-index: 1;
}
.contact-page-map .map-contact canvas {
  width: 100% !important;
}
.contact-page-map .map-contact .ol-control {
  display: none;
}
@media (max-width: 991px) {
  .contact-page-map .map-contact {
    height: 437px;
  }
}
.contact-page-map__over {
  position: absolute;
  top: 0;
  left: 0;
  width: 340px;
  height: 100%;
  z-index: 2;
  background: linear-gradient(110.97deg, rgba(255, 255, 255, 0.5) -4.87%, rgba(255, 255, 255, 0) 103.95%);
  backdrop-filter: blur(4px);
}
@media (max-width: 991px) {
  .contact-page-map__over {
    top: unset;
    bottom: 0;
    width: 100%;
    height: unset;
  }
}
.contact-page-map__over--content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  height: 100%;
}
.contact-page-map__over--content ul li {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #E0D6A8;
}
.contact-page-map__over--content ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.contact-page-map__over--content-phone {
  position: absolute;
  left: -16px;
  top: 0;
  background-color: #fff;
  padding: 3px 10px;
  border-radius: 0 12px 12px 0;
  transition: max-width 0.3s ease-out;
  max-width: 40px;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 24px;
  font-weight: 600;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  line-height: 18px;
  justify-content: flex-end;
  gap: 4px;
}
.contact-page-map__over--content-phone > span:first-child {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-out;
  transform: translateX(-4px);
}
@media (max-width: 991px) {
  .contact-page-map__over--content-phone > span:first-child {
    opacity: 1;
    visibility: visible;
    transform: none;
    position: relative;
    top: 2px;
  }
}
@media (max-width: 991px) {
  .contact-page-map__over--content-phone {
    font-weight: 400;
    flex-direction: row-reverse;
    padding: 0;
    line-height: 24px;
    right: 20px;
    max-width: none;
    background: transparent;
    font-size: 12px;
    left: unset;
    border-radius: unset;
    width: unset;
    bottom: 0;
    top: unset;
  }
}
.contact-page-map__over--content-phone_icon {
  width: 18px;
  height: 18px;
  color: #43474e;
}
@media (max-width: 991px) {
  .contact-page-map__over--content-phone_icon {
    width: 16px;
    height: 16px;
  }
}
.contact-page-map__over--content-phone:hover {
  max-width: 200px;
}
.contact-page-map__over--content-phone:hover span {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
@media (max-width: 991px) {
  .contact-page-map__over--content-phone:hover {
    max-width: unset;
  }
}
.contact-page-map__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 991px) {
  .contact-page-map__item {
    gap: 6px;
  }
  .contact-page-map__item:has(.contact-page-map__over--content-phone) {
    position: relative;
    padding-bottom: 28px;
  }
}
.contact-page-map__item--address {
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  padding-top: 2px;
  padding-right: 20px;
}
@media (max-width: 991px) {
  .contact-page-map__item--address {
    padding-top: 0;
  }
}
.contact-page-map__item--work {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
  gap: 8px;
}
.contact-page-map__item--work-hour {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.contact-page-map__item--work-hour strong {
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  margin-left: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.contact-page-map__item--work-hour span {
  padding: 2px 8px;
  border-radius: 4px;
  background: #43474E;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.contact-page-map__item--head {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.5px;
}
@media (max-width: 991px) {
  .contact-page-map__item--head {
    letter-spacing: normal;
    font-size: 12px;
    line-height: 18px;
    position: static;
  }
}
.contact-page-map__item--head .icon [stroke=black] {
  display: none;
}

.general-page__title {
  margin-bottom: 16px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 64px;
}
@media (max-width: 991px) {
  .general-page__title {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.5px;
    color: var(--primary-colors-bunker-80, #2d3038);
  }
}
.general-page__date {
  margin-bottom: 40px;
  font-size: 16px;
  color: var(--primary-colors-bunker-20, #74777f);
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 991px) {
  .general-page__date {
    margin-bottom: 24px;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 18px;
  }
}
.general-page__date span {
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 2px 8px;
  font-size: 12px;
  color: var(--accent-color-anzac-80, #b08f42);
  font-weight: 600;
  line-height: 18px;
}
.general-page__summary {
  margin-bottom: 24px;
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 16px;
  line-height: 32px;
}
@media (max-width: 991px) {
  .general-page__summary {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 24px;
  }
}
.general-page__content h4 {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.5px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .general-page__content h4 {
    margin-bottom: 8px;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 18px;
  }
}
.general-page__content p {
  margin-bottom: 24px;
  color: var(--primary-colors-bunker-40, #5b5e66);
  font-size: 16px;
  line-height: 32px;
}
@media (max-width: 991px) {
  .general-page__content p {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 24px;
    color: var(--Primary-Colors-Bunker, #8d9199);
  }
}
.general-page__content img {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 24px;
}

.blog-page-hero {
  padding-bottom: 80px;
  display: flex;
  gap: 24px;
}
@media (max-width: 1200px) {
  .blog-page-hero {
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .blog-page-hero {
    padding-bottom: 32px;
  }
}
.blog-page-hero__section {
  position: relative;
}
.blog-page-hero__section .related-posts__list--learning-over_in a {
  cursor: pointer;
}
.blog-page-hero__section:first-child {
  flex: 0 0 57.643%;
  max-width: 57.643%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991px) {
  .blog-page-hero__section:first-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.blog-page-hero__section:last-child {
  flex: 1;
}
@media (max-width: 991px) {
  .blog-page-hero__section:last-child {
    display: none;
  }
}
.blog-page-hero__section--last {
  position: relative;
  overflow: hidden;
  max-height: 415px;
  flex: 1;
}
@media (max-width: 991px) {
  .blog-page-hero__section--last {
    display: none;
  }
}
.blog-page-hero__section--last > a {
  display: block;
  overflow: hidden;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}
.blog-page-hero__section--last > a img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s ease-out;
}
.blog-page-hero__section--last:hover img {
  transform: scale(1.05);
}
.blog-page-hero__section--last-over {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: absolute;
  right: 24px;
  top: 24px;
}
.blog-page-hero__section--last-over_date {
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}
.blog-page-hero__section--last-over_title {
  max-width: 348px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 24px;
  font-weight: var(--font-weight-600);
  line-height: 32px;
  letter-spacing: -0.5px;
  margin-bottom: 0;
}
.blog-page-hero__section--slides {
  overflow: hidden;
  border-radius: 8px;
  background: #eef0f1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  min-height: 210px;
}
@media (max-width: 991px) {
  .blog-page-hero__section--slides {
    background: transparent;
    padding: 0;
    border-radius: 0;
    min-height: auto;
  }
}
.blog-page-hero__section--slides-title {
  margin-bottom: 12px;
  background: var(--accent-color-anzac-10, #efead2);
  display: flex;
  border-radius: 4px;
  padding: 4px 8px;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 16px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  position: absolute;
  top: 32px;
  right: 32px;
}
@media (max-width: 991px) {
  .blog-page-hero__section--slides-title {
    display: none;
  }
}
.blog-page-hero__section--slides .splide__slide {
  padding: 70px 32px 28px 32px;
  flex: 0 0 100%;
}
@media (max-width: 991px) {
  .blog-page-hero__section--slides .splide__slide {
    padding: 0 0 12px 0;
  }
}
.blog-page-hero__section--slides .splide__pagination {
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .blog-page-hero__section--slides .splide__pagination {
    margin-bottom: 0;
  }
}
.blog-page-hero__slide {
  display: flex;
  flex-direction: column;
}
.blog-page-hero__slide--image {
  display: none;
  margin-bottom: 8px;
  border-radius: 8px;
  height: 177px;
  order: 0;
}
@media (max-width: 991px) {
  .blog-page-hero__slide--image {
    display: block;
  }
}
.blog-page-hero__slide--title {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 32px;
  font-weight: var(--font-weight-600);
  line-height: 48px;
  letter-spacing: -1px;
  padding-left: 130px;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 1400px) {
  .blog-page-hero__slide--title {
    padding-left: 80px;
  }
}
@media (max-width: 1200px) {
  .blog-page-hero__slide--title {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .blog-page-hero__slide--title {
    line-height: 28px;
    color: var(--primary-colors-bunker-80, #2d3038);
    font-size: 16px;
    letter-spacing: -0.5px;
    margin-bottom: 0;
    order: 2;
  }
}
.blog-page-hero__slide--date {
  color: var(--accent-color-anzac-100, #977337);
  line-height: 24px;
  font-size: 12px;
  display: flex;
  gap: 4px;
}
@media (max-width: 991px) {
  .blog-page-hero__slide--date {
    order: 1;
  }
}
@media (max-width: 768px) {
  .blog-page-hero .splide__track {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

#last-blog-posts .last-blog-posts__post:nth-child(8) {
  display: none;
}
@media (max-width: 1200px) {
  #last-blog-posts .last-blog-posts__post:nth-child(8) {
    display: block;
  }
}

#blog-page-hero .breadcrumb {
  margin-bottom: 40px;
  padding-top: 24px;
}
@media (max-width: 991px) {
  #blog-page-hero .breadcrumb {
    margin-bottom: 32px;
    padding: 16px 16px 0;
  }
}
@media (max-width: 991px) {
  #blog-page-hero > .container {
    padding: 0;
  }
}

.last-blog-posts {
  padding-top: 80px;
  padding-bottom: 48px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1200px) {
  .last-blog-posts {
    padding-top: 40px;
  }
}
@media (max-width: 991px) {
  .last-blog-posts {
    padding-top: 32px;
    padding-bottom: 32px;
    gap: 16px;
  }
}
.last-blog-posts__post {
  flex: 0 0 calc(25% - 18px);
  max-width: calc(25% - 18px);
}
@media (max-width: 1200px) {
  .last-blog-posts__post {
    flex: 0 0 calc(33.33% - 16px);
    max-width: calc(33.33% - 16px);
  }
}
@media (max-width: 991px) {
  .last-blog-posts__post {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}
.last-blog-posts__post--big {
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
  max-height: 537px;
}
@media (max-width: 1200px) {
  .last-blog-posts__post--big {
    flex: 0 0 calc(66.66% - 8px);
    max-width: calc(66.66% - 8px);
  }
}
@media (max-width: 991px) {
  .last-blog-posts__post--big {
    display: none;
  }
}
.last-blog-posts__post--big .related-posts__list--learning-over {
  left: 124px;
  right: 24px;
  bottom: 24px;
}
.last-blog-posts__post--big .related-posts__list--learning-over_in a {
  cursor: pointer;
}
@media (max-width: 1024px) {
  .last-blog-posts__post--big .related-posts__list--learning-over {
    left: 24px;
  }
}
.last-blog-posts__post--mobile-hide img {
  transition: 0.3s ease-out;
}
.last-blog-posts__post--mobile-hide .related-posts__list--learning-over {
  transition: 0.3s ease-out;
  opacity: 0;
}
.last-blog-posts__post--mobile-hide .related-posts__list--learning-over_in h4 {
  font-size: 14px;
  font-weight: var(--font-weight-600);
  line-height: 22px;
  letter-spacing: -0.5px;
}
.last-blog-posts__post--mobile-hide:hover img {
  transform: scale(1.05);
}
.last-blog-posts__post--mobile-hide:hover .related-posts__list--learning-over {
  opacity: 1;
}
@media (max-width: 991px) {
  .last-blog-posts__post--mobile-hide {
    display: none;
  }
}
.last-blog-posts__post--special {
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
}
.last-blog-posts__post--special .cursor-move {
  background-color: #c0a452;
  font-size: 16px;
  color: var(--White, #fff);
  font-weight: var(--font-weight-600);
  line-height: 28px;
  letter-spacing: -0.5px;
}
.last-blog-posts__more {
  margin-bottom: 80px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-anzac-60, #c0a452);
  line-height: 32px;
  font-weight: 700;
  letter-spacing: -0.5px;
  font-size: 16px;
}
@media (max-width: 1200px) {
  .last-blog-posts__more {
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .last-blog-posts__more {
    margin-bottom: 32px;
  }
}
.last-blog-posts__more .icon {
  width: 24px;
  height: 24px;
  transition: 0.3s ease-out;
}
.last-blog-posts__more:hover .icon {
  transform: translateY(2px);
}

#blog-page-most-visited {
  background: var(--primary-colors-aluminium-10, #fafafa);
}

.blog-page-most-visited {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  .blog-page-most-visited {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .blog-page-most-visited {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.blog-page-most-visited .section-title {
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .blog-page-most-visited .section-title {
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
  }
}
.blog-page-most-visited .section-title h2 span {
  background: var(--primary-colors-aluminium-10, #fafafa);
}
.blog-page-most-visited .section-title p {
  padding-left: 80px;
  padding-right: 80px;
}
@media (max-width: 991px) {
  .blog-page-most-visited .section-title p {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .blog-page-most-visited .splide__track {
    padding-right: 16px !important;
    padding-left: 16px !important;
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
}

.blog-page__slider .splide__slide {
  flex: 0 0 calc(25% - 18px);
  margin-left: 24px;
}
@media (max-width: 1024px) {
  .blog-page__slider .splide__slide {
    flex: 0 0 calc(33.33% - 16px);
  }
}
@media (max-width: 991px) {
  .blog-page__slider .splide__slide {
    flex: 0 0 calc(50% - 8px);
    margin-left: 16px;
  }
}
.blog-page__slider .splide__pagination {
  margin-top: 16px;
}

.blog-page-learning-video {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  .blog-page-learning-video {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .blog-page-learning-video {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.blog-page-learning-video__head {
  margin-bottom: 56px;
  display: flex;
  flex-direction: column;
  padding-left: 547px;
  position: relative;
  gap: 32px;
}
@media (max-width: 1400px) {
  .blog-page-learning-video__head {
    padding-left: 400px;
  }
}
@media (max-width: 1200px) {
  .blog-page-learning-video__head {
    padding-left: 332px;
  }
}
@media (max-width: 991px) {
  .blog-page-learning-video__head {
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    gap: 16px;
  }
}
.blog-page-learning-video__head--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 32px;
  font-weight: var(--font-weight-600);
  letter-spacing: -1px;
  line-height: 48px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .blog-page-learning-video__head--title {
    padding-bottom: 8px;
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 28px;
    position: relative;
  }
  .blog-page-learning-video__head--title:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 72px;
    height: 1px;
    display: block;
    background: #a8abb4;
  }
}
.blog-page-learning-video__head--description {
  padding-right: 118px;
  position: relative;
  margin-right: 80px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 16px;
  line-height: 32px;
}
@media (max-width: 991px) {
  .blog-page-learning-video__head--description {
    padding-right: 0;
    font-size: 12px;
    margin-right: 0;
    line-height: 24px;
  }
}
.blog-page-learning-video__head--description:before {
  content: "";
  position: absolute;
  right: 0;
  top: 14px;
  width: 106px;
  height: 1px;
  display: block;
  background: #a8abb4;
}
@media (max-width: 991px) {
  .blog-page-learning-video__head--description:before {
    display: none;
  }
}
.blog-page-learning-video__head--arrow {
  position: absolute;
  left: 90px;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  top: 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .blog-page-learning-video__head--arrow {
    display: none;
  }
}
.blog-page-learning-video__head--arrow:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--accent-color-anzac-60, #c0a452);
  opacity: 0.8;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.blog-page-learning-video__head--arrow svg {
  position: relative;
  z-index: 1;
}
.blog-page-learning-video__content {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .blog-page-learning-video__content {
    border-radius: 0;
  }
}
.blog-page-learning-video__content .splide__slide {
  flex: 0 0 100%;
  border-radius: 16px 16px 16px 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .blog-page-learning-video__content .splide__slide {
    border-radius: 8px 8px 8px 0;
  }
}
.blog-page-learning-video__content .splide__controls {
  position: absolute;
  right: 32px;
  bottom: 32px;
  z-index: 1;
}
@media (max-width: 991px) {
  .blog-page-learning-video__content .splide__controls {
    display: none;
  }
}
.blog-page-learning-video__content .splide__controls--prev {
  transform: rotate(90deg);
}
.blog-page-learning-video__content .splide__controls--prev .icon {
  color: var(--accent-color-anzac-20, #e0d6a8);
}
.blog-page-learning-video__content .splide__controls--next {
  transform: rotate(-90deg);
}
.blog-page-learning-video__content .splide__controls--next .icon {
  color: var(--accent-color-anzac-20, #e0d6a8);
}
.blog-page-learning-video__content .splide__controls--pagination:before {
  width: 219px;
  background-color: var(--accent-color-anzac-20, #e0d6a8);
}
.blog-page-learning-video__content .splide__controls--pagination-total, .blog-page-learning-video__content .splide__controls--pagination-current {
  color: var(--White, #ffffff);
}
.blog-page-learning-video__content .splide__pagination {
  margin-top: 16px;
}
.blog-page-learning-video__item {
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .blog-page-learning-video__item {
    border-radius: 8px 8px 8px 0;
    overflow: hidden;
  }
}
.blog-page-learning-video__item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  pointer-events: none;
  z-index: 0;
}
.blog-page-learning-video__item--picture {
  width: 100%;
  max-height: 651px;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .blog-page-learning-video__item--picture {
    max-height: 160px;
  }
}
.blog-page-learning-video__item--author {
  position: absolute;
  z-index: 1;
  top: 32px;
  right: 32px;
  border-radius: 32px;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  padding: 2px 4px;
  background: linear-gradient(111deg, rgba(255, 255, 255, 0.5) -4.87%, rgba(255, 255, 255, 0) 103.95%);
  backdrop-filter: blur(6px);
}
@media (max-width: 991px) {
  .blog-page-learning-video__item--author {
    display: none;
  }
}
.blog-page-learning-video__item--author img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 1;
}
.blog-page-learning-video__item--author span {
  position: relative;
  z-index: 1;
}
.blog-page-learning-video__item--over {
  position: absolute;
  z-index: 1;
  right: 32px;
  bottom: 62px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 796px;
}
@media (max-width: 1200px) {
  .blog-page-learning-video__item--over {
    max-width: 740px;
  }
}
@media (max-width: 991px) {
  .blog-page-learning-video__item--over {
    right: 12px;
    bottom: 12px;
    left: 90px;
    max-width: unset;
  }
}
.blog-page-learning-video__item--over-title {
  color: var(--White, #fff);
  font-size: 32px;
  font-weight: var(--font-weight-600);
  line-height: 48px;
  letter-spacing: -1px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .blog-page-learning-video__item--over-title {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.5px;
  }
}
.blog-page-learning-video__item--over-description {
  color: var(--primary-colors-aluminium-20, #f6f6f7);
  font-size: 14px;
  line-height: 24px;
  padding-left: 80px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .blog-page-learning-video__item--over-description {
    display: none;
  }
}
.blog-page-learning-video__item--play {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 160px;
  height: 160px;
  border-radius: 0px 16px 0px 0px;
  padding: 20px;
}
@media (max-width: 991px) {
  .blog-page-learning-video__item--play {
    width: 64px;
    height: 64px;
    border-radius: 0px 8px 0px 0px;
    padding: 8px;
  }
}
.blog-page-learning-video__item--play-icon {
  width: 101.711px;
  height: 101.711px;
  min-width: 101.711px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  background: url("/build/assets/bg3-3Q8y-Frt.png") #b1a2e3 center center repeat;
  mix-blend-mode: multiply;
  color: #fff;
}
@media (max-width: 991px) {
  .blog-page-learning-video__item--play-icon {
    width: 40.684px;
    min-width: 40.684px;
    height: 40.684px;
  }
}
.blog-page-learning-video__item--play-icon svg {
  width: 72.714px;
  height: 72.651px;
}
@media (max-width: 991px) {
  .blog-page-learning-video__item--play-icon svg {
    width: 29.085px;
    height: 29.06px;
  }
}

#blog-page-learning-posts {
  padding-top: 80px;
  padding-bottom: 80px;
  background: var(--primary-colors-bunker-80, #2d3038);
}
@media (max-width: 1200px) {
  #blog-page-learning-posts {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  #blog-page-learning-posts {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  #blog-page-learning-posts .container {
    padding: 0;
  }
  #blog-page-learning-posts .section-title {
    padding-left: 16px;
    padding-right: 16px;
  }
  #blog-page-learning-posts .splide__track {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

@media (max-width: 768px) {
  #blog-page-learning-video > .container {
    padding: 0;
  }
  #blog-page-learning-video .splide__track {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

.blog-page-learning-posts .section-title {
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .blog-page-learning-posts .section-title {
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
  }
}
.blog-page-learning-posts .section-title h2 span {
  background: var(--primary-colors-bunker-80, #2d3038);
  color: var(--White, #fff);
}
.blog-page-learning-posts .section-title p {
  padding-left: 80px;
  padding-right: 80px;
  color: var(--primary-colors-aluminium-100, #a8abb4);
}
@media (max-width: 991px) {
  .blog-page-learning-posts .section-title p {
    padding-left: 0;
    padding-right: 0;
  }
}
.blog-page-learning-posts .card__blog--title {
  color: var(--White, #fff);
}
.blog-page-learning-posts .card__blog--details {
  border-bottom-color: rgba(238, 240, 241, 0.15);
}
@media (max-width: 991px) {
  .blog-page-learning-posts .card__blog--details {
    border-bottom-color: #eef0f1;
  }
}
.blog-page-learning-posts .card__blog--details ul li {
  color: var(--Primary-Colors-Bunker, #8d9199);
}
.blog-page-learning-posts .card__blog--details ul li .icon {
  color: #c4c6cf;
}
.blog-page-learning-posts .card__blog--tags-tag {
  background-color: var(--primary-colors-aluminium-20, #f6f6f7);
  color: var(--Primary-Colors-Bunker, #8d9199);
}
.blog-page-learning-posts .card__blog:hover .card__blog--tags-tag {
  background-color: var(--White, #fff);
  color: var(--primary-colors-bunker-80, #2d3038);
}
.blog-page-learning-posts .splide__pagination__page:before {
  background-color: var(--primary-colors-bunker-20, #74777f);
}
.blog-page-learning-posts .splide__pagination__page.is-active:before {
  background-color: #fff;
}
.blog-page-learning-posts .splide__pagination__page.is-active:after {
  border-color: #fff;
}

.blog-page-adsSection {
  position: relative;
}
@media (max-width: 768px) {
  .blog-page-adsSection {
    display: none;
  }
}

.blog-page-ads {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  min-height: 576px;
  align-items: center;
  padding: 80px 0;
}
.blog-page-ads__picture {
  position: absolute;
  inset: 0;
  background-color: lightgray;
}
.blog-page-ads__picture img {
  mix-blend-mode: luminosity;
}
@media (max-width: 1200px) {
  .blog-page-ads__picture {
    min-height: 500px;
  }
}
@media (max-width: 1024px) {
  .blog-page-ads__picture {
    min-height: unset;
  }
}
.blog-page-ads__title {
  margin-bottom: 8px;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 64px;
}
.blog-page-ads p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
  color: var(--primary-colors-bunker-80, #2d3038);
  max-width: 570px;
  width: 100%;
}
.blog-page-ads .home-banner__more {
  margin-top: 16px;
  width: -moz-fit-content;
  width: fit-content;
  border: 2px solid var(--primary-colors-bunker-80, #2d3038);
  color: var(--primary-colors-bunker-80, #2d3038);
}

#blog-page-offers.blog-page-offers--search-page {
  background: var(--primary-colors-aluminium-10, #fafafa);
}

.blog-page-offers {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  .blog-page-offers {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media (max-width: 991px) {
  .blog-page-offers {
    background: var(--primary-colors-aluminium-10, #fafafa);
    padding-bottom: 32px;
    padding-top: 32px;
    margin-right: -16px;
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
  }
}
.blog-page-offers__head {
  display: flex;
  margin-bottom: 40px;
  gap: 32px;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .blog-page-offers__head {
    margin-bottom: 24px;
    gap: 0;
    flex-direction: column;
    justify-content: unset;
  }
}
.blog-page-offers__head--description {
  max-width: 655px;
  color: var(--primary-colors-bunker-60, #43474e);
  line-height: 32px;
  font-size: 16px;
  margin: 0;
}
@media (max-width: 1200px) {
  .blog-page-offers__head--description {
    max-width: 450px;
  }
}
@media (max-width: 991px) {
  .blog-page-offers__head--description {
    display: none;
  }
}
.blog-page-offers__head--subject {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .blog-page-offers__head--subject {
    gap: 2px;
  }
}
.blog-page-offers__head--subject-title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 32px;
  letter-spacing: -1px;
  line-height: 48px;
  font-weight: var(--font-weight-600);
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .blog-page-offers__head--subject-title {
    font-size: 24px;
    color: var(--primary-colors-bunker-80, #2d3038);
    line-height: 32px;
    letter-spacing: -0.5px;
  }
}
.blog-page-offers__head--subject-more {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-anzac-80, #b08f42);
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}
.blog-page-offers__head--subject-more .icon {
  width: 24px;
  height: 24px;
  transition: all 0.3s;
}
.blog-page-offers__head--subject-more:hover .icon {
  transform: translateX(-2px);
}
@media (max-width: 768px) {
  .blog-page-offers__head--subject-more:hover .icon {
    transform: translateX(0);
  }
}
.blog-page-offers__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
@media (max-width: 991px) {
  .blog-page-offers__container {
    overflow: visible;
    flex-direction: column-reverse;
    justify-content: unset;
    margin-left: -16px;
  }
}
.blog-page-offers__container .splide-next-prev {
  position: absolute;
  z-index: 2;
  bottom: 16px;
  width: 451px;
  right: 0;
}
@media (max-width: 991px) {
  .blog-page-offers__container .splide-next-prev {
    display: none;
  }
}
.blog-page-offers__container .splide-next-prev .splide-button-prev .icon {
  color: #fff;
}
.blog-page-offers__container .splide-next-prev .splide-button-prev .icon:hover {
  color: var(--accent-color-anzac-60, #c0a452);
}
.blog-page-offers__container .splide-next-prev .splide-button-next .icon {
  color: #fff;
}
.blog-page-offers__container .splide-next-prev .splide-button-next .icon:hover {
  color: var(--accent-color-anzac-60, #c0a452);
}
.blog-page-offers--slider-area {
  flex: 0 0 414px;
  max-width: 414px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1400px) {
  .blog-page-offers--slider-area {
    flex: 0 0 298px;
    max-width: 298px;
  }
}
@media (max-width: 991px) {
  .blog-page-offers--slider-area {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 16px;
  }
}
.blog-page-offers--slider-area .splide {
  height: 100%;
}
.blog-page-offers--slider-area .splide__track, .blog-page-offers--slider-area .splide__list {
  height: 100%;
  overflow: visible;
}
.blog-page-offers--slider-area .splide__slide {
  direction: rtl;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
}
@media (max-width: 991px) {
  .blog-page-offers--slider-area .splide__slide {
    position: static;
    width: 100%;
    flex: 0 0 100%;
  }
}
.blog-page-offers--slider-area .splide__slide .blog-page-offers__item {
  opacity: 0;
  height: 100%;
  width: 100%;
  transition: all 0.6s;
  transition-delay: 0.1s;
  padding-top: 64px;
  padding-bottom: 135px;
}
@media (max-width: 991px) {
  .blog-page-offers--slider-area .splide__slide .blog-page-offers__item {
    padding-top: 24px;
    padding-bottom: 0;
    opacity: unset;
    transition: unset;
    position: relative;
  }
  .blog-page-offers--slider-area .splide__slide .blog-page-offers__item > * {
    transition: all 0.4s ease-out;
    transition-delay: 0s;
    opacity: 0;
    pointer-events: none;
  }
}
.blog-page-offers--slider-area .splide__slide.is-active:not(.blog-page-offers--slider-area .splide__slide--clone) .blog-page-offers__item {
  opacity: 1;
  z-index: 1;
}
@media (max-width: 991px) {
  .blog-page-offers--slider-area .splide__slide.is-active:not(.blog-page-offers--slider-area .splide__slide--clone) .blog-page-offers__item {
    opacity: unset;
  }
  .blog-page-offers--slider-area .splide__slide.is-active:not(.blog-page-offers--slider-area .splide__slide--clone) .blog-page-offers__item > * {
    opacity: 1;
    pointer-events: unset;
  }
}
.blog-page-offers--gallery-area {
  flex: 0 0 calc(100% - 414px);
  max-width: calc(100% - 414px);
}
@media (max-width: 1400px) {
  .blog-page-offers--gallery-area {
    flex: 0 0 calc(100% - 298px);
    max-width: calc(100% - 298px);
  }
}
@media (max-width: 991px) {
  .blog-page-offers--gallery-area {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.blog-page-offers--gallery {
  margin-right: -16px;
}
@media (max-width: 991px) {
  .blog-page-offers--gallery {
    margin-right: 0;
  }
}
.blog-page-offers--gallery .splide__slide {
  flex: 0 0 451px;
  width: 451px;
  height: 703px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-out;
  margin-left: 60px !important;
}
@media (max-width: 1400px) {
  .blog-page-offers--gallery .splide__slide {
    margin-left: 48px !important;
  }
}
@media (max-width: 1200px) {
  .blog-page-offers--gallery .splide__slide {
    margin-left: 24px !important;
  }
}
@media (max-width: 991px) {
  .blog-page-offers--gallery .splide__slide {
    opacity: 1;
    flex: 0 0 253px;
    width: 253px;
    height: 377px;
    margin-left: -30px !important;
  }
}
.blog-page-offers--gallery .splide__slide.is-active {
  width: 451px;
  flex: 0 0 451px;
  opacity: 1;
}
@media (max-width: 991px) {
  .blog-page-offers--gallery .splide__slide.is-active {
    width: 253px;
    flex: 0 0 253px;
  }
}
.blog-page-offers--gallery .splide__slide.is-active .blog-page-offers__slide--picture {
  width: 451px;
  height: 691px;
}
@media (max-width: 991px) {
  .blog-page-offers--gallery .splide__slide.is-active .blog-page-offers__slide--picture {
    width: 251px;
    height: 375px;
  }
}
.blog-page-offers--gallery .splide__slide.is-active .blog-page-offers__slide--picture img {
  width: 451px;
  height: 691px;
}
@media (max-width: 991px) {
  .blog-page-offers--gallery .splide__slide.is-active .blog-page-offers__slide--picture img {
    width: 251px;
    height: 375px;
  }
}
.blog-page-offers--gallery .splide__slide.is-active .blog-page-offers__slide--picture:after {
  max-width: 100%;
}
.blog-page-offers--gallery .splide__slide.is-active .blog-page-offers__slide--picture:before {
  opacity: 1;
  visibility: visible;
}
.blog-page-offers--gallery .splide__slide.is-active .blog-page-offers__slide--next {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  padding-top: 0;
}
.blog-page-offers--gallery .splide__slide.is-prev, .blog-page-offers--gallery .splide__slide.is-next {
  opacity: 1;
}
@media (max-width: 768px) {
  .blog-page-offers .splide__track {
    padding-right: 16px !important;
    padding-left: 16px !important;
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
}
.blog-page-offers__slide {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.blog-page-offers__slide--picture {
  transition: all 0.5s;
  flex: 0 0 100%;
  position: relative;
  border-radius: 240px;
  overflow: hidden;
}
.blog-page-offers__slide--picture:after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  pointer-events: none;
  z-index: 2;
  transition: all 0.5s;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
  border-radius: 240px;
  margin: auto;
  max-width: 332px;
}
@media (max-width: 991px) {
  .blog-page-offers__slide--picture:after {
    max-width: 160px;
  }
}
.blog-page-offers__slide--picture:before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: 1;
  transition: 0.5s;
  border: 4px solid transparent;
  background: linear-gradient(#fafafa, #fafafa) padding-box, linear-gradient(to top, #fafafa, #977337) border-box;
  border-radius: 240px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  width: 332px;
  height: 332px;
}
@media (max-width: 991px) {
  .blog-page-offers__slide--picture:before {
    width: 160px;
    height: 160px;
  }
}
.blog-page-offers__slide--picture img {
  transition: all 0.5s;
  position: relative;
  z-index: 1;
  width: 332px;
  height: 332px;
  border-radius: 240px;
}
@media (max-width: 991px) {
  .blog-page-offers__slide--picture img {
    width: 160px;
    height: 160px;
  }
}
.blog-page-offers__slide--next {
  flex: 0 0 100%;
  width: 100%;
  text-align: center;
  padding-top: 16px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  transition: 0.3s ease-out;
  max-height: 32px;
}
.blog-page-offers__slide--next strong {
  color: var(--primary-colors-bunker-100, #181c22);
  font-weight: var(--font-weight-400);
}
@media (max-width: 991px) {
  .blog-page-offers__slide--next {
    display: none;
  }
}
.blog-page-offers__item {
  padding-right: 116px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 1400px) {
  .blog-page-offers__item {
    padding-right: 0;
  }
}
.blog-page-offers__item--box {
  width: 100%;
  box-shadow: 8px 8px 64px 0px rgba(0, 0, 0, 0.05), -16px -16px 80px -12px rgba(0, 0, 0, 0.08);
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  background: #fff;
  display: flex;
  margin-bottom: 24px;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991px) {
  .blog-page-offers__item--box {
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    border: none;
    background: transparent;
  }
}
.blog-page-offers__item--box-title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 22px;
  font-size: 14px;
  margin: 0;
}
.blog-page-offers__item--box-details {
  list-style: none;
  padding: 0;
}
.blog-page-offers__item--box-details ul {
  list-style: none;
  padding: 0;
  gap: 8px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s;
}
.blog-page-offers__item--box-details ul li {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.blog-page-offers__item--box-details ul li .icon {
  width: 18px;
  height: 18px;
  color: #c4c6cf;
  transform: translateY(-2px);
}
.blog-page-offers__item--box-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.blog-page-offers__item--box-tags_tag {
  background: var(--primary-colors-aluminium-40, #eef0f1);
  border-radius: 4px;
  padding: 2px 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
}
.blog-page-offers__item--description {
  padding-left: 48px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 24px;
  width: 100%;
}
@media (max-width: 991px) {
  .blog-page-offers__item--description {
    display: none;
  }
}
.blog-page-offers__item--more {
  margin-top: auto;
  display: inline-flex;
  padding: 16px;
  height: 64px;
  justify-content: center;
  align-items: center;
  gap: 86px;
  background: var(--accent-color-anzac-10, #efead2);
  border: 1px solid var(--accent-color-anzac-20, #e0d6a8);
  box-shadow: 16px 32px 80px -12px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  transform: translateX(-48px);
}
@media (max-width: 991px) {
  .blog-page-offers__item--more {
    width: 100%;
    transform: unset;
    padding: 8px 16px;
    height: 40px;
    gap: 16px;
    justify-content: space-between;
    font-size: 14px;
    font-weight: var(--font-weight-600);
    letter-spacing: normal;
    border-radius: 4px;
  }
}
.blog-page-offers__item--more .icon {
  width: 24px;
  height: 24px;
}

.search-pageWrapper {
  padding-top: 24px;
  position: relative;
}
@media (max-width: 991px) {
  .search-pageWrapper {
    padding-top: 0;
  }
}
.search-pageWrapper .loaderWrapper {
  z-index: 2;
  bottom: 0;
}

.search-page {
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  .search-page {
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .search-page {
    padding-bottom: 32px;
  }
}
.search-page .last-blog-posts {
  padding-top: 0;
  padding-bottom: 0;
}
.search-page__head {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .search-page__head {
    margin-bottom: 16px;
    justify-content: unset;
    gap: 4px;
  }
}
.search-page__head--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 24px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 32px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .search-page__head--title {
    font-size: 16px;
    line-height: 28px;
  }
}
.search-page__head--count {
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
  border-radius: 4px;
  background: var(--accent-color-anzac-10, #efead2);
  padding: 4px 8px;
}

#blog-single-page-comment {
  background: #fcfcfc;
  padding-top: 64px;
}
@media (max-width: 1200px) {
  #blog-single-page-comment {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media (max-width: 991px) {
  #blog-single-page-comment {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
#blog-single-page-comment .blog-single-page-comment__in-mobile {
  display: none;
  gap: 16px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  padding: 16px;
  flex-direction: column;
  align-items: center;
}
#blog-single-page-comment .blog-single-page-comment__in-mobile p {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--primary-colors-bunker-60, #43474e);
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  line-height: 22px;
}
#blog-single-page-comment .blog-single-page-comment__in-mobile .primary-button {
  width: 100%;
}
@media (max-width: 768px) {
  #blog-single-page-comment .blog-single-page-comment__in-mobile {
    display: flex;
  }
}
#blog-single-page-comment .single-page-tabs {
  padding-left: 120px;
  padding-right: 120px;
}
@media (max-width: 1200px) {
  #blog-single-page-comment .single-page-tabs {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  #blog-single-page-comment .single-page-tabs__head {
    margin-bottom: 24px;
    flex-direction: column;
    justify-content: unset;
    align-items: flex-start;
    gap: 24px;
    position: static;
    padding-top: 0;
  }
  #blog-single-page-comment .single-page-tabs__head .tabs {
    border: none;
    background: transparent;
    border-radius: 0;
  }
  #blog-single-page-comment .single-page-tabs__head .tabs .tab.active {
    background: transparent;
    padding: 0;
  }
  #blog-single-page-comment .single-page-tabs__head--sort {
    width: 100%;
    display: flex;
    font-size: 0;
    border-top: 1px solid #eef0f1;
    padding-top: 24px;
    gap: 0;
  }
  #blog-single-page-comment .single-page-tabs__head--sort ul {
    border-radius: 40px;
    width: 100%;
  }
  #blog-single-page-comment .single-page-tabs__head--sort ul li {
    flex: 0 0 50%;
  }
}
#blog-single-page-comment .single-page-tabs__head .tabs {
  margin-bottom: 0;
}
#blog-single-page-comment .single-page-tabs__head .tabs .tab {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0;
}
@media (max-width: 1200px) {
  #blog-single-page-comment {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  #blog-single-page-comment {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
#blog-single-page-comment .tab-content {
  background: transparent;
}
#blog-single-page-comment .comments__form {
  flex: 1;
  max-width: 100%;
  padding-bottom: 0;
}
#blog-single-page-comment .comments__form-in {
  padding-left: 0;
  border-left: none;
}
@media (max-width: 768px) {
  #blog-single-page-comment .comments__form-in {
    padding-left: 16px;
  }
}
#blog-single-page-comment .comments__form--tools .primary-button {
  margin-right: auto;
}
@media (max-width: 768px) {
  #blog-single-page-comment .comments__top {
    padding: 0;
    margin: 0;
    border-bottom: none;
  }
}
#blog-single-page-comment .comments .comment__head--rate {
  display: none;
}
#blog-single-page-comment .comment__main {
  flex: 1;
  max-width: 100%;
}
#blog-single-page-comment .comment__description--foot-rates {
  display: flex;
  align-items: center;
  transition: 0.3s ease-out;
}
#blog-single-page-comment .comment__description--foot-rates strong {
  display: block;
  margin-left: 8px;
}
@media (max-width: 991px) {
  #blog-single-page-comment .comment__description--foot-rates strong {
    margin-left: 12px;
  }
}
#blog-single-page-comment .comment__description--foot {
  max-height: 24px;
  transition: 0.3s ease-out;
}
@media (max-width: 991px) {
  #blog-single-page-comment .comment__description--foot {
    justify-content: flex-end;
    margin: 0;
  }
}
#blog-single-page-comment .comment__description--foot-date {
  left: unset;
  right: 240px;
}
@media (max-width: 991px) {
  #blog-single-page-comment .comment__description--foot-date {
    left: 0;
    position: absolute;
    right: unset;
    top: 24px;
  }
}
@media (max-width: 991px) {
  #blog-single-page-comment .comment:first-child .comment__description--foot-date {
    top: 0px !important;
  }
}
#blog-single-page-comment .comment.needApproved:after {
  width: auto;
  inset: 0;
}
#blog-single-page-comment .comment.needApproved .question-item__details--form,
#blog-single-page-comment .comment.needApproved .question-item__details--tools-reply {
  display: none;
}
#blog-single-page-comment .comment .comment-form-blog-reply {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
#blog-single-page-comment .comment .comment-form-blog-reply .form-group {
  margin-bottom: 0;
}
#blog-single-page-comment .comment .comment-form-blog-reply .form-group label‌ {
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-weight: var(--font-weight-600);
}
#blog-single-page-comment .comment .comment-form-blog-reply .full {
  flex: 0 0 100%;
  width: 100%;
}
#blog-single-page-comment .comment .comment__description--foot-reply .comment__description--foot {
  margin-top: 8px;
}
#blog-single-page-comment .comment .comment__description--foot-rates {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-out;
}
#blog-single-page-comment .comment.active .question-item__details--form {
  margin-top: auto;
  grid-template-rows: minmax(0, 1fr);
  visibility: visible;
  opacity: 1;
}
#blog-single-page-comment .comment.active .comment__description .comment__description--main > .comment__description--foot {
  max-height: 0;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  #blog-single-page-comment .comment.active .comment__description .comment__description--main > .comment__description--foot {
    max-height: none;
  }
}
#blog-single-page-comment .comment.active .comment__description .comment__description--main > .comment__description--foot .question-item__details--tools-reply,
#blog-single-page-comment .comment.active .comment__description .comment__description--main > .comment__description--foot .comment__description--foot-rates {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  #blog-single-page-comment .comment.active .comment__description .comment__description--main > .comment__description--foot .question-item__details--tools-reply {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 991px) {
  #blog-single-page-comment .comment__description--foot-rates {
    opacity: 1 !important;
    visibility: visible !important;
    position: static;
  }
}
#blog-single-page-comment .comment__description--foot-rates.emptyRate span {
  text-indent: -99999px !important;
}
@media (max-width: 991px) {
  #blog-single-page-comment .comment__description--info {
    margin-top: -24px;
  }
}
#blog-single-page-comment .comment__description--main:hover > .comment__description--foot .comment__description--foot-rates {
  opacity: 1;
  visibility: visible;
}
#blog-single-page-comment .comment__description--main .comment__description--foot-reply:hover > .comment__description--foot .comment__description--foot-rates {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 991px) {
  #blog-single-page-comment .comment__description--main > .comment__description--foot-reply {
    margin-top: 0;
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  #blog-single-page-comment .comment__description--main > .comment__description--foot .comment__description--foot-rates {
    position: absolute;
  }
}
@media (max-width: 991px) {
  #blog-single-page-comment .comment__description--foot {
    order: 1;
  }
}
#blog-single-page-comment .comments__form {
  padding-top: 0;
}
#blog-single-page-comment .alert {
  display: flex;
  margin-top: 16px;
  margin-bottom: 0;
}
#blog-single-page-comment .alert p {
  color: #5B5E66;
}
#blog-single-page-comment .alert .checkbox__over .icon {
  background: #fff;
}
#blog-single-page-comment .alert .checkbox__over--label label {
  margin-bottom: 0;
  color: #2D3038;
  font-weight: 400;
}
@media (max-width: 768px) {
  #blog-single-page-comment .alert .checkbox__over--label label {
    font-size: 12px;
  }
}
#blog-single-page-comment .comment-reply-signup-alert {
  display: none;
}
#blog-single-page-comment .single-page-tabs__head {
  border-bottom: 0;
}
#blog-single-page-comment .comment__main {
  padding-left: 0;
}
#blog-single-page-comment .guestPhoneNumber {
  display: block !important;
}
#blog-single-page-comment .emailForm {
  display: none !important;
}
#blog-single-page-comment .guestForm, #blog-single-page-comment .guestPhoneNumber {
  flex: 0 0 332px;
  max-width: 332px;
  position: relative;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  #blog-single-page-comment .guestForm, #blog-single-page-comment .guestPhoneNumber {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
#blog-single-page-comment .guestForm input, #blog-single-page-comment .guestPhoneNumber input {
  padding-right: 36px;
}
#blog-single-page-comment .guestForm input:disabled, #blog-single-page-comment .guestPhoneNumber input:disabled {
  cursor: not-allowed;
  border-color: #E0E2E5;
}
#blog-single-page-comment .guestForm input:disabled::-moz-placeholder, #blog-single-page-comment .guestPhoneNumber input:disabled::-moz-placeholder {
  color: #E0E2E5;
}
#blog-single-page-comment .guestForm input:disabled::placeholder, #blog-single-page-comment .guestPhoneNumber input:disabled::placeholder {
  color: #E0E2E5;
}
@media (max-width: 991px) {
  #blog-single-page-comment .guestPhoneNumber {
    margin-bottom: 16px;
  }
}
#blog-single-page-comment .comments > .alert {
  margin-bottom: 16px;
  margin-top: 0 !important;
}

.blog-single-page-related-posts {
  padding-bottom: 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
@media (max-width: 1200px) {
  .blog-single-page-related-posts {
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .blog-single-page-related-posts {
    padding-bottom: 32px;
    gap: 6px;
  }
}
.blog-single-page-related-posts__title {
  font-size: 24px;
  font-weight: var(--font-weight-600);
  letter-spacing: -0.5px;
  margin-bottom: 0;
  line-height: 32px;
  color: var(--primary-colors-bunker-80, #2d3038);
}
@media (max-width: 991px) {
  .blog-single-page-related-posts__title {
    font-size: 14px;
    line-height: 22px;
  }
}
.blog-single-page-related-posts__item {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px dashed #c4c6cf;
  display: flex;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 14px;
  line-height: 24px;
  align-items: center;
  min-height: 57px;
}
.blog-single-page-related-posts__item > span {
  display: flex;
  justify-content: flex-start;
  position: relative;
  min-width: 60%;
}
.blog-single-page-related-posts__item .icon {
  position: absolute;
  left: -24px;
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
  background: rgba(192, 164, 82, 0.8);
  mix-blend-mode: multiply;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  color: #fff;
  transition: all 0.4s;
  opacity: 0;
}
@media (max-width: 991px) {
  .blog-single-page-related-posts__item .icon {
    display: none;
  }
}
.blog-single-page-related-posts__item .icon svg {
  width: 56px;
  height: 56px;
}
@media (max-width: 991px) {
  .blog-single-page-related-posts__item {
    padding-top: 12px;
    padding-bottom: 12px;
    min-height: unset;
  }
}
.blog-single-page-related-posts__item:hover {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-weight: var(--font-weight-600);
}
.blog-single-page-related-posts__item:hover .icon {
  opacity: 1;
}
@media (max-width: 991px) {
  .blog-single-page-related-posts__item:hover {
    font-weight: 400;
    letter-spacing: normal;
  }
}
.blog-single-page-related-posts ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
}
@media (max-width: 991px) {
  .blog-single-page-related-posts ul {
    width: 100%;
  }
}

.blog-single-page {
  padding-bottom: 80px;
}
@media (max-width: 1200px) {
  .blog-single-page {
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .blog-single-page {
    padding-bottom: 32px;
  }
}
.blog-single-page .breadcrumb {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .blog-single-page .breadcrumb {
    margin-bottom: 32px;
  }
}
.blog-single-page__categories {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .blog-single-page__categories {
    margin-bottom: 8px;
    gap: 8px;
  }
}
.blog-single-page__categories--category {
  margin-bottom: 0;
  display: flex;
}
.blog-single-page__categories--category a {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  padding: 2px 8px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  border-radius: 4px;
  background: var(--primary-colors-aluminium-40, #eef0f1);
}
.blog-single-page__categories--category:hover a {
  color: var(--primary-colors-aluminium-40, #eef0f1);
  background: var(--Primary-Colors-Bunker, #8d9199);
}
.blog-single-page__summary {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .blog-single-page__summary {
    margin-bottom: 12px;
    gap: 4px;
  }
}
.blog-single-page__summary--title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 48px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -1.5px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .blog-single-page__summary--title {
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 28px;
    font-weight: var(--font-weight-600);
  }
}
.blog-single-page__summary--description {
  font-size: 16px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-weight: 400;
  line-height: 32px;
}
@media (max-width: 991px) {
  .blog-single-page__summary--description {
    font-size: 12px;
    line-height: 24px;
  }
}
.blog-single-page__summary--description p {
  margin-bottom: 0;
}
.blog-single-page__picture {
  overflow: hidden;
  border-radius: 16px;
  position: relative;
  margin-bottom: 24px;
  height: 600px;
}
@media (max-width: 991px) {
  .blog-single-page__picture {
    margin-bottom: 16px;
    border-radius: 4px;
    height: auto;
  }
}
.blog-single-page__picture:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  pointer-events: none;
  z-index: 1;
}
.blog-single-page__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-single-page__details-mobile {
  display: none;
  padding-bottom: 12px;
  padding-top: 8px;
}
.blog-single-page__details-mobile ul {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.blog-single-page__details-mobile ul li {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  line-height: 18px;
}
.blog-single-page__details-mobile ul li .icon {
  transform: translateY(-1px);
  width: 18px;
  height: 18px;
  color: #c4c6cf;
}
@media (max-width: 991px) {
  .blog-single-page__details-mobile {
    display: flex;
    padding-bottom: 0;
  }
}
.blog-single-page__details {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  border-bottom: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  padding: 8px 16px;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 60px;
}
@media (max-width: 1200px) {
  .blog-single-page__details {
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .blog-single-page__details {
    margin-bottom: 32px;
    padding: 8px;
    gap: 8px;
  }
}
.blog-single-page__details--tools {
  display: flex;
  align-items: center;
}
.blog-single-page__details--tools-author {
  display: flex;
  align-items: center;
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 12px;
  font-weight: var(--font-weight-600);
  line-height: 18px;
}
.blog-single-page__details--tools-author img {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  margin-left: 4px;
}
@media (max-width: 991px) {
  .blog-single-page__details--tools-author img {
    width: 32px;
    height: 32px;
  }
}
.blog-single-page__details--tools-author:after {
  width: 1px;
  height: 16px;
  background-color: var(--primary-colors-aluminium-60, #e0e2e5);
  content: "";
  display: block;
  margin-right: 16px;
}
@media (max-width: 991px) {
  .blog-single-page__details--tools-author:after {
    display: none;
  }
}
.blog-single-page__details--tools ul {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .blog-single-page__details--tools ul {
    display: none;
  }
}
.blog-single-page__details--tools ul li {
  margin-right: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  font-size: 12px;
  line-height: 18px;
}
.blog-single-page__details--tools ul li .icon {
  transform: translateY(-1px);
  width: 18px;
  height: 18px;
  color: #c4c6cf;
}
.blog-single-page__details--share {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .blog-single-page__details--share {
    position: relative;
  }
}
.blog-single-page__details--share strong {
  margin-left: 16px;
  color: var(--primary-colors-bunker-20, #74777f);
  line-height: 18px;
  font-size: 12px;
  font-weight: var(--font-weight-600);
}
@media (max-width: 991px) {
  .blog-single-page__details--share strong {
    display: none;
  }
}
.blog-single-page__details--share-mobile {
  width: 18px;
  height: 18px;
  color: #8d9199;
  align-items: center;
  justify-content: center;
  display: none;
  background: transparent;
}
@media (max-width: 991px) {
  .blog-single-page__details--share-mobile {
    display: flex;
    transition: all 0.3s;
  }
  .blog-single-page__details--share-mobile.active {
    color: #c0a452;
  }
}
.blog-single-page__details--share ul {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 991px) {
  .blog-single-page__details--share ul {
    display: none;
    position: absolute;
    padding: 8px;
    border-radius: 8px;
    z-index: 2;
    background-color: #fff;
    top: -8px;
    left: 64px;
    border: 1px solid var(--primary-colors-aluminium-40, #eef0f1);
  }
  .blog-single-page__details--share ul.active {
    display: flex;
  }
}
.blog-single-page__details--share ul li a {
  display: block;
}
.blog-single-page__details--share ul li .icon {
  width: 18px;
  height: 18px;
  color: #c4c6cf;
  display: block;
}
.blog-single-page__details--share ul li .icon:hover {
  color: #c0a452;
}
.blog-single-page__details--share-link {
  margin-right: 32px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .blog-single-page__details--share-link {
    margin-right: 16px;
  }
}
.blog-single-page__details--share-link:before {
  background: #e0e2e5;
  content: "";
  display: block;
  width: 1px;
  height: 21px;
  position: absolute;
  top: -1.5px;
  right: -16px;
  bottom: 0;
}
@media (max-width: 991px) {
  .blog-single-page__details--share-link:before {
    right: -8px;
  }
}
.blog-single-page__details--share-link .icon {
  width: 18px;
  height: 18px;
  color: #c0a452;
}
.blog-single-page__foot {
  border-top: 1px solid #e0e2e5;
  padding-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 32px;
}
@media (max-width: 991px) {
  .blog-single-page__foot {
    margin-top: 12px;
    padding-top: 12px;
    gap: 8px;
  }
}
.blog-single-page__foot--keywords {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.blog-single-page__foot--keywords-keyword {
  background: var(--primary-colors-aluminium-40, #eef0f1);
  padding: 2px 8px;
  border-radius: 4px;
  color: var(--Primary-Colors-Bunker, #8d9199);
  line-height: 18px;
  font-size: 12px;
}
.blog-single-page__foot--keywords-keyword:hover {
  background: var(--Primary-Colors-Bunker, #8d9199);
  color: var(--primary-colors-aluminium-40, #eef0f1);
}
.blog-single-page__foot--comments {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--primary-colors-bunker-80, #2d3038);
  line-height: 18px;
  font-size: 12px;
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .blog-single-page__foot--comments {
    display: none;
  }
}
.blog-single-page__foot--comments .icon {
  color: #8d9199;
  width: 18px;
  height: 18px;
}
.blog-single-page .single-post {
  min-height: 300px;
}
.blog-single-page .single-post .container {
  padding: 0;
}
.blog-single-page .single-post .bannerWrapper {
  margin: 40px -120px;
  max-width: none;
}
@media (max-width: 1200px) {
  .blog-single-page .single-post .bannerWrapper {
    margin: 40px 0px;
  }
}
.blog-single-page .single-post .bannerWrapper .intertextual {
  margin: 0;
}
.blog-single-page .single-post .bannerWrapper.interstitial_banner_timer .intertextual {
  margin-bottom: 80px;
}
.blog-single-page .single-post .bannerWrapper.wide_image_banner {
  margin: 40px calc(50% - 50vw);
  width: 100vw;
  max-width: none;
}

.single-post {
  padding-right: 120px;
  padding-left: 120px;
}
.single-post.general-page {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1200px) {
  .single-post {
    padding-left: 0;
    padding-right: 0;
  }
}
.single-post ul:not(.intertextual__countdown--list) a, .single-post ol:not(.intertextual__countdown--list) a, .single-post p a {
  color: #977337;
  font-weight: var(--font-weight-600);
}
.single-post ul:not(.intertextual__countdown--list) b, .single-post ol:not(.intertextual__countdown--list) b, .single-post p b {
  font-weight: var(--font-weight-600);
}
.single-post p {
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .single-post p {
    font-size: 14px;
    line-height: 26px;
    color: var(--Primary-Colors-Bunker, #8d9199);
    margin-bottom: 16px;
  }
}
.single-post ul:not(.intertextual__countdown--list) {
  color: var(--primary-colors-bunker-80, #2D3038);
  font-size: 16px;
  line-height: 28px;
  list-style: none;
  padding: 0;
  font-weight: var(--font-weight-600);
  margin: 24px 0;
}
@media (max-width: 991px) {
  .single-post ul:not(.intertextual__countdown--list) {
    font-size: 14px;
  }
}
.single-post ul:not(.intertextual__countdown--list) > li:not(.editorjs-checklist-item)::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent-color-anzac-80, #b08f42);
  margin-left: 8px;
}
.single-post ul:not(.intertextual__countdown--list) > li:not(.editorjs-checklist-item) + li {
  margin-top: 8px;
}
.single-post ol {
  color: var(--primary-colors-bunker-80, #2D3038);
  font-size: 16px;
  line-height: 28px;
  font-weight: var(--font-weight-600);
  margin: 24px 0;
  list-style: decimal outside;
  list-style-type: decimal;
  padding-inline-start: 1.5em;
  padding-inline-end: 0;
}
@media (max-width: 991px) {
  .single-post ol {
    font-size: 14px;
  }
}
.single-post ol > li {
  list-style-type: decimal;
}
.single-post ol > li::before {
  content: none;
  display: none;
}
.single-post ol > li + li {
  margin-top: 8px;
}
.single-post h2, .single-post h3, .single-post h4 {
  font-weight: var(--font-weight-600);
  color: var(--primary-colors-bunker-80, #2d3038);
  margin-bottom: 16px;
}
.single-post h2 {
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .single-post h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
  }
}
.single-post h3 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .single-post h3 {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 8px;
  }
}
.single-post h4 {
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .single-post h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 4px;
  }
}
.single-post .editorjs-embed__wrapper {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
.single-post figure {
  margin: 32px 0;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 991px) {
  .single-post figure {
    margin-bottom: 24px;
  }
}
.single-post figure iframe {
  aspect-ratio: 16/9;
  max-width: 100%;
  height: auto;
}
.single-post figure img, .single-post figure iframe {
  border-radius: 8px;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .single-post figure img, .single-post figure iframe {
    border-radius: 4px;
    margin-bottom: 4px;
  }
}
.single-post figure .single-post__picture-description {
  padding-right: 10px;
  position: relative;
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 12px;
  line-height: 24px;
  display: block;
}
.single-post figure .single-post__picture-description:before {
  width: 2px;
  height: 100%;
  border-radius: 4px;
  background: var(--accent-color-anzac-100, linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #977337);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.single-post figure.editorjs-image--with-background {
  background: var(--primary-colors-aluminium-20, #f6f6f7);
  padding: 16px;
  border-radius: 8px;
}
.single-post figure.editorjs-image--with-background img, .single-post figure.editorjs-image--with-background .single-post__picture-description {
  width: 60%;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 991px) {
  .single-post figure.editorjs-image--with-background {
    padding: 8px;
  }
}
.single-post figure.editorjs-image--with-border {
  border: 1px solid #e0e2e5;
  padding: 16px;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .single-post figure.editorjs-image--with-border {
    padding: 8px;
  }
}
.single-post__quote {
  color: var(--primary-colors-aluminium-80, #c4c6cf);
  font-size: 24px;
  font-weight: var(--font-weight-600);
  line-height: 48px;
  letter-spacing: -1px;
  width: 688px;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (max-width: 1024px) {
  .single-post__quote {
    line-height: 48px;
  }
}
@media (max-width: 991px) {
  .single-post__quote {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
    margin-bottom: 16px;
  }
}
.single-post__quote cite {
  display: block;
  margin: 0;
  color: var(--accent-color-purple-100, #7e57c5);
  font-size: 24px;
  font-weight: var(--font-weight-600);
  line-height: 1.5;
  letter-spacing: -1px;
  font-style: normal;
  margin-top: 8px;
}
@media (max-width: 991px) {
  .single-post__quote cite {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
  }
}
.single-post__quote:has(cite):before {
  font-size: 32px;
  font-weight: var(--font-weight-600);
  line-height: 56px;
  letter-spacing: -1px;
  color: var(--accent-color-purple-100, #7e57c5);
}
@media (max-width: 991px) {
  .single-post__quote:has(cite):before {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
  }
}
.single-post__container {
  margin-left: -120px;
  margin-right: -120px;
}
@media (max-width: 1200px) {
  .single-post__container {
    margin-left: 0;
    margin-right: 0;
  }
}
.single-post__full {
  background-color: #f7f7f7;
  margin: 0 calc(-1 * (100vw - 1160px) / 2) 64px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1448px) {
  .single-post__full {
    margin: 0 -144px 64px;
  }
}
@media (max-width: 1200px) {
  .single-post__full {
    margin-bottom: 32px;
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (max-width: 991px) {
  .single-post__full {
    display: none;
  }
}
.single-post__full--cover {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: auto;
}
.single-post__full--container {
  padding-top: 65px;
  padding-bottom: 65px;
  max-width: 100%;
  width: 1448px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 24px;
  padding-left: 24px;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 1448px) {
  .single-post__full--container {
    padding-right: 24px;
    padding-left: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media (max-width: 991px) {
  .single-post__full--container {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 126px;
    padding-bottom: 16px;
  }
}
.single-post__full--container-product {
  padding-left: 65px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 512px;
}
@media (max-width: 1200px) {
  .single-post__full--container-product {
    padding-left: 0;
  }
}
.single-post__full--container-product_picture {
  margin-bottom: 4px;
}
.single-post__full--container-product_title {
  color: var(--primary-colors-bunker-80, #2d3038);
  font-size: 40px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -1px;
  margin-bottom: 12px;
}
.single-post__full--container-product_description {
  margin-bottom: 16px;
  font-size: 14px;
  color: var(--primary-colors-bunker-60, #43474e);
  line-height: 24px;
}
.single-post__full--container-product_description p {
  margin-bottom: 0;
}
.single-post__full--container-product_more {
  display: flex;
  align-items: center;
  padding: 16px 32px;
  border: 2px solid var(--accent-color-anzac-100, #977337);
  gap: 8px;
  justify-content: center;
  border-radius: 8px;
  color: var(--accent-color-anzac-100, #977337);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.5px;
}
.single-post__full--container-product_more .icon {
  color: #795c2c;
}
.single-post__video {
  margin-bottom: 32px;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .single-post__video {
    margin-bottom: 16px;
  }
}
.single-post__video .blog-page-learning-video__item:before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.single-post__video .blog-page-learning-video__item--over {
  bottom: 32px;
  right: 32px;
}
@media (max-width: 1400px) {
  .single-post__video .blog-page-learning-video__item--over {
    max-width: 716px;
    right: 24px;
    bottom: 24px;
  }
}
@media (max-width: 991px) {
  .single-post__video .blog-page-learning-video__item--over {
    right: 12px;
    bottom: 12px;
    max-width: calc(100% - 100px);
  }
}
.single-post__video .blog-page-learning-video__item--over-description {
  padding-left: 0;
}
.single-post .editorjs-video {
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.single-post .editorjs-video > img {
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .single-post .home-counter {
    margin-bottom: 44px;
  }
}

.maintenance-page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (max-width: 768px) {
  .maintenance-page {
    flex-direction: column;
    justify-content: unset;
    height: unset;
  }
}
@media (max-width: 1200px) {
  .maintenance-page__picture {
    max-width: 40%;
  }
}
@media (max-width: 991px) {
  .maintenance-page__picture {
    max-width: 45%;
  }
}
@media (max-width: 768px) {
  .maintenance-page__picture {
    max-width: 100%;
    width: 420px;
  }
}
.maintenance-page__details {
  max-width: 570px;
}
@media (max-width: 1200px) {
  .maintenance-page__details {
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .maintenance-page__details {
    width: 100%;
  }
}
.maintenance-page__details--icon {
  margin-bottom: 4px;
  position: relative;
  width: 72px;
  height: 72px;
  color: #a8abb4;
}
@media (max-width: 768px) {
  .maintenance-page__details--icon {
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
    margin-right: 6px;
  }
}
.maintenance-page__details--icon svg {
  position: relative;
  z-index: 1;
}
.maintenance-page__details--icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  border-radius: 50%;
  background-color: var(--primary-colors-aluminium-20, #f6f6f7);
  width: 51px;
  height: 51px;
  right: 2px;
  top: 6px;
}
@media (max-width: 768px) {
  .maintenance-page__details--icon:before {
    top: -2px;
    right: -6px;
    width: 34px;
    height: 34px;
  }
}
.maintenance-page__details--title {
  color: var(--accent-color-purple-100, #7e57c5);
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -1px;
}
@media (max-width: 768px) {
  .maintenance-page__details--title {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.5px;
  }
}
.maintenance-page__details--slug {
  color: var(--primary-colors-bunker-60, #43474e);
  font-size: 40px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -1px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .maintenance-page__details--slug {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.5px;
  }
}
.maintenance-page__details--description {
  margin-bottom: 32px;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .maintenance-page__details--description {
    font-size: 12px;
    margin-bottom: 24px;
  }
}
.maintenance-page__details--support {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--accent-color-anzac-60, #c0a452);
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 32px;
  font-weight: 700;
}
.maintenance-page__details--support .icon {
  transform: translateY(-2px);
  width: 24px;
  height: 24px;
}

body:has(.maintenance-page),
html:has(.maintenance-page) {
  height: 100%;
}
body:has(.maintenance-page) #main,
body:has(.maintenance-page) #wrapper,
body:has(.maintenance-page) #maintenance-page,
body:has(.maintenance-page) .container,
html:has(.maintenance-page) #main,
html:has(.maintenance-page) #wrapper,
html:has(.maintenance-page) #maintenance-page,
html:has(.maintenance-page) .container {
  height: 100%;
}
@media (max-width: 768px) {
  body:has(.maintenance-page) #wrapper,
  html:has(.maintenance-page) #wrapper {
    padding-top: 0;
  }
}

.not-found-page {
  padding-top: 80px;
  padding-right: 120px;
  padding-left: 120px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 60px;
}
@media (max-width: 1400px) {
  .not-found-page {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
}
@media (max-width: 1200px) {
  .not-found-page {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .not-found-page {
    padding: 0;
    gap: 32px;
    align-items: center;
    flex-direction: column;
    justify-content: unset;
  }
}
@media (max-width: 1200px) {
  .not-found-page__picture {
    max-width: 40%;
  }
}
@media (max-width: 1024px) {
  .not-found-page__picture {
    max-width: 35%;
  }
}
@media (max-width: 991px) {
  .not-found-page__picture {
    max-width: 100%;
    width: 520px;
  }
}
.not-found-page__details {
  max-width: 570px;
}
@media (max-width: 1200px) {
  .not-found-page__details {
    max-width: unset;
  }
}
@media (max-width: 991px) {
  .not-found-page__details {
    width: 100%;
  }
}
.not-found-page__details--icon {
  margin-bottom: 4px;
  position: relative;
  width: 72px;
  height: 72px;
  color: #a8abb4;
}
@media (max-width: 991px) {
  .not-found-page__details--icon {
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
    margin-right: 1px;
  }
}
.not-found-page__details--icon svg {
  position: relative;
  z-index: 1;
}
.not-found-page__details--icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  border-radius: 50%;
  background-color: var(--primary-colors-aluminium-20, #f6f6f7);
  width: 51px;
  height: 51px;
  right: 2px;
  top: 6px;
}
@media (max-width: 991px) {
  .not-found-page__details--icon:before {
    top: 4px;
    right: 1px;
    width: 34px;
    height: 34px;
  }
}
.not-found-page__details--title {
  color: var(--primary-colors-bunker-60, #43474e);
  margin-bottom: 16px;
  font-size: 40px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -1px;
  white-space: nowrap;
}
.not-found-page__details--title span {
  display: block;
}
@media (max-width: 991px) {
  .not-found-page__details--title {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.5px;
    margin-bottom: 8px;
  }
}
.not-found-page__details--description {
  margin-bottom: 32px;
  color: var(--primary-colors-bunker-20, #74777f);
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .not-found-page__details--description {
    font-size: 12px;
    margin-bottom: 24px;
  }
}
.not-found-page__details .primary-button {
  letter-spacing: -0.5px;
  font-weight: 700;
}
.not-found-page.permission {
  align-items: center;
  width: 924px;
  max-width: 100%;
  margin: auto;
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
}
@media (max-width: 991px) {
  .not-found-page.permission {
    gap: 16px;
  }
}
.not-found-page.permission .not-found-page__picture {
  width: 414px;
  flex: 0 0 414px;
  position: relative;
}
@media (max-width: 991px) {
  .not-found-page.permission .not-found-page__picture {
    order: -1;
    width: 75%;
    flex: 0 0 auto;
  }
}
.not-found-page.permission .not-found-page__picture img {
  width: 100%;
}
.not-found-page.permission .not-found-page__picture svg {
  position: absolute;
  inset: 0;
  margin: auto;
}
.not-found-page.permission .not-found-page__details {
  order: -1;
}

:root {
  --ss-primary-color: #43474e;
  --ss-focus-color: #43474e;
  --ss-bg-color: #ffffff;
  --ss-font-color: #74777f;
  --ss-font-placeholder-color: #8d9199;
  --ss-disabled-color: #f6f6f7;
  --ss-border-color: #e0e2e5;
  --ss-highlight-color: #fffb8c;
  --ss-success-color: #57c56b;
  --ss-error-color: #dc4040;
  --ss-main-height: 56px;
  --ss-content-height: 300px;
  --ss-spacing-l: 8px;
  --ss-spacing-m: 8px;
  --ss-spacing-s: 0 12px;
  --ss-animation-timing: 0.2s;
  --ss-border-radius: 8px;
}

@keyframes ss-valueIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ss-valueOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.ss-hide {
  display: none !important;
}

.ss-main {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--ss-font-color);
  min-height: var(--ss-main-height);
  width: 100%;
  padding: var(--ss-spacing-s);
  cursor: pointer;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  box-sizing: border-box;
  transition: background-color var(--ss-animation-timing);
  overflow: hidden;
}
.ss-main:focus {
  border-color: var(--ss-focus-color);
}

.ss-main.ss-disabled {
  background-color: var(--ss-disabled-color);
  cursor: not-allowed;
}

.ss-main.ss-disabled .ss-values .ss-disabled {
  color: var(--ss-font-color);
}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed;
}

.ss-main.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.ss-main.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  flex: 1 1 100%;
}

.ss-main .ss-values .ss-placeholder {
  display: flex;
  padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
  margin: auto 0px auto 0px;
  line-height: 1em;
  align-items: center;
  width: 100%;
  color: var(--ss-font-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ss-main .ss-values .ss-max {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
}

.ss-main .ss-values .ss-single {
  white-space: nowrap;
  display: flex;
  margin: auto 0px auto var(--ss-spacing-s);
  font-size: 16px;
  letter-spacing: -0.5px;
}

.ss-main .ss-values .ss-value {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
  animation-name: ss-valueIn;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

.ss-main .ss-values .ss-value.ss-value-out {
  animation-name: ss-valueOut;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
}

.ss-main .ss-values .ss-value .ss-value-text {
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
}

.ss-main .ss-values .ss-value .ss-value-delete {
  display: flex;
  align-items: center;
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  cursor: pointer;
  border-left: solid 1px var(--ss-bg-color);
  box-sizing: content-box;
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: var(--ss-bg-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-deselect {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  padding: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
}

.ss-main .ss-deselect svg {
  width: 8px;
  height: 8px;
}

.ss-main .ss-deselect svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-arrow {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 12px;
  height: 12px;
  margin-right: var(--ss-spacing-m);
}

.ss-main .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  box-sizing: border-box;
  border: solid 1px #43474e;
  background-color: var(--ss-bg-color);
  transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
  opacity: 0;
  transform: translateY(5px) scaleY(0);
  transform-origin: center top;
  overflow: hidden;
  z-index: 1000;
}

.ss-content.ss-relative {
  position: relative;
  height: 100%;
}

.ss-content.ss-fixed {
  position: fixed;
}

.ss-content.ss-dir-above {
  flex-direction: column-reverse;
  opacity: 1;
  transform: translateY(5px) scaleY(1);
  transform-origin: center bottom;
  border-top-left-radius: var(--ss-border-radius);
  border-top-right-radius: var(--ss-border-radius);
}

.ss-content.ss-dir-below {
  opacity: 1;
  transform: translateY(5px) scaleY(1);
  transform-origin: center top;
  border-bottom-left-radius: var(--ss-border-radius);
  border-bottom-right-radius: var(--ss-border-radius);
}

.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0px;
  padding: var(--ss-spacing-m) var(--ss-spacing-l);
  margin: 0;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  text-align: right;
  box-sizing: border-box;
}

.ss-content .ss-search input::-moz-placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}

.ss-content .ss-search input::placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}

.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 var(--ss-spacing-m);
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
}

.ss-content .ss-search .ss-addable svg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list {
  flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ss-content .ss-list .ss-error {
  color: var(--ss-error-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-searching {
  color: var(--ss-font-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  display: none !important;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  flex: 1 1 auto;
  font-weight: bold;
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--ss-spacing-m);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
  opacity: 0.5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: var(--ss-error-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60%;
  text-align: center;
  padding: 0 var(--ss-spacing-s) 0 0;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  flex: 0 1 auto;
  width: 13px;
  height: 13px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
  stroke-width: 5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
  stroke-width: 11;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
  flex: 1 1 auto;
  width: 10px;
  height: 10px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3);
}

.ss-content .ss-list .ss-option {
  display: block;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
  white-space: normal;
  color: var(--ss-font-color);
  cursor: pointer;
  letter-spacing: -0.5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ss-content .ss-list .ss-option:hover {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  background-color: var(--ss-disabled-color);
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-option .ss-search-highlight {
  display: inline-block;
  background-color: var(--ss-highlight-color);
} 
.ss-content .ss-status {
  display: none !important;
}

.splide {
  visibility: visible;
}
.splide__list {
  display: flex;
}
.splide__slide {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.splide__pagination {
  width: 100%;
  position: static !important;
  padding: 0 !important;
}
.splide__pagination__page {
  display: block !important;
  transition: all 0.3s !important;
  margin: 0 4px !important;
  opacity: 1 !important;
  height: 16px !important;
  width: 16px !important;
  background: transparent !important;
  transform: unset !important;
  outline: unset !important;
}
@media (max-width: 991px) {
  .splide__pagination__page {
    height: 12px !important;
    width: 12px !important;
  }
}
.splide__pagination__page:before {
  content: "";
  display: block;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--primary-colors-aluminium-60, #e0e2e5);
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.splide__pagination__page:after {
  content: "";
  display: block;
  border-radius: 50%;
  border: 1px solid transparent;
  width: 0;
  height: 0;
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.splide__pagination__page.is-active:before {
  width: 4px;
  height: 4px;
  background-color: var(--primary-colors-bunker-80, #2d3038);
}
.splide__pagination__page.is-active:after {
  width: 16px;
  height: 16px;
  border-color: #2d3038;
}
@media (max-width: 991px) {
  .splide__pagination__page.is-active:after {
    width: 12px;
    height: 12px;
  }
}
.splide__controls {
  display: flex;
  position: relative;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 2;
}
.splide__controls--pagination {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  position: static;
  width: unset;
  font-size: 0;
}
.splide__controls--pagination-current {
  order: 0;
  font-size: 12px;
  font-weight: var(--font-weight-400);
  line-height: 16px;
  color: var(--primary-colors-bunker-100, #181c22);
  min-width: 15px;
  text-align: center;
  margin-left: 4px;
}
.splide__controls--pagination-total {
  order: 1;
  font-size: 12px;
  font-weight: var(--font-weight-400);
  line-height: 16px;
  color: var(--primary-colors-bunker-100, #181c22);
  min-width: 15px;
  text-align: center;
  margin-right: 4px;
}
.splide__controls--pagination:before {
  height: 1px;
  display: block;
  background-color: var(--accent-color-anzac-40, #cebb76);
  width: 134px;
  content: "";
  order: 1;
  margin-left: 8px;
  margin-right: 8px;
}
.splide__controls--next {
  margin: 0;
  position: static;
  transform: rotate(90deg);
  color: #c0a452;
  cursor: pointer;
}
.splide__controls--prev {
  margin: 0;
  position: static;
  transform: rotate(-90deg);
  color: #c0a452;
  cursor: pointer;
}

.splide-next-prev {
  display: flex;
  position: relative;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-top: 22px;
  justify-content: center;
  z-index: 2;
}
.splide-next-prev:before {
  content: "";
  display: block;
  width: 1px;
  height: 21px;
  background: #c4c6cf;
  margin-left: 8px;
  margin-right: 8px;
  order: 1;
}
.splide-next-prev .splide-button-next {
  margin: 0;
  position: static;
  width: 24px;
  height: 24px;
  order: 2;
  cursor: pointer;
}
.splide-next-prev .splide-button-next .icon {
  width: 24px;
  height: 24px;
  color: #c4c6cf;
  transform: rotate(0);
  transition: all 0.3s;
}
.splide-next-prev .splide-button-next:hover .icon {
  color: #2d3038;
}
.splide-next-prev .splide-button-prev {
  margin: 0;
  position: static;
  width: 24px;
  height: 24px;
  order: 0;
  cursor: pointer;
}
.splide-next-prev .splide-button-prev .icon {
  width: 24px;
  height: 24px;
  color: #c4c6cf;
  transform: rotate(0);
  transition: all 0.3s;
}
.splide-next-prev .splide-button-prev:hover .icon {
  color: #2d3038;
}

.price-slider {
  padding-top: 2px;
  padding-right: 8px;
  padding-left: 2px;
  width: calc(100% - 20px);
}
.price-slider .noUi-target {
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.price-slider .noUi-target:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 100%;
  height: 2px;
  border-radius: 5px;
  background: var(--primary-colors-aluminium-60, #e0e2e5);
  display: block;
}
.price-slider .noUi-connects {
  border-radius: 5px;
}
.price-slider .noUi-connect {
  background: transparent;
}
.price-slider .noUi-connect:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 100%;
  height: 4px;
  border-radius: 5px;
  background: var(--accent-color-anzac-60, #c0a452);
  display: block;
}
.price-slider .noUi-horizontal {
  height: 24px;
}
.price-slider .noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
  background: var(--accent-color-anzac-60, #c0a452);
  border-radius: 50%;
  box-shadow: none;
  top: 4px;
  border: none;
  transform: translateX(2px);
  cursor: pointer;
  transition: all 0.3s;
}
.price-slider .noUi-horizontal .noUi-handle:hover {
  box-shadow: 0px 0px 0px 6px rgba(192, 164, 82, 0.4);
}
.price-slider .noUi-horizontal .noUi-handle:before {
  display: none;
}
.price-slider .noUi-horizontal .noUi-handle:after {
  display: none;
}

.price-inputs {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  gap: 8px;
}
.price-inputs .hr {
  flex: 1;
  pointer-events: none;
  height: 1px;
  background: #e3e3e4;
}
.price-inputs input {
  width: 100px;
  border-radius: 4px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
  height: 32px;
  padding: 4px;
  font-size: 14px;
  color: var(--primary-colors-bunker-60, #43474e);
  text-align: center;
  flex: 0 0 auto;
}