/* ----------------------------------------
// Table of Contents:
// - Common
//   - animations
//   - base
//   - .document
//   - grid
//   - header
//   - .site
// - Components
//   - .alert
//   - .arrow
//   - .breadcrumb
//   - .btn
//   - .button-toggle
//   - .card
//   - .card-table
//   - .container
//   - .decor
//   - .filters-button
//   - .form
//   - .form-control
//   - .image
//   - .input-check
//   - .input-check-color
//   - .input-number
//   - .input-radio
//   - .input-radio-color
//   - .input-radio-label
//   - .layout-switcher
//   - .modal
//   - .nouislider
//   - .pagination
//   - .rating
//   - .section-header
//   - .select2
//   - .share-links
//   - .shop-features
//   - .sidebar
//   - .social-links
//   - .status-badge
//   - .tag-badge
//   - .tags
//   - .teammate
//   - .timer
//   - .tooltip
//   - .typography
//   - .vehicle-form
//   - .vehicles-list
//   - .view-options
//   - .widget
// - Filters
//   - .filter
//   - .filter-categories
//   - .filter-color
//   - .filter-list
//   - .filter-price
//   - .filter-rating
//   - .filter-vehicle
// - Footer
//   - .footer-contacts
//   - .footer-links
//   - .footer-newsletter
//   - .site-footer
// - Pages
//   - .about
//   - .contacts
//   - .faq
//   - .not-found
// - Blocks
//   - .block-banners
//   - .block-brands
//   - .block-categories
//   - .block-features
//   - .block-finder
//   - .block-header
//   - .block-map
//   - .block-posts-carousel
//   - .block-products-carousel
//   - .block-products-columns
//   - .block-reviews
//   - .block-sale
//   - .block-slideshow
//   - .block-space
//   - .block-split
//   - .block-teammates
//   - .block-zone
// - Widgets
//   - .widget-about-us
//   - .widget-categories
//   - .widget-categories-list
//   - .widget-comments
//   - .widget-filters
//   - .widget-newsletter
//   - .widget-posts
//   - .widget-products
//   - .widget-search
//   - .widget-tags
// - Shop
//   - .analogs-table
//   - .applied-filters
//   - .cart
//   - .cart-table
//   - .categories-list
//   - .category-card
//   - .checkout
//   - .compare
//   - .compare-table
//   - .order-header
//   - .order-list
//   - .order-success
//   - .payment-methods
//   - .product
//   - .product-card
//   - .product-form
//   - .product-gallery
//   - .product-tabs
//   - .products-list
//   - .products-view
//   - .quickview
//   - .review
//   - .reviews-list
//   - .reviews-view
//   - .spec
//   - .vehicle-picker-modal
//   - .wishlist
// - Blog
//   - .blog-view
//   - .comment
//   - .comments-list
//   - .comments-view
//   - .post
//   - .post-card
//   - .post-header
//   - .post-navigation
//   - .post-view
//   - .posts-list
//   - .posts-view
// - Account
//   - .account-nav
//   - .address-card
//   - .addresses-list
//   - .dashboard
//   - .profile-card
// ---------------------------------------- */
/* ----------------------------------------
// Common
// ---------------------------------------- */
/*
// animations
*/
@-webkit-keyframes loader-animation {
  from {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes loader-animation {
  from {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

/*
// base
*/
html {
  height: 100%;
}

body {
  height: 100%;
  background: #fafafa;
  color: #262626;
  font-family: "BankGothic", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  overflow-y: scroll;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

[dir="ltr"] body {
  text-align: left;
  direction: ltr;
}

[dir="rtl"] body {
  text-align: right;
  direction: rtl;
}



a:hover {
  color: var(--light-100);
  text-decoration: none;
}

label {
  margin-bottom: 0.25rem;
  font-size: 15px;
}

h1 {
  font-size: 40px;
  font-weight: 500;
}

h2 {
  font-size: 32px;
  font-weight: 500;
}

h3 {
  font-size: 28px;
  font-weight: 500;
}

h4 {
  font-size: 24px;
  font-weight: 500;
}

h5 {
  font-size: 20px;
  font-weight: 500;
}

h6 {
  font-size: 16px;
  font-weight: 500;
}

/*
// .document
*/
.document {
  max-width: 760px;
  margin: 0 auto;
}

.document__header {
  text-align: center;
  padding: 44px 0 52px;
}

.document__title {
  font-weight: 700;
  letter-spacing: 0.01em;
  margin: 0;
}

.document__subtitle {
  font-size: 15px;
  color: #999;
  margin-top: 8px;
  margin-bottom: -4px;
}

.document__content {
  padding: 50px;
}

.document__signature {
  margin-top: 2.5rem;
}

@media (max-width: 1199.98px) {
  .document__header {
    padding: 44px 0 48px;
  }
  .document__subtitle {
    margin-top: 4px;
  }
}

@media (max-width: 991.98px) {
  .document__content {
    padding: 40px;
  }
}

@media (max-width: 767.98px) {
  .document__header {
    padding: 36px 0 40px;
  }
  .document__title {
    font-size: 36px;
  }
  .document__content {
    padding: 28px;
  }
}

@media (max-width: 575.98px) {
  .document__title {
    font-size: 32px;
  }
  .document__subtitle {
    font-size: 14px;
  }
  .document__content {
    padding: 24px;
  }
  .document__content .typography {
    font-size: 15px;
  }
  .document__signature {
    margin-top: 24px;
  }
}

/*
// grid
*/
.col-1of5 {
  padding: 0 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  position: relative;
  width: 100%;
}

.col-2of5 {
  padding: 0 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
  position: relative;
  width: 100%;
}

.col-3of5 {
  padding: 0 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
  position: relative;
  width: 100%;
}

.col-4of5 {
  padding: 0 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
  position: relative;
  width: 100%;
}

.col-5of5 {
  padding: 0 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
}

/*
// header
*/
@media (min-width: 1200px) {
  .mobile-header,
  .mobile-menu {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .header {
    display: none;
  }
}

/*
// .site
*/
.site {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.site__header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.site__body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.site__footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* ----------------------------------------
// Components
// ---------------------------------------- */
/*
// .alert
*/
.alert {
  border: none;
  border-radius: 2px;
  font-size: 15px;
  line-height: 20px;
  padding: 0.75rem 1rem;
}

.alert a {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  color: currentColor;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1.5px;
  padding: 0 3px;
}

.alert a:hover {
  background: rgba(255, 255, 255, 0.85);
}

.alert a:active {
  background: rgba(255, 255, 255, 0.5);
}

.alert hr {
  border-color: currentColor;
  opacity: 0.12;
}

.alert-primary {
  background: #b2d9ff;
  color: #36414d;
}

.alert-secondary {
  background: #d9d9d9;
  color: #4d4d4d;
}

.alert-info {
  background: #b8e2e5;
  color: #2d3e40;
}

.alert-success {
  background: #bde5a1;
  color: #34402d;
}

.alert-danger {
  background: #ffb8b8;
  color: #473333;
}

.alert-warning {
  background: #f2e291;
  color: #4d472e;
}

.alert-lg {
  font-size: 16px;
  padding: 1.125rem 1.375rem;
}

[dir="ltr"] .alert-dismissible {
  padding-right: 3rem;
}

[dir="rtl"] .alert-dismissible {
  padding-left: 3rem;
}

.alert-dismissible .close {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1rem;
  height: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  fill: rgba(0, 0, 0, 0.3);
  background: transparent;
}

[dir="ltr"] .alert-dismissible .close {
  right: 0;
  border-top-right-radius: 1.5px;
  border-bottom-right-radius: 1.5px;
}

[dir="rtl"] .alert-dismissible .close {
  left: 0;
  border-top-left-radius: 1.5px;
  border-bottom-left-radius: 1.5px;
}

.alert-dismissible .close:focus {
  outline: none;
}

.alert-dismissible .close:not(:disabled):not(.disabled):focus,
.alert-dismissible .close:not(:disabled):not(.disabled):hover {
  background: rgba(0, 0, 0, 0.08);
  fill: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

/*
// .arrow
*/
.arrow__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  background: transparent;
  pointer-events: none;
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
  color: #fff;
}

.arrow__button:before {
  background: var(--gold-500);
}

.arrow__button svg {
  fill: currentColor;
  display: block;
}

[dir="ltr"] .arrow__button svg {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

[dir="rtl"] .arrow__button svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.arrow__button:focus {
  outline: none;
}

.arrow__button:before {
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  z-index: -1;
  border-radius: 2px;
  pointer-events: auto;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}

.arrow__button:hover {
  color: #fff;
}

.arrow__button:hover:before {
  background: #333;
}

.arrow__button:active {
  color: #fff;
}

.arrow__button:active:before {
  background: #474747;
}

.arrow__button:active,
.arrow__button:active:before {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.arrow__button:after {
  position: absolute;
  display: block;
  content: "";
  top: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  opacity: 0.01;
}

[dir="ltr"] .arrow__button:after {
  left: -2px;
}

[dir="rtl"] .arrow__button:after {
  right: -2px;
}

.arrow__button:hover:after {
  background: rgba(0, 0, 0, 0.01);
}

.arrow__button:active:after {
  background: rgba(255, 255, 255, 0.01);
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

[dir="ltr"] .arrow--next svg {
  margin-right: -1px;
}

[dir="rtl"] .arrow--next svg {
  margin-left: -1px;
}

[dir="ltr"] .arrow--prev svg {
  margin-left: -1px;
}

[dir="rtl"] .arrow--prev svg {
  margin-right: -1px;
}

.arrow__button {
  height: 23px;
  padding: 0 14.37131px;
}

.arrow__button:before {
  width: calc(100% - 8.37131px);
}

[dir="ltr"] .arrow__button:before {
  left: 4.18566px;
}

[dir="rtl"] .arrow__button:before {
  right: 4.18566px;
}

[dir="ltr"] .arrow__button:before {
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

[dir="rtl"] .arrow__button:before {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
}

/*
// .breadcrumb
*/
.breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  color: var(--light-100);
}

.breadcrumb:after {
  content: "";
  clear: both;
}

.breadcrumb__list {
  display: block;
  list-style: none;
  padding: 0;
  margin: -4px 0 0;
  width: 100%;
  height: 53px;
}

.breadcrumb__item {
  margin-top: 4px;
}

[dir="ltr"] .breadcrumb__item {
  margin-right: -7.12435px;
  float: left;
}

[dir="rtl"] .breadcrumb__item {
  margin-left: -7.12435px;
  float: right;
}

.breadcrumb__item-link {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0;
    height: 40px;
    padding: 0 18.12435px;
    pointer-events: none;

    max-width: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

.breadcrumb__item-link,
.breadcrumb__item-link:hover {
  color: inherit;
}

.breadcrumb__item-link:before,
.breadcrumb__item-link:after {
  pointer-events: auto;
  position: absolute;
  background-color: var(--gold-500);
  top: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 3px;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
}

.breadcrumb__item-link:before {
  content: "";
}

[dir="ltr"] .breadcrumb__item-link:before {
  left: 6.06217px;
  right: 6.06217px;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

[dir="rtl"] .breadcrumb__item-link:before {
  right: 6.06217px;
  left: 6.06217px;
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);
}

[dir="ltr"] .breadcrumb__item--first .breadcrumb__item-link {
  padding-left: 7px;
}

[dir="rtl"] .breadcrumb__item--first .breadcrumb__item-link {
  padding-right: 7px;
}

.breadcrumb__item--first .breadcrumb__item-link:after {
  content: "";
}

[dir="ltr"] .breadcrumb__item--first .breadcrumb__item-link:after {
  left: 0;
  right: 12.12435px;
}

[dir="rtl"] .breadcrumb__item--first .breadcrumb__item-link:after {
  right: 0;
  left: 12.12435px;
}

.breadcrumb__item--parent .breadcrumb__item-link:hover:before,
.breadcrumb__item--parent .breadcrumb__item-link:hover:after {
  background-color: #000000;
}

.breadcrumb__item--parent .breadcrumb__item-link:active:before,
.breadcrumb__item--parent .breadcrumb__item-link:active:after {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background-color: #000000;
}

[dir="ltr"] .breadcrumb__item--last {
  margin-right: 0;
}

[dir="rtl"] .breadcrumb__item--last {
  margin-left: 0;
}

.breadcrumb__title-safe-area {
  display: block;
  height: 21px;
  width: calc(50% + var(--block-header-title-width, 0px) / 2 + 64px);
  margin-top: 4px;
}

[dir="ltr"] .breadcrumb__title-safe-area {
  float: left;
}

[dir="rtl"] .breadcrumb__title-safe-area {
  float: right;
}

@media (max-width: 1199.98px) {
  .breadcrumb__title-safe-area {
    display: none;
  }
}

.breadcrumb__spaceship-safe-area {
  display: block;
  height: 21px;
  width: calc(50% + 480px / 2 + 20px);
  margin-top: 4px;
}

[dir="ltr"] .breadcrumb__spaceship-safe-area {
  float: right;
}

[dir="rtl"] .breadcrumb__spaceship-safe-area {
  float: left;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .breadcrumb__spaceship-safe-area {
    width: calc(50% + 440px / 2 + 20px);
  }
}

@media (max-width: 1199.98px) {
  .breadcrumb__spaceship-safe-area {
    display: none;
  }
}

/*
// .btn
*/
.btn {
  border: none;
  border-radius: 2px;
  fill: currentColor;
  font-weight: 500;
}

.btn.disabled,
.btn:disabled {
  cursor: default;
}

.btn-icon {
  padding: 0;
}

.btn-icon svg {
  display: block;
  margin: auto;
}

.btn-loading {
  position: relative;
}

.btn-loading:after {
  /* nl size (default) */
  border-style: solid;
  -webkit-animation-name: loader-animation;
  animation-name: loader-animation;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  display: block;
  content: "";
  border-width: 2px;
  left: calc(50% - 12px);
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
  border-radius: 12px;
}

.btn-loading.btn-xl:after {
  /* xl size */
  left: calc(50% - 21px);
  top: calc(50% - 21px);
  width: 42px;
  height: 42px;
  border-radius: 21px;
}

.btn-loading.btn-lg:after {
  /* lg size */
  left: calc(50% - 16px);
  top: calc(50% - 16px);
  width: 32px;
  height: 32px;
  border-radius: 16px;
}

.btn-loading.btn-sm:after {
  /* sm size */
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  border-radius: 10px;
}

.btn-loading.btn-xs:after {
  /* xs size */
  left: calc(50% - 8px);
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  border-radius: 8px;
}

.btn:not(.btn-icon) {
  font-size: 16px;
  line-height: 19px;
  padding: calc(17px / 2) 16px;
}

.btn.btn-icon {
  height: 36px;
  width: 36px;
}

.btn-sm:not(.btn-icon) {
  font-size: 14px;
  line-height: 17px;
  padding: calc(13px / 2) 12px;
}

.btn-sm.btn-icon {
  height: 30px;
  width: 30px;
}

.btn-xs:not(.btn-icon) {
  font-size: 13px;
  line-height: 15px;
  padding: calc(9px / 2) 9px;
}

.btn-xs.btn-icon {
  height: 24px;
  width: 24px;
}

.btn-lg:not(.btn-icon) {
  font-size: 18px;
  line-height: 22px;
  padding: calc(20px / 2) 24px;
  background: var(--gold-500);
  color: var(--light-100);
}

.btn-lg.btn-icon {
  height: 42px;
  width: 42px;
}

.btn-xl:not(.btn-icon) {
  font-size: 20px;
  line-height: 26px;
  padding: calc(34px / 2) 40px;
}

.btn-xl.btn-icon {
  height: 60px;
  width: 60px;
}

.btn-primary:hover {
  background: var(--light-100);
  color: var(--gold-500);
  border: 1px solid var(--gold-500);
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
  border-color:1px solid var(--gold-500);
  background: var(--gold-500);
  color: #fff;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
  border-color: var(--light-100);
  background: var(--gold-500);
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
  border-color: #4d4d4d;
  background: #4d4d4d;
  color: #fff;
}

.btn-primary.btn-loading:not(:disabled):not(.disabled),
.btn-primary.btn-loading:not(:disabled):not(.disabled):active,
.btn-primary.btn-loading:not(:disabled):not(.disabled).active {
  border-color: #1a79ff;
  background: #1a79ff;
  cursor: default;
}

.btn-primary.btn-loading {
  /* hide button content */
}

.btn-primary.btn-loading,
.btn-primary.btn-loading:hover,
.btn-primary.btn-loading.focus,
.btn-primary.btn-loading:focus,
.btn-primary.btn-loading:not(:disabled):not(.disabled).active,
.btn-primary.btn-loading:not(:disabled):not(.disabled):active,
.btn-primary.btn-loading.disabled,
.btn-primary.btn-loading:disabled {
  color: transparent;
  fill: transparent;
}

.btn-primary.btn-loading:after {
  border-color: rgba(255, 255, 255, 0.1);
  border-top-color: rgba(255, 255, 255, 0.5);
}

.btn-secondary:hover {
  border-color: #e5e5e5;
  background: #e5e5e5;
  color: #333;
}

.btn-secondary,
.btn-secondary.disabled,
.btn-secondary:disabled {
   background: var(--gold-500);
  color: var(--light-100);
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
  background: var(--gold-500);
  color: var(--light-100);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
  border-color: #d6d6d6;
  background: #d6d6d6;
  color: #333;
}

.btn-secondary.btn-loading:not(:disabled):not(.disabled),
.btn-secondary.btn-loading:not(:disabled):not(.disabled):active,
.btn-secondary.btn-loading:not(:disabled):not(.disabled).active {
  border-color: #f0f0f0;
  background: #f0f0f0;
  cursor: default;
}

.btn-secondary.btn-loading {
  /* hide button content */
}

.btn-secondary.btn-loading,
.btn-secondary.btn-loading:hover,
.btn-secondary.btn-loading.focus,
.btn-secondary.btn-loading:focus,
.btn-secondary.btn-loading:not(:disabled):not(.disabled).active,
.btn-secondary.btn-loading:not(:disabled):not(.disabled):active,
.btn-secondary.btn-loading.disabled,
.btn-secondary.btn-loading:disabled {
  color: transparent;
  fill: transparent;
}

.btn-secondary.btn-loading:after {
  border-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.5);
}

.btn-light:hover {
  border-color: #f0f0f0;
  background: #f0f0f0;
  color: #333;
}

.btn-light,
.btn-light.disabled,
.btn-light:disabled {
  border-color: transparent;
  background: transparent;
  color: #333;
}

.btn-light.focus,
.btn-light:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus {
  border-color: #f0f0f0;
  background: #f0f0f0;
  color: #333;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus {
  border-color: #e1e1e1;
  background: #e1e1e1;
  color: #333;
}

.btn-light.btn-loading:not(:disabled):not(.disabled),
.btn-light.btn-loading:not(:disabled):not(.disabled):active,
.btn-light.btn-loading:not(:disabled):not(.disabled).active {
  border-color: transparent;
  background: transparent;
  cursor: default;
}

.btn-light.btn-loading {
  /* hide button content */
}

.btn-light.btn-loading,
.btn-light.btn-loading:hover,
.btn-light.btn-loading.focus,
.btn-light.btn-loading:focus,
.btn-light.btn-loading:not(:disabled):not(.disabled).active,
.btn-light.btn-loading:not(:disabled):not(.disabled):active,
.btn-light.btn-loading.disabled,
.btn-light.btn-loading:disabled {
  color: transparent;
  fill: transparent;
}

.btn-light.btn-loading:after {
  border-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.5);
}

.btn-muted:hover {
  border-color: #f2f2f2;
  background: #f2f2f2;
  color: #4d4d4d;
}

.btn-muted,
.btn-muted.disabled,
.btn-muted:disabled {
  border-color: #fff;
  background: #fff;
  color: #ccc;
}

.btn-muted.focus,
.btn-muted:focus,
.btn-muted:not(:disabled):not(.disabled).active:focus,
.btn-muted:not(:disabled):not(.disabled):active:focus {
  border-color: #f2f2f2;
  background: #f2f2f2;
  color: #4d4d4d;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-muted:not(:disabled):not(.disabled):active,
.btn-muted:not(:disabled):not(.disabled).active,
.btn-muted:not(:disabled):not(.disabled).active:focus,
.btn-muted:not(:disabled):not(.disabled):active:focus {
  border-color: #ebebeb;
  background: #ebebeb;
  color: #4d4d4d;
}

.btn-muted.btn-loading:not(:disabled):not(.disabled),
.btn-muted.btn-loading:not(:disabled):not(.disabled):active,
.btn-muted.btn-loading:not(:disabled):not(.disabled).active {
  border-color: #fff;
  background: #fff;
  cursor: default;
}

.btn-muted.btn-loading {
  /* hide button content */
}

.btn-muted.btn-loading,
.btn-muted.btn-loading:hover,
.btn-muted.btn-loading.focus,
.btn-muted.btn-loading:focus,
.btn-muted.btn-loading:not(:disabled):not(.disabled).active,
.btn-muted.btn-loading:not(:disabled):not(.disabled):active,
.btn-muted.btn-loading.disabled,
.btn-muted.btn-loading:disabled {
  color: transparent;
  fill: transparent;
}

.btn-muted.btn-loading:after {
  border-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.5);
}

/*
// .button-toggle
*/
.button-toggle__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.button-toggle__item {
  margin: 0;
}

.button-toggle__button {
  margin: 0;
  background: #f0f0f0;
  color: #333;
  font-weight: 500;
  font-size: 13px;
  line-height: 14px;
  padding: 5px 9px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition:
    background 0.12s,
    color 0.12s;
  transition:
    background 0.12s,
    color 0.12s;
}

.button-toggle__button:hover {
  background: #e5e5e5;
  color: #333;
}

.button-toggle__button:active {
  background: #d6d6d6;
  color: #333;
}

[dir="ltr"] .button-toggle__item:first-child .button-toggle__button {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

[dir="rtl"] .button-toggle__item:first-child .button-toggle__button {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

[dir="ltr"] .button-toggle__item:last-child .button-toggle__button {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

[dir="rtl"] .button-toggle__item:last-child .button-toggle__button {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.button-toggle__input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.button-toggle__input:checked ~ .button-toggle__button {
  background: #1a79ff;
  color: #fff;
}

/*
// .card
*/
.card {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  border: none;
  border-radius: 0;
}

.card-body--padding--2 {
  padding: 2rem;
}

@media (max-width: 575.98px) {
  .card-body--padding--2 {
    padding: 1.5rem;
  }
}

.card-divider {
  height: 1px;
  background: #ebebeb;
}

.card-header {
  border-radius: 0;
  background: transparent;
  padding: 1.25rem 2rem;
  border: none;
}

.card-header > h5 {
  margin-bottom: 0;
}

.card-footer {
  border-radius: 0;
  background: transparent;
  padding: 1.25rem 2rem;
  border: none;
}

.card-title {
  font-size: 24px;
  font-weight: 500;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 2rem;
  margin-top: -4px;
}

.card-title--lg {
  font-size: 28px;
}

/*
// .card-table
*/
.card-table {
  font-size: 15px;
}

.card-table a:hover {
  text-decoration: underline;
}

.card-table table {
  width: 100%;
  min-width: 500px;
}

[dir="ltr"] .card-table table {
  text-align: left;
}

[dir="rtl"] .card-table table {
  text-align: right;
}

.card-table thead th {
  border-bottom: 1px solid #ebebeb;
  text-transform: uppercase;
  font-size: 13px;
  padding: 10px 12px;
}

.card-table tbody th,
.card-table tbody td,
.card-table tfoot th,
.card-table tfoot td {
  padding: 12px 12px;
}

.card-table tfoot th,
.card-table tfoot td {
  padding-top: 16px;
  padding-bottom: 16px;
}

.card-table tbody + tbody tr th,
.card-table tbody + tbody tr td,
.card-table tbody + tfoot tr th,
.card-table tbody + tfoot tr td,
.card-table tbody tr + tr th,
.card-table tbody tr + tr td {
  border-top: 1px solid #ebebeb;
}

.card-table tbody tr:hover > *,
.card-table tfoot tr:hover > * {
  background-color: #f7f7f7;
}

[dir="ltr"] .card-table th:first-child,
[dir="ltr"] .card-table td:first-child {
  padding-left: 2rem;
}

[dir="ltr"] .card-table th:last-child,
[dir="ltr"] .card-table td:last-child {
  padding-right: 2rem;
}

[dir="rtl"] .card-table th:first-child,
[dir="rtl"] .card-table td:first-child {
  padding-right: 2rem;
}

[dir="rtl"] .card-table th:last-child,
[dir="rtl"] .card-table td:last-child {
  padding-left: 2rem;
}

.card-table .card-table__body--merge-rows th,
.card-table .card-table__body--merge-rows td {
  padding-top: 3px;
  padding-bottom: 3px;
}

.card-table .card-table__body--merge-rows tr:first-child th,
.card-table .card-table__body--merge-rows tr:first-child td {
  padding-top: 12px;
}

.card-table .card-table__body--merge-rows tr:last-child th,
.card-table .card-table__body--merge-rows tr:last-child td {
  padding-bottom: 12px;
}

.card-table .card-table__body--merge-rows tr + tr th,
.card-table .card-table__body--merge-rows tr + tr td {
  border-top: none;
}

@media (min-width: breakpoint(md-start)) and (max-width: breakpoint(md-end)) {
  .card-table {
    font-size: 14px;
  }
  [dir="ltr"] .card-table th:first-child,
  [dir="ltr"] .card-table td:first-child {
    padding-left: 1.5rem;
  }
  [dir="ltr"] .card-table th:last-child,
  [dir="ltr"] .card-table td:last-child {
    padding-right: 1.5rem;
  }
  [dir="rtl"] .card-table th:first-child,
  [dir="rtl"] .card-table td:first-child {
    padding-right: 1.5rem;
  }
  [dir="rtl"] .card-table th:last-child,
  [dir="rtl"] .card-table td:last-child {
    padding-left: 1.5rem;
  }
}

@media (max-width: breakpoint(sm-end)) {
  .card-table {
    font-size: 14px;
  }
  [dir="ltr"] .card-table th:first-child,
  [dir="ltr"] .card-table td:first-child {
    padding-left: 1.375rem;
  }
  [dir="ltr"] .card-table th:last-child,
  [dir="ltr"] .card-table td:last-child {
    padding-right: 1.375rem;
  }
  [dir="rtl"] .card-table th:first-child,
  [dir="rtl"] .card-table td:first-child {
    padding-right: 1.375rem;
  }
  [dir="rtl"] .card-table th:last-child,
  [dir="rtl"] .card-table td:last-child {
    padding-left: 1.375rem;
  }
}

/*
// .container
*/
@media (min-width: 576px) {
  .container--max--sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container--max--md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container--max--lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container--max--xl {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container--max--xxl {
    max-width: 1380px;
  }
}

.container .container {
  padding: 0;
}

/*
// .decor
*/
.decor {
  display: block;
}

.decor--type--center .decor__body {
  overflow: hidden;
  position: relative;
}

.decor--type--center .decor__start,
.decor--type--center .decor__end {
  position: absolute;
}

.decor--type--center .decor__start {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.decor--type--center .decor__end {
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.decor--type--center .decor__center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.decor--type--center .decor__body {
  height: 31px;
  margin: 0 -10px -10px;
}

.decor--type--center .decor__start,
.decor--type--center .decor__end {
  height: 21px;
  width: calc(50% - 22.12435px);
}

.decor--type--center .decor__start {
  left: 10px;
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);
}

.decor--type--center .decor__end {
  right: 10px;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

.decor--type--center .decor__center {
  height: 21px;
  width: 26.2487px;
}

.decor--type--bottom {
  width: 100%;
  position: relative;
  pointer-events: none;
  overflow: hidden;
  height: 31px;
}

.decor--type--bottom .decor__start,
.decor--type--bottom .decor__end {
  position: absolute;
  width: calc((100% - 1350px - 160px) / 2);
  bottom: 0;
}

.decor--type--bottom .decor__start {
  left: 0;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

.decor--type--bottom .decor__end {
  right: 0;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

.decor--type--bottom .decor__start,
.decor--type--bottom .decor__end {
  height: 21px;
}

.decor--type--bottom .decor__start {
  border-top-right-radius: 2px;
}

.decor--type--bottom .decor__end {
  border-top-left-radius: 2px;
}

.decor--type--bottom .decor__start {
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);
}

.decor--type--bottom .decor__end {
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

/*
// .filters-button
*/
.filters-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f0f0f0;
  border: none;
  border-radius: 2px;
  font-size: 15px;
  line-height: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit;
  font-family: inherit;
  -webkit-transition: background-color 0.12s;
  transition: background-color 0.12s;
  padding-top: 7px;
  padding-bottom: 7px;
}

[dir="ltr"] .filters-button {
  padding-left: 9px;
  padding-right: 7px;
}

[dir="rtl"] .filters-button {
  padding-right: 9px;
  padding-left: 7px;
}

.filters-button:focus {
  outline: none;
}

.filters-button:hover {
  background: #ebebeb;
}

.filters-button:active {
  background: #e0e0e0;
}

.filters-button__icon {
  fill: #404040;
}

[dir="ltr"] .filters-button__icon {
  margin-right: 7px;
}

[dir="rtl"] .filters-button__icon {
  margin-left: 7px;
}

.filters-button__icon svg {
  display: block;
}

.filters-button__title {
  padding-top: 1px;
}

.filters-button__counter {
  background: #1a79ff;
  color: #fff;
  padding: 3px 4px 2px;
  font-size: 11px;
  border-radius: 1.5px;
}

[dir="ltr"] .filters-button__counter {
  margin-left: 6px;
}

[dir="rtl"] .filters-button__counter {
  margin-right: 6px;
}

/*
// .form
*/
[dir="ltr"] .form-check {
  padding-left: 1.5rem;
}

[dir="rtl"] .form-check {
  padding-right: 1.5rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.1875rem;
}

[dir="ltr"] .form-check-input {
  margin-left: -1.5rem;
}

[dir="rtl"] .form-check-input {
  margin-right: -1.5rem;
}

/*
// .form-control
*/
.form-control {
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  background-clip: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition:
    border-color 0.15s ease-in-out,
    background 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    background 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    background 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    background 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  color: #262626;
  background-color: #ebebeb;
  border-color: #ebebeb;
  height: 36px;
  padding: calc(15px / 2) 10px;
  font-size: 16px;
  line-height: 19px;
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
}

.form-control::-moz-placeholder {
  color: #6c757d;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
}

.form-control::placeholder {
  color: #6c757d;
}

.form-control[readonly] {
  color: #262626;
  background-color: #ebebeb;
  border-color: #ebebeb;
}

.form-control[readonly]::-webkit-input-placeholder {
  color: #6c757d;
}

.form-control[readonly]::-moz-placeholder {
  color: #6c757d;
}

.form-control[readonly]:-ms-input-placeholder {
  color: #6c757d;
}

.form-control[readonly]::-ms-input-placeholder {
  color: #6c757d;
}

.form-control[readonly]::placeholder {
  color: #6c757d;
}

.form-control:hover {
  border-color: #d9d9d9;
}

.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border-color: #d9d9d9;
}

.form-control:disabled {
  opacity: 0.7;
  color: #262626;
  background-color: #ebebeb;
  border-color: #ebebeb;
}

.form-control:disabled::-webkit-input-placeholder {
  color: #6c757d;
}

.form-control:disabled::-moz-placeholder {
  color: #6c757d;
}

.form-control:disabled:-ms-input-placeholder {
  color: #6c757d;
}

.form-control:disabled::-ms-input-placeholder {
  color: #6c757d;
}

.form-control:disabled::placeholder {
  color: #6c757d;
}

.was-validated .form-control:invalid:focus,
.was-validated .form-control:valid:focus,
.form-control.is-invalid:focus,
.form-control.is-valid:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.was-validated .form-control:invalid,
.was-validated .form-control:valid,
.form-control.is-invalid,
.form-control.is-valid {
  background-image: none;
}

.was-validated .form-control:valid,
.form-control.is-valid {
  color: #262626;
  background-color: #e2f2da;
  border-color: #e2f2da;
}

.was-validated .form-control:valid::-webkit-input-placeholder,
.form-control.is-valid::-webkit-input-placeholder {
  color: #6c757d;
}

.was-validated .form-control:valid::-moz-placeholder,
.form-control.is-valid::-moz-placeholder {
  color: #6c757d;
}

.was-validated .form-control:valid:-ms-input-placeholder,
.form-control.is-valid:-ms-input-placeholder {
  color: #6c757d;
}

.was-validated .form-control:valid::-ms-input-placeholder,
.form-control.is-valid::-ms-input-placeholder {
  color: #6c757d;
}

.was-validated .form-control:valid::placeholder,
.form-control.is-valid::placeholder {
  color: #6c757d;
}

.was-validated .form-control:valid:hover,
.form-control.is-valid:hover {
  border-color: #c3d9b8;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  background-color: #fff;
  border-color: #88cc66;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  color: #262626;
  background-color: #f2dada;
  border-color: #f2dada;
}

.was-validated .form-control:invalid::-webkit-input-placeholder,
.form-control.is-invalid::-webkit-input-placeholder {
  color: #6c757d;
}

.was-validated .form-control:invalid::-moz-placeholder,
.form-control.is-invalid::-moz-placeholder {
  color: #6c757d;
}

.was-validated .form-control:invalid:-ms-input-placeholder,
.form-control.is-invalid:-ms-input-placeholder {
  color: #6c757d;
}

.was-validated .form-control:invalid::-ms-input-placeholder,
.form-control.is-invalid::-ms-input-placeholder {
  color: #6c757d;
}

.was-validated .form-control:invalid::placeholder,
.form-control.is-invalid::placeholder {
  color: #6c757d;
}

.was-validated .form-control:invalid:hover,
.form-control.is-invalid:hover {
  border-color: #d9a3a3;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  background-color: #fff;
  border-color: #cc6666;
}

.form-control-lg {
  height: 42px;
  padding: calc(19px / 2) 12px;
  font-size: 18px;
  line-height: 21px;
}

.form-control-sm {
  height: 30px;
  padding: calc(11px / 2) 8px;
  font-size: 14px;
  line-height: 17px;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.form-control:not(:disabled) {
  cursor: pointer;
}

select.form-control,
.was-validated select.form-control:invalid,
.was-validated select.form-control:valid,
select.form-control.is-invalid,
select.form-control.is-valid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='rgba(0, 0, 0, 0.55)' d='M4.503,4 L0.497,4 C0.094,4 -0.142,3.492 0.089,3.122 L2.095,0.233 C2.293,-0.084 2.712,-0.084 2.911,0.233 L4.911,3.122 C5.142,3.492 4.906,4 4.503,4 ZM0.497,6 L4.503,6 C4.906,6 5.142,6.504 4.911,6.871 L2.905,9.737 C2.707,10.052 2.288,10.052 2.089,9.737 L0.089,6.871 C-0.142,6.504 0.094,6 0.497,6 Z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 5px 10px;
}

select.form-control::-ms-expand {
  display: none;
}

[dir="ltr"] select.form-control {
  padding-right: 27px;
  background-position: right 10px center;
}

[dir="rtl"] select.form-control {
  padding-left: 27px;
  background-position: left 10px center;
}

[dir="ltr"] select.form-control-lg {
  padding-right: 31px;
  background-position: right 12px center;
}

[dir="rtl"] select.form-control-lg {
  padding-left: 31px;
  background-position: left 12px center;
}

[dir="ltr"] select.form-control-sm {
  padding-right: 23px;
  background-position: right 8px center;
  color: var(--light-100);
  background: var(--gold-500);
}

[dir="rtl"] select.form-control-sm {
  padding-left: 23px;
  background-position: left 8px center;
}

.valid-feedback {
  color: #388020;
}

.invalid-feedback {
  color: #b32d2d;
}

/*
// .image
*/
.image--type--product .image__body,
.image--type--category .image__body {
  display: block;
  position: relative;
  width: 100%;
}

.image--type--product .image__tag,
.image--type--category .image__tag {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.image--type--product .image__body {
  padding-bottom: 100%;
}

.image--type--category .image__body {
  padding-bottom: 100%;
}

/*
// .input-check
*/
.input-check {
  display: inline-block;
}

.input-check__body {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
}

.input-check__input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: inherit;
}

.input-check__box {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 1.2px;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  -webkit-transition:
    background 0.15s,
    -webkit-box-shadow 0.15s;
  transition:
    background 0.15s,
    -webkit-box-shadow 0.15s;
  transition:
    background 0.15s,
    box-shadow 0.15s;
  transition:
    background 0.15s,
    box-shadow 0.15s,
    -webkit-box-shadow 0.15s;
}

.input-check__icon {
  pointer-events: none;
  position: absolute;
  left: 4px;
  top: 5px;
  fill: #fff;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition:
    fill 0.15s,
    visibility 0s 0.15s,
    -webkit-transform 0.15s;
  transition:
    fill 0.15s,
    visibility 0s 0.15s,
    -webkit-transform 0.15s;
  transition:
    fill 0.15s,
    transform 0.15s,
    visibility 0s 0.15s;
  transition:
    fill 0.15s,
    transform 0.15s,
    visibility 0s 0.15s,
    -webkit-transform 0.15s;
}

.input-check__icon svg {
  display: block;
}

.input-check__input:checked ~ .input-check__box {
  background: #1a79ff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

.input-check__input:checked ~ .input-check__icon {
  fill: #fff;
  -webkit-transition-delay: 0s, 0s, 0s;
  transition-delay: 0s, 0s, 0s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.input-check__input:disabled ~ .input-check__box {
  background: #f2f2f2;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.input-check__input:disabled ~ .input-check__icon {
  fill: rgba(0, 0, 0, 0.2);
}

/*
// .input-check-color
*/
.input-check-color {
  display: inline-block;
}

.input-check-color__body {
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  border-radius: 1.2px;
  overflow: hidden;
  cursor: inherit;
  margin: 0;
}

.input-check-color__input {
  position: absolute;
  visibility: hidden;
}

.input-check-color__box {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 1.2px;
  background: currentColor;
  cursor: inherit;
}

.input-check-color__icon {
  position: absolute;
  left: 5px;
  top: 6px;
  fill: #fff;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition:
    transform 0.15s,
    -webkit-transform 0.15s;
}

.input-check-color__icon svg {
  display: block;
}

.input-check-color__input:checked ~ .input-check-color__icon {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.input-check-color__input:disabled {
  cursor: default;
}

.input-check-color__input:disabled ~ .input-check-color__box {
  position: relative;
  left: 0px;
  top: 0px;
  width: 22px;
  height: 22px;
  opacity: 0.5;
  cursor: default;
}

.input-check-color__input:disabled ~ .input-check-color__stick {
  pointer-events: none;
  display: block;
  position: absolute;
  width: 2px;
  border-radius: 1px;
  height: 34px;
  left: calc(50% - 1px);
  top: -6px;
  background: rgba(102, 102, 102, 0.9);
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.input-check-color--light .input-check-color__icon {
  fill: #3d464d;
}

.input-check-color--white .input-check-color__box {
  -webkit-box-shadow: 0 0 0 2px #d9d9d9 inset;
  box-shadow: 0 0 0 2px #d9d9d9 inset;
}

.input-check-color--white .input-check-color__icon {
  fill: #bfbfbf;
}

/*
// .input-number
*/
.input-number {
  display: block;
  width: 100%;
  position: relative;
}

.input-number__input {
  -moz-appearance: textfield;
  display: block;
  width: 100%;
  min-width: 88px;
  padding-left: 24px;
  padding-right: 24px;
  text-align: center;
}

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

.input-number__sub,
.input-number__add {
  position: absolute;
  height: 100%;
  width: 24px;
  top: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.3;
  -webkit-transition: opacity 0.18s;
  transition: opacity 0.18s;
}

.input-number__sub:before,
.input-number__sub:after,
.input-number__add:before,
.input-number__add:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: currentColor;
}

.input-number__sub:before,
.input-number__add:before {
  width: 8px;
  height: 2px;
}

.input-number__sub:hover,
.input-number__add:hover {
  opacity: 1;
}

[dir="ltr"] .input-number__sub {
  left: 1px;
}

[dir="rtl"] .input-number__sub {
  right: 1px;
}

[dir="ltr"] .input-number__add {
  right: 1px;
}

[dir="rtl"] .input-number__add {
  left: 1px;
}

.input-number__add:after {
  width: 2px;
  height: 8px;
}

/*
// .input-radio
*/
.input-radio {
  display: inline-block;
}

.input-radio__body {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
}

.input-radio__input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: inherit;
}

.input-radio__circle {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17) inset;
  -webkit-transition:
    background 0.2s,
    -webkit-box-shadow 0.2s;
  transition:
    background 0.2s,
    -webkit-box-shadow 0.2s;
  transition:
    background 0.2s,
    box-shadow 0.2s;
  transition:
    background 0.2s,
    box-shadow 0.2s,
    -webkit-box-shadow 0.2s;
}

.input-radio__circle:after {
  display: block;
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #fff;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition:
    background 0.2s,
    visibility 0s 0.2s,
    -webkit-transform 0.2s;
  transition:
    background 0.2s,
    visibility 0s 0.2s,
    -webkit-transform 0.2s;
  transition:
    background 0.2s,
    transform 0.2s,
    visibility 0s 0.2s;
  transition:
    background 0.2s,
    transform 0.2s,
    visibility 0s 0.2s,
    -webkit-transform 0.2s;
  visibility: hidden;
}

.input-radio__input:checked ~ .input-radio__circle {
  background: #1a79ff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
}

.input-radio__input:checked ~ .input-radio__circle:after {
  background: #fff;
  visibility: visible;
  -webkit-transition-delay: 0s, 0s, 0s;
  transition-delay: 0s, 0s, 0s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.input-radio__input:disabled ~ .input-radio__circle {
  background: #f2f2f2;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12) inset;
}

.input-radio__input:disabled ~ .input-radio__circle:after {
  background: rgba(0, 0, 0, 0.2);
}

/*
// .input-radio-color
*/
.input-radio-color {
  display: block;
}

.input-radio-color__list {
  padding: 1px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -2px;
}

.input-radio-color__item {
  width: 28px;
  height: 28px;
  display: block;
  margin: 2px;
  cursor: pointer;
}

.input-radio-color__item input {
  pointer-events: none;
  opacity: 0;
  position: absolute;
}

.input-radio-color__item span {
  position: relative;
  width: 28px;
  height: 28px;
  display: block;
  border-radius: 14px;
  background: currentColor;
  -webkit-transform: scale(0.78571);
  transform: scale(0.78571);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition:
    transform 0.2s,
    -webkit-transform 0.2s;
}

.input-radio-color__item span:before,
.input-radio-color__item span:after {
  display: block;
  position: absolute;
  content: "";
  border-radius: 1000px;
}

.input-radio-color__item span:before {
  left: 3px;
  top: 3px;
  width: 22px;
  height: 22px;
  background: #fff;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition:
    transform 0.2s,
    -webkit-transform 0.2s;
}

.input-radio-color__item span:after {
  left: 7px;
  top: 7px;
  width: 14px;
  height: 14px;
  background: currentColor;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition:
    transform 0.2s,
    -webkit-transform 0.2s;
}

.input-radio-color__item:hover input:enabled ~ span {
  -webkit-transform: scale(0.85714);
  transform: scale(0.85714);
}

.input-radio-color__item input:enabled:checked ~ span,
.input-radio-color__item input:enabled:checked ~ span:before,
.input-radio-color__item input:enabled:checked ~ span:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.input-radio-color__item--disabled {
  cursor: default;
}

.input-radio-color__item--disabled span {
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}

.input-radio-color__item--disabled span:before {
  -webkit-transform: scale(1.33) rotateZ(45deg);
  transform: scale(1.33) rotateZ(45deg);
  left: 13px;
  top: -1px;
  width: 2px;
  height: calc(100% + 2px);
  background: rgba(0, 0, 0, 0.3);
}

.input-radio-color__item--white span {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 2px #ccc;
  box-shadow: inset 0 0 0 2px #ccc;
}

.input-radio-color__item--white span:after {
  -webkit-box-shadow: inset 0 0 0 2px #ccc;
  box-shadow: inset 0 0 0 2px #ccc;
}

/*
// .input-radio-label
*/
.input-radio-label__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -3px;
}

.input-radio-label__item {
  margin: 3px;
}

.input-radio-label__input {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}

.input-radio-label__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  height: 28px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  font-size: 13px;
  font-weight: 500;
  padding: 0 12px 2px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: -webkit-box-shadow 0.15s;
  transition: -webkit-box-shadow 0.15s;
  transition: box-shadow 0.15s;
  transition:
    box-shadow 0.15s,
    -webkit-box-shadow 0.15s;
}

.input-radio-label__title:hover {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset;
}

.input-radio-label__title:active {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2) inset;
}

.input-radio-label__input:checked ~ .input-radio-label__title {
  -webkit-box-shadow: 0 0 0 2px #1a79ff inset;
  box-shadow: 0 0 0 2px #1a79ff inset;
}

.input-radio-label__input:disabled ~ .input-radio-label__title {
  color: #a6a6a6;
  font-weight: 400;
  cursor: default;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

/*
// .layout-switcher
*/
.layout-switcher__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.layout-switcher__button {
  padding: 7px;
  margin: 0;
  border: none;
  display: block;
  border-radius: 2px;
  background-color: transparent;
  color: #95a0a6;
}

.layout-switcher__button:focus {
  outline: none;
}

.layout-switcher__button svg {
  display: block;
  fill: var(--gold-500);
}

.layout-switcher__button:hover {
  background-color: #f0f0f0;
}

.layout-switcher__button--active {
  color: #1a79ff;
}

.layout-switcher__button--active:hover {
  background-color: transparent;
}

/*
// .modal
*/
.modal {
  -webkit-overflow-scrolling: touch;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.modal-backdrop {
  background: rgba(51, 51, 51, 0.8);
}

.modal-backdrop.show {
  opacity: 1;
}

.modal-content {
  border: none;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

/*
// .nouislider
*/
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
  transform-style: flat;
}

.noUi-connect {
  height: 100%;
  width: 100%;
}

.noUi-origin {
  height: 10%;
  width: 10%;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition:
    transform 0.3s,
    -webkit-transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

.noUi-target {
  height: 16px;
}

.noUi-base {
  padding-top: 5px;
}

.noUi-connects {
  background: #e0e0e0;
  border-radius: 3px;
  height: 6px;
}

.noUi-connect {
  border-radius: 2px;
  background: #1a79ff;
}

.noUi-horizontal .noUi-handle {
  cursor: ew-resize;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #1a79ff;
  -webkit-box-shadow: 0 0 0 0 rgba(26, 121, 255, 0);
  box-shadow: 0 0 0 0 rgba(26, 121, 255, 0);
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition:
    box-shadow 0.2s,
    -webkit-box-shadow 0.2s;
  left: auto;
  right: -8px;
}

.noUi-horizontal .noUi-handle:after {
  display: block;
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  margin: 5px;
  border-radius: 3px;
  background: #fff;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition:
    transform 0.2s,
    -webkit-transform 0.2s;
  top: 0;
}

.noUi-horizontal .noUi-handle:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 3px rgba(26, 121, 255, 0.3);
  box-shadow: 0 0 0 3px rgba(26, 121, 255, 0.3);
}

.noUi-horizontal .noUi-handle:focus:after {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.noUi-horizontal .noUi-handle {
  top: 0px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -8px;
  right: auto;
}

/*
// .pagination
*/
.pagination {
  margin-bottom: 0;
  padding: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

[dir="ltr"] .pagination .page-item {
  margin-right: 6px;
}

[dir="rtl"] .pagination .page-item {
  margin-left: 6px;
}

[dir="ltr"] .pagination .page-item:last-child {
  margin-right: 0;
}

[dir="rtl"] .pagination .page-item:last-child {
  margin-left: 0;
}

.page-link {
  font-size: 15px;
  line-height: 18px;
  border-radius: 2px;
  padding: 6px 10px;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #f0f0f0;
  color: #262626;
}

.page-link:hover {
  background-color: #e5e5e5;
  color: #262626;
}

.page-link:active {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background-color: #e0e0e0;
  color: #262626;
}

.page-link:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: 2px;
}

.page-item.disabled .page-link {
  background-color: #f0f0f0;
  color: #b3b3b3;
}

.page-item.active .page-link {
  background-color: #1a79ff;
  color: #fff;
  cursor: default;
}

.pagination__dots {
  position: relative;
  width: 2px;
  height: 2px;
  border-radius: 1px;
  background: rgba(0, 0, 0, 0.25);
  margin: 0 4px;
}

.pagination__dots:before,
.pagination__dots:after {
  display: block;
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
}

.pagination__dots:before {
  top: -5px;
}

.pagination__dots:after {
  bottom: -5px;
}

.page-item--dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-link--with-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-link__arrow {
  display: block;
  margin: 3px 0 4px;
  fill: currentColor;
  opacity: 0.8;
}

[dir="ltr"] .page-link__arrow {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

[dir="rtl"] .page-link__arrow {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.page-link__arrow svg {
  display: block;
}

[dir="ltr"] .page-link__arrow--left {
  margin-left: -1px;
  margin-right: 1px;
}

[dir="rtl"] .page-link__arrow--left {
  margin-right: -1px;
  margin-left: 1px;
}

[dir="ltr"] .page-link__arrow--right {
  margin-left: 1px;
  margin-right: -1px;
}

[dir="rtl"] .page-link__arrow--right {
  margin-right: 1px;
  margin-left: -1px;
}

@media (max-width: 575.98px) {
  .page-link {
    padding: 5px 9px;
  }
}

/*
// .rating
*/
.rating__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rating__star {
  width: 13px;
  height: 12px;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d0d5d9' width='13' height='12'%3E%3Cpath d='M6.5,1.5l1.6,3L8.4,5H9h2.4l-2,1.6L8.9,7L9,7.6l0.7,3L7,9.1L6.5,8.9L6,9.1l-2.8,1.5l0.7-3L4.1,7L3.6,6.6L1.6,5 H4h0.6l0.3-0.5L6.5,1.5 M6.5,0C6.3,0,6.1,0.1,6,0.3L4,4H0.5C0,4.1-0.2,4.8,0.2,5.1L3,7.4l-1,4C1.9,11.7,2.2,12,2.5,12 c0.1,0,0.2,0,0.3-0.1L6.5,10l3.7,1.9c0.1,0,0.2,0.1,0.3,0.1c0.3,0,0.6-0.3,0.5-0.6l-1-4l2.8-2.3c0.3-0.3,0.1-1-0.3-1.1H9L7,0.3 C6.9,0.1,6.7,0,6.5,0L6.5,0z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.08)' width='13' height='12'%3E%3Cpath d='M7,0.3L9,4h3.5c0.4,0.1,0.6,0.8,0.3,1.1L10,7.4l1,4c0.1,0.4-0.4,0.8-0.8,0.6L6.5,10l-3.7,1.9c-0.4,0.2-0.9-0.1-0.8-0.6l1-4 L0.2,5.1C-0.2,4.8,0,4.1,0.5,4H4l2-3.7C6.2-0.1,6.8-0.1,7,0.3z'/%3E%3C/svg%3E");
}

[dir="ltr"] .rating__star + .rating__star {
  margin-left: 3px;
}

[dir="rtl"] .rating__star + .rating__star {
  margin-right: 3px;
}

.rating__star--active {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.08)' width='13' height='12'%3E%3Cpath d='M6.5,1.5l1.6,3L8.4,5H9h2.4l-2,1.6L8.9,7L9,7.6l0.7,3L7,9.1L6.5,8.9L6,9.1l-2.8,1.5l0.7-3L4.1,7L3.6,6.6L1.6,5 H4h0.6l0.3-0.5L6.5,1.5 M6.5,0C6.3,0,6.1,0.1,6,0.3L4,4H0.5C0,4.1-0.2,4.8,0.2,5.1L3,7.4l-1,4C1.9,11.7,2.2,12,2.5,12 c0.1,0,0.2,0,0.3-0.1L6.5,10l3.7,1.9c0.1,0,0.2,0.1,0.3,0.1c0.3,0,0.6-0.3,0.5-0.6l-1-4l2.8-2.3c0.3-0.3,0.1-1-0.3-1.1H9L7,0.3 C6.9,0.1,6.7,0,6.5,0L6.5,0z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffd333' width='13' height='12'%3E%3Cpath d='M7,0.3L9,4h3.5c0.4,0.1,0.6,0.8,0.3,1.1L10,7.4l1,4c0.1,0.4-0.4,0.8-0.8,0.6L6.5,10l-3.7,1.9c-0.4,0.2-0.9-0.1-0.8-0.6l1-4 L0.2,5.1C-0.2,4.8,0,4.1,0.5,4H4l2-3.7C6.2-0.1,6.8-0.1,7,0.3z'/%3E%3C/svg%3E");
}

/*
// .section-header
*/
.section-header__body {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section-header__title {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  position: relative;
  top: 2px;
}

.section-header__spring {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.section-header__divider {
  width: 100%;
  height: 2px;
  margin-top: 8px;
  background: #ebebeb;
}

.section-header__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[dir="ltr"] .section-header__arrow--next {
  margin-left: -5.37131px;
}

[dir="rtl"] .section-header__arrow--next {
  margin-right: -5.37131px;
}

.section-header__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

[dir="ltr"] .section-header__links-item {
  padding-right: 18px;
}

[dir="rtl"] .section-header__links-item {
  padding-left: 18px;
}

[dir="ltr"] .section-header__links-item:last-child {
  padding-right: 0;
}

[dir="rtl"] .section-header__links-item:last-child {
  padding-left: 0;
}

.section-header__links-link {
  color: #6c757d;
  position: relative;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
}

.section-header__links-link:hover {
  color: inherit;
}

[dir="ltr"] .section-header__links + .section-header__arrows {
  margin-left: 18px;
}

[dir="rtl"] .section-header__links + .section-header__arrows {
  margin-right: 18px;
}

.section-header__groups {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

[dir="ltr"] .section-header__groups-item + .section-header__groups-item {
  margin-left: -5.37131px;
}

[dir="rtl"] .section-header__groups-item + .section-header__groups-item {
  margin-right: -5.37131px;
}

.section-header__groups-button {
  font-size: 14px;
  height: 23px;
  border: none;
  padding: 0 18.37131px;
  line-height: 23px;
  display: block;
  position: relative;
  z-index: 0;
  pointer-events: none;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
  background: transparent;
  color: #6c757d;
}

.section-header__groups-button:focus {
  outline: none;
}

.section-header__groups-button:after {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% - 8.37131px);
  height: 100%;
  top: 0;
  background: transparent;
  z-index: -1;
  pointer-events: auto;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
}

[dir="ltr"] .section-header__groups-button:after {
  left: 0;
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  border-top-left-radius: 2px;
  border-top-right-radius: 2.5px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2px;
}

[dir="rtl"] .section-header__groups-button:after {
  right: 0;
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  border-top-right-radius: 2px;
  border-top-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  border-bottom-left-radius: 2px;
}

.section-header__groups-button:hover {
  color: #262626;
}

.section-header__groups-button:hover:after {
  background: #ebebeb;
}

.section-header__groups-button:active {
  color: #262626;
}

.section-header__groups-button:active:after {
  background: #e0e0e0;
}

.section-header__groups-button--active,
.section-header__groups-button--active:hover,
.section-header__groups-button--active:active {
  color: #fff;
  cursor: default;
}

.section-header__groups-button--active:after,
.section-header__groups-button--active:hover:after,
.section-header__groups-button--active:active:after {
  background: #333;
}

[dir="ltr"] .section-header__groups + .section-header__arrows {
  margin-left: -5.37131px;
}

[dir="rtl"] .section-header__groups + .section-header__arrows {
  margin-right: -5.37131px;
}

@media (max-width: 767.98px) {
  .section-header__body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .section-header__links {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding: 9px 0 10px;
    border-bottom: 2px solid #ebebeb;
  }
  .section-header__links-item {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .section-header__groups {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    border-bottom: 2px solid #ebebeb;
    padding: 10px 0 11px;
  }
  .section-header__divider {
    width: 100%;
    height: 2px;
    background: #ebebeb;
    margin-top: 8px;
  }
}

/*
// .select2
*/
.form-control + .select2-container {
  width: 100%;
}

.form-control + .select2-container .select2-selection__arrow {
  display: none;
}

.form-control + .select2-container .select2-selection--single {
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  background-clip: border-box;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='rgba(0, 0, 0, 0.55)' d='M4.503,4 L0.497,4 C0.094,4 -0.142,3.492 0.089,3.122 L2.095,0.233 C2.293,-0.084 2.712,-0.084 2.911,0.233 L4.911,3.122 C5.142,3.492 4.906,4 4.503,4 ZM0.497,6 L4.503,6 C4.906,6 5.142,6.504 4.911,6.871 L2.905,9.737 C2.707,10.052 2.288,10.052 2.089,9.737 L0.089,6.871 C-0.142,6.504 0.094,6 0.497,6 Z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 5px 10px;
  -webkit-transition:
    border-color 0.15s ease-in-out,
    background 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    background 0.15s ease-in-out;
}

.form-control + .select2-container .select2-selection--single:focus {
  outline: none;
}

.form-control + .select2-container .select2-selection__rendered {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form-control + .select2-container .select2-selection--single {
  background-color: #ebebeb;
  border-color: #ebebeb;
}

.form-control + .select2-container .select2-selection__rendered {
  color: #262626;
}

.form-control + .select2-container--disabled {
  opacity: 0.7;
}

.form-control
  + .select2-container:not(.select2-container--open):not(
    .select2-container--disabled
  ):hover
  .select2-selection--single {
  border-color: #d9d9d9;
}

.form-control + .select2-container--open .select2-selection--single {
  background-color: #fff;
  border-color: #d9d9d9;
}

.form-control + .select2-container .select2-selection--single {
  height: 36px;
}

[dir="ltr"] .form-control + .select2-container .select2-selection--single {
  background-position: right 10px center;
}

[dir="rtl"] .form-control + .select2-container .select2-selection--single {
  background-position: left 10px center;
}

.form-control + .select2-container .select2-selection__rendered {
  line-height: 19px;
  padding: calc(15px / 2) 10px;
  font-size: 16px;
}

[dir="ltr"] .form-control + .select2-container .select2-selection__rendered {
  padding-right: 27px;
}

[dir="rtl"] .form-control + .select2-container .select2-selection__rendered {
  padding-left: 27px;
}

.form-control-lg + .select2-container .select2-selection--single {
  height: 42px;
}

[dir="ltr"] .form-control-lg + .select2-container .select2-selection--single {
  background-position: right 12px center;
}

[dir="rtl"] .form-control-lg + .select2-container .select2-selection--single {
  background-position: left 12px center;
}

.form-control-lg + .select2-container .select2-selection__rendered {
  line-height: 21px;
  padding: calc(19px / 2) 12px;
  font-size: 18px;
}

[dir="ltr"] .form-control-lg + .select2-container .select2-selection__rendered {
  padding-right: 31px;
}

[dir="rtl"] .form-control-lg + .select2-container .select2-selection__rendered {
  padding-left: 31px;
}

.form-control-sm + .select2-container .select2-selection--single {
  height: 30px;
}

[dir="ltr"] .form-control-sm + .select2-container .select2-selection--single {
  background-position: right 8px center;
}

[dir="rtl"] .form-control-sm + .select2-container .select2-selection--single {
  background-position: left 8px center;
}

.form-control-sm + .select2-container .select2-selection__rendered {
  line-height: 17px;
  padding: calc(11px / 2) 8px;
  font-size: 14px;
}

[dir="ltr"] .form-control-sm + .select2-container .select2-selection__rendered {
  padding-right: 23px;
}

[dir="rtl"] .form-control-sm + .select2-container .select2-selection__rendered {
  padding-left: 23px;
}

.select2-dropdown {
  background: #fff;
  border: none;
  border-radius: 0;
  -webkit-box-shadow:
    0 1px 20px rgba(0, 0, 0, 0.2),
    0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow:
    0 1px 20px rgba(0, 0, 0, 0.2),
    0 1px 5px rgba(0, 0, 0, 0.1);
}

.select2-search--dropdown {
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
  padding: 6px 10px;
  font-size: 15px;
}

.select2-container--default
  .select2-search--dropdown
  .select2-search__field:focus {
  outline: none;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background: #f2f2f2;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background: #d9ecff;
  color: #36414d;
}

.select2-results__option {
  padding: 4px 10px;
  font-size: 15px;
}

.select2-results__options:before,
.select2-results__options:after {
  display: list-item;
  content: "";
  height: 6px;
}

/*
// .share-links
*/
.share-links {
  display: block;
}

.share-links__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 11px;
  line-height: 18px;
  font-weight: 500;
  white-space: nowrap;
}

[dir="ltr"] .share-links__item + .share-links__item {
  margin-left: 4px;
}

[dir="rtl"] .share-links__item + .share-links__item {
  margin-right: 4px;
}

.share-links__item a {
  border-radius: 1.5px;
  display: block;
  padding: 2px 7px 1px;
}

.share-links__item a,
.share-links__item a:hover {
  color: inherit;
  text-decoration: none;
}

.share-links__item--type--like a {
  background: #4267b2;
  color: #fff;
}

.share-links__item--type--like a:hover {
  color: #fff;
  background: #3b5c9f;
}

.share-links__item--type--tweet a {
  background: #1b95e0;
  color: #fff;
}

.share-links__item--type--tweet a:hover {
  color: #fff;
  background: #1886c9;
}

.share-links__item--type--pin a {
  background: #e63939;
  color: #fff;
}

.share-links__item--type--pin a:hover {
  color: #fff;
  background: #e32222;
}

.share-links__item--type--counter a {
  background: #fff;
  color: #737373;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

.share-links__item--type--counter a:hover {
  color: #666666;
}

/*
// .shop-features
*/
.shop-features__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
  padding: 14px 0;
}

.shop-features__item {
  padding: 10px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.shop-features__item-icon {
  color: #1a79ff;
}

[dir="ltr"] .shop-features__item-icon {
  margin-right: 18px;
}

[dir="rtl"] .shop-features__item-icon {
  margin-left: 18px;
}

.shop-features__item-icon svg {
  width: 38px;
  height: 38px;
  fill: var(--gold-500);
  vertical-align: middle;
}

.shop-features__item-title {
  font-size: 14px;
  font-weight: 500;
}

.shop-features__item-subtitle {
  font-size: 14px;
  color: #6c757d;
  margin-top: -2px;
}

.shop-features__item {
  width: calc((100% - 0px) / 1);
}

.shop-features__divider {
  width: 1px;
}

.shop-features__divider:nth-child(2n) {
  width: 100%;
  height: 1px;
}

.shop-features__divider:nth-child(2n):last-child {
  display: none;
}

/*
// .sidebar
*/
.sidebar__header {
  display: none;
}

@media (max-width: 991.98px) {
  .sidebar--offcanvas--mobile {
    visibility: hidden;
    -webkit-transition: visibility 0s 0.25s;
    transition: visibility 0s 0.25s;
  }
  .sidebar--offcanvas--mobile .sidebar__backdrop {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(51, 51, 51, 0.8);
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .sidebar--offcanvas--mobile .sidebar__body {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1000;
    background: #fff;
    width: 300px;
    -webkit-transition: -webkit-transform 0.25s
      cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition:
      transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94),
      -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  [dir="ltr"] .sidebar--offcanvas--mobile .sidebar__body {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  [dir="rtl"] .sidebar--offcanvas--mobile .sidebar__body {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .sidebar--offcanvas--mobile .sidebar__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .sidebar--offcanvas--mobile.sidebar--open {
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .sidebar--offcanvas--mobile.sidebar--open .sidebar__backdrop {
    opacity: 1;
  }
  .sidebar--offcanvas--mobile.sidebar--open .sidebar__body {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .sidebar--offcanvas--mobile .sidebar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .sidebar--offcanvas--mobile .sidebar__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 15px;
    font-weight: 500;
    padding: 0 20px;
  }
  .sidebar--offcanvas--mobile .sidebar__close {
    width: 48px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    fill: currentColor;
    padding: 0 0 2px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition:
      background-color 0.15s,
      color 0.15s;
    transition:
      background-color 0.15s,
      color 0.15s;
    background-color: #fff;
    color: #ccc;
  }
  .sidebar--offcanvas--mobile .sidebar__close:hover {
    background-color: #f2f2f2;
    color: #4d4d4d;
  }
  .sidebar--offcanvas--mobile .sidebar__close:active {
    background-color: #ebebeb;
    color: #4d4d4d;
  }
  .sidebar--offcanvas--mobile .sidebar__close:focus {
    outline: none;
  }
}

.sidebar--offcanvas--always {
  visibility: hidden;
  -webkit-transition: visibility 0s 0.25s;
  transition: visibility 0s 0.25s;
}

.sidebar--offcanvas--always .sidebar__backdrop {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(51, 51, 51, 0.8);
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sidebar--offcanvas--always .sidebar__body {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1000;
  background: #fff;
  width: 300px;
  -webkit-transition: -webkit-transform 0.25s
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition:
    transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

[dir="ltr"] .sidebar--offcanvas--always .sidebar__body {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

[dir="rtl"] .sidebar--offcanvas--always .sidebar__body {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.sidebar--offcanvas--always .sidebar__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

.sidebar--offcanvas--always.sidebar--open {
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.sidebar--offcanvas--always.sidebar--open .sidebar__backdrop {
  opacity: 1;
}

.sidebar--offcanvas--always.sidebar--open .sidebar__body {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.sidebar--offcanvas--always .sidebar__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.sidebar--offcanvas--always .sidebar__title {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 15px;
  font-weight: 500;
  padding: 0 20px;
}

.sidebar--offcanvas--always .sidebar__close {
  width: 48px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  fill: currentColor;
  padding: 0 0 2px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition:
    background-color 0.15s,
    color 0.15s;
  transition:
    background-color 0.15s,
    color 0.15s;
  background-color: #fff;
  color: #ccc;
}

.sidebar--offcanvas--always .sidebar__close:hover {
  background-color: #f2f2f2;
  color: #4d4d4d;
}

.sidebar--offcanvas--always .sidebar__close:active {
  background-color: #ebebeb;
  color: #4d4d4d;
}

.sidebar--offcanvas--always .sidebar__close:focus {
  outline: none;
}

/*
// .social-links
*/
.social-links__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: -4px;
}

.social-links__item {
  margin: 4px;
}

.social-links__item a {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: inherit;
  width: 36px;
  height: 36px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.social-links__item a:hover {
  opacity: 0.8;
}

.social-links__item--facebook a {
  background: #3c5a99;
  color: #fff;
}

.social-links__item--twitter a {
  background: #00a2e8;
  color: #fff;
}

.social-links__item--youtube a {
  background: #e52e2e;
  color: #fff;
}

.social-links__item--instagram a {
  background: #815dc7;
  color: #fff;
}

.social-links__item--rss a {
  background: #ffc338;
  color: #664729;
}

/*
// .status-badge
*/
.status-badge {
  display: inline-block;
  vertical-align: middle;
  cursor: default;
}

.status-badge__body {
  position: relative;
  min-height: 23px;
  border-radius: 11.5px;
  min-width: 31px;
}

.status-badge__icon {
  fill: currentColor;
  position: absolute;
  top: calc(50% - 6.5px);
  opacity: 0.85;
}

[dir="ltr"] .status-badge__icon {
  left: 9px;
}

[dir="rtl"] .status-badge__icon {
  right: 9px;
}

.status-badge__icon svg {
  display: block;
}

.status-badge__text {
  font-size: 13px;
  line-height: 15px;
  padding-top: 4px;
  padding-bottom: 4px;
}

[dir="ltr"] .status-badge__text {
  padding-left: 12px;
  padding-right: 12px;
}

[dir="rtl"] .status-badge__text {
  padding-right: 12px;
  padding-left: 12px;
}

.status-badge__tooltip {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.status-badge__tooltip:focus {
  outline: none;
}

.status-badge--has-text .status-badge__tooltip {
  display: none;
}

[dir="ltr"] .status-badge--has-icon .status-badge__text {
  padding-left: 28px;
}

[dir="rtl"] .status-badge--has-icon .status-badge__text {
  padding-right: 28px;
}

.status-badge--style--success .status-badge__body {
  background-color: #e2f2da;
  color: #44782a;
  margin-bottom: 15px;
}

.status-badge--style--failure .status-badge__body {
  background-color: #f2dada;
  color: #993d3d;
}

.status-badge--style--warning .status-badge__body {
  background-color: #f2eeda;
  color: #786b2a;
}

.status-badge--style--unknown .status-badge__body {
  background-color: #ebebeb;
  color: #6a6a6a;
}

/*
// .tag-badge
*/
.tag-badge {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  z-index: 0;
  height: 18px;
  padding: 4px 14px 0;
}

.tag-badge:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 2.5px;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.tag-badge:before {
  left: 3.5px;
  right: 3.5px;
}

[dir="ltr"] .tag-badge:before {
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

[dir="rtl"] .tag-badge:before {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
}

.tag-badge--theme {
  color: #fff;
}

.tag-badge--theme:before {
  background: #1a79ff;
}

.tag-badge--sale {
  color: #fff;
}

.tag-badge--sale:before {
  background: #ff3333;
}

.tag-badge--new {
  color: #fff;
}

.tag-badge--new:before {
  background: #3377ff;
}

.tag-badge--hot {
  color: #fff;
}

.tag-badge--hot:before {
  background: #614ba6;
}

/*
// .tags
*/
.tags {
  font-size: 13px;
}

.tags__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 500;
  margin: -2px;
}

.tags__list a {
  display: block;
  margin: 2px;
  background: #f2f2f2;
  padding: 4px 11px;
  color: inherit;
  border-radius: 1.5px;
  -webkit-transition: background 0.12s;
  transition: background 0.12s;
}

.tags__list a:hover {
  color: inherit;
  background: #e5e5e5;
}

.tags__list a:active {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background: #d9d9d9;
}

.tags--sm .tags__list a {
  padding: 2px 8px;
}

/*
// .teammate
*/
.teammate {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.teammate__info {
  padding: 14px 16px 16px;
  text-align: center;
}

.teammate__position {
  font-size: 14px;
  color: #6c757d;
}

/*
// .timer
*/
.timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.timer__dots {
  width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.timer__dots:before,
.timer__dots:after {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  margin: 4px 0;
}

.timer__part {
  border-radius: 2px;
  width: 50px;
  line-height: 1;
  padding: 8px 0;
  text-align: center;
  background: var(--light-100);
  color: #262626;
}

.timer__part-value {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.timer__part-label {
  font-size: 10px;
  text-transform: uppercase;
  margin-top: 4px;
  color: var(--gold-500);
}

@media (max-width: 767.98px) {
  .timer__dots {
    width: 18px;
  }
  .timer__dots:before,
  .timer__dots:after {
    width: 3px;
    height: 3px;
    border-radius: 1.5px;
  }
  .timer__part {
    width: 40px;
    padding: 5px 0 6px;
  }
  .timer__part-value {
    font-size: 20px;
  }
  .timer__part-label {
    font-size: 9px;
    margin-top: 3px;
  }
}

/*
// .tooltip
*/
.tooltip {
  pointer-events: none;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  font-family: inherit;
}

.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
  background: #333;
  color: #fff;
  border-radius: 2px;
  position: relative;
  padding: 5px 8px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 14px;
  line-height: 1.25;
}

.tooltip .arrow {
  width: 8px;
  height: 8px;
}

.tooltip .arrow:before {
  width: 8px;
  height: 8px;
  border-radius: 1px;
  border: none;
  background: #333;
  -webkit-transform: rotateZ(45deg) scale(0.78431);
  transform: rotateZ(45deg) scale(0.78431);
}

.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-top {
  padding: 4px 0;
}

.bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-auto[x-placement^="top"] .tooltip-inner,
.bs-tooltip-top .arrow,
.bs-tooltip-top .tooltip-inner {
  bottom: 3px;
}

.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
  padding: 4px 0;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .tooltip-inner,
.bs-tooltip-bottom .arrow,
.bs-tooltip-bottom .tooltip-inner {
  top: 3px;
}

.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
  padding: 0 4px;
}

.bs-tooltip-auto[x-placement^="right"] .arrow,
.bs-tooltip-auto[x-placement^="right"] .tooltip-inner,
.bs-tooltip-right .arrow,
.bs-tooltip-right .tooltip-inner {
  left: 3px;
}

.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
  padding: 0 4px;
}

.bs-tooltip-auto[x-placement^="left"] .arrow,
.bs-tooltip-auto[x-placement^="left"] .tooltip-inner,
.bs-tooltip-left .arrow,
.bs-tooltip-left .tooltip-inner {
  right: 3px;
}

/*
// .typography
*/
.typography {
  line-height: 1.625;
}

.typography a:hover {
  text-decoration: underline;
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  margin-top: 1.5em;
  margin-bottom: 0.75em;
}

.typography h2,
.typography h3 {
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb;
}

.typography h3 {
  padding-bottom: 6px;
}

.typography p {
  margin-bottom: 1.5em;
}

.typography ol,
.typography ul {
  margin: 1.5em 0;
}

[dir="ltr"] .typography ol,
[dir="ltr"] .typography ul {
  padding-left: 2.5rem;
}

[dir="rtl"] .typography ol,
[dir="rtl"] .typography ul {
  padding-right: 2.5rem;
}

.typography li {
  margin-bottom: 0.5em;
}

.typography hr {
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  border: none;
  background: #d9d9d9;
  margin: 2.5em auto;
}

.typography hr:after,
.typography hr:before {
  position: absolute;
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
}

.typography hr:after {
  left: -30px;
}

.typography hr:before {
  right: -30px;
}

.typography blockquote {
  margin: 2.25rem 0;
  text-align: center;
  font-size: 18px;
  font-style: italic;
  background: #f7f7f7;
  border-radius: 4px;
  padding: 2.25em 2.25em 2em;
}

.typography blockquote cite {
  margin-top: -0.5em;
  color: #6c757d;
  display: block;
  font-size: 15px;
  font-style: normal;
}

.typography blockquote p {
  margin-bottom: 1.25em;
}

.typography blockquote > *:first-child {
  margin-top: 0;
}

.typography blockquote > *:last-child {
  margin-bottom: 0;
}

.typography > *:first-child {
  margin-top: 0;
}

.typography > *:last-child {
  margin-bottom: 0;
}

.typography img {
  max-width: 100%;
  border-radius: 2px;
}

.typography figure {
  margin: 1.875rem 0 2.25rem;
}

.typography figcaption {
  font-size: 14px;
  text-align: center;
  color: #6c757d;
  padding-top: 0.875rem;
}

@media (max-width: 575.98px) {
  .typography {
    font-size: 15px;
    line-height: 1.75;
  }
  .typography h1,
  .typography h2,
  .typography h3,
  .typography h4,
  .typography h5,
  .typography h6 {
    margin-top: 1.25em;
    margin-bottom: 0.5em;
  }
  .typography h2 {
    font-size: 28px;
  }
  .typography h3 {
    font-size: 24px;
  }
  .typography h4 {
    font-size: 20px;
  }
  .typography h5 {
    font-size: 18px;
  }
  .typography p {
    margin-bottom: 1em;
  }
  .typography ol,
  .typography ul {
    margin: 1.25em 0;
  }
  [dir="ltr"] .typography ol,
  [dir="ltr"] .typography ul {
    padding-left: 2rem;
  }
  [dir="rtl"] .typography ol,
  [dir="rtl"] .typography ul {
    padding-right: 2rem;
  }
  .typography hr {
    margin: 1.5em auto;
  }
  .typography blockquote {
    padding: 1em;
    font-size: 16px;
    margin: 1.5rem 0;
  }
  .typography blockquote p {
    margin-bottom: 0.75em;
  }
  .typography figure {
    margin: 1.5rem 0 1.5rem;
  }
}

/*
// .vehicle-form
*/
.vehicle-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -6px;
}

.vehicle-form .vehicle-form__item {
  width: calc(50% - 12px);
  margin: 6px;
}

.vehicle-form .vehicle-form__item:last-child {
  width: 100%;
}

.vehicle-form__divider {
  width: 100%;
  line-height: 1;
  font-size: 13px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999;
  margin: 12px 6px;
}

.vehicle-form__divider:before,
.vehicle-form__divider:after {
  display: block;
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background: #ebebeb;
}

[dir="ltr"] .vehicle-form__divider:before {
  margin-right: 6px;
}

[dir="rtl"] .vehicle-form__divider:before {
  margin-left: 6px;
}

[dir="ltr"] .vehicle-form__divider:after {
  margin-left: 6px;
}

[dir="rtl"] .vehicle-form__divider:after {
  margin-right: 6px;
}

.vehicle-form--layout--account .vehicle-form__item {
  width: calc(25% - 12px);
}

@media (max-width: 767.98px) {
  .vehicle-form--layout--account .vehicle-form__item {
    width: calc(50% - 12px);
  }
}

@media (max-width: 459px) {
  .vehicle-form--layout--account .vehicle-form__item {
    width: calc(100% - 12px);
  }
}

@media (max-width: 399px) {
  .vehicle-form--layout--modal .vehicle-form__item {
    width: calc(100% - 12px);
  }
}

/*
// .vehicles-list
*/
.vehicles-list__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -4px;
}

.vehicles-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ebebeb;
  border-radius: 2px;
  padding: 8px;
  width: 100%;
  margin: 4px;
}

.vehicles-list__item-radio {
  margin: 8px;
}

.vehicles-list__item-info {
  margin: 2px 8px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  line-height: 1.25;
}

.vehicles-list__item-remove {
  margin: 8px;
}

.vehicles-list__item-remove svg {
  display: block;
}

.vehicles-list__item-name {
  display: block;
  font-size: 15px;
  font-weight: 500;
}

.vehicles-list__item-details {
  display: block;
  font-size: 13px;
  color: #999;
  margin-top: 2px;
}

.vehicles-list__item-links {
  font-size: 14px;
  margin-top: 12px;
}

.vehicles-list__item-links a:hover {
  text-decoration: underline;
}

.vehicles-list__item-remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  border: none;
  margin: 0;
  border-radius: 2px;
  fill: currentColor;
  -webkit-transition:
    background-color 0.15s,
    color 0.15s;
  transition:
    background-color 0.15s,
    color 0.15s;
  background-color: #fff;
  color: #ccc;
}

.vehicles-list__item-remove:hover {
  background-color: #f2f2f2;
  color: #999;
}

.vehicles-list__item-remove:active {
  background-color: #ebebeb;
  color: #808080;
}

.vehicles-list__item-remove:focus {
  outline: none;
}

.vehicles-list--layout--account .vehicles-list__body {
  margin: -6px;
}

.vehicles-list--layout--account .vehicles-list__item {
  padding: 10px 8px;
  width: calc(50% - 12px);
  margin: 6px;
}

@media (max-width: 767.98px) {
  .vehicles-list--layout--account .vehicles-list__body {
    margin: -6px;
  }
  .vehicles-list--layout--account .vehicles-list__item {
    width: calc(100% - 12px);
    margin: 6px;
  }
}

/*
// .view-options
*/
.view-options {
  font-size: 0.9375rem;
}

.view-options__body {
  padding: 0.75rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background: var(--light-100);
}

.view-options__body + .view-options__body {
  border-top: 1px solid #ebebeb;
}

.view-options__body--filters {
  padding: 0.875rem 1rem;
}

.view-options__label {
  position: absolute;
  background: #fff;
  padding: 0 8px;
  top: -5px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1;
  color: #999;
}

[dir="ltr"] .view-options__label {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

[dir="rtl"] .view-options__label {
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

[dir="ltr"] .view-options__filters-button {
  margin-right: 1.25rem;
}

[dir="rtl"] .view-options__filters-button {
  margin-left: 1.25rem;
}

[dir="ltr"] .view-options__layout {
  margin-right: 1.25rem;
}

[dir="rtl"] .view-options__layout {
  margin-left: 1.25rem;
}

.view-options__legend {
  white-space: nowrap;
  color: var(--gold-500);
}

[dir="ltr"] .view-options__legend {
  margin-right: 1.25rem;
}

[dir="rtl"] .view-options__legend {
  margin-left: 1.25rem;
}

.view-options__spring {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.view-options__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[dir="ltr"] .view-options__select {
  margin-left: 20px;
}

[dir="rtl"] .view-options__select {
  margin-right: 20px;
}

.view-options__select > label {
  margin-bottom: 0;
}

[dir="ltr"] .view-options__select > label {
  margin-right: 10px;
  color: var(--gold-500);
}

[dir="rtl"] .view-options__select > label {
  margin-left: 10px;
}

@media (min-width: 992px) {
  .view-options--offcanvas--mobile .view-options__filters-button {
    display: none;
  }
}

@media (max-width: 991.98px) {
  [dir="ltr"] .view-options__legend {
    margin-right: 0;
    margin-left: auto;
  }
  [dir="rtl"] .view-options__legend {
    margin-left: 0;
    margin-right: auto;
  }
  .view-options__spring {
    width: 100%;
    height: 8px;
  }
  [dir="ltr"] .view-options__select {
    margin-left: auto;
  }
  [dir="rtl"] .view-options__select {
    margin-right: auto;
  }
  [dir="ltr"] .view-options__select + .view-options__select {
    margin-left: 20px;
  }
  [dir="rtl"] .view-options__select + .view-options__select {
    margin-right: 20px;
  }
}

@media (max-width: 575.98px) {
  .view-options__legend {
    width: 100%;
    padding-top: 10px;
  }
  .view-options__select {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  [dir="ltr"] .view-options__select {
    margin-left: 0;
  }
  [dir="rtl"] .view-options__select {
    margin-right: 0;
  }
  .view-options__select > label {
    margin: 0 0 2px;
  }
  [dir="ltr"] .view-options__layout {
    margin-left: auto;
    margin-right: 0;
  }
  [dir="rtl"] .view-options__layout {
    margin-right: auto;
    margin-left: 0;
  }
}

/*
// .widget
*/
.widget + .widget {
  margin-top: 20px;
}

.widget__header {
  padding: 1.375rem 1.5rem;
}

.widget__header h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--gold-500);
}
/* ----------------------------------------
// Filters
// ---------------------------------------- */
/*
// .filter
*/
.filter__title {
  display: block;
  border: none;
  padding: 6px 10px;
  cursor: pointer;
  width: calc(100% + 20px);
  position: relative;
  color: inherit;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  border-radius: 2px;
  margin: 0 -10px;
  -webkit-transition:
    background-color 0.2s,
    fill 0.2s;
  transition:
    background-color 0.2s,
    fill 0.2s;
  background: transparent;
  fill: #ccc;
}

[dir="ltr"] .filter__title {
  text-align: left;
}

[dir="rtl"] .filter__title {
  text-align: right;
}

.filter__title:focus,
.filter__title:hover {
  -webkit-transition-duration: 0.1s, 0.1s;
  transition-duration: 0.1s, 0.1s;
  background: #f2f2f2;
  fill: #b3b3b3;
}

.filter__title:focus {
  outline: none;
}

.filter__arrow {
  position: absolute;
  top: 11px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition:
    transform 0.2s,
    -webkit-transform 0.2s;
}

[dir="ltr"] .filter__arrow {
  right: 10px;
}

[dir="rtl"] .filter__arrow {
  left: 10px;
}

.filter__arrow svg {
  display: block;
}

.filter__body {
  margin: 0 -1.5rem;
  overflow: hidden;
  visibility: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition:
    height 0.2s,
    opacity 0.2s,
    visibility 0s 0.2s;
  transition:
    height 0.2s,
    opacity 0.2s,
    visibility 0s 0.2s;
}

.filter__container {
  padding: 10px 1.5rem 16px;
}

.filter--opened .filter__body {
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  visibility: visible;
  height: auto;
  opacity: 1;
}

.filter--opened .filter__arrow {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

/*
// .filter-categories
*/
.filter-categories__list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 15px;
  line-height: 18px;
}

.filter-categories__list a {
  color: inherit;
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}

.filter-categories__list a:hover {
  color: #0064f0;
}

.filter-categories__item {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filter-categories__item > a {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

[dir="ltr"] .filter-categories__item > a {
  padding-right: 10px;
}

[dir="rtl"] .filter-categories__item > a {
  padding-left: 10px;
}

.filter-categories__item--parent {
  position: relative;
}

[dir="ltr"] .filter-categories__item--parent {
  padding-left: 14px;
}

[dir="rtl"] .filter-categories__item--parent {
  padding-right: 14px;
}

.filter-categories__item--current {
  font-weight: 700;
}

.filter-categories__item--child {
  position: relative;
  font-size: 15px;
}

[dir="ltr"] .filter-categories__item--child {
  padding-left: 14px;
}

[dir="rtl"] .filter-categories__item--child {
  padding-right: 14px;
}

.filter-categories__arrow {
  fill: #ccc;
  position: absolute;
  top: 10px;
}

[dir="ltr"] .filter-categories__arrow {
  left: 0;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

[dir="rtl"] .filter-categories__arrow {
  right: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.filter-categories__arrow svg {
  display: block;
}

.filter-categories__counter {
  font-size: 12px;
  line-height: 12px;
  padding-top: 4px;
  font-weight: 400;
  color: #6c757d;
}

/*
// .filter-color
*/
.filter-color__list {
  padding: 2px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -4px;
}

.filter-color__item {
  cursor: pointer;
  margin: 4px;
}

.filter-color__check {
  display: block;
}

/*
// .filter-list
*/

.filter-show-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  padding: 6px 12px;
  border-radius: 20px;
  background: #f8f9fa;
  border: 1px solid #ddd;
  color: #333;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.filter-show-more:hover {
  background: #e52727;
  color: #fff;
  border-color: #e52727;
}

.filter-show-more:focus {
  outline: none;
  box-shadow: none;
}
.filter-list__list {
  margin: -8px 0;
}

.filter-list__item {
  padding: 1px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
}

.filter-list__input {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

[dir="ltr"] .filter-list__input {
  margin-right: 7px;
}

[dir="rtl"] .filter-list__input {
  margin-left: 7px;
}

.filter-list__title {
  padding: 1px 0;
  font-size: 14px;
  line-height: 16px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.filter-list__counter {
  padding-top: 3px;
  font-size: 12px;
  line-height: 12px;
  color: #6c757d;
}

[dir="ltr"] .filter-list__counter {
  margin-left: 12px;
}

[dir="rtl"] .filter-list__counter {
  margin-right: 12px;
}

.filter-list__item--disabled {
  cursor: default;
}

.filter-list__item--disabled .filter-list__title {
  color: #6c757d;
}

/*
// .filter-price
*/
.filter-price__slider {
  margin-top: 6px;
}

.filter-price__title {
  padding-top: 2px;
  font-size: 14px;
}

.filter-price__title-button {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*
// .filter-rating
*/
.filter-rating__list {
  list-style: none;
  padding: 0;
  margin: -8px 0;
}

.filter-rating__item-label {
  padding: 2px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
}

.filter-rating__item-input {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

[dir="ltr"] .filter-rating__item-input {
  margin-right: 8px;
}

[dir="rtl"] .filter-rating__item-input {
  margin-left: 8px;
}

.filter-rating__item-stars {
  padding: 2px 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.filter-rating__item-counter {
  padding-top: 2px;
  font-size: 12px;
  line-height: 12px;
  color: #6c757d;
}

[dir="ltr"] .filter-rating__item-counter {
  margin-left: 12px;
}

[dir="rtl"] .filter-rating__item-counter {
  margin-right: 12px;
}

/*
// .filter-vehicle
*/
.filter-vehicle__list {
  margin: -8px 0;
  padding: 0;
  list-style: none;
}

.filter-vehicle__item-label {
  padding: 1px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
}

.filter-vehicle__item-input {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

[dir="ltr"] .filter-vehicle__item-input {
  margin-right: 7px;
}

[dir="rtl"] .filter-vehicle__item-input {
  margin-left: 7px;
}

.filter-vehicle__item-title {
  padding: 1px 0;
  font-size: 14px;
  line-height: 16px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.filter-vehicle__item-counter {
  padding-top: 3px;
  font-size: 12px;
  line-height: 12px;
  color: #6c757d;
}

[dir="ltr"] .filter-vehicle__item-counter {
  margin-left: 12px;
}

[dir="rtl"] .filter-vehicle__item-counter {
  margin-right: 12px;
}

.filter-vehicle__item--disabled {
  cursor: default;
}

.filter-vehicle__item--disabled .filter-vehicle__item-title {
  color: #999;
}

.filter-vehicle__button {
  padding-top: 12px;
}

/* ----------------------------------------
// Footer
// ---------------------------------------- */
/*
// .footer-contacts
*/
.footer-contacts__title {
  font-size: 20px;
  color: #fff;
  margin-bottom: 26px;
  font-weight: 500;
}

@media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 1dppx) {
  .footer-contacts__title {
    font-weight: 400;
  }
}

.footer-contacts__text {
  line-height: 22px;
  list-style: none;
  margin: 0;
  font-size: 15px;
}

.footer-contacts__text a {
  color: inherit;
}

.footer-contacts__contacts {
  font-size: 14px;
  line-height: 20px;
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-contacts__contacts a {
  color: inherit;
}

.footer-contacts__contacts dt {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.footer-contacts__contacts dd {
  color: #fff;
  margin: 0;
  font-weight: 500;
}

@media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 1dppx) {
  .footer-contacts__contacts dd {
    font-weight: 400;
  }
}

.footer-contacts__icon {
  display: inline-block;
  text-align: center;
  width: 22px;
  margin-right: 2px;
}

@media (min-width: 1400px) {
  [dir="ltr"] .footer-contacts {
    padding-right: 36px;
  }
  [dir="rtl"] .footer-contacts {
    padding-left: 36px;
  }
}

@media (min-width: 1200px) {
  .footer-contacts__contacts {
    margin: 24px -15px 0;
  }
  .footer-contacts__contacts dl {
    width: calc(100% / 2 - 30px - 1px);
    margin: 0 15px;
  }
  .footer-contacts__contacts dl:nth-child(n + 3) {
    margin-top: 18px;
  }
}

@media (max-width: 1199.98px) {
  .footer-contacts__contacts {
    margin: -6px -6px;
  }
  .footer-contacts__contacts dl {
    width: calc(100% / 4 - 12px);
    margin: 6px 6px;
  }
  .footer-contacts {
    text-align: center;
    margin-bottom: 42px;
  }
  .footer-contacts__title {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .footer-contacts__contacts {
    padding-top: 28px;
  }
  .footer-contacts__contacts dl {
    background: rgba(255, 255, 255, 0.05);
    padding: 16px 12px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 991.98px) {
  .footer-contacts__contacts {
    margin: -6px -6px;
  }
  .footer-contacts__contacts dl {
    width: calc(100% / 2 - 12px);
    margin: 6px 6px;
  }
  .footer-contacts__contacts dl {
    padding: 20px 16px;
  }
}

@media (max-width: 767.98px) {
  .footer-contacts__contacts dl {
    padding: 16px;
  }
}

@media (max-width: 479px) {
  .footer-contacts__contacts {
    margin: -4px -4px;
  }
  .footer-contacts__contacts dl {
    width: calc(100% / 1 - 8px);
    margin: 4px 4px;
  }
}

/*
// .footer-links
*/
.fab{
  color: var(--light-100);
}
.footer-links__title {
  font-size: 20px;
  color: #fff;
  margin-bottom: 22px;
  font-weight: 500;
}

@media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 1dppx) {
  .footer-links__title {
    font-weight: 400;
  }
}

.footer-links__list {
  font-size: 15px;
  line-height: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links__list a {
  color: inherit;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}

.footer-links__list a:hover {
  color: #fff;
}

.footer-links__item {
  padding: 5px 0;
}

@media (max-width: 767.98px) {
  .footer-links {
    text-align: center;
  }
  .footer-links__title {
    margin-bottom: 12px;
  }
}

/*
// .footer-newsletter
*/
.footer-newsletter__title {
  font-size: 20px;
  color: #fff;
  margin-bottom: 26px;
  font-weight: 500;
}

@media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 1dppx) {
  .footer-newsletter__title {
    font-weight: 400;
  }
}

.footer-newsletter__text {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 14px;
}

.footer-newsletter__text--social {
  margin-top: 20px;
  margin-bottom: 0;
}

.footer-newsletter__social-links {
  margin-top: 8px;
}

.footer-newsletter__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 380px;
}

.footer-newsletter__form-input {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  border-radius: 2px;
  font-size: 15px;
  height: 38px;
  padding: 0 12px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-family: inherit;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  background-clip: padding-box;
  -webkit-transition:
    border 0.2s,
    background 0.2s;
  transition:
    border 0.2s,
    background 0.2s;
  color: #fff;
  background-color: #4c4c4c;
  border-color: #4c4c4c;
}

.footer-newsletter__form-input::-webkit-input-placeholder {
  color: #b2b2b2;
}

.footer-newsletter__form-input::-moz-placeholder {
  color: #b2b2b2;
}

.footer-newsletter__form-input:-ms-input-placeholder {
  color: #b2b2b2;
}

.footer-newsletter__form-input::-ms-input-placeholder {
  color: #b2b2b2;
}

.footer-newsletter__form-input::placeholder {
  color: #b2b2b2;
}

.footer-newsletter__form-input::-webkit-input-placeholder {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.footer-newsletter__form-input::-moz-placeholder {
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}

.footer-newsletter__form-input:-ms-input-placeholder {
  -ms-transition: color 0.2s;
  transition: color 0.2s;
}

.footer-newsletter__form-input::-ms-input-placeholder {
  -ms-transition: color 0.2s;
  transition: color 0.2s;
}

.footer-newsletter__form-input::placeholder {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.footer-newsletter__form-input:hover {
  background-color: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.16);
}

.footer-newsletter__form-input:focus {
  outline: none;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.16);
}

.footer-newsletter__form-input:focus::-webkit-input-placeholder {
  color: #9e9e9e;
}

.footer-newsletter__form-input:focus::-moz-placeholder {
  color: #9e9e9e;
}

.footer-newsletter__form-input:focus:-ms-input-placeholder {
  color: #9e9e9e;
}

.footer-newsletter__form-input:focus::-ms-input-placeholder {
  color: #9e9e9e;
}

.footer-newsletter__form-input:focus::placeholder {
  color: #9e9e9e;
}

.footer-newsletter__form-button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 2px;
  border: none;
  padding: 0 20px;
  font-family: inherit;
  font-size: 15px;
  -webkit-transition:
    background 0.2s,
    color 0.2s;
  transition:
    background 0.2s,
    color 0.2s;
  background-color: #1a79ff;
  color: #fff;
  background-color: #1a79ff;
  color: #fff;
}

.footer-newsletter__form-button:hover {
  background-color: #545454;
  color: #fff;
}

.footer-newsletter__form-button:active {
  background-color: #4c4c4c;
  color: #fff;
}

[dir="ltr"] .footer-newsletter__form-button {
  margin-left: 8px;
}

[dir="rtl"] .footer-newsletter__form-button {
  margin-right: 8px;
}

.footer-newsletter__form-button:hover {
  background-color: #545454;
  color: #fff;
}

.footer-newsletter__form-button:active {
  background-color: #4c4c4c;
  color: #fff;
}

.footer-newsletter__form-button:active {
  -webkit-transition-duration: 0.1s, 0.1s;
  transition-duration: 0.1s, 0.1s;
}

.footer-newsletter__form-button:focus {
  outline: none;
}

@media (max-width: 767.98px) {
  .footer-newsletter {
    text-align: center;
    margin-top: 28px;
  }
  .footer-newsletter__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .footer-newsletter__form {
    margin: 0 auto;
  }
  .footer-newsletter__text--social {
    margin-top: 24px;
  }
  .footer-newsletter__social-links {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/*
// .site-footer
*/
.site-footer {
  position: relative;
  background-color: #333;
  color: #9e9e9e;
}

.site-footer__decor {
  position: absolute;
  bottom: calc(100% - 1px);
}

.site-footer__decor .decor__start,
.site-footer__decor .decor__end,
.site-footer__decor .decor__center {
  background: #333;
}

.site-footer__decor .decor__start,
.site-footer__decor .decor__end {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.site-footer__widgets {
  padding: 56px 0 50px;
}

.site-footer__bottom {
  background-color: #2b2b2b;
  font-size: 14px;
  color: #9e9e9e;
  font-weight: 400;
}

.site-footer__bottom a {
  color: #fff;
  font-weight: 500;
}

@media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 1dppx) {
  .site-footer__bottom a {
    font-weight: 400;
  }
}

.site-footer__bottom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 72px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767.98px) {
  .site-footer__decor {
    display: none;
  }
  .site-footer__widgets {
    padding: 40px 0 36px;
  }
  .site-footer__bottom-row {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0 24px;
  }
  .site-footer__payments {
    margin-top: 12px;
  }
}

/* ----------------------------------------
// Pages
// ---------------------------------------- */
/*
// .about
*/
.about__body {
  display: grid;
  z-index: 0;
}

@media (min-width: 1200px) {
  .about__body {
    grid-template-columns: 1fr 380px 730px 1fr;
    grid-template-rows: 0px auto auto;
  }
  .about__image {
    grid-column: 1 / 5;
    grid-row: 1 / 3;
  }
  .about__card {
    grid-column: 2;
    grid-row: 2 / 4;
  }
  .about__indicators {
    grid-column: 3;
    grid-row: 3;
  }
}

@media (max-width: 1199.98px) {
  .about__image {
    grid-column: 1 / 4;
    grid-row: 1 / 3;
  }
  .about__card {
    grid-column: 2;
    grid-row: 2 / 4;
  }
  .about__indicators {
    grid-column: 2;
    grid-row: 4;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .about__body {
    grid-template-columns: 1fr 690px 1fr;
    grid-template-rows: 80px auto 60px auto;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .about__body {
    grid-template-columns: 1fr 510px 1fr;
    grid-template-rows: 40px auto 60px auto;
  }
}

@media (max-width: 575.98px) {
  .about__body {
    grid-template-columns: 20px calc(100% - 40px) 20px;
    grid-template-rows: 20px auto 60px auto;
  }
}

/*
// .about__image
*/
.about__image {
  position: relative;
  overflow: hidden;
  z-index: -1;
}

.about__image-decor {
  position: absolute;
  bottom: -1px;
}

.about__image-decor .decor__start,
.about__image-decor .decor__end,
.about__image-decor .decor__center {
  background: #fafafa;
}

.about__image-decor .decor__start,
.about__image-decor .decor__end {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.about__image-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: center bottom;
  z-index: -1;
}

.about__image-bg:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0.7)), to(rgba(51, 51, 51, 0.4)));
  background: linear-gradient(to bottom, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0.4)); */
}

.about__card {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  position: relative;
  top: 90px;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden; /* clips logo area to border-radius */

  /* Height & position */
  min-height: 620px;
  position: relative;
  z-index: 1;
  margin-top: -60px;
}

/* ── Top 30% — Logo area ── */
.about__card-image {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  min-height: 160px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #eeeeee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.about__card-image img {
  max-width: 220px;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
  display: block;
}

/* ── Bottom 70% — Text content ── */
.about__card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 32px 36px;
  display: -webkit-box;
  background: white;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.about__card-title {
  font-size: 40px;
  font-weight: 700;
  padding: 16px 0 40px;
  text-align: center;
  margin-bottom: 0;
}

.about__card-text {
  text-align: center;
  line-height: 1.75;
}

.about__card-author {
  color: #6c757d;
  font-size: 14px;
  position: relative;
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 16px;
}

[dir="ltr"] .about__card-author {
  padding-left: 28px;
}

[dir="rtl"] .about__card-author {
  padding-right: 28px;
}

.about__card-author:before {
  display: block;
  height: 1px;
  width: 20px;
  background: currentColor;
  content: "";
  opacity: 0.8;
  position: absolute;
  top: 10px;
}

[dir="ltr"] .about__card-author:before {
  left: 0;
}

[dir="rtl"] .about__card-author:before {
  right: 0;
}

.about__card-signature {
  padding: 40px 0 12px;
  margin-top: auto;
  -ms-flex-item-align: center;
  align-self: center;
}

/* ── Responsive ── */
@media (min-width: 1200px) {
  .about__card {
    min-height: 620px;
  }
}

@media (max-width: 1199.98px) {
  .about__card {
    margin: 0 auto;
    max-width: 510px;
  }
  .about__card-body {
    padding: 32px 64px;
  }
}

@media (max-width: 767.98px) {
  .about__card-body {
    padding: 32px 36px;
  }
}

@media (max-width: 575.98px) {
  .about__card-title {
    padding: 8px 0 24px;
    font-size: 32px;
  }
  .about__card-body {
    padding: 24px 28px;
    font-size: 15px;
  }
  .about__card-image {
    min-height: 120px;
    padding: 16px;
  }
  .about__card-image img {
    max-width: 160px;
  }
}

/*
// .about__indicators
*/
.about__indicators-body {
  margin: -12px;
}

.about__indicators-item {
  margin: 12px;
  width: calc(100% / 3 - 24px);
}

.about__indicators {
  -ms-flex-item-align: center;
  align-self: center;
}

.about__indicators-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.about__indicators-item-value {
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
}

.about__indicators-item-title {
  color: #6c757d;
  font-size: 15px;
  margin-top: 6px;
  line-height: 18px;
}

@media (min-width: 1200px) {
  .about__indicators {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  [dir="ltr"] .about__indicators {
    margin-left: 52px;
  }
  [dir="rtl"] .about__indicators {
    margin-right: 52px;
  }
}

@media (max-width: 1199.98px) {
  .about__indicators {
    text-align: center;
    margin-top: 48px;
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .about__indicators {
    margin-top: 40px;
  }
  .about__indicators-item-value {
    font-size: 36px;
  }
}

@media (max-width: 575.98px) {
  .about__indicators-body {
    margin: -16px;
  }
  .about__indicators-item {
    margin: 16px;
    width: calc(100% / 1 - 32px);
  }
}

/*
// .contacts
*/
.contacts__map {
  position: relative;
  height: 400px;
}

.contacts__map iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 991.98px) {
  .contacts__map {
    height: 380px;
  }
}

@media (max-width: 767.98px) {
  .contacts__map {
    height: 360px;
  }
}

/*
// .faq
*/
.faq__header {
  padding: 44px 0 52px;
  text-align: center;
}

.faq__header-title {
  font-weight: 700;
  margin: 0;
}

.faq__section {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  padding: 48px;
}

.faq__section + .faq__section {
  margin-top: 30px;
}

.faq__section-title {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 2.5rem;
  margin-top: -4px;
}

.faq__footer {
  margin-top: 56px;
  text-align: center;
}

.faq__footer-title {
  font-size: 28px;
  margin-bottom: 8px;
}

.faq__footer-subtitle {
  margin-bottom: 36px;
  color: #6c757d;
}

.faq__section-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px;
}

.faq__question {
  margin: 20px;
  width: calc(50% - 40px);
}

.faq__question-title {
  margin-bottom: 14px;
}

@media (max-width: 1199.98px) {
  .faq__header {
    padding: 48px 0 48px;
  }
  .faq__section {
    padding: 40px;
  }
}

@media (max-width: 991.98px) {
  .faq__section-body {
    margin: -12px;
  }
  .faq__question {
    margin: 12px;
    width: calc(100% - 24px);
  }
}

@media (max-width: 767.98px) {
  .faq__header {
    padding: 36px 0 32px;
  }
  .faq__header-title {
    font-size: 32px;
  }
  .faq__section {
    padding: 32px;
  }
  .faq__section-title {
    margin-bottom: 32px;
  }
  .faq__footer {
    margin-top: 40px;
  }
  .faq__footer-title {
    font-size: 24px;
  }
  .faq__footer-subtitle {
    font-size: 15px;
    margin-bottom: 24px;
  }
}

@media (max-width: 575.98px) {
  .faq__header {
    padding: 32px 0 28px;
  }
  .faq__section {
    padding: 24px;
  }
  .faq__section-title {
    margin-bottom: 28px;
  }
  .faq__question-title {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .faq__question-answer .typography {
    font-size: 15px;
  }
  .faq__footer-subtitle {
    margin-bottom: 20px;
  }
}

/*
// .not-found
*/
.not-found {
  text-align: center;
  padding: 36px 0;
}

.not-found__404 {
  font-size: 80px;
  font-weight: 700;
  color: #ebebeb;
  padding: 20px 0 4px;
}

.not-found__content {
  width: 480px;
  max-width: 100%;
  margin: 0 auto;
}

.not-found__title {
  margin-bottom: 24px;
  font-weight: 700;
}

.not-found__text {
  margin-bottom: 20px;
}

.not-found__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.not-found__search-input {
  width: 1px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

[dir="ltr"] .not-found__search-input {
  margin-right: 10px;
}

[dir="rtl"] .not-found__search-input {
  margin-left: 10px;
}

@media (max-width: 991.98px) {
  .not-found__404 {
    font-size: 60px;
  }
}

@media (max-width: 767.98px) {
  .not-found__404 {
    font-size: 50px;
    line-height: 54px;
    padding: 40px 0 32px;
  }
  .not-found__title {
    margin-bottom: 20px;
  }
}

/* ----------------------------------------
// Blocks
// ---------------------------------------- */
/*
// .block-banners
*/
.block-banners__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -15px;
}

.block-banners__item {
  margin: 15px;
  width: calc(50% - 30px);
  height: 210px;
  padding: 32px 34px;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  z-index: 0;
}

.block-banners__item,
.block-banners__item:hover {
  color: #fff;
}

.block-banners__item:before {
  border-radius: 3px;
  z-index: -1;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

[dir="ltr"] .block-banners__item:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(25%, rgba(26, 26, 26, 0.98)),
    color-stop(90%, rgba(26, 26, 26, 0))
  );
  background: linear-gradient(
    to right,
    rgba(26, 26, 26, 0.98) 25%,
    rgba(26, 26, 26, 0) 90%
  );
}

[dir="rtl"] .block-banners__item:before {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(25%, rgba(26, 26, 26, 0.98)),
    color-stop(90%, rgba(26, 26, 26, 0))
  );
  background: linear-gradient(
    to left,
    rgba(26, 26, 26, 0.98) 25%,
    rgba(26, 26, 26, 0) 90%
  );
}

.block-banners__item-title {
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #ffdf40;
}

.block-banners__item-details {
  display: block;
  margin-top: 12px;
  font-size: 15px;
}

.block-banners__item-button {
  margin-top: 28px;
}

.block-banners__item-image {
  border-radius: 3px;
  z-index: -3;
  position: absolute;
  content: "";
  display: block;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  left: -10px;
  top: -10px;
  -webkit-transition:
    opacity 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
  transition:
    opacity 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    opacity 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    opacity 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
}

.block-banners__item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.block-banners__item-image--blur {
  z-index: -2;
  opacity: 0;
}

.block-banners__item-image--blur img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.block-banners__item:hover .block-banners__item-image {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.block-banners__item:hover .block-banners__item-image--blur {
  opacity: 1;
}

.block-banners__item--style--two .block-banners__item-title {
  background: #ffdf40;
  display: inline-block;
  vertical-align: middle;
  padding: 2px 5px;
  border-radius: 1.5px;
  color: #262626;
  font-size: 24px;
  margin-top: -2px;
  margin-bottom: 2px;
}

@media (max-width: 1199.98px) {
  .block-banners__list {
    margin: -10px;
  }
  .block-banners__item {
    margin: 10px;
    width: calc(50% - 20px);
  }
  .block-banners__item {
    height: 190px;
    padding: 24px 24px;
  }
}

@media (max-width: 991.98px) {
  .block-banners__list {
    margin: -10px;
  }
  .block-banners__item {
    margin: 10px;
    width: calc(100% - 20px);
  }
  .block-banners__item {
    height: auto;
    padding: 24px 24px;
  }
}

@media (max-width: 474px) {
  [dir="ltr"] .block-banners__item:before {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(35%, rgba(26, 26, 26, 0.98)),
      to(rgba(26, 26, 26, 0))
    );
    background: linear-gradient(
      to right,
      rgba(26, 26, 26, 0.98) 35%,
      rgba(26, 26, 26, 0) 100%
    );
  }
  [dir="rtl"] .block-banners__item:before {
    background: -webkit-gradient(
      linear,
      right top,
      left top,
      color-stop(35%, rgba(26, 26, 26, 0.98)),
      to(rgba(26, 26, 26, 0))
    );
    background: linear-gradient(
      to left,
      rgba(26, 26, 26, 0.98) 35%,
      rgba(26, 26, 26, 0) 100%
    );
  }
}

/*
// .block-brands
*/
.block-brands__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #ebebeb;
}

.block-brands__item {
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block-brands__item-link {
  position: relative;
  display: block;
  padding: 12px 28px;
  width: 100%;
}

.block-brands__item-link:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.02);
  opacity: 0;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

.block-brands__item-link img {
  max-width: 100%;
  max-height: 72px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.7;
  -webkit-transition:
    opacity 0.15s,
    -webkit-filter 0.15s;
  transition:
    opacity 0.15s,
    -webkit-filter 0.15s;
  transition:
    filter 0.15s,
    opacity 0.15s;
  transition:
    filter 0.15s,
    opacity 0.15s,
    -webkit-filter 0.15s;
}

.block-brands__item-name {
  display: block;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #b3b3b3;
  margin-top: 4px;
  margin-bottom: -2px;
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}

.block-brands__item-link:hover:before {
  opacity: 1;
}

.block-brands__item-link:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}

.block-brands__item-link:hover .block-brands__item-name {
  color: #737373;
}

.block-brands__divider {
  background: #ebebeb;
}

@media (min-width: 1400px) {
  .block-brands--layout--columns-8-full .block-brands__item {
    width: calc((100% - 8px) / 8);
  }
  .block-brands--layout--columns-8-full .block-brands__divider {
    width: 1px;
  }
  .block-brands--layout--columns-8-full .block-brands__divider:nth-child(16n) {
    height: 1px;
    width: 100%;
  }
  .block-brands--layout--columns-8-full
    .block-brands__divider:nth-child(16n):last-child {
    display: none;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .block-brands--layout--columns-8-full .block-brands__item {
    width: calc((100% - 7px) / 7);
  }
  .block-brands--layout--columns-8-full .block-brands__divider {
    width: 1px;
  }
  .block-brands--layout--columns-8-full .block-brands__divider:nth-child(14n) {
    height: 1px;
    width: 100%;
  }
  .block-brands--layout--columns-8-full
    .block-brands__divider:nth-child(14n):last-child {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-brands--layout--columns-8-full .block-brands__item {
    width: calc((100% - 6px) / 6);
  }
  .block-brands--layout--columns-8-full .block-brands__divider {
    width: 1px;
  }
  .block-brands--layout--columns-8-full .block-brands__divider:nth-child(12n) {
    height: 1px;
    width: 100%;
  }
  .block-brands--layout--columns-8-full
    .block-brands__divider:nth-child(12n):last-child {
    display: none;
  }
}

@media (min-width: 1400px) {
  .block-brands--layout--columns-7-sidebar .block-brands__item {
    width: calc((100% - 7px) / 7);
  }
  .block-brands--layout--columns-7-sidebar .block-brands__divider {
    width: 1px;
  }
  .block-brands--layout--columns-7-sidebar
    .block-brands__divider:nth-child(14n) {
    height: 1px;
    width: 100%;
  }
  .block-brands--layout--columns-7-sidebar
    .block-brands__divider:nth-child(14n):last-child {
    display: none;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .block-brands--layout--columns-7-sidebar .block-brands__item {
    width: calc((100% - 6px) / 6);
  }
  .block-brands--layout--columns-7-sidebar .block-brands__divider {
    width: 1px;
  }
  .block-brands--layout--columns-7-sidebar
    .block-brands__divider:nth-child(12n) {
    height: 1px;
    width: 100%;
  }
  .block-brands--layout--columns-7-sidebar
    .block-brands__divider:nth-child(12n):last-child {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-brands--layout--columns-7-sidebar .block-brands__item {
    width: calc((100% - 5px) / 5);
  }
  .block-brands--layout--columns-7-sidebar .block-brands__divider {
    width: 1px;
  }
  .block-brands--layout--columns-7-sidebar
    .block-brands__divider:nth-child(10n) {
    height: 1px;
    width: 100%;
  }
  .block-brands--layout--columns-7-sidebar
    .block-brands__divider:nth-child(10n):last-child {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .block-brands__item {
    width: calc((100% - 5px) / 5);
  }
  .block-brands__divider {
    width: 1px;
  }
  .block-brands__divider:nth-child(10n) {
    height: 1px;
    width: 100%;
  }
  .block-brands__divider:nth-child(10n):last-child {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .block-brands__item {
    width: calc((100% - 4px) / 4);
  }
  .block-brands__divider {
    width: 1px;
  }
  .block-brands__divider:nth-child(8n) {
    height: 1px;
    width: 100%;
  }
  .block-brands__divider:nth-child(8n):last-child {
    display: none;
  }
}

@media (min-width: 420px) and (max-width: 575px) {
  .block-brands__item {
    width: calc((100% - 3px) / 3);
  }
  .block-brands__divider {
    width: 1px;
  }
  .block-brands__divider:nth-child(6n) {
    height: 1px;
    width: 100%;
  }
  .block-brands__divider:nth-child(6n):last-child {
    display: none;
  }
}

@media (max-width: 419px) {
  .block-brands__item {
    width: calc((100% - 2px) / 2);
  }
  .block-brands__divider {
    width: 1px;
  }
  .block-brands__divider:nth-child(4n) {
    height: 1px;
    width: 100%;
  }
  .block-brands__divider:nth-child(4n):last-child {
    display: none;
  }
}

/*
// .block-categories
*/
.block-categories__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-categories__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-categories__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block-categories__title {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: -24px;
  padding: 0 64px 28px;
}

.block-categories__title-decor {
  position: absolute;
  width: 100%;
  bottom: 1px;
}

[dir="ltr"] .block-categories__title-decor {
  left: 0;
}

[dir="rtl"] .block-categories__title-decor {
  right: 0;
}

.block-categories__title-decor .decor__start,
.block-categories__title-decor .decor__end,
.block-categories__title-decor .decor__center {
  background: #fafafa;
}

.block-categories__title-decor .decor__start,
.block-categories__title-decor .decor__end {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
}

.block-categories__title-decor .decor__body {
  height: 35px;
  margin: 0 -10px -10px;
}

.block-categories__title-decor .decor__start,
.block-categories__title-decor .decor__end {
  height: 25px;
  width: calc(50% - 24.43375px);
}

.block-categories__title-decor .decor__start {
  left: 10px;
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);
}

.block-categories__title-decor .decor__end {
  right: 10px;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

.block-categories__title-decor .decor__center {
  height: 25px;
  width: 30.8675px;
}

.block-categories__body {
  position: relative;
  background-color: #f6f6f6;
  padding: 76px 0 64px;
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.08);
}

.block-categories__body-decor {
  position: absolute;
  bottom: -1px;
  height: 35px;
}

.block-categories__body-decor .decor__start,
.block-categories__body-decor .decor__end,
.block-categories__body-decor .decor__center {
  background: #fafafa;
}

.block-categories__body-decor .decor__start,
.block-categories__body-decor .decor__end {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
}

.block-categories__body-decor .decor__start,
.block-categories__body-decor .decor__end {
  height: 25px;
}

@media (min-width: 1400px) {
  .block-categories__list {
    margin: -12px;
  }
  .block-categories__item {
    width: calc((100% - 72px) / 3);
    margin: 12px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .block-categories__list {
    margin: -8px;
  }
  .block-categories__item {
    width: calc((100% - 48px) / 3);
    margin: 8px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-categories__list {
    margin: -8px;
  }
  .block-categories__item {
    width: calc((100% - 32px) / 2);
    margin: 8px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .block-categories__list {
    margin: -8px;
  }
  .block-categories__item {
    width: calc((100% - 48px) / 3);
    margin: 8px;
  }
}

@media (max-width: 767.98px) {
  .block-categories__list {
    margin: -8px;
  }
  .block-categories__item {
    width: calc((100% - 32px) / 2);
    margin: 8px;
  }
}

@media (max-width: 474px) {
  .block-categories__list {
    margin: -8px;
  }
  .block-categories__item {
    width: calc((100% - 16px) / 1);
    margin: 8px;
  }
}

/*
// .block-features
*/
.block-features__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 8px 40px;
}

.block-features__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc((100% - 3px) / 4);
  padding: 1.5rem 2.5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block-features__item-icon {
  fill: var(--gold-500);
}

[dir="ltr"] .block-features__item-icon {
  margin-right: 1.375rem;
}

[dir="rtl"] .block-features__item-icon {
  margin-left: 1.375rem;
}

.block-features__item-title {
  font-size: 18px;
  font-weight: 500;
}

.block-features__item-subtitle {
  color: #6c757d;
  font-size: 15px;
}

.block-features--layout--top-strip .block-features__list {
  border-bottom: 2px solid #ebebeb;
}

.block-features--layout--bottom-strip .block-features__list {
  border-top: 2px solid #ebebeb;
}

@media (max-width: 1399.98px) {
  .block-features__list {
    padding: 0;
  }
  .block-features__item {
    padding: 1.5rem 1.5rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .block-features__item-title {
    font-size: 16px;
  }
  .block-features__item-subtitle {
    font-size: 14px;
  }
}

@media (max-width: 1199.98px) {
  .block-features__item {
    padding: 1.375rem 0.75rem;
  }
  [dir="ltr"] .block-features__item-icon {
    margin-right: 1rem;
  }
  [dir="rtl"] .block-features__item-icon {
    margin-left: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .block-features__list {
    padding: 4px 0;
  }
  .block-features__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .block-features__item-icon {
    margin-bottom: 12px;
  }
  [dir="ltr"] .block-features__item-icon {
    margin-right: 0;
  }
  [dir="rtl"] .block-features__item-icon {
    margin-left: 0;
  }
}

@media (max-width: 767.98px) {
  .block-features__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px 0;
  }
  .block-features__item {
    width: 50%;
    padding: 0.75rem 1.25rem;
  }
}

@media (max-width: 575px) and (min-width: 400px) {
  .block-features__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .block-features__item-icon {
    margin-bottom: 12px;
  }
  [dir="ltr"] .block-features__item-icon {
    margin-right: 0;
  }
  [dir="rtl"] .block-features__item-icon {
    margin-left: 0;
  }
}

@media (max-width: 399px) {
  .block-features__item {
    width: 100%;
    padding: 0.675rem 1.25rem;
  }
  [dir="ltr"] .block-features__item-icon {
    margin-right: 18px;
  }
  [dir="rtl"] .block-features__item-icon {
    margin-left: 18px;
  }
}

/*
// .block-finder
*/
.block-finder {
  position: relative;
  height: 500px;
  overflow: hidden;
  padding-top: 24px;
  padding-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #333;
}

.block-finder__decor {
  position: absolute;
  bottom: -1px;
  z-index: 2;
}

.block-finder__decor .decor__start,
.block-finder__decor .decor__end,
.block-finder__decor .decor__center {
  background: #fafafa;
}

.block-finder__decor .decor__start,
.block-finder__decor .decor__end {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.block-finder__image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  z-index: 1;
  opacity: 0.22;
}

.block-finder__body {
  color: #fff;
  text-align: center;
  z-index: 2;
}

.block-finder__title {
  font-size: 48px;
  font-weight: 500;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  margin: 0;
}

.block-finder__subtitle {
  margin: 0 0 60px;
  font-size: 18px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.block-finder__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -7px;
}

.block-finder__form-control {
  margin: 7px;
  height: 44px;
  min-height: 44px;
}

.block-finder__form-control:focus {
  outline: none;
}

.block-finder__form-control--select {
  min-width: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.block-finder__form-control--select select {
  width: 100%;
  height: 100%;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-top: 0;
  padding-bottom: 0;
}

.block-finder__form-control--select select:disabled {
  opacity: 0.65;
  color: #999;
}

.block-finder__form-control--select select,
.block-finder__form-control--select .select2-selection--single {
  height: 44px;
  border-radius: 2px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 5px 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='%234d4d4d' d='M4.503,4 L0.497,4 C0.094,4 -0.142,3.492 0.089,3.122 L2.095,0.233 C2.293,-0.084 2.712,-0.084 2.911,0.233 L4.911,3.122 C5.142,3.492 4.906,4 4.503,4 ZM0.497,6 L4.503,6 C4.906,6 5.142,6.504 4.911,6.871 L2.905,9.737 C2.707,10.052 2.288,10.052 2.089,9.737 L0.089,6.871 C-0.142,6.504 0.094,6 0.497,6 Z'/%3E%3C/svg%3E%0A");
  -webkit-transition:
    opacity 0.25s ease-in-out,
    color 0.25s ease-in-out;
  transition:
    opacity 0.25s ease-in-out,
    color 0.25s ease-in-out;
}

[dir="ltr"] .block-finder__form-control--select select,
[dir="ltr"] .block-finder__form-control--select .select2-selection--single {
  background-position: right 12px center;
  text-align: left;
}

[dir="rtl"] .block-finder__form-control--select select,
[dir="rtl"] .block-finder__form-control--select .select2-selection--single {
  background-position: left 12px center;
  text-align: right;
}

.block-finder__form-control--select select:focus,
.block-finder__form-control--select .select2-selection--single:focus {
  outline: none;
}

.block-finder__form-control--select select,
.block-finder__form-control--select
  .select2-selection--single
  .select2-selection__rendered {
  color: #262626;
}

[dir="ltr"] .block-finder__form-control--select select,
[dir="ltr"]
  .block-finder__form-control--select
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 16px;
  padding-right: 29px;
}

[dir="rtl"] .block-finder__form-control--select select,
[dir="rtl"]
  .block-finder__form-control--select
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 16px;
  padding-left: 29px;
}

.block-finder__form-control--select .select2-selection--single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.block-finder__form-control--select .select2-selection__arrow {
  display: none;
}

.block-finder__form-control--select .select2-selection--single {
  border: none;
}

.block-finder__form-control--select
  .select2-container--disabled
  .select2-selection--single {
  background-color: #fff;
  opacity: 0.65;
}

.block-finder__form-control--select
  .select2-container--disabled
  .select2-selection__rendered {
  color: #999;
}

.block-finder__form-control--select .select2-container {
  width: 100%;
  height: 100%;
}

.block-finder__form-control--button {
  border-radius: 2px;
  border: none;
  padding: 0 40px;
  -webkit-transition:
    background 0.2s,
    color 0.2s;
  transition:
    background 0.2s,
    color 0.2s;
  background-color: #1a79ff;
  color: #fff;
}

.block-finder__form-control--button:hover {
  background-color: #545454;
  color: #fff;
}

.block-finder__form-control--button:active {
  background-color: #4c4c4c;
  color: #fff;
}

.block-finder__form-control--button:active {
  -webkit-transition-duration: 0.1s, 0.1s;
  transition-duration: 0.1s, 0.1s;
}

.block-finder__form-control--button:focus {
  outline: none;
}

@media (max-width: 1199.98px) {
  .block-finder {
    padding-bottom: 36px;
  }
  .block-finder__subtitle {
    margin-bottom: 48px;
  }
  .block-finder__form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 548px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .block-finder__form-control {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 260px;
    -ms-flex-preferred-size: 260px;
    flex-basis: 260px;
  }
  .block-finder__form-control--button {
    margin-top: 35px;
  }
}

@media (max-width: 991.98px) {
  .block-finder__title {
    font-size: 32px;
    line-height: 40px;
  }
  .block-finder__subtitle {
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 40px;
  }
  .block-finder {
    height: auto;
    padding: 64px 0 76px;
  }
}

@media (max-width: 767.98px) {
  .block-finder__title {
    font-size: 28px;
    line-height: 36px;
  }
  .block-finder__subtitle {
    font-size: 15px;
  }
  .block-finder__form-control {
    height: 40px;
    min-height: 40px;
  }
  .block-finder__form-control--select select,
  .block-finder__form-control--select .select2-selection--single {
    height: 40px;
  }
  .block-finder__form-control--button {
    margin-top: 35px;
  }
}

@media (max-width: 399px) {
  .block-finder {
    height: auto;
    padding: 40px 0 48px;
  }
  .block-finder__title {
    font-size: 26px;
    line-height: 34px;
  }
  .block-finder__subtitle {
    font-size: 14px;
    margin-bottom: 32px;
  }
  .block-finder__form-control--button {
    margin-top: 21px;
  }
}

/*
// .block-header
*/

.breadcrumb__list {
  display: flex;
  align-items: center;
  gap: 6px;
}

.breadcrumb__link {
  font-size: 12px;
  color: var(--gold-700);
  opacity: 0.65;
  transition: opacity 0.15s;
}

.breadcrumb__link:hover {
  opacity: 1;
}

.breadcrumb__link--active {
  opacity: 1;
  color: var(--gold-500);
  font-weight: 500;
}

.breadcrumb__sep {
  font-size: 11px;
  color: var(--gold-300);
  user-select: none;
}

/* ─────────────────────────────────────────────────────────
   PAGE BODY (sidebar + main)
───────────────────────────────────────────────────────── */
.page-body {
  max-width: 1400px;
  margin: 0 auto;
  padding: 24px 24px 0;
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

/* ─────────────────────────────────────────────────────────
   SIDEBAR
───────────────────────────────────────────────────────── */
.sidebar {
  width: 230px;
  flex-shrink: 0;
  position: sticky;
  top: 20px;
}

.sidebar__header {
  padding: 0 0 10px;
  border-bottom: 1px solid var(--gold-200);
  margin-bottom: 4px;
}

.sidebar__label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-500);
}

/* Sidebar list */
.sidebar__list {
  background: #fff;
  border: 1px solid var(--gold-200);
  border-radius: 8px;
  overflow: hidden;
  margin-top: 10px;
}

.sidebar__item {
  border-bottom: 1px solid var(--gold-100);
}

.sidebar__item:last-child {
  border-bottom: none;
}

.sidebar__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 16px;
  font-size: 13px;
  color: var(--dark-700);
  border-left: 3px solid transparent;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  cursor: pointer;
}

.sidebar__link:hover {
  background: var(--gold-100);
  color: var(--gold-500);
  border-left-color: var(--gold-300);
}

.sidebar__link--active {
  background: var(--gold-100);
  color: var(--gold-500);
  border-left-color: var(--gold-500);
  font-weight: 500;
}

.sidebar__link-text {
  flex: 1;
}

.sidebar__chevron {
  opacity: 0.4;
  flex-shrink: 0;
  transition: transform 0.2s;
}

.sidebar__item--open > .sidebar__link .sidebar__chevron {
  transform: rotate(90deg);
  opacity: 0.8;
}

/* Sub-list */
.sidebar__sub {
  background: var(--gold-100);
  border-top: 1px solid var(--gold-200);
  padding: 4px 0;
}

.sidebar__sub-link {
  display: block;
  padding: 7px 16px 7px 28px;
  font-size: 12px;
  color: var(--dark-600);
  position: relative;
  transition: color 0.15s, background 0.15s;
  cursor: pointer;
}

.sidebar__sub-link::before {
  content: '';
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: var(--gold-300);
  border-radius: 50%;
  transition: background 0.15s;
}

.sidebar__sub-link:hover,
.sidebar__sub-link--active {
  color: var(--gold-500);
  background: rgba(204, 0, 0, 0.05);
}

.sidebar__sub-link--active::before,
.sidebar__sub-link:hover::before {
  background: var(--gold-500);
}

/* Show More */
.sidebar__show-more {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px 6px 28px;
  font-size: 11px;
  color: var(--gold-500);
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-weight: 500;
  transition: color 0.15s;
}

.sidebar__show-more:hover {
  color: var(--gold-400);
}

.sidebar__show-more-icon {
  transition: transform 0.2s ease;
}

.sidebar__show-more-icon--open {
  transform: rotate(180deg);
}

/* Sidebar Skeleton */
.sidebar__skeleton {
  background: #fff;
  border: 1px solid var(--gold-200);
  border-radius: 8px;
  padding: 12px 16px;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Sidebar Promo */
.sidebar__promo {
  margin-top: 16px;
  background: var(--dark-800);
  border-radius: 8px;
  padding: 20px 18px;
  position: relative;
  overflow: hidden;
}

.sidebar__promo::before {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 20px,
    rgba(255, 34, 34, 0.04) 20px,
    rgba(255, 34, 34, 0.04) 40px
  );
}

.sidebar__promo-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-400);
  margin-bottom: 6px;
  position: relative;
}

.sidebar__promo-title {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 4px;
  position: relative;
}

.sidebar__promo-sub {
  font-size: 11px;
  color: var(--gold-300);
  opacity: 0.8;
  margin-bottom: 16px;
  position: relative;
}

.sidebar__promo-cta {
  display: inline-block;
  background: var(--gold-500);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 16px;
  border-radius: 4px;
  position: relative;
  transition: background 0.2s;
  letter-spacing: 0.02em;
}

.sidebar__promo-cta:hover {
  background: var(--gold-400);
}

.sidebar__error {
  font-size: 13px;
  color: var(--gold-500);
  padding: 12px 0;
}

/* ─────────────────────────────────────────────────────────
   MAIN
───────────────────────────────────────────────────────── */
.main {
  flex: 1;
  min-width: 0;
}

/* Main Header */
.main__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 20px;
}

.main__title {
  font-size: 26px;
  font-weight: 700;
  color: var(--dark-900);
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.main__subtitle {
  font-size: 13px;
  color: var(--gold-700);
  opacity: 0.7;
  margin-top: 4px;
}

.sort-select {
  height: 36px;
  padding: 0 30px 0 12px;
  font-size: 12px;
  font-family: inherit;
  color: var(--dark-700);
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23880000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;
  border: 1px solid var(--gold-200);
  border-radius: 6px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: border-color 0.15s;
}

.sort-select:hover,
.sort-select:focus {
  border-color: var(--gold-400);
  outline: none;
}

/* ─────────────────────────────────────────────────────────
   CATEGORIES GRID
───────────────────────────────────────────────────────── */
.cats-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-bottom: 28px;
}

.cat-card {
  background: #fff;
  border: 1px solid var(--gold-200);
  border-radius: 10px;
  overflow: hidden;
  display: block;
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
  cursor: pointer;
}

.cat-card:hover {
  border-color: var(--gold-500);
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(204, 0, 0, 0.12);
}

.cat-card--featured {
  border-color: var(--gold-400);
  border-width: 1.5px;
}

.cat-card__img {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}



.cat-card__photo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transition: transform 0.3s;
}

.cat-card:hover .cat-card__photo {
  transform: scale(1.05);
}

.cat-card__initial {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--gold-500);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
}

.cat-card--skeleton .cat-card__img {
  background: var(--gold-100);
}

.cat-card__badge {
  position: absolute;
  top: 8px;
  right: 8px;
  background: var(--gold-500);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 3px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cat-card__body {
  padding: 10px 12px 13px;
}

.cat-card__name {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-800);
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.15s;
}

.cat-card:hover .cat-card__name {
  color: var(--gold-500);
}

.cat-card__meta {
  display: block;
  font-size: 11px;
  color: var(--gold-700);
  opacity: 0.6;
}

/* ─────────────────────────────────────────────────────────
   PROMO BANNER
───────────────────────────────────────────────────────── */
.promo-banner {
  position: relative;
  background: var(--dark-800);
  border-radius: 12px;
  padding: 32px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  overflow: hidden;
  margin-bottom: 36px;
}

.promo-banner__bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 100% at 100% 50%, rgba(204, 0, 0, 0.25), transparent),
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 30px,
      rgba(255, 255, 255, 0.015) 30px,
      rgba(255, 255, 255, 0.015) 60px
    );
  pointer-events: none;
}

.promo-banner__content {
  position: relative;
  z-index: 1;
}

.promo-banner__eyebrow {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-400);
  margin-bottom: 8px;
}

.promo-banner__title {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  margin-bottom: 6px;
  line-height: 1.2;
}

.promo-banner__sub {
  font-size: 13px;
  color: var(--gold-200);
  opacity: 0.75;
  max-width: 380px;
  line-height: 1.5;
}

.promo-banner__cta {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--gold-500);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 12px 24px;
  border-radius: 6px;
  white-space: nowrap;
  letter-spacing: 0.02em;
  transition: background 0.2s, gap 0.2s;
  flex-shrink: 0;
}

.promo-banner__cta:hover {
  background: var(--gold-400);
  gap: 14px;
}

/* ─────────────────────────────────────────────────────────
   BRANDS SECTION
───────────────────────────────────────────────────────── */
.brands-section {
  margin-bottom: 8px;
}

.brands-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.brands-section__title {
  font-size: 16px;
  font-weight: 700;
  color: var(--dark-900);
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: -0.01em;
}

.brands-section__title-accent {
  display: block;
  width: 4px;
  height: 16px;
  background: var(--gold-500);
  border-radius: 2px;
}

.brands-section__view-all {
  font-size: 12px;
  color: var(--gold-500);
  font-weight: 500;
  transition: color 0.15s;
}

.brands-section__view-all:hover {
  color: var(--gold-400);
  text-decoration: underline;
}

/* Brands grid */
.brands-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
}

.brand-card {
  background: #fff;
  border: 1px solid var(--gold-200);
  border-radius: 8px;
  padding: 14px 8px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: border-color 0.2s, transform 0.2s;
}

.brand-card:hover {
  border-color: var(--gold-500);
  transform: translateY(-2px);
}

.brand-card__logo-wrap {
  width: 44px;
  height: 30px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--dark-800);
}

.brand-card__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.brand-card__initial {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
}

.brand-card__name {
  font-size: 11px;
  font-weight: 600;
  color: var(--dark-700);
  text-align: center;
  line-height: 1.2;
}

.brands-empty {
  font-size: 13px;
  color: var(--gold-700);
  opacity: 0.6;
  text-align: center;
  padding: 20px 0;
}

/* ─────────────────────────────────────────────────────────
   SKELETONS
───────────────────────────────────────────────────────── */
.skeleton-box,
.skeleton-line {
  background: linear-gradient(90deg, var(--gold-100) 25%, var(--gold-200) 50%, var(--gold-100) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
  border-radius: 4px;
}

.skeleton-line {
  height: 12px;
  width: 100%;
  margin-bottom: 8px;
}

.skeleton-line--short {
  width: 70%;
}

.skeleton-line--xs {
  width: 40%;
  height: 10px;
}

.skeleton-box {
  width: 100%;
  height: 90px;
}

@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ─────────────────────────────────────────────────────────
   ERROR STATE
───────────────────────────────────────────────────────── */
.state-error {
  background: #fff0f0;
  border: 1px solid var(--gold-300);
  border-radius: 8px;
  padding: 16px 20px;
  font-size: 13px;
  color: var(--gold-600);
  margin-bottom: 28px;
}

/* ─────────────────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  .cats-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .brands-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 900px) {
  .page-body {
    flex-direction: column;
  }

  .sidebar {
    width: 100%;
    position: static;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .sidebar__list {
    flex: 1;
    min-width: 200px;
  }

  .sidebar__promo {
    flex: 1;
    min-width: 200px;
    margin-top: 0;
  }

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

  .brands-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .promo-banner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 28px;
  }
}

@media (max-width: 600px) {
  .page-body {
    padding: 16px 16px 0;
    gap: 16px;
  }

  .top-bar__inner {
    padding: 0 16px;
  }

  .main__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .cats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

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

  .promo-banner {
    padding: 20px;
  }

  .promo-banner__title {
    font-size: 18px;
  }
}

/*
// .block-map
*/
.block-map {
  display: block;
  position: relative;
  height: 420px;
}

.block-map iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.block-map:before,
.block-map:after {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 1;
  pointer-events: none;
}

.block-map:before {
  top: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.03)),
    to(rgba(0, 0, 0, 0))
  );
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0));
}

.block-map:after {
  bottom: 0;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.03)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.03),
    rgba(0, 0, 0, 0)
  );
}

@media (max-width: 1399.98px) {
  .block-map {
    height: 400px;
  }
}

@media (max-width: 1199.98px) {
  .block-map {
    height: 380px;
  }
}

@media (max-width: 991.98px) {
  .block-map {
    height: 360px;
  }
}

@media (max-width: 767.98px) {
  .block-map {
    height: 340px;
  }
}

/*
// .block-posts-carousel
*/
.block-posts-carousel__carousel .owl-stage-outer {
  margin: -10px;
  padding: 10px;
  position: relative;
}

.block-posts-carousel__carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-posts-carousel__carousel .owl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.block-posts-carousel__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-posts-carousel--layout--grid .post-card {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.block-posts-carousel--layout--grid .post-card .post-card__image img {
  max-width: 100%;
  height: auto;
}

.block-posts-carousel--layout--grid .post-card .post-card__content {
  position: relative;
}

.block-posts-carousel--layout--grid .post-card .post-card__title h2 {
  margin: 0;
}

.block-posts-carousel--layout--grid .post-card .post-card__title a {
  color: inherit;
}

.block-posts-carousel--layout--grid .post-card .post-card__title a:hover {
  text-decoration: underline;
}

.block-posts-carousel--layout--grid .post-card .post-card__category {
  position: absolute;
  bottom: calc(100% - 1px);
  font-weight: 500;
  z-index: 0;
  font-size: 14px;
}

[dir="ltr"]
  .block-posts-carousel--layout--grid
  .post-card
  .post-card__category {
  left: 0;
}

[dir="rtl"]
  .block-posts-carousel--layout--grid
  .post-card
  .post-card__category {
  right: 0;
}

.block-posts-carousel--layout--grid .post-card .post-card__category a {
  color: #0064f0;
  display: block;
}

.block-posts-carousel--layout--grid .post-card .post-card__category a:hover {
  text-decoration: underline;
}

.block-posts-carousel--layout--grid .post-card .post-card__category:before,
.block-posts-carousel--layout--grid .post-card .post-card__category:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  background: #fff;
  z-index: -1;
  height: 100%;
}

.block-posts-carousel--layout--grid .post-card .post-card__category:before {
  width: 100%;
}

[dir="ltr"]
  .block-posts-carousel--layout--grid
  .post-card
  .post-card__category:before {
  left: 0;
  border-top-right-radius: 2px;
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

[dir="rtl"]
  .block-posts-carousel--layout--grid
  .post-card
  .post-card__category:before {
  right: 0;
  border-top-left-radius: 2px;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.block-posts-carousel--layout--grid .post-card .post-card__category:after {
  width: 50px;
}

[dir="ltr"]
  .block-posts-carousel--layout--grid
  .post-card
  .post-card__category:after {
  left: 0;
}

[dir="rtl"]
  .block-posts-carousel--layout--grid
  .post-card
  .post-card__category:after {
  right: 0;
}

.block-posts-carousel--layout--grid .post-card .post-card__date {
  font-size: 14px;
  color: #999;
}

.block-posts-carousel--layout--grid .post-card .post-card__date a {
  color: inherit;
}

.block-posts-carousel--layout--grid .post-card .post-card__date a:hover {
  color: #0064f0;
}

.block-posts-carousel--layout--grid .post-card .post-card__date:before {
  display: block;
  content: "";
  height: 1px;
  background: currentColor;
  opacity: 0.6;
}

.block-posts-carousel--layout--grid .post-card .post-card__excerpt {
  overflow: hidden;
}

.block-posts-carousel--layout--grid .post-card .post-card__category {
  font-size: 13px;
}

.block-posts-carousel--layout--grid .post-card .post-card__title h2 {
  font-size: 15px;
  line-height: 20px;
  overflow: hidden;
  max-height: 40px;
}

.block-posts-carousel--layout--grid .post-card .post-card__category {
  height: 22px;
  padding: 0.75rem 1.25rem 0;
}

.block-posts-carousel--layout--grid .post-card .post-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1.125rem 1.25rem 1rem;
}

.block-posts-carousel--layout--grid .post-card .post-card__date {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  font-size: 13px;
  margin-top: 6px;
}

.block-posts-carousel--layout--grid .post-card .post-card__date:before {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  top: -1px;
}

[dir="ltr"]
  .block-posts-carousel--layout--grid
  .post-card
  .post-card__date:before {
  margin-right: 2px;
}

[dir="rtl"]
  .block-posts-carousel--layout--grid
  .post-card
  .post-card__date:before {
  margin-left: 2px;
}

.block-posts-carousel--layout--grid .post-card .post-card__excerpt,
.block-posts-carousel--layout--grid .post-card .post-card__more {
  display: none;
}

@media (min-width: 576px) {
  .block-posts-carousel--layout--list .post-card {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .block-posts-carousel--layout--list .post-card .post-card__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .block-posts-carousel--layout--list .post-card .post-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .block-posts-carousel--layout--list .post-card .post-card__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title h2 {
    margin-bottom: 0;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title a {
    color: inherit;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title a:hover {
    text-decoration: underline;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category {
    font-size: 14px;
    font-weight: 500;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category a {
    color: #0064f0;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category a:hover {
    text-decoration: underline;
  }
  .block-posts-carousel--layout--list .post-card .post-card__excerpt {
    overflow: hidden;
    margin-bottom: auto;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date {
    font-size: 14px;
    color: #999;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date a {
    color: inherit;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date a:hover {
    color: #0064f0;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date:before {
    content: "";
    height: 1px;
    background: currentColor;
    opacity: 0.6;
  }
}

@media (min-width: 1400px) {
  .block-posts-carousel--layout--list .post-card .post-card__image {
    width: 280px;
    min-height: 220px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__content {
    padding: 20px 26px 22px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category {
    margin-bottom: 6px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title {
    margin-bottom: 8px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title h2 {
    font-size: 17px;
    line-height: 24px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__excerpt {
    font-size: 15px;
    max-height: 66px;
  }
  .block-posts-carousel--layout--list
    .post-card
    .post-card__excerpt
    .typography {
    line-height: 22px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date:before {
    display: block;
    width: 32px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__more {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  .block-posts-carousel--layout--list .post-card .post-card__image {
    width: 240px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__content {
    padding: 16px 22px 16px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category {
    margin-bottom: 6px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title {
    margin-bottom: 8px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title h2 {
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    max-height: 44px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__excerpt {
    font-size: 15px;
    max-height: 66px;
  }
  .block-posts-carousel--layout--list
    .post-card
    .post-card__excerpt
    .typography {
    line-height: 22px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    line-height: 19px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date:before {
    display: block;
    width: 32px;
    margin-top: 12px;
    margin-bottom: 10px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__more {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-posts-carousel--layout--list .post-card .post-card__image {
    width: 210px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title {
    margin-bottom: 0;
  }
  .block-posts-carousel--layout--list .post-card .post-card__excerpt {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .block-posts-carousel--layout--list .post-card .post-card__image {
    width: 280px;
    min-height: 220px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__content {
    padding: 20px 26px 22px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category {
    margin-bottom: 6px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title {
    margin-bottom: 8px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title h2 {
    font-size: 17px;
    line-height: 24px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__excerpt {
    font-size: 15px;
    max-height: 66px;
  }
  .block-posts-carousel--layout--list
    .post-card
    .post-card__excerpt
    .typography {
    line-height: 22px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date:before {
    display: block;
    width: 32px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__more {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .block-posts-carousel--layout--list .post-card .post-card__image {
    width: 240px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__content {
    padding: 16px 22px 16px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category {
    margin-bottom: 6px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title {
    margin-bottom: 8px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title h2 {
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    max-height: 44px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__excerpt {
    font-size: 15px;
    max-height: 66px;
  }
  .block-posts-carousel--layout--list
    .post-card
    .post-card__excerpt
    .typography {
    line-height: 22px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    line-height: 19px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date:before {
    display: block;
    width: 32px;
    margin-top: 12px;
    margin-bottom: 10px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__more {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .block-posts-carousel--layout--list .post-card {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  }
  .block-posts-carousel--layout--list .post-card .post-card__image img {
    max-width: 100%;
    height: auto;
  }
  .block-posts-carousel--layout--list .post-card .post-card__content {
    position: relative;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title h2 {
    margin: 0;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title a {
    color: inherit;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title a:hover {
    text-decoration: underline;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category {
    position: absolute;
    bottom: calc(100% - 1px);
    font-weight: 500;
    z-index: 0;
    font-size: 14px;
  }
  [dir="ltr"]
    .block-posts-carousel--layout--list
    .post-card
    .post-card__category {
    left: 0;
  }
  [dir="rtl"]
    .block-posts-carousel--layout--list
    .post-card
    .post-card__category {
    right: 0;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category a {
    color: #0064f0;
    display: block;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category a:hover {
    text-decoration: underline;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category:before,
  .block-posts-carousel--layout--list .post-card .post-card__category:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    background: #fff;
    z-index: -1;
    height: 100%;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category:before {
    width: 100%;
  }
  [dir="ltr"]
    .block-posts-carousel--layout--list
    .post-card
    .post-card__category:before {
    left: 0;
    border-top-right-radius: 2px;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
  [dir="rtl"]
    .block-posts-carousel--layout--list
    .post-card
    .post-card__category:before {
    right: 0;
    border-top-left-radius: 2px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category:after {
    width: 50px;
  }
  [dir="ltr"]
    .block-posts-carousel--layout--list
    .post-card
    .post-card__category:after {
    left: 0;
  }
  [dir="rtl"]
    .block-posts-carousel--layout--list
    .post-card
    .post-card__category:after {
    right: 0;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date {
    font-size: 14px;
    color: #999;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date a {
    color: inherit;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date a:hover {
    color: #0064f0;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date:before {
    display: block;
    content: "";
    height: 1px;
    background: currentColor;
    opacity: 0.6;
  }
  .block-posts-carousel--layout--list .post-card .post-card__excerpt {
    overflow: hidden;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category {
    font-size: 13px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__title h2 {
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    max-height: 40px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__category {
    height: 22px;
    padding: 0.75rem 1.25rem 0;
  }
  .block-posts-carousel--layout--list .post-card .post-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.125rem 1.25rem 1rem;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 13px;
    margin-top: 6px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__date:before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    top: -1px;
  }
  [dir="ltr"]
    .block-posts-carousel--layout--list
    .post-card
    .post-card__date:before {
    margin-right: 2px;
  }
  [dir="rtl"]
    .block-posts-carousel--layout--list
    .post-card
    .post-card__date:before {
    margin-left: 2px;
  }
  .block-posts-carousel--layout--list .post-card .post-card__excerpt,
  .block-posts-carousel--layout--list .post-card .post-card__more {
    display: none;
  }
}

/*
// .block-products-carousel
*/
.block-products-carousel__carousel {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-products-carousel__carousel .owl-stage-outer {
  margin: -10px;
  padding: 10px;
  position: relative;
}

.block-products-carousel__carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-products-carousel__carousel .owl-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-products-carousel__carousel-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition:
    opacity 0.3s,
    visibility 0s 0.3s;
  transition:
    opacity 0.3s,
    visibility 0s 0.3s;
}

.block-products-carousel__carousel-loader:before {
  position: absolute;
  display: block;
  content: "";
  left: -10px;
  top: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background: #fafafa;
  opacity: 0.9;
}

.block-products-carousel__carousel-loader:after {
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  width: 100px;
  height: 100px;
  border-radius: 50px;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.5);
  border-style: solid;
  -webkit-animation-name: loader-animation;
  animation-name: loader-animation;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  display: block;
  content: "";
}

.block-products-carousel__carousel--loading
  .block-products-carousel__carousel-loader {
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 1;
}

.block-products-carousel__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.block-products-carousel__cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.block-products-carousel__cell .product-card {
  width: 100%;
}

.block-products-carousel[data-layout="grid-4"]
  .block-products-carousel__cell
  + .block-products-carousel__cell,
.block-products-carousel[data-layout="grid-5"]
  .block-products-carousel__cell
  + .block-products-carousel__cell {
  margin-top: 20px;
}

.block-products-carousel[data-layout="grid-6"]
  .block-products-carousel__cell
  + .block-products-carousel__cell {
  margin-top: 16px;
}

.block-products-carousel[data-layout|="horizontal"]
  .block-products-carousel__cell
  + .block-products-carousel__cell {
  margin-top: 14px;
}

/*
// .block-products-columns
*/
.block-products-columns__title {
  border-bottom: 2px solid #ebebeb;
  margin-bottom: 20px;
  padding-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
}

.block-products-columns__list-item + .block-products-columns__list-item {
  margin-top: 16px;
}

.block-products-columns__list-item .product-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-products-columns__list-item
  .product-card
  .product-card__action--wishlist,
.block-products-columns__list-item .product-card .product-card__action--compare,
.block-products-columns__list-item .product-card .product-card__features,
.block-products-columns__list-item .product-card .product-card__addtocart-icon,
.block-products-columns__list-item .product-card .product-card__addtocart-full,
.block-products-columns__list-item .product-card .product-card__wishlist,
.block-products-columns__list-item .product-card .product-card__compare,
.block-products-columns__list-item .product-card .product-card__meta,
.block-products-columns__list-item .product-card .product-card__fit {
  display: none;
}

.block-products-columns__list-item .product-card .product-card__image {
  padding: 8px 10px;
  width: 112px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.block-products-columns__list-item .product-card .product-card__badges {
  position: absolute;
  top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

[dir="ltr"]
  .block-products-columns__list-item
  .product-card
  .product-card__badges {
  left: 10px;
}

[dir="rtl"]
  .block-products-columns__list-item
  .product-card
  .product-card__badges {
  right: 10px;
}

.block-products-columns__list-item .product-card .product-card__badges > * + * {
  margin-top: 3px;
}

.block-products-columns__list-item .product-card .tag-badge {
  height: 16px;
  padding: 3px 11px 0;
}

.block-products-columns__list-item .product-card .tag-badge:before {
  left: 3px;
  right: 3px;
}

[dir="ltr"] .block-products-columns__list-item .product-card .tag-badge:before {
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

[dir="rtl"] .block-products-columns__list-item .product-card .tag-badge:before {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
}

.block-products-columns__list-item .product-card .product-card__actions-list {
  position: absolute;
}

[dir="ltr"]
  .block-products-columns__list-item
  .product-card
  .product-card__actions-list {
  right: 0;
}

[dir="rtl"]
  .block-products-columns__list-item
  .product-card
  .product-card__actions-list {
  left: 0;
}

.block-products-columns__list-item .product-card .product-card__info {
  padding-top: 12px;
  padding-bottom: 40px;
}

[dir="ltr"]
  .block-products-columns__list-item
  .product-card
  .product-card__info {
  padding-right: 10px;
}

[dir="rtl"]
  .block-products-columns__list-item
  .product-card
  .product-card__info {
  padding-left: 10px;
}

.block-products-columns__list-item .product-card .product-card__name {
  font-size: 15px;
  line-height: 18px;
  max-height: 36px;
  overflow: hidden;
}

[dir="ltr"]
  .block-products-columns__list-item
  .product-card
  .product-card__name {
  padding-right: 26px;
}

[dir="rtl"]
  .block-products-columns__list-item
  .product-card
  .product-card__name {
  padding-left: 26px;
}

.block-products-columns__list-item .product-card .product-card__rating {
  margin: -3px 0 -2px 0;
  padding-top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-products-columns__list-item .product-card .product-card__rating-stars,
.block-products-columns__list-item .product-card .product-card__rating-label {
  margin: 3px 0 2px 0;
}

[dir="ltr"]
  .block-products-columns__list-item
  .product-card
  .product-card__rating-stars {
  margin-right: 7px;
}

[dir="rtl"]
  .block-products-columns__list-item
  .product-card
  .product-card__rating-stars {
  margin-left: 7px;
}

.block-products-columns__list-item .product-card .product-card__rating-label {
  line-height: 1;
}

.block-products-columns__list-item .product-card .product-card__prices {
  position: absolute;
  bottom: 14px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

[dir="ltr"]
  .block-products-columns__list-item
  .product-card
  .product-card__prices {
  left: 112px;
}

[dir="rtl"]
  .block-products-columns__list-item
  .product-card
  .product-card__prices {
  right: 112px;
}

.block-products-columns__list-item .product-card .product-card__price--old {
  font-size: 14px;
}

[dir="ltr"]
  .block-products-columns__list-item
  .product-card
  .product-card__price--old {
  margin-left: 6px;
}

[dir="rtl"]
  .block-products-columns__list-item
  .product-card
  .product-card__price--old {
  margin-right: 6px;
}

@media (min-width: 1400px) {
  .block-products-columns__list-item .product-card .product-card__image {
    padding: 8px 16px;
    width: 136px;
  }
  .block-products-columns__list-item .product-card .product-card__info {
    padding-top: 14px;
    padding-bottom: 42px;
  }
  .block-products-columns__list-item .product-card .product-card__name {
    font-size: 16px;
    line-height: 20px;
    max-height: 40px;
  }
  .block-products-columns__list-item .product-card .product-card__prices {
    bottom: 16px;
  }
  [dir="ltr"]
    .block-products-columns__list-item
    .product-card
    .product-card__prices {
    left: 136px;
  }
  [dir="rtl"]
    .block-products-columns__list-item
    .product-card
    .product-card__prices {
    right: 136px;
  }
}

@media (max-width: 1199.98px) {
  .block-products-columns {
    display: none;
  }
}

/*
// .block-reviews
*/
.block-reviews__title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 28px;
}

.block-reviews__subtitle {
  color: #6c757d;
  text-align: center;
  margin-bottom: 28px;
  font-size: 15px;
  margin-top: -24px;
}

.block-reviews__list .owl-stage-outer {
  margin: -10px;
  padding: 10px;
}

.block-reviews__list .owl-dots {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block-reviews__list .owl-carousel button.owl-dot:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.12);
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  margin: 6px;
}

.block-reviews__list .owl-carousel button.owl-dot:focus {
  outline: none;
}

.block-reviews__list .owl-carousel button.owl-dot:hover:before {
  background: rgba(0, 0, 0, 0.22);
}

.block-reviews__list .owl-carousel button.owl-dot.active:before {
  background: #1a79ff;
}

.block-reviews__item {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  max-width: 690px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-reviews__item-avatar {
  width: 190px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

[dir="ltr"] .block-reviews__item-avatar {
  margin-left: 12px;
  margin-right: -12px;
}

[dir="rtl"] .block-reviews__item-avatar {
  margin-right: 12px;
  margin-left: -12px;
}

.block-reviews__item-avatar img {
  max-width: 100%;
}

.block-reviews__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px 32px;
}

.block-reviews__item-text {
  font-size: 15px;
  font-style: italic;
  line-height: 24px;
}

.block-reviews__item-meta {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.block-reviews__item-author {
  color: #6c757d;
  font-size: 14px;
  position: relative;
  line-height: 20px;
}

.block-reviews__item-author:before {
  display: inline-block;
  height: 1px;
  width: 18px;
  background: currentColor;
  content: "";
  opacity: 0.8;
  position: relative;
  vertical-align: middle;
}

[dir="ltr"] .block-reviews__item-author:before {
  left: 0;
  margin-right: 4px;
}

[dir="rtl"] .block-reviews__item-author:before {
  right: 0;
  margin-left: 4px;
}

.block-reviews__item-rating {
  padding-bottom: 4px;
}

@media (max-width: 767.98px) {
  .block-reviews__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .block-reviews__item-avatar {
    margin: 36px 36px 0;
    overflow: hidden;
    -ms-flex-item-align: center;
    align-self: center;
    width: 140px;
    border-radius: 70px;
  }
  [dir="ltr"] .block-reviews__item-avatar {
    margin-left: 0;
    margin-right: 0;
  }
  [dir="rtl"] .block-reviews__item-avatar {
    margin-right: 0;
    margin-left: 0;
  }
  .block-reviews__item-content {
    text-align: center;
  }
  .block-reviews__item-meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
    padding: 28px 0 20px;
  }
  .block-reviews__item-rating {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 8px;
    padding-bottom: 0;
  }
}

/*
// .block-sale
*/
.block-sale__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--light-100);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.block-sale__header {
  text-align: center;
  position: relative;
  padding: 14px 32px 0;
  margin: 0 auto -28px;
  z-index: 1;
}

.block-sale__header-decor {
  position: absolute;
  width: 100%;
  bottom: 1px;
  left: 0;
  z-index: -1;
}

.block-sale__header-decor .decor__start,
.block-sale__header-decor .decor__end,
.block-sale__header-decor .decor__center {
  background: #fafafa;
}

.block-sale__header-decor .decor__start,
.block-sale__header-decor .decor__end {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.block-sale__header-decor .decor__body {
  height: 38px;
  margin: 0 -10px -10px;
}

.block-sale__header-decor .decor__start,
.block-sale__header-decor .decor__end {
  height: 28px;
  width: calc(50% - 26.1658px);
}

.block-sale__header-decor .decor__start {
  left: 10px;
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);
}

.block-sale__header-decor .decor__end {
  right: 10px;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

.block-sale__header-decor .decor__center {
  height: 28px;
  width: 34.3316px;
}

.block-sale__header-decor .decor__start {
  border-bottom-left-radius: 2px;
}

.block-sale__header-decor .decor__end {
  border-bottom-right-radius: 2px;
}

.block-sale__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.block-sale__link {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 15px;
  line-height: 22px;
  padding: 18px 0;
}

.block-sale__link a {
  color: var(--dark-900);
  -webkit-transition: color 0.12s;
  transition: color 0.12s;
}

.block-sale__link a:hover {
  color: inherit;
}

.block-sale__arrow {
  position: absolute;
  bottom: 3px;
}

.block-sale__arrow .arrow__button {
  height: 31px;
  padding: 0 24.89785px;
}

.block-sale__arrow .arrow__button:before {
  width: calc(100% - 17.89785px);
}

[dir="ltr"] .block-sale__arrow .arrow__button:before {
  left: 8.94893px;
}

[dir="rtl"] .block-sale__arrow .arrow__button:before {
  right: 8.94893px;
}

[dir="ltr"] .block-sale__arrow .arrow__button:before {
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);
}

[dir="rtl"] .block-sale__arrow .arrow__button:before {
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

[dir="ltr"] .block-sale__arrow--prev {
  left: -49.7957px;
}

[dir="rtl"] .block-sale__arrow--prev {
  right: -49.7957px;
}

[dir="ltr"] .block-sale__arrow--next .arrow__button:before {
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

[dir="rtl"] .block-sale__arrow--next .arrow__button:before {
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);
}

[dir="ltr"] .block-sale__arrow--next {
  right: -49.7957px;
}

[dir="rtl"] .block-sale__arrow--next {
  left: -49.7957px;
}

.block-sale__title {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}

.block-sale__subtitle {
  color: var(--dark-800);
  line-height: 1;
  margin-top: 10px;
}

.block-sale__timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 24px;
}

.block-sale__arrows {
  position: absolute;
  z-index: 1;
  bottom: 3px;
  left: 0;
  width: 100%;
}

.block-sale__body {
  position: relative;
  padding-top: 104px;
  background: var(--dark-900);
  padding-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.block-sale__body-decor {
  position: absolute;
  width: 100%;
  bottom: -1px;
}

.block-sale__body-decor .decor__start,
.block-sale__body-decor .decor__end,
.block-sale__body-decor .decor__center {
  background: #fafafa;
}

.block-sale__body-decor .decor__start,
.block-sale__body-decor .decor__end {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.block-sale__image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  z-index: -1;
}

.block-sale__image:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(38, 38, 38, 0.8);
}

.block-sale__carousel .owl-stage-outer {
  margin: -10px;
  padding: 10px;
}

.block-sale__carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-sale__carousel .owl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.block-sale__carousel .owl-dots {
  margin-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: -38px;
}

.block-sale__carousel .owl-carousel button.owl-dot:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: background 0.12s;
  transition: background 0.12s;
  margin: 6px;
}

.block-sale__carousel .owl-carousel button.owl-dot:focus {
  outline: none;
}

.block-sale__carousel .owl-carousel button.owl-dot:hover:before {
  background: rgba(255, 255, 255, 0.5);
}

.block-sale__carousel .owl-carousel button.owl-dot:active:before {
  background: rgba(255, 255, 255, 0.7);
}

.block-sale__carousel .owl-carousel button.owl-dot.active:before {
  background: #1a79ff;
}

.block-sale__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
      border: 1px solid var(--light-100);
  width: 100%;
   transition:
    border-color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;   /* ← add this */
  animation: bc-fadeup 0.5s ease both;
  animation-delay: var(--delay, 0s);
}
.block-sale__item:hover {
  border-color: var(--gold-400);
  transform: translateY(-3px);
  box-shadow:   0 8px 32px rgba(255, 255, 255, 0.4), 
    0 2px 8px rgba(255, 255, 255, 0.25);   /* ← add this */
}

.block-sale__item .product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 2px;
}

.block-sale__item .product-card .product-card__addtocart-full,
.block-sale__item .product-card .product-card__wishlist,
.block-sale__item .product-card .product-card__compare {
  display: none;
}

.block-sale__item .product-card:after {
  display: block;
  position: static;
  content: "";
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
}

.block-sale__item .product-card .product-card__badges {
  position: absolute;
  top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

[dir="ltr"] .block-sale__item .product-card .product-card__badges {
  left: 16px;
}

[dir="rtl"] .block-sale__item .product-card .product-card__badges {
  right: 16px;
}

.block-sale__item .product-card .product-card__badges > * + * {
  margin-top: 3px;
}

.block-sale__item .product-card .product-card__actions-list {
  position: absolute;
  overflow: hidden;
  z-index: 1;
}

[dir="ltr"] .block-sale__item .product-card .product-card__actions-list {
  right: 0;
}

[dir="rtl"] .block-sale__item .product-card .product-card__actions-list {
  left: 0;
}

.block-sale__item .product-card .product-card__image {
  display: block;
  position: relative;
  height: 300px;
  overflow: hidden;
}

.block-sale__item .product-card .product-card__badges-list {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 3;
}

.block-sale__item .product-card .product-card__fit {
  position: absolute;
  bottom: 8px;
}

.block-sale__item .product-card .product-card__fit .status-badge__text {
  display: none;
}

.block-sale__item .product-card .product-card__fit .status-badge__tooltip {
  display: block;
}

[dir="ltr"] .block-sale__item .product-card .product-card__fit {
  left: calc(16px - 3px);
}

[dir="rtl"] .block-sale__item .product-card .product-card__fit {
  right: calc(16px - 3px);
}

.block-sale__item .product-card .product-card__meta {
  padding: 4px 12px;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--light-100);
}

.block-sale__item .product-card .product-card__name {
  padding: 0 12px;
  font-size: 13px;
}

.block-sale__item .product-card .product-card__rating {
  margin: -3px 0 -2px 0;
  padding: 4px 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-sale__item .product-card .product-card__rating-stars,
.block-sale__item .product-card .product-card__rating-label {
  margin: 3px 0 2px 0;
}

[dir="ltr"] .block-sale__item .product-card .product-card__rating-stars {
  margin-right: 7px;
}

[dir="rtl"] .block-sale__item .product-card .product-card__rating-stars {
  margin-left: 7px;
}

.block-sale__item .product-card .product-card__rating-label {
  line-height: 1;
}

.block-sale__item .product-card .product-card__features {
  padding: 10px 16px 0;
  margin-bottom: -2px;
  display: none;
}

.block-sale__item .product-card .product-card__footer {
  padding: 10px 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.block-sale__item .product-card .product-card__prices {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 18px;
  display: -webkit-box;

  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-sale__item .product-card .product-card__price--old {
  font-size: 14px;
}


[dir="ltr"] .block-sale__item .product-card .product-card__price--old {
  margin-left: 6px;
  font-size: 11px;
  color: var(--light-100);
  text-decoration: line-through;
  text-decoration-color: var(--gold-700);
}

[dir="rtl"] .block-sale__item .product-card .product-card__price--old {
  margin-right: 6px;
}

.block-sale__item .product-card .product-card__addtocart-icon {
  margin: -3px;
}

@media (hover: hover) {
  .block-sale__item .product-card .product-card__action--wishlist,
  .block-sale__item .product-card .product-card__action--compare {
    -webkit-transition:
      opacity 0.2s,
      color 0.12s,
      background 0.12s,
      -webkit-transform 0.2s;
    transition:
      opacity 0.2s,
      color 0.12s,
      background 0.12s,
      -webkit-transform 0.2s;
    transition:
      transform 0.2s,
      opacity 0.2s,
      color 0.12s,
      background 0.12s;
    transition:
      transform 0.2s,
      opacity 0.2s,
      color 0.12s,
      background 0.12s,
      -webkit-transform 0.2s;
    opacity: 0;
    will-change: transform;
  }
  [dir="ltr"] .block-sale__item .product-card .product-card__action--wishlist,
  [dir="ltr"] .block-sale__item .product-card .product-card__action--compare {
    -webkit-transform: translateX(100%) translateX(6px);
    transform: translateX(100%) translateX(6px);
  }
  [dir="rtl"] .block-sale__item .product-card .product-card__action--wishlist,
  [dir="rtl"] .block-sale__item .product-card .product-card__action--compare {
    -webkit-transform: translateX(-100%) translateX(6px);
    transform: translateX(-100%) translateX(6px);
  }
  .block-sale__item .product-card:hover .product-card__action--wishlist,
  .block-sale__item .product-card:hover .product-card__action--compare,
  .block-sale__item .product-card:active .product-card__action--wishlist,
  .block-sale__item .product-card:active .product-card__action--compare {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

[dir="ltr"] .block-sale__item .product-card .product-card__image img {
  border-top-left-radius: 2.5px;
  border-top-right-radius: 2.5px;
}

[dir="rtl"] .block-sale__item .product-card .product-card__image img {
  border-top-right-radius: 2.5px;
  border-top-left-radius: 2.5px;
  height: 100%;
  object-fit: contain;
}

[dir="ltr"] .block-sale__item .product-card .product-card__action:first-child {
  border-top-right-radius: 2.5px;
}

[dir="rtl"] .block-sale__item .product-card .product-card__action:first-child {
  border-top-left-radius: 2.5px;
}

@media (max-width: 1399.98px) {
  .block-sale__body {
    padding-top: 96px;
    padding-bottom: 92px;
  }
}

@media (max-width: 1199.98px) {
  .block-sale__body {
    padding-top: 88px;
    padding-bottom: 84px;
  }
}

@media (max-width: 991.98px) {
  .block-sale__body {
    padding-top: 80px;
    padding-bottom: 76px;
  }
}

@media (max-width: 767.98px) {
  .block-sale__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .block-sale__link {
    padding: 16px 24px;
    min-width: 300px;
  }
  .block-sale__controls {
    padding: 0;
    position: relative;
    -ms-flex-item-align: center;
    align-self: center;
    min-width: 220px;
  }
}

@media (max-width: 575.98px) {
  .block-sale__body {
    padding-top: 51px;
    padding-bottom: 28px;
  }
  .block-sale__carousel .owl-dots {
    margin-bottom: 0;
    margin-top: 24px;
  }
}

@media (max-width: 499px) {
  .block-sale__header {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto -23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .block-sale__header-decor .decor__body {
    height: 33px;
    margin: 0 -10px -10px;
  }
  .block-sale__header-decor .decor__start,
  .block-sale__header-decor .decor__end {
    height: 23px;
    width: calc(50% - 23.27905px);
  }
  .block-sale__header-decor .decor__start {
    left: 10px;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
  }
  .block-sale__header-decor .decor__end {
    right: 10px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
  }
  .block-sale__header-decor .decor__center {
    height: 23px;
    width: 28.5581px;
  }
  .block-sale__link {
    padding: 14px 20px;
  }
  .block-sale__arrow .arrow__button {
    height: 27px;
    padding: 0 20.58845px;
  }
  .block-sale__arrow .arrow__button:before {
    width: calc(100% - 15.58845px);
  }
  [dir="ltr"] .block-sale__arrow .arrow__button:before {
    left: 7.79423px;
  }
  [dir="rtl"] .block-sale__arrow .arrow__button:before {
    right: 7.79423px;
  }
  [dir="ltr"] .block-sale__arrow .arrow__button:before {
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
  }
  [dir="rtl"] .block-sale__arrow .arrow__button:before {
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
  }
  [dir="ltr"] .block-sale__arrow--prev {
    left: -42.1769px;
  }
  [dir="rtl"] .block-sale__arrow--prev {
    right: -42.1769px;
  }
  [dir="ltr"] .block-sale__arrow--next .arrow__button:before {
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
  }
  [dir="rtl"] .block-sale__arrow--next .arrow__button:before {
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
  }
  [dir="ltr"] .block-sale__arrow--next {
    right: -42.1769px;
  }
  [dir="rtl"] .block-sale__arrow--next {
    left: -42.1769px;
  }
}

@media (max-width: 474px) {
  .block-sale__title {
    font-size: 28px;
    line-height: 30px;
  }
  .block-sale__subtitle {
    margin-top: 6px;
    font-size: 15px;
  }
  .block-sale__timer {
    margin-top: 16px;
  }
  .block-sale__link {
    padding: 13px 20px;
    min-width: 220px;
    font-size: 14px;
  }
}

/*
// .block-slideshow
*/
.block-slideshow__item {
  border-radius: 2.5px;
  overflow: hidden;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 84px 100px;
  position: relative;
  z-index: 0;
}

.block-slideshow__item,
.block-slideshow__item:hover {
  color: #f9f007;
}

.block-slideshow__item-image {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
}

.block-slideshow__item-image--mobile {
  display: none;
  background-position: top center;
}

.block-slideshow__item-offer {
  background: #ffdf40;
  color: #262626;
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  padding: 2px 8px 0;
  margin-bottom: 12px;
  opacity: 0;
  -webkit-transition:
    opacity 0.5s 0.5s,
    -webkit-transform 0.5s 0.5s;
  transition:
    opacity 0.5s 0.5s,
    -webkit-transform 0.5s 0.5s;
  transition:
    transform 0.5s 0.5s,
    opacity 0.5s 0.5s;
  transition:
    transform 0.5s 0.5s,
    opacity 0.5s 0.5s,
    -webkit-transform 0.5s 0.5s;
}

[dir="ltr"] .block-slideshow__item-offer {
  -webkit-transform: translateX(-24px);
  transform: translateX(-24px);
}

[dir="rtl"] .block-slideshow__item-offer {
  -webkit-transform: translateX(24px);
  transform: translateX(24px);
}

.owl-item.active .block-slideshow__item-offer {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.block-slideshow__item-title {
  font-size: 48px;
  line-height: 56px;
  font-weight: 700;
  display: block;
  opacity: 0;
  -webkit-transition: opacity 0.8s 0.2s;
  transition: opacity 0.8s 0.2s;
}

.owl-item.active .block-slideshow__item-title {
  opacity: 1;
}

.block-slideshow__item-details {
  color: #6c757d;
  font-size: 18px;
  line-height: 30px;
  display: block;
  margin-top: 16px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-transform: translateY(12px);
  transform: translateY(12px);
  opacity: 0;
  -webkit-transition:
    opacity 0.5s 0.5s,
    -webkit-transform 0.5s 0.5s;
  transition:
    opacity 0.5s 0.5s,
    -webkit-transform 0.5s 0.5s;
  transition:
    transform 0.5s 0.5s,
    opacity 0.5s 0.5s;
  transition:
    transform 0.5s 0.5s,
    opacity 0.5s 0.5s,
    -webkit-transform 0.5s 0.5s;
}

.owl-item.active .block-slideshow__item-details {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.block-slideshow__item-button {
  margin-top: 24px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-size: 18px;
  line-height: 28px;
  padding: 10px 40px;
  border-radius: 2px;
  -webkit-transition:
    background-color 0.2s,
    color 0.2s,
    opacity 0.5s 0.5s;
  transition:
    background-color 0.2s,
    color 0.2s,
    opacity 0.5s 0.5s;
  background: #1a79ff;
  color: #fff;
  opacity: 0;
}

.owl-item.active .block-slideshow__item-button {
  opacity: 1;
}

.block-slideshow__item-button:hover {
  background: #333;
  color: #fff;
}

.block-slideshow__item-button:active {
  background: #4d4d4d;
  color: #fff;
}

.block-slideshow__carousel {
  position: relative;
}

.block-slideshow__carousel .owl-dots {
  position: absolute;
  bottom: 26px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: none;
}

.block-slideshow__carousel .owl-carousel button.owl-dot {
  pointer-events: auto;
}

.block-slideshow__carousel .owl-carousel button.owl-dot:focus {
  outline: none;
}

.block-slideshow__carousel .owl-carousel button.owl-dot:before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: rgba(204, 204, 204, 0.7);
  margin: 5px;
  -webkit-transition: background 0.12s;
  transition: background 0.12s;
}

.block-slideshow__carousel .owl-carousel button.owl-dot:hover:before {
  background: rgba(179, 179, 179, 0.7);
}

.block-slideshow__carousel .owl-carousel button.owl-dot:active:before {
  background: rgba(153, 153, 153, 0.7);
}

.block-slideshow__carousel .owl-carousel button.owl-dot.active:before {
  background: #1a79ff;
}

@media (max-width: 1399.98px) {
  .block-slideshow__item {
    padding: 68px 80px;
    height: 460px;
  }
  .block-slideshow__item-details {
    margin-top: 12px;
  }
}

@media (max-width: 1199.98px) {
  .block-slideshow__item {
    padding: 60px;
    height: 380px;
  }
  .block-slideshow__item-offer {
    font-size: 24px;
    line-height: 28px;
    padding: 1px 6px 1px;
    margin-bottom: 8px;
  }
  .block-slideshow__item-title {
    font-size: 36px;
    line-height: 44px;
  }
  .block-slideshow__item-details {
    font-size: 16px;
    line-height: 26px;
    margin-top: 8px;
  }
  .block-slideshow__item-button {
    font-size: 16px;
    line-height: 24px;
    padding: 8px 28px;
  }
  .block-slideshow__carousel .owl-dots {
    bottom: 22px;
  }
}

@media (max-width: 991.98px) {
  .block-slideshow__item {
    padding: 36px 40px 40px;
    height: 320px;
  }
  .block-slideshow__item-offer {
    margin-bottom: 10px;
  }
  .block-slideshow__item-title {
    font-size: 32px;
    line-height: 38px;
  }
  .block-slideshow__item-button {
    font-size: 15px;
    line-height: 24px;
    padding: 6px 24px;
  }
  .block-slideshow__carousel .owl-dots {
    bottom: 18px;
  }
}

@media (max-width: 767.98px) {
  .block-slideshow__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    height: 480px;
  }
  .block-slideshow__item-image--desktop {
    display: none;
  }
  .block-slideshow__item-image--mobile {
    display: block;
  }
  .block-slideshow__item-offer {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .block-slideshow__item-details {
    display: none;
  }
  .block-slideshow__item-button {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .block-slideshow__item--dark {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 474px) {
  .block-slideshow__item {
    padding: 28px 32px 32px;
    height: 360px;
  }
  .block-slideshow__item-offer {
    font-size: 20px;
    line-height: 24px;
    padding: 1px 6px 1px;
    margin-bottom: 8px;
  }
  .block-slideshow__item-title {
    font-size: 24px;
    line-height: 30px;
  }
  .block-slideshow__item-button {
    font-size: 14px;
    line-height: 21px;
    padding: 5.5px 20px;
    margin-top: 20px;
  }
}

/*
// .block-space
*/
@media (min-width: 1200px) {
  .block-space--layout--after-header {
    height: 84px;
  }
  .block-space--layout--after-header.block-space--header--classic {
    height: 72px;
  }
}

@media (max-width: 1199.98px) {
  .block-space--layout--after-header {
    height: 56px;
  }
}

@media (max-width: 767.98px) {
  .block-space--layout--after-header {
    height: 48px;
  }
}

@media (max-width: 575.98px) {
  .block-space--layout--after-header {
    height: 36px;
  }
}

.block-space--layout--before-footer {
  height: 80px;
}

@media (max-width: 1199.98px) {
  .block-space--layout--before-footer {
    height: 72px;
  }
}

@media (max-width: 575.98px) {
  .block-space--layout--before-footer {
    height: 48px;
  }
}

.block-space--layout--divider-xl {
  height: 72px;
}

.block-space--layout--divider-lg {
  height: 60px;
}

.block-space--layout--divider-nl {
  height: 52px;
  background-color: var(--light-100);
}

.block-space--layout--divider-sm {
  height: 40px;
}

.block-space--layout--divider-xs {
  height: 36px;
}

.block-space--layout--spaceship-ledge-height {
  height: 24px;
}

@media (max-width: 1199.98px) {
  .block-space--layout--spaceship-ledge-height {
    display: none;
  }
}

/*
// .block-split
*/
@media (min-width: 1400px) {
  .block-split--has-sidebar .block-split__item-sidebar {
    width: 270px;
  }
  .block-split--has-sidebar .block-split__item-content {
    width: calc(100% - 310px);
  }
  [dir="ltr"]
    .block-split--has-sidebar
    .block-split__item
    + .block-split__item {
    margin-left: 40px;
  }
  [dir="rtl"]
    .block-split--has-sidebar
    .block-split__item
    + .block-split__item {
    margin-right: 40px;
  }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  .block-split--has-sidebar .block-split__item-sidebar {
    width: 260px;
  }
  .block-split--has-sidebar .block-split__item-content {
    width: calc(100% - 292px);
  }
  [dir="ltr"]
    .block-split--has-sidebar
    .block-split__item
    + .block-split__item {
    margin-left: 32px;
  }
  [dir="rtl"]
    .block-split--has-sidebar
    .block-split__item
    + .block-split__item {
    margin-right: 32px;
  }
}

@media (max-width: 991.98px) {
  .block-split__item-sidebar {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 52px;
  }
  .block-split__item-content {
    width: 100%;
  }
}

/*
// .block-teammates
*/
.block-teammates__title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}

.block-teammates__subtitle {
  color: #6c757d;
  text-align: center;
  margin-bottom: 32px;
  font-size: 15px;
  margin-top: -36px;
}

.block-teammates__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-teammates__list .owl-stage-outer {
  margin: -10px;
  padding: 10px;
}

.block-teammates__list .owl-dots {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block-teammates__list .owl-carousel button.owl-dot:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.12);
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  margin: 6px;
}

.block-teammates__list .owl-carousel button.owl-dot:focus {
  outline: none;
}

.block-teammates__list .owl-carousel button.owl-dot:hover:before {
  background: rgba(0, 0, 0, 0.22);
}

.block-teammates__list .owl-carousel button.owl-dot.active:before {
  background: #1a79ff;
}

.block-teammates__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 240px;
  margin: 0 auto;
}

@media (max-width: 767.98px) {
  .block-teammates__list {
    padding: 0 10px;
  }
}

/*
// .block-zone
*/
.block-zone__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-zone__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-zone__widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.block-zone__widget-header {
  border-bottom: 2px solid #ebebeb;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-zone__widget-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-zone__tabs {
  margin-bottom: -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-zone__tabs-button {
  padding: 7px 16px 6px;
  margin: 0;
  border: none;
  background: transparent;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 2px solid #ebebeb;
  -webkit-transition:
    background 0.12s,
    border-color 0.12s;
  transition:
    background 0.12s,
    border-color 0.12s;
}

[dir="ltr"] .block-zone__tabs-button {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

[dir="rtl"] .block-zone__tabs-button {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.block-zone__tabs-button:focus {
  outline: none;
}

.block-zone__tabs-button:not(.block-zone__tabs-button--active):hover {
  background: #f2f2f2;
  border-color: #e0e0e0;
}

.block-zone__tabs-button--active {
  border-color: #1a79ff;
}

.block-zone__arrows {
  -ms-flex-item-align: center;
  align-self: center;
}

.block-zone__arrow {
  -ms-flex-item-align: center;
  align-self: center;
}

[dir="ltr"] .block-zone__arrow {
  margin-left: auto;
}

[dir="rtl"] .block-zone__arrow {
  margin-right: auto;
}

[dir="ltr"] .block-zone__arrow--next {
  margin-left: -5.37131px;
}

[dir="rtl"] .block-zone__arrow--next {
  margin-right: -5.37131px;
}

.block-zone__carousel {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-zone__carousel .owl-carousel.owl-loaded {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-zone__carousel .owl-stage-outer {
  margin: -10px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-zone__carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-zone__carousel .owl-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-zone__carousel-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.block-zone__carousel-item .product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.block-zone__carousel-item .product-card .product-card__addtocart-full,
.block-zone__carousel-item .product-card .product-card__wishlist,
.block-zone__carousel-item .product-card .product-card__compare {
  display: none;
}

.block-zone__carousel-item .product-card:after {
  display: block;
  position: static;
  content: "";
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.block-zone__carousel-item .product-card .product-card__badges {
  position: absolute;
  top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

[dir="ltr"] .block-zone__carousel-item .product-card .product-card__badges {
  left: 16px;
}

[dir="rtl"] .block-zone__carousel-item .product-card .product-card__badges {
  right: 16px;
}

.block-zone__carousel-item .product-card .product-card__badges > * + * {
  margin-top: 3px;
}

.block-zone__carousel-item .product-card .product-card__actions-list {
  position: absolute;
  overflow: hidden;
  z-index: 1;
}

[dir="ltr"]
  .block-zone__carousel-item
  .product-card
  .product-card__actions-list {
  right: 0;
}

[dir="rtl"]
  .block-zone__carousel-item
  .product-card
  .product-card__actions-list {
  left: 0;
}

.block-zone__carousel-item .product-card .product-card__image {
  display: block;
  position: relative;
}

.block-zone__carousel-item .product-card .product-card__fit {
  position: absolute;
  bottom: 8px;
}

.block-zone__carousel-item
  .product-card
  .product-card__fit
  .status-badge__text {
  display: none;
}

.block-zone__carousel-item
  .product-card
  .product-card__fit
  .status-badge__tooltip {
  display: block;
}

[dir="ltr"] .block-zone__carousel-item .product-card .product-card__fit {
  left: calc(16px - 3px);
}

[dir="rtl"] .block-zone__carousel-item .product-card .product-card__fit {
  right: calc(16px - 3px);
}

.block-zone__carousel-item .product-card .product-card__meta {
  padding: 6px 16px;
}

.block-zone__carousel-item .product-card .product-card__name {
  padding: 0 16px;
  line-height: 1.1875;
}

.block-zone__carousel-item .product-card .product-card__rating {
  margin: -3px 0 -2px 0;
  padding: 8px 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-zone__carousel-item .product-card .product-card__rating-stars,
.block-zone__carousel-item .product-card .product-card__rating-label {
  margin: 3px 0 2px 0;
}

[dir="ltr"]
  .block-zone__carousel-item
  .product-card
  .product-card__rating-stars {
  margin-right: 7px;
}

[dir="rtl"]
  .block-zone__carousel-item
  .product-card
  .product-card__rating-stars {
  margin-left: 7px;
}

.block-zone__carousel-item .product-card .product-card__rating-label {
  line-height: 1;
}

.block-zone__carousel-item .product-card .product-card__features {
  padding: 10px 16px 0;
  margin-bottom: -2px;
  display: none;
}

.block-zone__carousel-item .product-card .product-card__footer {
  padding: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.block-zone__carousel-item .product-card .product-card__prices {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-zone__carousel-item .product-card .product-card__price--old {
  font-size: 14px;
}

[dir="ltr"] .block-zone__carousel-item .product-card .product-card__price--old {
  margin-left: 6px;
}

[dir="rtl"] .block-zone__carousel-item .product-card .product-card__price--old {
  margin-right: 6px;
}

.block-zone__carousel-item .product-card .product-card__addtocart-icon {
  margin: -3px;
}

@media (hover: hover) {
  .block-zone__carousel-item .product-card .product-card__action--wishlist,
  .block-zone__carousel-item .product-card .product-card__action--compare {
    -webkit-transition:
      opacity 0.2s,
      color 0.12s,
      background 0.12s,
      -webkit-transform 0.2s;
    transition:
      opacity 0.2s,
      color 0.12s,
      background 0.12s,
      -webkit-transform 0.2s;
    transition:
      transform 0.2s,
      opacity 0.2s,
      color 0.12s,
      background 0.12s;
    transition:
      transform 0.2s,
      opacity 0.2s,
      color 0.12s,
      background 0.12s,
      -webkit-transform 0.2s;
    opacity: 0;
    will-change: transform;
  }
  [dir="ltr"]
    .block-zone__carousel-item
    .product-card
    .product-card__action--wishlist,
  [dir="ltr"]
    .block-zone__carousel-item
    .product-card
    .product-card__action--compare {
    -webkit-transform: translateX(100%) translateX(6px);
    transform: translateX(100%) translateX(6px);
  }
  [dir="rtl"]
    .block-zone__carousel-item
    .product-card
    .product-card__action--wishlist,
  [dir="rtl"]
    .block-zone__carousel-item
    .product-card
    .product-card__action--compare {
    -webkit-transform: translateX(-100%) translateX(6px);
    transform: translateX(-100%) translateX(6px);
  }
  .block-zone__carousel-item
    .product-card:hover
    .product-card__action--wishlist,
  .block-zone__carousel-item .product-card:hover .product-card__action--compare,
  .block-zone__carousel-item
    .product-card:active
    .product-card__action--wishlist,
  .block-zone__carousel-item
    .product-card:active
    .product-card__action--compare {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.block-zone__carousel-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition:
    opacity 0.3s,
    visibility 0s 0.3s;
  transition:
    opacity 0.3s,
    visibility 0s 0.3s;
}

.block-zone__carousel-loader:before {
  position: absolute;
  display: block;
  content: "";
  left: -10px;
  top: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background: #fafafa;
  opacity: 0.9;
}

.block-zone__carousel-loader:after {
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  width: 100px;
  height: 100px;
  border-radius: 50px;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.5);
  border-style: solid;
  -webkit-animation-name: loader-animation;
  animation-name: loader-animation;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  display: block;
  content: "";
}

.block-zone__carousel--loading .block-zone__carousel-loader {
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 1;
}

@media (min-width: 1200px) {
  .block-zone__card {
    width: 285px;
  }
  [dir="ltr"] .block-zone__card {
    margin-right: 36px;
  }
  [dir="rtl"] .block-zone__card {
    margin-left: 36px;
  }
  .block-zone__widget {
    width: calc(100% - 321px);
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-zone__card {
    width: 264px;
  }
  [dir="ltr"] .block-zone__card {
    margin-right: 28px;
  }
  [dir="rtl"] .block-zone__card {
    margin-left: 28px;
  }
  .block-zone__widget {
    width: calc(100% - 292px);
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .block-zone__card {
    width: 232px;
  }
  [dir="ltr"] .block-zone__card {
    margin-right: 24px;
  }
  [dir="rtl"] .block-zone__card {
    margin-left: 24px;
  }
  .block-zone__widget {
    width: calc(100% - 256px);
  }
}

@media (max-width: 767.98px) {
  .block-zone__body {
    display: block;
  }
  .block-zone__widget {
    margin-top: 16px;
  }
  .block-zone__tabs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  [dir="ltr"] .block-zone__tabs > :first-child {
    margin-left: auto;
  }
  [dir="rtl"] .block-zone__tabs > :first-child {
    margin-right: auto;
  }
  [dir="ltr"] .block-zone__tabs > :last-child {
    margin-right: auto;
  }
  [dir="rtl"] .block-zone__tabs > :last-child {
    margin-left: auto;
  }
  .block-zone__arrow--prev {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  [dir="ltr"] .block-zone__arrow--prev .arrow__button:before {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
  }
  [dir="rtl"] .block-zone__arrow--prev .arrow__button:before {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
  }
  [dir="ltr"] .block-zone__arrow--prev {
    margin-left: 0;
    margin-right: auto;
  }
  [dir="rtl"] .block-zone__arrow--prev {
    margin-right: 0;
    margin-left: auto;
  }
  [dir="ltr"] .block-zone__arrow--next {
    margin-left: 8px;
  }
  [dir="rtl"] .block-zone__arrow--next {
    margin-right: 8px;
  }
}

/* ----------------------------------------
// Widgets
// ---------------------------------------- */
/*
// .widget-about-us
*/
.widget-about-us__body {
  padding: 0 1.5rem 1.5rem;
  margin-top: -0.25rem;
}

.widget-about-us__text {
  font-size: 16px;
  line-height: 26px;
}

.widget-about-us__social-links {
  margin-top: 16px;
}

/*
// .widget-categories-list
*/
.widget-categories-list__body {
  padding: 1.5rem;
}

.widget-categories-list__body a {
  color: inherit;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
}

.widget-categories-list__body a:hover {
  color: #0064f0;
}

.widget-categories-list__root {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget-categories-list__root-item {
  line-height: 20px;
}

.widget-categories-list__root-item + .widget-categories-list__root-item {
  margin-top: 0.375rem;
}

.widget-categories-list__root-link {
  font-weight: 500;
  font-size: 17px;
}

.widget-categories-list__root-item--has-children
  + .widget-categories-list__root-item {
  margin-top: 1.375rem;
}

.widget-categories-list__child {
  list-style: none;
  padding: 0;
  font-size: 15px;
  margin: 10px 0 0;
}

.widget-categories-list__child + .widget-categories-list__child {
  margin-top: 0;
  overflow: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition:
    height 0.2s ease-in-out,
    opacity 0.2s ease-in-out;
  transition:
    height 0.2s ease-in-out,
    opacity 0.2s ease-in-out;
}

.widget-categories-list__child-item {
  padding: 3px 0;
}

.widget-categories-list__show-more {
  position: relative;
  display: inline;
  border: none;
  background: transparent;
  padding: 0;
  color: #999;
  font-size: 14px;
  font-family: inherit;
  margin-top: 4px;
}

[dir="ltr"] .widget-categories-list__show-more {
  padding-left: 16px;
}

[dir="rtl"] .widget-categories-list__show-more {
  padding-right: 16px;
}

.widget-categories-list__show-more:hover {
  text-decoration: underline;
}

.widget-categories-list__show-more:focus {
  outline: none;
}

.widget-categories-list__show-more-arrow {
  fill: currentColor;
  position: absolute;
  top: 6px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition:
    transform 0.2s,
    -webkit-transform 0.2s;
  opacity: 0.78;
}

[dir="ltr"] .widget-categories-list__show-more-arrow {
  left: 0;
}

[dir="rtl"] .widget-categories-list__show-more-arrow {
  right: 0;
}

.widget-categories-list__show-more-arrow svg {
  display: block;
}

.widget-categories-list__show-more-collapse-text {
  display: none;
}

.widget-categories-list--open
  .widget-categories-list__child
  + .widget-categories-list__child {
  height: auto;
  opacity: 1;
}

.widget-categories-list--open .widget-categories-list__show-more-expand-text {
  display: none;
}

.widget-categories-list--open .widget-categories-list__show-more-collapse-text {
  display: inline;
}

.widget-categories-list--open .widget-categories-list__show-more-arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*
// .widget-categories
*/
.widget-categories__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.widget-categories__item {
  position: relative;
}

.widget-categories__link {
  display: block;
  color: inherit;
  padding: 5px 0;
  -webkit-transition: color 0.12s;
  transition: color 0.12s;
}

[dir="ltr"] .widget-categories__link {
  margin-right: 34px;
}

[dir="rtl"] .widget-categories__link {
  margin-left: 34px;
}

.widget-categories__link:hover {
  color: #0064f0;
}

.widget-categories__expander {
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  width: 26px;
  height: 26px;
  border-radius: 2px;
  -webkit-transition:
    color 0.15s,
    background 0.15s;
  transition:
    color 0.15s,
    background 0.15s;
  background-color: #fff;
  color: #ccc;
}

.widget-categories__expander:hover {
  background-color: #f2f2f2;
  color: #4d4d4d;
}

.widget-categories__expander:active {
  background-color: #ebebeb;
  color: #4d4d4d;
}

[dir="ltr"] .widget-categories__expander {
  right: 0;
}

[dir="rtl"] .widget-categories__expander {
  left: 0;
}

.widget-categories__expander:focus {
  outline: none;
}

.widget-categories__expander:before,
.widget-categories__expander:after {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background: currentColor;
  top: 12px;
}

[dir="ltr"] .widget-categories__expander:before,
[dir="ltr"] .widget-categories__expander:after {
  left: 8px;
}

[dir="rtl"] .widget-categories__expander:before,
[dir="rtl"] .widget-categories__expander:after {
  right: 8px;
}

.widget-categories__expander:after {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition:
    transform 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.widget-categories__expander:active {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.widget-categories__container {
  overflow: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition:
    height 0.2s ease-in-out,
    opacity 0.2s ease-in-out;
  transition:
    height 0.2s ease-in-out,
    opacity 0.2s ease-in-out;
}

.widget-categories__container:before,
.widget-categories__container:after {
  display: block;
  content: "";
}

.widget-categories__container:before {
  height: 4px;
}

.widget-categories__container:after {
  height: 12px;
}

.widget-categories__list--root {
  padding: 0 1.5rem 1.5rem;
  font-size: 15px;
  line-height: 20px;
}

[dir="ltr"] .widget-categories__list--root > .widget-categories__item {
  padding-left: 16px;
}

[dir="rtl"] .widget-categories__list--root > .widget-categories__item {
  padding-right: 16px;
}

.widget-categories__list--root > .widget-categories__item:before {
  position: absolute;
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  background: currentColor;
  opacity: 0.2;
  top: 13px;
}

[dir="ltr"] .widget-categories__list--root > .widget-categories__item:before {
  left: 2px;
}

[dir="rtl"] .widget-categories__list--root > .widget-categories__item:before {
  right: 2px;
}

.widget-categories__list--child {
  background: #f5f5f5;
  border-radius: 3px;
  font-size: 14px;
  line-height: 18px;
  padding: 9px 18px;
}

.widget-categories__list--child .widget-categories__link {
  padding: 5px 0 3px;
}

.widget-categories__item--open .widget-categories__container {
  opacity: 1;
  height: auto;
}

.widget-categories__item--open .widget-categories__expander:after {
  -webkit-transform: none;
  transform: none;
}

/*
// .widget-comments
*/
.widget-comments__body {
  padding: 0 1.5rem 1.5rem;
}

.widget-comments__body a {
  color: inherit;
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}

.widget-comments__body a:hover {
  color: #0064f0;
}

.widget-comments__list {
  list-style: none;
  margin: 0;
  padding: 0 0 2px;
}

.widget-comments__item + .widget-comments__item {
  margin-top: 20px;
}

.widget-comments__author {
  font-size: 15px;
  line-height: 18px;
}

.widget-comments__author a {
  border-bottom: 2px solid #ebebeb;
  -webkit-transition: border 0.15s;
  transition: border 0.15s;
}

.widget-comments__author a:hover {
  border-color: rgba(0, 100, 240, 0.8);
}

.widget-comments__content {
  margin-top: 12px;
  font-size: 15px;
  line-height: 20px;
}

.widget-comments__meta {
  margin-top: 4px;
  font-size: 13px;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}

.widget-comments__date {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.widget-comments__name {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

[dir="ltr"] .widget-comments__name {
  padding-left: 20px;
}

[dir="rtl"] .widget-comments__name {
  padding-right: 20px;
}

.widget-comments__name:before {
  position: absolute;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: currentColor;
  border-radius: 2px;
  top: 8px;
  opacity: 0.8;
}

[dir="ltr"] .widget-comments__name:before {
  left: 8px;
}

[dir="rtl"] .widget-comments__name:before {
  right: 8px;
}

/*
// .widget-filters
*/
.widget-filters__item {
  padding: 8px 1.5rem;
  border-bottom: 1px solid #ebebeb;
}

.widget-filters__item:first-child {
  border-top: 1px solid #ebebeb;
}

.widget-filters__actions {
  padding: 20px 1.5rem 1.5rem;
}

[dir="ltr"] .widget-filters__actions > * + * {
  margin-left: 8px;
}

[dir="rtl"] .widget-filters__actions > * + * {
  margin-right: 8px;
}

.widget-filters--offcanvas--none {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

@media (min-width: 992px) {
  .widget-filters--offcanvas--mobile {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  }
}

@media (max-width: 991.98px) {
  .widget-filters--offcanvas--mobile .widget-filters__header {
    display: none;
  }
  .widget-filters--offcanvas--mobile .widget-filters__item {
    padding: 8px 20px;
  }
  .widget-filters--offcanvas--mobile .widget-filters__item:first-child {
    border-top: none;
  }
}

.widget-filters--offcanvas--always .widget-filters__header {
  display: none;
}

.widget-filters--offcanvas--always .widget-filters__item {
  padding: 8px 20px;
}

.widget-filters--offcanvas--always .widget-filters__item:first-child {
  border-top: none;
}

/*
// .widget-newsletter
*/
.widget-newsletter {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  background: #333;
  border-radius: 2px;
  padding: 2.25rem 2.5rem 2.5rem;
  color: #fff;
  text-align: center;
}

.widget-newsletter__title {
  font-size: 24px;
  letter-spacing: 0.02em;
  position: relative;
  margin-bottom: 1.375rem;
  padding-bottom: 1.25rem;
}

.widget-newsletter__title:after {
  position: absolute;
  display: block;
  content: "";
  height: 1px;
  width: 56px;
  background: #4d4d4d;
  bottom: 0;
}

[dir="ltr"] .widget-newsletter__title:after {
  left: calc(50% - 28px);
}

[dir="rtl"] .widget-newsletter__title:after {
  right: calc(50% - 28px);
}

.widget-newsletter__title h4 {
  margin-bottom: 0;
  font-weight: 500;
}

@media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 1dppx) {
  .widget-newsletter__title h4 {
    font-weight: 400;
  }
}

.widget-newsletter__text {
  font-size: 15px;
  color: #9e9e9e;
  line-height: 24px;
  margin-bottom: 1.625rem;
}

.widget-newsletter__email {
  display: block;
  width: 100%;
  border-radius: 2px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  height: 38px;
  padding: 0 12px;
  font-size: 15px;
  font-family: inherit;
  background-clip: padding-box;
  -webkit-transition:
    border 0.2s,
    background 0.2s;
  transition:
    border 0.2s,
    background 0.2s;
  color: #fff;
  background-color: #4c4c4c;
  border-color: #4c4c4c;
}

.widget-newsletter__email::-webkit-input-placeholder {
  color: #b2b2b2;
}

.widget-newsletter__email::-moz-placeholder {
  color: #b2b2b2;
}

.widget-newsletter__email:-ms-input-placeholder {
  color: #b2b2b2;
}

.widget-newsletter__email::-ms-input-placeholder {
  color: #b2b2b2;
}

.widget-newsletter__email::placeholder {
  color: #b2b2b2;
}

.widget-newsletter__email::-webkit-input-placeholder {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.widget-newsletter__email::-moz-placeholder {
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}

.widget-newsletter__email:-ms-input-placeholder {
  -ms-transition: color 0.2s;
  transition: color 0.2s;
}

.widget-newsletter__email::-ms-input-placeholder {
  -ms-transition: color 0.2s;
  transition: color 0.2s;
}

.widget-newsletter__email::placeholder {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.widget-newsletter__email:hover {
  background-color: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.16);
}

.widget-newsletter__email:focus {
  outline: none;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.16);
}

.widget-newsletter__email:focus::-webkit-input-placeholder {
  color: #9e9e9e;
}

.widget-newsletter__email:focus::-moz-placeholder {
  color: #9e9e9e;
}

.widget-newsletter__email:focus:-ms-input-placeholder {
  color: #9e9e9e;
}

.widget-newsletter__email:focus::-ms-input-placeholder {
  color: #9e9e9e;
}

.widget-newsletter__email:focus::placeholder {
  color: #9e9e9e;
}

.widget-newsletter__button {
  border: none;
  font-size: 15px;
  border-radius: 2px;
  padding: 0.5rem 1.3125rem;
  margin-top: 1.25rem;
  width: 100%;
  -webkit-transition:
    background 0.2s,
    color 0.2s;
  transition:
    background 0.2s,
    color 0.2s;
  background-color: #1a79ff;
  color: #fff;
}

.widget-newsletter__button:hover {
  background-color: #545454;
  color: #fff;
}

.widget-newsletter__button:active {
  background-color: #4c4c4c;
  color: #fff;
}

.widget-newsletter__button:active {
  -webkit-transition-duration: 0.1s, 0.1s;
  transition-duration: 0.1s, 0.1s;
}

.widget-newsletter__button:focus {
  outline: none;
}

/*
// .widget-posts
*/
.widget-posts__list {
  list-style: none;
  padding: 0 1.5rem 1.5rem;
  margin: 0;
}

.widget-posts__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.widget-posts__item + .widget-posts__item {
  margin-top: 1rem;
}

.widget-posts__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}

[dir="ltr"] .widget-posts__image {
  margin-right: 14px;
}

[dir="rtl"] .widget-posts__image {
  margin-left: 14px;
}

.widget-posts__image img {
  display: block;
  border-radius: 1.5px;
}

.widget-posts__image:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  bottom: 0;
  background: rgba(26, 26, 26, 0.2);
  border-radius: 1.5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
}

[dir="ltr"] .widget-posts__image:before {
  left: 0;
  right: 0;
}

[dir="rtl"] .widget-posts__image:before {
  right: 0;
  left: 0;
}

.widget-posts__image:hover:before {
  opacity: 1;
}

.widget-posts__info {
  padding-top: 5px;
}

.widget-posts__name {
  font-size: 15px;
  line-height: 19px;
  overflow: hidden;
  max-height: 38px;
}

.widget-posts__name a {
  color: inherit;
  -webkit-transition: color 0.12s;
  transition: color 0.12s;
}

.widget-posts__name a:hover {
  color: #0064f0;
}

.widget-posts__date {
  font-size: 13px;
  color: #999;
  margin-top: 3px;
  position: relative;
}

[dir="ltr"] .widget-posts__date {
  padding-left: 22px;
}

[dir="rtl"] .widget-posts__date {
  padding-right: 22px;
}

.widget-posts__date:before {
  position: absolute;
  display: block;
  content: "";
  height: 1px;
  width: 16px;
  background: currentColor;
  opacity: 0.6;
  top: 10px;
}

[dir="ltr"] .widget-posts__date:before {
  left: 0;
}

[dir="rtl"] .widget-posts__date:before {
  right: 0;
}

/*
// .widget-products
*/
.widget-products__list {
  padding-bottom: 1.5rem;
}

.widget-products__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1.5rem;
}

.widget-products__item + .widget-products__item {
  margin-top: 12px;
}

.widget-products__image {
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 64px;
}

[dir="ltr"] .widget-products__image {
  margin-right: 12px;
}

[dir="rtl"] .widget-products__image {
  margin-left: 12px;
}

.widget-products__image:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: inherit;
  pointer-events: none;
  left: 0;
  top: 0;
  z-index: 1;
}

.widget-products__info {
  padding-top: 2px;
}

.widget-products__name {
  font-size: 14px;
  line-height: 17px;
  height: 34px;
  overflow: hidden;
}

.widget-products__name a {
  color: inherit;
  -webkit-transition: color 0.12s;
  transition: color 0.12s;
}

.widget-products__name a:hover {
  color: #0064f0;
}

.widget-products__prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2px;
}

.widget-products__price {
  font-size: 14px;
  font-weight: 500;
  color: #262626;
}

[dir="ltr"] .widget-products__price + .widget-products__price {
  margin-left: 3px;
}

[dir="rtl"] .widget-products__price + .widget-products__price {
  margin-right: 3px;
}

.widget-products__price--new {
  color: #262626;
}

.widget-products__price--old {
  font-weight: 400;
  font-size: 13px;
  text-decoration: line-through;
  color: #999;
  padding-top: 1px;
}

/*
// .widget-search
*/
.widget-search__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
}

.widget-search__input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  padding: 15.5px 24px;
  font-family: inherit;
  font-size: 16px;
  line-height: 21px;
}

.widget-search__input:focus {
  outline: none;
}

.widget-search__button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: none;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #bfbfbf;
  fill: currentColor;
  width: 52px;
  height: 52px;
  padding: 0;
}

.widget-search__button:focus {
  outline: none;
}

.widget-search__button:hover {
  color: #a6a6a6;
  background: #f5f5f5;
}

.widget-search__button:active {
  color: #a6a6a6;
  background: #f0f0f0;
}

.widget-search__field {
  position: absolute;
  display: block;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 1px;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition:
    box-shadow 0.2s,
    -webkit-box-shadow 0.2s;
}

.widget-search__form:hover .widget-search__field {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.widget-search__input:focus ~ .widget-search__field {
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

/*
// .widget-tags
*/
.widget-tags__body {
  padding: 0 1.5rem 1.5rem;
}

/* ----------------------------------------
// Shop
// ---------------------------------------- */
/*
// .analogs-table
*/
.analogs-table__rating {
  display: inline-block;
  vertical-align: middle;
}

.analogs-table__rating-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.analogs-table__rating-label {
  color: #6c757d;
  font-size: 13px;
  line-height: 1;
}

.analogs-table__sku,
.analogs-table__country {
  color: #6c757d;
  font-size: 13px;
  line-height: 1;
  margin-top: 1px;
  margin-bottom: 4px;
}

.analogs-table__product-name {
  color: inherit;
  -webkit-transition: color 0.12s;
  transition: color 0.12s;
}

.analogs-table__product-name:hover {
  color: #0064f0;
}

@media (min-width: 768px) {
  .analogs-table {
    width: 100%;
    font-size: 15px;
  }
  .analogs-table th,
  .analogs-table td {
    padding: 0;
  }
  [dir="ltr"] .analogs-table th:first-child,
  [dir="ltr"] .analogs-table td:first-child {
    padding-left: 14px;
  }
  [dir="rtl"] .analogs-table th:first-child,
  [dir="rtl"] .analogs-table td:first-child {
    padding-right: 14px;
  }
  [dir="ltr"] .analogs-table th:last-child,
  [dir="ltr"] .analogs-table td:last-child {
    padding-right: 14px;
  }
  [dir="rtl"] .analogs-table th:last-child,
  [dir="rtl"] .analogs-table td:last-child {
    padding-left: 14px;
  }
  [dir="ltr"] .analogs-table th:not(:first-child),
  [dir="ltr"] .analogs-table td:not(:first-child) {
    padding-left: 16px;
  }
  [dir="rtl"] .analogs-table th:not(:first-child),
  [dir="rtl"] .analogs-table td:not(:first-child) {
    padding-right: 16px;
  }
  .analogs-table thead {
    font-size: 13px;
    text-transform: uppercase;
  }
  .analogs-table thead th,
  .analogs-table thead td {
    padding-bottom: 6px;
  }
  .analogs-table tbody th,
  .analogs-table tbody td {
    border-top: 1px solid #ebebeb;
    padding: 10px 0;
  }
  [dir="ltr"] .analogs-table tbody th:first-child,
  [dir="ltr"] .analogs-table tbody td:first-child {
    border-left: 1px solid #ebebeb;
  }
  [dir="rtl"] .analogs-table tbody th:first-child,
  [dir="rtl"] .analogs-table tbody td:first-child {
    border-right: 1px solid #ebebeb;
  }
  [dir="ltr"] .analogs-table tbody th:last-child,
  [dir="ltr"] .analogs-table tbody td:last-child {
    border-right: 1px solid #ebebeb;
  }
  [dir="rtl"] .analogs-table tbody th:last-child,
  [dir="rtl"] .analogs-table tbody td:last-child {
    border-left: 1px solid #ebebeb;
  }
  .analogs-table tbody tr:last-child th,
  .analogs-table tbody tr:last-child td {
    border-bottom: 1px solid #ebebeb;
  }
  .analogs-table tbody tr:hover th,
  .analogs-table tbody tr:hover td {
    background: #f7f7f7;
  }
  .analogs-table__column--rating {
    text-align: center;
  }
  .analogs-table__column--vendor {
    text-align: center;
  }
  [dir="ltr"] .analogs-table__column--price {
    text-align: right;
  }
  [dir="rtl"] .analogs-table__column--price {
    text-align: left;
  }
  .analogs-table__rating-label {
    margin-top: 6px;
  }
}

@media (max-width: 767.98px) {
  .analogs-table {
    display: block;
    font-size: 15px;
  }
  .analogs-table thead {
    display: none;
  }
  .analogs-table tbody {
    display: block;
  }
  .analogs-table tr,
  .analogs-table td {
    display: block;
  }
  .analogs-table tr {
    padding: 14px 16px;
    background: #f5f5f5;
    border-radius: 2px;
  }
  .analogs-table tr + tr {
    margin-top: 12px;
  }
  .analogs-table td {
    padding: 0;
  }
  .analogs-table .analogs-table__column--rating {
    margin-top: 11px;
  }
  .analogs-table .analogs-table__column--vendor {
    font-size: 13px;
    padding-top: 8px;
    margin-top: 12px;
    border-top: 1px solid #e5e5e5;
  }
  .analogs-table .analogs-table__column--vendor:before {
    content: attr(data-title) ": ";
  }
  .analogs-table .analogs-table__column--price {
    font-weight: 500;
    margin-top: 16px;
  }
  .analogs-table .analogs-table__sku {
    margin: 2px 0 0;
  }
  .analogs-table .analogs-table__sku:before {
    content: attr(data-title) ": ";
  }
  .analogs-table .analogs-table__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [dir="ltr"] .analogs-table .analogs-table__rating-label {
    margin-left: 8px;
  }
  [dir="rtl"] .analogs-table .analogs-table__rating-label {
    margin-right: 8px;
  }
  .analogs-table .analogs-table__country {
    display: inline;
  }
}

/*
// .applied-filters
*/
.applied-filters__list {
  list-style: none;
  padding: 0;
  margin: -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.applied-filters__item {
  margin: 2px;
}

.applied-filters__button {
  padding: 4px 11px;
  display: block;
  height: 21px;
  font-size: 13px;
  line-height: 1;
  color: inherit;
  background-color: #f0f0f0;
  -webkit-transition:
    background 0.12s,
    color 0.12s;
  transition:
    background 0.12s,
    color 0.12s;
  border-radius: 11.5px;
  position: relative;
  border: none;
}

.applied-filters__button:focus {
  outline: none;
}

.applied-filters__button:hover {
  background-color: #e5e5e5;
  color: inherit;
}

[dir="ltr"] .applied-filters__button--filter {
  padding-right: 33px;
}

[dir="rtl"] .applied-filters__button--filter {
  padding-left: 33px;
}

.applied-filters__button--filter:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  top: 4px;
  bottom: 4px;
  background-color: rgba(0, 0, 0, 0.15);
}

[dir="ltr"] .applied-filters__button--filter:after {
  right: 25px;
}

[dir="rtl"] .applied-filters__button--filter:after {
  left: 25px;
}

.applied-filters__button--filter svg {
  position: absolute;
  top: 6px;
  fill: rgba(0, 0, 0, 0.4);
}

[dir="ltr"] .applied-filters__button--filter svg {
  right: 10px;
}

[dir="rtl"] .applied-filters__button--filter svg {
  left: 10px;
}

.applied-filters__button--clear {
  background: transparent;
  color: #999;
}

/*
// .cart
*/
.cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cart__table {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.cart__totals {
  width: 360px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

[dir="ltr"] .cart__totals {
  margin-left: 50px;
}

[dir="rtl"] .cart__totals {
  margin-right: 50px;
}

.cart__totals-table {
  width: 100%;
  margin-bottom: 32px;
  font-size: 15px;
}

.cart__totals-table a:hover {
  text-decoration: underline;
}

.cart__totals-table,
.cart__totals-table thead,
.cart__totals-table tbody,
.cart__totals-table tfoot,
.cart__totals-table tr,
.cart__totals-table th,
.cart__totals-table td {
  display: block;
}

.cart__totals-table tr:after {
  display: block;
  content: "";
  clear: both;
}

.cart__totals-table th,
.cart__totals-table td {
  padding: 0;
}

[dir="ltr"] .cart__totals-table th {
  float: left;
}

[dir="rtl"] .cart__totals-table th {
  float: right;
}

[dir="ltr"] .cart__totals-table td {
  text-align: right;
}

[dir="rtl"] .cart__totals-table td {
  text-align: left;
}

.cart__totals-table thead,
.cart__totals-table tbody {
  line-height: 20px;
}

.cart__totals-table tbody tr > * {
  padding-top: 8px;
}

.cart__totals-table tbody tr:last-child > * {
  padding-bottom: 10px;
}

.cart__totals-table tfoot {
  font-size: 20px;
}

.cart__totals-table tfoot th {
  font-weight: 500;
}

.cart__totals-table tfoot td,
.cart__totals-table tfoot th {
  padding-top: 12px;
  border-top: 1px solid #ebebeb;
}

.cart__totals-table tfoot td {
  letter-spacing: -0.02em;
}

@media (max-width: 1399.98px) {
  .cart {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .cart__table {
    width: 100%;
  }
  .cart__totals {
    margin-top: 40px;
    width: 400px;
  }
  [dir="ltr"] .cart__totals {
    margin-left: auto;
  }
  [dir="rtl"] .cart__totals {
    margin-right: auto;
  }
}

@media (max-width: 991.98px) {
  .cart__totals {
    width: 360px;
  }
  [dir="ltr"] .cart__totals {
    margin-left: 0;
  }
  [dir="rtl"] .cart__totals {
    margin-right: 0;
  }
}

@media (max-width: 767.98px) {
  .cart__totals {
    width: 100%;
  }
}

/*
// .cart-table
*/
.cart-table__table {
  width: 100%;
  border-spacing: 0;
}

.cart-table__head {
  font-size: 13px;
  text-transform: uppercase;
}

.cart-table__column--product {
  line-height: 1.25;
}

.cart-table__column--price {
  width: 130px;
}

[dir="ltr"] .cart-table__column--price {
  text-align: right;
}

[dir="rtl"] .cart-table__column--price {
  text-align: left;
}

.cart-table__column--quantity {
  width: 150px;
  text-align: center;
}

[dir="ltr"] .cart-table__column--quantity {
  padding-left: 36px;
}

[dir="rtl"] .cart-table__column--quantity {
  padding-right: 36px;
}

.cart-table__column--total {
  width: 130px;
}

[dir="ltr"] .cart-table__column--total {
  text-align: right;
}

[dir="rtl"] .cart-table__column--total {
  text-align: left;
}

.cart-table__column--remove {
  width: 1px;
  white-space: nowrap;
}

[dir="ltr"] .cart-table__column--remove {
  padding-left: 0;
}

[dir="rtl"] .cart-table__column--remove {
  padding-right: 0;
}

.cart-table__product-name {
  color: inherit;
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}

.cart-table__product-name:hover {
  color: #0064f0;
}

.cart-table__options {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 1.375;
  color: #6c757d;
}

@media (min-width: 992px) {
  .cart-table {
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  }
  .cart-table__foot td {
    padding: 20px 24px;
  }
  .cart-table__column {
    padding: 14px 16px;
    border-bottom: 1px solid #ebebeb;
  }
  [dir="ltr"] .cart-table__column:first-child {
    padding-left: 28px;
  }
  [dir="rtl"] .cart-table__column:first-child {
    padding-right: 28px;
  }
  [dir="ltr"] .cart-table__column:last-child {
    padding-right: 28px;
  }
  [dir="rtl"] .cart-table__column:last-child {
    padding-left: 28px;
  }
  .cart-table__column--image {
    width: 1px;
    text-align: center;
  }
  .cart-table__column--image .image {
    width: 80px;
  }
  .cart-table__options li {
    position: relative;
  }
  [dir="ltr"] .cart-table__options li {
    padding-left: 12px;
  }
  [dir="rtl"] .cart-table__options li {
    padding-right: 12px;
  }
  .cart-table__options li:before {
    display: block;
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: currentColor;
    top: 7px;
    opacity: 0.7;
  }
  [dir="ltr"] .cart-table__options li:before {
    left: 2px;
  }
  [dir="rtl"] .cart-table__options li:before {
    right: 2px;
  }
  [dir="ltr"] .cart-table__remove {
    margin-right: -12px;
  }
  [dir="rtl"] .cart-table__remove {
    margin-left: -12px;
  }
  .cart-table__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .cart-table__coupon-form {
    width: 360px;
  }
}

@media (max-width: 991.98px) {
  .cart-table__table {
    display: block;
  }
  .cart-table__head {
    display: none;
  }
  .cart-table__column {
    display: block;
  }
  .cart-table__column {
    padding: 0;
  }
  .cart-table__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px;
  }
  .cart-table__row {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 8px;
    width: calc(100% / 3 - 16px);
  }
  .cart-table__column--image {
    text-align: center;
    padding: 16px 14px;
  }
  .cart-table__column--image .image {
    max-width: 220px;
    margin: 0 auto;
  }
  .cart-table__column--product {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    padding: 0 14px 16px;
  }
  .cart-table__column--price,
  .cart-table__column--quantity,
  .cart-table__column--total {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #ebebeb;
    padding: 10px 14px;
    font-size: 15px;
  }
  [dir="ltr"] .cart-table__column--price,
  [dir="ltr"] .cart-table__column--quantity,
  [dir="ltr"] .cart-table__column--total {
    padding-left: 14px;
  }
  [dir="rtl"] .cart-table__column--price,
  [dir="rtl"] .cart-table__column--quantity,
  [dir="rtl"] .cart-table__column--total {
    padding-right: 14px;
  }
  .cart-table__column--price:before,
  .cart-table__column--quantity:before,
  .cart-table__column--total:before {
    content: attr(data-title) ":";
    display: block;
    width: calc(40% - 6px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500;
  }
  [dir="ltr"] .cart-table__column--price:before,
  [dir="ltr"] .cart-table__column--quantity:before,
  [dir="ltr"] .cart-table__column--total:before {
    margin-right: 12px;
    text-align: left;
  }
  [dir="rtl"] .cart-table__column--price:before,
  [dir="rtl"] .cart-table__column--quantity:before,
  [dir="rtl"] .cart-table__column--total:before {
    margin-left: 12px;
    text-align: right;
  }
  .cart-table__remove {
    position: absolute;
    top: 0;
  }
  [dir="ltr"] .cart-table__remove {
    right: 0;
  }
  [dir="rtl"] .cart-table__remove {
    left: 0;
  }
  .cart-table__foot,
  .cart-table__foot tr,
  .cart-table__foot td {
    display: block;
    padding: 0;
  }
  .cart-table__actions {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .cart-table__coupon-form {
    padding: 16px;
  }
  .cart-table__update-button {
    padding: 16px;
  }
  .cart-table__quantity {
    max-width: 120px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .cart-table__coupon-form {
    width: 60%;
  }
}

@media (max-width: 767.98px) {
  .cart-table__row {
    width: calc(50% - 16px);
  }
  .cart-table__update-button {
    border-top: 1px solid #ebebeb;
  }
}

@media (max-width: 767.98px) {
  .cart-table__actions {
    display: block;
  }
  .cart-table__update-button {
    border-top: 1px solid #ebebeb;
    text-align: center;
  }
}

@media (max-width: 474px) {
  .cart-table__row {
    width: 100%;
  }
}

/*
// .categories-list
*/
.categories-list__body {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.categories-list__item {
  padding: 1.125rem;
  text-align: center;
  position: relative;
}

.categories-list__item a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: inherit;
}

.categories-list__item .image {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}

.categories-list__item:before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.03);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.12s;
  transition: opacity 0.12s;
  z-index: 1;
}

.categories-list__item:hover:before {
  opacity: 1;
}

.categories-list__item-products {
  margin-top: 4px;
  font-size: 14px;
  color: #6c757d;
}

.categories-list__divider {
  width: 1px;
  background-color: #ebebeb;
}

@media (min-width: 576px) {
  .categories-list--layout--columns-3-sidebar .categories-list__item {
    width: calc((100% - 2px) / 3);
  }
  .categories-list--layout--columns-3-sidebar
    .categories-list__divider:nth-child(6n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-3-sidebar
    .categories-list__divider:last-child:nth-child(6n) {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .categories-list--layout--columns-3-sidebar .categories-list__item {
    width: calc((100% - 1px) / 2);
  }
  .categories-list--layout--columns-3-sidebar
    .categories-list__divider:nth-child(4n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-3-sidebar
    .categories-list__divider:last-child:nth-child(4n) {
    display: none;
  }
}

@media (min-width: 1200px) {
  .categories-list--layout--columns-4-sidebar .categories-list__item {
    width: calc((100% - 3px) / 4);
  }
  .categories-list--layout--columns-4-sidebar
    .categories-list__divider:nth-child(8n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-4-sidebar
    .categories-list__divider:last-child:nth-child(8n) {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
  .categories-list--layout--columns-4-sidebar .categories-list__item {
    width: calc((100% - 2px) / 3);
  }
  .categories-list--layout--columns-4-sidebar
    .categories-list__divider:nth-child(6n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-4-sidebar
    .categories-list__divider:last-child:nth-child(6n) {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .categories-list--layout--columns-4-sidebar .categories-list__item {
    width: calc((100% - 1px) / 2);
  }
  .categories-list--layout--columns-4-sidebar
    .categories-list__divider:nth-child(4n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-4-sidebar
    .categories-list__divider:last-child:nth-child(4n) {
    display: none;
  }
}

@media (min-width: 1400px) {
  .categories-list--layout--columns-5-sidebar .categories-list__item {
    width: calc((100% - 4px) / 5);
  }
  .categories-list--layout--columns-5-sidebar
    .categories-list__divider:nth-child(10n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-5-sidebar
    .categories-list__divider:last-child:nth-child(10n) {
    display: none;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .categories-list--layout--columns-5-sidebar .categories-list__item {
    width: calc((100% - 3px) / 4);
  }
  .categories-list--layout--columns-5-sidebar
    .categories-list__divider:nth-child(8n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-5-sidebar
    .categories-list__divider:last-child:nth-child(8n) {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
  .categories-list--layout--columns-5-sidebar .categories-list__item {
    width: calc((100% - 2px) / 3);
  }
  .categories-list--layout--columns-5-sidebar
    .categories-list__divider:nth-child(6n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-5-sidebar
    .categories-list__divider:last-child:nth-child(6n) {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .categories-list--layout--columns-5-sidebar .categories-list__item {
    width: calc((100% - 1px) / 2);
  }
  .categories-list--layout--columns-5-sidebar
    .categories-list__divider:nth-child(4n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-5-sidebar
    .categories-list__divider:last-child:nth-child(4n) {
    display: none;
  }
}

@media (min-width: 992px) {
  .categories-list--layout--columns-4-full .categories-list__item {
    width: calc((100% - 3px) / 4);
  }
  .categories-list--layout--columns-4-full
    .categories-list__divider:nth-child(8n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-4-full
    .categories-list__divider:last-child:nth-child(8n) {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .categories-list--layout--columns-4-full .categories-list__item {
    width: calc((100% - 2px) / 3);
  }
  .categories-list--layout--columns-4-full
    .categories-list__divider:nth-child(6n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-4-full
    .categories-list__divider:last-child:nth-child(6n) {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .categories-list--layout--columns-4-full .categories-list__item {
    width: calc((100% - 1px) / 2);
  }
  .categories-list--layout--columns-4-full
    .categories-list__divider:nth-child(4n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-4-full
    .categories-list__divider:last-child:nth-child(4n) {
    display: none;
  }
}

@media (min-width: 1200px) {
  .categories-list--layout--columns-5-full .categories-list__item {
    width: calc((100% - 4px) / 5);
  }
  .categories-list--layout--columns-5-full
    .categories-list__divider:nth-child(10n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-5-full
    .categories-list__divider:last-child:nth-child(10n) {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .categories-list--layout--columns-5-full .categories-list__item {
    width: calc((100% - 3px) / 4);
  }
  .categories-list--layout--columns-5-full
    .categories-list__divider:nth-child(8n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-5-full
    .categories-list__divider:last-child:nth-child(8n) {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .categories-list--layout--columns-5-full .categories-list__item {
    width: calc((100% - 2px) / 3);
  }
  .categories-list--layout--columns-5-full
    .categories-list__divider:nth-child(6n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-5-full
    .categories-list__divider:last-child:nth-child(6n) {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .categories-list--layout--columns-5-full .categories-list__item {
    width: calc((100% - 1px) / 2);
  }
  .categories-list--layout--columns-5-full
    .categories-list__divider:nth-child(4n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-5-full
    .categories-list__divider:last-child:nth-child(4n) {
    display: none;
  }
}

@media (min-width: 1200px) {
  .categories-list--layout--columns-6-full .categories-list__item {
    width: calc((100% - 5px) / 6);
  }
  .categories-list--layout--columns-6-full
    .categories-list__divider:nth-child(12n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-6-full
    .categories-list__divider:last-child:nth-child(12n) {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .categories-list--layout--columns-6-full .categories-list__item {
    width: calc((100% - 3px) / 4);
  }
  .categories-list--layout--columns-6-full
    .categories-list__divider:nth-child(8n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-6-full
    .categories-list__divider:last-child:nth-child(8n) {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .categories-list--layout--columns-6-full .categories-list__item {
    width: calc((100% - 2px) / 3);
  }
  .categories-list--layout--columns-6-full
    .categories-list__divider:nth-child(6n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-6-full
    .categories-list__divider:last-child:nth-child(6n) {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .categories-list--layout--columns-6-full .categories-list__item {
    width: calc((100% - 1px) / 2);
  }
  .categories-list--layout--columns-6-full
    .categories-list__divider:nth-child(4n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-6-full
    .categories-list__divider:last-child:nth-child(4n) {
    display: none;
  }
}

@media (min-width: 1400px) {
  .categories-list--layout--columns-7-full .categories-list__item {
    width: calc((100% - 6px) / 7);
  }
  .categories-list--layout--columns-7-full
    .categories-list__divider:nth-child(14n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-7-full
    .categories-list__divider:last-child:nth-child(14n) {
    display: none;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .categories-list--layout--columns-7-full .categories-list__item {
    width: calc((100% - 5px) / 6);
  }
  .categories-list--layout--columns-7-full
    .categories-list__divider:nth-child(12n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-7-full
    .categories-list__divider:last-child:nth-child(12n) {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .categories-list--layout--columns-7-full .categories-list__item {
    width: calc((100% - 3px) / 4);
  }
  .categories-list--layout--columns-7-full
    .categories-list__divider:nth-child(8n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-7-full
    .categories-list__divider:last-child:nth-child(8n) {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .categories-list--layout--columns-7-full .categories-list__item {
    width: calc((100% - 2px) / 3);
  }
  .categories-list--layout--columns-7-full
    .categories-list__divider:nth-child(6n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-7-full
    .categories-list__divider:last-child:nth-child(6n) {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .categories-list--layout--columns-7-full .categories-list__item {
    width: calc((100% - 1px) / 2);
  }
  .categories-list--layout--columns-7-full
    .categories-list__divider:nth-child(4n) {
    width: 100%;
    height: 1px;
  }
  .categories-list--layout--columns-7-full
    .categories-list__divider:last-child:nth-child(4n) {
    display: none;
  }
}

/*
// .category-card
*/
.category-card__body {
  position: relative;
}

.category-card__overlay-image {
  display: none;
}

.category-card--layout--classic .category-card__body {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
}

.category-card--layout--classic .category-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.category-card--layout--classic .category-card__image {
  width: 160px;
  padding: 24px 0;
  margin: 0 32px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.category-card--layout--classic .category-card__info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-top: 24px;
  padding-bottom: 24px;
}

[dir="ltr"] .category-card--layout--classic .category-card__info {
  padding-left: 0;
  padding-right: 28px;
}

[dir="rtl"] .category-card--layout--classic .category-card__info {
  padding-right: 0;
  padding-left: 28px;
}

.category-card--layout--classic .category-card__name a,
.category-card--layout--classic .category-card__children a {
  -webkit-transition: color 0.12s;
  transition: color 0.12s;
}

.category-card--layout--classic .category-card__name a:hover,
.category-card--layout--classic .category-card__children a:hover {
  color: #0064f0;
}

.category-card--layout--classic .category-card__name {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}

.category-card--layout--classic .category-card__name a {
  color: inherit;
}

.category-card--layout--classic .category-card__children {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  font-size: 15px;
}

.category-card--layout--classic .category-card__children li {
  position: relative;
  color: #6c757d;
  padding-top: 1px;
  padding-bottom: 1px;
}

[dir="ltr"] .category-card--layout--classic .category-card__children li {
  padding-left: 11px;
  padding-right: 0;
}

[dir="rtl"] .category-card--layout--classic .category-card__children li {
  padding-right: 11px;
  padding-left: 0;
}

.category-card--layout--classic .category-card__children li:before {
  display: block;
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  background: currentColor;
  opacity: 0.7;
  top: 10px;
}

[dir="ltr"] .category-card--layout--classic .category-card__children li:before {
  left: 0;
}

[dir="rtl"] .category-card--layout--classic .category-card__children li:before {
  right: 0;
}

.category-card--layout--classic .category-card__children a {
  color: inherit;
}

.category-card--layout--classic .category-card__actions {
  margin-top: 8px;
}

.category-card--layout--classic .category-card__link {
  font-size: 14px;
  font-weight: 500;
  color: #0064f0;
}

.category-card--layout--classic .category-card__link:hover {
  text-decoration: underline;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .category-card--layout--classic .category-card__image {
    width: 120px;
    margin: 0 26px;
  }
}

@media (max-width: 991px) and (min-width: 475px) {
  .category-card--layout--classic .category-card__image {
    width: 132px;
    margin: 0 26px;
    padding: 20px 0;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .category-card--layout--classic .category-card__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .category-card--layout--classic .category-card__info {
    padding-top: 0;
    padding-bottom: 20px;
  }
  [dir="ltr"] .category-card--layout--classic .category-card__info {
    padding-left: 26px;
    padding-right: 26px;
  }
  [dir="rtl"] .category-card--layout--classic .category-card__info {
    padding-right: 26px;
    padding-left: 26px;
  }
}

@media (max-width: 474px) and (min-width: 360px) {
  .category-card--layout--classic .category-card__image {
    width: 132px;
  }
}

@media (max-width: 474px) and (min-width: 360px) and (max-width: 420px) {
  .category-card--layout--classic .category-card__image {
    width: 100px;
    margin: 0 28px;
  }
}

@media (max-width: 359px) {
  .category-card--layout--classic .category-card__image {
    width: 132px;
    margin: 0 26px;
    padding: 24px 0;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .category-card--layout--classic .category-card__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .category-card--layout--classic .category-card__info {
    padding-top: 0;
    padding-bottom: 24px;
  }
  [dir="ltr"] .category-card--layout--classic .category-card__info {
    padding-left: 26px;
    padding-right: 26px;
  }
  [dir="rtl"] .category-card--layout--classic .category-card__info {
    padding-right: 26px;
    padding-left: 26px;
  }
}

.category-card--layout--overlay .category-card__body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  z-index: 0;
  overflow: hidden;
  border-radius: 2.5px;
  padding: 32px 20px 40px;
}

.category-card--layout--overlay .category-card__body:before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(26, 26, 26, 0.6);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(20%, rgba(26, 26, 26, 0.4)),
    color-stop(80%, rgba(26, 26, 26, 0))
  );
  background-image: linear-gradient(
    to top,
    rgba(26, 26, 26, 0.4) 20%,
    rgba(26, 26, 26, 0) 80%
  );
  z-index: -1;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.category-card--layout--overlay .category-card__overlay-image {
  display: block;
  position: absolute;
  z-index: -3;
  left: -10px;
  right: -10px;
  top: -10px;
  bottom: -10px;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
}

.category-card--layout--overlay .category-card__overlay-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.category-card--layout--overlay .category-card__overlay-image--blur {
  z-index: -2;
  opacity: 0;
  -webkit-transition:
    opacity 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
  transition:
    opacity 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    opacity 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    opacity 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
}

.category-card--layout--overlay .category-card__overlay-image--blur img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.category-card--layout--overlay .category-card__content,
.category-card--layout--overlay .category-card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.category-card--layout--overlay .category-card__content {
  color: #fff;
}

.category-card--layout--overlay .category-card__name,
.category-card--layout--overlay .category-card__children {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.category-card--layout--overlay .category-card__name a,
.category-card--layout--overlay .category-card__children a {
  color: inherit;
  -webkit-transition: color 0.12s;
  transition: color 0.12s;
}

.category-card--layout--overlay .category-card__name a:hover,
.category-card--layout--overlay .category-card__children a:hover {
  color: #ffdf40;
}

.category-card--layout--overlay .category-card__name {
  font-size: 24px;
  margin-bottom: 20px;
}

.category-card--layout--overlay .category-card__children {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  list-style: none;
  padding: 0;
  font-size: 16px;
  margin: 0 0 28px;
  opacity: 1;
}

.category-card--layout--overlay .category-card__children li {
  padding: 5px 0 6px;
}

.category-card--layout--overlay:hover .category-card__overlay-image {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.category-card--layout--overlay:hover .category-card__overlay-image--blur {
  opacity: 1;
}

.category-card--layout--overlay:hover .category-card__body:before {
  background-color: rgba(26, 26, 26, 0.7);
}

@media (max-width: 767.98px) {
  .category-card--layout--overlay .category-card__body {
    padding: 22px 28px 28px;
  }
  .category-card--layout--overlay .category-card__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .category-card--layout--overlay .category-card__info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .category-card--layout--overlay .category-card__name {
    margin-bottom: 10px;
    font-size: 22px;
  }
  .category-card--layout--overlay .category-card__children {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 15px;
    margin-bottom: 24px;
  }
  [dir="ltr"] .category-card--layout--overlay .category-card__children {
    text-align: left;
  }
  [dir="rtl"] .category-card--layout--overlay .category-card__children {
    text-align: right;
  }
  .category-card--layout--overlay .category-card__children li {
    padding: 1px 0;
  }
  [dir="ltr"] .category-card--layout--overlay .category-card__children li {
    margin-right: 16px;
  }
  [dir="rtl"] .category-card--layout--overlay .category-card__children li {
    margin-left: 16px;
  }
}

/*
// .checkout
*/
.checkout__totals {
  width: 100%;
  font-size: 15px;
  line-height: 19px;
  border-spacing: 0;
  margin-bottom: 40px;
}

.checkout__totals th,
.checkout__totals td {
  padding: 0;
}

[dir="ltr"] .checkout__totals th:last-child,
[dir="ltr"] .checkout__totals td:last-child {
  padding-left: 20px;
  text-align: right;
}

[dir="rtl"] .checkout__totals th:last-child,
[dir="rtl"] .checkout__totals td:last-child {
  padding-right: 20px;
  text-align: left;
}

.checkout__totals-header {
  font-size: 13px;
  text-transform: uppercase;
}

.checkout__totals-header th {
  padding-bottom: 4px;
  border-bottom: 1px solid #ebebeb;
}

.checkout__totals-products td {
  padding: 4px 0;
}

.checkout__totals-products tr:first-child td {
  padding-top: 16px;
}

.checkout__totals-products tr:last-child td {
  padding-bottom: 16px;
}

.checkout__totals-subtotals th {
  font-weight: 500;
}

.checkout__totals-subtotals td,
.checkout__totals-subtotals th {
  padding: 4px 0;
}

.checkout__totals-subtotals tr:first-child td,
.checkout__totals-subtotals tr:first-child th {
  padding-top: 16px;
  border-top: 1px solid #ebebeb;
}

.checkout__totals-subtotals tr:last-child td,
.checkout__totals-subtotals tr:last-child th {
  padding-bottom: 16px;
}

.checkout__totals-footer {
  font-size: 24px;
}

.checkout__totals-footer th {
  font-weight: 500;
}

.checkout__totals-footer tr:first-child td,
.checkout__totals-footer tr:first-child th {
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
}

.checkout__payment-methods {
  margin-bottom: 20px;
}

.checkout__agree {
  margin-bottom: 40px;
}

.checkout__agree a:hover {
  text-decoration: underline;
}

/*
// .compare
*/
.compare__options-list {
  padding: 16px 20px;
  border-bottom: 1px solid #ebebeb;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.compare__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[dir="ltr"] .compare__option + .compare__option {
  margin-left: 16px;
}

[dir="rtl"] .compare__option + .compare__option {
  margin-right: 16px;
}

[dir="ltr"] .compare__option-label {
  margin-right: 8px;
}

[dir="rtl"] .compare__option-label {
  margin-left: 8px;
}

/*
// .compare-table
*/
.compare-table {
  width: 100%;
  font-size: 15px;
  border-spacing: 0;
}

.compare-table tr:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.compare-table__column--header,
.compare-table__column--product {
  padding: 14px 16px;
}

[dir="ltr"] .compare-table__column--product,
[dir="ltr"] .compare-table__column--fake {
  border-left: 1px solid #ebebeb;
}

[dir="rtl"] .compare-table__column--product,
[dir="rtl"] .compare-table__column--fake {
  border-right: 1px solid #ebebeb;
}

.compare-table__column--header {
  width: 15%;
  background: #f7f7f7;
  font-weight: 500;
  min-width: 140px;
}

[dir="ltr"] .compare-table__column--header {
  text-align: right;
}

[dir="rtl"] .compare-table__column--header {
  text-align: left;
}

.compare-table__column--product {
  width: 17%;
  text-align: center;
  vertical-align: top;
  min-width: 180px;
}

.compare-table__column--fake {
  padding: 0;
}

.compare-table__column--product:nth-child(6) + .compare-table__column--fake {
  display: none;
}

.compare-table__product {
  display: block;
  line-height: 20px;
  color: inherit;
  -webkit-transition: color 0.12s;
  transition: color 0.12s;
}

.compare-table__product:hover {
  color: #0064f0;
}

.compare-table__product-image {
  width: 150px;
  margin: 0 auto;
}

.compare-table__product-name {
  color: inherit;
}

.compare-table__rating-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 1px;
}

.compare-table__rating-title {
  font-size: 13px;
  color: #6c757d;
  margin-top: 5px;
}

/*
// .order-header
*/
.order-header {
  padding: 1.625rem 2rem 1.375rem;
}

.order-header:after {
  display: block;
  content: "";
  clear: both;
}

.order-header__actions {
  margin-top: -1px;
}

[dir="ltr"] .order-header__actions {
  float: right;
}

[dir="rtl"] .order-header__actions {
  float: left;
}

.order-header__title {
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 4px;
  margin-bottom: 0;
}

[dir="ltr"] .order-header__title {
  padding-right: 3.5rem;
  float: left;
}

[dir="rtl"] .order-header__title {
  padding-left: 3.5rem;
  float: right;
}

.order-header__subtitle {
  color: #6c757d;
  font-size: 14px;
  line-height: 1.375;
  clear: both;
  padding-top: 12px;
}

.order-header__subtitle mark {
  padding: 0;
  color: #262626;
  background: transparent;
  font-weight: 500;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .order-header {
    padding: 1.375rem 1.5rem 1.25rem;
  }
}

@media (max-width: 767.98px) {
  .order-header {
    padding: 1.125rem 1.375rem 1rem;
  }
}

@media (max-width: 440px) {
  .order-header__actions {
    margin-bottom: 0.875rem;
  }
  [dir="ltr"] .order-header__actions {
    float: none;
  }
  [dir="rtl"] .order-header__actions {
    float: none;
  }
}

/*
// .order-list
*/
.order-list a {
  color: inherit;
}

.order-list a:hover {
  color: inherit;
  text-decoration: underline;
}

.order-list table {
  width: 100%;
  font-size: 15px;
}

.order-list__header th,
.order-list__header td {
  text-transform: uppercase;
  color: #6c757d;
  font-size: 13px;
  font-weight: 500;
}

.order-list__footer {
  font-size: 20px;
}

.order-list__footer th {
  font-weight: 500;
}

.order-list__column-image {
  width: 1px;
}

.order-list__column-image .image {
  width: 40px;
}

.order-list__column-product {
  line-height: 1.25;
}

.order-list__column-quantity {
  text-align: center;
}

[dir="ltr"] .order-list__column-total {
  text-align: right;
}

[dir="rtl"] .order-list__column-total {
  text-align: left;
}

.order-list__options {
  color: #6c757d;
  font-size: 13px;
  margin-top: 2px;
}

.order-list__options-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.order-list__options-item:not(:last-child) {
  position: relative;
}

[dir="ltr"] .order-list__options-item:not(:last-child) {
  padding-right: 19px;
}

[dir="rtl"] .order-list__options-item:not(:last-child) {
  padding-left: 19px;
}

.order-list__options-item:not(:last-child):after {
  position: absolute;
  content: "";
  display: block;
  background: #ccc;
  width: 1px;
  height: 10px;
  top: calc(50% - 5px);
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

[dir="ltr"] .order-list__options-item:not(:last-child):after {
  right: 9px;
}

[dir="rtl"] .order-list__options-item:not(:last-child):after {
  left: 9px;
}

@media (min-width: 576px) {
  .order-list th,
  .order-list td {
    padding: 4px 12px;
  }
  [dir="ltr"] .order-list th:first-child,
  [dir="ltr"] .order-list td:first-child {
    padding-left: 1.5rem;
  }
  [dir="rtl"] .order-list th:first-child,
  [dir="rtl"] .order-list td:first-child {
    padding-right: 1.5rem;
  }
  [dir="ltr"] .order-list th:last-child,
  [dir="ltr"] .order-list td:last-child {
    padding-right: 1.5rem;
  }
  [dir="rtl"] .order-list th:last-child,
  [dir="rtl"] .order-list td:last-child {
    padding-left: 1.5rem;
  }
  .order-list__header th,
  .order-list__header td {
    border-bottom: 1px solid #ebebeb;
    padding: 10px 12px;
  }
  .order-list__products th,
  .order-list__products td {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .order-list__products tr:first-child th,
  .order-list__products tr:first-child td {
    padding-top: 14px;
  }
  .order-list__products tr:last-child th,
  .order-list__products tr:last-child td {
    padding-bottom: 14px;
  }
  [dir="ltr"] .order-list__products .order-list__column-product {
    padding-left: 4px;
  }
  [dir="rtl"] .order-list__products .order-list__column-product {
    padding-right: 4px;
  }
  .order-list__subtotals th,
  .order-list__subtotals td {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .order-list__subtotals tr:first-child th,
  .order-list__subtotals tr:first-child td {
    padding-top: 12px;
    border-top: 1px solid #ebebeb;
  }
  .order-list__subtotals tr:last-child th,
  .order-list__subtotals tr:last-child td {
    padding-bottom: 12px;
  }
  .order-list__footer th,
  .order-list__footer td {
    padding-top: 14px;
    padding-bottom: 14px;
    border-top: 1px solid #ebebeb;
  }
}

@media (max-width: 575.98px) {
  .order-list table,
  .order-list tr,
  .order-list th,
  .order-list td {
    display: block;
    padding: 0;
  }
  .order-list__header,
  .order-list__products,
  .order-list__subtotals,
  .order-list__footer {
    display: block;
  }
  .order-list__header tr,
  .order-list__products tr,
  .order-list__subtotals tr,
  .order-list__footer tr {
    padding: 0 1rem;
  }
  .order-list__header tr,
  .order-list__subtotals tr,
  .order-list__footer tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .order-list__header .order-list__column-label,
  .order-list__subtotals .order-list__column-label,
  .order-list__footer .order-list__column-label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .order-list__header .order-list__column-quantity,
  .order-list__subtotals .order-list__column-quantity,
  .order-list__footer .order-list__column-quantity {
    display: none;
  }
  .order-list__header tr {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
  }
  .order-list__products tr {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .order-list__products tr:not(:first-child) {
    border-top: 1px solid #ebebeb;
  }
  .order-list__products .order-list__column-image {
    width: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .order-list__products .order-list__column-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% - 40px);
  }
  [dir="ltr"] .order-list__products .order-list__column-product {
    padding-left: 1rem;
  }
  [dir="rtl"] .order-list__products .order-list__column-product {
    padding-right: 1rem;
  }
  .order-list__products .order-list__column-quantity:before {
    content: attr(data-title) " ";
  }
  .order-list__products .order-list__column-total {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .order-list__products .order-list__column-quantity,
  .order-list__products .order-list__column-total {
    margin-top: 0.625rem;
    margin-bottom: -0.125rem;
  }
  .order-list__subtotals {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #ebebeb;
  }
  .order-list__subtotals th,
  .order-list__subtotals td {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .order-list__footer {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #ebebeb;
  }
}

/*
// .order-success
*/
.order-success__body {
  max-width: 690px;
  margin: 0 auto;
}

.order-success__header {
  padding: 60px 0 52px;
  text-align: center;
}

.order-success__icon {
  fill: #1a79ff;
  margin: 0 auto;
  display: block;
}

.order-success__title {
  margin-top: 24px;
  margin-bottom: 2px;
}

.order-success__subtitle {
  font-size: 19px;
  font-weight: 500;
}

.order-success__actions {
  margin-top: 20px;
}

.order-success__meta {
  padding: 16px 0;
  margin-bottom: 20px;
  text-align: center;
}

.order-success__meta-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.order-success__meta-item {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  line-height: 1.25;
  position: relative;
  padding: 2px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.order-success__meta-item:not(:last-child):before {
  position: absolute;
  display: block;
  content: "";
  border-left: 2px dashed rgba(0, 0, 0, 0.1);
  width: 0;
  height: 100%;
  top: 0;
}

[dir="ltr"] .order-success__meta-item:not(:last-child):before {
  right: -1px;
}

[dir="rtl"] .order-success__meta-item:not(:last-child):before {
  left: -1px;
}

.order-success__meta-title {
  display: block;
  font-size: 13px;
  color: #6c757d;
  margin-bottom: 4px;
}

.order-success__meta-value {
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}

.order-success__addresses {
  margin-left: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order-success__address {
  margin-left: 20px;
  margin-top: 20px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (max-width: 767.98px) {
  .order-success__header {
    padding: 44px 0 40px;
  }
  .order-success__meta-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .order-success__meta-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .order-success__meta-item:nth-child(2n):before {
    display: none;
  }
  .order-success__meta-item:nth-child(n + 3) {
    margin-top: 16px;
  }
  .order-success__addresses {
    display: block;
  }
}

/*
// .payment-methods
*/
.payment-methods__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.payment-methods__item {
  border-radius: 2px;
  padding-bottom: 2px;
  border: 1px solid #ebebeb;
  -webkit-transition:
    background 0.12s,
    border-color 0.12s;
  transition:
    background 0.12s,
    border-color 0.12s;
}

.payment-methods__item + .payment-methods__item {
  margin-top: 6px;
}

.payment-methods__item:hover {
  background: #f5f5f5;
  border-color: #e5e5e5;
}

.payment-methods__item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 18px;
  margin: 0;
  padding: 10px 12px 8px;
  cursor: pointer;
}

[dir="ltr"] .payment-methods__item-radio {
  margin-right: 8px;
}

[dir="rtl"] .payment-methods__item-radio {
  margin-left: 8px;
}

.payment-methods__item-details {
  font-size: 14px;
  line-height: 22px;
  padding: 0 12px 8px;
}

.payment-methods__item-container {
  overflow: hidden;
  opacity: 0;
  height: 0;
  -webkit-transition:
    height 0.3s,
    opacity 0.3s;
  transition:
    height 0.3s,
    opacity 0.3s;
}

.payment-methods__item--active,
.payment-methods__item--active:hover {
  background: #f5f5f5;
  border-color: #e5e5e5;
}

.payment-methods__item--active .payment-methods__item-container {
  opacity: 1;
  height: auto;
}

/*
// .product
*/
.product__header h1 {
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
}

.product__tabs {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.product__subtitle {
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #6c757d;
  font-size: 14px;
  line-height: 1;
}

[dir="ltr"] .product__rating-stars {
  margin-right: 8px;
}

[dir="rtl"] .product__rating-stars {
  margin-left: 8px;
}

.product__rating-label a {
  color: inherit;
}

[dir="ltr"] .product__fit {
  margin-left: 12px;
}

[dir="rtl"] .product__fit {
  margin-right: 12px;
}

.product__info-card {
  position: relative;
}

.product__info-body {
  padding: 28px 28px 24px;
}

.product__prices-stock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 22px;
}

.product__meta {
  margin: -3px 0;
}

.product__meta table {
  width: 100%;
  font-size: 14px;
}

.product__meta th,
.product__meta td {
  padding: 3px 0;
}

.product__meta th {
  font-weight: 500;
}

[dir="ltr"] .product__meta th {
  padding-right: 12px;
}

[dir="rtl"] .product__meta th {
  padding-left: 12px;
}

.product__meta tr + tr > * {
  border-top: 1px solid #ebebeb;
}

.product__meta a {
  color: #0064f0;
}

.product__meta a:hover {
  text-decoration: underline;
}

.product__shop-features {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  margin-top: 30px;
}

.product__badge {
  top: -7px;
  position: absolute;
}

[dir="ltr"] .product__badge {
  left: 22px;
}

[dir="rtl"] .product__badge {
  right: 22px;
}

.product__prices {
  padding: 8px 0 7px;
  line-height: 1;
}

.product__price {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #262626;
}

.product__price--new {
  color: #262626;
}

.product__price--old {
  font-size: 16px;
  text-decoration: line-through;
  font-weight: 400;
  color: #999;
  margin-bottom: 5px;
}

.product__form {
  background: #f9f9f9;
  margin-bottom: 24px;
  margin-top: -4px;
  padding: 16px 28px 18px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.product__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  white-space: nowrap;
  padding: 0 28px 24px;
}

.product__actions-item--quantity {
  width: 100px;
}


[dir="rtl"] .product__actions-item--quantity {
  margin-left: 8px;
}

.product__actions-item--addtocart {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.product__actions-item--wishlist,
.product__actions-item--compare {
  margin-top: 14px;
  margin-bottom: -8px;
  width: 50%;
  font-size: 13px;
  line-height: 16px;
  background: transparent;
  color: #262626;
  fill: #d9d9d9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  padding-top: 7px;
  padding-bottom: 5px;
  border-radius: 2px;
  -webkit-transition:
    background 0.15s,
    fill 0.15s;
  transition:
    background 0.15s,
    fill 0.15s;
}

[dir="ltr"] .product__actions-item--wishlist,
[dir="ltr"] .product__actions-item--compare {
  padding-left: 9px;
  padding-right: 10px;
}

[dir="rtl"] .product__actions-item--wishlist,
[dir="rtl"] .product__actions-item--compare {
  padding-right: 9px;
  padding-left: 10px;
}

.product__actions-item--wishlist svg,
.product__actions-item--compare svg {
  position: relative;
  top: -1px;
}

[dir="ltr"] .product__actions-item--wishlist svg,
[dir="ltr"] .product__actions-item--compare svg {
  margin-right: 8px;
}

[dir="rtl"] .product__actions-item--wishlist svg,
[dir="rtl"] .product__actions-item--compare svg {
  margin-left: 8px;
}

.product__actions-item--wishlist:focus,
.product__actions-item--compare:focus {
  outline: none;
}

.product__actions-item--wishlist:hover,
.product__actions-item--compare:hover {
  background: #f5f5f5;
  fill: #bfbfbf;
}

.product__actions-item--wishlist:active,
.product__actions-item--compare:active {
  background: #f0f0f0;
  fill: #b3b3b3;
}

.product__actions-divider {
  width: 100%;
}

.product__tags-and-share-links {
  border-top: 1px solid #ebebeb;
  padding: 24px 28px;
}

.product__tags + .product__share-links {
  margin-top: 18px;
}

.product--layout--sidebar {
  --product-gutter: 30px;
  --product-gallery-image-max-width: 400px;
}

.product--layout--sidebar .product__body {
  display: grid;
  grid-template-columns: calc(100% - 370px) 370px;
  grid-template-rows: auto auto 1fr;
}

.product--layout--sidebar .product__card--one {
  grid-column: 1;
  grid-row: 1 / 3;
}

.product--layout--sidebar .product__header {
  grid-column: 1;
  grid-row: 1;
}

.product--layout--sidebar .product__gallery {
  grid-column: 1;
  grid-row: 2;
}

.product--layout--sidebar .product__tabs {
  grid-column: 1;
  grid-row: 3;
}

.product--layout--sidebar .product__info {
  grid-column: 2;
  grid-row: 1 / 4;
}

.product--layout--sidebar .product__card {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.product--layout--sidebar .product__card--two {
  display: none;
}

.product--layout--sidebar .product__gallery {
  padding: 0 40px 40px;
}

.product--layout--sidebar .product__header {
  padding: 36px 40px 16px;
}

[dir="ltr"] .product--layout--sidebar .product__info {
  margin-left: var(--product-gutter);
}

[dir="rtl"] .product--layout--sidebar .product__info {
  margin-right: var(--product-gutter);
}

.product--layout--sidebar .product__info-card {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.product--layout--sidebar .product__shop-features,
.product--layout--sidebar .product__tabs {
  margin-top: var(--product-gutter);
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  [dir="ltr"] .product--layout--sidebar .product__title {
    padding-right: 80px;
  }
  [dir="rtl"] .product--layout--sidebar .product__title {
    padding-left: 80px;
  }
  .product--layout--sidebar .product__actions-item--wishlist,
  .product--layout--sidebar .product__actions-item--compare {
    position: absolute;
    top: 19px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    padding: 0;
    margin: 0;
  }
  [dir="ltr"] .product--layout--sidebar .product__actions-item--wishlist,
  [dir="ltr"] .product--layout--sidebar .product__actions-item--compare {
    right: 16px;
  }
  [dir="rtl"] .product--layout--sidebar .product__actions-item--wishlist,
  [dir="rtl"] .product--layout--sidebar .product__actions-item--compare {
    left: 16px;
  }
  .product--layout--sidebar .product__actions-item--wishlist span,
  .product--layout--sidebar .product__actions-item--compare span {
    display: none;
  }
  .product--layout--sidebar .product__actions-item--wishlist svg,
  .product--layout--sidebar .product__actions-item--compare svg {
    top: 0;
    display: block;
    margin: 0;
  }
  [dir="ltr"] .product--layout--sidebar .product__actions-item--compare {
    right: 52px;
  }
  [dir="rtl"] .product--layout--sidebar .product__actions-item--compare {
    left: 52px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  [dir="ltr"] .product--layout--sidebar .product__info-body,
  [dir="ltr"] .product--layout--sidebar .product__form,
  [dir="ltr"] .product--layout--sidebar .product__actions,
  [dir="ltr"] .product--layout--sidebar .product__tags-and-share-links {
    padding-left: 20px;
    padding-right: 20px;
  }
  [dir="rtl"] .product--layout--sidebar .product__info-body,
  [dir="rtl"] .product--layout--sidebar .product__form,
  [dir="rtl"] .product--layout--sidebar .product__actions,
  [dir="rtl"] .product--layout--sidebar .product__tags-and-share-links {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
  .product--layout--sidebar .product__meta table,
  .product--layout--sidebar .product__meta th,
  .product--layout--sidebar .product__meta td {
    display: block;
  }
  .product--layout--sidebar .product__meta tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .product--layout--sidebar .product__meta tr,
  .product--layout--sidebar .product__meta th {
    width: calc(50% - 10px);
  }
  .product--layout--sidebar .product__meta tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [dir="ltr"] .product--layout--sidebar .product__meta tr:nth-child(2n) {
    margin-left: 20px;
  }
  [dir="rtl"] .product--layout--sidebar .product__meta tr:nth-child(2n) {
    margin-right: 20px;
  }
}

@media (max-width: 1199.98px) {
  .product--layout--sidebar .product__info-card {
    padding-top: 24px;
    padding-bottom: 28px;
  }
  [dir="ltr"] .product--layout--sidebar .product__info-card {
    padding-left: 24px;
    padding-right: 24px;
  }
  [dir="rtl"] .product--layout--sidebar .product__info-card {
    padding-right: 24px;
    padding-left: 24px;
  }
  .product--layout--sidebar .product__info-body {
    padding-top: 0;
    padding-bottom: 16px;
  }
  [dir="ltr"] .product--layout--sidebar .product__info-body {
    padding-left: 0;
    padding-right: 0;
  }
  [dir="rtl"] .product--layout--sidebar .product__info-body {
    padding-right: 0;
    padding-left: 0;
  }
  .product--layout--sidebar .product__prices-stock {
    padding-top: 0;
    padding-bottom: 10px;
  }
  [dir="ltr"] .product--layout--sidebar .product__prices-stock {
    padding-left: 0;
    padding-right: 0;
  }
  [dir="rtl"] .product--layout--sidebar .product__prices-stock {
    padding-right: 0;
    padding-left: 0;
  }
  .product--layout--sidebar .product__price {
    font-size: 26px;
  }
  .product--layout--sidebar .product__price--old {
    font-size: 16px;
  }
  .product--layout--sidebar .product__meta {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
    margin: 8px 0;
  }
  .product--layout--sidebar .product__meta th,
  .product--layout--sidebar .product__meta td {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .product--layout--sidebar .product__meta tr + tr > * {
    border: none;
  }
  .product--layout--sidebar .product__form {
    background: transparent;
    padding: 0;
    border: none;
    margin-bottom: 16px;
  }
  .product--layout--sidebar .product__actions {
    padding: 0;
  }
  .product--layout--sidebar .product__tags-and-share-links {
    border: none;
    padding: 20px 0 0;
  }
}

@media (max-width: 767.98px) {
  .product--layout--sidebar .product__actions {
    margin-bottom: -6px;
  }
  .product--layout--sidebar .product__actions-divider {
    height: 10px;
  }
  .product--layout--sidebar .product__actions-item--wishlist,
  .product--layout--sidebar .product__actions-item--compare {
    width: auto;
    margin-top: 2px;
    margin-bottom: -2px;
  }
}

@media (max-width: 575.98px) {
  .product--layout--sidebar .product__subtitle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .product--layout--sidebar .product__fit {
    margin-bottom: 11px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  [dir="ltr"] .product--layout--sidebar .product__fit {
    margin-left: -4px;
  }
  [dir="rtl"] .product--layout--sidebar .product__fit {
    margin-right: -4px;
  }
}

@media (max-width: 1399.98px) {
  .product--layout--sidebar {
    --product-gutter: 20px;
    --product-gallery-image-max-width: 360px;
  }
  .product--layout--sidebar .product__body {
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    grid-template-columns: calc(100% - 332px) 332px;
  }
  .product--layout--sidebar .product__info {
    grid-column: 2;
    grid-row: 1 / 3;
  }
  .product--layout--sidebar .product__gallery {
    padding-top: 0;
    padding-bottom: 28px;
  }
  [dir="ltr"] .product--layout--sidebar .product__gallery {
    padding-left: 28px;
    padding-right: 28px;
  }
  [dir="rtl"] .product--layout--sidebar .product__gallery {
    padding-right: 28px;
    padding-left: 28px;
  }
  .product--layout--sidebar .product__header {
    padding-top: 24px;
    padding-bottom: 16px;
  }
  [dir="ltr"] .product--layout--sidebar .product__header {
    padding-left: 28px;
    padding-right: 28px;
  }
  [dir="rtl"] .product--layout--sidebar .product__header {
    padding-right: 28px;
    padding-left: 28px;
  }
  .product--layout--sidebar .product__shop-features {
    display: none;
  }
  .product--layout--sidebar .product__tabs {
    grid-column: 1 / 3;
  }
}

@media (max-width: 1199.98px) {
  .product--layout--sidebar {
    --product-gutter: 16px;
  }
  .product--layout--sidebar .product__body {
    grid-template-columns: 100%;
  }
  .product--layout--sidebar .product__info {
    grid-column: 1;
    grid-row: 3;
  }
  .product--layout--sidebar .product__tabs {
    grid-column: 1;
    grid-row: 4;
  }
  .product--layout--sidebar .product__card--one {
    display: none;
  }
  .product--layout--sidebar .product__header {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    padding-bottom: 24px;
  }
  .product--layout--sidebar .product__gallery {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    width: 100%;
    margin-top: var(--product-gutter);
    padding-top: 24px;
    padding-bottom: 28px;
  }
  [dir="ltr"] .product--layout--sidebar .product__gallery {
    padding-left: 24px;
    padding-right: 24px;
  }
  [dir="rtl"] .product--layout--sidebar .product__gallery {
    padding-right: 24px;
    padding-left: 24px;
  }
  .product--layout--sidebar .product__info {
    margin-top: var(--product-gutter);
  }
  [dir="ltr"] .product--layout--sidebar .product__info {
    margin-left: 0;
  }
  [dir="rtl"] .product--layout--sidebar .product__info {
    margin-right: 0;
  }
  .product--layout--sidebar .product__info-card {
    position: static;
  }
  .product--layout--sidebar .product__actions-item--addtocart .btn {
    width: auto;
  }
}

@media (max-width: 767.98px) {
  .product--layout--sidebar .product__header {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    padding-top: 24px;
    padding-bottom: 22px;
  }
  [dir="ltr"] .product--layout--sidebar .product__header {
    padding-left: 24px;
    padding-right: 24px;
  }
  [dir="rtl"] .product--layout--sidebar .product__header {
    padding-right: 24px;
    padding-left: 24px;
  }
  .product--layout--sidebar .product__title {
    font-size: 22px;
    line-height: 28px;
  }
}

.product--layout--full {
  --product-gutter: 30px;
}

.product--layout--full .product__body {
  display: grid;
  grid-template-columns: auto 1fr 370px;
  grid-template-rows: -webkit-max-content auto auto 1fr;
  grid-template-rows: max-content auto auto 1fr;
}

.product--layout--full .product__card--one {
  grid-column: 1 / 3;
  grid-row: 1 / 4;
}

.product--layout--full .product__gallery {
  grid-column: 1;
  grid-row: 1 / 4;
}

.product--layout--full .product__header {
  grid-column: 2;
  grid-row: 1;
}

.product--layout--full .product__main {
  grid-column: 2;
  grid-row: 2;
}

.product--layout--full .product__info {
  grid-column: 3;
  grid-row: 1 / 5;
}

.product--layout--full .product__tabs {
  grid-column: 1 / 3;
  grid-row: 4;
}

.product--layout--full .product__card {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.product--layout--full .product__card--two {
  display: none;
}

.product--layout--full .product__gallery {
  padding-top: 36px;
  padding-bottom: 48px;
  width: 440px;
}

[dir="ltr"] .product--layout--full .product__gallery {
  padding-left: 40px;
  padding-right: 0;
}

[dir="rtl"] .product--layout--full .product__gallery {
  padding-right: 40px;
  padding-left: 0;
}

.product--layout--full .product__header {
  padding-top: 36px;
  padding-bottom: 16px;
}

[dir="ltr"] .product--layout--full .product__header {
  padding-left: 36px;
  padding-right: 40px;
}

[dir="rtl"] .product--layout--full .product__header {
  padding-right: 36px;
  padding-left: 40px;
}

.product--layout--full .product__main {
  padding-top: 0;
  padding-bottom: 48px;
}

[dir="ltr"] .product--layout--full .product__main {
  padding-left: 36px;
  padding-right: 40px;
}

[dir="rtl"] .product--layout--full .product__main {
  padding-right: 36px;
  padding-left: 40px;
}

[dir="ltr"] .product--layout--full .product__info {
  margin-left: var(--product-gutter);
}

[dir="rtl"] .product--layout--full .product__info {
  margin-right: var(--product-gutter);
}

.product--layout--full .product__shop-features,
.product--layout--full .product__tabs {
  margin-top: var(--product-gutter);
}

.product--layout--full .product__subtitle {
  padding-top: 8px;
}

.product--layout--full .product__gallery-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product--layout--full .product__excerpt {
  font-size: 15px;
}

.product--layout--full .product__features {
  margin: 20px 0 0;
  font-size: 14px;
  border-radius: 3px;
}

.product--layout--full .product__features ul {
  list-style: none;
  padding: 0;
  color: #6c757d;
  margin: -6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product--layout--full .product__features li {
  padding-top: 3px;
  padding-bottom: 2px;
  position: relative;
  margin: 0 6px;
  width: calc(100% / 1 - 12px);
}

[dir="ltr"] .product--layout--full .product__features li {
  padding-left: 11px;
  padding-right: 0;
}

[dir="rtl"] .product--layout--full .product__features li {
  padding-right: 11px;
  padding-left: 0;
}

.product--layout--full .product__features li:before {
  position: absolute;
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 1.5px;
  background: currentColor;
  top: 12px;
  opacity: 0.85;
}

[dir="ltr"] .product--layout--full .product__features li:before {
  left: 0;
}

[dir="rtl"] .product--layout--full .product__features li:before {
  right: 0;
}

.product--layout--full .product__features-title {
  font-weight: 500;
  padding-bottom: 12px;
}

.product--layout--full .product__features-link {
  margin: 20px -2px 0;
  padding: 20px 2px 0;
  font-size: 14px;
  border-top: 1px solid #ebebeb;
}

.product--layout--full .product__features-link a:hover {
  text-decoration: underline;
}

@media (min-width: 1200px) {
  .product--layout--full .product__subtitle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .product--layout--full .product__fit {
    margin-bottom: 11px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  [dir="ltr"] .product--layout--full .product__fit {
    margin-left: -4px;
  }
  [dir="rtl"] .product--layout--full .product__fit {
    margin-right: -4px;
  }
}

@media (min-width: 768px) {
  .product--layout--full .product__info-card {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .product--layout--full .product__gallery {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  }
  [dir="ltr"] .product--layout--full .product__actions-item--addtocart .btn {
    padding-left: 16px;
    padding-right: 16px;
  }
  [dir="rtl"] .product--layout--full .product__actions-item--addtocart .btn {
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media (max-width: 575.98px) {
  .product--layout--full .product__subtitle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .product--layout--full .product__fit {
    margin-bottom: 11px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  [dir="ltr"] .product--layout--full .product__fit {
    margin-left: -4px;
  }
  [dir="rtl"] .product--layout--full .product__fit {
    margin-right: -4px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  [dir="ltr"] .product--layout--full .product__title {
    padding-right: 80px;
  }
  [dir="rtl"] .product--layout--full .product__title {
    padding-left: 80px;
  }
  .product--layout--full .product__actions-item--wishlist,
  .product--layout--full .product__actions-item--compare {
    position: absolute;
    top: 19px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    padding: 0;
    margin: 0;
  }
  [dir="ltr"] .product--layout--full .product__actions-item--wishlist,
  [dir="ltr"] .product--layout--full .product__actions-item--compare {
    right: 16px;
  }
  [dir="rtl"] .product--layout--full .product__actions-item--wishlist,
  [dir="rtl"] .product--layout--full .product__actions-item--compare {
    left: 16px;
  }
  .product--layout--full .product__actions-item--wishlist span,
  .product--layout--full .product__actions-item--compare span {
    display: none;
  }
  .product--layout--full .product__actions-item--wishlist svg,
  .product--layout--full .product__actions-item--compare svg {
    top: 0;
    display: block;
    margin: 0;
  }
  [dir="ltr"] .product--layout--full .product__actions-item--compare {
    right: 52px;
  }
  [dir="rtl"] .product--layout--full .product__actions-item--compare {
    left: 52px;
  }
}

@media (max-width: 1399.98px) {
  .product--layout--full {
    --product-gutter: 24px;
  }
  .product--layout--full .product__body {
    grid-template-columns: auto 1fr 336px;
  }
  .product--layout--full .product__gallery {
    padding-top: 24px;
    padding-bottom: 36px;
    width: 348px;
  }
  [dir="ltr"] .product--layout--full .product__gallery {
    padding-left: 28px;
    padding-right: 0;
  }
  [dir="rtl"] .product--layout--full .product__gallery {
    padding-right: 28px;
    padding-left: 0;
  }
  .product--layout--full .product__header {
    padding-top: 24px;
    padding-bottom: 16px;
  }
  [dir="ltr"] .product--layout--full .product__header {
    padding-left: 28px;
    padding-right: 28px;
  }
  [dir="rtl"] .product--layout--full .product__header {
    padding-right: 28px;
    padding-left: 28px;
  }
  .product--layout--full .product__main {
    padding-top: 0;
    padding-bottom: 36px;
  }
  [dir="ltr"] .product--layout--full .product__main {
    padding-left: 28px;
    padding-right: 28px;
  }
  [dir="rtl"] .product--layout--full .product__main {
    padding-right: 28px;
    padding-left: 28px;
  }
  [dir="ltr"] .product--layout--full .product__info-body,
  [dir="ltr"] .product--layout--full .product__form,
  [dir="ltr"] .product--layout--full .product__actions,
  [dir="ltr"] .product--layout--full .product__tags-and-share-links {
    padding-left: 20px;
    padding-right: 20px;
  }
  [dir="rtl"] .product--layout--full .product__info-body,
  [dir="rtl"] .product--layout--full .product__form,
  [dir="rtl"] .product--layout--full .product__actions,
  [dir="rtl"] .product--layout--full .product__tags-and-share-links {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (max-width: 1199.98px) {
  .product--layout--full .product__body {
    grid-template-columns: auto 1fr 336px;
    grid-template-rows: -webkit-max-content auto auto 1fr;
    grid-template-rows: max-content auto auto 1fr;
  }
  .product--layout--full .product__card {
    grid-column: 1 / 3;
    grid-row: 1 / 4;
  }
  .product--layout--full .product__gallery {
    grid-column: 1 / 3;
    grid-row: 3;
  }
  .product--layout--full .product__header {
    grid-column: 1 / 3;
    grid-row: 1;
  }
  .product--layout--full .product__main {
    grid-column: 1 / 3;
    grid-row: 2;
  }
  .product--layout--full .product__info {
    grid-column: 3;
    grid-row: 1 / 4;
  }
  .product--layout--full .product__tabs {
    grid-column: 1 / 4;
    grid-row: 4;
  }
  .product--layout--full .product__features {
    display: none;
  }
  .product--layout--full .product__main {
    padding-bottom: 16px;
  }
  .product--layout--full .product__excerpt {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 14px;
  }
  .product--layout--full .product__gallery {
    --product-gallery-image-max-width: 380px;
    padding-top: 0;
    width: 100%;
  }
  [dir="ltr"] .product--layout--full .product__gallery {
    padding-right: 28px;
  }
  [dir="rtl"] .product--layout--full .product__gallery {
    padding-left: 28px;
  }
  .product--layout--full .product__header {
    padding-bottom: 10px;
  }
  .product--layout--full .product__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .product--layout--full .product__shop-features {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .product--layout--full {
    --product-gutter: 16px;
  }
  .product--layout--full .product__body {
    grid-template-columns: auto 1fr;
    grid-template-rows: -webkit-max-content auto auto 1fr;
    grid-template-rows: max-content auto auto 1fr;
  }
  .product--layout--full .product__card {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }
  .product--layout--full .product__header {
    grid-column: 1 / 3;
    grid-row: 1;
  }
  .product--layout--full .product__main {
    grid-column: 1 / 3;
    grid-row: 2;
  }
  .product--layout--full .product__gallery {
    grid-column: 1;
    grid-row: 3;
  }
  .product--layout--full .product__info {
    grid-column: 2;
    grid-row: 3;
  }
  .product--layout--full .product__gallery {
    margin-top: var(--product-gutter);
    width: 385px;
    padding-top: 24px;
    padding-bottom: 28px;
  }
  [dir="ltr"] .product--layout--full .product__gallery {
    padding-left: 24px;
    padding-right: 24px;
  }
  [dir="rtl"] .product--layout--full .product__gallery {
    padding-right: 24px;
    padding-left: 24px;
  }
  [dir="ltr"] .product--layout--full .product__info {
    margin-left: var(--product-gutter);
  }
  [dir="rtl"] .product--layout--full .product__info {
    margin-right: var(--product-gutter);
  }
  .product--layout--full .product__excerpt {
    border: none;
    padding-bottom: 8px;
  }
  .product--layout--full .product__info-card {
    position: static;
    margin-top: var(--product-gutter);
    padding-top: 24px;
    padding-bottom: 28px;
  }
  [dir="ltr"] .product--layout--full .product__info-card {
    padding-left: 24px;
    padding-right: 24px;
  }
  [dir="rtl"] .product--layout--full .product__info-card {
    padding-right: 24px;
    padding-left: 24px;
  }
  .product--layout--full .product__info-body {
    padding-top: 0;
    padding-bottom: 16px;
  }
  [dir="ltr"] .product--layout--full .product__info-body {
    padding-left: 0px;
    padding-right: 0px;
  }
  [dir="rtl"] .product--layout--full .product__info-body {
    padding-right: 0px;
    padding-left: 0px;
  }
  .product--layout--full .product__prices-stock {
    padding-top: 0;
    padding-bottom: 10px;
  }
  [dir="ltr"] .product--layout--full .product__prices-stock {
    padding-left: 0px;
    padding-right: 0px;
  }
  [dir="rtl"] .product--layout--full .product__prices-stock {
    padding-right: 0px;
    padding-left: 0px;
  }
  .product--layout--full .product__price {
    font-size: 26px;
  }
  .product--layout--full .product__price--old {
    font-size: 16px;
  }
  .product--layout--full .product__meta {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
    margin: 8px 0;
  }
  .product--layout--full .product__meta th,
  .product--layout--full .product__meta td {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .product--layout--full .product__meta tr + tr > * {
    border: none;
  }
  .product--layout--full .product__form {
    background: transparent;
    border: none;
    margin-bottom: 16px;
    padding-top: 0;
    padding-bottom: 0;
  }
  [dir="ltr"] .product--layout--full .product__form {
    padding-left: 0;
    padding-right: 0;
  }
  [dir="rtl"] .product--layout--full .product__form {
    padding-right: 0;
    padding-left: 0;
  }
  .product--layout--full .product__actions {
    padding-top: 0;
    padding-bottom: 0;
  }
  [dir="ltr"] .product--layout--full .product__actions {
    padding-left: 0;
    padding-right: 0;
  }
  [dir="rtl"] .product--layout--full .product__actions {
    padding-right: 0;
    padding-left: 0;
  }
  .product--layout--full .product__tags-and-share-links {
    border: none;
    padding-top: 20px;
    padding-bottom: 0;
  }
  [dir="ltr"] .product--layout--full .product__tags-and-share-links {
    padding-left: 0;
    padding-right: 0;
  }
  [dir="rtl"] .product--layout--full .product__tags-and-share-links {
    padding-right: 0;
    padding-left: 0;
  }
  .product--layout--full
    .product-gallery[data-layout="product-full"]
    .product-gallery__zoom {
    top: -15px;
  }
  [dir="ltr"]
    .product--layout--full
    .product-gallery[data-layout="product-full"]
    .product-gallery__zoom {
    right: -15px;
  }
  [dir="rtl"]
    .product--layout--full
    .product-gallery[data-layout="product-full"]
    .product-gallery__zoom {
    left: -15px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .product--layout--full .product__meta table,
  .product--layout--full .product__meta th,
  .product--layout--full .product__meta td {
    display: block;
  }
  .product--layout--full .product__meta tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .product--layout--full .product__meta tr,
  .product--layout--full .product__meta th {
    width: calc(50% - 10px);
  }
  .product--layout--full .product__meta tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [dir="ltr"] .product--layout--full .product__meta tr:nth-child(2n) {
    margin-left: 20px;
  }
  [dir="rtl"] .product--layout--full .product__meta tr:nth-child(2n) {
    margin-right: 20px;
  }
}

@media (max-width: 767.98px) {
  .product--layout--full .product__body {
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }
  .product--layout--full .product__header {
    grid-column: 1;
    grid-row: 1;
  }
  .product--layout--full .product__gallery {
    grid-column: 1;
    grid-row: 2;
  }
  .product--layout--full .product__card--two {
    grid-column: 1;
    grid-row: 3 / 5;
  }
  .product--layout--full .product__main {
    grid-column: 1;
    grid-row: 3;
  }
  .product--layout--full .product__info {
    grid-column: 1;
    grid-row: 4;
  }
  .product--layout--full .product__tabs {
    grid-column: 1;
    grid-row: 5;
  }
  .product--layout--full .product__card--one {
    display: none;
  }
  .product--layout--full .product__card--two {
    display: block;
  }
  .product--layout--full .product__header {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    padding-top: 24px;
    padding-bottom: 22px;
  }
  [dir="ltr"] .product--layout--full .product__header {
    padding-left: 24px;
    padding-right: 24px;
  }
  [dir="rtl"] .product--layout--full .product__header {
    padding-right: 24px;
    padding-left: 24px;
  }
  .product--layout--full .product__title {
    font-size: 22px;
    line-height: 28px;
  }
  .product--layout--full .product__subtitle {
    padding-top: 8px;
  }
  .product--layout--full .product__body {
    width: 100%;
  }
  .product--layout--full .product__gallery {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    --product-gallery-image-max-width: 360px;
    width: 100%;
  }
  .product--layout--full .product__main,
  .product--layout--full .product__card--two {
    margin-top: var(--product-gutter);
  }
  .product--layout--full .product__main {
    padding-top: 24px;
    padding-bottom: 18px;
  }
  [dir="ltr"] .product--layout--full .product__main {
    padding-left: 24px;
    padding-right: 24px;
  }
  [dir="rtl"] .product--layout--full .product__main {
    padding-right: 24px;
    padding-left: 24px;
  }
  .product--layout--full .product__excerpt {
    padding-bottom: 0;
  }
  .product--layout--full .product__info {
    width: 100%;
  }
  [dir="ltr"] .product--layout--full .product__info {
    margin-left: 0;
  }
  [dir="rtl"] .product--layout--full .product__info {
    margin-right: 0;
  }
  .product--layout--full .product__info-card {
    margin-top: 0;
    padding-top: 0;
  }
  .product--layout--full .product__actions {
    margin-bottom: -6px;
  }
  .product--layout--full .product__actions-item--addtocart {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
  .product--layout--full .product__actions-divider {
    height: 10px;
  }
  .product--layout--full .product__actions-item--wishlist,
  .product--layout--full .product__actions-item--compare {
    width: auto;
    margin-top: 2px;
    margin-bottom: -2px;
  }
}

/*
// .product-card
*/
.product-card {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.product-card .product-card__action {
  position: relative;
  display: block;
  padding: 8px;
  margin: 0;
  border: none;
  -webkit-transition:
    color 0.08s,
    background 0.08s;
  transition:
    color 0.08s,
    background 0.08s;
  background-color: #fff;
  color: #ccc;
}

.product-card .product-card__action:hover {
  background-color: #f2f2f2;
  color: #4d4d4d;
}

.product-card .product-card__action:active {
  background-color: #ebebeb;
  color: #4d4d4d;
}

.product-card .product-card__action svg {
  fill: currentColor;
  display: block;
}

.product-card .product-card__action:focus {
  outline: none;
}

.product-card .product-card__action:active {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

[dir="ltr"] .product-card .product-card__action:last-child {
  border-bottom-left-radius: 2px;
}

[dir="rtl"] .product-card .product-card__action:last-child {
  border-bottom-right-radius: 2px;
}

.product-card .product-card__action--loading,
.product-card .product-card__action--loading:hover {
  cursor: default;
  background: transparent;
  color: transparent;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.product-card .product-card__action--loading:before {
  left: calc(50% - 8px);
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  border-radius: 8px;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.5);
  border-style: solid;
  -webkit-animation-name: loader-animation;
  animation-name: loader-animation;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  display: block;
  content: "";
}

.product-card .product-card__image {
  display: block;
}

.product-card .product-card__rating {
  color: var(--light-100);
  font-size: 0.8125rem;
}

.product-card .product-card__features {
  color: #6c757d;
  font-size: 13px;
  line-height: 21px;
}

.product-card .product-card__features ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-card .product-card__features li {
  position: relative;
}

[dir="ltr"] .product-card .product-card__features li {
  padding-left: 12px;
}

[dir="rtl"] .product-card .product-card__features li {
  padding-right: 12px;
}

.product-card .product-card__features li:before {
  display: block;
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 1.5px;
  background: currentColor;
  top: 9px;
  opacity: 0.7;
}

[dir="ltr"] .product-card .product-card__features li:before {
  left: 3px;
}

[dir="rtl"] .product-card .product-card__features li:before {
  right: 3px;
}

.product-card .product-card__name a {
  display: block;
  color: var(--light-100);
  text-decoration: none;
  transition: color 0.2s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  margin-top: 5px;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.01em;
}

.product-card .product-card__name a:hover {
  text-decoration: none;
}

.product-card .product-card__meta {
  font-size: 12px;
  line-height: 1;
  color: var(--light-100);
}

.active-filter-clear{
  background-color: var(--dark-900);
  color: var(--light-100);
  padding: 0 6px;
  border: none;
  border-radius: 6px;  

}

.product-card .product-card__prices {
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1;
    color: var(--gold-500);
    font-size: 15px;
    font-weight: 600;
    color: var(--gold-400);

}

.product-card .product-card__price--new {
  font-size: 15px;
  font-weight: 600;
  color: var(--gold-400);
}

.product-card .product-card__price--old {
  font-weight: 400;
  text-decoration: line-through;
  color: #999;
  
}

.product-card .product-card__addtocart-full {
  background: var(--gold-500);
  color: #fff;
  border: none;
  border-radius: 2px;
  font-weight: 500;
  -webkit-transition:
    background-color 0.15s,
    color 0.15s;
  transition:
    background-color 0.15s,
    color 0.15s;
}

.product-card .product-card__addtocart-full:focus {
  outline: none;
}

.product-card .product-card__addtocart-full:hover {
  background: #333;
  color: #fff;
}

.product-card .product-card__addtocart-full:active {
  background: #4d4d4d;
  color: #fff;
}

.product-card .product-card__wishlist,
.product-card .product-card__compare {
  border: none;
  background: transparent;
  color: #262626;
  fill: #d9d9d9;
  border-radius: 2px;
  -webkit-transition:
    background 0.15s,
    fill 0.15s;
  transition:
    background 0.15s,
    fill 0.15s;
}

.product-card .product-card__wishlist:focus,
.product-card .product-card__compare:focus {
  outline: none;
}

.product-card .product-card__wishlist:hover,
.product-card .product-card__compare:hover {
  background: #f5f5f5;
  fill: #bfbfbf;
}

.product-card .product-card__wishlist:active,
.product-card .product-card__compare:active {
  background: #f0f0f0;
  fill: #b3b3b3;
}

.product-card .product-card__addtocart-icon {
  position: relative;
  border: none;
  padding: 8px;
  border-radius: 2px;
  background: transparent;
  color: #ccc;
  z-index: 0;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: var(--border-gold-thin);
  color: var(--gold-500);
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.product-card .product-card__addtocart-icon svg {
  display: block;
  fill: currentColor;
}

.product-card .product-card__addtocart-icon:before {
  top: -2px;
  left: -2px;
  display: block;
  content: "";
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: transparent;
  z-index: -1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition:
    background 0.2s,
    -webkit-transform 0.2s;
  transition:
    background 0.2s,
    -webkit-transform 0.2s;
  transition:
    transform 0.2s,
    background 0.2s;
  transition:
    transform 0.2s,
    background 0.2s,
    -webkit-transform 0.2s;
}

.product-card .product-card__addtocart-icon:focus {
  outline: none;
}

.product-card:hover .product-card__addtocart-icon,
.product-card:active .product-card__addtocart-icon {
  color: var(--light-100);
}

.product-card:hover .product-card__addtocart-icon:before,
.product-card:active .product-card__addtocart-icon:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  background: var(--gold-500);
}

.product-card:hover .product-card__addtocart-icon:hover,
.product-card:active .product-card__addtocart-icon:hover {
  color: #fff;
}

.product-card:hover .product-card__addtocart-icon:hover:before,
.product-card:active .product-card__addtocart-icon:hover:before {
  background: #333;
}

.product-card:hover .product-card__addtocart-icon:active,
.product-card:active .product-card__addtocart-icon:active {
  color: #fff;
}

.product-card:hover .product-card__addtocart-icon:active:before,
.product-card:active .product-card__addtocart-icon:active:before {
  -webkit-transition-duration: 0.05s;
  transition-duration: 0.05s;
  background: #4d4d4d;
}

.product-card--layout--grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.product-card--layout--grid .product-card__addtocart-full,
.product-card--layout--grid .product-card__wishlist,
.product-card--layout--grid .product-card__compare {
  display: none;
}

.product-card--layout--grid:after {
  display: block;
  position: static;
  content: "";
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.product-card--layout--grid .product-card__badges {
  position: absolute;
  top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

[dir="ltr"] .product-card--layout--grid .product-card__badges {
  left: 16px;
}

[dir="rtl"] .product-card--layout--grid .product-card__badges {
  right: 16px;
}

.product-card--layout--grid .product-card__badges > * + * {
  margin-top: 3px;
}

.product-card--layout--grid .product-card__actions-list {
  position: absolute;
  overflow: hidden;
  z-index: 1;
}

[dir="ltr"] .product-card--layout--grid .product-card__actions-list {
  right: 0;
}

[dir="rtl"] .product-card--layout--grid .product-card__actions-list {
  left: 0;
}

.product-card--layout--grid .product-card__image {
  display: block;
  position: relative;
}

.product-card--layout--grid .product-card__fit {
  position: absolute;
  bottom: 8px;
}

.product-card--layout--grid .product-card__fit .status-badge__text {
  display: none;
}

.product-card--layout--grid .product-card__fit .status-badge__tooltip {
  display: block;
}

[dir="ltr"] .product-card--layout--grid .product-card__fit {
  left: calc(16px - 3px);
}

[dir="rtl"] .product-card--layout--grid .product-card__fit {
  right: calc(16px - 3px);
}

.product-card--layout--grid .product-card__meta {
  padding: 6px 16px;
}

.product-card--layout--grid .product-card__name {
  padding: 0 16px;
  line-height: 1.1875;
}

.product-card--layout--grid .product-card__rating {
  margin: -3px 0 -2px 0;
  padding: 8px 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-card--layout--grid .product-card__rating-stars,
.product-card--layout--grid .product-card__rating-label {
  margin: 3px 0 2px 0;
}

[dir="ltr"] .product-card--layout--grid .product-card__rating-stars {
  margin-right: 7px;
}

[dir="rtl"] .product-card--layout--grid .product-card__rating-stars {
  margin-left: 7px;
}

.product-card--layout--grid .product-card__rating-label {
  line-height: 1;
}

.product-card--layout--grid .product-card__features {
  padding: 10px 16px 0;
  margin-bottom: -2px;
  display: none;
}

.product-card--layout--grid .product-card__footer {
  padding: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.product-card--layout--grid .product-card__prices {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-card--layout--grid .product-card__price--old {
  font-size: 14px;
}

[dir="ltr"] .product-card--layout--grid .product-card__price--old {
  margin-left: 6px;
}

[dir="rtl"] .product-card--layout--grid .product-card__price--old {
  margin-right: 6px;
}

.product-card--layout--grid .product-card__addtocart-icon {
  margin: -3px;
}

@media (hover: hover) {
  .product-card--layout--grid .product-card__action--wishlist,
  .product-card--layout--grid .product-card__action--compare {
    -webkit-transition:
      opacity 0.2s,
      color 0.12s,
      background 0.12s,
      -webkit-transform 0.2s;
    transition:
      opacity 0.2s,
      color 0.12s,
      background 0.12s,
      -webkit-transform 0.2s;
    transition:
      transform 0.2s,
      opacity 0.2s,
      color 0.12s,
      background 0.12s;
    transition:
      transform 0.2s,
      opacity 0.2s,
      color 0.12s,
      background 0.12s,
      -webkit-transform 0.2s;
    opacity: 0;
    will-change: transform;
  }
  [dir="ltr"] .product-card--layout--grid .product-card__action--wishlist,
  [dir="ltr"] .product-card--layout--grid .product-card__action--compare {
    -webkit-transform: translateX(100%) translateX(6px);
    transform: translateX(100%) translateX(6px);
  }
  [dir="rtl"] .product-card--layout--grid .product-card__action--wishlist,
  [dir="rtl"] .product-card--layout--grid .product-card__action--compare {
    -webkit-transform: translateX(-100%) translateX(6px);
    transform: translateX(-100%) translateX(6px);
  }
  .product-card--layout--grid:hover .product-card__action--wishlist,
  .product-card--layout--grid:hover .product-card__action--compare,
  .product-card--layout--grid:active .product-card__action--wishlist,
  .product-card--layout--grid:active .product-card__action--compare {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.product-card--layout--horizontal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-card--layout--horizontal .product-card__action--wishlist,
.product-card--layout--horizontal .product-card__action--compare,
.product-card--layout--horizontal .product-card__features,
.product-card--layout--horizontal .product-card__addtocart-icon,
.product-card--layout--horizontal .product-card__addtocart-full,
.product-card--layout--horizontal .product-card__wishlist,
.product-card--layout--horizontal .product-card__compare,
.product-card--layout--horizontal .product-card__meta,
.product-card--layout--horizontal .product-card__fit {
  display: none;
}

.product-card--layout--horizontal .product-card__image {
  padding: 8px 10px;
  width: 112px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.product-card--layout--horizontal .product-card__badges {
  position: absolute;
  top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

[dir="ltr"] .product-card--layout--horizontal .product-card__badges {
  left: 10px;
}

[dir="rtl"] .product-card--layout--horizontal .product-card__badges {
  right: 10px;
}

.product-card--layout--horizontal .product-card__badges > * + * {
  margin-top: 3px;
}

.product-card--layout--horizontal .tag-badge {
  height: 16px;
  padding: 3px 11px 0;
}

.product-card--layout--horizontal .tag-badge:before {
  left: 3px;
  right: 3px;
}

[dir="ltr"] .product-card--layout--horizontal .tag-badge:before {
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

[dir="rtl"] .product-card--layout--horizontal .tag-badge:before {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
}

.product-card--layout--horizontal .product-card__actions-list {
  position: absolute;
}

[dir="ltr"] .product-card--layout--horizontal .product-card__actions-list {
  right: 0;
}

[dir="rtl"] .product-card--layout--horizontal .product-card__actions-list {
  left: 0;
}

.product-card--layout--horizontal .product-card__info {
  padding-top: 12px;
  padding-bottom: 40px;
}

[dir="ltr"] .product-card--layout--horizontal .product-card__info {
  padding-right: 10px;
}

[dir="rtl"] .product-card--layout--horizontal .product-card__info {
  padding-left: 10px;
}

.product-card--layout--horizontal .product-card__name {
  font-size: 15px;
  line-height: 18px;
  max-height: 36px;
  overflow: hidden;
}

[dir="ltr"] .product-card--layout--horizontal .product-card__name {
  padding-right: 26px;
}

[dir="rtl"] .product-card--layout--horizontal .product-card__name {
  padding-left: 26px;
}

.product-card--layout--horizontal .product-card__rating {
  margin: -3px 0 -2px 0;
  padding-top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-card--layout--horizontal .product-card__rating-stars,
.product-card--layout--horizontal .product-card__rating-label {
  margin: 3px 0 2px 0;
}

[dir="ltr"] .product-card--layout--horizontal .product-card__rating-stars {
  margin-right: 7px;
}

[dir="rtl"] .product-card--layout--horizontal .product-card__rating-stars {
  margin-left: 7px;
}

.product-card--layout--horizontal .product-card__rating-label {
  line-height: 1;
}

.product-card--layout--horizontal .product-card__prices {
  position: absolute;
  bottom: 14px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

[dir="ltr"] .product-card--layout--horizontal .product-card__prices {
  left: 112px;
}

[dir="rtl"] .product-card--layout--horizontal .product-card__prices {
  right: 112px;
}

.product-card--layout--horizontal .product-card__price--old {
  font-size: 14px;
}

[dir="ltr"] .product-card--layout--horizontal .product-card__price--old {
  margin-left: 6px;
}

[dir="rtl"] .product-card--layout--horizontal .product-card__price--old {
  margin-right: 6px;
}

/*
// .product-form
*/
.product-form__row + .product-form__row {
  margin-top: 12px;
}

.product-form__title {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  color: #6c7177;
  margin-bottom: 4px;
}

/*
// .product-gallery
*/
.product-gallery__featured {
  position: relative;
}

.product-gallery__featured .owl-carousel a {
  display: block;
}

.product-gallery__featured .image {
  max-width: 420px;
  margin: 0 auto;
}

.product-gallery__zoom {
  display: var(--product-gallery-zoom-display, block);
  top: 0;
  position: absolute;
  padding: 9px;
  margin: 0;
  border: none;
  border-radius: 21px;
  fill: currentColor;
  z-index: 2;
  -webkit-transition:
    background 0.15s,
    color 0.15s;
  transition:
    background 0.15s,
    color 0.15s;
  background-color: #fff;
  color: #ccc;
}

.product-gallery__zoom:hover {
  background-color: #f2f2f2;
  color: #999;
}

.product-gallery__zoom:active {
  background-color: #ebebeb;
  color: #808080;
}

[dir="ltr"] .product-gallery__zoom {
  right: -21px;
}

[dir="rtl"] .product-gallery__zoom {
  left: -21px;
}

.product-gallery__zoom:focus {
  outline: none;
}

.product-gallery__zoom svg {
  display: block;
}

.product-gallery__thumbnails .owl-stage {
  margin: 0 auto;
}

.product-gallery__thumbnails-item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 1.5px;
  padding: 2px;
  cursor: pointer;
}

.product-gallery__thumbnails-item:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 2px #f2f2f2 inset;
  box-shadow: 0 0 0 2px #f2f2f2 inset;
  -webkit-transition: -webkit-box-shadow 0.12s;
  transition: -webkit-box-shadow 0.12s;
  transition: box-shadow 0.12s;
  transition:
    box-shadow 0.12s,
    -webkit-box-shadow 0.12s;
}

[dir="ltr"] .product-gallery__thumbnails-item:before {
  left: 0;
}

[dir="rtl"] .product-gallery__thumbnails-item:before {
  right: 0;
}

.product-gallery__thumbnails-item:hover:before {
  -webkit-box-shadow: 0 0 0 2px #e0e0e0 inset;
  box-shadow: 0 0 0 2px #e0e0e0 inset;
}

.product-gallery__thumbnails-item--active {
  cursor: default;
}

.product-gallery__thumbnails-item--active:before,
.product-gallery__thumbnails-item--active:hover:before {
  -webkit-box-shadow: 0 0 0 2px #1a79ff inset;
  box-shadow: 0 0 0 2px #1a79ff inset;
}

.product-gallery--layout--quickview .product-gallery__featured .image {
  width: 320px;
  max-width: 100%;
}

.product-gallery--layout--quickview .product-gallery__zoom {
  display: none;
}

.product-gallery--layout--product-sidebar .product-gallery__featured .image {
  max-width: var(--product-gallery-image-max-width, 100%);
}

.product-gallery--layout--product-full .product-gallery__featured .image {
  max-width: var(--product-gallery-image-max-width, 100%);
}

.product-gallery--layout--product-full .product-gallery__zoom {
  top: 0;
}

[dir="ltr"] .product-gallery--layout--product-full .product-gallery__zoom {
  right: 0;
}

[dir="rtl"] .product-gallery--layout--product-full .product-gallery__zoom {
  left: 0;
}

/*
// .product-tabs
*/
.product-tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0 0 -1px;
  list-style: none;
  overflow-x: auto;
}

.product-tabs__content {
  border-top: 1px solid #ebebeb;
}

.product-tabs__item {
  position: relative;
}

.product-tabs__item a {
  font-size: 16px;
  font-weight: 500;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 18px 13px;
  -webkit-transition:
    background 0.12s,
    -webkit-box-shadow 0.12s;
  transition:
    background 0.12s,
    -webkit-box-shadow 0.12s;
  transition:
    background 0.12s,
    box-shadow 0.12s;
  transition:
    background 0.12s,
    box-shadow 0.12s,
    -webkit-box-shadow 0.12s;
}

.product-tabs__item a:hover {
  background: #f7f7f7;
  -webkit-box-shadow: 0 -1px #e5e5e5 inset;
  box-shadow: 0 -1px #e5e5e5 inset;
}

.product-tabs__item a:active {
  background: #f2f2f2;
  -webkit-box-shadow: 0 -1px #e0e0e0 inset;
  box-shadow: 0 -1px #e0e0e0 inset;
}

[dir="ltr"] .product-tabs__item:first-child {
  margin-left: auto;
}

[dir="rtl"] .product-tabs__item:first-child {
  margin-right: auto;
}

[dir="ltr"] .product-tabs__item:last-child {
  margin-right: auto;
}

[dir="rtl"] .product-tabs__item:last-child {
  margin-left: auto;
}

.product-tabs__item-counter {
  color: #1a79ff;
  font-size: 14px;
  top: -4px;
  position: relative;
}

[dir="ltr"] .product-tabs__item-counter {
  margin-left: 3px;
  margin-right: -3px;
}

[dir="rtl"] .product-tabs__item-counter {
  margin-right: 3px;
  margin-left: -3px;
}

.product-tabs__item--active a,
.product-tabs__item--active a:hover,
.product-tabs__item--active a:active {
  background: transparent;
  -webkit-box-shadow: 0 -2px #1a79ff inset;
  box-shadow: 0 -2px #1a79ff inset;
}

.product-tabs__pane {
  display: block;
  overflow: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.product-tabs__pane--active {
  padding: 42px 48px 48px;
  overflow: visible;
  height: auto;
  opacity: 1;
  max-width: calc(100% - 0.001px);
}

.product-tabs--layout--full .product-tabs__pane--active {
  padding: 48px;
}

@media (max-width: 991.98px) {
  .product-tabs--layout--full .product-tabs__pane--active {
    padding: 40px 44px 44px;
  }
}

@media (max-width: 767.98px) {
  .product-tabs--layout--full .product-tabs__pane--active {
    padding: 24px 28px 28px;
  }
}

@media (max-width: 419px) {
  .product-tabs--layout--full .product-tabs__pane--active {
    padding: 20px 24px 24px;
  }
}

@media (min-width: 1400px) {
  .product-tabs--layout--sidebar .product-tabs__pane--active {
    padding: 36px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .product-tabs--layout--sidebar .product-tabs__pane--active {
    padding: 48px;
  }
}

@media (max-width: 1199.98px) {
  .product-tabs--layout--sidebar .product-tabs__pane--active {
    padding: 36px;
  }
}

@media (max-width: 767.98px) {
  .product-tabs--layout--sidebar .product-tabs__pane--active {
    padding: 28px;
  }
}

@media (max-width: 419px) {
  .product-tabs--layout--sidebar .product-tabs__pane--active {
    padding: 24px;
  }
}

/*
// .products-list
*/
.products-list__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.products-list__content + .products-list__content {
  margin-top: 10px;
}

.products-list__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.products-list__item .product-card {
  width: 100%;
}

.products-list[data-layout="grid"] .product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.products-list[data-layout="grid"] .product-card .product-card__addtocart-full,
.products-list[data-layout="grid"] .product-card .product-card__wishlist,
.products-list[data-layout="grid"] .product-card .product-card__compare {
  display: none;
}

.products-list[data-layout="grid"] .product-card:after {
  display: block;
  position: static;
  content: "";
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.products-list[data-layout="grid"] .product-card .product-card__badges {
  position: absolute;
  top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

[dir="ltr"]
  .products-list[data-layout="grid"]
  .product-card
  .product-card__badges {
  left: 16px;
}

[dir="rtl"]
  .products-list[data-layout="grid"]
  .product-card
  .product-card__badges {
  right: 16px;
}

.products-list[data-layout="grid"] .product-card .product-card__badges > * + * {
  margin-top: 3px;
}

.products-list[data-layout="grid"] .product-card .product-card__actions-list {
  position: absolute;
  overflow: hidden;
  z-index: 1;
}

[dir="ltr"]
  .products-list[data-layout="grid"]
  .product-card
  .product-card__actions-list {
  right: 0;
}

[dir="rtl"]
  .products-list[data-layout="grid"]
  .product-card
  .product-card__actions-list {
  left: 0;
}

.products-list[data-layout="grid"] .product-card .product-card__image {
  display: block;
  position: relative;
}

.products-list[data-layout="grid"] .product-card .product-card__fit {
  position: absolute;
  bottom: 8px;
}

.products-list[data-layout="grid"]
  .product-card
  .product-card__fit
  .status-badge__text {
  display: none;
}

.products-list[data-layout="grid"]
  .product-card
  .product-card__fit
  .status-badge__tooltip {
  display: block;
}

[dir="ltr"]
  .products-list[data-layout="grid"]
  .product-card
  .product-card__fit {
  left: calc(16px - 3px);
}

[dir="rtl"]
  .products-list[data-layout="grid"]
  .product-card
  .product-card__fit {
  right: calc(16px - 3px);
}

.products-list[data-layout="grid"] .product-card .product-card__meta {
  padding: 7px 16px;
}

.products-list[data-layout="grid"] .product-card .product-card__name {
  padding: 0 16px;
  line-height: 1.1875;
}

.products-list[data-layout="grid"] .product-card .product-card__rating {
  margin: -3px 0 -2px 0;
  padding: 8px 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.products-list[data-layout="grid"] .product-card .product-card__rating-stars,
.products-list[data-layout="grid"] .product-card .product-card__rating-label {
  margin: 3px 0 2px 0;
}

[dir="ltr"]
  .products-list[data-layout="grid"]
  .product-card
  .product-card__rating-stars {
  margin-right: 7px;
}

[dir="rtl"]
  .products-list[data-layout="grid"]
  .product-card
  .product-card__rating-stars {
  margin-left: 7px;
}

.products-list[data-layout="grid"] .product-card .product-card__rating-label {
  line-height: 1;
}

.products-list[data-layout="grid"] .product-card .product-card__features {
  padding: 10px 16px 0;
  margin-bottom: -2px;
  display: none;
}

.products-list[data-layout="grid"] .product-card .product-card__footer {
  padding:16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.products-list[data-layout="grid"] .product-card .product-card__prices {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.products-list[data-layout="grid"] .product-card .product-card__price--old {
  font-size: 14px;
}

[dir="ltr"]
  .products-list[data-layout="grid"]
  .product-card
  .product-card__price--old {
  margin-left: 6px;
}

[dir="rtl"]
  .products-list[data-layout="grid"]
  .product-card
  .product-card__price--old {
  margin-right: 6px;
}

.products-list[data-layout="grid"] .product-card .product-card__addtocart-icon {
  margin: -3px;
}

@media (hover: hover) {
  .products-list[data-layout="grid"]
    .product-card
    .product-card__action--wishlist,
  .products-list[data-layout="grid"]
    .product-card
    .product-card__action--compare {
    -webkit-transition:
      opacity 0.2s,
      color 0.12s,
      background 0.12s,
      -webkit-transform 0.2s;
    transition:
      opacity 0.2s,
      color 0.12s,
      background 0.12s,
      -webkit-transform 0.2s;
    transition:
      transform 0.2s,
      opacity 0.2s,
      color 0.12s,
      background 0.12s;
    transition:
      transform 0.2s,
      opacity 0.2s,
      color 0.12s,
      background 0.12s,
      -webkit-transform 0.2s;
    opacity: 0;
    will-change: transform;
  }
  [dir="ltr"]
    .products-list[data-layout="grid"]
    .product-card
    .product-card__action--wishlist,
  [dir="ltr"]
    .products-list[data-layout="grid"]
    .product-card
    .product-card__action--compare {
    -webkit-transform: translateX(100%) translateX(6px);
    transform: translateX(100%) translateX(6px);
  }
  [dir="rtl"]
    .products-list[data-layout="grid"]
    .product-card
    .product-card__action--wishlist,
  [dir="rtl"]
    .products-list[data-layout="grid"]
    .product-card
    .product-card__action--compare {
    -webkit-transform: translateX(-100%) translateX(6px);
    transform: translateX(-100%) translateX(6px);
  }
  .products-list[data-layout="grid"]
    .product-card:hover
    .product-card__action--wishlist,
  .products-list[data-layout="grid"]
    .product-card:hover
    .product-card__action--compare,
  .products-list[data-layout="grid"]
    .product-card:active
    .product-card__action--wishlist,
  .products-list[data-layout="grid"]
    .product-card:active
    .product-card__action--compare {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.products-list--grid--3[data-layout="grid"] .products-list__content {
  margin: -10px;
}

.products-list--grid--3[data-layout="grid"] .products-list__item {
  margin: 10px;
  width: calc((100% - 60px) / 3);
}

.products-list--grid--3[data-layout="grid"] .products-list__head {
  display: none;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .products-list--grid--3[data-layout="grid"] .products-list__content {
    margin: -8px;
  }
  .products-list--grid--3[data-layout="grid"] .products-list__item {
    margin: 8px;
    width: calc((100% - 48px) / 3);
  }
}

@media (min-width: 420px) and (max-width: 767px) {
  .products-list--grid--3[data-layout="grid"] .products-list__content {
    margin: -8px;
  }
  .products-list--grid--3[data-layout="grid"] .products-list__item {
    margin: 8px;
    width: calc((100% - 32px) / 2);
  }
}

@media (max-width: 419px) {
  .products-list--grid--3[data-layout="grid"] .products-list__content {
    margin: -8px;
  }
  .products-list--grid--3[data-layout="grid"] .products-list__item {
    margin: 8px;
    width: calc((100% - 16px) / 1);
  }
}

.products-list--grid--4[data-layout="grid"] .products-list__content {
  margin: -10px;
}

.products-list--grid--4[data-layout="grid"] .products-list__item {
  margin: 10px;
  width: calc((100% - 80px) / 4);
}

.products-list--grid--4[data-layout="grid"] .products-list__head {
  display: none;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .products-list--grid--4[data-layout="grid"] .products-list__content {
    margin: -8px;
  }
  .products-list--grid--4[data-layout="grid"] .products-list__item {
    margin: 8px;
    width: calc((100% - 48px) / 3);
  }
}

@media (min-width: 420px) and (max-width: 767px) {
  .products-list--grid--4[data-layout="grid"] .products-list__content {
    margin: -8px;
  }
  .products-list--grid--4[data-layout="grid"] .products-list__item {
    margin: 8px;
    width: calc((100% - 32px) / 2);
  }
}

@media (max-width: 419px) {
  .products-list--grid--4[data-layout="grid"] .products-list__content {
    margin: -8px;
  }
  .products-list--grid--4[data-layout="grid"] .products-list__item {
    margin: 8px;
    width: calc((100% - 16px) / 1);
  }
}

.products-list--grid--5[data-layout="grid"] .products-list__content {
  margin: -10px;
}

.products-list--grid--5[data-layout="grid"] .products-list__item {
  margin: 10px;
  width: calc((100% - 100px) / 5);
}

.products-list--grid--5[data-layout="grid"] .products-list__head {
  display: none;
}

.products-list--grid--6[data-layout="grid"] .products-list__content {
  margin: -8px;
}

.products-list--grid--6[data-layout="grid"] .products-list__item {
  margin: 8px;
  width: calc((100% - 96px) / 6);
}

.products-list--grid--6[data-layout="grid"] .products-list__head {
  display: none;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .products-list--grid--6[data-layout="grid"] .products-list__content {
    margin: -10px;
  }
  .products-list--grid--6[data-layout="grid"] .products-list__item {
    margin: 10px;
    width: calc((100% - 100px) / 5);
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .products-list--grid--6[data-layout="grid"] .products-list__content {
    margin: -10px;
  }
  .products-list--grid--6[data-layout="grid"] .products-list__item {
    margin: 10px;
    width: calc((100% - 80px) / 4);
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .products-list--grid--6[data-layout="grid"] .products-list__content {
    margin: -8px;
  }
  .products-list--grid--6[data-layout="grid"] .products-list__item {
    margin: 8px;
    width: calc((100% - 48px) / 3);
  }
}

@media (min-width: 420px) and (max-width: 767px) {
  .products-list--grid--6[data-layout="grid"] .products-list__content {
    margin: -8px;
  }
  .products-list--grid--6[data-layout="grid"] .products-list__item {
    margin: 8px;
    width: calc((100% - 32px) / 2);
  }
}

@media (max-width: 419px) {
  .products-list--grid--6[data-layout="grid"] .products-list__content {
    margin: -8px;
  }
  .products-list--grid--6[data-layout="grid"] .products-list__item {
    margin: 8px;
    width: calc((100% - 16px) / 1);
  }
}

.products-list[data-with-features="true"]
  .product-card
  .product-card__features {
  display: block;
}

.products-list[data-layout="list"] .products-list__content {
  margin: -10px;
}

.products-list[data-layout="list"] .products-list__item {
  margin: 10px;
  width: calc((100% - 20px) / 1);
}

.products-list[data-layout="list"] .products-list__head {
  display: none;
}

.products-list[data-layout="list"] .product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.products-list[data-layout="list"] .product-card .product-card__addtocart-icon,
.products-list[data-layout="list"]
  .product-card
  .product-card__action--wishlist,
.products-list[data-layout="list"]
  .product-card
  .product-card__action--compare {
  display: none;
}

.products-list[data-layout="list"] .product-card .product-card__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.products-list[data-layout="list"] .product-card .product-card__badges {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.products-list[data-layout="list"] .product-card .product-card__badges > * + * {
  margin-top: 3px;
}

.products-list[data-layout="list"] .product-card .product-card__actions-list {
  position: absolute;
  overflow: hidden;
  z-index: 1;
}

[dir="ltr"]
  .products-list[data-layout="list"]
  .product-card
  .product-card__actions-list {
  right: 0;
}

[dir="rtl"]
  .products-list[data-layout="list"]
  .product-card
  .product-card__actions-list {
  left: 0;
}

.products-list[data-layout="list"] .product-card .product-card__rating {
  margin: -3px 0 -2px 0;
  padding: 8px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.products-list[data-layout="list"] .product-card .product-card__rating-stars,
.products-list[data-layout="list"] .product-card .product-card__rating-label {
  margin: 3px 0 2px 0;
}

[dir="ltr"]
  .products-list[data-layout="list"]
  .product-card
  .product-card__rating-stars {
  margin-right: 7px;
}

[dir="rtl"]
  .products-list[data-layout="list"]
  .product-card
  .product-card__rating-stars {
  margin-left: 7px;
}

.products-list[data-layout="list"] .product-card .product-card__rating-label {
  line-height: 1;
}

.products-list[data-layout="list"]
  .product-card
  .product-card__fit
  .status-badge__text {
  display: block;
}

.products-list[data-layout="list"]
  .product-card
  .product-card__fit
  .status-badge__tooltip {
  display: none;
}

@media (min-width: 768px) {
  .products-list[data-layout="list"] .product-card .product-card__image {
    padding: 16px 24px;
    width: 260px;
  }
  .products-list[data-layout="list"] .product-card .product-card__badges {
    top: 16px;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__badges {
    left: 16px;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__badges {
    right: 16px;
  }
  .products-list[data-layout="list"] .product-card .product-card__fit {
    position: absolute;
    bottom: 24px;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__fit {
    left: 258px;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__fit {
    right: 258px;
  }
  .products-list[data-layout="list"] .product-card .product-card__info {
    padding-top: 20px;
    padding-bottom: 57px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__info {
    padding-left: 0;
    padding-right: 20px;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__info {
    padding-right: 0;
    padding-left: 20px;
  }
  .products-list[data-layout="list"] .product-card .product-card__meta {
    position: absolute;
    bottom: 0;
    padding: 0;
    height: 38px;
    line-height: 36px;
    border-top: 1px solid #ebebeb;
    text-align: center;
    width: 180px;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__meta {
    right: 20px;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__meta {
    left: 20px;
  }
  .products-list[data-layout="list"] .product-card .product-card__name {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
  }
  .products-list[data-layout="list"] .product-card .product-card__features {
    font-size: 14px;
    padding-top: 10px;
  }
  .products-list[data-layout="list"]
    .product-card
    .product-card__features
    li
    + li {
    margin-top: 2px;
  }
  .products-list[data-layout="list"] .product-card .product-card__footer {
    width: 220px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 22px 49px;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__footer {
    border-left: 1px solid #ebebeb;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__footer {
    border-right: 1px solid #ebebeb;
  }
  .products-list[data-layout="list"] .product-card .product-card__prices {
    padding: 28px 0;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .products-list[data-layout="list"] .product-card .product-card__price--old {
    font-size: 15px;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__price--old {
    margin-left: 6px;
    color: var(--dark-900);
    font-size: 15px;
    font-weight: 600;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__price--old {
    margin-right: 6px;
  }
  .products-list[data-layout="list"]
    .product-card
    .product-card__addtocart-full {
    display: block;
    height: 36px;
    padding: 0 20px;
    width: 100%;
    margin-bottom: 10px;
  }
  .products-list[data-layout="list"] .product-card .product-card__wishlist,
  .products-list[data-layout="list"] .product-card .product-card__compare {
    font-size: 13px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7px 10px 5px;
  }
  .products-list[data-layout="list"] .product-card .product-card__wishlist svg,
  .products-list[data-layout="list"] .product-card .product-card__compare svg {
    position: relative;
    top: -1px;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__wishlist
    svg,
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__compare
    svg {
    margin-right: 8px;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__wishlist
    svg,
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__compare
    svg {
    margin-left: 8px;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__wishlist
    svg {
    margin-left: -3px;
    margin-right: 7px;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__wishlist
    svg {
    margin-right: -3px;
    margin-left: 7px;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__compare
    svg {
    margin-left: -2px;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__compare
    svg {
    margin-right: -2px;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .products-list[data-layout="list"] .product-card .product-card__image {
    width: 192px;
    padding-left: 16px;
    padding-right: 16px;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__fit {
    left: 190px;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__fit {
    right: 190px;
  }
  .products-list[data-layout="list"] .product-card .product-card__footer {
    width: 180px;
    padding: 0 16px 49px;
  }
  .products-list[data-layout="list"] .product-card .product-card__prices {
    padding: 24px 0;
  }
  .products-list[data-layout="list"] .product-card .product-card__meta {
    position: absolute;
    bottom: 0;
    width: 148px;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__meta {
    right: 16px;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__meta {
    left: 16px;
  }
  .products-list[data-layout="list"] .product-card .product-card__wishlist,
  .products-list[data-layout="list"] .product-card .product-card__compare {
    margin-top: 1px;
  }
}

@media (max-width: 767.98px) {
  .products-list[data-layout="list"] .product-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .products-list[data-layout="list"] .product-card .product-card__image {
    padding: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .products-list[data-layout="list"] .product-card .product-card__image .image {
    width: 180px;
    max-width: 100%;
  }
  .products-list[data-layout="list"] .product-card .product-card__fit {
    position: absolute;
    bottom: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__fit {
    left: 15px;
    right: 15px;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__fit {
    right: 15px;
    left: 15px;
  }
  .products-list[data-layout="list"] .product-card .product-card__badges {
    top: 16px;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__badges {
    left: 16px;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__badges {
    right: 16px;
  }
  .products-list[data-layout="list"] .product-card .product-card__info {
    padding: 0 20px 20px;
  }
  .products-list[data-layout="list"] .product-card .product-card__features {
    padding-top: 12px;
  }
  .products-list[data-layout="list"] .product-card .product-card__footer {
    border-top: 1px solid #ebebeb;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 58px;
  }
  .products-list[data-layout="list"] .product-card .product-card__prices {
    padding-top: 20px;
    padding-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .products-list[data-layout="list"] .product-card .product-card__price--old {
    font-size: 15px;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__price--old {
    margin-left: 6px;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__price--old {
    margin-right: 6px;
  }
  .products-list[data-layout="list"]
    .product-card
    .product-card__addtocart-full {
    height: 30px;
    padding: 0 16px;
    font-size: 15px;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__addtocart-full {
    margin-right: 8px;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__addtocart-full {
    margin-left: 8px;
  }
  .products-list[data-layout="list"] .product-card .product-card__wishlist,
  .products-list[data-layout="list"] .product-card .product-card__compare {
    height: 30px;
    width: 32px;
    padding: 0;
  }
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__wishlist
    svg,
  [dir="ltr"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__compare
    svg {
    margin-left: 0;
    margin-right: 0;
  }
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__wishlist
    svg,
  [dir="rtl"]
    .products-list[data-layout="list"]
    .product-card
    .product-card__compare
    svg {
    margin-right: 0;
    margin-left: 0;
  }
  .products-list[data-layout="list"] .product-card .product-card__wishlist span,
  .products-list[data-layout="list"] .product-card .product-card__compare span {
    display: none;
  }
  .products-list[data-layout="list"] .product-card .product-card__meta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 20px;
    height: 38px;
    line-height: 36px;
    border-top: 1px solid #ebebeb;
  }
}

.products-list[data-layout="table"] .product-card {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.products-list[data-layout="table"] .products-list__item {
  width: 100%;
}

.products-list[data-layout="table"] .products-list__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ebebeb;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.products-list[data-layout="table"] .products-list__head:after {
  display: block;
  content: "";
  width: 36px;
  margin: 0 16px;
}

.products-list[data-layout="table"] .products-list__column--image {
  width: 90px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center;
  padding: 0 16px;
}

.products-list[data-layout="table"] .products-list__column--meta {
  width: 140px;
  text-align: center;
  padding: 0 16px;
}

[dir="ltr"] .products-list[data-layout="table"] .products-list__column--meta {
  margin-left: 1px;
}

[dir="rtl"] .products-list[data-layout="table"] .products-list__column--meta {
  margin-right: 1px;
}

.products-list[data-layout="table"] .products-list__column--product {
  padding: 0 18px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

[dir="ltr"]
  .products-list[data-layout="table"]
  .products-list__column--product {
  margin-left: 1px;
}

[dir="rtl"]
  .products-list[data-layout="table"]
  .products-list__column--product {
  margin-right: 1px;
}

.products-list[data-layout="table"] .products-list__column--rating {
  width: 140px;
  text-align: center;
  padding: 0 16px;
}

[dir="ltr"] .products-list[data-layout="table"] .products-list__column--rating {
  margin-left: 1px;
}

[dir="rtl"] .products-list[data-layout="table"] .products-list__column--rating {
  margin-right: 1px;
}

.products-list[data-layout="table"] .products-list__column--price {
  width: 136px;
  padding: 0 16px;
  margin: 0 1px;
}

[dir="ltr"] .products-list[data-layout="table"] .products-list__column--price {
  text-align: right;
}

[dir="rtl"] .products-list[data-layout="table"] .products-list__column--price {
  text-align: left;
}

.products-list[data-layout="table"] .product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.products-list[data-layout="table"] .product-card .product-card__fit,
.products-list[data-layout="table"] .product-card .product-card__features,
.products-list[data-layout="table"] .product-card .product-card__wishlist,
.products-list[data-layout="table"] .product-card .product-card__compare,
.products-list[data-layout="table"] .product-card .product-card__action,
.products-list[data-layout="table"]
  .product-card
  .product-card__addtocart-full {
  display: none;
}

.products-list[data-layout="table"] .product-card .product-card__badges {
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
}

.products-list[data-layout="table"] .product-card .product-card__badges > * {
  display: inline-block;
  vertical-align: middle;
}

[dir="ltr"]
  .products-list[data-layout="table"]
  .product-card
  .product-card__badges {
  left: 0;
  margin-right: 2px;
}

[dir="rtl"]
  .products-list[data-layout="table"]
  .product-card
  .product-card__badges {
  right: 0;
  margin-left: 2px;
}

.products-list[data-layout="table"] .product-card .tag-badge {
  padding: 3px 5px;
  height: 15px;
  font-size: 10px;
}

.products-list[data-layout="table"] .product-card .tag-badge:before {
  -webkit-transform: none;
  transform: none;
  border-radius: 1.5px;
}

[dir="ltr"]
  .products-list[data-layout="table"]
  .product-card
  .tag-badge:before {
  left: 0;
  right: 0;
}

[dir="rtl"]
  .products-list[data-layout="table"]
  .product-card
  .tag-badge:before {
  right: 0;
  left: 0;
}

@media (min-width: 576px) {
  [dir="ltr"] .products-list[data-layout="table"] .product-card {
    padding-left: 16px;
    padding-right: 0;
  }
  [dir="rtl"] .products-list[data-layout="table"] .product-card {
    padding-right: 16px;
    padding-left: 0;
  }
  .products-list[data-layout="table"] .product-card .product-card__image {
    width: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__image {
    margin-right: 16px;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__image {
    margin-left: 16px;
  }
  .products-list[data-layout="table"] .product-card .product-card__info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin: 16px 0;
  }
  .products-list[data-layout="table"] .product-card .product-card__meta {
    font-size: 13px;
  }
  .products-list[data-layout="table"] .product-card .product-card__meta-title {
    display: none;
  }
  .products-list[data-layout="table"] .product-card .product-card__name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 18px;
  }
  .products-list[data-layout="table"] .product-card .product-card__rating {
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 4px;
  }
  .products-list[data-layout="table"]
    .product-card
    .product-card__rating-label {
    margin-top: 3px;
  }
  .products-list[data-layout="table"] .product-card .product-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 16px 0;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__footer {
    border-left: 1px solid #ebebeb;
    padding-left: 16px;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__footer {
    border-right: 1px solid #ebebeb;
    padding-right: 16px;
  }
  .products-list[data-layout="table"] .product-card .product-card__prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 120px;
    font-size: 15px;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__prices {
    border-right: 1px solid #ebebeb;
    padding-right: 16px;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__prices {
    border-left: 1px solid #ebebeb;
    padding-left: 16px;
  }
  .products-list[data-layout="table"] .product-card .product-card__price--old {
    font-size: 14px;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__price--old {
    margin-left: 6px;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__price--old {
    margin-right: 6px;
  }
  .products-list[data-layout="table"] .product-card .product-card__price--old {
    margin-top: 4px;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__price--old {
    margin-left: 0;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__price--old {
    margin-right: 0;
  }
  .products-list[data-layout="table"]
    .product-card
    .product-card__addtocart-icon {
    margin: 0 16px;
  }
  .products-list[data-layout="table"]
    .product-card
    .product-card__actions-list {
    padding: 0;
    display: none;
  }
}

@media (min-width: 1200px) {
  .products-list[data-layout="table"] .product-card .product-card__name {
    padding: 0 18px;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__name {
    border-left: 1px solid #ebebeb;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__name {
    border-right: 1px solid #ebebeb;
  }
  .products-list[data-layout="table"] .product-card .product-card__rating {
    width: 140px;
    padding-top: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__rating {
    border-left: 1px solid #ebebeb;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__rating {
    border-right: 1px solid #ebebeb;
  }
  .products-list[data-layout="table"] .product-card .product-card__meta {
    width: 140px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__meta {
    border-left: 1px solid #ebebeb;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__meta {
    border-right: 1px solid #ebebeb;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .products-list[data-layout="table"] .product-card .product-card__image {
    width: 60px;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__image {
    margin-right: 16px;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__image {
    margin-left: 16px;
  }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
  .products-list[data-layout="table"] .product-card .product-card__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 16px;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__info {
    border-left: 1px solid #ebebeb;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__info {
    border-right: 1px solid #ebebeb;
  }
  .products-list[data-layout="table"] .product-card .product-card__name {
    padding: 0;
  }
  .products-list[data-layout="table"] .product-card .product-card__rating {
    margin: -3px 0 -2px 0;
    padding: 5px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .products-list[data-layout="table"] .product-card .product-card__rating-stars,
  .products-list[data-layout="table"]
    .product-card
    .product-card__rating-label {
    margin: 3px 0 2px 0;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__rating-stars {
    margin-right: 7px;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__rating-stars {
    margin-left: 7px;
  }
  .products-list[data-layout="table"]
    .product-card
    .product-card__rating-label {
    line-height: 1;
  }
  .products-list[data-layout="table"] .product-card .product-card__meta {
    padding: 0 0 5px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .products-list[data-layout="table"] .product-card .product-card__image {
    width: 60px;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__image {
    margin-right: 16px;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__image {
    margin-left: 16px;
  }
  .products-list[data-layout="table"] .product-card .product-card__prices {
    width: 90px;
  }
}

@media (max-width: 575.98px) {
  .products-list[data-layout="table"] .product-card {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 0;
    padding-bottom: 0;
  }
  [dir="ltr"] .products-list[data-layout="table"] .product-card {
    padding-left: 0;
    padding-right: 0;
  }
  [dir="rtl"] .products-list[data-layout="table"] .product-card {
    padding-right: 0;
    padding-left: 0;
  }
  .products-list[data-layout="table"] .product-card .product-card__image {
    padding: 4px;
    margin: 0 8px;
    width: 60px;
  }
  .products-list[data-layout="table"] .product-card .product-card__info {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
    margin: 0;
    padding: 14px;
    border-top: 1px solid #ebebeb;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__info {
    border-left: none;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__info {
    border-right: none;
  }
  .products-list[data-layout="table"] .product-card .product-card__name {
    line-height: 20px;
    margin-top: 6px;
  }
  .products-list[data-layout="table"] .product-card .product-card__rating {
    margin: -3px 0 -2px 0;
    padding-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .products-list[data-layout="table"] .product-card .product-card__rating-stars,
  .products-list[data-layout="table"]
    .product-card
    .product-card__rating-label {
    margin: 3px 0 2px 0;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__rating-stars {
    margin-right: 7px;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__rating-stars {
    margin-left: 7px;
  }
  .products-list[data-layout="table"]
    .product-card
    .product-card__rating-label {
    line-height: 1;
  }
  .products-list[data-layout="table"] .product-card .product-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .products-list[data-layout="table"] .product-card .product-card__prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 12px 14px;
    height: 100%;
  }
  [dir="ltr"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__prices {
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
  }
  [dir="rtl"]
    .products-list[data-layout="table"]
    .product-card
    .product-card__prices {
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
  }
  .products-list[data-layout="table"] .product-card .product-card__price--old {
    font-size: 14px;
    margin-top: 4px;
  }
  .products-list[data-layout="table"]
    .product-card
    .product-card__addtocart-icon {
    margin: 10px 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    align-self: center;
  }
}

@media (max-width: 1399.98px) {
  .products-list[data-layout="table"] .products-list__column--image {
    width: 60px;
  }
}

@media (max-width: 1199.98px) {
  .products-list[data-layout="table"] .products-list__column--image {
    width: 90px;
  }
  .products-list[data-layout="table"] .products-list__column--meta,
  .products-list[data-layout="table"] .products-list__column--rating {
    display: none;
  }
}

@media (min-width: 576px) {
  .products-list[data-layout="table"] {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  }
  .products-list[data-layout="table"]
    .products-list__item
    + .products-list__item {
    border-top: 1px solid #ebebeb;
  }
}

@media (max-width: 575.98px) {
  .products-list[data-layout="table"] .products-list__content {
    margin: -8px;
  }
  .products-list[data-layout="table"] .products-list__item {
    margin: 8px;
    width: calc((100% - 16px) / 1);
  }
  .products-list[data-layout="table"] .products-list__head {
    display: none;
  }
}

/*
// .products-view
*/
.products-view__options {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  margin-bottom: 20px;
}

.products-view__pagination {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  padding: 0.75rem 1rem;
}

.products-view__pagination-legend {
  font-size: 0.9375rem;
  padding: 0 0.375rem;
}

@media (max-width: 767.98px) {
  .products-view__pagination {
    padding-top: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .products-view__pagination-legend {
    padding-top: 9px;
  }
}
/* ── Related Products: Fixed Card Dimensions ─────── */
.block-products-carousel .product-card--layout--grid {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  height: 380px;
  min-height: 380px;
  max-height: 380px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.block-products-carousel .product-card__image {
  height: 180px;
  min-height: 180px;
  max-height: 180px;
  overflow: hidden;
  flex-shrink: 0;
}

.block-products-carousel .product-card__image .image__body {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-products-carousel .product-card__image img.image__tag {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block-products-carousel .product-card__info {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.block-products-carousel .product-card__meta {
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0;
}

.block-products-carousel .product-card__name {
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  flex-shrink: 0;
}

.block-products-carousel .product-card__name a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 100%;
}

.block-products-carousel .product-card__rating {
  flex-shrink: 0;
}

.block-products-carousel .product-card__footer {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  flex-shrink: 0;
  margin-top: auto;
}

.block-products-carousel .block-products-carousel__cell {
  width: 220px;
}

.block-products-carousel .owl-carousel .owl-stage {
  display: flex;
  align-items: stretch;
}

.block-products-carousel .owl-carousel .owl-item {
  display: flex;
}

/*
// .quickview
*/
.quickview {
  max-width: 800px;
}

.quickview__body {
  padding: 32px 32px 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.quickview__close {
  z-index: 2;
  position: absolute;
  padding: 16px;
  border: none;
  top: 0;
  border-radius: 0 2.5px 0 2.5px;
  background: transparent;
  fill: currentColor;
  -webkit-transition:
    background 0.2s,
    color 0.2s;
  transition:
    background 0.2s,
    color 0.2s;
  background-color: #fff;
  color: #ccc;
}

.quickview__close:hover {
  background-color: #f2f2f2;
  color: #4d4d4d;
}

.quickview__close:active {
  background-color: #ebebeb;
  color: #4d4d4d;
}

[dir="ltr"] .quickview__close {
  right: 0;
}

[dir="rtl"] .quickview__close {
  left: 0;
}

.quickview__close svg {
  display: block;
}

.quickview__close:active {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.quickview__close:focus {
  outline: none;
}

.quickview__gallery {
  width: 320px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

[dir="ltr"] .quickview__gallery {
  margin-right: 28px;
}

[dir="rtl"] .quickview__gallery {
  margin-left: 28px;
}

.quickview__product {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.quickview__product-name {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  margin-top: -2px;
}

.quickview__product-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
}

.quickview__product-rating-title {
  font-size: 13px;
  line-height: 1;
  color: #6c757d;
}

[dir="ltr"] .quickview__product-rating-title {
  margin-left: 8px;
}

[dir="rtl"] .quickview__product-rating-title {
  margin-right: 8px;
}

.quickview__product-description {
  margin-top: 10px;
  font-size: 15px;
  line-height: 22px;
}

.quickview__product-meta {
  margin: 12px 0 0;
}

.quickview__product-meta table {
  display: block;
  margin: -3px;
}

.quickview__product-meta tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.quickview__product-meta tr,
.quickview__product-meta th,
.quickview__product-meta td {
  display: block;
}

.quickview__product-meta tr {
  background: #f2f2f2;
  border-radius: 1.5px;
  margin: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
}

[dir="ltr"] .quickview__product-meta tr {
  padding-left: 7px;
  padding-right: 14px;
}

[dir="rtl"] .quickview__product-meta tr {
  padding-right: 7px;
  padding-left: 14px;
}

.quickview__product-meta th {
  font-size: 11px;
  font-weight: 400;
  color: #808080;
  line-height: 1;
}

.quickview__product-meta td {
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
}

.quickview__product-meta a {
  color: inherit;
}

.quickview__product-prices-stock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 12px 0 16px;
}

.quickview__product-price {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.quickview__product-stock {
  margin-bottom: 2px;
}

[dir="ltr"] .quickview__product-stock {
  margin-left: 12px;
}

[dir="rtl"] .quickview__product-stock {
  margin-right: 12px;
}

.quickview__product-form {
  margin-bottom: 16px;
}

.quickview__product-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -4px;
}

.quickview__product-actions-item {
  margin: 4px;
}

.quickview__product-actions-item--quantity {
  width: 100px;
}

.quickview__see-details {
  border-radius: 0 0 2.5px 2.5px;
  border-top: 1px solid #ebebeb;
  display: block;
  text-align: center;
  color: #6c757d;
  font-size: 15px;
  height: 52px;
  line-height: 50px;
  -webkit-transition:
    background 0.15s,
    border-color 0.15s;
  transition:
    background 0.15s,
    border-color 0.15s;
}

.quickview__see-details:hover {
  color: #6c757d;
  background: #f7f7f7;
}

.quickview__see-details:active {
  background: #f0f0f0;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

@media (max-width: 991.98px) {
  .quickview {
    max-width: 520px;
  }
  .quickview__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .quickview__gallery {
    width: 100%;
    margin-bottom: 28px;
  }
  [dir="ltr"] .quickview__gallery {
    margin-right: 0;
  }
  [dir="rtl"] .quickview__gallery {
    margin-left: 0;
  }
}

@media (max-width: 575.98px) {
  .quickview {
    max-width: 100%;
  }
}

@media (max-width: 474px) {
  .quickview__body {
    padding: 20px 20px 24px;
  }
}

/*
// .review
*/
.review__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.review__content {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  margin-top: 12px;
}

.review__avatar {
  overflow: hidden;
  border-radius: 1.5px;
}

[dir="ltr"] .review__avatar {
  margin-right: 12px;
}

[dir="rtl"] .review__avatar {
  margin-left: 12px;
}

.review__meta {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

[dir="ltr"] .review__meta {
  margin-right: 20px;
}

[dir="rtl"] .review__meta {
  margin-left: 20px;
}

.review__author {
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  margin-top: 2px;
}

.review__date {
  font-size: 13px;
  color: #999;
}

@media (max-width: 474px) {
  .review__rating {
    width: 100%;
    margin-top: 12px;
    margin-bottom: -3px;
  }
}

/*
// .reviews-list
*/
.reviews-list__content {
  list-style: none;
  margin: 0;
  padding: 0;
}

.reviews-list__item + .reviews-list__item {
  margin-top: 18px;
  padding-top: 24px;
  border-top: 1px solid #ebebeb;
}

.reviews-list__pagination {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #ebebeb;
}

/*
// .reviews-view
*/
.reviews-view__form {
  margin-top: 48px;
}

.reviews-view__header {
  margin-bottom: 24px;
  font-size: 28px;
  font-weight: 500;
}

/*
// .spec
*/
.spec {
  font-size: 14px;
  line-height: 18px;
}

.spec__header {
  margin-bottom: 50px;
}

.spec__section + .spec__section {
  margin-top: 40px;
}

.spec__section-title {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.03em;
  line-height: 20px;
  margin: 0 0 12px;
}

.spec__row {
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ebebeb;
}

.spec__row:first-of-type {
  border-top: 1px solid #ebebeb;
}

.spec__name {
  width: 230px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #6c757d;
}

[dir="ltr"] .spec__name {
  padding-right: 30px;
}

[dir="rtl"] .spec__name {
  padding-left: 30px;
}

.spec__disclaimer {
  margin-top: 40px;
  font-size: 13px;
  line-height: 20px;
  color: #6c757d;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .spec__name {
    width: 170px;
  }
}

@media (max-width: 575.98px) {
  .spec__header {
    margin-bottom: 30px;
  }
  .spec__section + .spec__section {
    margin-top: 24px;
  }
  .spec__row {
    display: block;
    padding: 8px 0;
  }
  .spec__name {
    width: auto;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 15px;
  }
  .spec__disclaimer {
    margin-top: 28px;
  }
}

/*
// .vehicle-picker-modal
*/
.vehicle-picker-modal__panel {
  padding: 32px 32px 36px;
  display: none;
}

.vehicle-picker-modal__panel--active {
  display: block;
}

.vehicle-picker-modal__close {
  z-index: 2;
  position: absolute;
  padding: 16px;
  border: none;
  top: 0;
  border-radius: 0 2.5px 0 2.5px;
  background: transparent;
  fill: currentColor;
  -webkit-transition:
    background 0.2s,
    color 0.2s;
  transition:
    background 0.2s,
    color 0.2s;
  background-color: #fff;
  color: #ccc;
}

.vehicle-picker-modal__close:hover {
  background-color: #f2f2f2;
  color: #4d4d4d;
}

.vehicle-picker-modal__close:active {
  background-color: #ebebeb;
  color: #4d4d4d;
}

[dir="ltr"] .vehicle-picker-modal__close {
  right: 0;
}

[dir="rtl"] .vehicle-picker-modal__close {
  left: 0;
}

.vehicle-picker-modal__close svg {
  display: block;
}

.vehicle-picker-modal__close:active {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.vehicle-picker-modal__close:focus {
  outline: none;
}

.vehicle-picker-modal__text {
  font-size: 15px;
  color: #6c757d;
  margin-bottom: 10px;
  margin-top: -10px;
}

.vehicle-picker-modal__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 40px;
}

[dir="ltr"] .vehicle-picker-modal__actions > *:not(:last-child) {
  margin-right: 12px;
}

[dir="rtl"] .vehicle-picker-modal__actions > *:not(:last-child) {
  margin-left: 12px;
}

@media (max-width: 479px) {
  .vehicle-picker-modal__panel {
    padding: 24px 24px 28px;
  }
  .vehicle-picker-modal__actions {
    margin-top: 32px;
  }
}

@media (max-width: 399px) {
  .vehicle-picker-modal__panel {
    padding: 20px 20px 24px;
  }
  .vehicle-picker-modal__actions {
    margin-top: 28px;
  }
}

/*
// .wishlist
*/
/* ── Header ─────────────────────────────────────── */
.block-header {
  background: var(--light-100);
  border-bottom: 1px solid var(--gold-300);
  padding: 18px 0;
}

.block-header__title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--dark-950);
}

/* ── Outer block ─────────────────────────────────── */
.block {
  padding: 40px 0;
  background: var(--light-300);
}

/* ── Table shell ─────────────────────────────────── */
.wishlist__table {
  width: 100%;
  border-collapse: collapse;
  background: var(--light-100);
  border: 1px solid var(--gold-300);
}

/* ── Column widths ───────────────────────────────── */
.wishlist__column--image   { width: 100px; }
.wishlist__column--product { text-align: left; }
.wishlist__column--stock   { width: 130px; text-align: center; }
.wishlist__column--price   { width: 120px; text-align: right; }
.wishlist__column--button  { width: 150px; text-align: center; }
.wishlist__column--remove  { width: 50px;  text-align: center; }

/* ── Head row ────────────────────────────────────── */
.wishlist__head {
  background: var(--dark-950);
}

.wishlist__row--head th {
  padding: 13px 16px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold-300);
  border-right: 1px solid var(--dark-800);
}

.wishlist__row--head th:last-child {
  border-right: none;
}

/* ── Body rows ───────────────────────────────────── */
.wishlist__row--body {
  border-bottom: 1px solid var(--gold-200);
  transition: background 0.15s ease;
}

.wishlist__row--body:last-child {
  border-bottom: none;
}

.wishlist__row--body:hover {
  background: var(--gold-100);
}

.wishlist__row--body td {
  padding: 16px;
  vertical-align: middle;
  border-right: 1px solid var(--gold-200);
}

.wishlist__row--body td:last-child {
  border-right: none;
}

/* ── Product image ───────────────────────────────── */

/* ── Product name ────────────────────────────────── */
.wishlist__product-name {
  font-size: 13px;
  font-weight: 500;
  color: var(--dark-950);
  text-decoration: none;
  letter-spacing: 0.01em;
}

.wishlist__product-name:hover {
  color: var(--gold-500);
}

/* ── Price ───────────────────────────────────────── */
.wishlist__column--price {
  font-size: 14px;
  font-weight: 600;
  color: var(--dark-950);
  letter-spacing: 0.02em;
}

/* ── In Stock badge ──────────────────────────────── */
.status-badge--style--success .status-badge__text {
  display: inline-block;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: #f0fff4;
  color: #166534;
  border: 1px solid #bbf7d0;
}

/* ── Buttons ─────────────────────────────────────── */
.btn {
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.btn-sm {
  font-size: 11px;
  padding: 8px 16px;
}

.btn-primary {
  background: var(--gold-500);
  color: var(--light-100);
  border: 1px solid var(--gold-500);
}

.btn-primary:hover {
  background: var(--gold-600);
  border-color: var(--gold-600);
}

.btn-muted {
  background: transparent;
  color: var(--gold-700);
  border: 1px solid var(--gold-300);
}

.btn-muted:hover {
  background: var(--gold-200);
  color: var(--dark-800);
}

.btn-icon {
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-icon svg {
  fill: var(--gold-600);
}

/* ── Empty state ─────────────────────────────────── */
.wishlist-empty {
  text-align: center;
  padding: 80px 24px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--gold-700);
  border: 1px solid var(--gold-300);
  background: var(--light-100);
}

/* ----------------------------------------
// Blog
// ---------------------------------------- */
/*
// .blog-view
*/
.blog-view__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.blog-view__item-posts {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.blog-view__item-sidebar {
  width: 332px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

[dir="ltr"] .blog-view__item + .blog-view__item {
  margin-left: 48px;
}

[dir="rtl"] .blog-view__item + .blog-view__item {
  margin-right: 48px;
}

.blog-view--layout--classic .blog-view__item-posts {
  max-width: 730px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .blog-view__item-sidebar {
    width: 290px;
  }
  [dir="ltr"] .blog-view__item + .blog-view__item {
    margin-left: 36px;
  }
  [dir="rtl"] .blog-view__item + .blog-view__item {
    margin-right: 36px;
  }
}

@media (max-width: 991.98px) {
  .blog-view__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .blog-view__item-sidebar {
    width: 100%;
    margin-top: 48px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  [dir="ltr"] .blog-view__item + .blog-view__item {
    margin-left: 0;
  }
  [dir="rtl"] .blog-view__item + .blog-view__item {
    margin-right: 0;
  }
}

/*
// .comment
*/
.comment__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comment__content {
  width: 100%;
  background: #f5f5f5;
  padding: 12px 17px;
  border-radius: 5px;
  margin-top: 12px;
  font-size: 15px;
  position: relative;
}

.comment__content:before {
  position: absolute;
  content: "";
  display: block;
  left: 14px;
  top: -10px;
  border: 5px solid transparent;
  border-bottom-color: #f5f5f5;
  pointer-events: none;
}

.comment__avatar {
  overflow: hidden;
  border-radius: 50%;
  width: 38px;
}

[dir="ltr"] .comment__avatar {
  margin-right: 14px;
}

[dir="rtl"] .comment__avatar {
  margin-left: 14px;
}

.comment__meta {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

[dir="ltr"] .comment__meta {
  margin-right: 12px;
}

[dir="rtl"] .comment__meta {
  margin-left: 12px;
}

.comment__author {
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
  margin-top: 3px;
}

.comment__date {
  font-size: 13px;
  color: #999;
  margin-top: -1px;
}

@media (max-width: 419px) {
  .comment__content {
    font-size: 14px;
  }
  .comment__avatar {
    display: none;
  }
}

/*
// .comments-list
*/
.comments-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.comments-list__item + .comments-list__item {
  margin-top: 28px;
}

.comments-list__children {
  margin-top: 14px;
  padding-top: 18px;
  margin-bottom: -12px;
  padding-bottom: 15px;
}

[dir="ltr"] .comments-list__children {
  border-left: 1px solid #ebebeb;
  padding-left: 31px;
  margin-left: 18px;
}

[dir="rtl"] .comments-list__children {
  border-right: 1px solid #ebebeb;
  padding-right: 31px;
  margin-right: 18px;
}

.comments-list__item:last-child > .comments-list__children {
  padding-bottom: 0;
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .comments-list__item + .comments-list__item {
    margin-top: 24px;
  }
  .comments-list__children {
    padding-top: 14px;
    margin-bottom: -8px;
  }
  .comments-list__item:last-child > .comments-list__children {
    padding-bottom: 0;
  }
}

@media (max-width: 419px) {
  .comments-list__item + .comments-list__item {
    margin-top: 20px;
  }
  .comments-list__children {
    padding-top: 12px;
  }
  [dir="ltr"] .comments-list__children {
    padding-left: 20px;
    margin-left: 12px;
  }
  [dir="rtl"] .comments-list__children {
    padding-right: 20px;
    margin-right: 12px;
  }
}

/*
// .comments-view
*/
.comments-view__pagination {
  margin-top: 36px;
}

@media (max-width: 991.98px) {
  .comments-view__pagination {
    margin-top: 32px;
  }
}

@media (max-width: 575.98px) {
  .comments-view__pagination {
    margin-top: 24px;
  }
}

/*
// .post
*/
.post__body {
  padding: 48px;
}

.post__pagination {
  border-top: 1px solid #ebebeb;
  margin: -28px 48px 0;
  padding-top: 20px;
  padding-bottom: 48px;
}

.post__pagination-title {
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.post__pagination-list {
  font-size: 15px;
}

.post__pagination-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: -3px;
}

.post__pagination-list li {
  margin: 3px;
}

.post__pagination-link {
  padding: 2px 8px;
  display: block;
  border-radius: 1.5px;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  background-color: #f0f0f0;
  color: #262626;
}

.post__pagination-link:hover {
  background-color: #e5e5e5;
  color: #262626;
}

.post__pagination-link:active {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background-color: #e0e0e0;
  color: #262626;
}

.post__pagination-link--current {
  cursor: default;
}

.post__pagination-link--current,
.post__pagination-link--current:hover,
.post__pagination-link--current:active {
  background-color: #1a79ff;
  color: #fff;
}

.post__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0 48px 48px;
  margin-top: -24px;
}

[dir="ltr"] .post__tags {
  margin-right: 32px;
}

[dir="rtl"] .post__tags {
  margin-left: 32px;
}

.post__share-links {
  padding-bottom: 1px;
}

.post__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -24px 48px 0;
  padding: 24px 0 48px;
  border-top: 1px solid #ebebeb;
}

.post__author img {
  display: block;
}

.post__author-avatar {
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 2px;
}

[dir="ltr"] .post__author-avatar {
  margin-right: 20px;
}

[dir="rtl"] .post__author-avatar {
  margin-left: 20px;
}

.post__author-name {
  font-weight: 500;
}

.post__author-about {
  font-size: 15px;
  margin-top: 4px;
}

@media (max-width: 767.98px) {
  .post__body {
    padding: 32px;
  }
  .post__pagination {
    margin: 0 32px 0;
  }
  .post__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .post__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 32px 24px;
  }
  [dir="ltr"] .post__tags {
    margin-right: 0;
  }
  [dir="rtl"] .post__tags {
    margin-left: 0;
  }
  .post__tags .tags__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .post__share-links {
    margin-top: 20px;
    padding-bottom: 0;
  }
  .post__author {
    margin: 0 32px 0;
    padding: 32px 0 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .post__author-avatar {
    border-radius: 50%;
  }
  [dir="ltr"] .post__author-avatar {
    margin-right: 0;
  }
  [dir="rtl"] .post__author-avatar {
    margin-left: 0;
  }
  .post__author-info {
    text-align: center;
    margin-top: 16px;
  }
  .post__author-about {
    margin-top: 6px;
  }
}

@media (max-width: 575.98px) {
  .post__body {
    padding: 24px;
  }
  .post__pagination {
    margin: 0 24px 0;
  }
  .post__author {
    margin: 0 24px 0;
    padding: 24px 0 24px;
  }
}

/*
// .post-card
*/
.post-card--layout--grid {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.post-card--layout--grid .post-card__image img {
  max-width: 100%;
  height: auto;
}

.post-card--layout--grid .post-card__content {
  position: relative;
}

.post-card--layout--grid .post-card__title h2 {
  margin: 0;
}

.post-card--layout--grid .post-card__title a {
  color: inherit;
}

.post-card--layout--grid .post-card__title a:hover {
  text-decoration: underline;
}

.post-card--layout--grid .post-card__category {
  position: absolute;
  bottom: calc(100% - 1px);
  font-weight: 500;
  z-index: 0;
  font-size: 14px;
}

[dir="ltr"] .post-card--layout--grid .post-card__category {
  left: 0;
}

[dir="rtl"] .post-card--layout--grid .post-card__category {
  right: 0;
}

.post-card--layout--grid .post-card__category a {
  color: #0064f0;
  display: block;
}

.post-card--layout--grid .post-card__category a:hover {
  text-decoration: underline;
}

.post-card--layout--grid .post-card__category:before,
.post-card--layout--grid .post-card__category:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  background: #fff;
  z-index: -1;
  height: 100%;
}

.post-card--layout--grid .post-card__category:before {
  width: 100%;
}

[dir="ltr"] .post-card--layout--grid .post-card__category:before {
  left: 0;
  border-top-right-radius: 2px;
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

[dir="rtl"] .post-card--layout--grid .post-card__category:before {
  right: 0;
  border-top-left-radius: 2px;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.post-card--layout--grid .post-card__category:after {
  width: 50px;
}

[dir="ltr"] .post-card--layout--grid .post-card__category:after {
  left: 0;
}

[dir="rtl"] .post-card--layout--grid .post-card__category:after {
  right: 0;
}

.post-card--layout--grid .post-card__date {
  font-size: 14px;
  color: #999;
}

.post-card--layout--grid .post-card__date a {
  color: inherit;
}

.post-card--layout--grid .post-card__date a:hover {
  color: #0064f0;
}

.post-card--layout--grid .post-card__date:before {
  display: block;
  content: "";
  height: 1px;
  background: currentColor;
  opacity: 0.6;
}

.post-card--layout--grid .post-card__excerpt {
  overflow: hidden;
}

@media (min-width: 768px) {
  .post-card--layout--grid .post-card__content {
    padding: 1.875rem 2.1875rem 2.1875rem;
  }
  .post-card--layout--grid .post-card__title h2 {
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;
  }
  .post-card--layout--grid .post-card__category {
    height: 26px;
    padding: 1.125rem 2.1875rem 0;
  }
  .post-card--layout--grid .post-card__date {
    margin-top: 11px;
    margin-bottom: 15px;
  }
  .post-card--layout--grid .post-card__date:before {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
  }
  [dir="ltr"] .post-card--layout--grid .post-card__date:before {
    margin-right: 4px;
  }
  [dir="rtl"] .post-card--layout--grid .post-card__date:before {
    margin-left: 4px;
  }
  .post-card--layout--grid .post-card__more {
    margin-top: 18px;
  }
}

@media (max-width: 767.98px) and (min-width: 475px) {
  .post-card--layout--grid .post-card__content {
    padding: 1.675rem 1.675rem 1.75rem;
  }
  .post-card--layout--grid .post-card__title h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .post-card--layout--grid .post-card__category {
    height: 26px;
    padding: 1.125rem 1.675rem 0;
  }
  .post-card--layout--grid .post-card__date {
    margin-top: 10px;
    margin-bottom: 12px;
  }
  .post-card--layout--grid .post-card__date:before {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
  }
  [dir="ltr"] .post-card--layout--grid .post-card__date:before {
    margin-right: 4px;
  }
  [dir="rtl"] .post-card--layout--grid .post-card__date:before {
    margin-left: 4px;
  }
  .post-card--layout--grid .post-card__more {
    margin-top: 18px;
  }
}

@media (max-width: 474px) {
  .post-card--layout--grid .post-card__category {
    font-size: 13px;
  }
  .post-card--layout--grid .post-card__title {
    margin-bottom: 10px;
  }
  .post-card--layout--grid .post-card__title h2 {
    font-size: 18px;
    line-height: 24px;
  }
  .post-card--layout--grid .post-card__excerpt {
    font-size: 15px;
    max-height: 96px;
  }
  .post-card--layout--grid .post-card__excerpt .typography {
    line-height: 24px;
  }
  .post-card--layout--grid .post-card__category {
    height: 22px;
    padding: 0.875rem 1.25rem 0;
  }
  .post-card--layout--grid .post-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 1.25rem 1.125rem;
  }
  .post-card--layout--grid .post-card__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 12px;
  }
  .post-card--layout--grid .post-card__date:before {
    display: block;
    width: 32px;
    margin-bottom: 8px;
  }
  .post-card--layout--grid .post-card__more {
    display: none;
  }
}

@media (min-width: 768px) {
  .post-card--layout--list {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .post-card--layout--list .post-card__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .post-card--layout--list .post-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .post-card--layout--list .post-card__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .post-card--layout--list .post-card__title h2 {
    margin-bottom: 0;
  }
  .post-card--layout--list .post-card__title a {
    color: inherit;
  }
  .post-card--layout--list .post-card__title a:hover {
    text-decoration: underline;
  }
  .post-card--layout--list .post-card__category {
    font-size: 14px;
    font-weight: 500;
  }
  .post-card--layout--list .post-card__category a {
    color: #0064f0;
  }
  .post-card--layout--list .post-card__category a:hover {
    text-decoration: underline;
  }
  .post-card--layout--list .post-card__excerpt {
    overflow: hidden;
    margin-bottom: auto;
  }
  .post-card--layout--list .post-card__date {
    font-size: 14px;
    color: #999;
  }
  .post-card--layout--list .post-card__date a {
    color: inherit;
  }
  .post-card--layout--list .post-card__date a:hover {
    color: #0064f0;
  }
  .post-card--layout--list .post-card__date:before {
    content: "";
    height: 1px;
    background: currentColor;
    opacity: 0.6;
  }
}

@media (min-width: 1400px) {
  .post-card--layout--list .post-card__image {
    width: 400px;
    min-height: 300px;
  }
  .post-card--layout--list .post-card__content {
    padding: 30px 32px 32px;
  }
  .post-card--layout--list .post-card__title {
    margin-bottom: 10px;
  }
  .post-card--layout--list .post-card__title h2 {
    font-size: 22px;
    line-height: 30px;
  }
  .post-card--layout--list .post-card__date {
    position: absolute;
    bottom: 36px;
  }
  [dir="ltr"] .post-card--layout--list .post-card__date {
    right: 32px;
  }
  [dir="rtl"] .post-card--layout--list .post-card__date {
    left: 32px;
  }
  .post-card--layout--list .post-card__date:before {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
  }
  [dir="ltr"] .post-card--layout--list .post-card__date:before {
    margin-right: 4px;
  }
  [dir="rtl"] .post-card--layout--list .post-card__date:before {
    margin-left: 4px;
  }
  .post-card--layout--list .post-card__category {
    margin-bottom: 10px;
    margin-top: -4px;
  }
  .post-card--layout--list .post-card__excerpt {
    max-height: 104px;
    margin-bottom: 48px;
  }
  .post-card--layout--list .post-card__more {
    position: absolute;
    bottom: 32px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .post-card--layout--list .post-card__image {
    width: 320px;
    min-height: 260px;
  }
  .post-card--layout--list .post-card__content {
    padding: 26px 28px 24px;
  }
  .post-card--layout--list .post-card__category {
    margin-top: -2px;
    margin-bottom: 10px;
  }
  .post-card--layout--list .post-card__title {
    margin-bottom: 10px;
  }
  .post-card--layout--list .post-card__title h2 {
    font-size: 20px;
    line-height: 26px;
  }
  .post-card--layout--list .post-card__excerpt {
    max-height: 78px;
  }
  .post-card--layout--list .post-card__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .post-card--layout--list .post-card__date:before {
    display: block;
    width: 36px;
    margin-top: 14px;
    margin-bottom: 10px;
  }
  .post-card--layout--list .post-card__more {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .post-card--layout--list .post-card__image {
    width: 280px;
    min-height: 220px;
  }
  .post-card--layout--list .post-card__content {
    padding: 20px 26px 22px;
  }
  .post-card--layout--list .post-card__category {
    margin-bottom: 6px;
  }
  .post-card--layout--list .post-card__title {
    margin-bottom: 8px;
  }
  .post-card--layout--list .post-card__title h2 {
    font-size: 17px;
    line-height: 24px;
  }
  .post-card--layout--list .post-card__excerpt {
    font-size: 15px;
    max-height: 66px;
  }
  .post-card--layout--list .post-card__excerpt .typography {
    line-height: 22px;
  }
  .post-card--layout--list .post-card__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .post-card--layout--list .post-card__date:before {
    display: block;
    width: 32px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .post-card--layout--list .post-card__more {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .post-card--layout--list .post-card__image {
    width: 320px;
    min-height: 260px;
  }
  .post-card--layout--list .post-card__content {
    padding: 26px 28px 24px;
  }
  .post-card--layout--list .post-card__category {
    margin-top: -2px;
    margin-bottom: 10px;
  }
  .post-card--layout--list .post-card__title {
    margin-bottom: 10px;
  }
  .post-card--layout--list .post-card__title h2 {
    font-size: 20px;
    line-height: 26px;
  }
  .post-card--layout--list .post-card__excerpt {
    max-height: 78px;
  }
  .post-card--layout--list .post-card__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .post-card--layout--list .post-card__date:before {
    display: block;
    width: 36px;
    margin-top: 14px;
    margin-bottom: 10px;
  }
  .post-card--layout--list .post-card__more {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .post-card--layout--list {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  }
  .post-card--layout--list .post-card__image img {
    max-width: 100%;
    height: auto;
  }
  .post-card--layout--list .post-card__content {
    position: relative;
  }
  .post-card--layout--list .post-card__title h2 {
    margin: 0;
  }
  .post-card--layout--list .post-card__title a {
    color: inherit;
  }
  .post-card--layout--list .post-card__title a:hover {
    text-decoration: underline;
  }
  .post-card--layout--list .post-card__category {
    position: absolute;
    bottom: calc(100% - 1px);
    font-weight: 500;
    z-index: 0;
    font-size: 14px;
  }
  [dir="ltr"] .post-card--layout--list .post-card__category {
    left: 0;
  }
  [dir="rtl"] .post-card--layout--list .post-card__category {
    right: 0;
  }
  .post-card--layout--list .post-card__category a {
    color: #0064f0;
    display: block;
  }
  .post-card--layout--list .post-card__category a:hover {
    text-decoration: underline;
  }
  .post-card--layout--list .post-card__category:before,
  .post-card--layout--list .post-card__category:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    background: #fff;
    z-index: -1;
    height: 100%;
  }
  .post-card--layout--list .post-card__category:before {
    width: 100%;
  }
  [dir="ltr"] .post-card--layout--list .post-card__category:before {
    left: 0;
    border-top-right-radius: 2px;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
  [dir="rtl"] .post-card--layout--list .post-card__category:before {
    right: 0;
    border-top-left-radius: 2px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
  }
  .post-card--layout--list .post-card__category:after {
    width: 50px;
  }
  [dir="ltr"] .post-card--layout--list .post-card__category:after {
    left: 0;
  }
  [dir="rtl"] .post-card--layout--list .post-card__category:after {
    right: 0;
  }
  .post-card--layout--list .post-card__date {
    font-size: 14px;
    color: #999;
  }
  .post-card--layout--list .post-card__date a {
    color: inherit;
  }
  .post-card--layout--list .post-card__date a:hover {
    color: #0064f0;
  }
  .post-card--layout--list .post-card__date:before {
    display: block;
    content: "";
    height: 1px;
    background: currentColor;
    opacity: 0.6;
  }
  .post-card--layout--list .post-card__excerpt {
    overflow: hidden;
  }
}

@media (max-width: 767.98px) and (min-width: 475px) {
  .post-card--layout--list .post-card__content {
    padding: 1.675rem 1.675rem 1.75rem;
  }
  .post-card--layout--list .post-card__title h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .post-card--layout--list .post-card__category {
    height: 26px;
    padding: 1.125rem 1.675rem 0;
  }
  .post-card--layout--list .post-card__date {
    margin-top: 10px;
    margin-bottom: 12px;
  }
  .post-card--layout--list .post-card__date:before {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
  }
  [dir="ltr"] .post-card--layout--list .post-card__date:before {
    margin-right: 4px;
  }
  [dir="rtl"] .post-card--layout--list .post-card__date:before {
    margin-left: 4px;
  }
  .post-card--layout--list .post-card__more {
    margin-top: 18px;
  }
}

@media (max-width: 474px) {
  .post-card--layout--list .post-card__category {
    font-size: 13px;
  }
  .post-card--layout--list .post-card__title {
    margin-bottom: 10px;
  }
  .post-card--layout--list .post-card__title h2 {
    font-size: 18px;
    line-height: 24px;
  }
  .post-card--layout--list .post-card__excerpt {
    font-size: 15px;
    max-height: 96px;
  }
  .post-card--layout--list .post-card__excerpt .typography {
    line-height: 24px;
  }
  .post-card--layout--list .post-card__category {
    height: 22px;
    padding: 0.875rem 1.25rem 0;
  }
  .post-card--layout--list .post-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 1.25rem 1.125rem;
  }
  .post-card--layout--list .post-card__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 12px;
  }
  .post-card--layout--list .post-card__date:before {
    display: block;
    width: 32px;
    margin-bottom: 8px;
  }
  .post-card--layout--list .post-card__more {
    display: none;
  }
}

.post-card--layout--grid-sm {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.post-card--layout--grid-sm .post-card__image img {
  max-width: 100%;
  height: auto;
}

.post-card--layout--grid-sm .post-card__content {
  position: relative;
}

.post-card--layout--grid-sm .post-card__title h2 {
  margin: 0;
}

.post-card--layout--grid-sm .post-card__title a {
  color: inherit;
}

.post-card--layout--grid-sm .post-card__title a:hover {
  text-decoration: underline;
}

.post-card--layout--grid-sm .post-card__category {
  position: absolute;
  bottom: calc(100% - 1px);
  font-weight: 500;
  z-index: 0;
  font-size: 14px;
}

[dir="ltr"] .post-card--layout--grid-sm .post-card__category {
  left: 0;
}

[dir="rtl"] .post-card--layout--grid-sm .post-card__category {
  right: 0;
}

.post-card--layout--grid-sm .post-card__category a {
  color: #0064f0;
  display: block;
}

.post-card--layout--grid-sm .post-card__category a:hover {
  text-decoration: underline;
}

.post-card--layout--grid-sm .post-card__category:before,
.post-card--layout--grid-sm .post-card__category:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  background: #fff;
  z-index: -1;
  height: 100%;
}

.post-card--layout--grid-sm .post-card__category:before {
  width: 100%;
}

[dir="ltr"] .post-card--layout--grid-sm .post-card__category:before {
  left: 0;
  border-top-right-radius: 2px;
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

[dir="rtl"] .post-card--layout--grid-sm .post-card__category:before {
  right: 0;
  border-top-left-radius: 2px;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.post-card--layout--grid-sm .post-card__category:after {
  width: 50px;
}

[dir="ltr"] .post-card--layout--grid-sm .post-card__category:after {
  left: 0;
}

[dir="rtl"] .post-card--layout--grid-sm .post-card__category:after {
  right: 0;
}

.post-card--layout--grid-sm .post-card__date {
  font-size: 14px;
  color: #999;
}

.post-card--layout--grid-sm .post-card__date a {
  color: inherit;
}

.post-card--layout--grid-sm .post-card__date a:hover {
  color: #0064f0;
}

.post-card--layout--grid-sm .post-card__date:before {
  display: block;
  content: "";
  height: 1px;
  background: currentColor;
  opacity: 0.6;
}

.post-card--layout--grid-sm .post-card__excerpt {
  overflow: hidden;
}

@media (min-width: 1400px) {
  .post-card--layout--grid-sm .post-card__content {
    padding: 1.675rem 1.675rem 1.75rem;
  }
  .post-card--layout--grid-sm .post-card__title h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .post-card--layout--grid-sm .post-card__category {
    height: 26px;
    padding: 1.125rem 1.675rem 0;
  }
  .post-card--layout--grid-sm .post-card__date {
    margin-top: 10px;
    margin-bottom: 12px;
  }
  .post-card--layout--grid-sm .post-card__date:before {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
  }
  [dir="ltr"] .post-card--layout--grid-sm .post-card__date:before {
    margin-right: 4px;
  }
  [dir="rtl"] .post-card--layout--grid-sm .post-card__date:before {
    margin-left: 4px;
  }
  .post-card--layout--grid-sm .post-card__more {
    margin-top: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1399.98px) {
  .post-card--layout--grid-sm .post-card__category {
    font-size: 13px;
  }
  .post-card--layout--grid-sm .post-card__title {
    margin-bottom: 10px;
  }
  .post-card--layout--grid-sm .post-card__title h2 {
    font-size: 18px;
    line-height: 24px;
  }
  .post-card--layout--grid-sm .post-card__excerpt {
    font-size: 15px;
    max-height: 96px;
  }
  .post-card--layout--grid-sm .post-card__excerpt .typography {
    line-height: 24px;
  }
  .post-card--layout--grid-sm .post-card__category {
    height: 22px;
    padding: 0.875rem 1.25rem 0;
  }
  .post-card--layout--grid-sm .post-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 1.25rem 1.125rem;
  }
  .post-card--layout--grid-sm .post-card__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 12px;
  }
  .post-card--layout--grid-sm .post-card__date:before {
    display: block;
    width: 32px;
    margin-bottom: 8px;
  }
  .post-card--layout--grid-sm .post-card__more {
    display: none;
  }
}

@media (max-width: 767.98px) and (min-width: 475px) {
  .post-card--layout--grid-sm .post-card__content {
    padding: 1.675rem 1.675rem 1.75rem;
  }
  .post-card--layout--grid-sm .post-card__title h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .post-card--layout--grid-sm .post-card__category {
    height: 26px;
    padding: 1.125rem 1.675rem 0;
  }
  .post-card--layout--grid-sm .post-card__date {
    margin-top: 10px;
    margin-bottom: 12px;
  }
  .post-card--layout--grid-sm .post-card__date:before {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
  }
  [dir="ltr"] .post-card--layout--grid-sm .post-card__date:before {
    margin-right: 4px;
  }
  [dir="rtl"] .post-card--layout--grid-sm .post-card__date:before {
    margin-left: 4px;
  }
  .post-card--layout--grid-sm .post-card__more {
    margin-top: 18px;
  }
}

@media (max-width: 474px) {
  .post-card--layout--grid-sm .post-card__category {
    font-size: 13px;
  }
  .post-card--layout--grid-sm .post-card__title {
    margin-bottom: 10px;
  }
  .post-card--layout--grid-sm .post-card__title h2 {
    font-size: 18px;
    line-height: 24px;
  }
  .post-card--layout--grid-sm .post-card__excerpt {
    font-size: 15px;
    max-height: 96px;
  }
  .post-card--layout--grid-sm .post-card__excerpt .typography {
    line-height: 24px;
  }
  .post-card--layout--grid-sm .post-card__category {
    height: 22px;
    padding: 0.875rem 1.25rem 0;
  }
  .post-card--layout--grid-sm .post-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 1.25rem 1.125rem;
  }
  .post-card--layout--grid-sm .post-card__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 12px;
  }
  .post-card--layout--grid-sm .post-card__date:before {
    display: block;
    width: 32px;
    margin-bottom: 8px;
  }
  .post-card--layout--grid-sm .post-card__more {
    display: none;
  }
}

/*
// .post-header
*/
.post-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 0;
  overflow: hidden;
}

.post-header__decor {
  position: absolute;
  bottom: -1px;
}

.post-header__decor .decor__start,
.post-header__decor .decor__end,
.post-header__decor .decor__center {
  background: #fafafa;
}

.post-header__decor .decor__start,
.post-header__decor .decor__end {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.post-header__image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  z-index: -1;
  opacity: 0.22;
}

.post-header__body {
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
  padding: 52px 30px;
}

.post-header__title {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
}

.post-header__categories {
  margin-bottom: 28px;
}

.post-header__categories-list {
  list-style: none;
  margin: -3px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.post-header__categories-item {
  margin: 3px;
}

.post-header__categories-link {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  background: #1a79ff;
  padding: 3px 9px;
  border-radius: 1.5px;
  font-weight: 500;
}

@media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 1dppx) {
  .post-header__categories-link {
    font-weight: 400;
  }
}

.post-header__categories-link,
.post-header__categories-link:hover {
  color: #fff;
}

.post-header__meta {
  font-size: 14px;
  margin-top: 24px;
  color: #999;
}

.post-header__meta-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.post-header__meta-item + .post-header__meta-item {
  position: relative;
}

[dir="ltr"] .post-header__meta-item + .post-header__meta-item {
  margin-left: 24px;
}

[dir="rtl"] .post-header__meta-item + .post-header__meta-item {
  margin-right: 24px;
}

.post-header__meta-item + .post-header__meta-item:before {
  display: block;
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: currentColor;
  top: 9px;
}

[dir="ltr"] .post-header__meta-item + .post-header__meta-item:before {
  left: -14px;
}

[dir="rtl"] .post-header__meta-item + .post-header__meta-item:before {
  right: -14px;
}

.post-header__meta-link {
  color: inherit;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
}

.post-header__meta-link:hover {
  color: #0064f0;
}

.post-header--has-image {
  background: #262626;
  margin-bottom: -150px;
  padding-bottom: 150px;
}

.post-header--has-image .post-header__body {
  color: #fff;
  padding: 60px 30px;
}

.post-header--has-image .post-header__title,
.post-header--has-image .post-header__meta {
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.post-header--has-image .post-header__meta {
  color: inherit;
}

.post-header--has-image .post-header__meta-link:hover {
  color: #ffdf40;
}

@media (max-width: 1199.98px) {
  .post-header {
    padding-top: 0;
  }
}

@media (max-width: 575.98px) {
  .post-header__body {
    padding: 36px 30px;
  }
  .post-header__categories {
    margin-bottom: 20px;
  }
  .post-header__title {
    font-size: 28px;
  }
  .post-header__meta {
    margin-top: 16px;
  }
  .post-header--has-image .post-header__body {
    padding: 48px 30px;
  }
}

@media (max-width: 419px) {
  .post-header--has-image {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

/*
// .post-navigation
*/
.post-navigation__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.post-navigation__item {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  color: inherit;
  -webkit-transition: background 0.12s;
  transition: background 0.12s;
}

.post-navigation__item:hover {
  background: #f2f2f2;
  color: inherit;
}

.post-navigation__item-image {
  overflow: hidden;
  border-radius: 2px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.post-navigation__item-title {
  font-size: 15px;
  line-height: 22px;
  margin-top: 3px;
}

.post-navigation__direction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 21px;
  color: #999;
}

.post-navigation__direction-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  fill: currentColor;
  padding-bottom: 1px;
  opacity: 0.8;
}

.post-navigation__direction-arrow svg {
  display: block;
}

[dir="ltr"] .post-navigation__direction-arrow svg {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

[dir="rtl"] .post-navigation__direction-arrow svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

[dir="ltr"] .post-navigation__item--prev {
  text-align: left;
}

[dir="rtl"] .post-navigation__item--prev {
  text-align: right;
}

[dir="ltr"] .post-navigation__item--prev .post-navigation__item-image {
  margin-right: 18px;
}

[dir="rtl"] .post-navigation__item--prev .post-navigation__item-image {
  margin-left: 18px;
}

.post-navigation__item--prev .post-navigation__direction {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

[dir="ltr"] .post-navigation__item--prev .post-navigation__direction-arrow {
  margin-right: 8px;
}

[dir="rtl"] .post-navigation__item--prev .post-navigation__direction-arrow {
  margin-left: 8px;
}

[dir="ltr"] .post-navigation__item--next {
  text-align: right;
}

[dir="rtl"] .post-navigation__item--next {
  text-align: left;
}

[dir="ltr"] .post-navigation__item--next .post-navigation__item-image {
  margin-left: 18px;
}

[dir="rtl"] .post-navigation__item--next .post-navigation__item-image {
  margin-right: 18px;
}

.post-navigation__item--next .post-navigation__direction {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

[dir="ltr"] .post-navigation__item--next .post-navigation__direction-arrow {
  margin-left: 8px;
}

[dir="rtl"] .post-navigation__item--next .post-navigation__direction-arrow {
  margin-right: 8px;
}

@media (max-width: 767.98px) {
  .post-navigation__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .post-navigation__item {
    width: 100%;
  }
  .post-navigation__item--next {
    border-top: 1px solid #ebebeb;
  }
}

/*
// .post-view
*/
.post-view__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.post-view__item-post {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 760px;
}

.post-view__item-sidebar {
  width: 332px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

[dir="ltr"] .post-view__item + .post-view__item {
  margin-left: 48px;
}

[dir="rtl"] .post-view__item + .post-view__item {
  margin-right: 48px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .post-view__item-sidebar {
    width: 290px;
  }
  [dir="ltr"] .post-view__item + .post-view__item {
    margin-left: 36px;
  }
  [dir="rtl"] .post-view__item + .post-view__item {
    margin-right: 36px;
  }
}

@media (max-width: 991.98px) {
  .post-view__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .post-view__item-sidebar {
    width: 100%;
    margin-top: 20px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  [dir="ltr"] .post-view__item + .post-view__item {
    margin-left: 0;
  }
  [dir="rtl"] .post-view__item + .post-view__item {
    margin-right: 0;
  }
}

.post-view__card {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  position: relative;
}

.post-view__card + .post-view__card {
  margin-top: 24px;
}

.post-view__card-title {
  padding: 44px 0 8px;
  margin: 0 48px 40px;
  font-size: 28px;
  font-weight: 700;
  border-bottom: 1px solid #ebebeb;
}

.post-view__card-body {
  padding: 0 48px 48px;
}

@media (max-width: 767.98px) {
  .post-view__card-title {
    padding: 28px 0 8px;
    margin: 0 32px 28px;
  }
  .post-view__card-body {
    padding: 0 32px 32px;
  }
}

@media (max-width: 575.98px) {
  .post-view__card-title {
    padding: 22px 0 4px;
    margin: 0 24px 24px;
    font-size: 24px;
  }
  .post-view__card-body {
    padding: 0 24px 24px;
  }
}

@media (max-width: 419px) {
  .post-view__card {
    margin-left: -15px;
    margin-right: -15px;
  }
}

/*
// .posts-list
*/
.posts-list__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.posts-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.posts-list--layout--classic .posts-list__body {
  margin: -20px;
}

.posts-list--layout--classic .posts-list__item {
  margin: 20px;
  width: calc(100% - 40px);
}

.posts-list--layout--grid-2 .posts-list__body {
  margin: -14px;
}

.posts-list--layout--grid-2 .posts-list__item {
  margin: 14px;
  width: calc(50% - 28px);
}

@media (max-width: 1399.98px) {
  .posts-list--layout--grid-2 .posts-list__body {
    margin: -10px;
  }
  .posts-list--layout--grid-2 .posts-list__item {
    margin: 10px;
    width: calc(50% - 20px);
  }
}

@media (max-width: 767.98px) {
  .posts-list--layout--grid-2 .posts-list__body {
    margin: -16px;
  }
  .posts-list--layout--grid-2 .posts-list__item {
    margin: 16px;
    width: calc(100% - 32px);
  }
}

.posts-list--layout--list .posts-list__body {
  margin: -14px;
}

.posts-list--layout--list .posts-list__item {
  margin: 14px;
  width: calc(100% - 28px);
}

/*
// .posts-view
*/
.posts-view__pagination {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* ----------------------------------------
// Account
// ---------------------------------------- */
/*
// .account-nav
*/
.account-nav {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.account-nav__title {
  padding: 1.375rem 1.5rem;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
}

.account-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 15px;
  line-height: 20px;
}

.account-nav__item a {
  cursor: pointer;
  display: block;
  color: #6c757d;
  padding: 7px 1.5rem;
}

.account-nav__item:hover a {
  background: #f2f2f2;
}

.account-nav__item--active a {
  color: inherit;
  font-weight: 500;
}

.account-nav__divider {
  height: 1px;
  background: #ebebeb;
  margin: 10px 0;
}

@media (min-width: 992px) {
  .account-nav__list {
    padding-bottom: 1.375rem;
  }
  [dir="ltr"] .account-nav__item--active a {
    -webkit-box-shadow: 3px 0 #1a79ff inset;
    box-shadow: 3px 0 #1a79ff inset;
  }
  [dir="rtl"] .account-nav__item--active a {
    -webkit-box-shadow: -3px 0 #1a79ff inset;
    box-shadow: -3px 0 #1a79ff inset;
  }
}

@media (max-width: 991.98px) {
  .account-nav {
    overflow-x: auto;
    max-width: 100%;
  }
  .account-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    padding: 0 8px;
  }
  .account-nav__title {
    display: none;
  }
  .account-nav__item a {
    padding: 14px 20px;
  }
  .account-nav__item--active a {
    -webkit-box-shadow: 0 -3px #1a79ff inset;
    box-shadow: 0 -3px #1a79ff inset;
  }
}

/*
// .address-card
*/
.address-card {
  position: relative;
}

.address-card__badge {
  position: absolute;
  top: 12px;
}

[dir="ltr"] .address-card__badge {
  right: 12px;
}

[dir="rtl"] .address-card__badge {
  left: 12px;
}

.address-card__body {
  padding: 1.5rem;
  font-size: 15px;
  line-height: 18px;
}

.address-card__name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 1.125rem;
}

.address-card__row + .address-card__row {
  margin-top: 0.75rem;
}

.address-card__row-title {
  font-size: 13px;
  color: #6c757d;
}

.address-card__footer {
  margin-top: 1.625rem;
}

.address-card__footer a:hover {
  text-decoration: underline;
}

.address-card--featured .address-card__body {
  padding: 2rem;
}

.address-card--featured .address-card__name {
  font-weight: 700;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .address-card--featured .address-card__body {
    padding: 1.5rem;
  }
}

@media (max-width: 767.98px) {
  .address-card--featured .address-card__body {
    padding: 1.375rem;
  }
}

/*
// .addresses-list
*/
.addresses-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.addresses-list__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.addresses-list__item--new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2rem;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.addresses-list__divider:last-child {
  display: none;
}

.addresses-list__plus {
  width: 60px;
  height: 60px;
  position: relative;
  border-radius: 30px;
  margin-bottom: 24px;
  color: #e0e0e0;
  border: 2px solid currentColor;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.addresses-list__plus:before,
.addresses-list__plus:after {
  content: "";
  position: absolute;
  width: 32px;
  height: 4px;
  background: currentColor;
  border-radius: 1.5px;
  top: calc(50% - 2px);
}

[dir="ltr"] .addresses-list__plus:before,
[dir="ltr"] .addresses-list__plus:after {
  left: calc(50% - 16px);
}

[dir="rtl"] .addresses-list__plus:before,
[dir="rtl"] .addresses-list__plus:after {
  right: calc(50% - 16px);
}

.addresses-list__plus:after {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.addresses-list__item--new:hover .addresses-list__plus {
  color: #ccc;
}

@media (min-width: 768px) {
  .addresses-list__item {
    width: calc((100% - 32px - 1px) / 3);
  }
  .addresses-list__divider:nth-child(2n) {
    width: 16px;
  }
  .addresses-list__divider:nth-child(6n) {
    width: 100%;
    height: 16px;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .addresses-list__item {
    width: calc((100% - 16px - 1px) / 2);
  }
  .addresses-list__divider:nth-child(2n) {
    width: 16px;
  }
  .addresses-list__divider:nth-child(4n) {
    width: 100%;
    height: 16px;
  }
}

@media (max-width: 479px) {
  .addresses-list__item {
    width: calc((100% - 0px - 1px) / 1);
  }
  .addresses-list__divider:nth-child(2n) {
    width: 16px;
  }
  .addresses-list__divider:nth-child(2n) {
    width: 100%;
    height: 16px;
  }
}

/*
// .dashboard
*/
/* ================= DASHBOARD LAYOUT ================= */
.dashboard {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.dashboard__orders {
  margin-top: 24px;
  width: 100%;
}

/* Card Layout */
.dashboard__profile,
.dashboard__address {
  background: var(--dark-800);
  border: var(--border-gold-glow);
  border-radius: 12px;
  padding: 24px;
  backdrop-filter: blur(10px);
  box-shadow: 0 0 20px var(--overlay-gold-soft);
  transition: 0.3s ease;
}

.dashboard__profile:hover,
.dashboard__address:hover {
  border: var(--border-gold-mid);
  box-shadow: 0 0 25px var(--overlay-gold-glow);
  transform: translateY(-3px);
}

/* Responsive */
@media (min-width: 768px) {
  .dashboard__profile,
  .dashboard__address {
    width: calc(50% - 10px);
  }
}

@media (max-width: 767.98px) {
  .dashboard__profile,
  .dashboard__address {
    width: 100%;
  }

  .dashboard__address {
    margin-top: 20px;
  }
}


/* ================= PROFILE CARD ================= */
.profile-card__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Avatar */
.profile-card__avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  padding: 3px;
  background: linear-gradient(135deg, var(--gold-400), var(--gold-600));
  margin-bottom: 16px;
}

.profile-card__avatar img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Name */
.profile-card__name {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  color: var(--light-100);
  margin-bottom: 4px;
}

/* Email */
.profile-card__email {
  font-size: 14px;
  color: var(--gold-300);
  margin-bottom: 20px;
}

/* Extra Info (optional enhancement) */
.profile-card__meta {
  font-size: 13px;
  color: var(--light-300);
  opacity: 0.8;
}

/* ================= OPTIONAL BUTTON ================= */
.profile-card__btn {
  margin-top: 10px;
  padding: 8px 18px;
  border: var(--border-gold-thin);
  color: var(--gold-300);
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  transition: var(--transition-btn);
}

.profile-card__btn:hover {
  background: var(--gold-500);
  color: var(--light-100);
  box-shadow: 0 0 12px var(--overlay-gold-glow);
}
/* Clean professional toast */
/* Toast container */
.Vue-Toastification__container {
  position: fixed !important;
  top: 1rem;
  right: 1rem;
  z-index: 999999 !important;
}

/* Toast box */
.Vue-Toastification__toast {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  background: #323232;
  color: #fff;

  border-radius: 6px;
  padding: 10px 14px;
  min-width: 260px;

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  font-size: 14px;
}

/* Toast text */
.Vue-Toastification__toast-body {
  flex: 1;
  margin: 0 !important;
  padding-right: 12px;
  line-height: 1.4;
}

/* Close (X) button */
.Vue-Toastification__close-button {
  border: none !important;
  background: transparent !important;
  color: #fff !important;

  font-size: 16px;
  line-height: 1;
  padding: 0;
  margin: 0;

  cursor: pointer;
  opacity: 0.7;
}

.Vue-Toastification__close-button:hover {
  opacity: 1;
}

/* ===============================
   TOAST TYPES
   =============================== */

.Vue-Toastification__toast--error {
  background: #dc3545 !important;
}

.Vue-Toastification__toast--success {
  background: #28a745 !important;
}

@font-face {
  font-family: "Inter", sans-serif;
  src:
    url("/public/fonts/BankGothicBT-Light.woff2") format("woff2"),
    url("/public/fonts/BankGothicBT-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ─── RESET ─────────────────────────────────── */
.tnc *,
.tnc *::before,
.tnc *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ─── TOKENS ────────────────────────────────── */

/* ─── HERO ──────────────────────────────────── */
.tnc__hero {
  background: var(--ink);
  display: flex;
  align-items: stretch;
  min-height: 340px;
  position: relative;
  overflow: hidden;
}

/* Decorative vertical lines on hero */
.tnc__hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--sidebar-w);
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.08);
}

.tnc__hero-inner {
  flex: 1;
  padding: 56px 72px 52px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}

.tnc__hero-eyebrow {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.tnc__hero-eyebrow::before {
  content: "";
  display: block;
  width: 32px;
  height: 1px;
  background: var(--accent);
}

.tnc__hero-title {
  font-family: var(--font-head);
  font-size: clamp(72px, 10vw, 128px);
  line-height: 0.9;
  letter-spacing: 2px;
  color: black;
  margin-bottom: 32px;
}
.tnc__hero-title span {
  color: var(--accent);
  display: block;
}

.tnc__hero-meta {
  display: flex;
  gap: 36px;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 24px;
}
.tnc__hero-meta-item {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45);
  font-weight: 300;
  letter-spacing: 0.3px;
}
.tnc__hero-meta-item strong {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  display: block;
  font-size: 13px;
  margin-bottom: 2px;
}

.tnc__sidebar-brand span {
  color: var(--accent);
}

.tnc__sidebar-label {
  padding: 28px 28px 10px;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.25);
}

.tnc__nav {
  list-style: none;
  flex: 1;
  padding: 0 0 40px;
}
.tnc__nav-item {
  position: relative;
}
.tnc__nav-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 28px;
  font-size: 12.5px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  cursor: pointer;
  transition:
    color 0.15s,
    background 0.15s;
  border-left: 2px solid transparent;
  line-height: 1.3;
}
.tnc__nav-link:hover {
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.04);
}
.tnc__nav-link--active {
  color: var(--white) !important;
  border-left-color: var(--accent) !important;
  background: rgba(200, 64, 42, 0.1) !important;
}
.tnc__nav-num {
  font-family: var(--font-head);
  font-size: 13px;
  color: rgba(255, 255, 255, 0.18);
  min-width: 22px;
  transition: color 0.15s;
  letter-spacing: 1px;
}
.tnc__nav-link--active .tnc__nav-num {
  color: var(--accent);
}
.tnc__nav-link:hover .tnc__nav-num {
  color: rgba(255, 255, 255, 0.5);
}

/* ─── MAIN COLUMN ───────────────────────────── */
.tnc__main {
  display: flex;
  margin: auto;
  max-width: 1200px;
  flex-direction: column;
  min-height: 100vh;
}

/* ─── NOTICE ────────────────────────────────── */
.tnc__notice {
  border: 3px solid var(--accent);
  padding: 20px 28px;
  margin: 0 72px 0;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  position: relative;
  top: -1px;
}
.tnc__notice-icon {
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--accent);
  font-style: normal;
}
.tnc__notice p {
  font-size: 13.5px;
  color: var(--ink-2);
  line-height: 1.65;
  margin: 0;
}

/* ─── CONTENT AREA ──────────────────────────── */
.tnc__content {
  flex: 1;
  padding: 56px 72px 80px;
}

/* ─── SECTION CARD ──────────────────────────── */
.tnc__section {
  background: var(--white);
  border: 1px solid var(--rule);
  margin-bottom: 16px;
  padding: 40px 48px;
  position: relative;
  scroll-margin-top: 32px;
  transition: border-color 0.2s;
}
.tnc__section:hover {
  border-color: #c0bbb2;
}

/* Section number badge */
.tnc__section-badge {
  position: absolute;
  top: 40px;
  right: 48px;
  font-family: var(--font-head);
  font-size: 52px;
  line-height: 1;
  color: var(--cream);
  letter-spacing: 1px;
  user-select: none;
  pointer-events: none;
}

.tnc__section-title {
  font-family: var(--font-serif);
  font-size: 21px;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 16px;
  line-height: 1.3;
  padding-right: 60px;
}

.tnc__section-text {
  font-size: 14.5px;
  color: var(--ink-2);
  margin-bottom: 12px;
  line-height: 1.85;
}
.tnc__section-text:last-child {
  margin-bottom: 0;
}

/* ─── RULE LIST ─────────────────────────────── */
.tnc__list {
  list-style: none;
  margin: 16px 0 0;
  border-top: 1px solid var(--rule);
}
.tnc__list-item {
  display: flex;
  gap: 16px;
  align-items: baseline;
  padding: 11px 0;
  font-size: 14px;
  color: var(--ink-2);
  line-height: 1.7;
}
.tnc__list-item::before {
  content: "→";
  color: var(--accent);
  font-size: 12px;
  flex-shrink: 0;
  font-weight: 700;
}

/* ─── HIGHLIGHT ─────────────────────────────── */
.tnc__highlight {
  background: red;
  color: var(--white);
  padding: 20px 24px;
  margin: 20px 0 0;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.tnc__highlight::before {
  content: "!";
  background: var(--accent);
  color: var(--white);
  font-weight: 700;
  font-size: 11px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
.tnc__highlight p {
  font-size: 13.5px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

/* ─── CONTACT STRIP ─────────────────────────── */
.tnc__contact {
  background: var(--dark-900);
  margin: 0 0 0;
  padding: 48px 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.tnc__contact-title {
  font-family: var(--font-head);
  font-size: 36px;
  letter-spacing: 1.5px;
  color: var(--white);
  margin-bottom: 8px;
  line-height: 1;
}
.tnc__contact-sub {
  font-size: 14px;
  color: var(--light-100);
}
.tnc__contact-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  background: var(--accent);
  color: var(--white);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-decoration: none;
  flex-shrink: 0;
  transition:
    background 0.15s,
    transform 0.15s;
}
.tnc__contact-btn:hover {
  background: #a83320;
  color: var(--white);
}

/* ─── FOOTER ────────────────────────────────── */
.tnc__footer {
  background: #070707;
  padding: 20px 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.25);
  gap: 12px;
  flex-wrap: wrap;
}
.tnc__footer-links {
  display: flex;
  align-items: center;
  gap: 20px;
}
.tnc__footer a {
  color: rgba(255, 255, 255, 0.3);
  text-decoration: none;
  transition: color 0.15s;
  font-size: 12px;
}
.tnc__footer a:hover {
  color: var(--accent);
}


/* ─── RESPONSIVE ────────────────────────────── */
@media (max-width: 900px) {
  .tnc__sidebar {
    display: none;
  }
  .tnc__main {
    margin-left: 0;
  }
  .tnc__hero {
    padding-left: 0;
    min-height: auto;
  }
  .tnc__hero-inner {
    padding: 40px 24px 36px;
  }
  .tnc__hero-title {
    font-size: clamp(56px, 15vw, 80px);
  }
  .tnc__notice {
    margin: 0 24px 0;
  }
  .tnc__content {
    padding: 40px 24px 60px;
  }
  .tnc__section {
    padding: 28px 24px;
  }
  .tnc__section-badge {
    right: 24px;
    font-size: 40px;
  }
  .tnc__contact {
    flex-direction: column;
    align-items: flex-start;
    padding: 36px 24px;
  }
  .tnc__footer {
    padding: 16px 24px;
    flex-direction: column;
    text-align: center;
  }
  .tnc__progress {
    left: 0;
  }
}

/* ── Reset ── */
.privacy *,
.privacy *::before,
.privacy *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── Tokens ── */
.privacy {
  --privacy-ink: #0a0a0a;
  --privacy-paper: #ffffff;
  --privacy-paper-dark: #ffffff;
  --privacy-accent: #c8392b;
  --privacy-accent-light: #1a79ff;
  --privacy-gold: #ffdf40;
  --privacy-muted: #7a7570;
  --privacy-border: rgba(10, 10, 10, 0.12);
  --privacy-font-display: "BankGothic", sans-serif;
  --privacy-font-body: "BankGothic", sans-serif;
  --privacy-font-ui: "BankGothic", sans-serif;
  --privacy-max-w: 1200px;

  min-height: 100vh;
  background: var(--privacy-paper);
  color: var(--privacy-ink);
  font-family: var(--privacy-font-body);
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

/* ── Progress bar ── */
.privacy__progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--privacy-border);
  z-index: 200;
}
.privacy__progress-bar {
  height: 100%;
  background: var(--privacy-accent);
  transition: width 0.1s linear;
}

/* ── Layout ── */
.privacy__main {
  max-width: var(--privacy-max-w);
  margin: 0 auto;
  padding: 0 32px 80px;
}

/* ── Hero ── */
.privacy__hero {
  padding: 96px 0 72px;
  border-bottom: 1px solid var(--privacy-border);
  margin-bottom: 48px;
}

.privacy__hero-eyebrow {
  font-family: var(--privacy-font-display);
  font-size: 11px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--privacy-muted);
  margin-bottom: 20px;
}

.privacy__hero-title {
  font-family: var(--privacy-font-display);
  font-size: clamp(56px, 9vw, 110px);
  line-height: 0.92;
  letter-spacing: 0.02em;
  color: var(--privacy-ink);
  margin-bottom: 48px;
}

.privacy__hero-title span {
  display: block;
  color: var(--privacy-accent);
}

.privacy__hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.privacy__hero-meta-item {
  font-family: var(--privacy-font-ui);
  font-size: 12px;
  color: var(--privacy-muted);
  padding: 12px 28px 12px 0;
  margin-right: 28px;
  border-right: 1px solid var(--privacy-border);
  line-height: 1.5;
}

.privacy__hero-meta-item:last-child {
  border-right: none;
}

.privacy__hero-meta-item strong {
  display: block;
  font-family: var(--privacy-font-display);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--privacy-gold);
  margin-bottom: 4px;
  font-weight: normal;
}

/* ── Notice banner ── */
.privacy__notice {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  border: 3px solid var(--privacy-accent);
  padding: 20px 24px;
  margin-bottom: 56px;
}

.privacy__notice-icon {
  font-style: normal;
  font-size: 18px;
  color: var(--privacy-accent);
  flex-shrink: 0;
  margin-top: 1px;
}

.privacy__notice p {
  font-family: var(--privacy-font-ui);
  font-size: 13px;
  color: var(--privacy-ink);
  line-height: 1.65;
}

/* ── Content (full width, no sidebar) ── */
.privacy__content {
  width: 100%;
}

.privacy__section {
  padding: 64px 0;
  border-top: 1px solid var(--privacy-border);
}

.privacy__section:first-child {
  border-top: none;
  padding-top: 0;
}

.privacy__section-inner {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 28px;
}

.privacy__section-badge {
  font-family: var(--privacy-font-display);
  font-size: 11px;
  letter-spacing: 0.2em;
  color: var(--privacy-gold);
  flex-shrink: 0;
}

.privacy__section-title {
  font-family: var(--privacy-font-display);
  font-size: 28px;
  letter-spacing: 0.04em;
  font-weight: normal;
  color: var(--privacy-ink);
}

.privacy__section-text {
  font-size: 15px;
  color: #2c2c2c;
  margin-bottom: 18px;
  max-width: 820px;
  line-height: 1.8;
}

.privacy__list {
  list-style: none;
  margin: 20px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.privacy__list-item {
  font-family: var(--privacy-font-ui);
  font-size: 14px;
  color: #2c2c2c;
  padding: 13px 18px;
  background: var(--privacy-paper-dark);
  border-left: 3px solid var(--privacy-gold);
  line-height: 1.6;
}

.privacy__highlight {
  margin-top: 24px;
  padding: 22px 26px;
  border: 1px solid rgba(200, 57, 43, 0.2);
  max-width: 820px;
}

.privacy__highlight p {
  font-family: var(--privacy-font-ui);
  font-size: 14px;
  color: var(--privacy-ink);
  line-height: 1.7;
}

/* ── Contact strip ── */
.privacy__contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 80px;
  padding: 40px 48px;
  background: var(--privacy-ink);
  color: var(--privacy-paper);
}

.privacy__contact-title {
  font-family: var(--privacy-font-display);
  font-size: 26px;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.privacy__contact-sub {
  font-family: var(--privacy-font-ui);
  font-size: 13px;
  color: var(--privacy-muted);
}

.privacy__contact-btn {
  font-family: var(--privacy-font-display);
  font-size: 13px;
  letter-spacing: 0.12em;
  text-decoration: none;
  color: var(--privacy-ink);
  background: var(--privacy-paper);
  padding: 14px 28px;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
}

.privacy__contact-btn:hover {
  background: var(--privacy-accent);
  color: #fff;
}

/* ── Footer ── */
.privacy__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 48px;
  padding-top: 28px;
  border-top: 1px solid var(--privacy-border);
  font-family: var(--privacy-font-ui);
  font-size: 12px;
  color: var(--privacy-muted);
}

.privacy__footer-links {
  display: flex;
  gap: 24px;
}

.privacy__footer-links a {
  font-family: var(--privacy-font-display);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--privacy-muted);
  text-decoration: none;
  transition: color 0.2s;
}

.privacy__footer-links a:hover {
  color: var(--privacy-accent);
}

/* ── Animations ── */
@keyframes privacy-fadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.privacy__hero-eyebrow {
  animation: privacy-fadeUp 0.5s ease both;
}
.privacy__hero-title {
  animation: privacy-fadeUp 0.5s 0.08s ease both;
}
.privacy__hero-meta {
  animation: privacy-fadeUp 0.5s 0.16s ease both;
}

/* ── Responsive ── */
@media (max-width: 720px) {
  .privacy__list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .privacy__hero {
    padding: 72px 0 48px;
  }
  .privacy__contact {
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 28px;
  }
  .privacy__main {
    padding: 0 20px 60px;
  }
}

/* ── Reset ── */
.returns *,
.returns *::before,
.returns *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── Tokens ── */
.returns {
  --returns-ink: #0a0a0a;
  --returns-paper: #ffffff;
  --returns-paper-dark: #ffffff;
  --returns-accent: #c8392b;
  --returns-accent-light: #f0e8e6;
  --returns-gold: #b89b5e;
  --returns-green: #2a6b4a;
  --returns-green-light: #1a79ff;
  --returns-muted: #7a7570;
  --returns-border: rgba(10, 10, 10, 0.12);
  --returns-font-display: "BankGothic", sans-serif;
  --returns-font-body: "BankGothic", sans-serif;
  --returns-font-ui: "BankGothic", sans-serif;
  --returns-max-w: 1200px;

  min-height: 100vh;
  background: var(--returns-paper);
  color: var(--returns-ink);
  font-family: var(--returns-font-body);
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

/* ── Progress bar ── */
.returns__progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--returns-border);
  z-index: 200;
}
.returns__progress-bar {
  height: 100%;
  background: var(--returns-green);
  transition: width 0.1s linear;
}

/* ── Main wrapper ── */
.returns__main {
  max-width: var(--returns-max-w);
  margin: 0 auto;
  padding: 0 32px 80px;
}

/* ── Hero ── */
.returns__hero {
  padding: 96px 0 72px;
  border-bottom: 1px solid var(--returns-border);
  margin-bottom: 48px;
}

.returns__hero-eyebrow {
  font-family: var(--returns-font-display);
  font-size: 11px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--returns-muted);
  margin-bottom: 20px;
}

.returns__hero-title {
  font-family: var(--returns-font-display);
  font-size: clamp(56px, 9vw, 110px);
  line-height: 0.92;
  letter-spacing: 0.02em;
  color: var(--returns-ink);
  margin-bottom: 48px;
}

.returns__hero-title span {
  display: block;
  color: var(--returns-green);
}

.returns__hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.returns__hero-meta-item {
  font-family: var(--returns-font-ui);
  font-size: 12px;
  color: var(--returns-muted);
  padding: 12px 28px 12px 0;
  margin-right: 28px;
  border-right: 1px solid var(--returns-border);
  line-height: 1.5;
}

.returns__hero-meta-item:last-child {
  border-right: none;
}

.returns__hero-meta-item strong {
  display: block;
  font-family: var(--returns-font-display);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--returns-gold);
  margin-bottom: 4px;
  font-weight: normal;
}

/* ── Notice banner ── */
.returns__notice {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  border: 3px solid var(--returns-green);
  padding: 20px 24px;
  margin-bottom: 56px;
}

.returns__notice-icon {
  font-size: 18px;
  color: var(--returns-green);
  flex-shrink: 0;
  margin-top: 1px;
}

.returns__notice p {
  font-family: var(--returns-font-ui);
  font-size: 13px;
  color: var(--returns-ink);
  line-height: 1.65;
}

/* ── Steps strip ── */
.returns__steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--returns-border);
  border: 1px solid var(--returns-border);
  margin-bottom: 56px;
}

.returns__step {
  background: var(--returns-paper);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.returns__step-num {
  font-family: var(--returns-font-display);
  font-size: 32px;
  color: var(--returns-green);
  line-height: 1;
  letter-spacing: 0.05em;
}

.returns__step-title {
  font-family: var(--returns-font-display);
  font-size: 14px;
  letter-spacing: 0.1em;
  color: var(--returns-ink);
}

.returns__step-desc {
  font-family: var(--returns-font-ui);
  font-size: 12px;
  color: var(--returns-muted);
  line-height: 1.6;
}

/* ── Content (full width, no sidebar) ── */
.returns__content {
  width: 100%;
}

.returns__section {
  padding: 64px 0;
  border-top: 1px solid var(--returns-border);
}

.returns__section:first-child {
  border-top: none;
  padding-top: 0;
}

.returns__section-inner {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 28px;
}

.returns__section-badge {
  font-family: var(--returns-font-display);
  font-size: 11px;
  letter-spacing: 0.2em;
  color: var(--returns-gold);
  flex-shrink: 0;
}

.returns__section-title {
  font-family: var(--returns-font-display);
  font-size: 28px;
  letter-spacing: 0.04em;
  font-weight: normal;
  color: var(--returns-ink);
}

.returns__section-text {
  font-size: 15px;
  color: #2c2c2c;
  margin-bottom: 18px;
  max-width: 820px;
  line-height: 1.8;
}

/* ── List: 2-col grid ── */
.returns__list {
  list-style: none;
  margin: 20px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.returns__list-item {
  font-family: var(--returns-font-ui);
  font-size: 14px;
  color: #2c2c2c;
  padding: 13px 18px;
  background: var(--returns-paper-dark);
  border-left: 3px solid var(--returns-gold);
  line-height: 1.6;
}

/* ── Highlight ── */
.returns__highlight {
  margin-top: 24px;
  padding: 22px 26px;
  border: 3px solid rgba(42, 107, 74, 0.2);
  max-width: 820px;
}

.returns__highlight p {
  font-family: var(--returns-font-ui);
  font-size: 14px;
  color: var(--returns-ink);
  line-height: 1.7;
}

/* ── Non-returnable tags ── */
.returns__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.returns__tag {
  font-family: var(--returns-font-display);
  font-size: 11px;
  letter-spacing: 0.1em;
  border: 1px solid var(--returns-gold);
  color: red;
  padding: 6px 14px;
}

/* ── Refund timeline ── */
.returns__timeline {
  margin-top: 24px;
  max-width: 820px;
  display: flex;
  flex-direction: column;
}

.returns__timeline-row {
  display: grid;
  grid-template-columns: 160px 1fr;
  border-top: 1px solid var(--returns-border);
}

.returns__timeline-row:last-child {
  border-bottom: 1px solid var(--returns-border);
}

.returns__timeline-label {
  font-family: var(--returns-font-display);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--returns-muted);
  padding: 14px 16px 14px 0;
  border-right: 1px solid var(--returns-border);
}

.returns__timeline-val {
  font-family: var(--returns-font-ui);
  font-size: 13px;
  color: var(--returns-ink);
  padding: 14px 0 14px 20px;
  line-height: 1.5;
}

/* ── Contact strip ── */
.returns__contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 80px;
  padding: 40px 48px;
  background: var(--returns-ink);
  color: var(--returns-paper);
}

.returns__contact-title {
  font-family: var(--returns-font-display);
  font-size: 26px;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.returns__contact-sub {
  font-family: var(--returns-font-ui);
  font-size: 13px;
  color: var(--returns-muted);
}

.returns__contact-btn {
  font-family: var(--returns-font-display);
  font-size: 13px;
  letter-spacing: 0.12em;
  text-decoration: none;
  color: var(--returns-ink);
  background: var(--returns-paper);
  padding: 14px 28px;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
}

.returns__contact-btn:hover {
  background: var(--returns-green);
  color: #fff;
}

/* ── Footer ── */
.returns__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 48px;
  padding-top: 28px;
  border-top: 1px solid var(--returns-border);
  font-family: var(--returns-font-ui);
  font-size: 12px;
  color: var(--returns-muted);
}

.returns__footer-links {
  display: flex;
  gap: 24px;
}

.returns__footer-links a {
  font-family: var(--returns-font-display);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--returns-muted);
  text-decoration: none;
  transition: color 0.2s;
}

.returns__footer-links a:hover {
  color: var(--returns-green);
}

/* ── Animations ── */
@keyframes returns-fadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.returns__hero-eyebrow {
  animation: returns-fadeUp 0.5s ease both;
}
.returns__hero-title {
  animation: returns-fadeUp 0.5s 0.08s ease both;
}
.returns__hero-meta {
  animation: returns-fadeUp 0.5s 0.16s ease both;
}
.returns__steps {
  animation: returns-fadeUp 0.5s 0.24s ease both;
}

/* ── Responsive ── */
@media (max-width: 720px) {
  .returns__list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .returns__steps {
    grid-template-columns: repeat(2, 1fr);
  }
  .returns__hero {
    padding: 72px 0 48px;
  }
  .returns__contact {
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 28px;
  }
  .returns__main {
    padding: 0 20px 60px;
  }
}

@media (max-width: 400px) {
  .returns__steps {
    grid-template-columns: 1fr;
  }
}

.whatsapp__fixed-side {
  position: fixed;
  right: 0;
  bottom: 80px;
  z-index: 9999;
  display: flex;
  align-items: center;
  background-color: #1a79ff;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 14px 10px 12px;
  box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.25);
  transition:
    padding 0.3s ease,
    background-color 0.3s ease;
  gap: 8px;
}

.whatsapp__fixed-side:hover {
  background-color: #1ebe57;
  padding-right: 18px;
  color: #ffffff;
  text-decoration: none;
}

.whatsapp__icon {
  font-size: 24px;
  line-height: 1;
}

.whatsapp__label {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

.odm-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(10, 12, 20, 0.6);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  animation: odm-fade-in 0.2s ease;
}
@media (min-width: 640px) {
  .odm-backdrop {
    align-items: center;
    padding: 16px;
  }
}

/* ── Sheet ── */
.odm-sheet {
  background: #fff;
  width: 100%;
  max-width: 900px;
  border-radius: 20px 20px 0 0;
  max-height: 95dvh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 -8px 60px rgba(0, 0, 0, 0.18);
  animation: odm-slide-up 0.28s cubic-bezier(0.22, 0.68, 0, 1.2);
  overflow: hidden;
}
@media (min-width: 640px) {
  .odm-sheet {
    border-radius: 20px;
    max-height: 90dvh;
    animation: odm-pop-in 0.28s cubic-bezier(0.22, 0.68, 0, 1.2);
  }
}

/* ── Header ── */
.odm-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #f0f0f0;
  flex-shrink: 0;
  background: #fff;
}
.odm-header__left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.odm-order-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, #4f6ef7, #7c3aed);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.odm-header__eyebrow {
  font-size: 11px;
  color: #9ca3af;
  margin: 0;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.odm-header__title {
  font-size: 18px;
  font-weight: 800;
  color: #111;
  margin: 0;
  line-height: 1.1;
}
.odm-close {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #6b7280;
  transition: all 0.15s;
}
.odm-close:hover {
  background: #f3f4f6;
  color: #111;
}

/* ── Body ── */
.odm-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.odm-body::-webkit-scrollbar {
  width: 4px;
}
.odm-body::-webkit-scrollbar-thumb {
  background: #e5e7eb;
  border-radius: 2px;
}

/* ── Status Row ── */
.odm-status-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.odm-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 20px;
  letter-spacing: 0.2px;
}
.odm-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

/* Order status colours */
.odm-status--awaiting_payment {
  background: #fef9c3;
  color: #854d0e;
}
.odm-status--confirmed {
  background: #dbeafe;
  color: #1e40af;
}
.odm-status--processing {
  background: #e0e7ff;
  color: #3730a3;
}
.odm-status--shipped {
  background: #d1fae5;
  color: #065f46;
}
.odm-status--delivered {
  background: #bbf7d0;
  color: #14532d;
}
.odm-status--cancelled {
  background: #fee2e2;
  color: #991b1b;
}
.odm-status--refunded {
  background: #f3f4f6;
  color: #374151;
}

/* Payment status colours */
.odm-pay--pending {
  background: #fef3c7;
  color: #92400e;
}
.odm-pay--paid {
  background: #dcfce7;
  color: #166534;
}
.odm-pay--failed {
  background: #fee2e2;
  color: #991b1b;
}
.odm-pay--refunded {
  background: #e0e7ff;
  color: #3730a3;
}

.odm-date {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: #9ca3af;
  margin-left: auto;
}

/* ── Tracker ── */
.odm-tracker {
  display: flex;
  align-items: flex-start;
  gap: 0;
  background: #f9fafb;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 16px 20px;
  overflow-x: auto;
}
.odm-tracker__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  position: relative;
  min-width: 64px;
}
.odm-tracker__node {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #e5e7eb;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
  transition: all 0.2s;
  font-size: 11px;
  font-weight: 700;
}
.odm-tracker__step.is-done .odm-tracker__node {
  background: #16a34a;
  border-color: #16a34a;
  color: #fff;
}
.odm-tracker__step.is-active .odm-tracker__node {
  background: #4f6ef7;
  border-color: #4f6ef7;
  color: #fff;
  box-shadow: 0 0 0 4px rgba(79, 110, 247, 0.15);
}
.odm-tracker__step.is-cancelled .odm-tracker__node {
  background: #ef4444;
  border-color: #ef4444;
  color: #fff;
}

.odm-tracker__line {
  position: absolute;
  top: 14px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #e5e7eb;
  z-index: 0;
}
.odm-tracker__line.is-filled {
  background: #16a34a;
}

.odm-tracker__label {
  font-size: 11px;
  color: #9ca3af;
  margin-top: 7px;
  text-align: center;
  font-weight: 600;
  white-space: nowrap;
}
.odm-tracker__step.is-active .odm-tracker__label {
  color: #4f6ef7;
}
.odm-tracker__step.is-done .odm-tracker__label {
  color: #16a34a;
}

/* ── 2-col grid ── */
.odm-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 640px) {
  .odm-grid {
    grid-template-columns: 1fr 280px;
  }
}

.odm-right {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* ── Card ── */
.odm-card {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.odm-card__head {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 700;
  color: #374151;
  background: #f9fafb;
  border-bottom: 1px solid #f0f0f0;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

/* ── Items ── */
.odm-items {
  display: flex;
  flex-direction: column;
}
.odm-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid #f5f5f5;
}
.odm-item:last-child {
  border-bottom: none;
}
.odm-item__img {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
  overflow: hidden;
  flex-shrink: 0;
  background: #fafafa;
}
.odm-item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.odm-item__img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.odm-item__info {
  flex: 1;
  min-width: 0;
}
.odm-item__name {
  font-size: 13px;
  font-weight: 600;
  color: #111;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.odm-item__variant {
  font-size: 11px;
  color: #9ca3af;
  margin: 2px 0 0;
}
.odm-item__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.odm-item__qty {
  font-size: 12px;
  color: #6b7280;
  background: #f3f4f6;
  padding: 1px 7px;
  border-radius: 4px;
}
.odm-item__price {
  font-size: 12px;
  color: #6b7280;
}
.odm-item__total {
  font-size: 14px;
  font-weight: 700;
  color: #111;
  flex-shrink: 0;
}

/* ── Totals ── */
.odm-totals {
  border-top: 1px solid #f0f0f0;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.odm-totals__row {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #6b7280;
}
.odm-totals__row--discount {
  color: #16a34a;
}
.odm-totals__row--grand {
  font-size: 15px;
  font-weight: 800;
  color: #111;
  border-top: 1px solid #e5e7eb;
  padding-top: 8px;
  margin-top: 4px;
}

/* ── Address ── */
.odm-addr {
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 12.5px;
  color: #4b5563;
  line-height: 1.6;
}
.odm-addr__name {
  font-weight: 700;
  color: #111;
  font-size: 13px;
  margin: 0 0 2px;
}
.odm-addr p {
  margin: 0;
}
.odm-addr__phone {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #6b7280;
  margin-top: 4px;
}
.odm-addr--empty {
  padding: 12px 14px;
  font-size: 12px;
  color: #9ca3af;
  margin: 0;
}

/* ── Payment meta ── */
.odm-meta-list {
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.odm-meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.odm-meta-label {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.odm-meta-val {
  font-size: 12px;
  color: #374151;
  font-weight: 600;
  text-align: right;
}
.odm-meta-val--mono {
  font-family: "SF Mono", "Fira Code", monospace;
  font-size: 11px;
  color: #6b7280;
  word-break: break-all;
}

/* ── Notes ── */
.odm-notes__text {
  padding: 12px 14px;
  font-size: 13px;
  color: #4b5563;
  line-height: 1.6;
  margin: 0;
}

/* ── Footer ── */
.odm-footer {
  flex-shrink: 0;
  padding: 12px 20px;
  border-top: 1px solid #f0f0f0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.odm-footer__id {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.odm-footer__id-label {
  font-size: 10px;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.odm-footer__id-val {
  font-size: 11px;
  color: #6b7280;
  font-family: "SF Mono", "Fira Code", monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.odm-btn-close {
  padding: 9px 22px;
  border: none;
  border-radius: 8px;
  background: #111;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s;
  flex-shrink: 0;
}
.odm-btn-close:hover {
  background: #333;
}

/* ── Animations ── */
@keyframes odm-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes odm-slide-up {
  from {
    transform: translateY(60px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes odm-pop-in {
  from {
    transform: scale(0.94);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* custom css  */
:root {
  --gold-100: #fff5f5;
  --gold-200: #ffdddd;
  --gold-300: #ffaaaa;
  --gold-400: #ff2222;
  --gold-500: #cc0000;
  --gold-600: #aa0000;
  --gold-700: #880000;
  --gold-800: #550000;
  --gold-900: #220000;

  --yellow-100: #fff0f0;
  --yellow-200: #ffe0e0;
  --yellow-300: #ffcccc;
  --yellow-400: #ff4444;
  --yellow-500: #ff2222;
  --yellow-600: #cc0000;
  --yellow-700: #aa0000;

  --dark-950: #0a0000;
  --dark-900: #110000;
  --dark-800: #1a0000;
  --dark-700: #240000;
  --dark-600: #300000;

  --light-100: #ffffff;
  --light-200: #ffffff;
  --light-300: #fff5f5;

  --overlay-dark-heavy: rgba(10, 0, 0, 0.55);
  --overlay-dark-mid: rgba(10, 0, 0, 0.45);
  --overlay-gold-soft: rgba(204, 0, 0, 0.1);
  --overlay-gold-glow: rgba(255, 34, 34, 0.2);
  --overlay-shimmer: rgba(255, 255, 255, 0.12);

  --font-display: "Inter", sans-serif;
  --font-sans: "Inter", sans-serif;
--panel-width: 340px;
  --carousel-height-desktop: 88vh;
  --carousel-height-tablet: 75vh;
  --carousel-height-mobile: 520px;

  --carousel-radius: 0px;

  --nav-btn-size: 52px;
  --nav-btn-size-mobile: 40px;
  --dot-size: 8px;
  --dot-size-active: 28px;
  --corner-size: 20px;
  --corner-thickness: 2px;
  --shimmer-height: 1px;

  --transition-slide: transform 0.85s cubic-bezier(0.77, 0, 0.175, 1);
  --transition-fade: opacity 0.5s ease;
  --transition-btn:
    background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  --transition-dot:
    width 0.35s cubic-bezier(0.4, 0, 0.2, 1), background 0.25s ease;
  --transition-content:
    opacity 0.6s ease 0.3s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.3s;

  --border-gold-thin: 1px solid var(--gold-500);
  --border-gold-mid: 1px solid var(--gold-400);
  --border-gold-glow: 1px solid rgba(255, 34, 34, 0.35);

  --shadow-btn: none;
  --shadow-content: none;
  --shadow-cta: none;

  --progress-height: 2px;
  --progress-bg: rgba(255, 255, 255, 0.1);
  --progress-fill: var(--gold-400);

  --z-bg: 0;
  --z-overlay: 1;
  --z-shimmer: 2;
  --z-content: 3;
  --z-corners: 4;
  --z-nav: 10;
  --z-dots: 10;
  --z-progress: 10;
}

/* ════════════════════════════════════════════════
   SECTION SHELL
════════════════════════════════════════════════ */
/* ════════════════════════════════════════════════
   CSS CUSTOM PROPERTIES
════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════
   BASE
════════════════════════════════════════════════ */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ════════════════════════════════════════════════
   HERO CAROUSEL WRAPPER
════════════════════════════════════════════════ */
.hero-carousel {
  position: relative;
  width: 100%;
  height: var(--carousel-height-desktop);
  overflow: hidden;
  background: var(--dark-950);
  font-family: var(--font-sans);
  user-select: none;
}

/* ════════════════════════════════════════════════
   LAYER 0 — BACKGROUND IMAGES
════════════════════════════════════════════════ */
.carousel__bg-layer {
  position: absolute;
  inset: 0;
  z-index: var(--z-bg);
}

.carousel__bg-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(1.06);
  transition:
    opacity 1s cubic-bezier(0.4, 0, 0.2, 1),
    transform 6.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: opacity, transform;
}

.carousel__bg-slide.is-active {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}

.carousel__bg-slide.is-prev {
  opacity: 0;
  transform: scale(0.98);
  z-index: 1;
  transition:
    opacity 0.9s ease,
    transform 1.2s ease;
}

.carousel__bg-fallback {
  position: absolute;
  inset: 0;
}

.carousel__bg-slide:nth-child(1) .carousel__bg-fallback {
  background: radial-gradient(ellipse at 30% 60%, #2a0000 0%, #0f0000 60%, var(--dark-950) 100%);
}
.carousel__bg-slide:nth-child(2) .carousel__bg-fallback {
  background: radial-gradient(ellipse at 70% 40%, #1a0000 0%, #090000 60%, var(--dark-950) 100%);
}
.carousel__bg-slide:nth-child(3) .carousel__bg-fallback {
  background: radial-gradient(ellipse at 50% 70%, #220000 0%, #0c0000 60%, var(--dark-950) 100%);
}

/* ════════════════════════════════════════════════
   LAYER 1 — OVERLAYS
════════════════════════════════════════════════ */
.carousel__overlay-layer {
  position: absolute;
  inset: 0;
  z-index: var(--z-overlay);
  pointer-events: none;
}

.carousel__shimmer-lines {
  position: absolute;
  inset: 0;
  z-index: var(--z-shimmer);
}

.shimmer-line {
  position: absolute;
  left: 0;
  right: 0;
  height: var(--shimmer-height);
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--overlay-shimmer) 30%,
    rgba(255, 34, 34, 0.18) 50%,
    var(--overlay-shimmer) 70%,
    transparent 100%
  );
  opacity: 0;
  animation: shimmerPulse 8s ease-in-out infinite;
}

.shimmer-line--1 {
  top: 28%;
  animation-delay: 0s;
  animation-duration: 7s;
}
.shimmer-line--2 {
  top: 58%;
  animation-delay: 2.4s;
  animation-duration: 9s;
}
.shimmer-line--3 {
  top: 80%;
  animation-delay: 4.8s;
  animation-duration: 6s;
}

@keyframes shimmerPulse {
  0%, 100% {
    opacity: 0;
    transform: scaleX(0.6) translateX(-4%);
  }
  50% {
    opacity: 1;
    transform: scaleX(1) translateX(0);
  }
}

.carousel__particles {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* ════════════════════════════════════════════════
   LAYER 2 — GEOMETRIC FRAME
════════════════════════════════════════════════ */
.carousel__frame {
  position: absolute;
  inset: 0;
  z-index: var(--z-corners);
  pointer-events: none;
}

.carousel__corner {
  position: absolute;
  width: var(--corner-size);
  height: var(--corner-size);
}

.carousel__corner--tl {
  top: 20px;
  left: 20px;
  border-top: var(--corner-thickness) solid var(--gold-500);
  border-left: var(--corner-thickness) solid var(--gold-500);
}
.carousel__corner--tr {
  top: 20px;
  right: 20px;
  border-top: var(--corner-thickness) solid var(--gold-500);
  border-right: var(--corner-thickness) solid var(--gold-500);
}
.carousel__corner--bl {
  bottom: 20px;
  left: 20px;
  border-bottom: var(--corner-thickness) solid var(--gold-500);
  border-left: var(--corner-thickness) solid var(--gold-500);
}
.carousel__corner--br {
  bottom: 20px;
  right: 20px;
  border-bottom: var(--corner-thickness) solid var(--gold-500);
  border-right: var(--corner-thickness) solid var(--gold-500);
}

.carousel__slide-counter {
  position: absolute;
  bottom: 54px;
  right: 52px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}

.counter__current {
  font-family: var(--font-display);
  font-size: 2.8rem;
  font-weight: 300;
  color: var(--gold-400);
  line-height: 1;
  letter-spacing: -0.02em;
}

.counter__sep {
  display: block;
  width: 28px;
  height: 1px;
  background: var(--gold-600);
  margin-left: auto;
}

.counter__total {
  font-family: var(--font-sans);
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: var(--gold-700);
}

/* ════════════════════════════════════════════════
   LEFT PANEL — SEARCH FORM
════════════════════════════════════════════════ */
.carousel__left-panel {
  position: absolute;
  top: 0;
  left: 50px;
  width: var(--panel-width);
  height: 100%;
  z-index: var(--z-panel);
  background: rgba(10, 0, 0, 0.32);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(255, 34, 34, 0.12);
}

.panel__inner {
  width: 100%;
  padding: 32px 28px;
}

.panel__heading {
  font-family: var(--font-display);
  font-size: 1.55rem;
  font-weight: 700;
  color: var(--gold-400);
  line-height: 1.2;
  margin: 0 0 10px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.panel__sub {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--gold-500);
  margin: 0 0 28px;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.panel__sub strong {
  color: rgba(255, 255, 255, 0.85);
  font-weight: 700;
}

.panel__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.panel__field {
  position: relative;
}

.panel__select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.75);
  font-family: var(--font-sans);
  font-size: 0.82rem;
  font-weight: 400;
  padding: 12px 40px 12px 14px;
  cursor: pointer;
  outline: none;
  transition:
    border-color 0.2s ease,
    background 0.2s ease;
  border-radius: 0;
}

.panel__select:hover,
.panel__select:focus {
  border-color: rgba(255, 34, 34, 0.5);
  background: rgba(255, 255, 255, 0.09);
}

.panel__select option {
  background: #1a0000;
  color: #fff;
}

.panel__select-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--gold-400);
  pointer-events: none;
  display: flex;
  align-items: center;
}

.panel__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 13px 20px;
  background: var(--gold-400);
  border: none;
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease;
  margin-top: 4px;
  border-radius: 0;
}

.panel__btn:hover {
  background: var(--gold-500);
}

/* ════════════════════════════════════════════════
   LAYER 3 — CONTENT (offset from panel)
════════════════════════════════════════════════ */
.carousel__content-layer {
  position: absolute;
  top: 0;
  left: calc(50px + var(--panel-width));
  right: 0;
  bottom: 0;
  z-index: var(--z-content);
  display: flex;
  align-items: flex-end;
  padding: 0 0 90px 48px;
}

.carousel__content-track {
  position: relative;
  width: 100%;
}

.carousel__content {
  max-width: 580px;
  margin: auto;
}

.carousel__eyebrow-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  animation: contentIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.carousel__eyebrow-dash {
  display: block;
  width: 32px;
  height: 1px;
  background: var(--gold-500);
  flex-shrink: 0;
}

.carousel__eyebrow {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--gold-400);
}

.carousel__title {
  display: block;
  overflow: hidden;
  color: var(--light-200);
  margin: 0 0 18px;
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 400;
  line-height: 1;
}

.carousel__title-word {
  display: inline-block;
  animation: wordReveal 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(0.08s + var(--wi) * 0.07s);
}

@keyframes wordReveal {
  from {
    opacity: 0;
    transform: translateY(28px) rotate(1.5deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) rotate(0deg);
  }
}

.carousel__subtitle {
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 300;
  letter-spacing: 0.06em;
  color: rgba(254, 252, 245, 0.62);
  margin: 0 0 28px;
  line-height: 1.6;
  animation: contentIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both;
}

.carousel__cta {
  display: inline-block;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  animation: contentIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.38s both;
  color: var(--light-100);
  background: var(--gold-500);
}

.carousel__cta-inner {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 13px 28px 13px 20px;
  border: var(--border-gold-thin);
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 500;
  background-color: var(--gold-500);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--light-100);
  transition:
    color 0.25s ease,
    gap 0.25s ease;
}

.carousel__cta-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--gold-600), var(--gold-500));
  transform: translateX(-101%);
  transition: transform 0.38s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 1;
}

.carousel__cta:hover .carousel__cta-bg {
  transform: translateX(0);
}
.carousel__cta:hover .carousel__cta-inner {
  color: var(--gold-500);
  gap: 16px;
  background: var(--light-100);
}

.carousel__cta-arrow {
  display: flex;
  align-items: center;
}

@keyframes contentIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.slide-content-enter-active .carousel__eyebrow-row,
.slide-content-enter-active .carousel__title-word,
.slide-content-enter-active .carousel__subtitle,
.slide-content-enter-active .carousel__cta {
  animation-play-state: running;
}

/* ════════════════════════════════════════════════
   LAYER 4 — CONTROLS
════════════════════════════════════════════════ */
.carousel__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: var(--z-nav);
  width: var(--nav-btn-size);
  height: var(--nav-btn-size);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gold-500);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: var(--light-100);
  cursor: pointer;
  transition: var(--transition-btn);
}

.carousel__nav--prev {
  left: calc(50px + var(--panel-width) + 16px);
}
.carousel__nav--next {
  right: 16px;
}

.carousel__nav:hover {
  background: var(--light-100);
  color: var(--gold-500);
}

.nav__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel__dots {
  position: absolute;
  bottom: 32px;
  left: calc(50px + var(--panel-width) + ((100% - 50px - var(--panel-width)) / 2));
  transform: translateX(-50%);
  z-index: var(--z-dots);
  display: flex;
  align-items: center;
  gap: 6px;
}

.carousel__dot {
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  cursor: pointer;
  padding: 0;
  transition: var(--transition-dot);
}

.carousel__dot--active {
  width: var(--dot-size-active);
  background: var(--gold-400);
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 1280px (large desktop)
════════════════════════════════════════════════ */
@media (max-width: 1280px) {
  :root {
    --panel-width: 300px;
  }

  .carousel__left-panel {
    left: 32px;
  }

  .carousel__content-layer {
    left: calc(32px + var(--panel-width));
    padding: 0 0 80px 36px;
  }

  .carousel__nav--prev {
    left: calc(32px + var(--panel-width) + 12px);
  }

  .carousel__dots {
    left: calc(32px + var(--panel-width) + ((100% - 32px - var(--panel-width)) / 2));
  }
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 1024px (small desktop / large tablet landscape)
════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  :root {
    --panel-width: 270px;
  }

  .hero-carousel {
    height: var(--carousel-height-tablet);
  }

  .carousel__left-panel {
    left: 20px;
  }

  .panel__inner {
    padding: 24px 20px;
  }

  .panel__heading {
    font-size: 1.35rem;
  }

  .carousel__content-layer {
    left: calc(20px + var(--panel-width));
    padding: 0 0 72px 28px;
  }

  .carousel__nav--prev {
    left: calc(20px + var(--panel-width) + 10px);
  }

  .carousel__dots {
    left: calc(20px + var(--panel-width) + ((100% - 20px - var(--panel-width)) / 2));
  }

  .counter__current {
    font-size: 2.2rem;
  }

  .carousel__slide-counter {
    bottom: 40px;
    right: 36px;
  }
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 900px (tablet portrait / large phone landscape)
════════════════════════════════════════════════ */
@media (max-width: 900px) {
  :root {
    --panel-width: 240px;
    --nav-btn-size: var(--nav-btn-size-mobile);
  }

  .hero-carousel {
    height: var(--carousel-height-tablet);
  }

  .carousel__left-panel {
    left: 0;
    border-left: none;
  }

  .panel__inner {
    padding: 20px 16px;
  }

  .panel__heading {
    font-size: 1.2rem;
    margin-bottom: 8px;
  }

  .panel__sub {
    font-size: 0.68rem;
    margin-bottom: 20px;
  }

  .panel__form {
    gap: 10px;
  }

  .panel__select {
    font-size: 0.78rem;
    padding: 10px 36px 10px 12px;
  }

  .panel__btn {
    padding: 11px 16px;
    font-size: 0.75rem;
  }

  .carousel__content-layer {
    left: var(--panel-width);
    padding: 0 0 70px 24px;
  }

  .carousel__nav--prev {
    left: calc(var(--panel-width) + 8px);
  }

  .carousel__nav--next {
    right: 8px;
  }

  .carousel__dots {
    left: calc(var(--panel-width) + ((100% - var(--panel-width)) / 2));
  }

  .carousel__slide-counter {
    bottom: 32px;
    right: 28px;
  }

  .counter__current {
    font-size: 1.8rem;
  }

  .carousel__corner {
    width: 20px;
    height: 20px;
  }
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 768px (tablet portrait)
════════════════════════════════════════════════ */
@media (max-width: 768px) {
  :root {
    --panel-width: 210px;
  }

  .panel__inner {
    padding: 16px 14px;
  }

  .panel__heading {
    font-size: 1.1rem;
    letter-spacing: 0.01em;
  }

  .panel__sub {
    display: none;
  }

  .carousel__subtitle {
    font-size: 0.85rem;
  }

  .carousel__title {
    font-size: clamp(1.4rem, 2.5vw, 2rem);
    margin-bottom: 12px;
  }

  .carousel__slide-counter {
    display: none;
  }

  .carousel__corner--tr,
  .carousel__corner--br {
    display: none;
  }
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 640px (large phone portrait)
════════════════════════════════════════════════ */
@media (max-width: 640px) {
  :root {
    --panel-width: 0px;
  }

  .hero-carousel {
    height: auto;
    min-height: var(--carousel-height-mobile);
    display: flex;
    flex-direction: column;
  }

  /* Panel stacks below the image area */
  .carousel__left-panel {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    border-right: none;
    border-bottom: 1px solid rgba(255, 34, 34, 0.2);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: rgba(10, 0, 0, 0.95);
    order: 2;
  }

  .panel__inner {
    padding: 20px 42px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 12px 16px;
    align-items: start;
  }

  .panel__heading {
    grid-column: 1 / -1;
    font-size: 1.1rem;
    margin-bottom: 0;
  }

  .panel__sub {
    display: none;
  }

  .panel__form {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .panel__btn {
    grid-column: 1 / -1;
  }

  /* Image + content area */
  .carousel__bg-layer,
  .carousel__overlay-layer,
  .carousel__frame {
    position: absolute;
    height: var(--carousel-height-mobile);
  }

  .carousel__content-layer {
    position: relative;
    left: 0;
    height: var(--carousel-height-mobile);
    padding: 0 0 64px 20px;
    order: 1;
    flex-shrink: 0;
  }

  .carousel__nav--prev {
    left: 8px;
  }

  .carousel__nav--next {
    right: 8px;
  }

  .carousel__dots {
    left: 50%;
    transform: translateX(-50%);
  }

  .carousel__slide-counter {
    display: none;
  }

  .carousel__corner {
    display: none;
  }

  .carousel__content {
    max-width: 70%;
    margin: auto;
  }

  .carousel__title {
    font-size: clamp(1.3rem, 5.5vw, 1.8rem);
  }

  .carousel__subtitle {
    font-size: 0.82rem;
    margin-bottom: 20px;
  }

  .shimmer-line {
    display: none;
  }
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 480px (small phone)
════════════════════════════════════════════════ */
@media (max-width: 480px) {
  :root {
    --carousel-height-mobile: 460px;
  }

  .panel__inner {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .panel__form {
    grid-template-columns: 1fr;
  }

  .panel__btn {
    grid-column: 1;
  }

  .carousel__cta-inner {
    padding: 11px 20px 11px 16px;
    font-size: 10px;
    letter-spacing: 0.18em;
  }

  .carousel__eyebrow {
    font-size: 10px;
  }
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 360px (very small phone)
════════════════════════════════════════════════ */
@media (max-width: 360px) {
  :root {
    --carousel-height-mobile: 420px;
  }

  .panel__heading {
    font-size: 1rem;
  }

  .carousel__title {
    font-size: 1.2rem;
  }

  .carousel__subtitle {
    font-size: 0.78rem;
  }

  .carousel__nav {
    width: 30px;
    height: 30px;
  }
}

/* ════════════════════════════════════════════════
   ACCESSIBILITY
════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  .carousel__bg-slide,
  .carousel__title-word,
  .carousel__eyebrow-row,
  .carousel__subtitle,
  .carousel__cta,
  .shimmer-line {
    animation: none !important;
    transition: opacity 0.3s ease !important;
  }

  .carousel__bg-slide {
    transform: scale(1) !important;
  }
}

/* Focus styles for keyboard nav */
.carousel__nav:focus-visible,
.carousel__dot:focus-visible,
.panel__select:focus-visible,
.panel__btn:focus-visible {
  outline: 2px solid var(--gold-400);
  outline-offset: 2px;
}


/* brand-page */

/* Subtle top glow */
.brands-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 80% 35% at 50% 0%,
    rgba(212, 160, 23, 0.06) 0%,
    transparent 70%
  );
  pointer-events: none;
}

/* ════════════════════════════════════════════════
   ARCHITECTURAL RULE
════════════════════════════════════════════════ */
.bs-rule {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0 40px;
}
.bs-rule--top {
  margin-bottom: 0;
  padding-top: 32px;
}
.bs-rule--bottom {
  margin-top: 52px;
  padding-bottom: 8px;
}

.bs-rule__line {
  flex: 1;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(180, 130, 10, 0.35),
    transparent
  );
}
.bs-rule--top .bs-rule__line:first-child {
  background: linear-gradient(90deg, transparent, rgba(180, 130, 10, 0.35));
}
.bs-rule--top .bs-rule__line:last-child {
  background: linear-gradient(90deg, rgba(180, 130, 10, 0.35), transparent);
}

.bs-rule__center {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 12px;
}

.bs-rule__diamond {
  display: block;
  width: 7px;
  height: 7px;
  background: var(--gold-500);
  transform: rotate(45deg);
  flex-shrink: 0;
}
.bs-rule__diamond--sm {
  width: 4px;
  height: 4px;
  background: var(--gold-400);
  opacity: 0.6;
}
.bs-rule__dash {
  display: block;
  width: 18px;
  height: 1px;
  background: var(--gold-700);
}

/* ════════════════════════════════════════════════
   HEADER
════════════════════════════════════════════════ */
.bs-header {
  text-align: center;
  padding: 44px 24px 48px;
}

.bs-header__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 16px;
}
.bs-header__eyebrow-line {
  display: block;
  width: 48px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-700));
}
.bs-header__eyebrow-line:last-child {
  background: linear-gradient(90deg, var(--gold-700), transparent);
}
.bs-header__eyebrow-text {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--gold-600);
}

.bs-header__title {
  font-family: var(--font-display);
  font-size: clamp(2.4rem, 5vw, 3.8rem);
  font-weight: 300;
  color: var(--light-200);
  letter-spacing: 0.02em;
  line-height: 1.1;
  margin: 0 0 14px;
}

.bs-header__title-em {
  font-weight: 400;
  color: var(--gold-300);
}

.bs-header__sub {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.12em;
  color: rgba(254, 252, 245, 0.38);
  text-transform: uppercase;
}

/* ════════════════════════════════════════════════
   TRACK WRAPPER
════════════════════════════════════════════════ */
.bs-track-wrap {
  position: relative;
  overflow: hidden;
}

.bs-fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 80px;
  z-index: 2;
  pointer-events: none;
}
.bs-fade--left {
  left: 0;
  background: linear-gradient(90deg, var(--dark-900), transparent);
}
.bs-fade--right {
  right: 0;
  background: linear-gradient(270deg, var(--dark-900), transparent);
}

.bs-track {
  display: flex;
  gap: 2px;
  list-style: none;
  padding: 8px 56px 16px;
  margin: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.bs-track::-webkit-scrollbar {
  display: none;
}

/* ════════════════════════════════════════════════
   BRAND CARD
════════════════════════════════════════════════ */
.bs-card {
  flex-shrink: 0;
  scroll-snap-align: start;
  width: 168px;
  animation: cardIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(var(--ci, 0) * 0.06s);
}

@keyframes cardIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bs-card__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 28px 14px 20px;
  background: var(--dark-800);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: background 0.3s ease;
  border-bottom: 1px solid transparent;
}

.bs-card__link:hover {
  background: var(--dark-700);
  border-bottom-color: var(--gold-700);
}

/* Corner accents */
.bs-card__corner {
  position: absolute;
  width: 14px;
  height: 14px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.bs-card__link:hover .bs-card__corner {
  opacity: 1;
}
.bs-card__corner--tl {
  top: 6px;
  left: 6px;
  border-top: 1px solid var(--gold-500);
  border-left: 1px solid var(--gold-500);
}
.bs-card__corner--br {
  bottom: 6px;
  right: 6px;
  border-bottom: 1px solid var(--gold-500);
  border-right: 1px solid var(--gold-500);
}

/* Shimmer bar at bottom */
.bs-card__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    var(--gold-700),
    var(--gold-400),
    var(--gold-700)
  );
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.bs-card__link:hover .bs-card__bar {
  transform: scaleX(1);
}

/* Numeral chip */
.bs-card__numeral {
  position: absolute;
  top: 10px;
  left: 12px;
  font-family: var(--font-display);
  font-size: 10px;
  color: var(--gold-800);
  letter-spacing: 0.06em;
  line-height: 1;
  transition: color 0.25s;
}
.bs-card__link:hover .bs-card__numeral {
  color: var(--gold-600);
}

/* Medallion */
.bs-card__medallion {
  position: relative;
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  margin-bottom: 18px;
}

.bs-card__ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  animation: ringRotate 24s linear infinite;
  opacity: 0.7;
}
.bs-card__link:hover .bs-card__ring {
  opacity: 1;
}

@keyframes ringRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.bs-card__medallion-inner {
  position: absolute;
  inset: 14%;
  border-radius: 50%;
  background: var(--dark-700);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(145, 101, 7, 0.3);
  transition:
    border-color 0.3s,
    background 0.3s;
}
.bs-card__link:hover .bs-card__medallion-inner {
  border-color: rgba(233, 188, 63, 0.45);
  background: var(--dark-600);
}

.bs-card__medallion-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
  filter: brightness(0.9) saturate(0.85);
  transition: filter 0.3s;
}
.bs-card__link:hover .bs-card__medallion-img {
  filter: brightness(1) saturate(1);
}

.bs-card__mono {
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-weight: 300;
  color: var(--gold-600);
  letter-spacing: 0.04em;
  transition: color 0.25s;
}
.bs-card__link:hover .bs-card__mono {
  color: var(--gold-400);
}

/* All Houses medallion */
.bs-card__medallion--all .bs-card__medallion-inner {
  background: linear-gradient(135deg, var(--dark-700), var(--dark-600));
  border-color: rgba(233, 188, 63, 0.25);
}

/* Card body */
.bs-card__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.bs-card__name {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 400;
  color: var(--light-200);
  text-align: center;
  line-height: 1.25;
  letter-spacing: 0.01em;
  transition: color 0.25s;
}
.bs-card__name--all {
  color: var(--gold-300);
}
.bs-card__link:hover .bs-card__name {
  color: var(--gold-200);
}

.bs-card__sep {
  display: block;
  width: 24px;
  height: 1px;
  background: var(--gold-800);
  transition:
    background 0.25s,
    width 0.25s;
}
.bs-card__link:hover .bs-card__sep {
  width: 36px;
  background: var(--gold-500);
}

.bs-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold-700);
  transition:
    color 0.25s,
    gap 0.25s;
}
.bs-card__cta--all {
  color: var(--gold-500);
}
.bs-card__link:hover .bs-card__cta {
  color: var(--gold-400);
  gap: 8px;
}
.bs-card__link:hover .bs-card__cta--all {
  color: var(--gold-300);
}

.bs-card__cta-arrow {
  flex-shrink: 0;
  transition: transform 0.25s;
}
.bs-card__link:hover .bs-card__cta-arrow {
  transform: translateX(3px);
}

/* "All" card accent border */
.bs-card--all .bs-card__link {
  background: linear-gradient(180deg, var(--dark-800), var(--dark-700));
  border: 1px solid rgba(145, 101, 7, 0.2);
}
.bs-card--all .bs-card__link:hover {
  border-color: rgba(233, 188, 63, 0.35);
  background: var(--dark-700);
}

/* ════════════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════════ */
@media (max-width: 600px) {
  .bs-card {
    width: 140px;
  }
  .bs-card__link {
    padding: 22px 10px 16px;
  }
  .bs-card__medallion {
    width: 72px;
    height: 72px;
  }
  .bs-header {
    padding: 36px 16px 40px;
  }
}

/* brands-page */

.brands-page {
  background-color: var(--light-200);
  min-height: 100vh;
  font-family: var(--font-sans);
  color: var(--dark-900);
}

/* ── Masthead ── */
.brands-masthead {
  padding: 40px 48px 0;
}

.brands-masthead__rule {
  height: 1px;
  background: var(--dark-600);
  margin-bottom: 18px;
  opacity: 0.12;
}

.brands-masthead__rule--gold {
  background: linear-gradient(
    90deg,
    var(--gold-500),
    var(--yellow-500),
    transparent
  );
  opacity: 1;
  height: 2px;
  margin-top: 28px;
  margin-bottom: 0;
}

.brands-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.72rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.brands-breadcrumb__link {
  color: var(--gold-600);
  text-decoration: none;
  transition: color 0.2s;
}
.brands-breadcrumb__link:hover {
  color: var(--gold-400);
}
.brands-breadcrumb__sep {
  color: var(--gold-700);
  opacity: 0.5;
}
.brands-breadcrumb__current {
  color: var(--dark-700);
  opacity: 0.55;
}

.brands-masthead__headline-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.brands-masthead__title {
  display: flex;
  flex-direction: column;
  line-height: 1;
  margin: 0;
  gap: 0;
}

.brands-masthead__title-line {
  display: block;
  font-family: var(--font-display);
}

.brands-masthead__title-line--thin {
  font-size: clamp(2rem, 4vw, 3.4rem);
  font-weight: 300;
  color: var(--dark-800);
  letter-spacing: 0.04em;
  opacity: 0.45;
}

.brands-masthead__title-line--accent {
  font-size: clamp(3rem, 6.5vw, 6rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-top: -8px;
  background: linear-gradient(
    135deg,
    var(--dark-900) 0%,
    var(--gold-700) 60%,
    var(--gold-400) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.brands-masthead__count {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  padding-bottom: 8px;
}

.brands-masthead__count-num {
  font-family: var(--font-display);
  font-size: clamp(2.4rem, 4vw, 3.8rem);
  font-weight: 600;
  line-height: 1;
  color: var(--gold-500);
}

.brands-masthead__count-label {
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--dark-700);
  opacity: 0.5;
}

/* ── Layout ── */
.brands-layout {
  display: grid;
  grid-template-columns: 260px 1fr;
  align-items: start;
}

/* ── Sidebar ── */
.brands-sidebar {
  position: sticky;
  top: 24px;
  padding: 36px 0 36px 48px;
}

.brands-sidebar__inner {
  border-right: 1px solid rgba(212, 160, 23, 0.18);
  padding-right: 28px;
}

.brands-sidebar__header {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(212, 160, 23, 0.25);
}

.brands-sidebar__header-label {
  font-size: 0.62rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold-600);
}

.brands-sidebar__header-title {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--dark-900);
  line-height: 1.1;
}

.brands-sidebar__state {
  font-size: 0.8rem;
  color: var(--dark-700);
  opacity: 0.5;
  padding: 12px 0;
}
.brands-sidebar__state--error {
  color: #c0392b;
  opacity: 1;
}

.brands-sidebar__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.brands-sidebar__link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px 8px 6px;
  border-radius: 4px;
  text-decoration: none;
  color: var(--dark-800);
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  transition:
    background 0.15s,
    color 0.15s;
}

.brands-sidebar__link:hover,
.brands-sidebar__link--active {
  color: var(--gold-600);
  background: rgba(212, 160, 23, 0.07);
}

.brands-sidebar__link-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--gold-500);
  opacity: 0;
  transition: opacity 0.2s;
  flex-shrink: 0;
}
.brands-sidebar__link:hover .brands-sidebar__link-dot,
.brands-sidebar__link--active .brands-sidebar__link-dot {
  opacity: 1;
}

.brands-sidebar__link-name {
  flex: 1;
}

.brands-sidebar__link-count {
  font-size: 0.68rem;
  color: var(--gold-600);
  background: rgba(212, 160, 23, 0.1);
  padding: 1px 6px;
  border-radius: 20px;
  font-weight: 500;
}

.brands-sidebar__models {
  list-style: none;
  margin: 0 0 4px;
  padding: 0 0 0 21px;
}

.brands-sidebar__model-link {
  display: block;
  padding: 4px 8px;
  font-size: 0.75rem;
  color: var(--dark-700);
  text-decoration: none;
  border-left: 2px solid rgba(212, 160, 23, 0.15);
  margin-bottom: 2px;
  transition:
    border-color 0.2s,
    color 0.2s;
}
.brands-sidebar__model-link:hover,
.brands-sidebar__model-link--active {
  border-left-color: var(--gold-500);
  color: var(--gold-600);
}

.brands-sidebar__toggle {
  display: block;
  margin: 4px 0 4px 21px;
  background: none;
  border: none;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  color: var(--gold-600);
  cursor: pointer;
  padding: 2px 0;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.brands-sidebar__toggle:hover {
  opacity: 1;
}

/* ── Main ── */
.brands-main {
  padding: 36px 48px 80px 40px;
}

/* ── A–Z Strip ── */
.brands-az {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 40px;
  padding: 12px 16px;
  background: var(--overlay-gold-soft);
  border: 1px solid rgba(212, 160, 23, 0.18);
  border-radius: 2px;
}

.brands-az__btn {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  font-family: var(--font-display);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--dark-800);
  cursor: pointer;
  border-radius: 2px;
  opacity: 0.55;
  transition:
    background 0.15s,
    color 0.15s,
    opacity 0.15s;
}
.brands-az__btn:hover {
  background: rgba(212, 160, 23, 0.12);
  color: var(--gold-700);
  opacity: 1;
}
.brands-az__btn--active {
  background: var(--gold-500);
  color: var(--dark-900);
  opacity: 1;
}

.brands-main__state {
  padding: 40px 0;
  font-size: 0.85rem;
  color: var(--dark-700);
  opacity: 0.5;
}
.brands-main__state--error {
  color: #c0392b;
  opacity: 1;
}

/* ── Letter Groups ── */
.brands-groups {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-bottom: 72px;
}

.brands-group__marker {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.brands-group__letter {
  font-family: var(--font-display);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  min-width: 36px;
  background: linear-gradient(135deg, var(--gold-400), var(--yellow-600));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.brands-group__rule {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(212, 160, 23, 0.35), transparent);
}

/* ── Brand Cards Grid ── */
.brands-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}

/* ── Brand Card ── */
.brand-card {
  position: relative;
  display: grid;
  grid-template-columns: 56px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: var(--light-100);
  border: 1px solid rgba(212, 160, 23, 0.15);
  border-radius: 2px;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition:
    border-color 0.2s,
    box-shadow 0.2s,
    transform 0.2s;
}

.brand-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(212, 160, 23, 0.04),
    transparent 60%
  );
  opacity: 0;
  transition: opacity 0.25s;
}

.brand-card:hover {
  border-color: rgba(212, 160, 23, 0.5);
  box-shadow:
    0 4px 24px rgba(212, 160, 23, 0.12),
    0 1px 4px rgba(0, 0, 0, 0.06);
  transform: translateY(-1px);
}
.brand-card:hover::before {
  opacity: 1;
}

.brand-card__logo {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 2px;
  background: var(--gold-100);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}

.brand-card__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
}

.brand-card__initial {
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--gold-600);
}

.brand-card__logo-ring {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(212, 160, 23, 0.25);
  border-radius: 2px;
  pointer-events: none;
}

.brand-card__body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.brand-card__name {
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--dark-900);
  letter-spacing: 0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brand-card__meta {
  font-size: 0.7rem;
  color: var(--gold-600);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.brand-card__models {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}

.brand-card__model-tag {
  font-size: 0.62rem;
  padding: 2px 7px;
  background: var(--gold-100);
  color: var(--gold-700);
  border-radius: 1px;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.brand-card__model-more {
  font-size: 0.62rem;
  color: var(--dark-700);
  opacity: 0.45;
  padding: 2px 4px;
}

.brand-card__arrow {
  color: var(--gold-400);
  opacity: 0;
  flex-shrink: 0;
  transition:
    opacity 0.2s,
    transform 0.2s;
}
.brand-card:hover .brand-card__arrow {
  opacity: 1;
  transform: translateX(3px);
}

.brand-card__accent {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--gold-500), var(--yellow-500));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.brand-card:hover .brand-card__accent {
  transform: scaleX(1);
}

/* ── All Brands Mosaic ── */
.brands-mosaic {
  padding-top: 16px;
  border-top: 1px solid rgba(212, 160, 23, 0.2);
}

.brands-mosaic__header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 32px;
}

.brands-mosaic__header-rule {
  flex: 1;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(212, 160, 23, 0.3),
    transparent
  );
}

.brands-mosaic__title {
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--gold-600);
  margin: 0;
  white-space: nowrap;
}

.brands-mosaic__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 10px;
}

.brands-mosaic__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s;
}
.brands-mosaic__item:hover {
  transform: translateY(-2px);
}

.brands-mosaic__item-inner {
  width: 100%;
  aspect-ratio: 1;
  background: var(--light-100);
  border: 1px solid rgba(212, 160, 23, 0.15);
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}
.brands-mosaic__item:hover .brands-mosaic__item-inner {
  border-color: var(--gold-400);
  box-shadow: 0 4px 16px rgba(212, 160, 23, 0.15);
}

.brands-mosaic__img {
  width: 75%;
  height: 75%;
  object-fit: contain;
}

.brands-mosaic__initial {
  font-family: var(--font-display);
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--gold-500);
}

.brands-mosaic__name {
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-align: center;
  color: var(--dark-800);
  opacity: 0.65;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* ── Responsive ── */
@media (max-width: 1100px) {
  .brands-layout {
    grid-template-columns: 220px 1fr;
  }
  .brands-grid {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  }
}

@media (max-width: 860px) {
  .brands-masthead {
    padding: 28px 24px 0;
  }
  .brands-layout {
    grid-template-columns: 1fr;
  }
  .brands-sidebar {
    position: static;
    padding: 24px 24px 0;
  }
  .brands-sidebar__inner {
    border-right: none;
    border-bottom: 1px solid rgba(212, 160, 23, 0.18);
    padding-right: 0;
    padding-bottom: 24px;
  }
  .brands-main {
    padding: 24px 24px 60px;
  }
  .brands-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 8px;
  }
  .brands-mosaic__grid {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 8px;
  }
}

@media (max-width: 560px) {
  .brands-masthead__headline-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .brands-masthead__count {
    align-items: flex-start;
  }
  .brands-grid {
    grid-template-columns: 1fr 1fr;
  }
  .brand-card {
    grid-template-columns: 44px 1fr;
    padding: 10px 12px;
  }
  .brand-card__arrow {
    display: none;
  }
  .brands-mosaic__grid {
    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-card,
  .brand-card__accent,
  .brand-card__arrow,
  .brands-mosaic__item {
    transition: none;
  }
}

/* brands block homepage */

.brands-stage {
  background: var(--light-100);
  font-family: var(--font-sans);
  overflow: hidden;
  border-top: 1px solid rgba(233, 188, 63, 0.08);
  border-bottom: 1px solid rgba(233, 188, 63, 0.08);
}

/* ══════════════════════════════════════
   HEADER ROW
══════════════════════════════════════ */
.bs-header-row {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 22px 44px 18px;
}

.bs-title {
  white-space: nowrap;
  color: var(--dark-900);
  margin: 0 0 18px;
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1;
}
.bs-title__em {
  color: var(--gold-500);
}

.bs-title__line {
  flex: 1;
  height: 1px;
  background: linear-gradient(
    to right,
    var(--gold-500) 0%,
    var(--gold-700) 20%,
    rgba(233, 188, 63, 0.2) 60%,
    transparent 100%
  );
}

.bs-fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px;
  pointer-events: none;
  z-index: 2;
}
.bs-fade--left {
  left: 0;
  background: linear-gradient(to right, var(--dark-900), transparent);
}
.bs-fade--right {
  right: 0;
  background: linear-gradient(to left, var(--dark-900), transparent);
}

/* ══════════════════════════════════════
   LIST
══════════════════════════════════════ */
.bs-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, auto);
  align-items: stretch;
  list-style: none;
  margin: 0;
  padding: 0 44px;
  overflow-x: auto;
  scrollbar-width: none;
}
.bs-list::-webkit-scrollbar {
  display: none;
}

/* ══════════════════════════════════════
   EACH ITEM
══════════════════════════════════════ */
.bs-item {
  position: relative;
  flex: 1 0 0;
  min-width: 100px;
  display: flex;
  align-items: stretch;
  animation: bsFadeUp 0.5s ease both;
  animation-delay: calc(var(--ci) * 0.06s);
}
@keyframes bsFadeUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bs-item__divider {
  position: absolute;
  right: 0;
  top: 18%;
  bottom: 18%;
  width: 1px;
  background: rgba(233, 188, 63, 0.15);
}
.bs-item:last-child .bs-item__divider {
  display: none;
}

.bs-item__link {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 26px 14px 22px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: background var(--transition-btn);
}

.bs-item__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15%;
  right: 15%;
  height: 2px;
  background: var(--gold-500);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.bs-item__link:hover::after {
  transform: scaleX(1);
}
/* .bs-item__link:hover { background: var(--overlay-gold-soft); } */

.bs-item__logo-wrap {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: brightness(0.85) saturate(0.65);
  transition:
    transform 0.3s ease,
    filter 0.3s ease;
}
.bs-item__link:hover .bs-item__logo-wrap {
  filter: brightness(1.1) saturate(1.05);
  transform: translateY(-4px) scale(1.06);
}

.bs-item__logo-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bs-item__mono {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 600;
  color: var(--gold-400);
  letter-spacing: 0.05em;
}

.bs-item__name {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold-500);
  text-align: center;
  transition: color var(--transition-btn);
}
.bs-item__link:hover .bs-item__name {
  color: var(--gold-400);
}
.bs-item__name--all {
  color: var(--gold-600) !important;
}
.bs-item--all .bs-item__link:hover .bs-item__name--all {
  color: var(--gold-300) !important;
}
.bs-item__link:hover {
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.18),
    0 1px 2px rgba(0, 0, 0, 0.12);
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 768px) {
  .bs-header-row {
    padding: 18px 20px 14px;
  }
  .bs-list {
    padding: 0 20px;
     grid-template-columns: repeat(4, 1fr);
  }
  .bs-item {
    min-width: 84px;
  }
  .bs-item__link {
    padding: 20px 10px 16px;
  }
  .bs-item__logo-wrap {
    width: 46px;
    height: 46px;
  }
  .bs-title {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .bs-item {
    min-width: 72px;
  }
  .bs-item__logo-wrap {
    width: 38px;
    height: 38px;
  }
  .bs-item__name {
    font-size: 9px;
    letter-spacing: 0.1em;
  }
}

/* CATEGORY BLOCK */
/* ─── Section Wrapper ────────────────────────────── */

.block-categories {
  background: var(--dark-900);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

/* ── Header ── */
.bc-header { text-align: center; margin-bottom: 60px; }
.bc-header__eyebrow { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 12px; }
.bc-header__eyebrow-text { font-size: 11px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--gold-400); font-weight: 700; }
.bc-header__line { width: 60px; height: 1px; background: linear-gradient(90deg, transparent, var(--gold-500)); }
.bc-header__title { color: #fff; font-family: var(--font-display); font-size: 2.2rem; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 15px; }

.bc-header__ornament {

  display: inline-block;

  width: 120px;

}



.bc-header__ornament svg {

  width: 100%;

  height: auto;

  overflow: visible;

}
/* ── Grid ── */
.bc-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
  padding: 0 40px;
  max-width: 1600px;
  margin: 0 auto;
}

/* ── Card Base (3D Look) ── */
.bc-card {
  position: relative;
  background: linear-gradient(145deg, #1a0000, #0a0000);
  border: 1px solid var(--light-100);
  border-radius: 0px; /* Force 0 radius */
  display: flex;
  flex-direction: column;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.bc-card:hover {
  transform: translateY(-8px);
  border-color: var(--gold-500);
  box-shadow: 0 20px 40px rgba(204, 0, 0, 0.25);
}
.bc-card__count{
  color: var(--light-100);
      font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    
}
/* ── Image Wrap (The Recessed Tray) ── */
.bc-card__image-wrap {
  padding: 15px;
  background: #050000;
}

.bc-card__3d-recess {
  background: #fff;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
  border: 1px solid rgba(0,0,0,0.05);
}

.bc-card__img {
  max-width: 85%;
  max-height: 85%;
  object-fit: contain;
  filter: drop-shadow(0 10px 10px rgba(0,0,0,0.15));
  transition: transform 0.5s ease;
}

.bc-card:hover .bc-card__img {
  transform: scale(1.1) rotate(-2deg);
}

/* ── Card Body ── */
.bc-card__body {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.bc-card__name a {
  color: var(--light-100);
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
      font-size: 14px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

/* .bc-card__children {
  list-style: none; padding: 0; margin: 15px 0;
  border-left: 1px solid var(--gold-800);
  padding-left: 15px;
}

.bc-card__children li a {
  font-size: 0.85rem;
  color: var(--light-100);
  text-decoration: none;
  line-height: 1.8;
  transition: color 0.2s;
}

.bc-card__children li a:hover { color: var(--gold-400); } */

.bc-card__cta {
  margin-top: auto;
  color: var(--gold-400);
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 800;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ── View All Styling ── */
.bc-card--view-all {
  background: linear-gradient(145deg, var(--gold-900), #000);
  border: 1px solid var(--gold-800);
  justify-content: center;
  text-align: center;
}

.bc-view-all__icon {
  width: 60px; height: 60px;
  border: 1px solid var(--gold-500);
  border-radius: 50%;
  margin: 0 auto 20px;
  display: flex; align-items: center; justify-content: center;
  color: var(--gold-400);
}

.bc-view-all__label { color: #fff; display: block; font-weight: 700; }
.bc-view-all__sub { color: var(--gold-500); font-size: 0.7rem; text-transform: uppercase; margin-top: 5px; }

/* ── Corners ── */
.bc-card__corner {
  position: absolute; width: 12px; height: 12px; pointer-events: none;
}
.bc-card__corner--tl { top: -1px; left: -1px; border-top: 2px solid var(--gold-500); border-left: 2px solid var(--gold-500); }
.bc-card__corner--br { bottom: -1px; right: -1px; border-bottom: 2px solid var(--gold-500); border-right: 2px solid var(--gold-500); }

/* ── Responsive ── */
@media (max-width: 1200px) { .bc-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) { .bc-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { 
  .bc-grid { grid-template-columns: 1fr; padding: 0 20px; }
  .bc-header__title { font-size: 1.6rem; }
}

/* product featured */
/* ─────────────────────────────────────────────────────────────
   SECTION HEADER
───────────────────────────────────────────────────────────────*/
.luxe-carousel-section {
  background: var(--light-100);
  padding: 48px 0;
}

/* ═══════════════════════════════════════════════════════════
   HEADER
═══════════════════════════════════════════════════════════ */
.luxe-header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 40px;
  padding: 0 24px;
}

.luxe-header__title {
  font-family: var(--font-display);
  color: var(--dark-900);
  margin: 0;
  line-height: 1;
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.luxe-header__ornament {
  display: flex;
  align-items: center;
  gap: 37px;
  width: 154px;
}

.luxe-header__line {
  flex: 1;
  height: var(--corner-thickness);
  background: linear-gradient(90deg, transparent, var(--gold-500), transparent);
}

.luxe-header__diamond {
  fill: var(--gold-500);
  flex-shrink: 0;
}

.luxe-nav {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 6px;
}

.luxe-nav__btn {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gold-500);
  border: 1px solid var(--light-100);
  color: var(--light-100);
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.luxe-nav__btn:hover {
  color: var(--gold-500);
  background: var(--light-100);
  border: 1px solid var(--gold-500);
}

/* ═══════════════════════════════════════════════════════════
   TRACK
═══════════════════════════════════════════════════════════ */
.luxe-track-wrapper {
  position: relative;
  padding: 0 20px;
}

/* Must be full height so .luxe-card can stretch */
.luxe-track__item {
  padding: 4px 2px 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* ═══════════════════════════════════════════════════════════
   LOADER
═══════════════════════════════════════════════════════════ */
.luxe-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 320px;
}

.luxe-loader__ring {
  width: 36px;
  height: 36px;
  border: 1.5px solid rgba(204, 0, 0, 0.2);
  border-top-color: var(--gold-500);
  border-radius: 50%;
  animation: luxe-spin 0.9s linear infinite;
}

@keyframes luxe-spin {
  to { transform: rotate(360deg); }
}

/* ═══════════════════════════════════════════════════════════
   CARD — flex column fills full height of owl-item
═══════════════════════════════════════════════════════════ */
.luxe-card {
  position: relative;
  background: #111111;
  border: 1px solid rgba(204, 0, 0, 0.45);
  overflow: visible;
  transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
  display: flex;
  flex-direction: column;
  flex: 1;                  /* stretch inside .luxe-track__item */
}

.luxe-card:hover {
  border-color: var(--gold-500);
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(204, 0, 0, 0.3), 0 2px 8px rgba(204, 0, 0, 0.15);
}

/* ── Corners ── */
.luxe-card__corner {
  position: absolute;
  width: var(--corner-size);
  height: var(--corner-size);
  pointer-events: none;
  z-index: 2;
}
.luxe-card__corner--tl { top: -1px; left: -1px; border-top: var(--corner-thickness) solid var(--gold-500); border-left: var(--corner-thickness) solid var(--gold-500); }
.luxe-card__corner--tr { top: -1px; right: -1px; border-top: var(--corner-thickness) solid var(--gold-500); border-right: var(--corner-thickness) solid var(--gold-500); }
.luxe-card__corner--bl { bottom: -1px; left: -1px; border-bottom: var(--corner-thickness) solid var(--gold-500); border-left: var(--corner-thickness) solid var(--gold-500); }
.luxe-card__corner--br { bottom: -1px; right: -1px; border-bottom: var(--corner-thickness) solid var(--gold-500); border-right: var(--corner-thickness) solid var(--gold-500); }

/* ── Wishlist ── */
.luxe-card__wish {
  position: absolute;
  top: 10px; right: 10px;
  z-index: 5;
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  background: transparent;
  border: 1px solid rgba(204, 0, 0, 0.4);
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
.luxe-card__wish svg { fill: rgba(204, 0, 0, 0.5); transition: fill 0.2s; }
.luxe-card__wish:hover svg,
.luxe-card__wish--active svg { fill: #cc0000; }
.luxe-card__wish--active { border-color: rgba(204, 0, 0, 0.7); }

/* ── Image — fixed ratio, never shrinks ── */
.luxe-card__image-wrap {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: var(--dark-900);
  padding: 15px;
  flex-shrink: 0;
}
.luxe-card__image-inner {
  width: 100%; height: 100%;
  overflow: hidden;
  background: #ffffff;
  display: flex; align-items: center; justify-content: center;
}
.luxe-card__img {
  width: 100%; height: 100%;
  object-fit: contain;
  display: block;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.luxe-card:hover .luxe-card__img { transform: scale(1.06); }

/* ── Badges ── */
.luxe-card__badges {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  z-index: 3;
}
.luxe-badge {
  display: block;
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  padding: 3px 9px;
  text-transform: uppercase;
}
.luxe-badge--sale { background: var(--gold-500); color: #ffffff; }
.luxe-badge--new { background: #6b7280; color: #ffffff; }

/* ── OOS veil ── */
.luxe-card__oos-veil {
  position: absolute; inset: 0;
  background: rgba(0,0,0,0.65);
  display: flex; align-items: center; justify-content: center;
  z-index: 4;
}
.luxe-card__oos-veil span {
  font-family: var(--font-sans);
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--gold-500);
  border: 1px solid rgba(204,0,0,0.55);
  padding: 6px 14px;
  background: rgba(0,0,0,0.55);
}

/* ── Body: GROWS to fill remaining space ── */
.luxe-card__body {
  padding: 12px 14px 6px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Brand: always one line tall even when empty */
.luxe-card__brand {
  font-family: var(--font-sans);
  font-size: 9px; font-weight: 700;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--gold-500);
  margin-bottom: 4px;
  line-height: 1.4;
  min-height: calc(9px * 1.4);   /* always reserve brand height */
  visibility: visible;            /* rendered even when   */
}

/* Name: locked to exactly 2 lines */
.luxe-card__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: var(--font-sans);
  font-size: 14px; font-weight: 400;
  line-height: 1.4;
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s;
  /* Always exactly 2 lines — aligns price row across all cards */
  min-height: calc(14px * 1.4 * 2);
  max-height: calc(14px * 1.4 * 2);
}
.luxe-card__name:hover { color: var(--gold-300); }

/* ── Footer — pinned just above button, never compresses ── */
.luxe-card__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 10px 14px 10px;
  gap: 8px;
  flex-shrink: 0;
}

.luxe-card__prices {
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: flex-end;
  /* Always tall enough for two price lines */
  min-height: calc((11px * 1.4) + (15px * 1.4) + 2px);
}
.luxe-card__price { font-family: var(--font-sans); }
.luxe-card__price--old { font-size: 11px; color: var(--light-100); text-decoration: line-through; }
.luxe-card__price--current { font-size: 15px; font-weight: 700; color: var(--light-100); }
.luxe-card__price--new { font-size: 15px; font-weight: 700; color: #ffffff; }

.luxe-rating-badge {
  display: inline-flex; align-items: center;
  gap: 4px;
  background: #2e7d32;
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 12px; font-weight: 700;
  padding: 4px 9px;
  border-radius: 3px;
  white-space: nowrap; flex-shrink: 0; line-height: 1;
}

/* ── Add to Garage — always flush at bottom ── */
.luxe-card__atg-wrap {
  padding: 0 14px 14px;
  flex-shrink: 0;
}
.luxe-card__atg {
  width: 100%;
  display: flex; align-items: center; justify-content: center;
  gap: 9px;
  background: var(--gold-500);
  border: 1px solid rgba(204,0,0,0.4);
  color: var(--light-100);
  font-family: var(--font-sans);
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.15em; text-transform: uppercase;
  padding: 10px 0;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.luxe-card__atg:hover:not(:disabled) {
  background: var(--light-100);
  border-color: var(--gold-500);
  color: var(--gold-500);
}
.luxe-card__atg:disabled { opacity: 0.38; cursor: not-allowed; }

/* ═══════════════════════════════════════════════════════════
   OWL CAROUSEL — EQUAL HEIGHT OVERRIDES
   The critical chain: owl-stage → owl-item → div → luxe-card
   Every link must be flex+stretch for cards to equalise.
═══════════════════════════════════════════════════════════ */
:deep(.owl-carousel .owl-stage) {
  display: flex !important;
  align-items: stretch !important;
}

:deep(.owl-carousel .owl-item) {
  display: flex !important;
  flex-direction: column;
  overflow: visible;
}

/* owl-item's direct child is .luxe-track__item */
:deep(.owl-carousel .owl-item > div) {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
}

:deep(.owl-stage-outer) {
  overflow: visible !important;
}

/* Wishlist active fill override */
.luxe-card__wish--active svg path {
  fill: #e53935;
  stroke: #e53935;
}
/* product column */

/* ── Root ──────────────────────────────────────────────── */
.block-products-columns {
  width: 100%;
  background: var(--dark-900);
  padding: 64px 0;
}

.bpc-root {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ─────────────────────────────────────────────────────────────
   SECTION HEADER
───────────────────────────────────────────────────────────── */
.bpc-header {
  text-align: center;
  margin-bottom: 48px;
}

.bpc-header__eyebrow {
  display: inline-block;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold-400);
  margin-bottom: 12px;
}

.bpc-header__title {
  font-family: var(--font-display);
  font-size: clamp(26px, 4vw, 36px);
  font-weight: 700;
  color: var(--light-100);
  margin: 0 0 18px;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.bpc-header__line {
  width: 48px;
  height: 2px;
  background: var(--gold-400);
  margin: 0 auto;
}

/* ─────────────────────────────────────────────────────────────
   3-COLUMN GRID
───────────────────────────────────────────────────────────── */
.bpc-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px;
  background: var(--dark-700);
  border: var(--border-gold-thin);
  border-radius: 4px;
  overflow: hidden;
}

/* ─────────────────────────────────────────────────────────────
   COLUMN
───────────────────────────────────────────────────────────── */
.bpc-column {
  background: var(--dark-800);
  display: flex;
  flex-direction: column;
}

.bpc-column__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 20px 14px;
  border-bottom: var(--border-gold-glow);
  background: var(--dark-900);
}

.bpc-column__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold-400);
  flex-shrink: 0;
}

.bpc-column__title {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold-300);
}

/* ─────────────────────────────────────────────────────────────
   PRODUCT LIST
───────────────────────────────────────────────────────────── */
.bpc-list {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* ─────────────────────────────────────────────────────────────
   PRODUCT ITEM
───────────────────────────────────────────────────────────── */
.bpc-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 20px;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 34, 34, 0.08);
  transition: background var(--transition-btn);
  position: relative;
}

.bpc-item:last-child {
  border-bottom: none;
}

.bpc-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--gold-400);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.bpc-item:hover {
  background: var(--overlay-gold-soft);
}

.bpc-item:hover::before {
  opacity: 1;
}

/* ─── Thumbnail ─────────────────────────────────────────────── */
.bpc-item__thumb {
  position: relative;
  width: 58px;
  height: 58px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  background: var(--dark-700);
  border: 1px solid rgba(255, 34, 34, 0.12);
}

.bpc-item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.bpc-item:hover .bpc-item__thumb img {
  transform: scale(1.06);
}

.bpc-item__initial {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: var(--gold-400);
  text-transform: uppercase;
  background: var(--dark-700);
}

.bpc-item__sale-badge {
  position: absolute;
  top: 4px;
  left: 4px;
  font-family: var(--font-sans);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--light-100);
  background: var(--gold-500);
  padding: 2px 5px;
  border-radius: 2px;
  line-height: 1.4;
}

/* ─── Body ──────────────────────────────────────────────────── */
.bpc-item__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bpc-item__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.bpc-item__meta {
  flex: 1;
  min-width: 0;
}

.bpc-item__brand {
  display: block;
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gold-400);
  margin-bottom: 3px;
}

.bpc-item__name {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  color: var(--light-200);
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease;
}

.bpc-item:hover .bpc-item__name {
  color: var(--gold-300);
}

/* ─── Rank badge ────────────────────────────────────────────── */
.bpc-item__rank {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  color: var(--dark-600);
  line-height: 1;
  flex-shrink: 0;
  letter-spacing: -0.04em;
  -webkit-text-stroke: 1px rgba(255, 34, 34, 0.25);
}

/* ─── Prices row ────────────────────────────────────────────── */
.bpc-item__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.bpc-item__prices {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.bpc-price--regular {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 700;
  color: var(--light-100);
}

.bpc-price--new {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 700;
  color: var(--gold-400);
}

.bpc-price--old {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 400;
  color: var(--gold-700);
  text-decoration: line-through;
}

.bpc-price--savings {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 600;
  color: #22c55e;
  background: rgba(34, 197, 94, 0.1);
  padding: 1px 5px;
  border-radius: 3px;
}

/* ─── Stock badge ───────────────────────────────────────────── */
.bpc-badge {
  font-family: var(--font-sans);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: 3px;
  white-space: nowrap;
}

.bpc-badge--in {
  color: var(--light-100);
  background: var(--gold-400);
  border: 1px solid rgba(22, 163, 74, 0.25);
}

.bpc-badge--out {
  color: var(--light-100);
  background: var(--gold-400);
  border: 1px solid var(--light-100);
}

/* ─────────────────────────────────────────────────────────────
   COLUMN FOOTER
───────────────────────────────────────────────────────────── */
.bpc-column__footer {
  padding: 14px 20px;
  border-top: var(--border-gold-glow);
  background: var(--dark-900);
}

.bpc-view-all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gold-400);
  text-decoration: none;
  transition:
    color var(--transition-btn),
    gap var(--transition-btn);
}

.bpc-view-all:hover {
  color: var(--gold-300);
  gap: 10px;
}

.bpc-arrow {
  font-size: 13px;
  transition: transform 0.2s ease;
  display: inline-block;
}

.bpc-view-all:hover .bpc-arrow {
  transform: translateX(3px);
}

/* ─────────────────────────────────────────────────────────────
   EMPTY STATE
───────────────────────────────────────────────────────────── */
.bpc-empty {
  padding: 32px 20px;
  text-align: center;
  font-family: var(--font-sans);
  font-size: 13px;
  color: var(--gold-700);
}

/* ─────────────────────────────────────────────────────────────
   SKELETON LOADERS
───────────────────────────────────────────────────────────── */
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}

.bpc-skeleton {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(255, 34, 34, 0.08);
}

.bpc-skeleton__thumb {
  width: 58px;
  height: 58px;
  border-radius: 4px;
  flex-shrink: 0;
  background: linear-gradient(
    90deg,
    var(--dark-700) 25%,
    var(--dark-600) 50%,
    var(--dark-700) 75%
  );
  background-size: 400px 100%;
  animation: shimmer 1.4s infinite linear;
}

.bpc-skeleton__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bpc-skeleton__line {
  height: 10px;
  border-radius: 3px;
  background: linear-gradient(
    90deg,
    var(--dark-700) 25%,
    var(--dark-600) 50%,
    var(--dark-700) 75%
  );
  background-size: 400px 100%;
  animation: shimmer 1.4s infinite linear;
  width: 100%;
}

.bpc-skeleton__line--short {
  width: 40%;
}
.bpc-skeleton__line--med {
  width: 60%;
}

/* ─────────────────────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .bpc-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .bpc-column {
    border-bottom: var(--border-gold-glow);
  }

  .bpc-column:last-child {
    border-bottom: none;
  }

  .block-products-columns {
    padding: 40px 0;
  }
}

@media (max-width: 480px) {
  .bpc-root {
    padding: 0 16px;
  }

  .bpc-item {
    padding: 12px 16px;
  }

  .bpc-item__thumb {
    width: 50px;
    height: 50px;
  }

  .bpc-column__header,
  .bpc-column__footer {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ════════════════════════════════════════════════
   FOOTER WRAPPER
════════════════════════════════════════════════ */
.sf {
  background: var(--dark-950);
  font-family: var(--font-sans);
  position: relative;
}

/* ════════════════════════════════════════════════
   TOP DIVIDER
════════════════════════════════════════════════ */
.sf__divider {
  display: flex;
  align-items: center;
  gap: 0;
}

.sf__divider-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-500));
}

.sf__divider-line:last-child {
  background: linear-gradient(90deg, var(--gold-500), transparent);
}

.sf__divider-diamond {
  font-size: 0.5rem;
  color: var(--gold-500);
  padding: 0 12px;
  line-height: 1;
}

/* ════════════════════════════════════════════════
   CONTAINER
════════════════════════════════════════════════ */
.sf__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ════════════════════════════════════════════════
   WIDGETS SECTION
════════════════════════════════════════════════ */
.sf__widgets {
  padding: 56px 0 48px;
}

.sf__grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.5fr;
  gap: 48px;
}

/* ════════════════════════════════════════════════
   SECTION HEADING
════════════════════════════════════════════════ */
.sf__heading {
  font-family: var(--font-display);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-500);
  margin: 0 0 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(204, 0, 0, 0.2);
}

/* ════════════════════════════════════════════════
   CONTACT COL
════════════════════════════════════════════════ */
.sf__text {
  font-size: 0.92rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.7;
  margin: 0 0 20px;
}

.sf__contacts {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}

.sf__contact-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sf__contact-label {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-500);
  opacity: 0.9;
}

.sf__contact-value {
  font-size: 0.92rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.5;
  margin: 0;
}

/* ════════════════════════════════════════════════
   LINK COLUMNS
════════════════════════════════════════════════ */
.sf__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sf__link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  padding: 5px 0;
  transition:
    color 0.2s ease,
    gap 0.2s ease;
}

.sf__link:hover {
  color: var(--light-100);
  gap: 12px;
}

.sf__link-arrow {
  color: var(--gold-500);
  font-size: 1rem;
  line-height: 1;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.sf__link:hover .sf__link-arrow {
  transform: translateX(2px);
}

/* ════════════════════════════════════════════════
   BRAND COL
════════════════════════════════════════════════ */
.sf__col--brand {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sf__logo {
  display: inline-block;
}

.sf__logo img {
  width: 110px;
  height: auto;
  display: block;
}

.sf__tagline {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.65;
  margin: 0;
}

.sf__social-label {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold-500);
  opacity: 0.9;
}

.sf__socials {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.sf__social-btn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(204, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.92rem;
  text-decoration: none;
  transition:
    border-color 0.2s ease,
    color 0.2s ease,
    background 0.2s ease;
}

.sf__social-btn:hover {
  border-color: var(--gold-500);
  color: var(--light-100);
  background: var(--overlay-gold-soft);
}

/* ════════════════════════════════════════════════
   BOTTOM BAR
════════════════════════════════════════════════ */
.sf__bottom {
  border-top: 1px solid rgba(204, 0, 0, 0.15);
  padding: 18px 0;
  background: var(--dark-900);
}

.sf__bottom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.sf__copyright {
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.45);
}

.sf__payments {
  height: 24px;
  width: auto;
  opacity: 0.5;
}

/* ════════════════════════════════════════════════
   WHATSAPP BUTTON
════════════════════════════════════════════════ */
.sf__whatsapp {
  position: fixed;
  bottom: 28px;
  right: 0;
  z-index: 9999;
  background: #25d366;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 600;
  font-family: var(--font-sans);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  transition:
    background 0.2s ease,
    transform 0.2s ease;
}

.sf__whatsapp:hover {
  background: #1ebe5d;
  color: #fff;
  transform: translateY(-2px);
}

.sf__whatsapp i {
  font-size: 1.1rem;
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 1280px (large desktop)
════════════════════════════════════════════════ */
@media (max-width: 1280px) {
  .sf__grid {
    grid-template-columns: 2fr 1fr 1fr 1.4fr;
    gap: 36px;
  }

  .sf__container {
    padding: 0 32px;
  }
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 1024px (small desktop / large tablet landscape)
════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .sf__grid {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }

  /* Contact col spans full width */
  .sf__col--contact {
    grid-column: 1 / -1;
  }

  /* Contact info laid out horizontally when full-width */
  .sf__col--contact .sf__contacts {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 40px;
  }

  .sf__col--contact .sf__contact-row {
    flex: 1 1 180px;
  }

  /* Brand col spans full width, horizontal layout */
  .sf__col--brand {
    grid-column: 1 / -1;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px 40px;
  }

  .sf__col--brand > * {
    flex: 1 1 180px;
  }

  .sf__widgets {
    padding: 48px 0 40px;
  }
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 900px (tablet portrait)
════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .sf__grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }

  .sf__container {
    padding: 0 20px;
  }

  .sf__widgets {
    padding: 40px 0 32px;
  }

  .sf__heading {
    font-size: 0.78rem;
    margin-bottom: 16px;
  }

  .sf__text {
    font-size: 0.88rem;
  }

  .sf__link {
    font-size: 0.86rem;
  }

  .sf__contact-value {
    font-size: 0.88rem;
  }
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 768px (tablet portrait)
════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .sf__grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px 20px;
  }

  /* Keep contact and brand full-width */
  .sf__col--contact,
  .sf__col--brand {
    grid-column: 1 / -1;
  }

  .sf__col--contact .sf__contacts {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 24px;
  }

  .sf__col--contact .sf__contact-row {
    flex: 1 1 140px;
  }

  .sf__col--brand {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 32px;
  }

  .sf__col--brand > * {
    flex: 1 1 140px;
  }

  /* Condense text slightly */
  .sf__text {
    font-size: 0.85rem;
    margin-bottom: 16px;
  }

  .sf__tagline {
    font-size: 0.84rem;
  }

  .sf__bottom-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .sf__copyright {
    font-size: 0.76rem;
  }

  /* Tighten WhatsApp button */
  .sf__whatsapp {
    bottom: 20px;
    padding: 9px 14px;
    font-size: 0.78rem;
  }
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 640px (large phone portrait)
════════════════════════════════════════════════ */
@media (max-width: 640px) {
  .sf__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .sf__col--contact,
  .sf__col--brand {
    grid-column: auto;
  }

  /* Contact info stacks vertically on small screens */
  .sf__col--contact .sf__contacts {
    flex-direction: column;
    gap: 12px;
  }

  .sf__col--contact .sf__contact-row {
    flex: none;
  }

  /* Brand col reverts to vertical */
  .sf__col--brand {
    flex-direction: column;
    gap: 14px;
  }

  .sf__col--brand > * {
    flex: none;
  }

  .sf__widgets {
    padding: 32px 0 28px;
  }

  .sf__container {
    padding: 0 16px;
  }

  /* Collapse WhatsApp to icon-only pill */
  .sf__whatsapp span {
    display: none;
  }

  .sf__whatsapp {
    padding: 11px 13px;
    gap: 0;
  }

  .sf__bottom-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  .sf__payments {
    height: 20px;
  }
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 480px (small phone)
════════════════════════════════════════════════ */
@media (max-width: 480px) {
  .sf__container {
    padding: 0 12px;
  }

  .sf__widgets {
    padding: 28px 0 24px;
  }

  .sf__heading {
    font-size: 0.75rem;
    margin-bottom: 14px;
    padding-bottom: 10px;
  }

  .sf__text {
    font-size: 0.82rem;
    line-height: 1.65;
  }

  .sf__link {
    font-size: 0.82rem;
    padding: 4px 0;
  }

  .sf__contact-value {
    font-size: 0.84rem;
  }

  .sf__contact-label {
    font-size: 0.65rem;
  }

  .sf__social-btn {
    width: 38px;
    height: 38px;
  }

  .sf__logo img {
    width: 90px;
  }

  .sf__tagline {
    font-size: 0.8rem;
  }

  .sf__bottom {
    padding: 14px 0;
  }

  .sf__copyright {
    font-size: 0.72rem;
  }

  /* Divider diamond hidden on very small screens */
  .sf__divider-diamond {
    padding: 0 8px;
  }
}

/* ════════════════════════════════════════════════
   RESPONSIVE — 360px (very small phone)
════════════════════════════════════════════════ */
@media (max-width: 360px) {
  .sf__container {
    padding: 0 10px;
  }

  .sf__widgets {
    padding: 24px 0 20px;
  }

  .sf__grid {
    gap: 20px;
  }

  .sf__heading {
    font-size: 0.72rem;
  }

  .sf__text,
  .sf__contact-value,
  .sf__link {
    font-size: 0.8rem;
  }

  .sf__socials {
    gap: 8px;
  }

  .sf__social-btn {
    width: 34px;
    height: 34px;
    font-size: 0.82rem;
  }

  .sf__tagline {
    font-size: 0.76rem;
  }

  .sf__logo img {
    width: 80px;
  }
}

/* ════════════════════════════════════════════════
   ACCESSIBILITY
════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  .sf__link,
  .sf__link-arrow,
  .sf__social-btn,
  .sf__whatsapp {
    transition: none !important;
  }
}

.sf__link:focus-visible,
.sf__social-btn:focus-visible,
.sf__whatsapp:focus-visible {
  outline: 2px solid var(--gold-400);
  outline-offset: 2px;
}

/* ════════════════════════════════════════════════
   BASE STYLES
════════════════════════════════════════════════ */
.sf {
  background: var(--dark-950);
  font-family: var(--font-sans);
  position: relative;
  box-sizing: border-box;
}

.sf *, .sf *::before, .sf *::after {
  box-sizing: inherit;
}

/* ════════════════════════════════════════════════
   TOP DIVIDER
════════════════════════════════════════════════ */
.sf__divider {
  display: flex;
  align-items: center;
  gap: 0;
}

.sf__divider-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-500));
}

.sf__divider-line:last-child {
  background: linear-gradient(90deg, var(--gold-500), transparent);
}

.sf__divider-diamond {
  font-size: 0.5rem;
  color: var(--gold-500);
  padding: 0 12px;
  line-height: 1;
}

/* ════════════════════════════════════════════════
   CONTAINER
════════════════════════════════════════════════ */
.sf__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ════════════════════════════════════════════════
   WIDGETS SECTION
════════════════════════════════════════════════ */
.sf__widgets {
  padding: 56px 0 48px;
}

.sf__grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.5fr;
  gap: 48px;
}

/* ════════════════════════════════════════════════
   SECTION HEADING
════════════════════════════════════════════════ */
.sf__heading {
  font-family: var(--font-display);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-500);
  margin: 0 0 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(204, 0, 0, 0.2);
}

/* ════════════════════════════════════════════════
   CONTACT COL
════════════════════════════════════════════════ */
.sf__text {
  font-size: 0.92rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.7;
  margin: 0 0 20px;
}

.sf__contacts {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}

.sf__contact-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sf__contact-label {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-500);
  opacity: 0.9;
}

.sf__contact-value {
  font-size: 0.92rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.5;
  margin: 0;
}

/* ════════════════════════════════════════════════
   LINK COLUMNS
════════════════════════════════════════════════ */
.sf__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sf__link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  padding: 5px 0;
  transition: color 0.2s ease, gap 0.2s ease;
}

.sf__link:hover {
  color: var(--light-100);
  gap: 12px;
}

.sf__link-arrow {
  color: var(--gold-500);
  font-size: 1rem;
  line-height: 1;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.sf__link:hover .sf__link-arrow {
  transform: translateX(2px);
}

/* ════════════════════════════════════════════════
   BRAND COL
════════════════════════════════════════════════ */
.sf__col--brand {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sf__logo {
  display: inline-block;
}

.sf__logo img {
  width: 110px;
  height: auto;
  display: block;
}

.sf__tagline {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.65;
  margin: 0;
}

.sf__social-label {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold-500);
  opacity: 0.9;
}

.sf__socials {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.sf__social-btn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(204, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.92rem;
  text-decoration: none;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.sf__social-btn:hover {
  border-color: var(--gold-500);
  color: var(--light-100);
  background: var(--overlay-gold-soft);
}

/* ════════════════════════════════════════════════
   BOTTOM BAR
════════════════════════════════════════════════ */
.sf__bottom {
  border-top: 1px solid rgba(204, 0, 0, 0.15);
  padding: 18px 0;
  background: var(--dark-900);
}

.sf__bottom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.sf__copyright {
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.45);
}

.sf__payments {
  height: 24px;
  width: auto;
  opacity: 0.5;
}

/* ════════════════════════════════════════════════
   WHATSAPP BUTTON
════════════════════════════════════════════════ */
.sf__whatsapp {
  position: fixed;
  bottom: 28px;
  right: 0;
  z-index: 9999;
  background: #25d366;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 600;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  transition: background 0.2s ease, transform 0.2s ease;
}

/* ════════════════════════════════════════════════
   RESPONSIVE OPTIMIZATIONS
════════════════════════════════════════════════ */

@media (max-width: 1024px) {
  .sf__grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  .sf__col--contact, .sf__col--brand { grid-column: 1 / -1; }
  .sf__col--contact .sf__contacts { flex-direction: row; flex-wrap: wrap; }
}

@media (max-width: 768px) {
  .sf__widgets { padding: 32px 0; }
  .sf__grid { gap: 24px; }
  .sf__bottom-row { flex-direction: column; text-align: center; }
}

@media (max-width: 640px) {
  /* Fix height issue: Use 2 columns for links to save vertical space */
  .sf__grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px 16px;
  }

  .sf__col--contact, .sf__col--brand {
    grid-column: 1 / -1;
  }

  .sf__widgets {
    padding: 24px 0 20px;
  }

  .sf__heading {
    margin-bottom: 12px;
    padding-bottom: 8px;
    font-size: 0.75rem;
  }

  /* Compact the logo and social area */
  .sf__col--brand {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  
  .sf__tagline { display: none; } /* Removing tagline on mobile saves massive height */

  .sf__whatsapp span { display: none; }
  .sf__whatsapp { padding: 10px; }
}

@media (max-width: 480px) {
  /* Tighten spacing even more */
  .sf__container { padding: 0 16px; }
  
  .sf__grid {
    gap: 20px 12px;
  }

  .sf__text {
    font-size: 0.8rem;
    margin-bottom: 12px;
  }

  .sf__link {
    font-size: 0.78rem;
    padding: 3px 0;
  }

  .sf__contact-value {
    font-size: 0.8rem;
  }
  
  /* Stack social and logo if width is too small */
  @media (max-width: 380px) {
    .sf__col--brand { flex-direction: column; align-items: flex-start; }
  }
}

@media (prefers-reduced-motion: reduce) {
  .sf__link, .sf__link-arrow, .sf__social-btn, .sf__whatsapp {
    transition: none !important;
  }
}

/* feature block */

/* Wrapper that holds buttons + carousel in a row */
.block-sale__carousel-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Shrink buttons so carousel takes remaining space */
.block-sale__carousel-wrapper .sale-nav-btn {
  flex-shrink: 0;
}

/* Carousel fills remaining width */
.block-sale__carousel-wrapper .block-sale__carousel {
  flex: 1;
  min-width: 0; /* prevents overflow */
}

.active-filters {
  display: flex;
  gap: 10px;
  margin-bottom: 21px;
}

.active-filter-tag {
  display: flex;
  gap: 6px;
  align-items: center;
  background: var(--gold-500);
  padding: 0px;
  padding-left: 10px;
  color: var(--light-100);
  border: none;
  border-radius: 6px;   
}


/* Card Background */
.product-card {
  background: #0b0b0b;
  color: #fff;
  border: 1px solid #222;
  overflow: hidden;
}

/* Image Section */
.product-card__image {
  background: var(--light-100);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* SALE badge */
.tag-badge--sale {
  background: #e10600;
  color: #fff;
  font-weight: 700;
  padding: 4px 10px;
  font-size: 12px;
}

/* NEW badge */
.tag-badge--new {
  background: #6b7280;
  color: #fff;
  font-weight: 700;
  padding: 4px 10px;
  font-size: 12px;
}
.tag-badge--new:before {
  background: #6b7280;
}

/* Wishlist icon box */
.product-card__action--wishlist {
  background: #fff;
  border: 1px solid #e10600;
  color: #e10600;
}

/* Brand */
.product-card__meta {
  color: #e10600;
  font-size: 11px;
  letter-spacing: 2px;
}

/* Product name */
.product-card__name a {
  color: #fff;
  font-size: 16px;
}

/* Prices */
.product-card__price--old {
  color: #bbb;
  text-decoration: line-through;
}

.product-card__price--new {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

/* ADD TO GARAGE BUTTON */
.sale-card__atg {
  width: 100%;
  background:var(--gold-500);
  color: var(--light-100);
  border: none;
  font-weight: 600;
  font-size: smaller;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: 0.3s;
}

/* Icon */
.sale-card__atg-icon {
  display: flex;
}

/* Hover effect */
.sale-card__atg:hover {
  background: var(--light-100);
  color: var(--gold-500);
  transform: translateY(-2px);
}


.page-wrapper {
  min-height: 100vh;
  background: var(--light-300);
  font-family: var(--font-sans);
  color: var(--dark-800);
}
.page-footer-spacer { height: 60px; }

/* ─────────────────────────────────────────────
   TOP BAR / BREADCRUMB
───────────────────────────────────────────── */
.top-bar {
  background: #fff;
  border-bottom: 1px solid var(--gold-200);
}
.top-bar__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
  height: 44px;
  display: flex;
  align-items: center;
}
.breadcrumb__list {
  display: flex;
  align-items: center;
  gap: 6px;
}
.breadcrumb__link {
  font-size: 12px;
  color: var(--gold-700);
  opacity: 0.65;
  transition: opacity 0.15s;
}
.breadcrumb__link:hover         { opacity: 1; }
.breadcrumb__link--active       { opacity: 1; color: var(--gold-500); font-weight: 500; }
.breadcrumb__sep                { font-size: 11px; color: var(--gold-300); user-select: none; }

/* ─────────────────────────────────────────────
   PAGE BODY
───────────────────────────────────────────── */
.page-body {
  max-width: 1400px;
  margin: 0 auto;
  padding: 24px 24px 0;
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

/* ─────────────────────────────────────────────
   SIDEBAR
───────────────────────────────────────────── */
.sidebar {
  width: 230px;
  flex-shrink: 0;
  position: sticky;
  top: 20px;
}
.sidebar__header {
  padding: 0 0 10px;
  border-bottom: 1px solid var(--gold-200);
  margin-bottom: 4px;
}
.sidebar__label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-500);
}
.sidebar__list {
  background: #fff;
  border: 1px solid var(--gold-200);
  border-radius: 8px;
  overflow: hidden;
  margin-top: 10px;
}
.sidebar__item {
  border-bottom: 1px solid var(--gold-100);
}
.sidebar__item:last-child { border-bottom: none; }

.sidebar__link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px 10px 16px;
  font-size: 13px;
  color: var(--dark-700);
  border-left: 3px solid transparent;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  cursor: pointer;
}
.sidebar__link--active {
  background: var(--gold-100);
  color: var(--gold-500);
  border-left-color: var(--gold-500);
  font-weight: 500;
}
.sidebar__link-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--gold-300);
  flex-shrink: 0;
  transition: background 0.15s;
}
.sidebar__link--active .sidebar__link-dot,
.sidebar__link:hover   .sidebar__link-dot { background: var(--gold-500); }
.sidebar__link-name  { flex: 1; }
.sidebar__link-count {
  font-size: 10px;
  font-weight: 600;
  color: var(--gold-500);
  background: var(--gold-100);
  border: 1px solid var(--gold-200);
  border-radius: 10px;
  padding: 1px 6px;
  flex-shrink: 0;
}

/* Sub-list */
.sidebar__sub {
  background: var(--gold-100);
  border-top: 1px solid var(--gold-200);
  padding: 4px 0;
}
.sidebar__sub-link {
  display: block;
  padding: 7px 16px 7px 32px;
  font-size: 12px;
  color: var(--dark-600);
  position: relative;
  transition: color 0.15s, background 0.15s;
  cursor: pointer;
}
.sidebar__sub-link::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: var(--gold-300);
  border-radius: 50%;
  transition: background 0.15s;
}
.sidebar__sub-link:hover,
.sidebar__sub-link--active               { color: var(--gold-500); background: rgba(204,0,0,0.05); }
.sidebar__sub-link--active::before,
.sidebar__sub-link:hover::before         { background: var(--gold-500); }

/* Show More */
.sidebar__show-more {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px 6px 32px;
  font-size: 11px;
  color: var(--gold-500);
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-weight: 500;
  transition: color 0.15s;
}
.sidebar__show-more:hover               { color: var(--gold-400); }
.sidebar__show-more-icon                { transition: transform 0.2s ease; }
.sidebar__show-more-icon--open          { transform: rotate(180deg); }

/* Sidebar skeleton */
.sidebar__skeleton {
  background: #fff;
  border: 1px solid var(--gold-200);
  border-radius: 8px;
  padding: 12px 16px;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sidebar__error { font-size: 13px; color: var(--gold-500); padding: 12px 0; }

/* Sidebar Promo */
.sidebar__promo {
  margin-top: 16px;
  background: var(--dark-800);
  border-radius: 8px;
  padding: 20px 18px;
  position: relative;
  overflow: hidden;
}
.sidebar__promo::before {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    45deg, transparent, transparent 20px,
    rgba(255,34,34,0.04) 20px, rgba(255,34,34,0.04) 40px
  );
}
.sidebar__promo-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gold-400);
  margin-bottom: 6px;
  position: relative;
}
.sidebar__promo-title {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 4px;
  position: relative;
}
.sidebar__promo-sub {
  font-size: 11px;
  color: var(--gold-300);
  opacity: 0.8;
  margin-bottom: 16px;
  position: relative;
}
.sidebar__promo-cta {
  display: inline-block;
  background: var(--gold-500);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 16px;
  border-radius: 4px;
  position: relative;
  transition: background 0.2s;
  letter-spacing: 0.02em;
}
.sidebar__promo-cta:hover { background: var(--gold-400); }

/* ─────────────────────────────────────────────
   MAIN
───────────────────────────────────────────── */
.main { flex: 1; min-width: 0; }

.main__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.main__title {
  font-size: 26px;
  font-weight: 700;
  color: var(--dark-900);
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.main__subtitle {
  font-size: 13px;
  color: var(--gold-700);
  opacity: 0.7;
  margin-top: 4px;
}
.main__subtitle-count { font-weight: 700; color: var(--gold-500); opacity: 1; }

/* ─────────────────────────────────────────────
   A–Z INDEX
───────────────────────────────────────────── */
.az-index {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  justify-content: flex-end;
}
.az-index__btn {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
  background: #fff;
  color: var(--dark-700);
  border: 1px solid var(--gold-200);
  border-radius: 4px;
  cursor: pointer;
  transition: var(--transition-btn);
  letter-spacing: 0;
}
.az-index__btn:hover      { background: var(--gold-100); border-color: var(--gold-400); color: var(--gold-500); }
.az-index__btn--active    { background: var(--gold-500); border-color: var(--gold-500); color: #fff; }

/* ─────────────────────────────────────────────
   BRAND GROUPS A–Z
───────────────────────────────────────────── */
.brands-groups { display: flex; flex-direction: column; gap: 32px; margin-bottom: 40px; }

.brands-group__marker {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.brands-group__letter {
  font-size: 22px;
  font-weight: 700;
  color: var(--gold-500);
  line-height: 1;
  width: 36px;
  flex-shrink: 0;
  letter-spacing: -0.02em;
}
.brands-group__rule {
  flex: 1;
  height: 1px;
  background: var(--gold-200);
}

/* ─────────────────────────────────────────────
   BRAND CARDS GRID
───────────────────────────────────────────── */
.brands-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.brand-card {
  background: #fff;
  border: 1px solid var(--gold-200);
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  cursor: pointer;
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
  position: relative;
  overflow: hidden;
}
.brand-card::after {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--gold-500);
  transform: scaleY(0);
  transform-origin: center;
  transition: transform 0.2s ease;
  border-radius: 0 2px 2px 0;
}
.brand-card:hover {
  border-color: var(--gold-400);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(204,0,0,0.1);
}
.brand-card:hover::after { transform: scaleY(1); }

/* Logo box */
.brand-card__logo {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--gold-100), var(--gold-200));
  border: 1px solid var(--gold-200);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: border-color 0.2s;
}
.brand-card:hover .brand-card__logo { border-color: var(--gold-400); }
.brand-card__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 4px;
}
.brand-card__initial {
  font-size: 22px;
  font-weight: 700;
  color: var(--gold-500);
  letter-spacing: -0.02em;
}

/* Body */
.brand-card__body { flex: 1; min-width: 0; }
.brand-card__name {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--dark-800);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
  transition: color 0.15s;
}
.brand-card:hover .brand-card__name { color: var(--gold-500); }
.brand-card__meta {
  font-size: 11px;
  color: var(--gold-700);
  opacity: 0.6;
  display: block;
  margin-bottom: 6px;
}
.brand-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.brand-card__tag {
  font-size: 10px;
  font-weight: 500;
  color: var(--gold-700);
  background: var(--gold-100);
  border: 1px solid var(--gold-200);
  border-radius: 3px;
  padding: 2px 6px;
  white-space: nowrap;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.brand-card__tag--more {
  color: var(--gold-500);
  background: #fff;
  border-color: var(--gold-300);
}

/* Arrow */
.brand-card__arrow {
  flex-shrink: 0;
  color: var(--gold-300);
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 0.2s, transform 0.2s, color 0.2s;
}
.brand-card:hover .brand-card__arrow {
  opacity: 1;
  transform: translateX(0);
  color: var(--gold-500);
}

/* Skeleton card */
.brand-card--skeleton {
  pointer-events: none;
}

/* ─────────────────────────────────────────────
   BRANDS MOSAIC
───────────────────────────────────────────── */
.brands-mosaic { margin-bottom: 8px; }

.brands-mosaic__header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}
.brands-mosaic__rule {
  flex: 1;
  height: 1px;
  background: var(--gold-200);
}
.brands-mosaic__title {
  font-size: 14px;
  font-weight: 700;
  color: var(--dark-900);
  white-space: nowrap;
  letter-spacing: -0.01em;
}

.brands-mosaic__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
}

.mosaic-item {
  background: #fff;
  border: 1px solid var(--gold-200);
  border-radius: 8px;
  padding: 12px 8px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: border-color 0.2s, transform 0.2s;
}
.mosaic-item:hover {
  border-color: var(--gold-500);
  transform: translateY(-2px);
}
.mosaic-item__logo {
  width: 42px;
  height: 30px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mosaic-item__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mosaic-item__initial {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
}
.mosaic-item__name {
  font-size: 10px;
  font-weight: 600;
  color: var(--dark-700);
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
}

/* ─────────────────────────────────────────────
   SKELETON ANIMATIONS
───────────────────────────────────────────── */
.skeleton-box,
.skeleton-line,
.skeleton-letter {
  background: linear-gradient(90deg, var(--gold-100) 25%, var(--gold-200) 50%, var(--gold-100) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
  border-radius: 4px;
}
.skeleton-line          { height: 12px; width: 100%; margin-bottom: 8px; }
.skeleton-line--short   { width: 65%; }
.skeleton-line--xs      { width: 40%; height: 10px; }
.skeleton-box           { width: 52px; height: 52px; border-radius: 8px; flex-shrink: 0; }
.skeleton-letter        { width: 36px; height: 28px; border-radius: 4px; }

@keyframes shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ─────────────────────────────────────────────
   ERROR STATE
───────────────────────────────────────────── */
.state-error {
  background: #fff0f0;
  border: 1px solid var(--gold-300);
  border-radius: 8px;
  padding: 16px 20px;
  font-size: 13px;
  color: var(--gold-600);
  margin-bottom: 28px;
}

/* ─────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────── */
@media (max-width: 1200px) {
  .brands-grid             { grid-template-columns: repeat(3, 1fr); }
  .brands-mosaic__grid     { grid-template-columns: repeat(5, 1fr); }
}

@media (max-width: 960px) {
  .page-body               { flex-direction: column; }
  .sidebar {
    width: 100%;
    position: static;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .sidebar__list           { flex: 1; min-width: 200px; }
  .sidebar__promo          { flex: 1; min-width: 200px; margin-top: 0; }
  .brands-grid             { grid-template-columns: repeat(2, 1fr); }
  .brands-mosaic__grid     { grid-template-columns: repeat(4, 1fr); }
  .main__header            { flex-direction: column; align-items: flex-start; gap: 14px; }
  .az-index                { justify-content: flex-start; }
}

@media (max-width: 600px) {
  .page-body               { padding: 16px 16px 0; gap: 16px; }
  .top-bar__inner          { padding: 0 16px; }
  .brands-grid             { grid-template-columns: 1fr 1fr; gap: 10px; }
  .brands-mosaic__grid     { grid-template-columns: repeat(3, 1fr); }
  .main__title             { font-size: 22px; }
  .brand-card              { padding: 12px; gap: 10px; }
  .brand-card__logo        { width: 44px; height: 44px; }
}


/* Main Background */
.auth-page {
  background-color: #f4f4f4; /* Light gray background to make the card pop */
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 40px 0;
}

/* The Card */
.custom-card {
  background: #ffffff;
  padding: 40px;
  border-radius: 2px; /* Sharp, boxy automotive look */
  border-top: 5px solid #000000; /* Bold Black Top Border */
  box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

/* Logo & Headers */
.brand-logo {
  font-size: 1.6rem;
  font-weight: 900;
  color: #1a1a1a;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

/* Custom Inputs */
.custom-input {
  height: 48px;
  border-radius: 0; /* Boxy inputs */
  border: 1px solid #ddd;
  font-size: 0.95rem;
}

.custom-input:focus {
  border-color: #dc3545; /* Red border on focus */
  box-shadow: none;
}

/* Password Eye logic */
.input-wrapper {
  position: relative;
}

.eye-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #888;
  z-index: 10;
}

/* The Button */
.btn-register {
  background-color: #000000; /* Default Black */
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding: 14px;
  letter-spacing: 1px;
  border-radius: 0;
  transition: all 0.3s ease;
  border: none;
}

.btn-register:hover {
  background-color: #dc3545; /* Red on hover */
  color: white;
}

/* Error Banner */
.error-msg {
  background: #f8d7da;
  color: #721c24;
  padding: 10px;
  margin-bottom: 20px;
  font-size: 0.85rem;
  font-weight: 600;
  border-left: 4px solid #dc3545;
}

label {
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #555;
}


/* Base Styles */
.blog-page {
  background-color: #fcfcfc;
  color: #2d3436;
  font-family: 'Inter', sans-serif;
}

/* Header & Breadcrumb */
.blog-header {
  padding: 60px 0 40px;
  background: #fff;
  border-bottom: 1px solid #eee;
}

.custom-breadcrumb ol {
  list-style: none;
  display: flex;
  gap: 10px;
  padding: 0;
  font-size: 0.85rem;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.custom-breadcrumb a { color: inherit; text-decoration: none; }
.custom-breadcrumb .active { color: #dc3545; font-weight: 700; }

.page-title {
  font-size: 2.8rem;
  font-weight: 800;
  margin: 15px 0;
  letter-spacing: -1px;
}

.title-underline {
  width: 60px;
  height: 4px;
  background: #dc3545;
}

/* Post Card Styling */
.posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 30px;
}

.aesthetic-post-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0 4px 6px rgba(0,0,0,0.02);
  display: flex;
  flex-direction: column;
}

.aesthetic-post-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

.post-image-wrapper {
  position: relative;
  height: 220px;
  overflow: hidden;
}

.post-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.aesthetic-post-card:hover .post-image-wrapper img {
  transform: scale(1.1);
}

.image-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.image-overlay span {
  color: #fff;
  border: 1px solid #fff;
  padding: 8px 16px;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.post-image-wrapper:hover .image-overlay {
  opacity: 1;
}

.post-content {
  padding: 25px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.meta-date {
  font-size: 0.75rem;
  color: #95a5a6;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}

.post-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.4;
}

.post-title a {
  color: #2d3436;
  text-decoration: none;
  transition: color 0.2s;
}

.post-title a:hover { color: #dc3545; }

.post-excerpt {
  font-size: 0.95rem;
  color: #636e72;
  line-height: 1.6;
  margin-bottom: 20px;
}

.read-more-link {
  font-weight: 700;
  font-size: 0.85rem;
  color: #dc3545;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

.read-more-link i {
  transition: transform 0.2s ease;
}

.read-more-link:hover i {
  transform: translateX(5px);
}

/* Sidebar Styling */
.blog-sidebar {
  padding-left: 20px;
}

.sidebar-widget {
  margin-bottom: 40px;
  padding-left: 20px;
  border-left: 3px solid #eee;
}

.widget-title {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 800;
  margin-bottom: 20px;
  color: #2d3436;
}

.newsletter-box {
  background: #2d3436;
  color: #fff;
  padding: 25px;
  border-radius: 8px;
}

.newsletter-box p { font-size: 0.85rem; opacity: 0.8; }

.input-group {
  display: flex;
  margin-top: 15px;
}

.input-group input {
  flex-grow: 1;
  padding: 10px;
  border: none;
  border-radius: 4px 0 0 4px;
}

.input-group button {
  background: #dc3545;
  color: #fff;
  border: none;
  padding: 0 15px;
  border-radius: 0 4px 4px 0;
}

/* Pagination */
.modern-pagination {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.modern-pagination button {
  width: 40px;
  height: 40px;
  border: 1px solid #eee;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
}

.modern-pagination button.active {
  background: #dc3545;
  color: #fff;
  border-color: #dc3545;
}

.modern-pagination button:hover:not(.active) {
  background: #f8f9fa;
}

/* Loading Spinner */
.loader-container {
  height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #dc3545;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 15px;
}

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

@media (max-width: 991px) {
  .blog-sidebar { padding-left: 0; margin-top: 50px; }
  .page-title { font-size: 2rem; }
}




.bp-wrapper {
  max-width: 860px;
  margin: 0 auto;
  padding: 2rem 1.5rem 4rem;
  font-family: system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ── Back Navigation ── */
.bp-back {
  margin-bottom: 1.75rem;
}
.bp-back__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #71717a;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}
.bp-back__link:hover { color: #18181b; }

/* ── Hero Card ── */
.bp-hero {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 2rem;
  background: #ffffff;
  border: 1px solid #e4e4e7;
  border-radius: 16px;
  margin-bottom: 2.5rem;
  box-shadow: 0 4px 15px rgba(0,0,0,0.04);
}

.bp-hero__logo {
  width: 110px;
  height: 110px;
  border-radius: 14px;
  border: 1px solid #f4f4f5;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.bp-hero__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 12px;
}
.bp-hero__initial {
  font-size: 2.8rem;
  font-weight: 800;
  color: #b8860b;
}

.bp-hero__info { flex: 1; min-width: 0; }
.bp-hero__name {
  font-size: 2rem;
  font-weight: 800;
  color: #18181b;
  margin: 0 0 0.25rem;
  letter-spacing: -0.02em;
}
.bp-hero__meta {
  font-size: 0.95rem;
  color: #71717a;
  margin: 0 0 1.25rem;
}
.bp-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #b8860b;
  color: #ffffff;
  padding: 0.65rem 1.4rem;
  border-radius: 10px;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.bp-hero__cta:hover {
  background: #966e09;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(184, 134, 11, 0.35);
}

/* ── Section Header ── */
.bp-section__label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #a1a1aa;
  margin-bottom: 1.25rem;
}

/* ── Models Grid ── */
.bp-models-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.bp-model-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.1rem;
  border-radius: 100px;
  background: #f4f4f5;
  border: 1px solid #e4e4e7;
  font-size: 0.9rem;
  color: #27272a;
  text-decoration: none;
  transition: all 0.2s ease;
}
.bp-model-chip:hover {
  background: #fff;
  border-color: #c8a44a;
  color: #b8860b;
  transform: scale(1.03);
}
.bp-model-chip__dot { color: #c8a44a; }

/* ── Messages & States ── */
.bp-state-msg {
  padding: 4rem 2rem;
  text-align: center;
  background: #fafafa;
  border-radius: 16px;
  border: 1px dashed #e4e4e7;
}
.bp-error { color: #dc2626; border-color: #fecaca; }
.bp-retry-btn {
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  border: 1px solid #dc2626;
  background: transparent;
  color: #dc2626;
  cursor: pointer;
}

/* ── Skeleton Loading ── */
.bp-skeleton__hero {
  height: 150px;
  background: linear-gradient(90deg, #f4f4f5 25%, #e4e4e7 50%, #f4f4f5 75%);
  background-size: 200% 100%;
  border-radius: 16px;
  margin-bottom: 2rem;
  animation: shimmer 1.5s infinite;
}
.bp-skeleton__chips { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.bp-skeleton__chip {
  width: 100px;
  height: 38px;
  border-radius: 100px;
  background: #f4f4f5;
  animation: pulse 1.5s infinite;
}

@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* ── Mobile Responsive ── */
@media (max-width: 600px) {
  .bp-hero {
    flex-direction: column;
    text-align: center;
    padding: 1.5rem;
  }
  .bp-hero__logo { margin: 0 auto; }
  .bp-hero__cta { width: 100%; justify-content: center; }
  .bp-models-grid { justify-content: center; }
}

.product-card__action--wishlist {
  color: #ccc;
}

.product-card__action--wishlist.wishlist-active svg path {
  fill: #e53935;
  stroke: #e53935;
}

.block-sale__carousel-loader {
  text-align: center;
  padding: 40px;
  color: #999;
}

/* ── Variant Selector Active State ── */
.wishlist-active svg path {
  fill: #e53935;
  stroke: #e53935;
}

.input-radio-label__item--active .input-radio-label__title {
  box-shadow: 0 0 0 2px #ff6b00 inset !important;
  -webkit-box-shadow: 0 0 0 2px #ff6b00 inset !important;
  background-color: #fff7f2 !important;
  color: #ff6b00 !important;
  font-weight: 600 !important;
}

.input-radio-label__item:not(.input-radio-label__item--active) .input-radio-label__title:hover {
  box-shadow: 0 0 0 1px #ff6b00 inset !important;
  -webkit-box-shadow: 0 0 0 1px #ff6b00 inset !important;
  color: #ff6b00 !important;
}

.csp-wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 24px;
  font-family: "Inter", sans-serif;
}

/* ── Back nav ── */
.csp-back {
  margin-bottom: 28px;
}

.csp-back__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #555;
  text-decoration: none;
  transition: color 0.2s;
}

.csp-back__link:hover {
  color: #cc0000;
}

/* ── Loading skeleton ── */
.csp-loading {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.csp-skeleton__hero {
  height: 120px;
  border-radius: 16px;
  background: linear-gradient(90deg, #ffe0e0 25%, #fff5f5 50%, #ffe0e0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

.csp-skeleton__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.csp-skeleton__chip {
  width: 100px;
  height: 36px;
  border-radius: 20px;
  background: linear-gradient(90deg, #ffe0e0 25%, #fff5f5 50%, #ffe0e0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ── State messages ── */
.csp-state-msg {
  text-align: center;
  padding: 48px 24px;
  border-radius: 12px;
  font-size: 15px;
}

.csp-error {
  background: #fff5f5;
  color: #cc0000;
}

.csp-no-children {
  background: #f9f9f9;
  color: #777;
}

.csp-state-icon {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 12px;
}

.csp-retry-btn {
  margin-top: 16px;
  padding: 8px 20px;
  background: #cc0000;
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}

.csp-retry-btn:hover {
  background: #aa0000;
}

/* ── Hero ── */
.csp-hero {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 28px 32px;
  background: white;
  border: 1px solid #ffe0e0;
  border-radius: 16px;
  margin-bottom: 32px;
  box-shadow: 0 2px 12px rgba(204, 0, 0, 0.05);
}

.csp-hero__logo {
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #fff0f0, #ffe0e0);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.csp-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.csp-hero__initial {
  font-size: 40px;
  font-weight: 700;
  color: #cc0000;
}

.csp-hero__name {
  font-size: 26px;
  font-weight: 700;
  color: #1a0000;
  margin-bottom: 6px;
}

.csp-hero__meta {
  font-size: 14px;
  color: #666;
  margin-bottom: 16px;
}

.csp-hero__meta strong {
  color: #cc0000;
}

.csp-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 20px;
  background: #cc0000;
  color: white;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.2s;
}

.csp-hero__cta:hover {
  background: #aa0000;
}

/* ── Section ── */
.csp-section__label {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #888;
  margin-bottom: 16px;
}

/* ── Chips grid ── */
.csp-chips-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.csp-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  background: white;
  border: 1px solid #ffe0e0;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #1a0000;
  text-decoration: none;
  transition: all 0.2s;
}

.csp-chip:hover {
  background: #cc0000;
  border-color: #cc0000;
  color: white;
}

.csp-chip__dot {
  color: #cc0000;
  flex-shrink: 0;
  transition: color 0.2s;
}

.csp-chip:hover .csp-chip__dot {
  color: white;
}

/* ── Responsive ── */
@media (max-width: 600px) {
  .csp-wrapper {
    padding: 20px 16px;
  }

  .csp-hero {
    flex-direction: column;
    text-align: center;
    padding: 24px 20px;
  }

  .csp-hero__cta {
    justify-content: center;
  }
}

/* ── Search Suggestions Dropdown ── */
.search-suggestions {
  position: absolute;
  top: 100%;
  left: 110px;
  right: 110px;
  background: #1a1a2e;
  border: 1px solid rgba(255, 215, 0, 0.2);
  border-top: none;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  overflow: hidden;
}

.suggestion-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  cursor: pointer;
  transition: background 0.15s ease;
}

.suggestion-item:last-child {
  border-bottom: none;
}

.suggestion-item:hover,
.suggestion-item.is-active {
  background: rgba(255, 215, 0, 0.08);
  color: #ffd700;
}

.suggestion-img-wrap {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  overflow: hidden;
}

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

.suggestion-img-wrap svg {
  color: rgba(255, 255, 255, 0.3);
}

.suggestion-name {
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.suggestion-arrow {
  flex-shrink: 0;
  color: rgba(255, 215, 0, 0.4);
}

.suggestion-item:hover .suggestion-arrow,
.suggestion-item.is-active .suggestion-arrow {
  color: #ffd700;
}

.search-bar-inner {
  position: relative;
}



/* ─────────────────────────────────────────────────────────
   SIDEBAR
───────────────────────────────────────────────────────── */
.sidebar {
  width: 280px;
  flex-shrink: 0;
}

.sidebar__header {
  margin-bottom: 20px;
}

.sidebar__label {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--dark-600);
}

.sidebar__skeleton {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.skeleton-line {
  height: 20px;
  background: linear-gradient(90deg, var(--gold-200) 25%, var(--gold-100) 50%, var(--gold-200) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 4px;
}

@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.sidebar__error {
  color: var(--gold-500);
  font-size: 14px;
  padding: 16px;
  background: var(--gold-100);
  border-radius: 8px;
}

.sidebar__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sidebar__item {
  border-radius: 8px;
  transition: background 0.2s ease;
}

.sidebar__item:hover {
  background: var(--overlay-gold-soft);
}

.sidebar__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  font-size: 15px;
  font-weight: 500;
  color: var(--dark-700);
  border-radius: 8px;
  transition: all 0.2s ease;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
}

.sidebar__link:hover {
  color: var(--gold-500);
}


.sidebar__link-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold-300);
  flex-shrink: 0;
  transition: background 0.2s ease;
}

.sidebar__item--open .sidebar__link-dot,
.sidebar__link:hover .sidebar__link-dot {
  background: var(--gold-500);
}

.sidebar__link-name {
  flex: 1;
  margin-left: 10px;
}

.sidebar__link-count {
  font-size: 12px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 10px;
  background: var(--gold-100);
  color: var(--gold-500);
  flex-shrink: 0;
}

.sidebar__sub {
  margin-left: 20px;
  padding: 4px 0 8px;
  border-left: 1px solid var(--gold-200);
}

.sidebar__sub-item {
  margin-bottom: 2px;
}

.sidebar__sub-link {
  display: block;
  padding: 8px 12px;
  font-size: 14px;
  color: var(--dark-600);
  border-radius: 6px;
  transition: all 0.2s ease;
}

.sidebar__sub-link:hover {
  background: var(--overlay-gold-soft);
  color: var(--gold-500);
}



/* Sidebar Promo */
.sidebar__promo {
  margin-top: 32px;
  padding: 24px 20px;
  background: linear-gradient(135deg, var(--dark-900) 0%, var(--dark-700) 100%);
  border-radius: 16px;
  color: white;
  position: relative;
  overflow: hidden;
}

.sidebar__promo::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, var(--overlay-shimmer) 0%, transparent 70%);
  opacity: 0.3;
}

.sidebar__promo-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--gold-300);
  margin-bottom: 8px;
}

.sidebar__promo-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 4px;
  font-family: var(--font-display);
}

.sidebar__promo-sub {
  font-size: 14px;
  color: var(--light-100);
  opacity: 0.8;
  margin-bottom: 20px;
}

.sidebar__promo-cta {
  display: inline-block;
  padding: 8px 16px;
  background: var(--gold-500);
  color: white;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.2s ease;
}

.sidebar__promo-cta:hover {
  background: var(--gold-400);
}

.owl-nav{
      display: flex;
    justify-content: space-between;
    position: relative;
    top: 48px;
    z-index: 5555;
}
.owl-prev{
  font-size: 30px;
  font-weight: 700;
  color: var(--gold-500);
}
.owl-next{
    font-size: 30px;
  font-weight: 700;
  color: var(--gold-500);
}


.skeleton-card  {
  width: 48px;
  height: 48px;
  border: 5px solid #eee;
  border-top: 5px solid #28a745;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin: auto;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Container */
.active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}

/* Tag */


/* Remove button */
.filter-remove-btn {
    width: 27px;
    height: 31px;
    border: none;
    /* border-radius: 50%; */
    background:var(--light-100) ;
    color:var(--dark-900);
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: all 0.2s ease;
}

.filter-remove-btn:hover {
 color: var(--gold-500);
}



/* ── Reset ── */
.shipping *,
.shipping *::before,
.shipping *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── Tokens ── */
.shipping {
  --shipping-ink: #0a0a0a;
  --shipping-paper: #ffffff;
  --shipping-paper-dark: #ffffff;
  --shipping-accent: #c8392b;
  --shipping-accent-light: #f0e8e6;
  --shipping-gold: #b89b5e;
  --shipping-green: #2a6b4a;
  --shipping-green-light: #1a79ff;
  --shipping-muted: #7a7570;
  --shipping-border: rgba(10, 10, 10, 0.12);
  --shipping-font-display: "BankGothic", sans-serif;
  --shipping-font-body: "BankGothic", sans-serif;
  --shipping-font-ui: "BankGothic", sans-serif;
  --shipping-max-w: 1200px;

  min-height: 100vh;
  background: var(--shipping-paper);
  color: var(--shipping-ink);
  font-family: var(--shipping-font-body);
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

/* ── Progress bar ── */
.shipping__progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--shipping-border);
  z-index: 200;
}
.shipping__progress-bar {
  height: 100%;
  background: var(--shipping-green);
  transition: width 0.1s linear;
}

/* ── Main wrapper ── */
.shipping__main {
  max-width: var(--shipping-max-w);
  margin: 0 auto;
  padding: 0 32px 80px;
}

/* ── Hero ── */
.shipping__hero {
  padding: 96px 0 72px;
  border-bottom: 1px solid var(--shipping-border);
  margin-bottom: 48px;
}

.shipping__hero-eyebrow {
  font-family: var(--shipping-font-display);
  font-size: 11px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--shipping-muted);
  margin-bottom: 20px;
}

.shipping__hero-title {
  font-family: var(--shipping-font-display);
  font-size: clamp(56px, 9vw, 110px);
  line-height: 0.92;
  letter-spacing: 0.02em;
  color: var(--shipping-ink);
  margin-bottom: 48px;
}

.shipping__hero-title span {
  display: block;
  color: var(--shipping-green);
}

.shipping__hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.shipping__hero-meta-item {
  font-family: var(--shipping-font-ui);
  font-size: 12px;
  color: var(--shipping-muted);
  padding: 12px 28px 12px 0;
  margin-right: 28px;
  border-right: 1px solid var(--shipping-border);
  line-height: 1.5;
}

.shipping__hero-meta-item:last-child {
  border-right: none;
}

.shipping__hero-meta-item strong {
  display: block;
  font-family: var(--shipping-font-display);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--shipping-gold);
  margin-bottom: 4px;
  font-weight: normal;
}

/* ── Notice banner ── */
.shipping__notice {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  border: 3px solid var(--shipping-green);
  padding: 20px 24px;
  margin-bottom: 56px;
}

.shipping__notice-icon {
  font-size: 18px;
  color: var(--shipping-green);
  flex-shrink: 0;
  margin-top: 1px;
}

.shipping__notice p {
  font-family: var(--shipping-font-ui);
  font-size: 13px;
  color: var(--shipping-ink);
  line-height: 1.65;
}

/* ── Steps strip ── */
.shipping__steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--shipping-border);
  border: 1px solid var(--shipping-border);
  margin-bottom: 56px;
}

.shipping__step {
  background: var(--shipping-paper);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.shipping__step-num {
  font-family: var(--shipping-font-display);
  font-size: 32px;
  color: var(--shipping-green);
  line-height: 1;
  letter-spacing: 0.05em;
}

.shipping__step-title {
  font-family: var(--shipping-font-display);
  font-size: 14px;
  letter-spacing: 0.1em;
  color: var(--shipping-ink);
}

.shipping__step-desc {
  font-family: var(--shipping-font-ui);
  font-size: 12px;
  color: var(--shipping-muted);
  line-height: 1.6;
}

/* ── Content (full width, no sidebar) ── */
.shipping__content {
  width: 100%;
}

.shipping__section {
  padding: 64px 0;
  border-top: 1px solid var(--shipping-border);
}

.shipping__section:first-child {
  border-top: none;
  padding-top: 0;
}

.shipping__section-inner {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 28px;
}

.shipping__section-badge {
  font-family: var(--shipping-font-display);
  font-size: 11px;
  letter-spacing: 0.2em;
  color: var(--shipping-gold);
  flex-shrink: 0;
}

.shipping__section-title {
  font-family: var(--shipping-font-display);
  font-size: 28px;
  letter-spacing: 0.04em;
  font-weight: normal;
  color: var(--shipping-ink);
}

.shipping__section-text {
  font-size: 15px;
  color: #2c2c2c;
  margin-bottom: 18px;
  max-width: 820px;
  line-height: 1.8;
}

/* ── List: 2-col grid ── */
.shipping__list {
  list-style: none;
  margin: 20px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.shipping__list-item {
  font-family: var(--shipping-font-ui);
  font-size: 14px;
  color: #2c2c2c;
  padding: 13px 18px;
  background: var(--shipping-paper-dark);
  border-left: 3px solid var(--shipping-gold);
  line-height: 1.6;
}

/* ── Highlight ── */
.shipping__highlight {
  margin-top: 24px;
  padding: 22px 26px;
  border: 3px solid rgba(42, 107, 74, 0.2);
  max-width: 820px;
}

.shipping__highlight p {
  font-family: var(--shipping-font-ui);
  font-size: 14px;
  color: var(--shipping-ink);
  line-height: 1.7;
}

/* ── Non-returnable tags ── */
.shipping__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.shipping__tag {
  font-family: var(--shipping-font-display);
  font-size: 11px;
  letter-spacing: 0.1em;
  border: 1px solid var(--shipping-gold);
  color: red;
  padding: 6px 14px;
}

/* ── Refund timeline ── */
.shipping__timeline {
  margin-top: 24px;
  max-width: 820px;
  display: flex;
  flex-direction: column;
}

.shipping__timeline-row {
  display: grid;
  grid-template-columns: 160px 1fr;
  border-top: 1px solid var(--shipping-border);
}

.shipping__timeline-row:last-child {
  border-bottom: 1px solid var(--shipping-border);
}

.shipping__timeline-label {
  font-family: var(--shipping-font-display);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--shipping-muted);
  padding: 14px 16px 14px 0;
  border-right: 1px solid var(--shipping-border);
}

.shipping__timeline-val {
  font-family: var(--shipping-font-ui);
  font-size: 13px;
  color: var(--shipping-ink);
  padding: 14px 0 14px 20px;
  line-height: 1.5;
}

/* ── Contact strip ── */
.shipping__contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 80px;
  padding: 40px 48px;
  background: var(--shipping-ink);
  color: var(--shipping-paper);
}

.shipping__contact-title {
  font-family: var(--shipping-font-display);
  font-size: 26px;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.shipping__contact-sub {
  font-family: var(--shipping-font-ui);
  font-size: 13px;
  color: var(--shipping-muted);
}

.shipping__contact-btn {
  font-family: var(--shipping-font-display);
  font-size: 13px;
  letter-spacing: 0.12em;
  text-decoration: none;
  color: var(--shipping-ink);
  background: var(--shipping-paper);
  padding: 14px 28px;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
}

.shipping__contact-btn:hover {
  background: var(--shipping-green);
  color: #fff;
}

/* ── Footer ── */
.shipping__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 48px;
  padding-top: 28px;
  border-top: 1px solid var(--shipping-border);
  font-family: var(--shipping-font-ui);
  font-size: 12px;
  color: var(--shipping-muted);
}

.shipping__footer-links {
  display: flex;
  gap: 24px;
}

.shipping__footer-links a {
  font-family: var(--shipping-font-display);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--shipping-muted);
  text-decoration: none;
  transition: color 0.2s;
}

.shipping__footer-links a:hover {
  color: var(--shipping-green);
}

/* ── Animations ── */
@keyframes shipping-fadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.shipping__hero-eyebrow {
  animation: shipping-fadeUp 0.5s ease both;
}
.shipping__hero-title {
  animation: shipping-fadeUp 0.5s 0.08s ease both;
}
.shipping__hero-meta {
  animation: shipping-fadeUp 0.5s 0.16s ease both;
}
.shipping__steps {
  animation: shipping-fadeUp 0.5s 0.24s ease both;
}

/* ── Responsive ── */
@media (max-width: 720px) {
  .shipping__list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .shipping__steps {
    grid-template-columns: repeat(2, 1fr);
  }
  .shipping__hero {
    padding: 72px 0 48px;
  }
  .shipping__contact {
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 28px;
  }
  .shipping__main {
    padding: 0 20px 60px;
  }
}

@media (max-width: 400px) {
  .shipping__steps {
    grid-template-columns: 1fr;
  }
}
/* =========================
   WhatsApp Style I — Speedometer Arc
========================= */

.wa-btn {
  position: fixed;
  right: 24px;
  bottom: 110px;

  width: 62px;
  height: 62px;

  border-radius: 50%;
  background: #111;
  border: 2px solid #25d366;

  display: flex;
  align-items: center;
  justify-content: center;

  text-decoration: none;
  z-index: 9999;
  cursor: pointer;
  overflow: visible;

  transition: transform 0.3s ease;
}

.wa-btn:hover {
  transform: scale(1.1);
}

/* WhatsApp Icon */
.wa-btn i {
  color: #25d366;
  font-size: 28px;
  position: relative;
  z-index: 2;
}

/* Outer arc — spins forward like a rev counter */
.wa-arc-outer {
  position: absolute;
  inset: -8px;
  border-radius: 50%;

  border: 3px solid transparent;
  border-top-color: #25d366;
  border-right-color: #25d366;

  animation: arcSpin 1.8s ease-in-out infinite;

  filter: drop-shadow(0 0 6px #25d366);
}

/* Inner arc — spins in reverse at different speed */
.wa-arc-inner {
  position: absolute;
  inset: -16px;
  border-radius: 50%;

  border: 2px solid transparent;
  border-bottom-color: #128c7e;
  border-left-color: #128c7e;

  animation: arcSpin 2.4s ease-in-out infinite reverse;
  opacity: 0.5;
}

/* Arc spin animation */
@keyframes arcSpin {
  0%   { transform: rotate(0deg); }
  60%  { transform: rotate(340deg); }
  100% { transform: rotate(360deg); }
}

/* Mobile */
@media (max-width: 768px) {
  .wa-btn {
    width: 54px;
    height: 54px;
    right: 16px;
    bottom: 90px;
  }

  .wa-btn i {
    font-size: 24px;
  }

  .wa-arc-outer {
    inset: -7px;
    border-width: 2.5px;
  }

  .wa-arc-inner {
    inset: -14px;
    border-width: 1.5px;
  }
}