/* guides */

/*
colors:
black: #02020a;
black (hover): #8b8378;
gray: #838383;
grey (light): #c0c0c0;
sand: #f8f4ef;
blue (secondary): #afc1d3;
blue (secondary hover): #c3d0de;
blue (secondary light): #d7e0e9;

fonts:
"GeneralSans-Variable", sans-serif;
"Anybody", sans-serif;

transition:
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
*/

/* general */

:root {
  color-scheme: only light;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: "GeneralSans-Variable", sans-serif;
}

::-webkit-input-placeholder {
  color: #fff;
}

::-moz-placeholder {
  color: #fff;
}

:-ms-input-placeholder {
  color: #fff;
}

:-moz-placeholder {
  color: #fff;
}

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

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

.btn {
  display: inline-block;
  padding: 15.5px 56px;
  color: #02020a;
  font-size: 15px;
  line-height: 15px;
  text-decoration: none;
  background-color: #afc1d3;
  border: 1px solid #afc1d3;
  border-radius: 5px;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.btn:hover {
  background-color: #c3d0de;
  border: 1px solid #c3d0de;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid #c0c0c0;
}

.btn-outline:hover {
  background-color: transparent;
  border: 1px solid #02020a;
}

.btn-outline-white {
  color: #fff;
  background-color: transparent;
  border: 1px solid #c0c0c0;
}

.btn-outline-white:hover {
  color: #02020a;
  background-color: #fff;
  border: 1px solid #fff;
}

.product-color-steel-blue {
  background-color: #3f6681;
}

.product-color-light-steel-blue {
  background-color: #95a6a7;
}

.product-color-brown {
  background-color: #514544;
}

.product-color-dark-goldenrod {
  background-color: #9f7236;
}

.product-color-linen {
  background-color: #e2ded2;
}

.product-color-sandy-brown {
  background-color: #d5a239;
}

.product-color-gray {
  background-color: #a4a19c;
}

.product-color-black {
  background-color: #282725;
}

.product-color-tan {
  background-color: #9c8b7d;
}

.product-color-midnight-blue {
  background-color: #2a2b45;
}

.product-color-pale-violet-red {
  background-color: #a9929e;
}

.product-color-dark-olive-green {
  background-color: #4d5550;
}

.product-color-yellow-green {
  background-color: #8bad61;
}

.product-color-dark-blue {
  background-color: #313c7b;
}

.product-color-darker-olive-green {
  background-color: #3b4b27;
}

.product-color-thistle {
  background-color: #d6bcd7;
}

.product-color-orchid {
  background-color: #c061bc;
}

.product-color-royal-blue {
  background-color: #3e71b5;
}

.product-color-dim-gray {
  background-color: #545352;
}

@media (max-width: 991px) {
  .display-none-for-mobile {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .display-none-for-desktop {
    display: none !important;
  }
}

/* navigation */

nav {
  position: fixed;
  width: 100%;
  height: 141px;
  background-color: #f8f4ef;
  z-index: 2;
}

body.inner-page nav {
  background-color: #fff !important;
}

nav.transition {
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

nav ul {
  display: inline-block;
  list-style-type: none;
  padding-inline-start: 0;
}

nav ul li {
  position: relative;
  display: inline-block;
  margin-right: 1.5rem;
}

nav ul li:last-child {
  margin-right: 0;
}

nav ul li a {
  color: #02020a;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

nav ul li a:hover {
  color: #8b8378;
}

nav > div {
  display: flex;
  align-items: center;
}

nav > div > div {
  flex: 1;
}

.top-bar {
  margin: 0 3rem;
  padding: calc(1rem - 3px) 0 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.top-bar > div:last-child {
  text-align: right;
}

.top-bar ul {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.top-bar > div:last-child ul {
  justify-content: flex-end;
}

.top-bar ul li {
  margin-right: 0;
}

.top-bar ul li a {
  display: flex;
  gap: .5rem;
  align-items: center;
  color: #838383;
  font-size: 13px;
  line-height: 20px;
}

.top-bar ul li a span.icon {
  display: inline-block;
  flex: 1 1 20px;
  max-width: 20px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("../images/sprite.png");
}

.top-bar ul li a:hover {
  color: #02020a;
}

.top-bar ul li a span.icon-phone {
  background-position: -114px -358px;
}

.top-bar ul li a span.icon-email {
  background-position: -154px -358px;
}

.top-bar > div img {
  width: 20px;
  height: 20px;
  vertical-align: -6px;
  margin-right: 0.5rem;
}

.top-bar > div:last-child img {
  margin-left: .5rem;
  margin-right: 0;
}

.top-bar .dropdown-languages-a > span:last-child {
  display: inline-block;
  flex: 1 1 20px;
  max-width: 20px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: -194px -358px;
  background-image: url('../images/sprite.png');
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.top-bar .dropdown-languages-a.active > span:last-child {
  transform: rotate(180deg);
}

.top-bar .dropdown-languages {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  top: 2rem;
  right: 0;
  width: 198px;
  padding: 4px;
  background-color: #fff;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.top-bar .dropdown-languages.active {
  opacity: 1;
  pointer-events: auto;
}

.top-bar .dropdown-languages a {
  display: block;
  width: 100%;
  padding: .5625rem .75rem;
  text-align: left;
  color: #02020a;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  border-radius: 4px;
}

.top-bar .dropdown-languages a:hover,
.top-bar .dropdown-languages a.active {
  background-color: #ebeff4;
}

.navigation {
  padding: calc(2rem - 1px) 3rem 2rem;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.navigation .logo {
  display: inline-block;
  width: 179px;
  height: 20px;
  margin-top: 4px;
  background-image: url("../images/sprite.png");
  background-position: -10px -126px;
}

.navigation > div:first-child {
  flex: 1 1 180px;
  max-width: 180px;
}

.navigation > div:last-child {
  display: flex;
  justify-content: flex-end;
  flex: 3;
  text-align: right;
}

.navigation > div:last-child > ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.navigation > div:last-child > ul:last-child {
  margin-left: 1.5rem;
  padding-left: 1.5rem;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.navigation ul li.dropdown a {
  display: flex;
  align-items: center;
}

.navigation ul li.dropdown a svg {
  width: 24px;
  height: 24px;
  margin-left: .3rem;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.navigation ul li.dropdown.active a svg {
  transform: rotate(180deg);
}

.navigation ul li.icon a {
  display: flex;
  align-items: center;
}

.navigation ul li.icon a svg {
  width: 24px;
  height: 24px;
  margin-right: .3rem;
}

.navigation ul li a .cart-bag-total {
  position: absolute;
  top: -6px;
  left: 10px;
  width: 18px;
  height: 18px;
  text-align: center;
  color: #02020a;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  background-color: #afc1d3;
  border-radius: 50%;
}

.navigation .dropdown-menu {
  position: absolute;
  top: 3.6rem;
  padding: 2rem 1.5rem;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.navigation .dropdown.active .dropdown-menu {
  opacity: 1;
  pointer-events: auto;
}

.navigation .dropdown-menu-two-columns {
  right: -10rem;
}

.navigation .dropdown-menu p {
  margin-bottom: 1rem;
  text-align: left;
  color: #02020a;
  font-family: "Anybody";
  font-size: 16px;
  line-height: 22.5px;
  font-weight: 400;
}

.navigation .dropdown-menu ul {
  display: block;
  text-align: left;
}

.navigation .dropdown-menu-two-columns ul {
  columns: 2;
  column-gap: 2rem;
}

.navigation .dropdown-menu ul li {
  display: block;
  margin-bottom: 4px;
  margin-right: 0;
}

.navigation .dropdown-menu ul.with-icons li {
  margin-bottom: 1rem;
  width: 280px;
}

.navigation .dropdown-menu ul li:last-child {
  margin-bottom: 0;
}

.navigation .dropdown-menu ul.with-icons li a div {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
}

.navigation .dropdown-menu ul.with-icons li a div span {
  flex: 1 1 auto;
}

.navigation .dropdown-menu ul.with-icons li a div img {
  flex: 1 1 24px;
  width: 24px;
  max-width: 24px;
  height: 24px;
}

.navigation .dropdown-menu ul.with-icons li a div svg {
  flex: 1 1 28px;
  width: 28px;
  max-width: 28px;
  height: 28px;
  margin-left: 0;
  transform: rotate(0deg);
}

.navigation .dropdown-menu ul.with-icons li a div svg:nth-child(3) {
  flex: 1 1 24px;
  width: 24px;
  max-width: 24px;
  height: 24px;
}

.dropdown-full {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  top: 141px;
  left: 0;
  width: 100%;
  padding: 2rem 3rem;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.dropdown-full.active {
  opacity: 1;
  pointer-events: auto;
}

.dropdown-full .dropdown-categories {
  display: flex;
  gap: 2rem;
}

.dropdown-full .dropdown-categories a {
  text-align: center;
  width: 72px;
  max-width: 72px;
  color: #02020a;
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.dropdown-full .dropdown-categories a:hover {
  color: #8b8378;
}

.dropdown-full .dropdown-categories a img {
  width: 72px;
  height: 72px;
  border-radius: 8px;
}

.dropdown-full .dropdown-categories a h5 {
  margin-top: 2px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.dropdown-full .dropdown-categories a:hover h5 {
  color: #8b8378;
}

.dropdown-full .filters {
  display: flex;
  gap: 2rem;
  width: 100%;
}

.dropdown-full .filters > div {
  flex: 1 1 auto;
}

.dropdown-full .filters p {
  margin-bottom: 1rem;
  text-align: left;
  color: #02020a;
  font-family: "Anybody";
  font-size: 16px;
  line-height: 22.5px;
  font-weight: 400;
}

.dropdown-full .filters ul li {
  display: block;
  margin-bottom: 4px;
  margin-right: 0;
}

.dropdown-full .filters ul li:last-child{
  margin-bottom: 0;
}

.dropdown-full .filters ul li.all {
  margin-top: 1rem;
}

.dropdown-full .filters ul li.all a {
  color: #838383;
}

.dropdown-full .filters ul li.all a:hover {
  color: #02020a;
}

.dropdown-full .filters ul li.all a div {
  display: flex;
  align-items: center;
  gap: .375rem;
}

.dropdown-full .filters ul li.all a div svg {
  width: 24px;
  height: 24px;
}

.mobile-dropdown-languages {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  padding: 2rem 1rem 2.5rem;
  background-color: #fff;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.mobile-dropdown-languages.active {
  opacity: 1;
  pointer-events: auto;
}

.mobile-dropdown-languages h4 {
  color: #02020a;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

.mobile-dropdown-languages a {
  display: inline-block;
  width: 100%;
  padding: .75rem 1rem;
  text-align: left;
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
  text-decoration: none;
  border-radius: 4px;
}

.mobile-dropdown-languages a:hover,
.mobile-dropdown-languages a.active {
  background-color: #ebeff4;
}

.mobile-dropdown-languages > div {
  flex: 0 1 auto;
}

.mobile-dropdown-languages > div:first-child {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.mobile-dropdown-languages > div:first-child span {
  display: block;
  width: 24px;
  height: 24px;
}

.mobile-dropdown-languages > div:first-child span svg {
  width: 24px;
  height: 24px;
}

.mobile-dropdown-languages > div:nth-child(2) {
  padding-bottom: 1.5rem;
}

.mobile-dropdown-languages > div:nth-child(3) {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  nav ul li {
    margin-right: 1rem;
  }

  nav > div:last-child > div:last-child ul:last-child {
    margin-left: 1rem;
    padding-left: 1rem;
  }
}

@media (max-width: 1199px) {
  .navigation > div:last-child > ul:last-child span:not(.cart-bag-total) {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  nav ul li {
    margin-right: 0.75rem;
  }

  .navigation > div:last-child > ul:first-child > li.icon {
    display: none;
  }

  .navigation > div:last-child > ul:last-child {
    margin-left: 1rem;
    padding-left: 1rem;
  }

  .navigation .dropdown-menu-two-columns {
    right: -6rem;
  }

  .navigation .dropdown-menu.right-margin {
    right: -12rem;
  }
}

@media (min-width: 992px) {
  .navigation > div:first-child span {
    display: none;
  }
}

@media (max-width: 991px) {
  nav {
    height: 73px;
  }

  .top-bar {
    display: none;
  }

  .navigation {
    padding: 1.5rem 1rem;
  }

  .navigation .logo {
    margin-top: 2px;
  }

  .navigation > div:first-child {
    display: flex;
    gap: 1rem;
    flex: 1 1 auto;
    max-width: none;
  }

  .navigation > div:first-child span {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
  }

  .navigation > div:first-child span svg {
    width: 24px;
    height: 24px;
  }

  .navigation > div:last-child > ul:first-child {
    display: none;
  }

  .navigation > div:last-child > ul:last-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }

  .navigation > div:last-child > ul:last-child > li:first-child {
    margin-right: 1rem;
  }

  .navigation > div:last-child > ul:last-child > li:first-child img {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .search-modal .search-modal-results > div:last-child p:nth-child(3),
  .search-modal .search-modal-results > div:last-child ul:nth-child(4) {
    display: none;
  }
}

/* cover */

.cover {
  padding: 0 3rem 3rem;
  background-color: #f8f4ef;
  padding-top: 141px;
}

.cover h1 {
  margin-bottom: 1.5rem;
  font-family: "Anybody", sans-serif;
  color: #fff;
  font-size: 48px;
  line-height: 48px;
  font-weight: 400;
  z-index: 1;
}

.cover p {
  margin-bottom: 2rem;
  color: #e6e6e6;
  font-size: 15px;
  z-index: 1;
}

.cover a {
  z-index: 1;
}

.cover > div {
  position: relative;
  display: block;
}

.cover > div > div {
  flex: 1;
  padding-bottom: 5rem;
  text-align: center;
}

.cover > div > div:first-child {
  padding-bottom: 0;
  overflow: hidden;
}

.cover .individual-cover {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: calc(100vh - 3rem - 141px);
  padding: 0 6rem 5rem;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 6px;
}

.cover .individual-cover video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cover .dots {
  position: absolute;
  bottom: 2rem;
  left: 0;
  padding-bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
}

.cover .dots ul {
  list-style-type: none;
  padding-inline-start: 0;
}

.cover .dots ul li {
  display: inline-block;
  margin: 0 4px;
  cursor: pointer;
}

.cover .dots ul li span {
  display: inline-block;
  width: 60px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.cover .dots ul li.active span {
  background-color: rgba(255, 255, 255, 1);
}

.cover .dots ul li.active {
  cursor: default;
}

.cover .arrows {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  padding-bottom: 0;
  z-index: 1;
}

.cover .arrows button {
  height: 40px;
  width: 40px;
  padding: 8px;
  background-color: transparent;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.cover .arrows button:hover {
  border: 1px solid #fff;
}

.cover .arrows button svg {
  width: 24px;
  height: 24px;
  margin-top: -1px;
  margin-left: -1px;
}

.cover .arrows button:first-child {
  margin-right: 6px;
}

@media (max-width: 991px) {
  .cover {
    padding: 73px 1rem 1.5rem;
  }

  .cover h1 {
    font-size: 40px;
    line-height: 44px;
    font-weight: 400;
  }

  .cover .individual-cover {
    height: calc(100vh - 1.5rem - 73px);
    padding: 0 2rem 5rem;
  }

  .cover .arrows {
    display: none;
  }
}

/* categories */

.categories {
  padding: 4.5rem 0;
}

.categories h2 {
  margin-top: 20px;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
}

.categories h3 {
  color: #fff;
  font-family: "Anybody", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

.categories h5 {
  display: inline-block;
  padding: 4px 12px;
  color: #02020a;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  background-color: #f8f4ef;
  border-radius: 4px;
}

.categories button {
  height: 40px;
  width: 40px;
  padding: 8px;
  background-color: transparent;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.categories button:hover {
  border: 1px solid #02020a;
}

.categories button svg {
  width: 24px;
  height: 24px;
}

.categories button:first-child {
  margin-right: 6px;
}

.categories > div:first-child {
  padding: 0 3rem 3rem;
}

.categories > div:nth-child(2) {
  padding: 0 3rem;
  overflow: hidden;
}

.categories .individual-category {
  position: relative;
  width: auto;
  height: auto;
  aspect-ratio: 4 / 5;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.categories .individual-category:hover {
  background-size: 104%;
}

.categories .individual-category button {
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: #afc1d3;
  border: 0;
  border-radius: 6px;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.categories .individual-category:hover button {
  background-color: #c3d0de;
}

.categories .individual-category button svg {
  width: 24px;
  height: 24px;
}

.categories .individual-category > div:first-child {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  padding: 1rem;
}

.categories .individual-category > div:last-child {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1rem;
}

.categories > div:last-child {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding: 3rem 3rem 0;
}

.categories > div:last-child > div:first-child {
  flex: 1 1 auto;
}

.categories > div:last-child > div:first-child > span {
  position: relative;
  display: block;
  height: 2px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

.categories > div:last-child > div:first-child > span span {
  position: absolute;
  display: inline-block;
  width: calc(100% / 3);
  height: 2px;
  top: 0;
  left: 0;
  background-color: #454545;
  border-radius: 1px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.categories > div:last-child > div:last-child {
  flex: 1 1 90px;
  max-width: 90px;
}

.categories > div:last-child > div:last-child svg {
  margin-top: -1px;
  margin-left: -1px;
}

@media (max-width: 991px) {
  .categories {
    padding: 4rem 0;
  }

  .categories h2 {
    margin-top: 1rem;
    font-size: 28px;
    line-height: 30.8px;
  }

  .categories button {
    height: 36px;
    width: 36px;
  }

  .categories > div:first-child {
    padding: 0 1rem 3rem;
  }

  .categories > div:nth-child(2) {
    padding: 0 1rem;
  }

  .categories > div:last-child {
    gap: 1rem;
    padding: 1.75rem 1rem 0;
  }

  .categories > div:last-child > div:last-child {
    flex: 1 1 82px;
    max-width: 82px;
  }

  .categories > div:last-child > div:last-child svg {
    margin-top: -3px;
    margin-left: -3px;
  }

  .categories > div:last-child > div:first-child > span span {
    width: calc(100% / 5);
  }
}

/* products */

.products {
  padding: 4.5rem 0;
  background-color: #f8f4ef;
}

.products.products-discounted {
  background-color: #ebeff4;
}

.products h2 {
  flex: 1;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
}

.products button {
  height: 40px;
  width: 40px;
  padding: 8px;
  background-color: transparent;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.products button:hover {
  border: 1px solid #02020a;
}

.products button svg {
  width: 24px;
  height: 24px;
  margin-top: -1px;
  margin-left: -1px;
}

.products button:first-child {
  margin-right: 6px;
}

.products > div:first-child {
  display: flex;
  align-items: center;
  padding: 0 3rem 3rem;
}

.products > div:nth-child(2) {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0 3rem;
  overflow: hidden;
}

.products > div:nth-child(3) {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding: 3rem 3rem 0;
}

.products > div:nth-child(3) > div:first-child {
  flex: 1 1 auto;
}

.products > div:nth-child(3) > div:first-child > span {
  position: relative;
  display: block;
  height: 2px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

.products > div:nth-child(3) > div:first-child > span span {
  position: absolute;
  display: inline-block;
  height: 2px;
  width: calc(100% / 4);
  top: 0;
  left: 0;
  background-color: #454545;
  border-radius: 1px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.products > div:nth-child(3) > div:last-child {
  flex: 1 1 90px;
  max-width: 90px;
}

.products > div:nth-child(4) {
  display: none;
}

.products .individual-product {
  flex: 1;
}

.products .individual-product h3 {
  margin-bottom: 2px;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
}

.products .individual-product h5 {
  display: inline-block;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

.products .individual-product h5 span {
  margin-left: .5rem;
  color: #6e6e6e;
  font-family: "GeneralSans-Variable", sans-serif;
  font-size: 13px;
  line-height: 19.5px;
  text-decoration: line-through;
}

.products .individual-product p {
  color: #6e6e6e;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.products .individual-product p a {
  margin-left: 2px;
  color: #02020a;
  text-decoration: none;
}

.products .individual-product .btn {
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.products .individual-product:hover .btn {
  opacity: 1;
}

.products .individual-product .hover {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 6px;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.products .individual-product .badges {
  position: absolute;
  top: 12px;
  left: 12px;
}

.products .individual-product .badges span {
  display: table;
  padding: 6px 12px;
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  border-radius: 20px;
}

.products .individual-product .badges span.discount {
  color: #fff;
  background-color: #b55151;
}

.products .individual-product .badges span.new {
  background-color: #d7e0e9;
}

.products .individual-product .badges span.gift {
  background-color: #e6e6e6;
}

.products .individual-product .features {
  position: absolute;
  bottom: 12px;
  left: 12px;
}

.products .individual-product .features span {
  display: inline-block;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 20px;
}

.products .individual-product > div:first-child {
  position: relative;
  height: auto;
  width: auto;
  aspect-ratio: 1 / 1;
  background-color: #fff;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 6px;
  cursor: pointer;
}

.products .individual-product > div:first-child:hover .hover {
  opacity: 1;
}

.products .individual-product > div:nth-child(2),
.products .individual-product > div:last-child {
  margin-top: 1rem;
}

.products .individual-product .description {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: .75rem 0;
}

.products .individual-product .description > span {
  display: inline-block;
  margin: 0 .75rem -8px;
  height: 28px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.products .individual-product .description > div {
  display: inline-block;
}

.products .individual-product .description > div > span {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  cursor: pointer;
}

.products .individual-product .description > div > span:first-child {
  margin-left: 3px;
}

.products .individual-product .description > div > span:last-child {
  margin-right: 0;
}

.products .individual-product .description > div > span span {
  position: absolute;
  top: -3px;
  left: -3px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 1px solid #02020a;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.products .individual-product .description > div > span:hover span,
.products .individual-product .description > div > span.active span {
  opacity: 1;
}

@media (max-width: 991px) {
  .products {
    padding: 4rem 0;
  }

  .products h2 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .products button {
    height: 36px;
    width: 36px;
  }

  .products button svg {
    width: 24px;
    height: 24px;
    margin-top: -3px;
    margin-left: -3px;
  }

  .products .individual-product .btn {
    opacity: 1;
  }

  .products > div:first-child {
    padding: 0 1rem 3rem;
  }

  .products > div:nth-child(2) {
    padding: 0 1rem;
  }

  .products > div:nth-child(3) {
    gap: 1rem;
    padding: 1.75rem 1rem 0;
  }

  .products > div:nth-child(3) > div:last-child {
    flex: 1 1 82px;
    max-width: 82px;
  }

  .products > div:nth-child(3) > div:first-child > span span {
    width: calc(100% / 5);
  }
}

@media (max-width: 767px) {
  .products > div:first-child .btn {
    display: none;
  }

  .products > div:nth-child(4) {
    display: block;
    margin-top: 3rem;
    padding: 0 1rem;
  }

  .products > div:nth-child(4) a {
    width: 100%;
    text-align: center;
  }
}

/* cta */

.cta {
  padding: 4.5rem 3rem;
}

.cta h2 {
  flex: 1;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
}

.cta > div:first-child {
  padding-bottom: 3rem;
}

.cta > div:last-child {
  display: flex;
  gap: 2.25rem;
  flex-wrap: wrap;
}

.cta .individual-block {
  position: relative;
  flex: 1 1 100%;
  height: 320px;
  background-size: 110%;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.cta .individual-block:hover {
  background-size: 113%;
}

.cta .individual-block div {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}

.cta .individual-block h3 {
  margin-bottom: 1rem;
  color: #fff;
  font-family: "Anybody", sans-serif;
  font-size: 26px;
  line-height: 36px;
  font-weight: 400;
}

.cta .individual-block p {
  margin-bottom: 2rem;
  color: #e6e6e6;
  font-size: 15px;
}

.cta .individual-block button {
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: #afc1d3;
  border: 0;
  border-radius: 6px;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.cta .individual-block button svg {
  width: 24px;
  height: 24px;
}

.cta .individual-block:hover button {
  background-color: #c3d0de;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .cta .individual-block {
    background-size: 130%;
  }

  .cta .individual-block:hover {
    background-size: 133%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .cta .individual-block {
    background-size: 160%;
  }

  .cta .individual-block:hover {
    background-size: 163%;
  }
}

@media (max-width: 991px) {
  .cta {
    padding: 4rem 1rem;
  }

  .cta h2 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .cta > div:last-child {
    gap: 1.5rem;
  }

  .cta .individual-block {
    height: 300px;
    background-size: 200%;
  }

  .cta .individual-block:hover {
    background-size: 203%;
  }
}

@media (max-width: 767px) {
  .cta .individual-block {
    background-size: 400%;
  }

  .cta .individual-block:hover {
    background-size: 403%;
  }
}

/* quality */

.quality {
  position: relative;
  height: 700px;
  height: 64.2vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.5rem;
  text-align: center;
  background-image: url("../images/quality-details.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center 75%;
}

.quality h2 {
  position: relative;
  margin-bottom: 1rem;
  color: #fff;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
  z-index: 1;
  pointer-events: none;
}

.quality p {
  position: relative;
  color: #e6e6e6;
  font-size: 15px;
  z-index: 1;
  pointer-events: none;
}

.quality .info {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  padding-top: 150px;
  text-align: center;
  z-index: 1;
}

.quality .info h4 {
  margin: .75rem 0 0.25rem;
  text-align: left;
  font-family: "Anybody", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.quality .info > div {
  display: flex;
  text-align: center;
  justify-content: center;
  flex: 1;
}

.quality .info > div > div {
  width: 250px;
  padding: .5rem;
  background-color: #eee;
  border-radius: 6px;
}

.quality .info > div > div > div {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 230px;
}

.quality .trigger {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #d7e0e9;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.quality .trigger:hover {
  transform: scale(1.2);
}

.quality .trigger.active {
  transform: scale(1.2);
  border: 1px solid #fff;
  background-color: #fff;
}

.quality .trigger-1 {
  bottom: 20%;
  left: 5.8%;
}

.quality .trigger-2 {
  bottom: 65.7%;
  left: 5.8%;
}

.quality .trigger-3 {
  bottom: 58%;
  left: 17%;
}

.quality .trigger-4 {
  bottom: 31%;
  left: 12.5%;
}

.quality .trigger-5 {
  bottom: 11%;
  left: 18%;
}

.quality .trigger-6 {
  bottom: 47%;
  left: 24.5%;
}

.quality .trigger-7 {
  bottom: 27%;
  left: 25.5%;
}

.quality .trigger-8 {
  bottom: 38.5%;
  left: 36%;
}

.quality .trigger span {
  display: block;
  margin-top: 4px;
  margin-left: 4px;
  width: 10px;
  height: 10px;
  background-color: #9ccff7;
  border-radius: 50%;
}

.quality .gradient-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(360deg, rgba(48, 48, 48, 0) 0%, rgba(48, 48, 48, .8) 100%);
  z-index: 0;
  pointer-events: none;
}

.quality .gradient-2 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, rgba(48, 48, 48, 0) 0%, rgba(48, 48, 48, .5) 100%);
  z-index: 0;
  pointer-events: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  .quality {
    height: 63.2vw;
    padding: 3rem 1rem 0;
  }

  .quality h2 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .quality .info {
    align-items: baseline;
    top: 1rem;
  }

  .quality .info > div > div {
    width: 200px;
  }

  .quality .info > div > div > div {
    height: 180px;
  }
}

@media (max-width: 767px) {
  .quality {
    height: 195vw;
    padding: 3rem 1rem 0;
    background-image: url("../images/quality-details-mobile.png");
  }

  .quality h2 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .quality .trigger-1 {
    bottom: 30%;
    left: 5%;
  }

  .quality .trigger-2 {
    bottom: 68%;
    left: 5%;
  }

  .quality .trigger-3 {
    bottom: 63%;
    left: 27%;
  }

  .quality .trigger-4 {
    bottom: 40%;
    left: 19%;
  }

  .quality .trigger-5 {
    bottom: 22%;
    left: 30%;
  }

  .quality .trigger-6 {
    bottom: 52%;
    left: 43%;
  }

  .quality .trigger-7 {
    bottom: 37%;
    left: 55%;
  }

  .quality .trigger-8 {
    bottom: 45%;
    left: 79%;
  }

  .quality .info {
    top: auto;
    bottom: 3rem;
    left: 1rem;
    height: auto;
    padding-top: 0;
    width: calc(100% - 2rem);
  }

  .quality .info h4 {
    flex: 1;
    margin: 0;
  }

  .quality .info > div > div {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
  }

  .quality .info > div > div > div {
    flex: 1 1 56px;
    max-width: 56px;
    height: 56px;
    border-radius: 4px;
  }
}

/* news */

.news {
  padding: 4.5rem 0;
}

.news h2 {
  flex: 1;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
}

.news button {
  height: 40px;
  width: 40px;
  padding: 8px;
  background-color: transparent;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.news button:hover {
  border: 1px solid #02020a;
}

.news button svg {
  width: 24px;
  height: 24px;
  margin-top: -1px;
  margin-left: -1px;
}

.news button:first-child {
  margin-right: 6px;
}

.news > div:first-child {
  display: flex;
  align-items: center;
  padding: 0 3rem 3rem;
}

.news > div:nth-child(2) {
  overflow: hidden;
  padding-left: 3rem;
}

.news > div:nth-child(3) {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding: 3rem 3rem 0;
}

.news > div:nth-child(3) > div:first-child {
  flex: 1 1 auto;
}

.news > div:nth-child(3) > div:first-child > span {
  position: relative;
  display: block;
  height: 2px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

.news > div:nth-child(3) > div:first-child > span span {
  position: absolute;
  display: inline-block;
  height: 2px;
  width: calc(100% / 6);
  top: 0;
  left: 0;
  background-color: #454545;
  border-radius: 1px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.news > div:nth-child(3) > div:last-child {
  flex: 1 1 90px;
  max-width: 90px;
}

.news > div:nth-child(4) {
  display: none;
}

.news .individual-new {
  display: flex;
  align-items: center;
  gap: 3rem;
  flex: 1;
}

.news .individual-new h3 {
  margin-top: 20px;
  margin-bottom: 1rem;
  font-family: "Anybody", sans-serif;
  color: #02020a;
  font-size: 26px;
  line-height: 36px;
  font-weight: 400;
}

.news .individual-new h5 {
  display: inline-block;
  padding: 4px 12px;
  color: #02020a;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  background-color: #f8f4ef;
  border-radius: 4px;
}

.news .individual-new p {
  margin-bottom: 2rem;
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.news .individual-new > div {
  flex: 1;
}

.news .individual-new > div:first-child {
  width: 750px;
  height: 330px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 6px;
}

.news .individual-new > div:last-child {
  margin-right: 3rem;
}

.news .individual-new > div:last-child > div {
  display: none;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .news .individual-new > div:first-child {
    height: 380px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .news .individual-new > div:first-child {
    height: 430px;
  }
}

@media (max-width: 991px) {
  .news {
    padding: 4rem 0;
  }

  .news h2 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .news button {
    height: 36px;
    width: 36px;
  }

  .news button svg {
    margin-top: -3px;
    margin-left: -3px;
  }

  .news > div:first-child {
    padding: 0 1rem 3rem;
  }

  .news > div:nth-child(2) {
    padding: 0 1rem;
  }

  .news .individual-new h3 {
    font-size: 24px;
    line-height: 26.4px;
  }

  .news .individual-new > div:first-child {
    display: none;
  }

  .news .individual-new > div:last-child {
    margin-right: 0;
  }

  .news .individual-new > div:last-child > div {
    display: block;
    height: 240px;
    margin-top: 3rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 6px;
  }

  .news > div:nth-child(3) {
    gap: 1rem;
    padding: 1.75rem 1rem 0;
  }

  .news > div:nth-child(3) > div:last-child {
    flex: 1 1 82px;
    max-width: 82px;
  }
}

@media (max-width: 767px) {
  .news .individual-new {
    flex-direction: column-reverse;
    gap: 0;
  }

  .news > div:first-child .btn {
    display: none;
  }

  .news > div:nth-child(4) {
    display: block;
    margin-top: 3rem;
    padding: 0 1rem;
  }

  .news > div:nth-child(4) a {
    width: 100%;
    text-align: center;
  }
}

/* services */

.services {
  display: flex;
  gap: 1rem;
  padding: 4.5rem 3rem;
}

.services h3 {
  margin-bottom: 1rem;
  color: #fff;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 35px;
  font-weight: 400;
}

.services p {
  margin-bottom: 2rem;
  color: #e6e6e6;
  font-size: 15px;
  line-height: 22.5px;
}

.services > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
  height: 480px;
  background-size: 110%;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.services > div:hover {
  background-size: 113%;
}

.services > div:hover a {
  background-color: #c3d0de;
  border: 1px solid #c3d0de;
}

.services > div > div {
  flex: 1;
  text-align: center;
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .services > div {
    background-size: 130%;
  }

  .services > div:hover {
    background-size: 133%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .services > div {
    background-size: 160%;
  }

  .services > div:hover {
    background-size: 163%;
  }

  .services > div > div {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}

@media (max-width: 991px) {
  .services {
    padding: 4rem 1rem;
    flex-direction: column;
    gap: 1.5rem;
  }

  .services h3 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .services > div {
    background-size: 100%;
  }

  .services > div:hover {
    background-size: 103%;
  }

  .services > div > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 358px;
  }

  .services > div > div {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}

@media (max-width: 767px) {
  .services > div {
    background-size: 160%;
  }

  .services > div:hover {
    background-size: 163%;
  }

  .services > div > div {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
}

/* blog */

.blog {
  padding: 4.5rem 3rem;
  background-color: #ebeff4;
}

.blog h2 {
  flex: 1;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
}

.blog h3 {
  color: #fff;
  font-family: "Anybody", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

.blog p {
  margin-top: .75rem;
  color: #e6e6e6;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
  opacity: 0;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.blog .individual-entry:hover p {
  opacity: 1;
}

.blog > div:first-child {
  display: flex;
  align-items: center;
  padding-bottom: 3rem;
}

.blog > div:nth-child(2) {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.blog > div:nth-child(3) {
  display: none;
}

.blog .individual-entry {
  position: relative;
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-size: 105%;
  background-position: center center;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.blog .individual-entry:hover {
  background-size: 108%;
}

.blog .individual-entry button {
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: #afc1d3;
  border: 0;
  border-radius: 6px;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.blog .individual-entry:hover button {
  background-color: #c3d0de;
}

.blog .individual-entry button svg {
  width: 24px;
  height: 24px;
}

.blog .individual-entry > div:first-child {
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto;
  width: 95%;
  padding: 1.5rem;
  transform: translateY(60px);
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.blog .individual-entry:hover > div:first-child {
  transform: translateY(0);
}

.blog .individual-entry > div:last-child {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.5rem;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .blog .individual-entry {
    background-size: 115%;
  }

  .blog .individual-entry:hover {
    background-size: 118%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog .individual-entry {
    height: 400px;
    background-size: 115%;
  }

  .blog .individual-entry:hover {
    background-size: 118%;
  }
}

@media (max-width: 991px) {
  .blog {
    padding: 4rem 1rem;
  }

  .blog h2 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .blog .individual-entry {
    height: 350px;
    background-size: 125%;
  }

  .blog .individual-entry:hover {
    background-size: 128%;
  }
}

@media (max-width: 767px) {
  .blog p {
    opacity: 1;
  }

  .blog .individual-entry {
    height: 448px;
  }

  .blog .individual-entry > div:first-child {
    transform: translateY(0);
  }

  .blog > div:first-child .btn {
    display: none;
  }

  .blog > div:nth-child(2) {
    flex-wrap: wrap;
    gap: 1.5rem;
  }

  .blog > div:nth-child(3) {
    display: block;
    margin-top: 3rem;
    padding: 0;
  }

  .blog > div:nth-child(3) a {
    width: 100%;
    text-align: center;
  }
}

/* testimonials */

.testimonials {
  padding: 4.5rem 3rem;
}

.testimonials h2 {
  margin: 20px 0;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
}

.testimonials h5 {
  display: inline-block;
  padding: 4px 12px;
  color: #02020a;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  background-color: #f8f4ef;
  border-radius: 4px;
}

.testimonials .gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.testimonials > div:first-child {
  text-align: center;
}

.testimonials > div:nth-child(2) {
  position: relative;
  column-count: 2;
  column-gap: 2rem;
  padding: 3rem 0;
}

.testimonials > div:last-child {
  text-align: center;
}

.testimonials .total-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.testimonials .total-rating p {
  color: #02020a;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
}

.testimonials .total-rating > div:first-child > div {
  width: 20px;
  height: 21px;
  margin-top: -3px;
  background-image: url("../images/sprite.png");
  background-position: -142px -398px;
}

.testimonials .total-rating span {
  display: inline-block;
  height: 21px;
  margin-bottom: -3px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.testimonials .total-rating > div:nth-child(2) svg {
  width: 24px;
  height: 24px;
}

.testimonials .total-rating > div:last-child {
  display: flex;
  align-items: center;
  gap: .75rem;
}

.testimonials .total-rating > div:last-child > p:first-child {
  font-weight: 500;
}

.individual-testimonial {
  break-inside: avoid;
  margin-bottom: 2rem;
  padding: 1.5rem;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
}

.individual-testimonial p.name-surname {
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 500;
}

.individual-testimonial p.date {
  color: #595959;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.individual-testimonial > div:first-child p {
  margin-top: 1rem;
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.individual-testimonial > div:first-child img {
  height: 20px;
  width: auto;
  margin-bottom: -3px;
}

.individual-testimonial > div:first-child svg {
  width: 20px;
  height: 20px;
  margin-bottom: -3px;
}

.individual-testimonial > div:last-child {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
}

.individual-testimonial > div:last-child > div:first-child {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: #02020a;
  font-size: 13px;
  font-weight: 500;
  background-color: #f8f4ef;
  border-radius: 6px;
}

@media (max-width: 991px) {
  .testimonials {
    padding: 4rem 1rem;
  }

  .testimonials h2 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .individual-testimonial {
    margin-bottom: 1.5rem;
  }

  .testimonials > div:nth-child(2) {
    column-count: 1;
    column-gap: 1.5rem;
  }
}

/* advantages */

.advantages {
  display: flex;
  gap: 1.5rem;
  padding: 3rem;
  background-color: #f8f4ef;
}

.advantages.white {
  background-color: #fff;
}

.advantages h4 {
  margin-top: 1rem;
  width: 90%;
  font-family: "Anybody", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.advantages span {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #f8f4ef;
  border-radius: 6px;
}

.advantages span svg {
  width: 24px;
  height: 24px;
  margin-top: 8px;
  margin-left: 8px;
}

.advantages.white span {
  background-color: #fff;
}

.advantages > div {
  flex: 1;
  padding: 1rem;
  background-color: #fff;
  border-radius: 6px;
}

.advantages.white > div {
  background-color: #f8f4ef;
}

@media (max-width: 991px) {
  .advantages {
    flex-wrap: wrap;
    gap: 1rem;
    padding: 3rem 1rem;
  }

  .advantages > div {
    flex: 1 1 calc(50% - .5rem);
  }
}

@media (max-width: 767px) {
  .advantages > div {
    flex: 1 1 100%;
  }
}

/* footer */

footer {
  padding: 4.5rem 3rem;
  background-color: #303030;
}

footer h4 {
  margin-bottom: 1rem;
  color: #fff;
  font-family: "Anybody", sans-serif;
  font-size: 16px;
  line-height: 22.5px;
  font-weight: 400;
}

footer h4.social-title {
  margin-top: 2rem;
}

footer p {
  margin-bottom: 1rem;
  color: #c0c0c0;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

footer input {
  padding: .83rem 1rem;
  width: 100%;
  color: #fff;
  font-family: "GeneralSans-Variable", sans-serif;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 6px;
  outline: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

footer input:hover,
footer input:focus {
  border: 1px solid rgba(255, 255, 255, 1);
}

footer label {
  display: block;
  position: relative;
  padding-left: 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  cursor: pointer;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

footer label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

footer label span {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  background-color: transparent;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

footer label:hover input ~ span {
  border: 1px solid rgba(255, 255, 255, 1);
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

footer label input:checked ~ span {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 1);
}

footer label span:after {
  content: "";
  position: absolute;
  display: none;
}

footer label input:checked ~ span:after {
  display: block;
}

footer label span:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

footer .btn {
  width: 100%;
  text-align: center;
}

footer ul {
  list-style-type: none;
  padding-inline-start: 0;
}

footer ul li {
  margin-bottom: 12px;
}

footer ul li:last-child {
  margin-bottom: 0;
}

footer div.contacts > div {
  display: flex;
  justify-content: space-between;
}

footer div.contacts ul li {
  display: flex;
  align-items: flex-start;
  gap: 5px;
}

footer div.contacts ul.social li {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 12px;
}

footer ul.social li:last-child {
  margin-right: 0;
}

footer ul li a {
  color: #fff;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

footer ul li a:hover {
  color: rgba(255, 255, 255, .5);
}

footer div.contacts ul li svg {
  width: 21px;
  height: 20px;
}

footer div.contacts ul li a {
  font-size: 13px;
  line-height: 20px;
}

footer div.contacts ul.social li svg {
  width: 24px;
  height: 24px;
}

footer > div:first-child {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}

footer div.contacts ul li a span {
  display: block;
  color: #c0c0c0;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

footer div.contacts ul li a img {
  margin-right: 6px;
  vertical-align: -6px;
}

footer div.contacts ul.social li a img {
  margin-right: 0;
  vertical-align: 0;
}

footer > div:first-child > div {
  flex: 1;
}

footer .scroll-up {
  position: absolute;
  bottom: 3rem;
  right: 0;
}

footer .scroll-up button {
  height: 40px;
  width: 40px;
  padding: 8px;
  background-color: transparent;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

footer .scroll-up button:hover {
  border: 1px solid #fff;
}

footer .scroll-up button svg {
  width: 24px;
  height: 24px;
  margin-top: -1px;
  margin-left: -1px;
}

footer > div:nth-child(2) {
  padding: 3rem 0 3rem;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}

footer > div:nth-child(2) p {
  margin: 3rem 0 0;
  text-align: center;
  color: rgba(255, 255, 255, .5);
  font-size: 13px;
  line-height: 19.5px;
}

footer > div:nth-child(2) ul {
  margin: 0 0 -12px;
  width: 100%;
  text-align: center;
}

footer > div:nth-child(2) ul li {
  display: inline-block;
  margin-bottom: 12px;
  padding: 0 .75rem;
  border-right: 1px solid rgba(255, 255, 255, .3);
}

footer > div:nth-child(2) ul li:first-child {
  padding-left: 0;
}

footer > div:nth-child(2) ul li:last-child {
  padding-right: 0;
  border-right: 0;
}

footer > div:nth-child(2) ul li a {
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

footer > div:nth-child(2) ul li a:hover {
  color: rgba(255, 255, 255, .5);
}

footer > div:nth-child(3) {
  display: flex;
  align-items: center;
  padding-top: 2.5rem;
}

footer > div:nth-child(3) p {
  margin-bottom: 0;
}

footer > div:nth-child(3) > div {
  flex: 2;
}

footer > div:nth-child(3) > div:nth-child(2) {
  flex: 1;
  text-align: center;
}

footer > div:nth-child(3) > div:nth-child(2) > div {
  display: inline-block;
  width: 175px;
  height: 20px;
  margin-top: 4px;
  background-image: url("../images/sprite.png");
  background-position: -10px -166px;
}

footer > div:nth-child(3) > div:nth-child(3) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
}

footer > div:nth-child(3) > div:nth-child(3) > div {
  height: 20px;
  background-image: url("../images/sprite.png");
}

footer > div:nth-child(3) > div:nth-child(3) > div.mokilizingas {
  width: 82px;
  background-position: -350px -106px;
}

footer > div:nth-child(3) > div:nth-child(3) > div.paysera {
  width: 83px;
  background-position: -350px -66px;
}

footer > div:nth-child(3) > div:nth-child(3) > div.visa {
  width: 61px;
  background-position: -260px -266px;
}

footer > div:nth-child(3) > div:nth-child(3) > div.mastercard {
  width: 25px;
  background-position: -69px -358px;
}

footer > div:nth-child(3) > div:nth-child(3) > div.dpd {
  width: 39px;
  background-position: -10px -358px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  footer > div:nth-child(3) > div:nth-child(3) > div {
    height: 16px;
  }

  footer > div:nth-child(3) > div:nth-child(3) > div.mokilizingas {
    width: 66px;
    background-position: -10px -322px;
  }

  footer > div:nth-child(3) > div:nth-child(3) > div.paysera {
    width: 66px;
    background-position: -96px -322px;
  }

  footer > div:nth-child(3) > div:nth-child(3) > div.visa {
    width: 49px;
    background-position: -182px -322px;
  }

  footer > div:nth-child(3) > div:nth-child(3) > div.mastercard {
    width: 20px;
    background-position: -302px -322px;
  }

  footer > div:nth-child(3) > div:nth-child(3) > div.dpd {
    width: 31px;
    background-position: -251px -322px;
  }
}

@media (min-width: 992px) {
  footer > div:nth-child(3) > div:nth-child(4) {
    display: none;
  }
}

@media (max-width: 991px) {
  footer {
    padding: 3.5rem 1rem;
  }

  footer > div:first-child {
    flex-wrap: wrap;
    gap: 1.5rem;
    row-gap: 2.5rem;
    padding-bottom: 8rem;
  }

  footer > div:first-child > div {
    flex: 1 1 calc(50% - 1.5rem);
  }

  footer > div:nth-child(3) {
    flex-direction: column;
    row-gap: 2.5rem;
    padding-top: 3rem;
  }

  footer > div:nth-child(3) > div:nth-child(1) {
    display: none;
  }

  footer > div:nth-child(3) > div:nth-child(3) {
    gap: 1rem;
  }
}

@media (min-width: 768px) {
  footer div.contacts > div > div {
    display: none;
  }
}

@media (max-width: 767px) {
  footer h4.social-title {
    margin-top: 3rem;
  }

  footer div.contacts > div {
    margin-bottom: -1rem;
  }

  footer > div:first-child {
    row-gap: 3rem;
    padding-bottom: 3rem;
  }

  footer > div:first-child > div {
    flex: 100%;
  }

  footer > div:nth-child(3) > div:nth-child(3) > div {
    height: 16px;
  }

  footer > div:nth-child(3) > div:nth-child(3) > div.mokilizingas {
    width: 66px;
    background-position: -10px -322px;
  }

  footer > div:nth-child(3) > div:nth-child(3) > div.paysera {
    width: 66px;
    background-position: -96px -322px;
  }

  footer > div:nth-child(3) > div:nth-child(3) > div.visa {
    width: 49px;
    background-position: -182px -322px;
  }

  footer > div:nth-child(3) > div:nth-child(3) > div.mastercard {
    width: 20px;
    background-position: -302px -322px;
  }

  footer > div:nth-child(3) > div:nth-child(3) > div.dpd {
    width: 31px;
    background-position: -251px -322px;
  }

  footer > div:first-child > div:nth-child(5) {
    display: none;
  }

  footer .scroll-up {
    position: relative;
    bottom: 1rem;
  }
}

/* search modal */

.search-modal {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  top: 141px;
  left: auto;
  right: 4.8rem;
  width: 786px;
  padding: 2rem;
  padding-top: 1.5rem;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.search-modal.active {
  opacity: 1;
  pointer-events: auto;
}

.search-modal .search-modal-input {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding-bottom: 0;
}

.search-modal .search-modal-input input {
  width: 100%;
  height: 40px;
  padding: 0;
  color: #02020a;
  font-family: 'GeneralSans-Variable', sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  background-color: transparent;
  border: 0;
  outline: 0;
}

.search-modal .search-modal-input input::-webkit-input-placeholder {
  color: #02020a;
}

.search-modal .search-modal-input input::-moz-placeholder {
  color: #02020a;
}

.search-modal .search-modal-input input:-ms-input-placeholder {
  color: #02020a;
}

.search-modal .search-modal-input input:-moz-placeholder {
  color: #02020a;
}

.search-modal .search-modal-input img {
  margin-bottom: -5px;
}

.search-modal .search-modal-input svg {
  width: 24px;
  height: 24px;
  margin-bottom: -5px;
}

.search-modal .search-modal-input > div:first-child {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: none;
}

.search-modal .search-modal-input > div:last-child {
  flex: 1 1 24px;
  max-width: 24px;
}

.search-modal .search-modal-input > div:last-child img {
  cursor: pointer;
}

.search-modal .search-modal-input > div:last-child svg {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.search-modal .search-modal-results {
  display: flex;
  width: 100%;
  padding-top: .5rem;
}

.search-modal .search-modal-results p {
  margin-bottom: .75rem;
  font-family: "Anybody";
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
}

.search-modal .search-modal-results ul {
  display: block;
  margin-bottom: 2.5rem;
}

.search-modal .search-modal-results ul:last-child {
  margin-bottom: 0;
}

.search-modal .search-modal-results ul li {
  display: block;
  margin: 0;
  margin-bottom: 8px;
}

.search-modal .search-modal-results ul li:last-child {
  margin-bottom: 0;
}

.search-modal .search-modal-results ul li a.search-category {
  display: flex;
  align-items: center;
  gap: 6px;
}

.search-modal .search-modal-results ul li a.search-category svg {
  width: 24px;
  height: 24px;
}

.search-modal .search-modal-results ul li a span {
  color: #838383;
}

.search-modal .search-modal-results > div:first-child {
  flex: 2;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.search-modal .search-modal-results > div:last-child {
  flex: 1;
  padding-left: 2.5rem;
}

.search-modal .individual-search-product {
  flex: 1 1 100%;
  display: flex;
  gap: 1rem;
  cursor: pointer;
}

.search-modal .individual-search-product h5 {
  margin-bottom: .25rem;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 500;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.search-modal .individual-search-product h6 {
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 500;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.search-modal .individual-search-product h6 span {
  margin-left: .5rem;
  color: #595959;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  text-decoration: line-through;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.search-modal .individual-search-product:hover h5,
.search-modal .individual-search-product:hover h6,
.search-modal .individual-search-product:hover h6 span {
  color: #8b8378;
}

.search-modal .individual-search-product img {
  flex: 1 1 80px;
  width: 80px;
  max-width: 80px;
  height: 80px;
  padding: 5px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}

.search-modal .search-modal-all {
  width: 100%;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.search-modal .search-modal-all a {
  color: #02020a;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.search-modal .search-modal-all a:hover {
  color: #8b8378;
}

@media (min-width: 768px) and (max-width: 991px) {
  .search-modal {
    top: 73px;
    right: 1rem;
    width: calc(100% - 2rem);
  }
}

@media (max-width: 767px) {
  .search-modal {
    width: 100%;
    height: 100vh;
    top: 0;
    right: auto;
    padding: 1rem 1rem 2.5rem;
  }

  .search-modal .search-modal-input,
  .search-modal .search-modal-all {
    flex: 0 1 auto;
  }

  .search-modal .search-modal-input input {
    height: 32px;
  }

  .search-modal .search-modal-input > div:nth-child(2) {
    flex: 1 1 32px;
    max-width: 32px;
  }

  .search-modal .search-modal-input > div:nth-child(2) img {
    width: 20px;
    height: 20px;
    margin-bottom: 0;
  }

  .search-modal .search-modal-input > div:nth-child(2) > div {
    flex: 1 1 32px;
    height: 32px;
    width: 32px;
    max-width: 32px;
    padding: 5px;
    border: 1px solid #c0c0c0;
    border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }

  .search-modal .search-modal-input > div:nth-child(2) > div:hover {
    border: 1px solid #02020a;
  }

  .search-modal .search-modal-input > div:last-child svg {
    width: 24px;
    height: 24px;
    margin-top: -2px;
    margin-left: -2px;
    cursor: pointer;
  }

  .search-modal .search-modal-results {
    flex-direction: column;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .search-modal .search-modal-results::-webkit-scrollbar {
    display: none;
  }

  .search-modal .search-modal-results ul {
    margin-bottom: 0;
  }

  .search-modal .search-modal-results > div:first-child {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .search-modal .search-modal-results > div:last-child {
    padding-left: 0;
  }

  .search-modal .search-modal-all {
    padding-top: .5rem;
    border-top: 0;
  }

  .search-modal .search-modal-all a {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 15.5px 56px;
    color: #02020a;
    font-size: 15px;
    line-height: 15px;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    outline: 0;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
  }

  .search-modal .search-modal-all a:hover {
    background-color: transparent;
    border: 1px solid #02020a;
  }
}

/* mobile navigation */

.mobile-navigation {
  display: flex;
  align-items: baseline;
  flex-direction: column;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  padding: 1rem;
  background-color: #f8f4ef;
  opacity: 0;
  pointer-events: none;
}

.mobile-navigation.active {
  opacity: 1;
  pointer-events: auto;
}

.mobile-navigation .mobile-navigation-title {
  display: flex;
  gap: 6px;
  flex: 0 1 auto;
  margin-top: 0.5rem;
  margin-bottom: 2rem;
  cursor: pointer;
}

.mobile-navigation .mobile-navigation-title > span:first-child {
  display: block;
  width: 24px;
  height: 24px;
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center center;
}

.mobile-navigation .mobile-navigation-title svg.close {
  width: 24px;
  height: 24px;
}

.mobile-navigation .mobile-navigation-main {
  display: none;
  flex: 0 1 auto;
  width: 100%;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.mobile-navigation .mobile-navigation-main.active {
  display: block;
}

.mobile-navigation .mobile-navigation-main ul {
  width: 100%;
}

.mobile-navigation .mobile-navigation-main ul li {
  width: 100%;
  margin-bottom: 1rem;
  margin-right: 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.mobile-navigation .mobile-navigation-main ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.mobile-navigation .mobile-navigation-main ul li a {
  display: flex;
}

.mobile-navigation .mobile-navigation-main ul li a img {
  margin-right: .3rem;
  vertical-align: -6px;
}

.mobile-navigation .mobile-navigation-main ul li a svg {
  width: 24px;
  height: 24px;
  margin-right: .3rem;
  vertical-align: -6px;
}

.mobile-navigation .mobile-navigation-main ul li a span {
  flex: 1;
}

.mobile-navigation .mobile-navigation-main ul li a span:last-child {
  flex: 1 1 24px;
  max-width: 24px;
}

.mobile-navigation .mobile-navigation-main ul li a span:last-child svg {
  width: 24px;
  height: 24px;
}

.mobile-navigation .mobile-navigation-secondary {
  display: none;
  width: 100%;
  margin-top: 2rem;
}

.mobile-navigation .mobile-navigation-secondary.active {
  display: block;
}

.mobile-navigation .mobile-navigation-secondary ul {
  display: block;
  width: 100%;
}

.mobile-navigation .mobile-navigation-secondary ul li {
  display: block;
  width: 100%;
  margin-bottom: .75rem;
  margin-right: 0;
}

.mobile-navigation .mobile-navigation-secondary ul li:last-child {
  margin-bottom: 0;
}

.mobile-navigation .mobile-navigation-secondary ul li a {
  display: flex;
  align-items: center;
  color: #838383;
}

.mobile-navigation .mobile-navigation-secondary ul li a:hover {
  color: #02020a;
}

.mobile-navigation .mobile-navigation-secondary ul li a img {
  width: 20px;
  height: 20px;
  vertical-align: -5px;
  margin-right: .5rem;
}

.mobile-navigation .mobile-navigation-secondary ul li a .icon-phone {
  display: inline-block;
  flex: 1 1 20px;
  max-width: 20px;
  width: 20px;
  height: 20px;
  margin-right: .5rem;
  background-repeat: no-repeat;
  background-image: url("../images/sprite.png");
  background-position: -114px -358px;
}

.mobile-navigation .mobile-navigation-secondary ul li a:hover .icon-phone {
  color: #02020a;
}

.mobile-navigation .mobile-navigation-secondary ul li a .icon-email {
  display: inline-block;
  flex: 1 1 20px;
  max-width: 20px;
  width: 20px;
  height: 20px;
  margin-right: .5rem;
  background-repeat: no-repeat;
  background-image: url("../images/sprite.png");
  background-position: -154px -358px;
}

.mobile-navigation .mobile-navigation-secondary ul li a:hover .icon-email {
  color: #02020a;
}

.mobile-navigation .mobile-navigation-secondary ul li:last-child a img {
  width: 24px;
  height: 24px;
  vertical-align: -7px;
  margin-left: .5rem;
  margin-right: 0;
}

.mobile-navigation .mobile-navigation-secondary ul li:last-child a span:last-child {
  display: inline-block;
  flex: 1 1 20px;
  max-width: 20px;
  width: 20px;
  height: 20px;
  margin-left: .5rem;
  background-repeat: no-repeat;
  background-position: -194px -358px;
  background-image: url('../images/sprite.png');
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.mobile-navigation .mobile-dropdown {
  display: none;
  width: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.mobile-navigation .mobile-dropdown::-webkit-scrollbar {
  display: none;
}

.mobile-navigation .mobile-dropdown.active {
  display: block;
}

.mobile-navigation .mobile-dropdown ul {
  width: 100%;
}

.mobile-navigation .mobile-dropdown ul li {
  width: 100%;
  margin-bottom: 1rem;
  margin-right: 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.mobile-navigation .mobile-dropdown ul li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.mobile-navigation .mobile-dropdown ul li a {
  display: flex;
}

.mobile-navigation .mobile-dropdown ul li a span {
  flex: 1;
}

.mobile-navigation .mobile-dropdown ul:not(.with-icons) li a span:last-child {
  flex: 1 1 24px;
  max-width: 24px;
  height: 24px;
}

.mobile-navigation .mobile-dropdown ul:not(.with-icons) li a span:last-child svg {
  width: 24px;
  height: 24px;
}

.mobile-navigation .mobile-dropdown ul li.all {
  margin-top: 1rem;
}

.mobile-navigation .mobile-dropdown ul li.all a {
  color: #838383;
}

.mobile-navigation .mobile-dropdown ul li.all a:hover {
  color: #02020a;
}

.mobile-navigation .mobile-dropdown ul li.all a div {
  display: flex;
  align-items: center;
  gap: .375rem;
}

.mobile-navigation .mobile-dropdown ul li.all a div svg {
  width: 24px;
  height: 24px;
}

.mobile-navigation .mobile-dropdown ul.with-icons li a span {
  line-height: 28px;
}

.mobile-navigation .mobile-dropdown ul.with-icons li a img {
  width: 24px;
  height: 24px;
  margin-right: 6px;
}

.mobile-navigation .mobile-dropdown ul.with-icons li a svg {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}

.mobile-navigation .mobile-dropdown-full {
  display: none;
  width: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.mobile-navigation .mobile-dropdown-full::-webkit-scrollbar {
  display: none;
}

.mobile-navigation .mobile-dropdown-full.active {
  display: block;
}

.mobile-navigation .mobile-dropdown-full .mobile-dropdown-categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}

.mobile-navigation .mobile-dropdown-full .mobile-dropdown-categories a {
  text-align: center;
  width: 72px;
  max-width: 72px;
  color: #02020a;
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.mobile-navigation .mobile-dropdown-full .mobile-dropdown-categories a img {
  width: 72px;
  height: 72px;
  border-radius: 8px;
}

.mobile-navigation .mobile-dropdown-full .mobile-dropdown-categories a h5 {
  margin-top: 2px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.mobile-navigation .mobile-dropdown-full .mobile-dropdown-filters ul {
  width: 100%;
  margin-top: 1.5rem;
}

.mobile-navigation .mobile-dropdown-full .mobile-dropdown-filters ul li {
  width: 100%;
  margin-bottom: 1rem;
  margin-right: 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.mobile-navigation .mobile-dropdown-full .mobile-dropdown-filters ul li:first-child {
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.mobile-navigation .mobile-dropdown-full .mobile-dropdown-filters ul li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.mobile-navigation .mobile-dropdown-full .mobile-dropdown-filters ul li a {
  display: flex;
}

.mobile-navigation .mobile-dropdown-full .mobile-dropdown-filters ul li a span {
  flex: 1;
}

.mobile-navigation .mobile-dropdown-full .mobile-dropdown-filters ul li a span:last-child {
  flex: 1 1 24px;
  max-width: 24px;
  height: 24px;
}

.mobile-navigation .mobile-dropdown-full .mobile-dropdown-filters ul li a span:last-child svg {
  width: 24px;
  height: 24px;
}

.mobile-navigation .mobile-dropdown-full-individual-filter {
  display: none;
  width: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.mobile-navigation .mobile-dropdown-full-individual-filter::-webkit-scrollbar {
  display: none;
}

.mobile-navigation .mobile-dropdown-full-individual-filter.active {
  display: block;
}

.mobile-navigation .mobile-dropdown-full-individual-filter ul {
  width: 100%;
}

.mobile-navigation .mobile-dropdown-full-individual-filter ul li {
  width: 100%;
  margin-bottom: 1rem;
  margin-right: 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.mobile-navigation .mobile-dropdown-full-individual-filter ul li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.mobile-navigation .mobile-dropdown-full-individual-filter ul li a {
  display: flex;
}

.mobile-navigation .mobile-dropdown-full-individual-filter ul li a span {
  flex: 1;
}

.mobile-navigation .mobile-dropdown-full-individual-filter ul li a span:last-child {
  flex: 1 1 24px;
  max-width: 24px;
  height: 24px;
}

.mobile-navigation .mobile-dropdown-full-individual-filter ul li a span:last-child svg {
  width: 24px;
  height: 24px;
}

.mobile-navigation .mobile-dropdown-full-individual-filter ul li.all {
  margin-top: 1rem;
}

.mobile-navigation .mobile-dropdown-full-individual-filter ul li.all a {
  color: #838383;
}

.mobile-navigation .mobile-dropdown-full-individual-filter ul li.all a:hover {
  color: #02020a;
}

.mobile-navigation .mobile-dropdown-full-individual-filter ul li.all a div {
  display: flex;
  align-items: center;
  gap: .375rem;
}

.mobile-navigation .mobile-dropdown-full-individual-filter ul li.all a div svg {
  width: 24px;
  height: 24px;
}

/* cart bag */

.cart-bag {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  right: 0;
  width: 400px;
  height: 100vh;
  padding: 1.5rem;
  background-color: #fff;
  transform: translateX(400px);
  z-index: 2;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.cart-bag.active {
  transform: translateX(0);
}

.cart-bag h3 {
  font-family: "Anybody";
  color: #02020a;
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 400;
}

.cart-bag .cart-bag-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cart-bag .cart-bag-title span {
  height: 32px;
  width: 32px;
  padding: 5px;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.cart-bag .cart-bag-title span:hover {
  border: 1px solid #02020a;
}

.cart-bag .cart-bag-title span svg {
  width: 24px;
  height: 24px;
}

.cart-bag .cart-bag-products {
  flex: 1;
  margin-top: 1.5rem;
  padding-top: .5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.cart-bag .cart-bag-products::-webkit-scrollbar {
  display: none;
}

.cart-bag .individual-cart-bag-product {
  display: flex;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-bag .cart-bag-products .individual-cart-bag-product:last-child {
  border-bottom: 0;
}

.cart-bag .individual-cart-bag-product h4 {
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 500;
}

.cart-bag .individual-cart-bag-product > div:first-child {
  flex: 1 1 80px;
  max-width: 80px;
  height: 80px;
  padding: 4px;
  background-size: 70px;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
}

.cart-bag .individual-cart-bag-product > div:last-child {
  flex: 1 1 calc(100% - 80px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cart-bag .individual-cart-bag-product > div:last-child > div {
  display: flex;
  gap: .5rem;
  justify-content: space-between;
}

.cart-bag .individual-cart-bag-product > div:last-child span {
  cursor: pointer;
}

.cart-bag .individual-cart-bag-product > div:last-child img {
  margin-bottom: -2px;
}

.cart-bag .individual-cart-bag-product > div:last-child svg {
  width: 20px;
  height: 20px;
  margin-bottom: -2px;
}

.cart-bag .individual-cart-bag-product > div:last-child .quantity svg {
  width: 16px;
  height: 16px;
}

.cart-bag .individual-cart-bag-product .quantity > div {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .25rem .5rem;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
}

.cart-bag .individual-cart-bag-product .quantity input {
  width: 16px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #303030;
  border: 0;
  outline: 0;
  cursor: default;
}

.cart-bag .individual-cart-bag-product .price {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.cart-bag .individual-cart-bag-product .price p {
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 500;
}

.cart-bag .individual-cart-bag-product .price p.old-price {
  color: #595959;
  font-weight: 400;
  text-decoration: line-through;
}

.cart-bag .cart-bag-footer > div:first-child {
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-bag .cart-bag-footer > div:first-child > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cart-bag .cart-bag-footer > div:first-child > div:first-child > p:first-child {
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.cart-bag .cart-bag-footer > div:first-child > div:first-child > p:last-child {
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 500;
}

.cart-bag .cart-bag-footer > div:first-child > div:last-child {
  margin-top: 1rem;
  padding: 1rem;
  background-color: #f8f4ef;
  border-radius: 6px;
}

.cart-bag .cart-bag-footer > div:first-child > div:last-child > p:first-child {
  margin-bottom: 2px;
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 500;
}

.cart-bag .cart-bag-footer > div:first-child > div:last-child > p:last-child {
  color: #595959;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

.cart-bag .cart-bag-footer > div:last-child {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-bag .cart-bag-footer > div:last-child a {
  width: 100%;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 767px) {
  .cart-bag {
    width: 100%;
    transform: translateX(100%);
    padding: 1rem 1rem 2.5rem;
  }

  .cart-bag .cart-bag-products {
    margin-top: 1rem;
  }

  .cart-bag .cart-bag-footer > div:first-child {
    padding-top: 1rem;
  }

  .cart-bag .cart-bag-footer > div:last-child {
    margin-top: 1rem;
    padding-top: 1rem;
  }
}

/* cookie bar */

.cookies-bar {
  position: fixed;
  display: flex;
  gap: 1rem;
  bottom: 3rem;
  left: 4rem;
  padding: 1rem;
  background-color: #303030;
  border-radius: 8px;
  z-index: 1;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.cookies-bar.hidden {
  opacity: 0;
  pointer-events: none;
}

.cookies-bar svg {
  width: 24px;
  height: 24px;
}

.cookies-bar > div {
  display: flex;
  gap: 1rem;
}

.cookies-bar > div:first-child > div:last-child {
  width: 375px;
}

.cookies-bar p {
  color: #fff;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.cookies-bar a:not(.btn) {
  color: #9bb1c8;
  text-decoration: underline;
}

.cookies-bar a:not(.btn):hover {
  color: #9bb1c8;
  text-decoration: none;
}

.cookies-bar a.btn {
  height: 48px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .cookies-bar {
    left: 3rem;
  }
}

@media (max-width: 991px) {
  .cookies-bar {
    flex-wrap: wrap;
    width: calc(100% - 3rem - 40px);
    bottom: 1.5rem;
    left: 1rem;
    z-index: 2;
  }

  .cookies-bar a.btn {
    flex: 1;
    text-align: center;
    padding: 15.5px 28px;
  }

  .cookies-bar > div {
    width: 100%;
  }

  .cookies-bar > div:first-child > div:last-child {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .cookies-bar {
    width: calc(100% - 2rem);
  }
}

/* chat */

.chat {
  position: fixed;
  bottom: 3rem;
  right: 4rem;
  z-index: 1;
}

.chat > div {
  width: 40px;
  height: 40px;
  background-color: #303030;
  cursor: pointer;
  border-radius: 6px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.chat > div:hover {
  background-color: #595959;
}

.chat > div svg {
  width: 24px;
  height: 24px;
  margin-left: 8px;
  margin-top: 8px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .chat {
    right: 3rem;
  }
}

@media (max-width: 991px) {
  .chat {
    bottom: 1.5rem;
    right: 1rem;
  }
}

/* breadcrumb */

.breadcrumb {
  padding: 141px 3rem 0;
}

.breadcrumb.sand {
  background-color: #f8f4ef;
}

.breadcrumb > div {
  padding: 2rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.breadcrumb ul {
  list-style-type: none;
  padding-inline-start: 0;
  color: #989898;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.breadcrumb ul li {
  display: inline-block;
  margin-right: 5px;
}

.breadcrumb ul li:last-child {
  margin-right: 0;
}

.breadcrumb ul li svg {
  width: 12px;
  height: 12px;
  margin-left: 8px;
  margin-bottom: -1px;
}

.breadcrumb ul li a {
  color: #02020a;
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.breadcrumb ul li a:hover {
  color: #a2998c;
}

@media (max-width: 991px) {
  .breadcrumb {
    padding: 73px 1rem 0;
  }

  .breadcrumb > div {
    padding: 1.25rem 0;
  }
}

/* inner page categories */

.inner-page-categories {
  padding: 0 3rem 5rem;
}

.inner-page-categories h1 {
  margin-bottom: .75rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 48px;
  line-height: 52.8px;
  font-weight: 400;
}

.inner-page-categories h3 {
  color: #fff;
  font-family: "Anybody", sans-serif;
  font-size: 26px;
  line-height: 36.4px;
  font-weight: 400;
}

.inner-page-categories p {
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.inner-page-categories .inner-page-categories-title {
  text-align: center;
  margin-bottom: 4rem;
}

.inner-page-categories .inner-page-categories-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 1rem;
}

.inner-page-categories .inner-page-categories-content .individual-category {
  position: relative;
  flex: 1 1 calc(100% / 3 - .666666rem);
  max-width: calc(100% / 3 - .666666rem);
  height: auto;
  aspect-ratio: 1 / 1;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.inner-page-categories .inner-page-categories-content .individual-category:hover {
  background-size: 104%;
}

.inner-page-categories .inner-page-categories-content .individual-category button {
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: #afc1d3;
  border: 0;
  border-radius: 6px;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.inner-page-categories .inner-page-categories-content .individual-category button svg {
  width: 24px;
  height: 24px;
}

.inner-page-categories .inner-page-categories-content .individual-category:hover button {
  background-color: #c3d0de;
}

.inner-page-categories .inner-page-categories-content .individual-category > div {
  position: absolute;
  bottom: 0;
  padding: 1rem;
}

.inner-page-categories .inner-page-categories-content .individual-category > div:first-child {
  left: 0;
  width: 80%;
}

.inner-page-categories .inner-page-categories-content .individual-category > div:last-child {
  right: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .inner-page-categories .inner-page-categories-content .individual-category {
    flex: 1 1 calc(100% / 2 - .5rem);
    max-width: calc(100% / 2 - .5rem);
  }
}

@media (max-width: 991px) {
  .inner-page-categories {
    padding: 1.5rem 1rem 4rem;
  }

  .inner-page-categories h1 {
    font-size: 40px;
    line-height: 44px;
  }

  .inner-page-categories h3 {
    font-size: 24px;
    line-height: 26.4px;
  }

  .inner-page-categories .inner-page-categories-title {
    margin-bottom: 3rem;
  }
}

@media (max-width: 767px) {
  .inner-page-categories .inner-page-categories-content .individual-category {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* faq */

.faq {
  display: flex;
  gap: 4rem;
  padding: 5rem 3rem;
  background-color: #ebeff4;
}

.faq > div {
  flex: 1;
}

.faq > div:last-child {
  flex: 2;
}

.faq h2 {
  margin-top: 2rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 35.2px;
  font-weight: 400;
}

.faq h5 {
  display: inline-block;
  padding: 4px 12px;
  color: #02020a;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  background-color: #fff;
  border-radius: 4px;
}

@media (max-width: 991px) {
  .faq {
    flex-direction: column;
    gap: 3rem;
    padding: 4rem 1rem;
  }

  .faq h2 {
    font-size: 28px;
    line-height: 30.8px;
  }
}

/* category description */

.category-description {
  width: calc(100% / 3 * 2);
  padding: 5rem 3rem;
}

.category-description h3 {
  margin-bottom: .75rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 400;
}

.category-description p {
  margin-bottom: .75rem;
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.category-description > div.expanded {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-description > div.expanded.active {
  opacity: 1;
}

.category-description > div.more {
  display: flex;
  align-items: center;
}

.category-description a {
  color: #02020a;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-description a:hover {
  color: #8b8378;
}

.category-description span {
  flex: 1 1 36px;
  max-width: 36px;
  width: 36px;
  height: 24px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-description span.active {
  transform: rotate(180deg);
}

.category-description span svg {
  width: 24px;
  height: 24px;
  margin-left: 6px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .category-description {
    width: calc(100% / 5 * 4);
  }
}

@media (max-width: 991px) {
  .category-description {
    width: 100%;
    padding: 4rem 1rem;
  }

  .category-description h3 {
    font-size: 16px;
    line-height: 17.6px;
  }
}

/* accordion */

.accordion h4 {
  flex: 1 1 auto;
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 500;
}

.accordion p {
  margin-bottom: 1rem;
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.accordion p:last-child {
  margin-bottom: 0;
}

.accordion ul,
.accordion ol {
  margin-bottom: 1rem;
  padding-inline-start: 18px;
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.accordion ul {
  padding-inline-start: 20px;
}

.accordion ol {
  list-style-type: decimal;
}

.accordion ul:last-child,
.accordion ol:last-child {
  margin-bottom: 0;
}

.accordion ul li,
.accordion ol li {
  margin-bottom: 1rem;
}

.accordion ul li:last-child,
.accordion ol li:last-child {
  margin-bottom: 0;
}

.accordion img {
  margin-bottom: 1rem;
  width: 75%;
  height: auto;
}

.accordion img:last-child {
  margin-bottom: 0;
}

.accordion table {
  width: 100%;
  margin-bottom: 1rem;
  border-spacing: 0;
}

.accordion table:last-child {
  margin-bottom: 0;
}

.accordion table td {
  width: 50%;
  padding: .5rem;
  padding-left: 0;
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

.accordion table tr td:first-child {
  font-weight: 500;
}

.accordion > div {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.accordion > div:first-child {
  padding-top: 0;
}

.accordion > div:last-child {
  border-bottom: 0;
}

.accordion > div > div:first-child {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.accordion > div > div:first-child span {
  flex: 1 1 24px;
  max-width: 24px;
  width: 24px;
  height: 24px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.accordion > div > div:first-child span svg {
  width: 24px;
  height: 24px;
}

.accordion > div.active > div:first-child span {
  transform: rotate(180deg);
}

.accordion > div > div:last-child {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.accordion > div.active > div:last-child {
  opacity: 1;
}

.accordion > div > div:last-child > div {
  padding-top: 1.5rem;
}

@media (max-width: 991px) {
  .accordion > div {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .accordion > div:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
}

/* category cover */

.category-cover {
  margin-bottom: 2.5rem;
  padding: 0 3rem;
}

.category-cover h1 {
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 35.2px;
  font-weight: 400;
}

.category-cover h5 {
  display: inline-block;
  padding: 4px 12px;
  color: #fff;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  background-color: #454545;
  border-radius: 4px;
}

.category-cover p {
  margin-bottom: .75rem;
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
}

.category-cover > div {
  padding: 2.5rem;
  background-color: #f8f4ef;
  border-radius: 6px;
}

.category-cover > div:nth-child(2) {
  margin-top: 2.5rem;
  padding: 0;
  background-color: #fff;
  border-radius: 0;
}

.category-cover > div > div:first-child {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.category-cover > div:nth-child(2) p {
  margin-bottom: 0;
  color: #02020a;
}

.category-cover > div:nth-child(2) > div:first-child {
  display: block;
  margin-bottom: .5rem;
}

.category-cover > div > div.margin:first-child {
  margin-bottom: 0;
}

.category-cover > div > div:nth-child(2),
.category-cover > div > div.expanded {
  width: calc(100% / 3 * 2);
}

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

.category-cover .expanded {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-cover .expanded.active {
  opacity: 1;
}

.category-cover .more {
  display: flex;
  align-items: center;
}

.category-cover a {
  color: #02020a;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-cover > div:nth-child(2) a {
  margin-right: 1.5rem;
  display: inline-block;
}

.category-cover a:hover {
  color: #8b8378;
}

.category-cover a span {
  color: #8b8378;
}

.category-cover span {
  flex: 1 1 36px;
  max-width: 36px;
  width: 36px;
  height: 24px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-cover span svg {
  width: 24px;
  height: 24px;
  margin-left: 6px;
}

.category-cover span.active {
  transform: rotate(180deg);
}

.category-cover > div:nth-child(2) span {
  flex: 0 1 auto;
  max-width: none;
  width: auto;
  height: auto;
  padding-left: 0;
  background-image: none;
}

@media (max-width: 991px) {
  .category-cover > div:nth-child(2) {
    margin-top: 1.5rem;
  }

  .category-cover > div:nth-child(2) a {
    margin-bottom: .5rem;
  }

  .category-cover > div:nth-child(2) > div {
    margin-bottom: -.5rem;
  }
}

/* category content */

.category-content {
  padding: 0 3rem 5rem;
}

.category-content > div {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.category-content .category-content-filters-mobile-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  width: 100%;
  text-align: center;
}

.category-content .category-content-filters-mobile-btn a span:last-child {
  flex: 1 1 24px;
  max-width: 24px;
  width: 24px;
  height: 24px;
}

.category-content .category-content-filters-mobile-btn a span:last-child svg {
  width: 24px;
  height: 24px;
}

.category-content .category-content-filters {
  flex: 1 1 280px;
  max-width: 280px;
  margin-bottom: -.75rem;
}

.category-content .category-content-filters .category-content-filters-title {
  text-align: center;
  padding: .5rem 0 1.5rem;
}

.category-content .category-content-filters .category-content-filters-title h4 {
  color: #02020a;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

.category-content .category-content-filters .category-content-filters-title div {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.category-content .category-content-filters .category-content-filters-title div span {
  display: block;
  width: 24px;
  height: 24px;
}

.category-content .category-content-filters .category-content-filters-title div span svg {
  width: 24px;
  height: 24px;
}

.category-content .category-content-filters .category-content-filters-mobile-footer {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 1rem 1rem 2.5rem;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  z-index: 4;
}

.category-content .category-content-filters .category-content-filters-mobile-footer a {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  text-align: center;
}

.category-content .category-content-filters .individual-filter {
  margin-bottom: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content .category-content-filters .individual-filter:last-child {
  margin-bottom: 0;
}

.category-content .category-content-filters .individual-filter.active {
  margin-bottom: 3rem;
}

.category-content .category-content-filters .individual-filter h4 {
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
}

.category-content .category-content-filters .individual-filter > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  cursor: pointer;
}

.category-content .category-content-filters .individual-filter > div:first-child span {
  flex: 1 1 20px;
  max-width: 20px;
  height: 20px;
  width: 20px;
  transform: rotate(-180deg);
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content .category-content-filters .individual-filter > div:first-child span svg {
  width: 20px;
  height: 20px;
}

.category-content .category-content-filters .individual-filter.active > div:first-child span {
  transform: rotate(0deg);
}

.category-content .category-content-filters .individual-filter > div:last-child {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}

.category-content .category-content-filters .individual-filter.active > div:last-child {
  opacity: 1;
  pointer-events: auto;
}

.category-content .category-content-filters .individual-filter > div.search {
  margin-bottom: 1rem;
}

.category-content .category-content-filters .individual-filter > div.input-range input,
.category-content .category-content-filters .individual-filter > div.search input {
  width: 80px;
  height: 38px;
  text-align: center;
  color: #02020a;
  font-family: "GeneralSans-Variable";
  font-size: 13px;
  line-height: 19.5px;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  outline: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content .category-content-filters .individual-filter > div.search input {
  width: 100%;
  text-align: left;
  padding-left: 3.5rem;
  padding-right: 1rem;
  background-image: url("../images/search.svg");
  background-size: 24px;
  background-position: 1rem 50%;
  background-repeat: no-repeat;
}

.category-content .category-content-filters .individual-filter > div.search input::-webkit-input-placeholder {
  color: #02020a;
}

.category-content .category-content-filters .individual-filter > div.search input::-moz-placeholder {
  color: #02020a;
}

.category-content .category-content-filters .individual-filter > div.search input:-ms-input-placeholder {
  color: #02020a;
}

.category-content .category-content-filters .individual-filter > div.search input:-moz-placeholder {
  color: #02020a;
}

.category-content .category-content-filters .individual-filter > div.input-range input:hover,
.category-content .category-content-filters .individual-filter > div.search input:hover,
.category-content .category-content-filters .individual-filter > div.input-range input:focus,
.category-content .category-content-filters .individual-filter > div.search input:focus {
  border: 1px solid #02020a;
}

.category-content .category-content-filters .individual-filter > div.input-range > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.category-content .category-content-filters .individual-filter > div.input-range > div:last-child {
  margin-top: 1rem;
}

.category-content .category-content-filters .individual-filter label {
  display: block;
  position: relative;
  padding-left: 2rem;
  margin-top: 0;
  margin-bottom: .75rem;
  cursor: pointer;
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content .category-content-filters .individual-filter label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.category-content .category-content-filters .individual-filter label span {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background-color: transparent;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content .category-content-filters .individual-filter label:hover input ~ span {
  border: 1px solid #02020a;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content .category-content-filters .individual-filter label input:checked ~ span {
  background-color: transparent;
  border: 1px solid #02020a;
}

.category-content .category-content-filters .individual-filter label span:after {
  content: "";
  position: absolute;
  display: none;
}

.category-content .category-content-filters .individual-filter label input:checked ~ span:after {
  display: block;
}

.category-content .category-content-filters .individual-filter label span:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #02020a;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.category-content .category-content-filters .individual-filter p {
  position: absolute;
  top: 0;
  right: 0;
  color: #454545;
}

.category-content .category-content-filters .individual-filter label div {
  position: absolute;
  top: 0;
  right: 0;
  width: 17px;
  height: 17px;
  border-radius: 50%;
}

.category-content .category-content-filters .individual-filter .expanded {
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}

.category-content .category-content-filters .individual-filter .expanded.active {
  opacity: 1;
  pointer-events: auto;
}

.category-content .category-content-filters .individual-filter .more {
  display: flex;
  align-items: center;
}

.category-content .category-content-filters .individual-filter .more a {
  color: #02020a;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content .category-content-filters .individual-filter .more a:hover {
  color: #8b8378;
}

.category-content .category-content-filters .individual-filter .more span {
  flex: 1 1 24px;
  max-width: 24px;
  height: 20px;
  width: 24px;
  padding-left: 4px;
  transform: rotate(-180deg);
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content .category-content-filters .individual-filter .more span svg {
  width: 20px;
  height: 20px;
}

.category-content .category-content-filters .individual-filter .more span.active {
  transform: rotate(0);
}

.category-content .category-content-products {
  flex: 3.5;
}

.category-content .category-content-products .category-content-products-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
}

.category-content .category-content-products .category-content-products-header > div:nth-child(1) {
  display: flex;
  gap: 1.5rem;
  align-items: baseline;
}

.category-content .category-content-products .category-content-products-header > div:nth-child(2) {
  position: relative;
}

.category-content .category-content-products .category-content-products-header p {
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

.category-content .category-content-products .category-content-products-header .category-content-product-header-filters {
  display: none;
  gap: .75rem;
  align-items: baseline;
}

.category-content .category-content-products .category-content-products-header .category-content-product-header-filters.active {
  display: flex;
}

.category-content .category-content-products .category-content-products-header .category-content-product-header-filters > div:first-child {
  display: flex;
  gap: .75rem;
  align-items: baseline;
}

.category-content .category-content-products .category-content-products-header .category-content-product-header-filters .individual-filter {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: .375rem .75rem;
  color: #02020a;
  font-size: 13px;
  line-height: 18px;
  border: 1px solid #c0c0c0;
  border-radius: 30px;
}

.category-content .category-content-products .category-content-products-header .category-content-product-header-filters .individual-filter span {
  flex: auto;
}

.category-content .category-content-products .category-content-products-header .category-content-product-header-filters .individual-filter span:last-child {
  flex: 1 1 16px;
  max-width: 16px;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  cursor: pointer;
}

.category-content .category-content-products .category-content-products-header .category-content-product-header-filters .individual-filter span:last-child svg {
  width: 16px;
  height: 16px;
}

.category-content .category-content-products .category-content-products-header .category-content-product-header-filters .filters-remove {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

.category-content .category-content-products .category-content-products-header .category-content-product-header-filters .filters-remove span:first-child {
  color: #b55151;
  font-size: 13px;
  line-height: 20px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content .category-content-products .category-content-products-header .category-content-product-header-filters .filters-remove:hover span:first-child {
  color: #cb8585;
}

.category-content .category-content-products .category-content-products-header .category-content-product-header-filters .filters-remove span:last-child {
  flex: 1 1 20px;
  width: 20px;
  max-width: 20px;
  height: 20px;
}

.category-content .category-content-products .category-content-products-header .category-content-product-header-filters .filters-remove span:last-child svg {
  width: 20px;
  height: 20px;
}

.category-content .category-content-products .category-content-products-header .sorting {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 204px;
  height: 38px;
  padding: 0 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content .category-content-products .category-content-products-header .sorting:hover {
  border: 1px solid #02020a;
}

.category-content .category-content-products .category-content-products-header .sorting > span:first-child {
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

.category-content .category-content-products .category-content-products-header .sorting > span:last-child {
  flex: 1 1 24px;
  max-width: 24px;
  height: 24px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content .category-content-products .category-content-products-header .sorting > span:last-child svg {
  width: 24px;
  height: 24px;
}

.category-content .category-content-products .category-content-products-header .sorting.active > span:last-child {
  transform: rotate(180deg);
}

.category-content .category-content-products .category-content-products-header .sorting-options {
  position: absolute;
  display: flex;
  gap: 4px;
  flex-direction: column;
  top: 46px;
  left: 0;
  width: 100%;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content .category-content-products .category-content-products-header .sorting-options.active {
  opacity: 1;
  pointer-events: auto;
}

.category-content .category-content-products .category-content-products-header .sorting-options > div {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 1rem;
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content .category-content-products .category-content-products-header .sorting-options > div:hover {
  background-color: #f5f5f5;
}

.category-content .category-content-products .category-content-products-header .sorting-options > div.active {
  background-color: #ebeff4;
}

.category-content .category-content-products .category-content-products-content {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.category-content-products-content .individual-product {
  flex: 1 1 calc(100% / 3 - 1rem);
  max-width: calc(100% / 3 - 1rem);
}

.category-content-products-content .individual-product h3 {
  margin-bottom: 2px;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
}

.category-content-products-content .individual-product h5 {
  display: inline-block;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

.category-content-products-content .individual-product h5 span {
  margin-left: .5rem;
  color: #6e6e6e;
  font-family: "GeneralSans-Variable", sans-serif;
  font-size: 13px;
  line-height: 19.5px;
  text-decoration: line-through;
}

.category-content-products-content .individual-product p {
  color: #6e6e6e;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.category-content-products-content .individual-product p a {
  margin-left: 2px;
  color: #02020a;
  font-weight: 500;
  text-decoration: none;
}

.category-content-products-content .individual-product .btn {
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content-products-content .individual-product:hover .btn {
  opacity: 1;
}

.category-content-products-content .individual-product .hover {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 6px;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content-products-content .individual-product .badges {
  position: absolute;
  top: 12px;
  left: 12px;
}

.category-content-products-content .individual-product .badges span {
  display: table;
  padding: 6px 12px;
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  border-radius: 20px;
}

.category-content-products-content .individual-product .badges span.discount {
  color: #fff;
  background-color: #b55151;
}

.category-content-products-content .individual-product .badges span.new {
  background-color: #d7e0e9;
}

.category-content-products-content .individual-product .badges span.gift {
  background-color: #e6e6e6;
}

.category-content-products-content .individual-product .features {
  position: absolute;
  bottom: 12px;
  left: 12px;
}

.category-content-products-content .individual-product .features span {
  display: inline-block;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 20px;
}

.category-content-products-content .individual-product > div:first-child {
  position: relative;
  height: auto;
  width: auto;
  aspect-ratio: 1 / 1;
  background-color: #fff;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content-products-content .individual-product > div:first-child:hover {
  border: 1px solid transparent;
}

.category-content-products-content .individual-product > div:first-child:hover .hover {
  opacity: 1;
}

.category-content-products-content .individual-product > div:nth-child(2) {
  margin-top: 1rem;
}

.category-content-products-content .individual-product > div:nth-child(2) .more-textile {
  margin-left: .25rem;
}

.category-content-products-content .individual-product > div:last-child {
  margin-top: 1.5rem;
}

.category-content-products-content .individual-product .description {
  display: flex;
  align-items: center;
  margin: .75rem 0;
  justify-content: space-between;
}

.category-content-products-content .individual-product .description > span {
  display: inline-block;
  display: none;
  margin: 0 .75rem 0;
  height: 28px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.category-content-products-content .individual-product .description > div {
  display: inline-block;
}

.category-content-products-content .individual-product .description > div > span {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  cursor: pointer;
}

.category-content-products-content .individual-product .description > div > span:first-child {
  margin-left: 3px;
}

.category-content-products-content .individual-product .description > div > span:last-child {
  margin-right: 0;
}

.category-content-products-content .individual-product .description > div > span span {
  position: absolute;
  top: -3px;
  left: -3px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 1px solid #02020a;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content-products-content .individual-product .description > div > span:hover span,
.category-content-products-content .individual-product .description > div > span.active span {
  opacity: 1;
}

.category-content-products-content .individual-product .description .more {
  display: inline-block;
  margin-left: 0;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  line-height: 18px;
  vertical-align: 2px;
}

.category-content-products-paging {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  padding: 3rem 0;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.category-content-products-paging.special-offers {
  padding-bottom: 0;
  border-bottom: 0;
}

.category-content-products-paging a {
  width: 40px;
  height: 40px;
  color: #02020a;
  font-size: 15px;
  line-height: 40px;
  font-weight: 400;
  text-decoration: none;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content-products-paging a:hover {
  border: 1px solid #02020a;
}

.category-content-products-paging a.no-active {
  width: 24px;
  border: 0;
  cursor: default;
}

.category-content-products-paging a.next svg {
  width: 24px;
  height: 24px;
  margin-top: 7px;
}

.category-content-products-description {
  padding-top: 3rem;
}

.category-content-products-description h3 {
  margin-bottom: .75rem;
  font-family: "Anybody", sans-serif;
  color: #02020a;
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 400;
}

.category-content-products-description p {
  margin-bottom: .75rem;
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.category-content-products-description .expanded {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content-products-description .expanded.active {
  opacity: 1;
}

.category-content-products-description .more {
  display: flex;
  align-items: center;
}

.category-content-products-description a {
  color: #02020a;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content-products-description a:hover {
  color: #8b8378;
}

.category-content-products-description span {
  flex: 1 1 36px;
  max-width: 36px;
  width: 36px;
  height: 24px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.category-content-products-description span svg {
  width: 24px;
  height: 24px;
  margin-left: 6px;
}

.category-content-products-description span.active {
  transform: rotate(180deg);
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .category-content-products-content .individual-product {
    flex: 1 1 calc(100% / 2 - .75rem);
    max-width: calc(100% / 2 - .75rem);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .category-cover > div > div:nth-child(2),
  .category-cover > div > div.expanded {
    width: calc(100% / 5 * 4);
  }

  .category-content-products-content .individual-product {
    flex: 1 1 calc(100% / 2 - .75rem);
    max-width: calc(100% / 2 - .75rem);
  }
}

@media (min-width: 992px) {
  .category-content-filters-mobile-btn {
    display: none;
  }

  .category-content-filters-title {
    display: none;
  }

  .category-content .category-content-filters .category-content-filters-mobile-footer {
    display: none;
  }
}

@media (max-width: 991px) {
  .category-cover {
    margin-bottom: 1.5rem;
    padding: 0 1rem;
  }

  .category-cover h1 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .category-cover > div {
    padding: 1.25rem;
  }

  .category-cover > div > div:nth-child(2),
  .category-cover > div > div.expanded {
    width: 100%;
  }

  .category-cover > div > div:first-child {
    margin-bottom: 1.25rem;
  }

  .category-content {
    padding: 0 1rem 4rem;
  }

  .category-content > div {
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1.5rem;
  }

  .category-content .category-content-filters-mobile-btn {
    width: 100%;
  }

  .category-content .category-content-filters-mobile-btn a {
    height: 48px;
  }

  .category-content .category-content-filters {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding: 1rem;
    padding-bottom: 104px;
    background-color: #fff;
    overflow-y: scroll;
    z-index: 2;
  }

  .category-content .category-content-filters.active {
    display: block;
  }

  .category-content .category-content-products .category-content-products-header {
    flex-wrap: wrap;
    gap: .5rem;
  }

  .category-content .category-content-products .category-content-products-header > div {
    width: 100%;
  }

  .category-content .category-content-products .category-content-products-header .sorting {
    width: 100%;
  }

  .category-content .category-content-products .category-content-products-content {
    gap: 1rem;
  }

  .category-content-products-content .individual-product {
    flex: 1 1 calc(100% / 2 - .5rem);
    max-width: calc(100% / 2 - .5rem);
  }

  .category-content-products-content .individual-product .btn {
    opacity: 1;
  }

  .category-content-products-content .individual-product .badges {
    top: 8px;
    left: 8px;
  }

  .category-content-products-content .individual-product .badges span {
    font-size: 12px;
    line-height: 18px;
  }

  .category-content-products-content .individual-product .features {
    bottom: 8px;
    left: 8px;
  }

  .category-content-products-content .individual-product h3 {
    font-size: 14px;
    line-height: 15.4px;
  }

  .category-content-products-content .individual-product h5 {
    width: 100%;
    font-size: 16px;
    line-height: 17.6px;
  }

  .category-content-products-content .individual-product .description {
    flex-wrap: wrap;
  }

  .category-content-products-content .individual-product .description > span {
    display: none;
  }

  .category-content-products-content .individual-product .description > div {
    display: block;
    margin-top: .375rem;
  }

  .category-content-products-content .individual-product > div:last-child {
    margin-top: 1rem;
  }

  .category-content-products-paging {
    padding: 1.75rem 0;
  }

  .category-content-products-description {
    padding-top: 1.75rem;
  }

  .category-content-products-description h3 {
    font-size: 16px;
    line-height: 17.6px;
  }
}

@media (max-width: 767px) {
  .category-content-products-content .individual-product {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* product info */

.product-info {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  padding: 0 3rem 5rem;
  background-color: #f8f4ef;
}

.product-info .product-photos,
.product-info .product-photos .rest-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  flex: auto;
}

.product-info .product-photos .rest-photos {
  display: none;
}

.product-info .product-photos .rest-photos.active {
  display: flex;
}

.product-info .product-photos .individual-product-photo {
  position: relative;
  flex: 1 1 calc(50% - .5rem);
  height: auto;
  width: 50%;
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 8px;
  cursor: pointer;
}

.product-info .product-photos .individual-product-photo.double {
  flex: 1 1 100%;
  max-width: 100%;
}

.product-info .product-photos .individual-product-photo img {
  display: none;
}

.product-info .product-photos .individual-product-photo .video {
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  background-color: #afc1d3;
  border-radius: 6px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.product-info .product-photos .individual-product-photo .video svg {
  width: 24px;
  height: 24px;
  margin-top: 11px;
  margin-left: 11px;
}

.product-info .product-photos .individual-product-photo:hover .video {
  background-color: #c3d0de;
}

.product-info .product-photos .individual-product-photo .more-photos {
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  text-align: center;
  color: #02020a;
  font-size: 15px;
  line-height: 48px;
  font-weight: 400;
  background-color: #afc1d3;
  border-radius: 6px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.product-info .product-photos .individual-product-photo:hover .more-photos {
  background-color: #c3d0de;
}

.product-info .product-photos .individual-product-photo span {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.product-info .product-description {
  flex: 1 1 400px;
  max-width: 400px;
}

.product-info .product-description h1 {
  margin-bottom: .5rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 26px;
  line-height: 36.4px;
  font-weight: 400;
}

.product-info .product-description .badges {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.product-info .product-description .badges span {
  border-radius: 25px;
  padding: .375rem .75rem;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  cursor: default;
}

.product-info .product-description .badges span.discount {
  color: #fff;
  background-color: #b55151;
}

.product-info .product-description .badges span.new {
  color: #02020a;
  background-color: #d7e0e9;
}

.product-info .product-description .badges span.gift {
  color: #02020a;
  background-color: #e6e6e6;
}

.product-info .product-description .banner {
  margin-bottom: 1.5rem;
}

.product-info .product-description .banner a {
  display: inline-block;
  padding: .625rem .75rem;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  background-color: #b55151;
  border-radius: 6px;
  cursor: pointer;
}

.product-info .product-description .banner a div {
  display: flex;
  align-items: center;
}

.product-info .product-description .banner a span {
  display: inline-block;
}

.product-info .product-description .banner a span:last-child {
  width: 20px;
  height: 20px;
  margin-left: .5rem;
  background-image: url("../images/sprite.png");
  background-position: -234px -358px;
}

.product-info .product-description .colors {
  margin-bottom: 1.5rem;
}

.product-info .product-description .colors p {
  margin-bottom: .375rem;
  color: #454545;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

.product-info .product-description .colors > div {
  display: flex;
  align-items: center;
  gap: 4px;
}

.product-info .product-description .colors > div > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.product-info .product-description .colors > div > span.active {
  background-color: #fff;
  border: 1px solid #02020a;
  cursor: default;
}

.product-info .product-description .colors > div > span:hover {
  border: 1px solid #02020a;
}

.product-info .product-description .colors > div > span > span {
  display: inline-block;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

.product-info .product-description .fabrics-info {
  display: flex;
  gap: 1.5rem;
  align-items: flex-end;
  margin-bottom: 1rem;
}

.product-info .product-description .fabrics-info > div:first-child {
  flex: 2;
}

.product-info .product-description .fabrics-info > div:first-child > p:first-child {
  margin-bottom: .375rem;
  color: #595959;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

.product-info .product-description .fabrics-info > div:first-child > div {
  display: flex;
  align-items: center;
  gap: 6px;
}

.product-info .product-description .fabrics-info > div:first-child > div p {
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 500;
}

.product-info .product-description .fabrics-info a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  cursor: pointer;
}

.product-info .product-description .fabrics-info a span:first-child {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.product-info .product-description .fabrics-info a span:last-child {
  flex: 1 1 20px;
  width: 20px;
  max-width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center center;
}

.product-info .product-description .fabrics-info a span:last-child svg {
  width: 20px;
  height: 20px;
}

.product-info .product-description .fabrics-info > div:first-child a span:first-child {
  color: #838383;
}

.product-info .product-description .fabrics-info > div:first-child a span:hover:first-child {
  color: #02020a;
}

.product-info .product-description .fabrics-info > div:first-child a span:last-child svg {
  width: 20px;
  height: 20px;
}

.product-info .product-description .fabrics-info > div:last-child {
  flex: 1;
}

.product-info .product-description .fabrics-info > div:last-child a span:first-child {
  color: #02020a;
}

.product-info .product-description .fabrics-info > div:last-child a span:hover:first-child {
  color: #8b8378;
}

.product-info .product-description .fabrics {
  position: relative;
  display: flex;
  align-items: center;
  gap: .5rem;
  width: 100%;
  margin-bottom: 1rem;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.product-info .product-description .fabrics::-webkit-scrollbar {
  display: none;
}

.product-info .product-description .fabrics .swiper-slide {
  width: 88px !important;
}

.product-info .product-description .fabrics .individual-fabric {
  width: 80px;
  height: 80px;
  padding: 3px;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.product-info .product-description .fabrics .individual-fabric:hover {
  border: 1px solid #c0c0c0;
}

.product-info .product-description .fabrics .individual-fabric.active {
  border: 1px solid #02020a;
  cursor: default;
}

.product-info .product-description .fabrics .individual-fabric > div {
  width: 72px;
  height: 72px;
  background-size: 150%;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 4px;
}

.fabrics-swiper-2 {
  display: flex;
  align-items: center;
  gap: .5rem;
  justify-content: flex-end;
  margin-top: -.5rem;
  margin-bottom: .5rem;
}

.individual-product-fabric-a-2 {
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-product-fabric-a-2 svg {
  width: 20px;
  height: 20px;
  margin-bottom: -6px;
  margin-left: 3px;
}

.individual-product-fabric-a-2.left {
  transform: rotate(180deg);
}

.individual-product-fabric-a-2.left svg {
  margin-right: 3px;
}

.individual-product-fabric-a-2:hover {
  border: 1px solid #02020a;
}

.product-info .product-description .features {
  display: flex;
  gap: 0.625rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.product-info .product-description .features span {
  height: 39px;
  padding: 0 .75rem;
  color: #02020a;
  font-size: 15px;
  line-height: 38px;
  font-weight: 400;
  border: 1px solid #c0c0c0;
  border-radius: 25px;
  cursor: default;
}

.product-info .product-description .measurements {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.product-info .product-description .measurements p:first-child {
  margin-bottom: .375rem;
  color: #595959;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

.product-info .product-description .measurements p:last-child {
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.product-info .product-description .price-cart {
  margin-bottom: 1.5rem;
}

.product-info .product-description .price-cart a {
  width: 100%;
  text-align: center;
}

.product-info .product-description .price-cart p {
  margin-bottom: 1rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 26px;
  line-height: 36.4px;
  font-weight: 400;
}

.product-info .product-description .price-cart p span {
  margin-left: .75rem;
  color: #595959;
  font-family: "GeneralSans-Variable", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  text-decoration: line-through;
}

.product-info .product-description .price-cart > div {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.product-info .product-description .price-cart > div > div {
  display: flex;
  align-items: center;
  padding: 11px 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.product-info .product-description .price-cart > div > div:hover {
  border: 1px solid #02020a;
}

.product-info .product-description .price-cart > div > div span {
  margin-bottom: -5px;
  cursor: pointer;
}

.product-info .product-description .price-cart > div > div span svg {
  width: 24px;
  height: 24px;
}

.product-info .product-description .price-cart > div > div input {
  width: 38px;
  margin-left: 1rem;
  margin-right: 1rem;
  text-align: center;
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  background-color: transparent;
  border: 0;
  outline: 0;
  cursor: default;
}

.product-info .product-description .stock-info > div {
  display: flex;
  gap: .75rem;
  align-items: center;
}

.product-info .product-description .stock-info > div:first-child {
  margin-bottom: .375rem;
}

.product-info .product-description .stock-info > div:last-child {
  gap: 1rem;
}

.product-info .product-description .stock-info span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.product-info .product-description .stock-info span.in-stock {
  background-color: #45cd85;
}

.product-info .product-description .stock-info p {
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.product-info .product-description .stock-info > div:last-child > p:first-child {
  color: #595959;
  font-size: 13px;
  line-height: 19.5px;
}

.product-info .product-description .stock-info > div:last-child > p:last-child {
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 500;
}

.product-info .product-description .recommended {
  margin-top: 1.5rem;
  padding: 1rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.product-info .product-description .recommended > p {
  margin-bottom: 1rem;
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

.product-info .product-description .recommended .individual-recommended-product {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.product-info .product-description .recommended > div > .individual-recommended-product:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.product-info .product-description .recommended .individual-recommended-product > div:first-child span {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.product-info .product-description .recommended .individual-recommended-product > div:first-child span:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.product-info .product-description .recommended .individual-recommended-product > div:first-child span.active:after {
  border: solid #02020a;
  border-width: 0 1px 1px 0;
}

.product-info .product-description .recommended .individual-recommended-product > div:first-child span:hover,
.product-info .product-description .recommended .individual-recommended-product > div:first-child span.active {
  border: 1px solid #02020a;
}

.product-info .product-description .recommended .individual-recommended-product img {
  width: 56px;
  height: 56px;
  border-radius: 4px;
}

.product-info .product-description .recommended .individual-recommended-product .detailed-info {
  flex: auto;
}

.product-info .product-description .recommended .individual-recommended-product .detailed-info > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-info .product-description .recommended .individual-recommended-product .detailed-info > div:first-child span {
  padding: .25rem .625rem;
  color: #02020a;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  background-color: #e6e6e6;
  border-radius: 25px;
}

.product-info .product-description .recommended .individual-recommended-product .detailed-info p {
  color: #02020a;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.product-info .product-description .recommended .individual-recommended-product .detailed-info > p:nth-child(2) {
  font-weight: 500;
}

.product-info .product-description .recommended .individual-recommended-product .detailed-info a {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  text-decoration: none;
}

.product-info .product-description .recommended .individual-recommended-product .detailed-info a > span:first-child {
  color: #838383;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.product-info .product-description .recommended .individual-recommended-product .detailed-info a:hover > span:first-child {
  color: #02020a;
}

.product-info .product-description .recommended .individual-recommended-product .detailed-info a > span:last-child {
  flex: 1 1 20px;
  width: 20px;
  max-width: 20px;
  height: 20px;
}

.product-info .product-description .recommended .individual-recommended-product .detailed-info a > span:last-child svg {
  width: 20px;
  height: 20px;
}

.product-info .product-description .accordion {
  margin-top: 1.5rem;
}

.product-info .product-description .accordion > div:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.product-info .product-description .benefits {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
}

.product-info .product-description .benefits > div {
  display: flex;
  gap: .75rem;
  flex: 1;
}

.product-info .product-description .benefits span {
  flex: 1 1 24px;
  height: 24px;
  width: 24px;
  max-width: 24px;
  min-width: 24px;
  margin-top: -1px;
  background-image: url("../images/sprite.png");
  background-repeat: no-repeat;
}

.product-info .product-description .benefits span.delivery {
  background-position: -54px -398px;
}

.product-info .product-description .benefits span.payment {
  background-position: -98px -398px;
}

.product-info .product-description .benefits p {
  color: #454545;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

@media (max-width: 991px) {
  .product-info {
    flex-direction: column;
    align-items: normal;
    padding: 0 0 4rem;
    background-color: #f8f4ef;
  }

  .product-info .product-photos {
    overflow: hidden;
    padding: 0 1rem;
    gap: 0;
  }

  .product-info .product-photos .individual-product-photo {
    height: 300px;
    width: 100%;
  }

  .product-info .product-description {
    flex: 1 1 100%;
    max-width: 100%;
    padding: 0 1rem;
  }

  .product-info .product-description h1 {
    font-size: 24px;
    line-height: 26.4px;
  }

  .product-info .product-description .price-cart > div {
    align-items: baseline;
    flex-direction: column;
  }

  .product-info .product-description .benefits {
    flex-wrap: wrap;
  }

  .product-info .product-description .benefits > div {
    flex: 1 1 100%;
  }

  .fabrics-swiper-2 {
    margin-bottom: 1rem;
  }
}

/* product advantages */

.product-advantages {
  padding: 4.5rem 3rem;
}

.product-advantages h2 {
  margin: 20px 0 0;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
}

.product-advantages h3 {
  color: #fff;
  font-family: "Anybody", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

.product-advantages h5 {
  display: inline-block;
  padding: 4px 12px;
  color: #02020a;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  background-color: #f8f4ef;
  border-radius: 4px;
}

.product-advantages p {
  margin-top: .75rem;
  color: #e6e6e6;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.product-advantages > div:first-child {
  text-align: center;
  margin-bottom: 3rem;
}

.product-advantages > div:last-child {
  display: flex;
  align-items: center;
  gap: 1rem;
  overflow: hidden;
}

.individual-product-advantage {
  position: relative;
  flex: 1 1 auto;
  width: auto;
  height: auto;
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 6px;
}

.individual-product-advantage > div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 95%;
  height: auto;
  padding: 1.5rem;
}

@media (max-width: 991px) {
  .product-advantages {
    padding: 4rem 1rem;
  }

  .product-advantages h2 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .product-advantages h3 {
    font-size: 18px;
    line-height: 19.8px;
  }
}

/* photos interior */

.photos-interior {
  padding: 4.5rem 0;
  background-color: #ebeff4;
}

.photos-interior h3 {
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 26px;
  line-height: 36.4px;
  font-weight: 400;
}

.photos-interior button {
  height: 40px;
  width: 40px;
  padding: 8px;
  background-color: transparent;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.photos-interior button:hover {
  border: 1px solid #02020a;
}

.photos-interior button svg {
  width: 24px;
  height: 24px;
  margin-top: -1px;
  margin-left: -1px;
}

.photos-interior button:first-child {
  margin-right: 6px;
}

.photos-interior > div:first-child {
  padding: 0 3rem 3rem;
  text-align: center;
}

.photos-interior > div:nth-child(2) {
  padding: 0 3rem;
  overflow: hidden;
}

.photos-interior .individual-photo {
  position: relative;
  height: 750px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 6px;
  cursor: pointer;
}

.photos-interior .individual-photo > div {
  position: absolute;
  padding: 1rem;
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
  text-align: right;
}

.photos-interior .individual-photo button {
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: 0;
  background-color: transparent;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.photos-interior .individual-photo button svg {
  width: 24px;
  height: 24px;
}

.photos-interior .individual-photo:hover button {
  border: 1px solid #fff;
}

.photos-interior > div:last-child {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding: 3rem 3rem 0;
}

.photos-interior > div:last-child > div:first-child {
  flex: 1 1 auto;
}

.photos-interior > div:last-child > div:first-child > span {
  position: relative;
  display: block;
  height: 2px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

.photos-interior > div:last-child > div:first-child > span span {
  position: absolute;
  display: inline-block;
  width: calc(100% / 3);
  height: 2px;
  top: 0;
  left: 0;
  background-color: #454545;
  border-radius: 1px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.photos-interior > div:last-child > div:last-child {
  flex: 1 1 90px;
  max-width: 90px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .photos-interior .individual-photo {
    height: 650px;
  }
}

@media (max-width: 991px) {
  .photos-interior {
    padding: 4rem 0;
  }

  .photos-interior h3 {
    font-size: 24px;
    line-height: 26.4px;
  }

  .photos-interior button {
    height: 36px;
    width: 36px;
  }

  .photos-interior button svg {
    margin-top: -3px;
    margin-left: -3px;
  }

  .photos-interior > div:first-child {
    padding: 0 1rem 3rem;
  }

  .photos-interior > div:nth-child(2) {
    padding: 0 1rem;
  }

  .photos-interior .individual-photo {
    height: 240px;
  }

  .photos-interior > div:last-child {
    gap: 1rem;
    padding: 1.75rem 1rem 0;
  }

  .photos-interior > div:last-child > div:last-child {
    flex: 1 1 82px;
    max-width: 82px;
  }
}

/* product testimonials */

.product-testimonials {
  padding: 4.5rem 3rem;
}

.product-testimonials h2 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 26px;
  line-height: 36.4px;
  font-weight: 400;
}

.product-testimonials h5 {
  display: inline-block;
  padding: 4px 12px;
  color: #02020a;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  background-color: #f8f4ef;
  border-radius: 4px;
}

.product-testimonials p {
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.product-testimonials .product-testimonials-header {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}

.product-testimonials .product-testimonials-header a {
  margin-top: 2rem;
}

.product-testimonials .product-testimonials-header .product-testimonials-title {
  flex: auto;
}

.product-testimonials-rating {
  flex: 1 1 558px;
  max-width: 558px;
  min-width: 558px;
  padding: 1.5rem;
  background-color: #f8f4ef;
  border-radius: 6px;
}

.product-testimonials-rating .product-testimonials-rating-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.product-testimonials-rating .product-testimonials-rating-title p {
  color: #02020a;
  font-weight: 500;
}

.product-testimonials-rating .product-testimonials-rating-title img {
  height: 20px;
  width: auto;
  margin-bottom: -3px;
}

.product-testimonials-rating .product-testimonials-rating-title svg {
  width: 20px;
  height: 20px;
  margin-bottom: -3px;
}

.product-testimonials-rating .product-testimonials-rating-title > div:last-child {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.product-testimonials-rating-detailed {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.product-testimonials-rating-detailed p {
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

.product-testimonials-rating-detailed > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

.product-testimonials-rating-detailed > div > p:first-child {
  flex: 1 1 80px;
  max-width: 80px;
  min-width: 80px;
}

.product-testimonials-rating-detailed > div > p:last-child {
  flex: 1 1 40px;
  max-width: 40px;
  min-width: 40px;
  text-align: right;
}

.product-testimonials-rating-detailed > div > span {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.product-testimonials-rating-detailed > div > span > span {
  position: absolute;
  height: 8px;
  top: 0;
  left: 0;
  background-color: #303030;
  border-radius: 4px;
}

.product-testimonials-content {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.product-testimonials-content .individual-testimonial {
  margin-bottom: 1.5rem;
}

.product-testimonials-content > div:last-child {
  text-align: center;
}

@media (max-width: 991px) {
  .product-testimonials {
    padding: 4rem 1rem;
  }

  .product-testimonials h2 {
    font-size: 24px;
    line-height: 26.4px;
  }

  .product-testimonials .product-testimonials-header {
    flex-direction: column;
    gap: 3rem;
  }

  .product-testimonials .product-testimonials-header a {
    text-align: center;
    width: 100%;
  }

  .product-testimonials-rating {
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 0;
  }

  .product-testimonials-rating .product-testimonials-rating-title {
    align-items: baseline;
    flex-direction: column;
    gap: .5rem;
  }

  .product-testimonials-content > div:last-child a {
    width: 100%;
    margin-top: 1.5rem;
  }
}

/* info banner modal */

.info-banner-modal {
  display: none;
  width: 676px;
  padding: 1.5rem;
  border-radius: 6px;
}

.info-banner-modal-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.info-banner-modal-title span {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.info-banner-modal-title span:hover {
  border: 1px solid #02020a;
}

.info-banner-modal-title span svg {
  width: 24px;
  height: 24px;
  margin-top: 7px;
  margin-left: 7px;
}

.info-banner-modal h2 {
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 400;
}

.info-banner-modal p {
  margin-bottom: 1.5rem;
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.info-banner-modal p:nth-last-child(2) {
  margin-bottom: 0;
}

.info-banner-modal a {
  color: #9bb1c8;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
  text-decoration: underline;
  outline: 0;
}

.info-banner-modal a:hover {
  text-decoration: none;
}

.info-banner-modal .f-button {
  display: none;
}

@media (max-width: 767px) {
  .info-banner-modal {
    width: 100%;
    height: 100%;
    padding: 2rem 1rem 2.5rem;
    border-radius: 0;
  }

  .info-banner-modal h2 {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    font-family: "GeneralSans-Variable", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
  }

  .info-banner-modal-title {
    margin-bottom: 0;
    border-bottom: 0;
  }

  .info-banner-modal-title span {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    border: 0 !important;
    border-radius: 0;
  }
}

/* info banner modal */

.write-testimonial-modal {
  display: none;
  width: 676px;
  padding: 1.5rem;
  border-radius: 6px;
}

.write-testimonial-modal-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.write-testimonial-modal-title span {
  width: 40px;
  height: 40px;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.write-testimonial-modal-title span:hover {
  border: 1px solid #02020a;
}

.write-testimonial-modal-title span svg {
  width: 24px;
  height: 24px;
  margin-top: 7px;
  margin-left: 7px;
}

.write-testimonial-rating {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.write-testimonial-modal .write-testimonial-rating > p {
  font-weight: 500;
}

.write-testimonial-rating > div:nth-child(2) {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.write-testimonial-rating > div:nth-child(2) > div {
  display: flex;
  align-items: center;
  gap: 2px;
}

.write-testimonial-rating svg {
  width: 24px;
  height: 24px;
}

.write-testimonial-modal-footer {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.write-testimonial-modal-footer a {
  width: 100%;
  text-align: center;
}

.write-testimonial-modal h2 {
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 400;
}

.write-testimonial-modal p {
  color: #02020a;
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
}

.write-testimonial-modal .f-button {
  display: none;
}

.write-testimonial-modal-name {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.input-group {
  position: relative;
}

.input-group input,
.input-group textarea {
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  padding: .625rem 1rem;
  width: 100%;
  outline: 0;
  height: 58px;
  font-family: "GeneralSans-Variable", sans-serif;
  font-size: 15px;
  color: #02020a;
  font-size: 14px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.input-group textarea {
  height: 120px;
  resize: none;
}

.input-group label {
  position: absolute;
  top: .625rem;
  left: 1rem;
  color: #02020a;
  font-size: 15px;
  line-height: 38px;
  pointer-events: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.input-group input:focus ~ label,
.input-group textarea:focus ~ label,
.input-group.filled label {
  color: #595959;
  font-size: 12px;
  line-height: 18px;
}

.input-group input:hover,
.input-group input:focus,
.input-group textarea:hover,
.input-group textarea:focus {
  border: 1px solid #02020a;
}

.input-group input:focus,
.input-group.filled input {
  padding-top: 1.25rem;
  padding-bottom: 0;
}

.input-group textarea:focus,
.input-group.filled textarea {
  padding-top: 1.75rem;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .write-testimonial-modal {
    width: 100%;
    height: 100%;
    padding: 2rem 1rem 2.5rem;
    border-radius: 0;
  }

  .write-testimonial-modal h2 {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    font-family: "GeneralSans-Variable", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
  }

  .write-testimonial-modal-title {
    margin-bottom: 0;
    border-bottom: 0;
  }

  .write-testimonial-modal-title span {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    border: 0 !important;
  }

  .write-testimonial-modal-name {
    margin-bottom: 0;
    border-bottom: 0;
  }

  .write-testimonial-rating {
    margin-bottom: 1rem;
    padding-bottom: 2rem;
  }

  .write-testimonial-modal-footer .btn {
    padding: 15.5px 0;
  }
}

/* collections */

.collections {
  padding: 0 3rem 5rem;
}

.collections h2 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 35.2px;
  font-weight: 400;
}

.collections h3 {
  color: #fff;
  font-family: "Anybody", sans-serif;
  font-size: 26px;
  line-height: 36.4px;
  font-weight: 400;
}

.collections h5 {
  display: inline-block;
  padding: 4px 12px;
  color: #02020a;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  background-color: #f8f4ef;
  border-radius: 4px;
}

.collections p {
  color: #e6e6e6;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.collections > div:nth-child(1) {
  text-align: center;
  margin-bottom: 4rem;
}

.collections > div:nth-child(1) p {
  color: #595959;
}

.collections > div:nth-child(2) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.collections > div:nth-child(2) p {
  margin-top: .25rem;
}

.collections > div:nth-child(3) {
  margin-top: 4rem;
  text-align: center;
}

.collections .individual-collection {
  position: relative;
  width: calc(100% / 2 - .5rem);
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 6px;
  cursor: pointer;
}

.collections .individual-collection button {
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: #afc1d3;
  border: 0;
  border-radius: 6px;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.collections .individual-collection button svg {
  width: 24px;
  height: 24px;
}

.collections .individual-collection:hover button {
  background-color: #c3d0de;
}

.collections .individual-collection > div:first-child {
  position: absolute;
  width: 80%;
  bottom: 0;
  left: 0;
  padding: 1.5rem;
}

.collections .individual-collection > div:last-child {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1.5rem;
}

@media (max-width: 991px) {
  .collections {
    padding: 0 1rem 4rem;
  }

  .collections h2 {
    margin-top: 2rem;
    font-size: 28px;
    line-height: 30.8px;
  }

  .collections h3 {
    font-size: 24px;
    line-height: 26.4px;
  }

  .collections > div:nth-child(1) {
    margin-bottom: 3rem;
  }

  .collections > div:nth-child(3) {
    margin-top: 3rem;
  }

  .collections .individual-collection > div:first-child {
    padding: 1rem;
  }

  .collections .individual-collection > div:last-child {
    padding: 1rem;
  }
}

@media (max-width: 767px) {
  .collections .individual-collection {
    width: 100%;
  }
}

/* individual collection description */

.individual-collection-description {
  padding: 2.5rem 0 4.5rem;
}

.individual-collection-description h2 {
  margin-top: 1.25rem;
  margin-bottom: 1.5rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 35.2px;
  font-weight: 400;
}

.individual-collection-description h5 {
  margin-top: 0;
  display: inline-block;
  padding: 4px 12px;
  color: #02020a;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  background-color: #f8f4ef;
  border-radius: 4px;
}

.individual-collection-description p {
  margin-bottom: .75rem;
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.individual-collection-description > div:nth-child(1) {
  width: 50%;
  margin: auto auto 2.5rem;
}

.individual-collection-description > div:nth-child(1) > a:nth-child(1) {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-collection-description > div:nth-child(1) > a:hover:nth-child(1) {
  border: 1px solid #02020a;
}

.individual-collection-description .expanded {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-collection-description .expanded.active {
  opacity: 1;
}

.individual-collection-description > div:nth-child(1) .more {
  display: flex;
  align-items: center;
}

.individual-collection-description > div:nth-child(1) .more a {
  color: #02020a;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-collection-description > div:nth-child(1) .more a:hover {
  color: #8b8378;
}

.individual-collection-description > div:nth-child(1) .more span {
  flex: 1 1 36px;
  max-width: 36px;
  width: 36px;
  height: 24px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-collection-description > div:nth-child(1) .more span svg {
  width: 24px;
  height: 24px;
  margin-left: 6px;
}

.individual-collection-description > div:nth-child(1) .more span.active {
  transform: rotate(180deg);
}

.individual-collection-description > div:nth-child(2) {
  padding: 0 3rem;
  overflow: hidden;
}

.individual-collection-description > div:nth-child(3) {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  margin-top: 3rem;
  padding: 0 3rem;
}

.individual-collection-description > div:nth-child(3) > div:nth-child(1) {
  flex: 1 1 auto;
}

.individual-collection-description > div:nth-child(3) > div:nth-child(1) > span:first-child {
  position: relative;
  display: block;
  height: 2px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

.individual-collection-description > div:nth-child(3) > div:nth-child(1) > span {
  position: relative;
  display: block;
  height: 2px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

.individual-collection-description > div:nth-child(3) > div:nth-child(1) > span > span {
  position: absolute;
  display: inline-block;
  width: calc(100% / 3);
  height: 2px;
  top: 0;
  left: 0;
  background-color: #454545;
  border-radius: 1px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-collection-description > div:nth-child(3) > div:nth-child(2) {
  flex: 1 1 90px;
  max-width: 90px;
}

.individual-collection-description > div:nth-child(3) > div:nth-child(2) button {
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: transparent;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-collection-description > div:nth-child(3) > div:nth-child(2) button svg {
  width: 24px;
  height: 24px;
  margin-left: -1px;
}

.individual-collection-description > div:nth-child(3) > div:nth-child(2) button:hover {
  border: 1px solid #02020a;
}

.individual-collection-description > div:nth-child(3) > div:nth-child(2) button:first-child {
  margin-right: 6px;
}

.individual-collection-individual-photo {
  position: relative;
  height: 650px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 6px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .individual-collection-individual-photo {
    height: 550px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .individual-collection-description {
    padding: 1rem 0 4.5rem;
  }

  .individual-collection-description > div:nth-child(1) {
    width: 100%;
    padding: 0 3rem;
  }

  .individual-collection-individual-photo {
    height: 550px;
  }
}

@media (max-width: 991px) {
  .individual-collection-description {
    padding: 0 0 4rem;
  }

  .individual-collection-description h2 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .individual-collection-description > div:nth-child(1) {
    width: 100%;
    padding: 0 1rem;
  }

  .individual-collection-description > div:nth-child(2) {
    padding: 0 1rem;
  }

  .individual-collection-individual-photo {
    height: 450px;
  }

  .individual-collection-description > div:nth-child(3) {
    padding: 0 1rem;
    margin-top: 1.75rem;
  }

  .individual-collection-description > div:nth-child(3) > div:nth-child(2) {
    flex: 1 1 82px;
    max-width: 82px;
  }

  .individual-collection-description > div:nth-child(3) > div:nth-child(2) button {
    width: 36px;
    height: 36px;
  }

  .individual-collection-description > div:nth-child(3) > div:nth-child(2) button svg {
    margin-top: -3px;
    margin-left: -3px;
  }
}

@media (max-width: 767px) {
  .individual-collection-individual-photo {
    height: 300px;
  }
}

/* individual fabric content */

.individual-fabric-content {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 0 4.5rem;
}

.individual-fabric-content h2 {
  margin-top: 1.25rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 35.2px;
  font-weight: 400;
}

.individual-fabric-content h3 {
  margin-bottom: 1.5rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 400;
}

.individual-fabric-content h5 {
  display: inline-block;
  padding: 4px 12px;
  color: #02020a;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  background-color: #f8f4ef;
  border-radius: 4px;
}

.individual-fabric-content p {
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.individual-fabric-content .back-div {
  margin-bottom: 2.5rem;
}

.individual-fabric-content .back-div a {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-fabric-content .back-div a:hover {
  border: 1px solid #02020a;
}

.individual-fabric-content .back-div a svg {
  width: 24px;
  height: 24px;
  margin-top: 7px;
  margin-left: 7px;
}

.individual-fabric-content .title {
  display: flex;
  align-items: flex-end;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.individual-fabric-content .title a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  height: 48px;
  text-align: center;
}

.individual-fabric-content .title a span:last-child {
  flex: 1 1 24px;
  max-width: 24px;
  width: 24px;
  height: 24px;
}

.individual-fabric-content .title a span:last-child svg {
  width: 24px;
  height: 24px;
}

.individual-fabric-content .title > div:first-child {
  flex: 1 1 auto;
}

.individual-fabric-content .title > div:last-child {
  flex: 1;
  text-align: right;
}

.individual-fabric-content .description {
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.individual-fabric-content .colors {
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.individual-fabric-content .colors > div {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.individual-fabric-content .colors .individual-color {
  flex: 1 1 calc(100% / 3 - 1rem);
  max-width: calc(100% / 3 - 1rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.individual-fabric-content .colors .individual-color div {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 6px;
}

.individual-fabric-content .colors .individual-color p {
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.individual-fabric-content .interior {
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.individual-fabric-content .interior > div {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.individual-fabric-content .interior .individual-interior {
  flex: 1 1 calc(100% / 2 - .75rem);
  max-width: calc(100% / 2 - .75rem);
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 6px;
}

.individual-fabric-content .features {
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.individual-fabric-content .features > div {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.individual-fabric-content .features .individual-feature {
  flex: 1 1 calc(100% / 2 - .75rem);
  max-width: calc(100% / 2 - .75rem);
  padding: 1rem;
  background-color: #f8f4ef;
  border-radius: 6px;
}

.individual-fabric-content .features .individual-feature span {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: #fff;
  border-radius: 4px;
}

.individual-fabric-content .features .individual-feature span svg {
  width: 24px;
  height: 24px;
}

.individual-fabric-content .features .individual-feature h4 {
  margin-top: 2.5rem;
  font-family: "Anybody", sans-serif;
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
}

.individual-fabric-content .information > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.individual-fabric-content .information .individual-info-row {
  display: flex;
  width: 100%;
  border: 1px solid #e6e6e6;
  border-top: 0;
}

.individual-fabric-content .information .individual-info-row:first-child {
  border-top: 1px solid #e6e6e6;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.individual-fabric-content .information .individual-info-row:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.individual-fabric-content .information .individual-info-row > div:first-child {
  flex: 1;
  padding: 1rem;
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 500;
  border-right: 1px solid #e6e6e6;
}

.individual-fabric-content .information .individual-info-row > div:last-child {
  flex: 3;
  padding: 1rem;
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .individual-fabric-content .title > div:last-child {
    flex: 2;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .individual-fabric-content {
    width: calc(100% - 6rem);
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

@media (max-width: 991px) {
  .individual-fabric-content {
    width: calc(100% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .individual-fabric-content h2 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .individual-fabric-content h3 {
    font-size: 16px;
    line-height: 17.6px;
  }

  .individual-fabric-content .back-div {
    margin-bottom: 2rem;
  }

  .individual-fabric-content .back-div a {
    width: 36px;
    height: 36px;
  }

  .individual-fabric-content .back-div a svg {
    margin-top: 5px;
    margin-left: 5px;
  }

  .individual-fabric-content .title {
    display: block;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }

  .individual-fabric-content .title > div:last-child {
    margin-top: 2rem;
  }

  .individual-fabric-content .description,
  .individual-fabric-content .colors,
  .individual-fabric-content .interior,
  .individual-fabric-content .features {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }

  .individual-fabric-content .colors > div {
    gap: 1rem;
    row-gap: 1.5rem;
  }

  .individual-fabric-content .colors .individual-color {
    flex: 1 1 calc(100% / 2 - .5rem);
    max-width: calc(100% / 2 - .5rem);
  }

  .individual-fabric-content .interior > div,
  .individual-fabric-content .features > div {
    gap: 1rem;
  }

  .individual-fabric-content .interior .individual-interior,
  .individual-fabric-content .features .individual-feature {
    flex: 1 1 calc(100% / 2 - .5rem);
    max-width: calc(100% / 2 - .5rem);
  }

  .individual-fabric-content .features .individual-feature h4 {
    font-size: 14px;
    line-height: 15.4px;
  }
}

@media (min-width: 768px) {
  .individual-fabric-back-button {
    display: none;
  }
}

@media (max-width: 767px) {
  .individual-fabric-back-button {
    width: calc(100% - 2rem);
    margin: 0 1rem 2rem;
  }

  .individual-fabric-back-button a {
    display: block;
    width: 36px;
    height: 36px;
    border: 1px solid #c0c0c0;
    border-radius: 6px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }

  .individual-fabric-back-button a svg {
    width: 24px;
    height: 24px;
    margin-top: 5px;
    margin-left: 4px;
  }

  .individual-fabric-back-button a:hover {
    border: 1px solid #02020a;
  }

  .individual-fabric-content .back-div {
    display: none;
  }

  .individual-fabric-content .interior .individual-interior {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .individual-fabric-content .features .individual-feature {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .individual-fabric-content .features .individual-feature {
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  .individual-fabric-content .features .individual-feature h4 {
    margin-top: 0;
  }

  .individual-fabric-content .features .individual-feature span {
    width: 36px;
    height: 36px;
  }

  .individual-fabric-content .information .individual-info-row > div:first-child,
  .individual-fabric-content .information .individual-info-row > div:last-child {
    padding: .75rem;
    font-size: 13px;
    line-height: 19.5px;
  }

  .individual-fabric-content .information .individual-info-row > div:last-child {
    flex: 1;
  }
}

/* other collections */

.other-collections {
  padding: 4.5rem 0;
}

.other-collections h2 {
  flex: 1;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 35.2px;
  font-weight: 400;
}

.other-collections > div:first-child {
  display: flex;
  align-items: center;
  padding: 0 3rem 3rem;
}

.other-collections > div:nth-child(2) {
  padding: 0 3rem;
  overflow: hidden;
}

.other-collections > div:nth-child(3) {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  margin-top: 3rem;
  padding: 0 3rem;
}

.other-collections > div:nth-child(3) > div:nth-child(1) {
  flex: 1 1 auto;
}

.other-collections > div:nth-child(3) > div:nth-child(1) > span:first-child {
  position: relative;
  display: block;
  height: 2px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

.other-collections > div:nth-child(3) > div:nth-child(1) > span {
  position: relative;
  display: block;
  height: 2px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

.other-collections > div:nth-child(3) > div:nth-child(1) > span > span {
  position: absolute;
  display: inline-block;
  width: calc(100% / 5);
  height: 2px;
  top: 0;
  left: 0;
  background-color: #454545;
  border-radius: 1px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.other-collections > div:nth-child(3) > div:nth-child(2) {
  flex: 1 1 90px;
  max-width: 90px;
}

.other-collections > div:nth-child(3) > div:nth-child(2) button {
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: transparent;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.other-collections > div:nth-child(3) > div:nth-child(2) button svg {
  width: 24px;
  height: 24px;
  margin-top: -1px;
  margin-left: -1px;
}

.other-collections > div:nth-child(3) > div:nth-child(2) button:hover {
  border: 1px solid #02020a;
}

.other-collections > div:nth-child(3) > div:nth-child(2) button:first-child {
  margin-right: 6px;
}

.other-collections .other-collection-individual-collection {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 6px;
  cursor: pointer;
}

.other-collections .other-collection-individual-collection h3 {
  color: #fff;
  font-family: "Anybody", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

.other-collections .other-collection-individual-collection p {
  margin-top: .5rem;
  color: #e6e6e6;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.other-collections .other-collection-individual-collection button {
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: #afc1d3;
  border: 0;
  border-radius: 6px;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.other-collections .other-collection-individual-collection button svg {
  width: 24px;
  height: 24px;
}

.other-collections .other-collection-individual-collection:hover button {
  background-color: #c3d0de;
}

.other-collections .other-collection-individual-collection > div:first-child {
  position: absolute;
  width: 80%;
  bottom: 0;
  left: 0;
  padding: 1.5rem;
}

.other-collections .other-collection-individual-collection > div:last-child {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1.5rem;
}

@media (max-width: 991px) {
  .other-collections {
    padding: 4rem 0;
  }

  .other-collections h2 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .other-collections > div:first-child {
    padding: 0 1rem 3rem;
  }

  .other-collections > div:nth-child(2) {
    padding: 0 1rem;
  }

  .other-collections > div:nth-child(3) {
    padding: 0 1rem;
    margin-top: 1.75rem;
  }

  .other-collections > div:nth-child(3) > div:nth-child(1) > span > span {
    width: calc(100% / 6);
  }

  .other-collections > div:nth-child(3) > div:nth-child(2) {
    flex: 1 1 82px;
    max-width: 82px;
  }

  .other-collections > div:nth-child(3) > div:nth-child(2) button {
    width: 36px;
    height: 36px;
  }

  .other-collections > div:nth-child(3) > div:nth-child(2) button svg {
    margin-top: -3px;
    margin-left: -3px;
  }
}

@media (min-width: 768px) {
  .other-collections > div:nth-child(4) {
    display: none;
  }
}

@media (max-width: 767px) {
  .other-collections > div:first-child .btn {
    display: none;
  }

  .other-collections > div:nth-child(4) {
    display: block;
    margin-top: 3rem;
    padding: 0 1rem;
  }

  .other-collections > div:nth-child(4) a {
    width: 100%;
    text-align: center;
  }
}

/* catalog */

.catalog {
  padding: 0 0 5rem;
}

.catalog h2 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 35.2px;
  font-weight: 400;
}

.catalog h3 {
  margin-bottom: 1rem;
  color: #02020a;
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
}

.catalog h5 {
  display: inline-block;
  padding: 4px 12px;
  color: #02020a;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  background-color: #f8f4ef;
  border-radius: 4px;
}

.catalog p,
.catalog ol {
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.catalog ol {
  padding-inline-start: 18px;
}

.catalog ol li {
  margin-bottom: 1rem;
}

.catalog ol li:last-child {
  margin-bottom: 0;
}

.catalog > div:nth-child(1) {
  width: 50%;
  margin: auto auto 4rem;
  text-align: center;
}

.catalog-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.catalog-info > div {
  flex: auto;
  display: flex;
  align-items: center;
  gap: .5rem;
}

.catalog-info > div:nth-child(2) {
  justify-content: flex-end;
}

.catalog-info span {
  display: inline-block;
  height: 21px;
  margin: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.catalog-info a,
.catalog-footer a {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 5px;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.catalog-info a:hover,
.catalog-footer a:hover {
  border: 1px solid #02020a;
}

.catalog-info a svg,
.catalog-footer a svg {
  width: 20px;
  height: 20px;
}

.catalog-description {
  margin-top: 2.5rem;
  text-align: left;
}

.catalog-description p,
.catalog-description ol {
  margin-bottom: 1.5rem;
}

.catalog-description p:last-child,
.catalog-description ol:last-child {
  margin-bottom: 0;
}

.catalog-footer > div:first-child {
  margin: 0 3rem;
  width: calc(100% - 6rem);
  height: 600px;
  background-image: url("../images/catalog.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 6px;
  cursor: pointer;
}

.catalog-footer > div:nth-child(2) {
  display: flex;
  gap: .5rem;
  width: 50%;
  margin: 2.5rem auto 0;
  padding-top: 2.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .catalog {
    padding: 0 3rem 5rem;
  }

  .catalog > div:nth-child(1) {
    width: 100%;
  }

  .catalog-footer > div:first-child {
    margin: 0;
    width: 100%;
    height: 450px;
  }

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

@media (max-width: 991px) {
  .catalog {
    padding: 0 1rem 4rem;
  }

  .catalog h2 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .catalog > div:nth-child(1) {
    width: 100%;
    margin-bottom: 2rem;
  }

  .catalog-info {
    margin-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .catalog-description {
    margin-top: 1.5rem;
  }

  .catalog-footer > div:first-child {
    margin: 0;
    width: 100%;
    height: 350px;
  }

  .catalog-footer > div:nth-child(2) {
    width: 100%;
    margin-top: 2rem;
    padding-top: 2rem;
  }
}

/* fabrics cover */

.fabrics-cover {
  margin-bottom: 2.5rem;
  padding: 0 3rem;
}

.fabrics-cover h1 {
  margin-bottom: 1rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 35.2px;
  font-weight: 400;
}

.fabrics-cover p {
  margin-bottom: 0;
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
}

.fabrics-cover > div {
  padding: 2.5rem;
  background-color: #f8f4ef;
  border-radius: 6px;
}

/* fabrics content */

.fabrics-category-content {
  padding: 0 3rem 5rem;
}

.fabrics-category-content > div {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.fabrics-category-content .fabrics-category-content-filters-mobile-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  width: 100%;
  text-align: center;
}

.fabrics-category-content .fabrics-category-content-filters-mobile-btn a span:last-child {
  flex: 1 1 24px;
  max-width: 24px;
  width: 24px;
  height: 24px;
}

.fabrics-category-content .fabrics-category-content-filters-mobile-btn a span:last-child svg {
  width: 24px;
  height: 24px;
}

.fabrics-category-content .fabrics-category-content-filters {
  flex: 1 1 280px;
  max-width: 280px;
  margin-bottom: -.75rem;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-category-content-filters-title {
  text-align: center;
  padding: .5rem 0 1.5rem;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-category-content-filters-title h4 {
  color: #02020a;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-category-content-filters-title div {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-category-content-filters-title div span {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: -3px;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-category-content-filters-title div span svg {
  width: 24px;
  height: 24px;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-category-content-filters-mobile-footer {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 1rem 1rem 2.5rem;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  z-index: 4;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-category-content-filters-mobile-footer a {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  text-align: center;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter {
  margin-bottom: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter:last-child {
  margin-bottom: 0;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter.active {
  margin-bottom: 3rem;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter h4 {
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  cursor: pointer;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div:first-child span {
  flex: 1 1 20px;
  max-width: 20px;
  height: 20px;
  width: 20px;
  transform: rotate(-180deg);
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div:first-child span svg {
  width: 20px;
  height: 20px;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter.active > div:first-child span {
  transform: rotate(0deg);
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div:last-child {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter.active > div:last-child {
  opacity: 1;
  pointer-events: auto;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.search {
  margin-bottom: 1rem;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.input-range input,
.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.search input {
  width: 80px;
  height: 38px;
  text-align: center;
  color: #02020a;
  font-family: "GeneralSans-Variable";
  font-size: 13px;
  line-height: 19.5px;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  outline: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.search input {
  width: 100%;
  text-align: left;
  padding-left: 3.5rem;
  padding-right: 1rem;
  background-image: url("../images/search.svg");
  background-size: 24px;
  background-position: 1rem 50%;
  background-repeat: no-repeat;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.search input::-webkit-input-placeholder {
  color: #02020a;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.search input::-moz-placeholder {
  color: #02020a;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.search input:-ms-input-placeholder {
  color: #02020a;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.search input:-moz-placeholder {
  color: #02020a;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.input-range input:hover,
.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.search input:hover,
.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.input-range input:focus,
.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.search input:focus {
  border: 1px solid #02020a;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.input-range > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter > div.input-range > div:last-child {
  margin-top: 1rem;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter label {
  display: block;
  position: relative;
  padding-left: 2rem;
  margin-top: 0;
  margin-bottom: .75rem;
  cursor: pointer;
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter label span {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background-color: transparent;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter label:hover input ~ span {
  border: 1px solid #02020a;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter label input:checked ~ span {
  background-color: transparent;
  border: 1px solid #02020a;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter label span:after {
  content: "";
  position: absolute;
  display: none;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter label input:checked ~ span:after {
  display: block;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter label span:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #02020a;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter p {
  position: absolute;
  top: 0;
  right: 0;
  color: #454545;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter label div {
  position: absolute;
  top: 0;
  right: 0;
  width: 17px;
  height: 17px;
  border-radius: 50%;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter .expanded {
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter .expanded.active {
  opacity: 1;
  pointer-events: auto;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter .more {
  display: flex;
  align-items: center;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter .more a {
  color: #02020a;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter .more a:hover {
  color: #8b8378;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter .more span {
  flex: 1 1 24px;
  max-width: 24px;
  height: 20px;
  width: 24px;
  padding-left: 4px;
  transform: rotate(-180deg);
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter .more span svg {
  width: 20px;
  height: 20px;
}

.fabrics-category-content .fabrics-category-content-filters .fabrics-individual-filter .more span.active {
  transform: rotate(0);
}

.fabrics-category-content-products {
  flex: 3.5;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.individual-fabric-product {
  flex: 1 1 calc(100% / 3 - 1rem);
  max-width: calc(100% / 3 - 1rem);
}

.individual-fabric-product h3 {
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
}

.individual-fabric-product > div:first-child {
  position: relative;
  height: auto;
  width: auto;
  aspect-ratio: 1 / 1;
  background-color: #fff;
  background-size: 105%;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-fabric-product > div:first-child:hover {
  background-size: 110%;
}

.individual-fabric-product > div:first-child span {
  display: inline-block;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 20px;
}

.individual-fabric-product > div:first-child .features {
  position: absolute;
  left: .5rem;
  bottom: .5rem;
}

.individual-fabric-product > div:nth-child(2) {
  margin-top: 1rem;
}

.individual-fabric-product .product-colors {
  display: block;
  margin: .75rem 0 0;
}

.individual-fabric-product .product-colors > span {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  cursor: pointer;
}

.individual-fabric-product .product-colors > span:first-child {
  margin-left: 3px;
}

.individual-fabric-product .product-colors > span:last-child {
  margin-right: 0;
}

.individual-fabric-product .product-colors > span > span {
  position: absolute;
  top: -3px;
  left: -3px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 1px solid #02020a;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-fabric-product .product-colors > span:hover > span,
.individual-fabric-product .product-colors > span.active > span {
  opacity: 1;
}

.individual-fabric-product > div:nth-child(3) {
  margin-top: 1.5rem;
}

.individual-fabric-product > div:nth-child(3) a {
  width: 100%;
  text-align: center;
  opacity: 0;
}

.individual-fabric-product:hover > div:nth-child(3) a {
  opacity: 1;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .individual-fabric-product {
    flex: 1 1 calc(100% / 2 - .75rem);
    max-width: calc(100% / 2 - .75rem);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .individual-fabric-product {
    flex: 1 1 calc(100% / 2 - .75rem);
    max-width: calc(100% / 2 - .75rem);
  }

  .individual-fabric-product > div:first-child {
    background-size: 120%;
  }

  .individual-fabric-product:hover > div:first-child {
    background-size: 125%;
  }
}

@media (min-width: 992px) {
  .fabrics-category-content-filters-mobile-btn {
    display: none;
  }

  .fabrics-category-content-filters-title {
    display: none;
  }

  .fabrics-category-content .fabrics-category-content-filters .fabrics-category-content-filters-mobile-footer {
    display: none;
  }
}

@media (max-width: 991px) {
  .fabrics-cover {
    margin-bottom: 1.5rem;
    padding: 0 1rem;
  }

  .fabrics-cover h1 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .fabrics-cover > div {
    padding: 1.25rem;
  }

  .fabrics-category-content {
    padding: 0 1rem 4rem;
  }

  .fabrics-category-content > div {
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  .fabrics-category-content .fabrics-category-content-filters-mobile-btn {
    width: 100%;
  }

  .fabrics-category-content .fabrics-category-content-filters-mobile-btn a {
    height: 48px;
  }

  .fabrics-category-content .fabrics-category-content-filters {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding: 1rem;
    padding-bottom: 104px;
    background-color: #fff;
    overflow-y: scroll;
    z-index: 2;
  }

  .fabrics-category-content .fabrics-category-content-filters.active {
    display: block;
  }

  .fabrics-category-content .fabrics-category-content-products {
    gap: 1rem;
  }

  .individual-fabric-product {
    flex: 1 1 calc(100% / 2 - .5rem);
    max-width: calc(100% / 2 - .5rem);
  }

  .individual-fabric-product h3 {
    font-size: 14px;
    line-height: 15.4px;
  }

  .individual-fabric-product > div:nth-child(3) {
    margin-top: 1rem;
  }

  .individual-fabric-product > div:nth-child(3) .btn {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .individual-fabric-product {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* individual fabric photos */

.individual-fabric-photos button {
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: transparent;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-fabric-photos button svg {
  width: 24px;
  height: 24px;
  margin-top: -1px;
  margin-left: -1px;
}

.individual-fabric-photos button:hover {
  border: 1px solid #02020a;
}

.individual-fabric-photos button:first-child {
  margin-right: 6px;
}

.individual-fabric-photos > div:first-child {
  padding: 0 3rem;
  overflow: hidden;
}

.individual-fabric-photos .individual-fabric-photo {
  position: relative;
  height: 650px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 6px;
  cursor: pointer;
}

.individual-fabric-photos .individual-fabric-photo > div {
  position: absolute;
  padding: 1rem;
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
  text-align: right;
}

.individual-fabric-photos .individual-fabric-photo button {
  margin: 0;
}

.individual-fabric-photos .individual-fabric-photo:hover button {
  border: 1px solid #fff;
}

.individual-fabric-photos > div:last-child {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding: 3rem 3rem 0;
}

.individual-fabric-photos > div:last-child > div:first-child {
  flex: 1 1 auto;
}

.individual-fabric-photos > div:last-child > div:first-child > span {
  position: relative;
  display: block;
  height: 2px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

.individual-fabric-photos > div:last-child > div:first-child > span > span {
  position: absolute;
  display: inline-block;
  width: calc(100% / 3);
  height: 2px;
  top: 0;
  left: 0;
  background-color: #454545;
  border-radius: 1px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-fabric-photos > div:last-child > div:last-child {
  flex: 1 1 90px;
  max-width: 90px;
}

@media (max-width: 991px) {
  .individual-fabric-photos button {
    width: 36px;
    height: 36px;
  }

  .individual-fabric-photos button svg {
    margin-top: -3px;
    margin-left: -3px;
  }

  .individual-fabric-photos > div:first-child {
    padding: 0 1rem;
  }

  .individual-fabric-photos .individual-fabric-photo {
    height: 500px;
  }

  .individual-fabric-photos > div:last-child {
    padding: 1.75rem 1rem 0;
  }

  .individual-fabric-photos > div:last-child > div:last-child {
    flex: 1 1 82px;
    max-width: 82px;
  }
}

@media (max-width: 767px) {
  .individual-fabric-photos .individual-fabric-photo {
    height: 300px;
  }
}

/* fabrics products */

.fabrics-products {
  background-color: #fff;
}

.fabrics-products .individual-fabric-product-in-slide > div:first-child {
  height: 320px;
  background-size: 105%;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.fabrics-products .individual-fabric-product-in-slide:hover > div:first-child {
  background-size: 110%;
}

.fabrics-products .individual-fabric-product-in-slide > div:last-child {
  margin-top: 1.5rem;
}

.fabrics-products > div:nth-child(3) > div:first-child > span span {
  width: calc(100% / 5);
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .fabrics-products .individual-fabric-product-in-slide > div:first-child {
    height: 260px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .fabrics-products .individual-fabric-product-in-slide > div:first-child {
    height: 280px;
  }

  .fabrics-products > div:nth-child(3) > div:first-child > span span {
    width: calc(100% / 6);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .fabrics-products > div:nth-child(3) > div:first-child > span span {
    width: calc(100% / 7);
  }
}

@media (max-width: 767px) {
  .fabrics-products .individual-fabric-product-in-slide > div:first-child {
    height: 300px;
    background-size: 115%;
  }

  .fabrics-products .individual-fabric-product-in-slide:hover > div:first-child {
    background-size: 120%;
  }

  .fabrics-products > div:nth-child(3) > div:first-child > span span {
    width: calc(100% / 8);
  }
}

/* fabric product info */

.fabric-product-info {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  padding: 0 3rem 5rem;
  background-color: #f8f4ef;
}

.fabric-product-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  flex: auto;
}

.individual-fabric-product-photo {
  position: relative;
  flex: 1 1 calc(50% - .5rem);
  height: auto;
  width: 50%;
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 8px;
  cursor: pointer;
}

.fabric-product-description {
  flex: 1 1 400px;
  max-width: 400px;
}

.fabric-product-description h1 {
  margin-bottom: .5rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 26px;
  line-height: 36.4px;
  font-weight: 400;
}

.fabric-product-description .colors {
  margin: 1.5rem auto;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.fabric-product-description .colors p {
  margin-bottom: .375rem;
  color: #454545;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

.fabric-product-description .colors > div {
  display: flex;
  align-items: center;
  gap: 4px;
}

.fabric-product-description .colors > div > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.fabric-product-description .colors > div > span.active {
  background-color: #fff;
  border: 1px solid #02020a;
  cursor: default;
}

.fabric-product-description .colors > div > span:hover {
  border: 1px solid #02020a;
}

.fabric-product-description .colors > div > span > span {
  display: inline-block;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

.fabric-product-description .features {
  display: flex;
  gap: 0.625rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.fabric-product-description .features span {
  height: 39px;
  padding: 0 .75rem;
  color: #02020a;
  font-size: 15px;
  line-height: 38px;
  font-weight: 400;
  border: 1px solid #c0c0c0;
  border-radius: 25px;
  cursor: default;
}

.fabric-product-description .price-cart {
  margin-bottom: 1.5rem;
}

.fabric-product-description .price-cart a {
  width: 100%;
  text-align: center;
}

.fabric-product-description .price-cart p {
  margin-bottom: 1rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 26px;
  line-height: 36.4px;
  font-weight: 400;
}

.fabric-product-description .price-cart p span {
  margin-left: .75rem;
  color: #595959;
  font-family: "GeneralSans-Variable", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  text-decoration: line-through;
}

.fabric-product-description .price-cart > div {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.fabric-product-description .price-cart > div > div {
  display: flex;
  align-items: center;
  padding: 11px 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.fabric-product-description .price-cart > div > div:hover {
  border: 1px solid #02020a;
}

.fabric-product-description .price-cart > div > div span {
  margin-bottom: -5px;
  cursor: pointer;
}

.fabric-product-description .price-cart > div > div span svg {
  width: 24px;
  height: 24px;
}

.fabric-product-description .price-cart > div > div input {
  width: 38px;
  margin-left: 1rem;
  margin-right: 1rem;
  text-align: center;
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  background-color: transparent;
  border: 0;
  outline: 0;
  cursor: default;
}

.fabric-product-description .stock-info > div {
  display: flex;
  gap: .75rem;
  align-items: center;
}

.fabric-product-description .stock-info > div:first-child {
  margin-bottom: .375rem;
}

.fabric-product-description .stock-info > div:last-child {
  gap: 1rem;
}

.fabric-product-description .stock-info span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.fabric-product-description .stock-info span.in-stock {
  background-color: #45cd85;
}

.fabric-product-description .stock-info p {
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.fabric-product-description .stock-info > div:last-child > p:first-child {
  color: #595959;
  font-size: 13px;
  line-height: 19.5px;
}

.fabric-product-description .stock-info > div:last-child > p:last-child {
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 500;
}

.fabric-product-description .accordion {
  margin-top: 1.5rem;
}

.fabric-product-description .accordion > div:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.fabric-product-description .benefits {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
}

.fabric-product-description .benefits > div {
  display: flex;
  gap: .75rem;
  flex: 1;
}

.fabric-product-description .benefits span {
  flex: 1 1 24px;
  height: 24px;
  width: 24px;
  max-width: 24px;
  min-width: 24px;
  margin-top: -1px;
  background-image: url("../images/sprite.png");
  background-repeat: no-repeat;
}

.fabric-product-description .benefits span.delivery {
  background-position: -54px -398px;
}

.fabric-product-description .benefits span.payment {
  background-position: -98px -398px;
}

.fabric-product-description .benefits p {
  color: #454545;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

@media (max-width: 991px) {
  .fabric-product-info {
    flex-direction: column;
    align-items: normal;
    padding: 0 0 4rem;
    background-color: #f8f4ef;
  }

  .fabric-product-info .fabric-product-photos {
    overflow: hidden;
    padding: 0 1rem;
    gap: 0;
  }

  .individual-fabric-product-photo {
    height: 300px;
    width: 100%;
  }

  .fabric-product-description {
    flex: 1 1 100%;
    max-width: 100%;
    padding: 0 1rem;
  }

  .fabric-product-description h1 {
    font-size: 24px;
    line-height: 26.4px;
  }

  .fabric-product-description .price-cart > div {
    align-items: baseline;
    flex-direction: column;
  }

  .fabric-product-description .benefits {
    flex-wrap: wrap;
  }

  .fabric-product-description .benefits > div {
    flex: 1 1 100%;
  }
}

/* cart bag content */

.cart-bag-content {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  padding: 0 3rem 5rem;
}

.cart-bag-content-cart-bag {
  flex: 1 1 auto;
}

.cart-bag-content-cart-bag-title {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-bag-content-cart-bag-title h1 {
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 32px;
  line-height: 35.2px;
  font-weight: 400;
}

.cart-bag-content-cart-bag-title h5 {
  display: inline-block;
  padding: 4px 12px;
  color: #fff;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  background-color: #454545;
  border-radius: 4px;
}

.cart-bag-content-cart-bag-products {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2.5rem;
}

.individual-cart-bag-page-product {
  position: relative;
  display: flex;
  padding: 1rem;
  align-items: flex-start;
  gap: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
}

.individual-cart-bag-page-product > div:nth-child(1) {
  flex: 1 1 120px;
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  height: 120px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-cart-bag-page-product > div:nth-child(1):hover {
  background-size: 105%;
}

.individual-cart-bag-page-product > div:nth-child(2) {
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}

.individual-cart-bag-page-product-main-info {
  flex: 3;
}

.individual-cart-bag-page-product-main-info h3 {
  margin-top: .625rem;
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 500;
}

.individual-cart-bag-page-product-main-info h6 {
  display: inline-block;
  padding: .25rem .75rem;
  color: #02020a;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  background-color: #e6e6e6;
  border-radius: 30px;
}

.individual-cart-bag-page-product-main-info ul {
  padding-inline-start: 0;
  list-style-type: none;
  margin-top: .5rem;
  color: #595959;
  font-size: 13px;
  line-height: 19.5px;
}

.individual-cart-bag-page-product-price {
  flex: 1 1 112px;
  max-width: 112px;
  text-align: right;
}

.individual-cart-bag-page-product-price p {
  color: #1d2430;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 500;
}

.individual-cart-bag-page-product-price p span {
  margin-left: .5rem;
  color: #595959;
  font-weight: 400;
  text-decoration: line-through;
}

.individual-cart-bag-page-product-quantity {
  flex: 1 1 96px;
  max-width: 96px;
}

.individual-cart-bag-page-product-quantity > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4.5px 0;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.individual-cart-bag-page-product-quantity > div:hover {
  border: 1px solid #02020a;
}

.individual-cart-bag-page-product-quantity.fixed > div {
  max-width: 40px;
}

.individual-cart-bag-page-product-quantity span {
  margin-bottom: -5px;
  cursor: pointer;
}

.individual-cart-bag-page-product-quantity span img {
  width: 16px;
  height: 16px;
}

.individual-cart-bag-page-product-quantity span svg {
  width: 16px;
  height: 16px;
}

.individual-cart-bag-page-product-quantity input {
  width: 38px;
  margin-left: .25rem;
  margin-right: .25rem;
  text-align: center;
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  background-color: transparent;
  border: 0;
  outline: 0;
  cursor: default;
}

.individual-cart-bag-page-product-total-sum {
  flex: 1 1 64px;
  max-width: 64px;
  text-align: right;
}

.individual-cart-bag-page-product-total-sum p {
  color: #1d2430;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 500;
}

.individual-cart-bag-page-product > div:nth-child(3) {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 1rem;
  bottom: 1rem;
  right: 1rem;
}

.individual-cart-bag-page-product > div:nth-child(3) a {
  width: 24px;
  height: 24px;
}

.individual-cart-bag-page-product > div:nth-child(3) a svg {
  width: 24px;
  height: 24px;
}

.cart-bag-content-cart-bag-footer {
  margin-top: 2.5rem;
}

.cart-bag-content-cart-bag-footer a {
  display: flex;
  gap: .75rem;
  align-items: center;
  justify-content: center;
  width: 265px;
  height: 48px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.cart-bag-content-cart-bag-footer a span:first-child {
  flex: 1 1 24px;
  max-width: 24px;
  width: 24px;
  height: 24px;
  transform: rotate(180deg);
}

.cart-bag-content-cart-bag-footer a span:first-child svg {
  width: 24px;
  height: 24px;
}

.cart-bag-content-summary {
  flex: 1 1 440px;
  max-width: 440px;
}

.cart-bag-content-summary h3 {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 16px;
  line-height: 22.4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-bag-content-summary > div:first-child {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
}

.cart-bag-content-summary > div:first-child .discount-div {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.cart-bag-content-summary > div:first-child .discount-div input {
  flex: 1 1 auto;
  height: 48px;
  padding: 1rem;
  color: #02020a;
  font-family: "GeneralSans-Variable", sans-serif;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  background-color: transparent;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  outline: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.cart-bag-content-summary > div:first-child .discount-div input:hover {
  border: 1px solid #02020a;
}

.cart-bag-content-summary > div:first-child .discount-div input::-webkit-input-placeholder {
  color: #02020a;
}

.cart-bag-content-summary > div:first-child .discount-div input::-moz-placeholder {
  color: #02020a;
}

.cart-bag-content-summary > div:first-child .discount-div input:-ms-input-placeholder {
  color: #02020a;
}

.cart-bag-content-summary > div:first-child .discount-div input:-moz-placeholder {
  color: #02020a;
}

.cart-bag-content-summary > div:first-child .discount-div a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  height: 48px;
}

.cart-bag-content-summary > div:first-child .discount-div a span:last-child {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.cart-bag-content-summary > div:first-child .discount-div a span:last-child svg {
  width: 24px;
  height: 24px;
}

.cart-bag-content-summary > div:first-child .discount-notes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 1rem 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-bag-content-summary > div:first-child .discount-notes p {
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  text-transform: uppercase;
}

.cart-bag-content-summary > div:first-child .discount-notes a {
  display: flex;
  align-items: center;
  gap: .25rem;
  color: #b55151;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.cart-bag-content-summary > div:first-child .discount-notes a:hover {
  color: #cb8585;
}

.cart-bag-content-summary > div:first-child .discount-notes a span:last-child {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.cart-bag-content-summary > div:first-child .discount-notes a span:last-child svg {
  width: 20px;
  height: 20px;
}

.cart-bag-content-summary > div:first-child .summary {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-bag-content-summary > div:first-child .summary > div {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cart-bag-content-summary > div:first-child .summary > div:last-child {
  margin-top: .25rem;
}

.cart-bag-content-summary > div:first-child .summary > div p {
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.cart-bag-content-summary > div:first-child .summary > div:last-child p {
  font-weight: 500;
}

.cart-bag-content-summary > div:first-child > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  width: 100%;
  height: 48px;
  text-align: center;
}

.cart-bag-content-summary > div:first-child > a span:last-child {
  flex: 1 1 24px;
  width: 24px;
  max-width: 24px;
  height: 24px;
}

.cart-bag-content-summary > div:first-child > a span:last-child svg {
  width: 24px;
  height: 24px;
}

.cart-bag-content-summary > div:last-child {
  display: flex;
  gap: 1rem;
}

.cart-bag-content-summary > div:last-child > div {
  display: flex;
  gap: .75rem;
  flex: 1;
}

.cart-bag-content-summary > div:last-child > div span {
  flex: 1 1 24px;
  width: 24px;
  max-width: 24px;
  min-width: 24px;
  height: 24px;
  margin-top: -1px;
  background-image: url("../images/sprite.png");
  background-repeat: no-repeat;
}

.cart-bag-content-summary > div:last-child > div span.delivery {
  background-position: -54px -398px;
}

.cart-bag-content-summary > div:last-child > div span.payment {
  background-position: -98px -398px;
}

.cart-bag-content-summary > div:last-child > div p {
  color: #454545;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}

.cart-bag-content-empty p {
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .individual-cart-bag-page-product > div:nth-child(1) {
    flex: 1 1 100%;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    height: 100px;
  }

  .individual-cart-bag-page-product > div:nth-child(2) {
    gap: 2rem;
  }

  .cart-bag-content-summary {
    flex: 1 1 390px;
    max-width: 390px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .cart-bag-content {
    flex-direction: column;
    gap: 2.5rem;
  }

  .cart-bag-content-cart-bag,
  .cart-bag-content-summary {
    flex: 1;
    width: 100%;
    max-width: none;
  }
}

@media (min-width: 992px) {
  .cart-bag-content-summary > div:first-child .discount-div a span:last-child {
    display: none;
  }
}

@media (max-width: 991px) {
  .cart-bag-content {
    flex-direction: column;
    gap: 2.5rem;
    padding: 0 1rem 4rem;
  }

  .cart-bag-content-cart-bag-title h1 {
    font-size: 28px;
    line-height: 30.8px;
  }

  .cart-bag-content-cart-bag-title {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }

  .cart-bag-content-cart-bag-products {
    margin-bottom: 2rem;
  }

  .individual-cart-bag-page-product > div:nth-child(1) {
    flex: 1 1 60px;
    width: 60px;
    height: 60px;
    min-width: 60px;
    max-width: 60px;
  }

  .cart-bag-content-cart-bag-footer {
    margin-top: 2rem;
  }

  .cart-bag-content-cart-bag-footer a {
    width: 100%;
  }

  .cart-bag-content-cart-bag,
  .cart-bag-content-summary {
    flex: 1;
    width: 100%;
    max-width: none;
  }

  .cart-bag-content-summary > div:first-child .discount-div a {
    padding: 0;
    max-width: 48px;
  }

  .cart-bag-content-summary > div:first-child .discount-div a span:first-child {
    display: none;
  }

  .cart-bag-content-summary > div:last-child {
    flex-wrap: wrap;
  }

  .cart-bag-content-summary > div:last-child > div {
    flex: 1 1 100%;
  }
}

@media (max-width: 767px) {
  .individual-cart-bag-page-product {
    gap: .75rem;
    padding: .75rem;
  }

  .individual-cart-bag-page-product-total-sum {
    display: none;
  }

  .individual-cart-bag-page-product > div:nth-child(2) {
    display: block;
  }

  .individual-cart-bag-page-product-main-info {
    width: calc(100% - 100px);
  }

  .individual-cart-bag-page-product-main-info h3 {
    margin-top: .5rem;
    font-size: 13px;
    line-height: 19.5px;
  }

  .individual-cart-bag-page-product-main-info ul {
    margin-bottom: .5rem;
  }

  .individual-cart-bag-page-product-price {
    position: absolute;
    max-width: 100%;
    top: 1rem;
    right: 1rem;
  }

  .individual-cart-bag-page-product-price p {
    font-size: 13px;
    line-height: 19.5px;
  }
}

/* order completed cover */

.order-completed-cover {
  padding: 0 3rem 4rem;
}

.order-completed-cover h1 {
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

.order-completed-cover h1 span {
  color: #9bb1c8;
}

.order-completed-cover p {
  margin-bottom: 2rem;
  text-align: center;
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.order-completed-cover a {
  display: flex;
  align-items: center;
  gap: .75rem;
  justify-content: center;
  width: 300px;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
}

.order-completed-cover > div {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: .75rem;
  text-align: center;
  justify-content: center;
}

.order-completed-cover > div > span {
  flex: 1 1 32px;
  max-width: 32px;
  width: 32px;
  height: 32px;
}

.order-completed-cover > div > span svg {
  width: 32px;
  height: 32px;
}

.order-completed-cover a span:last-child {
  flex: 1 1 24px;
  width: 24px;
  height: 24px;
  max-width: 24px;
}

.order-completed-cover a span:last-child svg {
  width: 24px;
  height: 24px;
}

/* order completed content */

.order-completed-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 50%;
  margin: 0 auto 5rem;
}

.order-completed-content .order-info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
}

.order-completed-content .order-info h2 {
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 400;
}

.order-completed-content .order-info hr {
  height: 1px;
  width: 100%;
  margin: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0.1);
}

.order-completed-products {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.order-completed-products h4 {
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 500;
}

.order-completed-individual-product {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
}

.order-completed-individual-product p {
  color: #1d2430;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 500;
}

.order-completed-individual-product > div:first-child {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  height: 120px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.order-completed-individual-product > div:hover:first-child {
  background-size: 105%;
}

.order-completed-individual-product > div:last-child {
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}

.order-completed-individual-product-desc {
  flex: 3;
}

.order-completed-individual-product-desc h5 {
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 500;
}

.order-completed-individual-product-desc ul {
  padding-inline-start: 0;
  list-style-type: none;
  margin-top: .5rem;
  color: #595959;
  font-size: 13px;
  line-height: 19.5px;
}

.order-completed-individual-product-sum {
  flex: 1 1 90px;
  max-width: 90px;
  text-align: right;
}

.order-completed-individual-product-sum p span {
  margin-left: .5rem;
  color: #595959;
  font-weight: 400;
  text-decoration: line-through;
}

.order-completed-individual-product-quantity {
  flex: 1 1 48px;
  max-width: 48px;
  min-width: 48px;
}

.order-completed-individual-product-quantity > div {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 48px;
  min-width: 48px;
  padding: 4.5px 0;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.order-completed-individual-product-quantity input {
  width: 46px;
  margin-left: .25rem;
  margin-right: .25rem;
  text-align: center;
  color: #02020a;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
  background-color: transparent;
  border: 0;
  outline: 0;
  cursor: default;
}

.order-completed-individual-product-total-sum {
  flex: 1 1 48px;
  max-width: 48px;
  text-align: right;
}

.order-completed-summary {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.order-completed-summary > div {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.order-completed-summary > div:last-child {
  margin-top: .25rem;
}

.order-completed-summary p {
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.order-completed-summary > div:last-child p {
  font-weight: 500;
}

.order-completed-content .buyer-info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
}

.order-completed-content .buyer-info h2 {
  color: #02020a;
  font-family: "Anybody", sans-serif;
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 400;
}

.order-completed-content .buyer-info h6 {
  margin-bottom: .75rem;
  color: #02020a;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 500;
}

.order-completed-content .buyer-info p,
.order-completed-content .buyer-info a {
  color: #595959;
  font-size: 15px;
  line-height: 22.5px;
  font-weight: 400;
}

.order-completed-content .buyer-info a {
  display: flex;
  align-items: center;
  gap: .375rem;
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.order-completed-content .buyer-info a:hover {
  color: #02020a;
}

.order-completed-content .buyer-info a span:last-child {
  flex: 1 1 24px;
  height: 24px;
  width: 24px;
  max-width: 24px;
}

.order-completed-content .buyer-info a span:last-child svg {
  width: 24px;
  height: 24px;
}

.order-completed-content .buyer-info hr {
  height: 1px;
  width: 100%;
  margin: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0.1);
}

.order-completed-content .buyer-info > div {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}

.order-completed-content .buyer-info > div > div {
  flex: 1;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .order-completed-content {
    width: 75%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .order-completed-content {
    width: calc(100% - 6rem);
  }
}

@media (max-width: 991px) {
  .order-completed-cover {
    padding: 0 1rem 3rem;
  }

  .order-completed-content {
    width: calc(100% - 2rem);
    margin: 0 auto 4rem;
  }

  .order-completed-cover h1 {
    font-size: 18px;
    line-height: 19.8px;
  }

  .order-completed-cover p {
    margin-bottom: 1.5rem;
  }

  .order-completed-cover a {
    width: 100%;
  }

  .order-completed-cover > div {
    margin-top: 1rem;
  }

  .order-completed-cover > div > span {
    flex: 1 1 24px;
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    background-size: 24px;
  }

  .order-completed-content .order-info {
    padding: 1rem;
    gap: 1rem;
  }

  .order-completed-content .order-info h2 {
    font-size: 16px;
    line-height: 17.6px;
  }

  .order-completed-products {
    gap: 1rem;
  }

  .order-completed-individual-product {
    gap: .75rem;
    padding: .75rem;
  }

  .order-completed-individual-product p {
    font-size: 13px;
    line-height: 19.5px;
  }

  .order-completed-individual-product > div:first-child {
    flex: 1 1 60px;
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    height: 60px;
  }

  .order-completed-individual-product > div:last-child {
    position: relative;
    display: block;
  }

  .order-completed-individual-product-desc {
    width: calc(100% - 100px);
  }

  .order-completed-individual-product-desc h5 {
    font-size: 13px;
    line-height: 19.5px;
  }

  .order-completed-individual-product-desc ul {
    margin-bottom: .5rem;
  }

  .order-completed-individual-product-sum {
    position: absolute;
    max-width: 100%;
    top: 0;
    right: 0;
  }

  .order-completed-individual-product-total-sum {
    display: none;
  }

  .order-completed-content .buyer-info {
    padding: 1rem;
    gap: 1rem;
  }

  .order-completed-content .buyer-info h2 {
    font-size: 16px;
    line-height: 17.6px;
  }

  .order-completed-content .buyer-info > div {
    flex-direction: column;
    gap: 1rem;
  }
}