@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ul,
ol {
  margin: 0;
}

a {
  text-decoration: none !important;
  color: inherit;
}

a.item {
  color: inherit !important;
  display: block;
  /* width: 250px; */
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

body {
  /* font-family: 'Roboto', sans-serif; */
  font-family: "Source Sans 3", sans-serif !important;
  /* display: grid;
  grid-template-rows: 119px 1fr 316px;
  height: 100vh; */
}

body.menu-active {
  position: relative;
  background-color: #0000001a;
}

.min-content-height {
  min-height: 835px;
}

li {
  list-style-type: none;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.tool .dropdown_account {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(calc(100% + 5px));
  background: white;
  padding: 20px 25px;
  border-radius: 10px;
  z-index: 99;
  width: max-content;
  box-shadow: 0 3px 11px 0 rgb(0, 0, 0, 0.1);
}

.login-wrap {
  max-width: 500px;
  margin: 0 auto;
}

.dropdown_account-list a {
  color: inherit !important;
}

.orders-wrapper .list {
  align-items: center;
  width: 100%;
  background-color: #fff9f9;
  border-radius: 10px;
  border: 1px solid #f1f1f1;
  position: relative;
  margin-bottom: 10px;
  font-weight: 600;
}

.orders-wrapper .list-row{
   padding: 10px;
   background-color: #fff;
   border-radius: 10px;
}


.orders-wrapper .list-header{
  padding: 10px;
}

.orders-wrapper .list .price {
  color: #999;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
}

.table_desc .cart_page table thead tr th {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 10px;
  background-color: #fff9f9;
  text-align: center;
}

.login-wrap .register-button,
.login-wrap .login-btn {
  display: block;
  width: 100%;
  padding: 9px;
  border: none;
  background: #c42000 !important;
  color: #fff;
  border-radius: 5px;
  margin: 10px 0;
  cursor: pointer;
}

.order-button {
  background: #d80034;
  border: 0;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  height: 38px;
  line-height: 18px;
  padding: 10px 15px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 3px;
}

.dropdown-arrow svg {
  width: 12px;
  fill: gray;
}

.filter-title-area {
  padding: 15px 5px 5px 5px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  border-bottom: solid 1px #ececec;
  font-weight: 600;
  font-size: 14px;
}

.sticky-aggregations {
  /* position: absolute; */
  width: 200px;
  background-color: #fff;
  overflow: auto;
  height: fit-content;
}

section.home {
  opacity: 0;
}

body.overflow-hidden {
  overflow: hidden;
}


.app-filter-wrapper .menu__body {
  padding: 10px;
  overflow: auto;
  max-height: 100%;
  padding-top: 35px;
  flex: 1 1 0%;
  height: 100%;
}

.app-filter-wrapper .menu__selected__options {
  height: 100px;
  background-color: #f8f8f8;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #f3f3f3;
}

.app-filter-wrapper .sticky-aggregations {
  width: calc(100%);
  /* position: relative; */
  padding-bottom: 100px;
}

.app-filter-wrapper .show .filter-options {
  height: fit-content;
}

.app-filter-wrapper .menu__header {
  position: fixed;
  top: 0px;
  width: 100%;
  border-bottom: 1px solid #efefef;
  display: flex;
  background-color: #fff;
  padding: 10px;
  justify-content: space-between;
  z-index: 999;
}

.selected-options {
  display: flex;
  gap: 10px;
  overflow-x: auto;
}

.chosen-filter {
  background: #f27a1a;
  border-radius: 20px;
  padding: 4px 10px;
  text-align: center;
  color: #fff;
  width: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chosen-filter .chosen-filter__name {
  display: block;
  text-wrap: nowrap;
}

.app-filter-wrapper .menu__footer {
  bottom: 0px;
  width: 100%;
  border-top: 1px solid #efefef;
  display: flex;
  background-color: #fff;
  padding: 10px;
  justify-content: space-between;
  z-index: 9999;
}

.app-filter-wrapper .menu__footer .footer-button {
  width: 40%;
  background-color: red;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  height: 40px;
}

.filter-options {
  height: 0px;
  transition: transform 0.3s ease-in-out;
  overflow: hidden;
}

.filter-search-input {
  width: 87%;
  height: 25px;
  background-color: #fafafa;
  border: solid 1px #e2e2e2;
  border-radius: 6px;
  margin-bottom: 10px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 12px;
  color: #4b4b4b;
  outline: none;
  margin-top: 10px;
}

.show .filter-options {
  max-height: 300px;
  overflow: auto;
  height: 300px;
  height: fit-content;
}

.show .dropdown-arrow svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.shop-wrapper .item .image::after {
  content: "";
  display: block;
  padding-bottom: 150%;
}


.back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.8);
  border-radius: 50%;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  z-index: 1000;
}

.back-to-top:hover {
  background: rgba(0,0,0,1);
}

.back-to-top svg {
  width: 20px;
  height: 20px;
  stroke: white;
}

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

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

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

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

@-webkit-keyframes fixedHeader {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fixedHeader {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

header {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

header .main {
  padding: 20px 0;
  padding-top: 0px;
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
}

.main-header {
  background-color: #fff;
}

header .sticky-header {
  display: flex;
  width: 100%;
  height: 64px;
  align-items: center;
  justify-content: space-between;
}

header .item_count {
  position: absolute;
  margin-top: -24px;
  border-radius: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 11px;
  background-color: #d40201;
  color: white;
  width: 16px;
  height: 16px;
  margin-left: 23px;
}

header .autoComplete {
  width: 598px;
  position: relative;
}

.header-info ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  gap: 20px;
}

.header-info ul li a,.header-info ul li {
  color: #999;
  font-size: 12px;
  line-height: 15px;
}

.suggestion-item {
  font-weight: 500;
  border-bottom: 1px solid #f7f7f7;
  padding: 5px 0px;
  color: #333;
  font-size: 13px;
  width: 100%;
  align-items: center;
  line-height: 1.3467;
  display: flex;
  text-transform: capitalize;
  justify-content: space-between;
}

.suggestion-item .category {
  color: #999;
  text-align: right;
}

.suggestion-title {
  font-size: 13px;
  font-weight: 600;
}

header .suggestions-container {
  border: 2px solid #f27a1a;
  border-radius: 6px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #fff;
  position: absolute;
  z-index: 950;
  padding: 10px 15px 15px 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 40px;
}

@media (max-width: 767px) {
  header .suggestions-container {
    background-color: #fafafa;
  }
}

header .autoComplete input[type="text"] {
  height: auto;
  line-height: unset;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  color: #333;
  background-color: #f3f3f3;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  padding: 10px 40px 10px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  line-height: 0;
  height: 42px;
}

header .autoComplete i {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 15px;
  bottom: calc(50% - 9px);
  cursor: pointer;
  background-image: url();
}

header .main .menu-wrapper {
  display: block;
  position: relative;
}

header .main .menu-wrapper .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px;
}

header .main .menu-wrapper .menu .menu-item > a {
  color: #333;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.product-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
}

.product-features .detail-item {
  width: 100%;
  margin-top: 7px;
  padding: 0 14px 1px 15px;
  border-radius: 6px;
  /* box-shadow: 0 1px 4px #0000000d; */
  background-color: #f5f5f5;
  min-height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-features .detail-item .attr-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
}

.product-features .detail-item span {
  font-size: 14px;
  line-height: 2.5;
  color: #333;
}

header .main .menu-wrapper .menu .menu-item .menu-item__content.active {
  opacity: 1;
  visibility: visible;
}

header .main .menu-wrapper .menu .menu-item .menu-item__content {
  position: absolute;
  background: #f3f3f3;
  -webkit-box-shadow: 0px 18px 16px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 18px 16px rgba(0, 0, 0, 0.5);
  width: 100%;
  left: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  bottom: -11px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

header
  .main
  .menu-wrapper
  .menu
  .menu-item
  .menu-item__content
  .categories-group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 30px;
}

header
  .main
  .menu-wrapper
  .menu
  .menu-item
  .menu-item__content
  .categories-group
  .sub-category
  h4
  a {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: #262626;
  font-weight: bold;
}

header
  .main
  .menu-wrapper
  .menu
  .menu-item
  .menu-item__content
  .categories-group
  .sub-category {
  padding-left: 20px;
  margin-top: 20px;
}

header
  .main
  .menu-wrapper
  .menu
  .menu-item
  .menu-item__content
  .categories-group
  .sub-category
  h4 {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: #262626;
  font-weight: bold;
}

header
  .main
  .menu-wrapper
  .menu
  .menu-item
  .menu-item__content
  .categories-group
  .sub-category
  li
  a {
  font-size: 13px;
  color: #4a4a4a;
  text-decoration: none;
}

header .main .menu-wrapper .menu .menu-item:hover .menu-item__content {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  max-height: 760px;
  overflow: auto;
}

.add-to-cart-container {
  gap: 0.5rem;
  display: flex;
  margin-top: 5px;
}

.add-to-cart-container button {
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: transparent;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  color: #686868;
  font-size: 12px;
  height: 26px;
}

.add-to-cart-container button:hover {
  background: #d40201;
  color: #fff;
}

.add-to-cart-container input {
  width: 40px;
  background-color: #fff;
  outline: 0;
  border: 1px solid #d7d7d7;
  padding-left: 5px;
  border-radius: 5px;
  color: #646262;
}

.add-to-cart-container:hover input {
  display: block;
}

header .main .tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin: 0px;
}

header .main .tools .tool > a {
  font-size: 12px;
  font-weight: 900;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  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;
  width: 20px;
  height: 20px;
}

header .main .tools .tool > a:hover {
  opacity: 0.7;
}

header .main .login-tool a {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

header .main .search-tool {
  position: relative;
}

#autocomplete-wrapper,
#autocomplete-wrapper-des a {
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
}

#autocomplete-wrapper a {
  color: black;
}

#autocomplete-wrapper {
  position: absolute;
  bottom: 0;
  background: white;
  left: 0;
  width: 100%;
  transform: translateY(100%);
  height: 89vh;
  background-color: #fafafa;
  padding: 20px;
  border: 1px solid rgb(202, 200, 200);
  border-radius: 6px;
  max-height: 550px;
  overflow: auto;
}

header .main .menu-wrapper .search-tool .search-input {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 0;
  background: #111;
  overflow: hidden;
  -webkit-transform: translateX(-25px);
  transform: translateX(-25px);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

header .main .menu-wrapper .search-tool .search-input input {
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  padding: 5px 10px;
  outline: none !important;
  color: white;
}

header .main .menu-wrapper .search-tool .search-input.active {
  max-width: 200px;
}

header .main.large-screen .menu-wrapper .menu .menu-item > a {
  position: relative;
}

header .main.large-screen .menu-wrapper .menu .menu-item > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: #f00;
  left: 0;
  bottom: -5px;
  opacity: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

header .main.large-screen .menu-wrapper .menu .menu-item:hover > a::after {
  width: 50%;
  opacity: 1;
}

header .main.large-screen .menu-wrapper .menu .menu-item.current > a::after {
  width: 50%;
  opacity: 1;
}

header .main.small-screen {
  padding: 10px 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

header .main.small-screen .menu-holder {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

header .main.small-screen .menu-wrapper.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.app-filter-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 400px;
  background-color: #fff;
  height: 100vh;
  padding: 0 0px;
  z-index: 22;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  overflow-y: auto;
  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;
  padding-top: 45px;
  padding-bottom: 80px;
}

.app-filter-wrapper.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

header .main.small-screen .menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 400px;
  background-color: #fff;
  height: 100vh;
  padding: 0 0px;
  z-index: 22;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  overflow-y: auto;
  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;
}

header .main.small-screen .menu-wrapper .menu__body,
header .main.small-screen .menu-wrapper .menu__footer {
  width: 100%;
  height: 100%;
}

header .main.small-screen .menu-wrapper .menu__body .categories {
  background-color: #f5f6f7;
  width: 35%;
}

header .main.small-screen .menu-wrapper .menu__body .categories ul li {
  padding: 15px 20px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
}

header .main.small-screen .menu-wrapper .menu__body .categories ul li.selected {
  background-color: #fff;
}

header .main.small-screen .menu-wrapper .menu__body .sub-categories {
  background-color: #fff;
  width: 65%;
  max-height: 80%;
  overflow: auto;
}

header .main.small-screen .menu-wrapper .menu__footer {
  margin-top: 40px;
  background: #fff;
  padding-bottom: 20px;
}

header .main.small-screen .menu-wrapper .menu__footer .contact {
  display: block;
  font-weight: 900;
  font-size: 14px;
}

header .main.small-screen .menu-wrapper .menu__footer .socials {
  margin-top: 10px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header
  .main.small-screen
  .menu-wrapper
  .menu__footer
  .socials
  .social
  ~ .social {
  margin-left: 10px;
}

header .main.small-screen .menu-wrapper .menu__footer .socials .social a {
  font-size: 12px;
  text-decoration: none;
  color: #808080;
}

header .main.small-screen .menu-wrapper .menu {
  display: block;
}

header
  .main.small-screen
  .menu-wrapper
  .menu
  .menu-item-has-childrens
  > a::after {
  content: "›";
  position: absolute;
  top: 0;
  right: 10px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

header .main.small-screen .menu-wrapper .menu .menu-item {
  padding: 5px 0;
  max-height: 33px;
  overflow: hidden;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

header .main.small-screen .menu-wrapper .menu .menu-item a {
  color: #3f3f3f;
  text-transform: capitalize;
}

header .main.small-screen .menu-wrapper .menu .menu-item > a {
  display: inline-block;
  width: 100%;
  position: relative;
  font-weight: 600;
  font-size: 14px;
  padding-left: 13px;
}

main.product-wrapper
  .product-details-wrapper
  .product__content
  .product__price
  .price {
  font-family: "Futura Hv BT";
  font-size: 18px;
  color: #3f3f3f;
}
main.product-wrapper
  .product-details-wrapper
  .product__content
  .product__price
  .price
  h1 {
  font-size: inherit;
}
main.product-wrapper
  .product-details-wrapper
  .product__content
  .product__description {
  font-size: 12px;
  color: #cacaca;
  margin: 50px 0;
  font-family: "Futura Bk BT";
}

 {
  font-family: "Futura Bk BT";
  margin-top: 50px;
}

.variation {
  font-family: inherit;
  margin-bottom: 40px;
}

.variation .variation__title {
  font-size: 12px;
  margin-bottom: 5px;
  font-family: inherit;
  font-weight: 400;
  color: #3f3f3f;
}

.variation .variation__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: inherit;
  gap: 15px;
}

.variation .variation__options .variation__option {
  min-width: 32px;
  height: 32px;
  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-radius: 50%; */
  font-size: 10px;
  cursor: pointer;
  padding: 3px 6px;
  border-radius: 4px;
}

.variation .image__option {
  min-width: 32px;
  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;
  margin-right: 10px;
  font-size: 10px;
  cursor: pointer;
}

.variation .image__option.selected {
  border: solid 2px #f27a1a !important;
  box-shadow: none !important;
  border-radius: 4px;
}

.variation img {
  border-radius: 4px;
  object-fit: contain;
  border: 1px solid #d1c4c4;
}

.product-seller-line{
  display: flex;
  align-items: center;
  color: #333;
  padding: 8px 12px;
  background-color: #ebf5ff;
  border-radius: 4px;
  margin-bottom: 8px;
  font-size: 10px;
  line-height: 18px;
  font-weight: 600;
  color: #999;
  justify-content: space-between;
}

.visit-store {
  cursor: pointer;
  background: #f5f5f5;
  border-radius: 100px;
  padding: 8px 0;
  text-align: center;
  transform: translateY(50%);
  line-height: 15px;
  width: 180px;
  margin: 0 auto;
  color: #505050;
}

.visit-store  span{
  color: #505050;
}

.seller-name-text{
  font-size: 14px;
}

.variation .variation__options .variation__option.no__qty::after {
  content: " ";
  position: absolute;
  background-color: black;
  width: 27px;
  height: 1px;
  transform: rotate(45deg);
}

.no__qty {
  opacity: 0.5;
  cursor: not-allowed;
}

.variation .variation__options--size .variation__option {
  border: 1px solid #3f3f3f;
  color: #3f3f3f;
  position: relative;
}

.variation .variation__options--color .variation__option {
  border: 1px solid #eaeaea;
}

.variation .variation__options--size .variation__option.selected {
  background-color: #d40201;
  color: white;
  border-color: #d40201;
  border-radius: 4px;
}

header .main.small-screen .menu-wrapper .menu .menu-item.open {
  max-height: fit-content;
}

header .main.small-screen .menu-wrapper .menu .submenu {
  display: grid;
  grid-auto-rows: max-content;
  grid-template-columns: repeat(3, minmax(70px, 1fr));
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 15px;
  padding-top: 15px;
  width: 100%;
  row-gap: 20px;
  padding-left: 20px;
  list-style: none;
  margin-top: 10px;
}

header .main.small-screen .menu-wrapper .menu .submenu .item img {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  height: 90px;
  max-height: 90px;
  object-fit: contain;
  width: 60px;
}

header .main.small-screen .menu-wrapper .menu .submenu .item p {
  color: #666;
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  margin-top: 5px;
  max-height: 24px;
  overflow: hidden;
  text-align: center;
  white-space: pre-wrap;
  word-break: break-word;
}

header .main.small-screen .menu-wrapper .menu .submenu .submenu-item > a {
  font-weight: 900;
  font-size: 14px;
}

header .main.small-screen .menu-wrapper .menu .submenu .submenu-item a {
  font-size: 14px;
  text-decoration: none;
}

header
  .main.small-screen
  .menu-wrapper
  .menu
  .submenu
  .submenu-item
  ~ .submenu-item {
  margin-top: 20px;
}

header .main.small-screen .menu-wrapper .menu .submenu .submenu-childrens {
  padding-left: 25px;
  list-style: none;
}

header .main.small-screen .menu-wrapper .close {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 20px;
  right: 20px;
  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;
  cursor: pointer;
}

header .main.small-screen .menu-wrapper .menu__info {
  width: 100%;
  padding-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .main.small-screen .menu-wrapper .menu__info > a {
  margin-right: auto;
}

header .main.small-screen .menu-wrapper .menu__info > a svg path {
  fill: black;
}

header .main.small-screen .menu-wrapper .menu__info .info-wrapper {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

header
  .main.small-screen
  .menu-wrapper
  .menu__info
  .info-wrapper
  ~ .info-wrapper {
  margin-left: 10px;
}

header
  .main.small-screen
  .menu-wrapper
  .menu__info
  .info-wrapper
  .info-wrapper__count {
  position: absolute;
  top: 0;
  right: -5px;
  width: 14px;
  height: 14px;
  font-size: 10px;
  background: #c42000;
  color: #fff;
  border-radius: 50%;
  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;
}

header .main.small-screen .search {
  margin-top: 10px;
  width: 100%;
  position: relative;
}

header .main.small-screen .search input {
  width: 100%;
  height: 35px;
  background-color: #f3f3f3;
  font-size: 12px;
  color: #767676;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 10px;
  border: 2px solid rgba(0, 0, 0, 0);
  outline: none;
  font-family: inherit;
  border-radius: 5px;
  padding-left: 17px;
}

header .main.small-screen .tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

header.navbar--fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-animation: fixedHeader 0.5s ease;
  animation: fixedHeader 0.5s ease;
}

@media (min-width: 991px) {
  header .main .toggler {
    display: none;
  }
  header .main.small-screen {
    display: none;
  }
}

@media (max-width: 991px) {
  header .main.large-screen {
    display: none;
  }
}

footer {
  background: black;
}

footer .top {
  padding: 40px 0;
}

footer .top .widgets {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

footer .widgets .widget-title {
  color: #d40201;
  font-size: 16px;
}

footer .widgets .widget-inner a,
footer .widgets .widget-inner p {
  display: block;
  font-size: 14px;
  line-height: 2;
}
footer .top .widgets .widget h4 {
  color: white;
  margin-bottom: 12px;
  text-transform: uppercase;
  font-size: 14px;
}

footer .top .widgets .widget ul li ~ li {
  margin-top: 11px;
}

footer .top .widgets .widget ul li a {
  color: #c4c4c4;
  font-size: 12px;
  text-decoration: none;
}

footer .top .widgets .widget--menu ul li a {
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 900;
}

footer .top .widgets .widget--payment .payment-methods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

footer .top .widgets .widget--payment .payment-methods .payment {
  display: inline-block;
  background: #c4c4c4;
  height: 25px;
  width: 45px;
}

footer .top .widgets .widget--social .social-medias {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 8px;
}

footer .top .widgets .widget--social .social-medias a {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: #c4c4c4;
}

@media (max-width: 576px) {
  footer .top .widgets {
    grid-template-columns: repeat(2, 1fr);
  }
  footer .top .widgets .widget:nth-child(2),
  footer .top .widgets .widget:nth-child(3) {
    grid-row-start: 2;
  }
}

.icon {
  width: 34px;
  height: 34px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon.icon--facebook {
  background-image: url("data:image/svg+xml,%3Csvg width='39' height='40' viewBox='0 0 39 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_139_4644)'%3E%3Cpath d='M19.5 0.855469C8.73054 0.855469 0 9.58601 0 20.3555C0 29.5002 6.29616 37.1738 14.7896 39.2814V26.3147H10.7687V20.3555H14.7896V17.7877C14.7896 11.1507 17.7934 8.07437 24.3095 8.07437C25.545 8.07437 27.6767 8.31695 28.5488 8.55875V13.9602C28.0886 13.9119 27.2891 13.8877 26.2961 13.8877C23.0989 13.8877 21.8634 15.099 21.8634 18.2479V20.3555H28.2329L27.1385 26.3147H21.8634V39.7127C31.519 38.5466 39.0008 30.3254 39.0008 20.3555C39 9.58601 30.2695 0.855469 19.5 0.855469Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_139_4644'%3E%3Crect width='39' height='39' fill='white' transform='translate(0 0.855469)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon.icon--instagram {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_139_4643)'%3E%3Cpath d='M19.6875 4.36699C24.8977 4.36699 25.5147 4.38984 27.5637 4.48125C29.468 4.56504 30.4963 4.88496 31.1818 5.15156C32.0883 5.50195 32.7434 5.92852 33.4213 6.60645C34.1068 7.29199 34.5258 7.93945 34.8762 8.8459C35.1428 9.53145 35.4627 10.5674 35.5465 12.4641C35.6379 14.5207 35.6607 15.1377 35.6607 20.3402C35.6607 25.5504 35.6379 26.1674 35.5465 28.2164C35.4627 30.1207 35.1428 31.149 34.8762 31.8346C34.5258 32.741 34.0992 33.3961 33.4213 34.074C32.7357 34.7596 32.0883 35.1785 31.1818 35.5289C30.4963 35.7955 29.4604 36.1154 27.5637 36.1992C25.507 36.2906 24.89 36.3135 19.6875 36.3135C14.4773 36.3135 13.8604 36.2906 11.8113 36.1992C9.90703 36.1154 8.87871 35.7955 8.19316 35.5289C7.28672 35.1785 6.63164 34.752 5.95371 34.074C5.26816 33.3885 4.84922 32.741 4.49883 31.8346C4.23223 31.149 3.9123 30.1131 3.82852 28.2164C3.73711 26.1598 3.71426 25.5428 3.71426 20.3402C3.71426 15.1301 3.73711 14.5131 3.82852 12.4641C3.9123 10.5598 4.23223 9.53145 4.49883 8.8459C4.84922 7.93945 5.27578 7.28438 5.95371 6.60645C6.63926 5.9209 7.28672 5.50195 8.19316 5.15156C8.87871 4.88496 9.91465 4.56504 11.8113 4.48125C13.8604 4.38984 14.4773 4.36699 19.6875 4.36699ZM19.6875 0.855469C14.3936 0.855469 13.7309 0.87832 11.6514 0.969727C9.57949 1.06113 8.15508 1.39629 6.92109 1.87617C5.63379 2.37891 4.54453 3.0416 3.46289 4.13086C2.37363 5.2125 1.71094 6.30176 1.2082 7.58145C0.72832 8.82305 0.393164 10.2398 0.301758 12.3117C0.210352 14.3988 0.1875 15.0615 0.1875 20.3555C0.1875 25.6494 0.210352 26.3121 0.301758 28.3916C0.393164 30.4635 0.72832 31.8879 1.2082 33.1219C1.71094 34.4092 2.37363 35.4984 3.46289 36.5801C4.54453 37.6617 5.63379 38.332 6.91348 38.8271C8.15508 39.307 9.57188 39.6422 11.6438 39.7336C13.7232 39.825 14.3859 39.8479 19.6799 39.8479C24.9738 39.8479 25.6365 39.825 27.716 39.7336C29.7879 39.6422 31.2123 39.307 32.4463 38.8271C33.726 38.332 34.8152 37.6617 35.8969 36.5801C36.9785 35.4984 37.6488 34.4092 38.1439 33.1295C38.6238 31.8879 38.959 30.4711 39.0504 28.3992C39.1418 26.3197 39.1646 25.657 39.1646 20.3631C39.1646 15.0691 39.1418 14.4064 39.0504 12.327C38.959 10.2551 38.6238 8.83066 38.1439 7.59668C37.6641 6.30176 37.0014 5.2125 35.9121 4.13086C34.8305 3.04922 33.7412 2.37891 32.4615 1.88379C31.2199 1.40391 29.8031 1.06875 27.7313 0.977344C25.6441 0.87832 24.9814 0.855469 19.6875 0.855469Z' fill='white'/%3E%3Cpath d='M19.6875 10.3398C14.1574 10.3398 9.6709 14.8264 9.6709 20.3564C9.6709 25.8865 14.1574 30.373 19.6875 30.373C25.2176 30.373 29.7041 25.8865 29.7041 20.3564C29.7041 14.8264 25.2176 10.3398 19.6875 10.3398ZM19.6875 26.8539C16.0998 26.8539 13.19 23.9441 13.19 20.3564C13.19 16.7688 16.0998 13.859 19.6875 13.859C23.2752 13.859 26.185 16.7688 26.185 20.3564C26.185 23.9441 23.2752 26.8539 19.6875 26.8539Z' fill='white'/%3E%3Cpath d='M32.4387 9.94395C32.4387 11.2389 31.3875 12.2824 30.1002 12.2824C28.8053 12.2824 27.7617 11.2313 27.7617 9.94395C27.7617 8.64903 28.8129 7.60547 30.1002 7.60547C31.3875 7.60547 32.4387 8.65664 32.4387 9.94395Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_139_4643'%3E%3Crect width='39' height='39' fill='white' transform='translate(0.1875 0.855469)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.description {
  font-size: 16px;
  color: #333;
  font-family: "Source Sans 3", sans-serif !important;
  line-height: 1.5;
}

.description * {
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  line-height: inherit;
}
.fixed-product-footer {
  border-top: 1px solid #e3e3e3;
  position: fixed;
  bottom: 0;
  left: 0;
  background: white;
  right: 0;
  padding: 6px;
  z-index: 2;
}

@media (min-width: 991px) {
  .fixed-product-footer {
    display: none !important;
  }
}

.widget .socials {
  display: flex;
  gap: 10px;
}
footer .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px 0;
  border-top: 1px solid #d42e2d;
}

footer .bottom span {
  font-size: 12px;
  color: #c4c4c4;
}

footer .bottom span a {
  text-decoration: none;
  color: inherit;
}

footer .bottom span a:hover {
  opacity: 0.7;
}

@media (max-width: 991px) {
  footer .top .widgets {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 576px) {
  footer .top .widgets {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}

section.home .main-intro {
  height: 470px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 40px;
}

section.home .main-intro .content h1 {
  font-size: 70px;
  color: white;
  text-transform: uppercase;

  line-height: 1;
}

section.home .main-intro .content h1 span {
  font-size: 79px;
}

section.home .main-intro .content a {
  display: block;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  background: #d42e2d;
  min-width: 120px;
  max-width: 120px;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
  margin-top: 45px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

section.home .main-intro .content a:hover {
  background: white;
  color: #d42e2d;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

section.home .select-style-wrapper {
  position: relative;
  padding: 120px 0;
}

section.home .select-style-wrapper h1.page-title {
  margin-left: auto;
  margin-right: auto;
}

section.home .select-style-wrapper h1.page-title::after {
  width: 35%;
}

section.home .select-style-wrapper .select-style .swiper-slide {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

section.home .select-style-wrapper .select-style .swiper-slide-active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

section.home
  .select-style-wrapper
  .select-style
  .swiper-slide-active
  .style-card
  .content
  h2 {
  color: black;
}

section.home
  .select-style-wrapper
  .select-style
  .swiper-slide-active
  .style-card
  .content
  a.link {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

section.home .select-style-wrapper .select-style .style-card {
  text-align: center;
  cursor: pointer;
}

section.home .select-style-wrapper .select-style .style-card .top {
  position: relative;
}

section.home .select-style-wrapper .select-style .style-card img {
  pointer-events: none;
}

section.home .select-style-wrapper .select-style .style-card .terrain {
  position: absolute;
  width: 80%;
  height: 80%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  max-width: calc(500px - 100px);
  opacity: 0.2;
}

section.home .select-style-wrapper .select-style .style-card .terrain img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

section.home .select-style-wrapper .select-style .style-card .content {
  margin-top: 30px;
}

section.home .select-style-wrapper .select-style .style-card .content h2 {
  font-size: 15px;
  text-transform: uppercase;

  margin-bottom: 30px;
  color: #c4c4c4;
}

section.home .select-style-wrapper .select-style .style-card .content a.link {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

section.home .select-style-wrapper .select-style .style-card .main-style {
  width: 100%;
  z-index: 2;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  -webkit-transform: scale(0.7) rotate(5deg);
  transform: scale(0.7) rotate(5deg);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

section.home
  .select-style-wrapper
  .select-style
  .swiper-slide-active
  .style-card
  .main-style {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

section.home .categories {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding: 50px 0;
}

section.home .categories .category {
  text-align: center;
}

section.home .categories .category .category__image img {
  width: 100%;
}

section.home .categories .category .category__title {
  font-size: 15px;
  text-transform: uppercase;
  color: black;
  font-weight: 900;
  margin-top: 15px;
  margin-bottom: 30px;
}

section.home .category__link,
section.home .link {
  display: inline-block;
  padding: 8px 25px;
  border: 1px solid black;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 900;
  color: black;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

section.home .category__link:hover,
section.home .link:hover {
  opacity: 0.7;
}

section.home .signup-wrapper {
  position: relative;
  overflow: hidden;
  padding: 150px 0;
}

section.home .signup-wrapper .back-typography {
  font-size: 300px;

  position: absolute;
  width: 200%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  top: 50%;
  text-transform: uppercase;
  line-height: 1;
  color: #f9f9f9;
  z-index: -1;
}

section.home .signup {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(60% - 30px) 40%;
  grid-template-columns: calc(60% - 30px) 40%;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

section.home .signup .image img {
  width: 100%;
}

section.home .signup .content {
  width: 80%;
  margin-left: auto;
}

section.home .signup .content h2 {
  font-size: 30px;
  color: black;
  text-transform: uppercase;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 30px;
}

section.home .signup .content h2::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 50%;
  height: 3px;
  background: #d42e2d;
}

section.home .signup .content p {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 30px;
}

section.home .signup .content a {
  background: black;
  color: white;
  border: 1px solid black;
  font-weight: 900;
  font-size: 12px;
  display: inline-block;
  max-width: 100px;
  width: 100%;
  text-align: center;
  padding: 8px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

section.home .signup .content a:hover {
  background: white;
  border: 1px solid black;
  color: black;
}

section.home .featured-products .products-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

section.home .brands-wrapper {
  margin: 30px 0;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: -9px;
}

.swiper-button-prev {
  left: 0px !important;
}

section.home .brands-wrapper .brands-swiper .brand {
  text-align: center;
  width: 68px;
  border: 1px solid black;
  height: 68px;
  border-radius: 50%;
  overflow: hidden;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 14px;
  font-weight: bolder;
  color: #cecece;
}

.single-product .swiper-button-next,
.single-product .swiper-button-prev {
  background-color: black;
  right: 0px;
  opacity: 0.6;
}

.swiper-button-next,
.swiper-button-prev {
  top: 49%;
}

.navigation_sticky {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  position: sticky;
  margin-top: 17px;
}

.item-categories {
  display: flex !important;
  border-radius: 4px;
  background-color: #f1f1f1;
  padding-left: 10p;
  padding: 8px 10px;
  font-size: 14px;
  align-items: center;
}

.navigation_sticky .navigation {
  align-items: center;
  display: flex;
  gap: 0 20px;
  padding: 0;
  margin: 0;
  justify-content: flex-start;
  overflow-x: scroll;
  -ms-overflow-style: none;
  overflow-y: hidden;
  overflow: -moz-scrollbars-none;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  width: 100%;
}

.navigation_sticky .navigation li {
  flex: 0 0 auto;
  color: #535353;
  font-weight: 500;
  min-width: fit-content;
  padding: 0px;
  text-align: center;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.navigation_sticky .navigation li a {
  color: #535353;
  font-weight: 500;
  font-size: 14px;
}

section.home .brands-wrapper .brands-swiper .brand img {
  width: 100%;
}

@media (max-width: 767px) {
  section.home .signup .content {
    width: 100%;
  }
  section.home .featured-products .products-grid {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  section.home .main-intro {
    height: 400px;
  }
  section.home .main-intro .content h1 {
    font-size: 60px;
  }
  section.home .main-intro .content h1 span {
    font-size: 68px;
  }
  section.home .categories {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  section.home .signup {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  section.home .featured-products .products-grid {
    gap: 15px;
  }
}

@media (max-width: 400px) {
  section.home .main-intro .content h1 {
    font-size: 40px;
  }
  section.home .main-intro .content h1 span {
    font-size: 45px;
  }
}

.item .image {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.item .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: contain;
}

.item .image::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.item .image .action-buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.item .image .action-buttons a.btn--black {
  background: #000;
}

.item .image .action-buttons a.btn--black:hover {
  color: black !important;
}

.item .image .action-buttons a.btn--red {
  background: #d42e2d;
}

.item .image .action-buttons a.btn--red:hover {
  color: #d42e2d !important;
}

.item .image .action-buttons a {
  display: inline-block;
  width: 50%;
  text-align: center;
  padding: 13px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.item .image .action-buttons a:hover {
  background: white;
}

.item .image:hover .action-buttons {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.item .image .notice {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  min-width: 33%;
  text-align: center;
  padding: 13px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1px;
}

.item .image .notice--sale {
  background: #d42e2d;
}

.item .image .notice--nostock,
.item .image .notice--new {
  background: black;
}

.item .image .notice--new::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: #d42e2d;
}

.item .content .upper,
.item .content .lower {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0;
}

.item .content {
  height: 144px;
  padding: 8px;
}

.item .favorite-box-wrapper {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  font-size: 16px;
  height: 28px;
  justify-content: center;
  position: absolute;
  top: 10px;
  width: 28px;
  z-index: 1;
  right: 10px;
}

.item-stamps-container {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5px;
}

.favorite-box-wrapper svg {
  stroke: #333;
  fill: #fff;
}

.favorite-box-wrapper:hover svg {
  stroke: #d40201;
}

.favorite-box-wrapper.filled svg {
  fill: #d40201;
  stroke: #d40201;
}

.remove-favorite {
  cursor: pointer;
}

.item .content .item-title {
  font-size: 14px;
  color: #333;
  font-weight: 400;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 32px;
}

.item .content .item-transport {
   color: gray;
   margin-top: 5px;
}

.item .content .item-transport span{
  font-weight: 600;
}


.item .content .item-title span{
  font-weight: 600;
}

.item .content .info-price {
  margin-top: 10px;
}

.item .content .info-price .price {
  font-size: 16px;
  font-weight: 700;
  color: #d42e2d;
}
.price {
  color: #d42e2d;
  font-weight: 700;
  color: #d42e2d;
  font-size: 18px;
  line-height: 20px;
}
.discount_price {
  color: #999999 !important;
  text-decoration: line-through;
  line-height: 16px;
}

.button {
  color: white;
  border-radius: 4px;
}

.button.button--red {
  border-color: #d40201;
  background: #d40201;
}
@media (max-width: 991px) {
  .product-stamp-container {
    flex-direction: column !important;
    padding-left: 0px !important;
    width: 66px !important;
  }

  .product-discount-container {
    width: 66px !important;
  }

  .product-stamp-container span {
    font-size: 7px !important;
    width: unset !important;
  }
}

html {
  font-size: 16px;
}

h1.page-title {
  text-transform: uppercase;
  /* font-size: 27px; */
  font-size: 1.25rem;
  position: relative;
  width: fit-content;
  /* margin: 36px 0px; */
  margin-bottom: 20px !important;
  color: #d40201;
  font-weight: 600;
}

.slider-item {
  position: relative;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  border: 1px solid #efefef;
}

.slider-item::before {
  content: "";
  display: block;
  padding-bottom: 60%;
}

.slider-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.banners-grid {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.banners-grid .item {
  width: calc(33% - 20px);
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.banners-grid .item::before {
  content: "";
  display: block;
  padding-bottom: 60%;
}

.banners-grid .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}

section.section-padding {
  padding: 14px 0;
}


.gray-bg h1 {
  color: #333;
}

.white {
  color: white !important;
}

.uppercase {
  text-transform: uppercase;
}
/*  */
.dots {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  pointer-events: none;
}

.dots svg {
  width: 100%;
}

main.products-page {
  position: relative;
  padding: 0;
  overflow-x: hidden;
}

main.products-page .products-wrapper {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  /* position: relative; */
}

main.products-page .products-wrapper .products {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

main.products-page .products-wrapper .top {
  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;
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 4;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 30px;
}

main.products-page .products-wrapper .top p {
  color: #4a4a4a;
}

main.products-page .products-wrapper .top .filterby {
  /* color: #888888;
  padding: 14px 20px;
  border: 1px solid #888888;
  text-transform: uppercase; */
}

.nice-select {
  cursor: pointer;
  height: 40px;
  min-width: 231px;
  max-width: 231px;
  box-sizing: border-box;
  padding: 12px 12px 12px 16px;
  gap: 22px;
  line-height: 31px;
  background-size: 10px 4px;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  outline: none;
}

main.products-page .products-wrapper .sidebar .filter ~ .filter {
  margin-top: 30px;
}

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

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

main.products-page .products-wrapper .panel ~ .panel {
  margin-top: 30px;
  max-height: 500px;
  overflow-y: auto;
}

main.products-page .products-wrapper .panel {
  order: 1;
  border: 1px solid #888888 !important;
  padding: 20px;
}

main.products-page
  .products-wrapper
  .panel
  .custom-checkbox
  .container-custom-check {
  font-size: 12px;
  color: gray;
  text-transform: uppercase;
}

main.products-page .products-wrapper .sidebar .filter h4 {
  font-size: 14px;
  text-transform: uppercase;

  margin-bottom: 20px;
}
main.products-page .products-wrapper .panel .panel-title {
  font-size: 14px;
  text-transform: uppercase;

  margin-bottom: 0;
}
main.products-page .products-wrapper .panel .panel-collapse {
  padding-top: 20px;
}
main.products-page .products-wrapper .panel .panel-title a {
  color: inherit;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
}

main.products-page .products-wrapper .sidebar .filter .list a:hover {
  opacity: 0.6;
}

main.products-page .products-wrapper .sidebar .filter .list a,
main.products-page .products-wrapper .sidebar .filter .list p {
  text-decoration: none;
  color: black;
  font-size: 16px;
  font-family: "Helvetica-Condensed-Light-Li";
  line-height: 22px;
}

main.products-page .products-wrapper .sidebar .categories-filter .list a {
  display: block;
}

main.products-page .products-wrapper .sidebar .tags-filter .list a ~ a::before {
  content: "/";
  display: inline-block;
  margin-right: 2px;
}

main.products-page
  .products-wrapper
  .sidebar
  .best-products-filter
  .list
  .product-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

main.products-page
  .products-wrapper
  .sidebar
  .best-products-filter
  .list
  .product-item
  .product-image {
  width: 60px;
  height: 60px;
  background: lightgray;
}

main.products-page
  .products-wrapper
  .sidebar
  .best-products-filter
  .list
  .product-item
  .product-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 7px;
}

main.products-page
  .products-wrapper
  .sidebar
  .best-products-filter
  .list
  .product-item
  h4 {
  margin-bottom: 0px;
  line-height: 14px;
}

main.products-page
  .products-wrapper
  .sidebar
  .best-products-filter
  .list
  .product-item
  a,
main.products-page
  .products-wrapper
  .sidebar
  .best-products-filter
  .list
  .product-item
  p {
  line-height: 16px;
}

main.products-page
  .products-wrapper
  .sidebar
  .best-products-filter
  .list
  .product-item
  ~ .product-item {
  margin-top: 30px;
}

.filter-button-wrapper {
  position: fixed;
  left: 20px;
  bottom: 20px;
  background: #fff;
  width: 60px;
  height: 60px;
  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;
  cursor: pointer;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #d42e2d;
  font-size: 20px;
  color: #d42e2d;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}

@media (max-width: 991px) {
  .products-wrapper {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .products-wrapper .right.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    background-color: #fff;
    height: 100vh;
    padding: 50px 20px;
    z-index: 22;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    overflow-y: auto;
    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;
  }
  .products-wrapper .right.sidebar.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .filter-button-wrapper {
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 767px) {
  main.products-page .products-wrapper .top {
    grid-column-end: 3;
  }
  main.products-page .products-wrapper .products {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.single-product {
  position: relative;
  padding: 0px;
  overflow-x: hidden;
}

.single-product h1.page-title {
  margin-bottom: 0;
}

.single-product .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0px;
}

.single-product .top .breadcrumb {
  background: #fff;
  text-align: right;
  padding-left: 0px;
  margin-bottom: 0px;
}

.single-product .top .breadcrumb a {
  color: #4a4a4a;
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
}

.single-product .top .breadcrumb a:hover {
  opacity: 0.7;
}

.single-product .top .breadcrumb a ~ a::before {
  content: "/";
  display: inline-block;
  margin-right: 3px;
  margin-left: 5px;
}

.single-product .product-wrap {
  grid-template-columns: 400px 1fr;
  display: grid;
  gap: 20px;
}

.single-product .product-wrap .gallery {
  width: 400px;
}


.container-right-content{
  grid-template-columns: 1fr 228px;
  display: grid;
  gap: 20px;
}

.single-product .product-wrap .gallery .gallery-slider {
  width: 100%;
  overflow: hidden;
}


.single-product .product-wrap .gallery .web-gallery-slider-horizontal {
  width: 100%;
  overflow: hidden;
  height: 80px;
}

.single-product .product-wrap .gallery .gallery-slider .swiper-wrapper img {
  width: 100%;
  /* min-width: 145px; */
  /* max-height: 430px; */
  object-fit: contain;
  height: 100%;
}

.single-product .swiper-container img {
  width: 100%;

  object-fit: contain;
  height: 100%;
}


.widget-row{

  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 8px 12px 8px 8px;
  background-color: #fff;

}

.widget .widget-title {
  font-size: 10px;
  line-height: 18px;
  font-weight: 600;
  color: #999;
}

.widget .campaign-name{
  font-size: 12px;
  max-width: 155px;
  color: #000;
  font-weight: 600;
}

.widget .icon{
  border-radius: 4px;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.widget svg{
  fill: #666;
}

/* The Modal (background) */
.product-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 40px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #fff;
  justify-content: center;
  align-items: center;
}

.product-modal-web{
  left: 30%;
  box-shadow: #0000001a 0 4px 8px;
  width: 40%;
}

.product-modal-web .product-modal-content{
  width: 500px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Modal Content (Image) */
.product-modal .modal-content {
  margin: auto;
  display: block;
  border: 0px;
}

/* Caption of Modal Image */
.product-modal .modal-caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
}

/* The Close Button */
.product-modal .close {
  position: absolute;
  top: 10px;
  right: 35px;
  color: black;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.product-modal .close:hover,
.product-modal .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.gallery-slider-vertical {
  min-height: 470px;
}
.gallery-slider-vertical .swiper-slide {
  margin-bottom: 30px !important;
  width: 100% !important;
}

.account-menu-container{
   display: flex;
   justify-content: space-between;
}

.account-menu{
  background-color: #F3F3F3;
  border-radius: 8px;
  padding: 0;
}

.account-menu-page{
  width: 80%;
}

.account-menu .menu-item{
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 15px;
}

.account-menu .menu-item:hover{
  background-color: #e5e5e5;
}

@media (min-width: 991px) {
  .single-product .product-wrap .gallery .main-image {
    min-height: 471px;
  }
  .gallery-slider-horizontal {
    display: none;
  }
}

@media (max-width: 991px) {
  .gallery-slider-vertical {
    display: none;
  }

  .single-product .product-wrap .details h2.title {
    font-size: 1.125rem !important;
  }

  .single-product .product-wrap .details {
    padding: 10px !important;
  }
}
.single-product .product-wrap .gallery .main-image {
  /* */
  position: relative;
}

.single-product .product-wrap .gallery #main_img {
  width: 100%;
}
.single-product .product-wrap .details {
  background: #f5f5f5;
  padding: 20px;
  border-radius: 14px;
  height: fit-content;
}
.single-product .product-wrap .details h2.title {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
  line-height: 28px;
}

.single-product .product-wrap .details .price-wrapper {
  margin-bottom: 10px;
}

.single-product .product-wrap .details .price-wrapper span {
  font-size: 24px;
  font-weight: bold;
  color: #d40201;
}

.single-product .product-wrap .details .price-wrapper .initial_price {
  color: #d40201;
}

.single-product .product-wrap .details .price-wrapper .discount_price {
  color: #d42e2d;
}

.single-product .product-wrap .details .product_rating {
  margin-bottom: 25px;
}

.single-product .product-wrap .details .product_rating ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.single-product .product-wrap .details .product_rating ul a i {
  color: black;
}

.single-product .product-wrap .details .product_rating ul a:hover i {
  opacity: 0.7;
}

.single-product .product-wrap .details .product_description {
  margin-bottom: 25px;
}

.single-product .product-wrap .details .product_description p {
  color: #4a4a4a;
  font-weight: 400;
  font-family: "Roboto";
  font-size: 12px;
}

.product-stamp-container {
  display: flex;
  align-items: center;
  color: #fff;
  border-radius: 4px;
  width: 85px;
  height: 26px;
  margin-bottom: 5px;
  padding-left: 5px;
  box-sizing: border-box;
}

.product-discount-container {
  
  color: #fff;
  border-radius: 4px;
  width: 85px;
  margin-bottom: 5px;
  padding-left: 5px;
  box-sizing: border-box;
  background-color: red;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}


.product-stamps-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1;
}

.no-stock{
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 37px;
  font-weight: bold;
  z-index: 99;
  top: 0;
}

.gallery-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  box-shadow: 0 4px 4px #33333329;
  border-radius: 100px;
  z-index: 10;
}

.gallery-icon-container.left{
  left: 10px;
}

.gallery-icon-container.right{
  right: 10px;
}


.product-stamp-container.fast-delivery {
  background-color: #0bc15c;
}

.product-stamp-container.free-shipping {
  background-color: #2196F3;
}

.product-stamp-container.days-shipping {
  background-color: #ffa500;
}

.product-stamp-container.bank-only {
  background-color: #00bcd4;
}

.product-stamp-container span {
  font-family: source_sans_prosemibold, sans-serif;
  font-weight: 600;
  width: 50px;
  font-size: 10px;
  line-height: 9px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  margin-left: 4px;
}

.single-product .product-wrap .details .product_tags {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.single-product .product-wrap .details .product_tags h3 {
  font-size: 14px;
  margin-bottom: 0px;
}

.single-product .product-wrap .details .product_tags span {
  text-align: right;
  font-size: 14px;
  color: #888888;
}

.single-product .product-wrap .details .product_tags a {
  text-decoration: none;
  color: inherit;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 12px;
}

.single-product .product-wrap .details .product-question-info {
  background: white;
  margin-top: 30px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #e9e9e9;
}

.single-product .product-wrap .details .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px 33px;
}

.single-product .product-wrap .details .controls .button {
  background: #d40201;
  width: calc(100% - 95px);
  border-radius: 4px;
  border: #ffdead;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  cursor: pointer;
  font-family: "Roboto";
  font-weight: 900;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.single-product .product-wrap .details .controls .button:hover {
  opacity: 0.7;
}

.single-product .product-wrap .details .controls .wishlist {
  width: 100%;
}

.single-product .product-wrap .details .controls .wishlist a {
  color: black;
  text-decoration: none;

  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
}

.single-product .product-wrap .details .controls .wishlist a:hover {
  opacity: 0.7;
}

.product-tabs .nav-tabs {
  border-block-color: #b5b5b5;
}

.product-tabs .nav-tabs .nav-item:first-child .nav-link {
  padding-left: 0px;
}

.product-tabs .nav-tabs .nav-link {
  border: none;
  padding: 10px 30px 10px 0;

  color: #888888;
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 30px;
}

.product-tabs .nav-tabs .nav-link.active {
  border: #ffdead;
  border-bottom: 3px solid #d42e2d;
  color: black;
}

.product-tabs .tab-content {
  padding: 30px 0;
  font-size: 12px;
  font-family: "Roboto";
  color: #888;
  font-weight: 400;
  line-height: 20px;
}

.tab-content .description ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

.tab-content .description li {
  /* list-style-type: disc; */
}

.tab-content .description ul ul {
  /* margin-left: 20px; */
}

.single-product .related-products {
  margin-top: 100px;
}

.single-product .related-products h2.section-title {
  padding-bottom: 15px;
  border-bottom: 1px solid black;
  font-size: 20px;

  text-transform: uppercase;
}

.single-product .related-products .related-products-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  padding: 40px 0;
}

@media (max-width: 1200px) {
  .single-product .product-wrap .gallery .gallery-slider {
    max-height: 363px;
    height: 100%;
  }
  
}

.partner-container{
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  background-color: #f3f3f3;
  align-items: center;
  margin-top: 20px;
  border-radius: 10px;
}

.partner-logo-container{
  width: 64px;
  height: 64px;
  border-radius: 32px;
  border: 1px solid red;
  padding: 5px;
}

.partner-name{
  font-size: 26px;
}

.partner-score{
  width: 28px;
  height: 18px;
  color: #fff;
  border-radius: 3px;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 8px;
  font-size: 12px;
  background: #3CCD7D;
  font-weight: 600;
}

@media (max-width: 991px) {
  .partner-logo-container {
    width: 45px;
    height: 45px;
  }

  .partner-name {
    font-size: 22px;
  }
}

.partner-logo-container img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gallery-slider-horizontal  .swiper-wrapper {
  max-height: 363px;
  height: 100%;
}

.gallery-slider-horizontal  .swiper-wrapper .swiper-slide {
  height: auto;
}

@media (max-width: 991px) {
  .single-product .product-wrap .gallery {
    width: auto;
  }
  .single-product .product-wrap .gallery .gallery-slider {
    -ms-grid-columns: unset;
    grid-template-columns: unset;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .single-product .product-wrap .gallery .main-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .single-product .product-wrap .details .product_tags {
    gap: 2px;
  }

  .single-product .product-wrap{
    display: block;
  }

  .container-right-content{
    grid-template-columns: 1fr;
    margin-top: 10px;
  }
}

@media (min-width: 767px) {
  .single-product .product-wrap .gallery .gallery-slider .swiper-wrapper img {
    max-width: 145px;
  }
}

@media (max-width: 767px) {
  .single-product .product-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .product-features {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .single-product .product-wrap .gallery {
    gap: 5px;
  }
}

@media (max-width: 576px) {
  .single-product .related-products .related-products-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .single-product .related-products .related-products-grid .item:last-child {
    display: none;
  }
}

.fixed-cart-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.fixed-cart-wrapper .fixed-cart {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  padding: 50px 0;
  -webkit-box-shadow: 0px 5.98802px 58.3832px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5.98802px 58.3832px rgba(0, 0, 0, 0.1);
  background: #fff;
  position: relative;
}

.fixed-cart-wrapper .button--filled {
  color: white !important;
}
.fixed-cart-wrapper .button--outlined {
  color: black !important;
}
.fixed-cart-wrapper .fixed-cart::before {
  content: "";
  position: absolute;
  left: 50%;
  height: calc(100% - 100px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  background-color: #d7d7d7;
}

.fixed-cart-wrapper h2 {
  font-size: 17px;
  text-transform: uppercase;

  margin-bottom: 30px;
}

.fixed-cart-wrapper h2 span {
  color: #d42e2d;
}

.fixed-cart-wrapper .left {
  text-align: right;
  max-height: 510px;
  overflow: auto;
}

.fixed-cart-wrapper .cart-item {
  display: grid;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-right: 20px;
  grid-template-columns: 1fr 1fr;
}

.fixed-cart-wrapper .cart-item .item-image {
  width: 40px;
  height: 40px;
  background-color: gray;
}

.fixed-cart-wrapper .cart-item ~ .cart-item {
  margin-top: 10px;
}

.fixed-cart-wrapper .cart-item .item-details {
  text-align: left;
  font-size: 12px;
  font-family: "Roboto";
  color: #4a4a4a;
  font-weight: 500;
  padding-right: 80px;
  min-width: 200px;
}

.fixed-cart-wrapper .cart-item .item-details h3 {
  font-size: 12px;
  text-transform: uppercase;

  color: black;
}

.fixed-cart-wrapper .cart-item .item-details span.price {
  margin-left: 15px;
}

.fixed-cart-wrapper .cart-item .remove {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.fixed-cart-wrapper .controls {
}

.button {
  border: 1px solid #000;
  padding: 10px 35px;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Roboto";
  font-weight: 900;
  background-color: white;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.button ~ button {
  margin-left: 10px;
}
.button ~ .button {
  margin-left: 10px;
}
.button:hover {
  opacity: 0.7;
}

.button--filled {
  background-color: black;
  color: white;
}

.fixed-cart-wrapper.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.modal.active {
  display: block;
}

.modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #0006;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}


.modal .modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

#shareSocialModal .modal-content{
  margin: 0;
  width: 100%;
  height: 250px;
}

#shareSocialModal{
  align-items: end;
}

.modal .modal-content .modal__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.modal .modal-content .modal__header .close {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: auto;
  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;
}

.modal .modal-content .modal__body {
  padding: 0 0 20px 0;
}

.modal .modal-content .modal__body p {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #767677;
}

.modal .modal-content .modal__footer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

@media (min-width: 991px) {
  .fixed-cart-wrapper {
    visibility: visible;
    opacity: 1;
  }
  #cartModal {
    visibility: hidden;
    opacity: 0;
  }
}

@media (max-width: 576px) {
  .modal .modal-content .modal__footer {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .button ~ button {
    margin-left: 0;
  }
}

@media (max-width: 400px) {
  .modal .modal-content .modal__footer {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.slick-next.slick-arrow {
  background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjY2VjZWNlIiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSIjY2VjZWNlIiBkPSJNMCA3LjMzbDIuODI5LTIuODMgOS4xNzUgOS4zMzkgOS4xNjctOS4zMzkgMi44MjkgMi44My0xMS45OTYgMTIuMTd6Ii8+PC9zdmc+")
    center center no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 30px; /* Adjust width */
  height: 30px; /* Adjust height */
  border: none; /* Remove border if any */
  outline: none; /* Remove outline */
  position: absolute;
  margin-left: 55px;
  z-index: 1;
}

.slick-prev.slick-arrow {
  background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjY2VjZWNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBzdHJva2U9IiNjZWNlY2UiIGQ9Ik0wIDE2LjY3bDIuODI5IDIuODMgOS4xNzUtOS4zMzkgOS4xNjcgOS4zMzkgMi44MjktMi44My0xMS45OTYtMTIuMTd6Ii8+PC9zdmc+")
    center center no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 30px; /* Adjust width */
  height: 30px; /* Adjust height */
  border: none; /* Remove border if any */
  outline: none; /* Remove outline */
  position: absolute;
  margin-left: 55px;
  z-index: 1;
}

.slick-next.slick-arrow::before {
  content: ""; /* This can be any arrow character */
}

main.cart-page {
  padding: 80px 0;
  position: relative;
}

main.cart-page .cart-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(65% - 50px) 35%;
  grid-template-columns: calc(65% - 50px) 35%;
  gap: 50px;
}

main.cart-page .cart-wrapper .cart-products > h2 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

main.cart-page .cart-wrapper .cart-products .list {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

main.cart-page .cart-wrapper .cart-products .list .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5% 50px 2fr 100px 111px;
  grid-template-columns: 5% 50px 2fr 100px 111px;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: #fff9f9;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #f1f1f1;
  position: relative;
}

main.cart-page .cart-wrapper .cart-products .list .item .delete {
  height: 100%;
  padding: 0 10px;
}

main.cart-page .cart-wrapper .cart-products .list .item .delete span {
  cursor: pointer;
}

main.cart-page .cart-wrapper .cart-products .list .item .image {
  width: 50px;
  height: 50px;
  border-radius: 5px;
}

main.cart-page .cart-wrapper .cart-products .list .item .name,
main.cart-page .cart-wrapper .cart-products .list .item .price {
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 20px;
}

main.cart-page .cart-wrapper .cart-products .list .item .quantity-wrapper {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0px;
}

main.cart-page .cart-wrapper .cart-products .coupon-wrapper {
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 20px;
  margin-top: 20px;
}

main.cart-page .cart-wrapper .cart-products .coupon-wrapper input {
  border: none;
  outline: none;
  color: rgba(0, 0, 0, 0.5);
}

main.cart-page .cart-wrapper .cart-products .coupon-wrapper button {
  background-color: transparent;
  border: none;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  width: 40%;
}

main.cart-page .cart-wrapper .cart-total {
  padding: 30px;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  height: max-content;
}

main.cart-page .cart-wrapper .cart-total > h2 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: bold;
}

main.cart-page .cart-wrapper .cart-total .list .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px auto;
  grid-template-columns: 100px auto;
  gap: 30px;
}

main.cart-page .cart-wrapper .cart-total .list .item .item-title,
main.cart-page .cart-wrapper .cart-total .list .item p {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
}

main.cart-page .cart-wrapper .cart-total .list .item p {
  margin-bottom: 0;
}

main.cart-page .cart-wrapper .cart-total .list .item p.small {
  font-family: "Roboto";
  font-size: 10px;
  text-transform: none;
  color: #4a4a4a;
}

main.cart-page .cart-wrapper .cart-total .divider {
  margin: 30px 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c4c4c4;
}

main.cart-page .cart-wrapper .cart-total .bottom .total-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px;
}

.cart-remove-item {
  cursor: pointer;
}

main.cart-page .cart-wrapper .cart-total .bottom .total-wrapper h2 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: bold;
  margin-bottom: 0;
}

main.cart-page .cart-wrapper .cart-total .bottom a {
  display: block;
  width: 100%;
  background: #d40201;
  font-weight: 900;
  font-family: "Roboto";
  text-decoration: none;
  padding: 15px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
}

main.cart-page .cart-wrapper .cart-total .bottom a:hover {
  opacity: 0.7;
}

.pay-with-card {
  margin-top: 0px;
  position: absolute;
  width: 300px;
  right: -154px;
  margin-top: -76px;
}

@media (max-width: 991px) {
  main.cart-page .cart-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 767px) {
  main.cart-page .cart-wrapper .cart-products .list .item .name .show-price {
    display: none;
  }

  .pay-with-card {
  }
}

@media (max-width: 767px) {
  main.cart-page .cart-wrapper .cart-products .list .item {
    -ms-grid-columns: 20px 50px auto 77px;
    grid-template-columns: 20px 50px auto 77px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  main.cart-page .cart-wrapper .cart-products .list .item .name {
    width: 100%;
  }
  main.cart-page .cart-wrapper .cart-products .list .item .name .show-price {
    color: #d42e2d;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: flex;
    flex-direction: column;
  }
  main.cart-page .cart-wrapper .cart-products .list .item .price {
    display: none;
  }
}

@media (max-width: 576px) {
  main.cart-page .cart-wrapper .cart-products .list .item {
    -ms-grid-columns: 20px 50px auto;
    grid-template-columns: 20px 50px auto;
    gap: 10px 20px;
  }
  main.cart-page .cart-wrapper .cart-products .list .item .name {
    padding: 0;
  }
  main.cart-page .cart-wrapper .cart-products .list .item .quantity-wrapper {
    -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 4;
  }
  main.cart-page .cart-wrapper .cart-products .coupon-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
  }
  main.cart-page .cart-wrapper .cart-products .coupon-wrapper input {
    width: 100%;
    border: 1px solid #c4c4c4;
    padding: 7px;
  }
  main.cart-page .cart-wrapper .cart-products .coupon-wrapper button {
    width: calc(50% - 10px);
  }
}

.quantity-wrapper {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}

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

.quantity-wrapper input[type="number"] {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

.quantity-wrapper input {
  height: 35px;
  border: 1px solid #bdbcbc;
  width: 60px;
  text-align: center;
  padding: 0;
  outline: 0;
  font-size: 15px;
}

.quantity-wrapper .minus,
.quantity-wrapper .plus {
  position: absolute;
  right: -17px;
  width: 26px;
  height: 18px;
  z-index: 2;
  border-radius: 0;
  border: 1px solid #bdbcbc;
  background: #fff;
  color: #888;
  cursor: pointer;
  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;
}

.quantity-wrapper .plus {
  top: 0;
}

.quantity-wrapper .minus {
  top: 17px;
}
/*# sourceMappingURL=style.css.map */

.price-range-slider {
  width: 88%;
  position: relative;
  margin-left: 5px;
  margin-top: 10px;
}

.price-range-slider .range-value {
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.price-range-slider .range-value input {
  width: 100% !important;
  background: 0 0;
  font-size: 14px;
  color: #636363;
  box-shadow: none;
  border: none;
  margin: 0 0 10px;
}

.ui-slider .ui-slider-range{
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.price-range-slider .range-bar {
  border: none;
  background: #f1f1f1;
  height: 1px;
  width: 96%;
  margin-left: 8px;
  position: relative;
}

.ui-slider-horizontal .ui-slider-range{
  top: 0;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}



.price-range-slider .range-bar .ui-slider-range {
  height: 1px;
  background-color: #afafaf !important;
}

.price-range-slider .range-bar .ui-slider-handle {
  border-radius: 50%;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: #c42000 !important;
}

.price-range-slider .range-bar .ui-slider-handle {
  border-radius: 50%;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: #c42000 !important;
}

.ui-slider .ui-slider-handle {
  z-index: 1 !important;
  touch-action: none;
  position: absolute;
}

.no-favs-wrap h4 {
  margin-bottom: 20px;
  color: #111;
}

.no-favs-wrap p {
  margin-bottom: 30px;
  color: #636363;
  font-style: italic;
}

.no-favs-wrap a,.no-favs-wrap button {
  background: #d40201;
  padding: 12px 45px;
  display: inline-block;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff !important;
  outline: 0;
  border: 0px;
}

.custom-control {
  padding-left: 0;
  position: relative;
  min-height: 1.5rem;
  display: block;
  padding-left: 0 !important;
}

.custom-control .container-custom-check {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  color: #636363;
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
}

.custom-control .container-custom-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom-control .container-custom-check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border: 1px solid #3f3f3f;
  border-radius: 50%;
}

.custom-control .container-custom-check:hover input ~ .checkmark {
  background-color: #ccc;
}

.custom-control .container-custom-check input:checked ~ .checkmark {
  background-color: #d80034;
  border: 1px solid #d80034;
}

/* Login */

.mobile-forms-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 767px) {
  .mobile-forms-wrapper {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .account_form {
    width: 100% !important;
    max-width: unset !important;
  }
}

.account_form {
  max-width: 350px;
  padding: 30px;
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  background-color: #fff9f9;
}

.register-mobile-wrapper {
  padding: 30px;
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  background-color: #fff9f9;
}

.input-wrapper {
  margin-bottom: 20px;
}

.input-wrapper label {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}

.input-wrapper input {
  border: 0.5px solid #bdbbbb;
  border-radius: 3px;
  padding: 7px 10px;
  width: 100%;
}

.input-wrapper select {
  border: 0.5px solid #bdbbbb;
  border-radius: 3px;
  padding: 7px 10px;
  width: 100%;
}

.customer_login {
  padding: 100px 0;
}

.customer_login button {
  cursor: pointer;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid #0000;
  border-radius: 0.25rem;
}

.alert.alert-danger {
  color: #721c24;
  background-color: #f8d7da !important;
  border-color: #f5c6cb !important;
}

.account_form .login_submit button,
.login_submit .login {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 3px;
  background-color: black;
  color: #fff;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-size: 12px;
}

.account_form .login_submit button.register {
  background-color: #c42000;
}

.social-text {
  margin-bottom: 10px;
  display: block;
}

.social_submit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.mobile-forms-wrapper button {
  color: #fff;
  border-radius: 3px;
  padding: 6px;
  border: none;
  width: 100%;
}

.social_submit button.facebook {
  background: #4469b0;
}

.social_submit button.google {
  background-color: #c42000;
}

.input-wrapper {
  font-size: 14px;
  width: 100%;
}

.input-wrapper--half {
  width: calc(50% - 10px);
}

.account_form_register h2 {
  font-size: 25px;
  line-height: 20px;
  color: #3a3a3a;
  margin-bottom: 30px;
}

.account_form_register form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.account_form_register .input-wrapper .terms {
  font-size: 14px;
  color: #3a3a3a;
  text-decoration: none;
}

.custom-radio-group {
  display: flex;
}

.custom-radio ~ .custom-radio {
  margin-left: 20px;
}

.custom-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #636363;
}

.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom-radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #636363;
}

.custom-radio:hover input ~ .checkmark {
  background-color: #ccc;
}

.custom-radio input:checked ~ .checkmark::before {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #636363;
}

.custom-radio:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-radio input:checked ~ .checkmark:after {
  display: block;
}

.custom-radio .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.payment-methods .custom-radio-group {
  display: block;
}

.payment-methods .account_form {
  max-width: unset;
}

.payment-methods .custom-radio ~ .custom-radio {
  margin-left: 0;
  margin-top: 30px;
}

.payment-methods .custom-radio .checkmark {
  border-radius: unset;
}

.payment-methods .nav-buttons {
  display: flex;
  margin-top: 50px;
}

.cart-page.overview form {
  max-width: 200px;
  width: 100% !important;
}

.payment-methods .nav-buttons button,
.cart-page.overview a,
.cart-page.overview button {
  width: 100% !important;
  padding: 10px !important;
  border: none;
  border-radius: 3px !important;
  color: #fff;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-size: 12px;
  max-width: 200px;
}

.payment-methods .nav-buttons .back,
.cart-page.overview .back {
  background: #0000;
  border: 1px solid #000;
  color: #636363;
}

.payment-methods .nav-buttons .continue {
  background-color: #c42000;
  color: white;
  border: 1px solid #c42000;
}

.cart-page.cart-page.overview .payment-details {
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  background-color: #fff9f9;
  padding: 30px 30px;
}

.cart-page.overview .payment-details .details-list .item {
  display: flex;
  justify-content: space-between;
}

.cart-page.overview .payment-details .details-list .item ~ .item {
  margin-top: 30px;
}

.cart-page.overview .payment-details .total {
  border-top: 1px solid #c4c4c4;
  display: flex;
  justify-content: space-between;
  padding: 20px 0 0 0;
  margin-top: 30px;
}

.cart-page.overview .payment-details .details-list .item * {
  font-size: 13px;
}

.cart-page.overview .payment-details .total h4 {
  font-size: 16px;
}

main.cart-page.overview .cart-wrapper {
  display: block;
  max-width: 700px;
  margin: 0 auto;
}

.cart-page .cart-wrapper .nav-buttons {
  padding: 15px 0;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.cart-page .cart-wrapper .nav-buttons .continue {
  background: #c42000;
  padding: 5px 25px;
  color: white;
  border-radius: 5px;
}