@charset "UTF-8";
header {
  width: 100%;
  border-bottom: 1px solid #d3e8e9;
}
header nav {
  display: flex;
  width: 100%;
  max-width: 2000px;
  margin: auto;
}
header nav a {
  display: flex;
  color: #000000;
  width: 3.5rem;
  aspect-ratio: 1/1;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding: 1rem;
  border-left: 1px solid #d3e8e9;
}
header nav a .icon {
  height: 1.5rem;
  width: 1.5rem;
}
header nav a .icon.star-icon {
  mask-image: url("/img/icons/star.svg");
  -webkit-mask-image: url("/img/icons/star.svg"); /* Safari támogatás */
}
header nav a .icon.my_products-icon {
  mask-image: url("/img/icons/my_products.svg");
  -webkit-mask-image: url("/img/icons/my_products.svg"); /* Safari támogatás */
}
header nav a .icon.profile-icon {
  mask-image: url("/img/icons/profile.svg");
  -webkit-mask-image: url("/img/icons/profile.svg"); /* Safari támogatás */
}
header nav a .icon.search-icon {
  mask-image: url("/img/icons/search.svg");
  -webkit-mask-image: url("/img/icons/search.svg"); /* Safari támogatás */
}
header nav a.profile .profile-img-logged-in {
  display: none;
}
header nav a.active {
  background-color: #000000;
  color: #ffffff;
}
header nav a.active .icon {
  background-color: #ffffff;
}
header nav a .favourite-index,
header nav a .my-products-index {
  display: none;
}
header nav a.my-products {
  display: none;
}
header nav a.search span {
  display: none;
}
header nav .logo-container {
  flex-grow: 1;
  text-align: left;
  display: flex;
  border: 0;
}
header nav .logo-container .logo {
  padding: 0 1.25rem;
  display: flex;
  gap: 0.13rem;
  aspect-ratio: unset;
  width: unset;
  border: 0;
}
header nav .logo-container .logo img {
  height: 1.5rem;
  min-width: 1.5rem;
}
header nav .logo-container .logo span {
  font-family: "Cairo";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
header .search-popup {
  background-color: #000000;
  color: #e2fcfc;
  position: fixed;
  width: 100%;
  padding: 1.25rem;
}
header .search-popup .search-header {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.81rem 0;
}
header .search-popup .search-header input {
  flex-grow: 1;
  background-color: transparent;
  color: #e2fcfc;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
header .search-popup .search-header input::placeholder {
  color: #abc0c0;
}
header .search-popup .search-header .icon {
  background-color: #e2fcfc;
}
header .search-popup .search-header .icon.search-icon {
  height: 1.5rem;
  width: 1.5rem;
  mask-image: url("/img/icons/search.svg");
  -webkit-mask-image: url("/img/icons/search.svg"); /* Safari támogatás */
}
header .search-popup .search-header .icon.search-delete-icon {
  cursor: pointer;
  mask-image: url("/img/icons/search-delete.svg");
  -webkit-mask-image: url("/img/icons/search-delete.svg"); /* Safari támogatás */
}
header .search-popup .search-list {
  list-style-type: none;
}
header .search-popup .search-list li {
  padding: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d3e8e9;
}
header .search-popup .search-list li.history:after {
  content: "";
  mask-image: url("/img/icons/history.svg");
  -webkit-mask-image: url("/img/icons/history.svg");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: #abc0c0;
  display: block;
  height: 1rem;
  width: 1rem;
}
header .search-popup .search-list li a {
  color: inherit;
  text-decoration: none;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
header .search-popup .search-list > a {
  color: inherit;
  text-decoration: none;
  padding: 0.5rem;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.popup {
  right: -100%;
  opacity: 0;
  top: 1rem;
  transition: opacity 0.3s, top 0.3s;
}
.popup.active {
  right: 0;
  opacity: 1;
  top: 0;
}

.logged-in .my-products {
  display: flex;
}
.logged-in .profile {
  padding: 0;
}
.logged-in .profile-icon {
  display: none;
}
.logged-in .profile .profile-img-logged-in {
  display: block;
  height: 2.25rem;
  width: 2.25rem;
}
.logged-in .profile .profile-img-logged-in img {
  object-fit: cover;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  header nav {
    display: flex;
  }
  header nav a {
    width: 8.75rem;
  }
  header nav a.favourite, header nav a.my-products {
    position: relative;
  }
  header nav a.favourite .favourite-index,
  header nav a.favourite .my-products-index, header nav a.my-products .favourite-index,
  header nav a.my-products .my-products-index {
    display: block;
    position: absolute;
    left: 1.25rem;
    bottom: 1.25rem;
    font-variant-numeric: slashed-zero;
    font-feature-settings: "liga" off;
    font-family: "Azeret Mono";
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
  }
  header nav a.search {
    justify-content: center;
    align-items: center;
    width: 50%;
    gap: 0.5rem;
    aspect-ratio: unset;
  }
  header nav a.search span {
    display: block;
    background-color: transparent;
    max-width: 7.3125rem;
    color: #abc0c0;
    font-family: "Cairo";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
  }
  header .search-popup {
    width: 50%;
    padding: 0;
  }
  header .search-popup .search-header {
    padding: 3.56rem 1.25rem;
    border-bottom: 1px solid #e2fcfc;
    justify-content: center;
  }
  header .search-popup .search-list {
    list-style-type: none;
    padding: 0 1.25rem 1.25rem;
  }
  .logged-in header nav .search {
    width: 37.5%;
  }
}
@media only screen and (min-width: 1280px) {
  header nav .logo-container .logo {
    border-bottom: 0;
  }
  header nav .logo-container .logo img {
    height: 2.25rem;
    aspect-ratio: 1/1;
  }
  header nav .logo-container .logo span {
    font-family: "Cairo";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
  }
  header nav a {
    min-height: 9.625rem;
    aspect-ratio: unset;
    width: 12.5%;
    border-bottom: 1px solid transparent;
    transition: border-color 0.1s;
  }
  header nav a:hover {
    border-bottom: 1px solid #000000;
  }
  header nav a.search {
    flex-grow: 0;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
  .search-popup .search-header {
    min-height: 9.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
footer {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 2.5rem 1.25rem;
  max-width: 2000px;
  margin: auto;
}
footer .footer-top ul {
  list-style-type: none;
  display: flex;
  padding: 1.25rem 0;
  border-bottom: 1px solid #d3e8e9;
  gap: 1.25rem;
}
footer .footer-top ul li a {
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
footer .footer-top-main-nav ul {
  flex-direction: column;
  gap: 1.25rem;
}
footer .footer-top-main-nav ul li a {
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
footer .footer-bottom .footer-logo {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  padding-bottom: 1.25rem;
}
footer .footer-bottom .footer-logo img {
  height: 1.875rem;
  width: 1.875rem;
}
footer .footer-bottom .footer-logo span {
  color: #abc0c0;
  font-family: "Cairo";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
footer .footer-bottom-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
footer .footer-bottom-text p {
  color: #abc0c0;
  font-family: "Azeret Mono";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

@media only screen and (min-width: 1024px) {
  footer .footer-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0 1.25rem;
  }
  footer .footer-top ul {
    padding: 2.5rem 0;
  }
  footer .footer-top .links {
    border-top: 1px solid #d3e8e9;
  }
  footer .footer-top-main-nav {
    grid-column: 1/2;
    grid-row: 1/3;
    display: flex;
  }
  footer .footer-top-main-nav ul {
    gap: 1.25rem;
    flex-grow: 1;
  }
  footer .footer-bottom {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
  }
  footer .footer-bottom .footer-logo {
    padding-bottom: 0;
  }
  footer .footer-bottom .footer-logo img {
    height: 1.875rem;
    width: 1.875rem;
  }
  footer .footer-bottom .footer-logo span {
    color: #abc0c0;
    font-family: "Cairo";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
  }
  footer .footer-bottom-text p {
    color: #abc0c0;
    font-family: "Azeret Mono";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
  }
}
@media only screen and (min-width: 1280px) {
  footer {
    padding: 2.5rem;
  }
  footer a:hover {
    text-decoration-color: #000000;
  }
  footer .footer-bottom-text p a:hover {
    text-decoration-color: #abc0c0;
  }
}
.user-box-header {
  padding: 1.25rem 0;
}
.user-box-header .profile-container {
  display: flex;
  gap: 1.25rem;
}
.user-box-header .profile-container .profile-img {
  height: 4rem;
  width: 4rem;
  border-radius: 4em;
}
.user-box-header .profile-container .profile-img img {
  width: 100%;
  object-fit: cover;
}
.user-box-header .profile-container .profile-name-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.user-box-header .profile-container .profile-name-box h1 {
  font-family: "Cairo";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.user-box-header .profile-container .profile-name-box h2 {
  font-family: "Cairo";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.user-box-body {
  border: 1px solid #d3e8e9;
}
.user-box-body .user-desc {
  padding: 0.5rem;
  border-bottom: 1px solid #d3e8e9;
  display: flex;
  gap: 0.5rem;
}
.user-box-body .user-desc > div {
  display: flex;
  flex-direction: column;
}
.user-box-body .user-desc > div span {
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.user-box-body .user-desc > div p {
  font-family: "Azeret Mono";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.user-box-body .user-desc:last-of-type {
  border-bottom: 0;
}
.user-box-body .user-desc {
  flex-direction: column;
  gap: 1rem;
}
.user-box-body .user-desc.opened p {
  max-height: 20em;
  overflow-x: auto;
  -webkit-line-clamp: unset;
  line-clamp: unset;
}
.user-box-body .user-desc p {
  max-height: 4.5em;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 3;
  transition: max-height 0.3s;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Azeret Mono";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.user-box-body .user-desc span {
  color: #abc0c0;
  font-family: "Azeret Mono";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.user-activity,
.user-location,
.single-prod-price,
.single-prod-shipping-option {
  padding: 0.5rem;
  border-bottom: 1px solid #d3e8e9;
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.user-activity .img-container,
.user-location .img-container,
.single-prod-price .img-container,
.single-prod-shipping-option .img-container {
  border-radius: 4em;
  border: 1px solid #d3e8e9;
  padding: 0.25rem;
  display: inline-block;
}
.user-activity .img-container img,
.user-location .img-container img,
.single-prod-price .img-container img,
.single-prod-shipping-option .img-container img {
  height: 1rem;
  width: 1rem;
  display: flex;
}
.user-activity > div,
.user-location > div,
.single-prod-price > div,
.single-prod-shipping-option > div {
  display: flex;
  flex-direction: column;
}
.user-activity > div span,
.user-location > div span,
.single-prod-price > div span,
.single-prod-shipping-option > div span {
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.user-activity > div p,
.user-location > div p,
.single-prod-price > div p,
.single-prod-shipping-option > div p {
  font-family: "Azeret Mono";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.user-activity:last-of-type,
.user-location:last-of-type,
.single-prod-price:last-of-type,
.single-prod-shipping-option:last-of-type {
  border-bottom: 0;
}

.categories-row ul {
  list-style-type: none;
  display: flex;
  overflow-y: auto;
  scrollbar-width: 0;
  border-bottom: 1px solid #d3e8e9;
}
.categories-row ul::-webkit-scrollbar {
  display: none;
}
.categories-row ul li a {
  display: block;
  padding: 1.25rem 0.5rem;
  color: #abc0c0;
  border-bottom: 1px solid transparent;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.categories-row ul li a.active {
  color: #000000;
  border-color: #000000;
}

.title {
  padding: 2.5rem 0;
  font-family: "Cairo";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.archive-search {
  display: flex;
  align-items: center;
  height: 3.25rem;
  gap: 0.5rem;
  border-bottom: 1px solid #d3e8e9;
}
.archive-search .search-icon {
  height: 1.5rem;
  width: 1.5rem;
  mask-image: url("/img/icons/search.svg");
  -webkit-mask-image: url("/img/icons/search.svg"); /* Safari támogatás */
}
.archive-search input {
  flex-grow: 1;
  background-color: transparent;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.archive-search input::placeholder {
  color: #abc0c0;
}

.product-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 0;
}
.product-grid .product-card {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  overflow: visible;
  z-index: 1;
  transition: z-index 0.1s;
}
.product-grid .product-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: -1px;
  bottom: -1px;
  border: 1px solid #d3e8e9;
  z-index: -1;
  transition: border 0.1s;
}
.product-grid .product-card .title-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product-grid .product-card .title-container h3 {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 2;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.img-container {
  position: relative;
  cursor: pointer;
}
.img-container img {
  display: block;
  object-fit: cover;
  width: 100%;
}
.img-container .cover-img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(171, 192, 192, 0.8);
}
.img-container .cover-img span {
  color: #e2fcfc;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.img-container .eye-container,
.img-container .price-container {
  position: absolute;
  background-color: #e2fcfc;
  padding: 0.25rem;
  z-index: 20;
}
.img-container .eye-container {
  display: none;
  top: -1px;
  left: -1px;
  clip-path: polygon(0 0, 100% 0, calc(100% - 0.5rem) 100%, 0 100%, 0 0);
  padding-right: 0.75rem;
}
.img-container .eye-container .eye-icon {
  background-color: #abc0c0;
  mask-image: url("/img/icons/eye-icon.svg");
  -webkit-mask-image: url("/img/icons/eye-icon.svg");
}
.img-container .price-container {
  bottom: -1px;
  right: -1px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0.5rem 0);
  padding-left: 0.75rem;
}
.img-container .price-container span {
  display: flex;
  font-family: "Azeret Mono";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.seen .img-container .eye-container {
  display: block;
}

.not-allowed .img-container .cover-img {
  display: flex;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 2;
}

.sold .img-container .cover-img {
  display: flex;
  z-index: 2;
}

.product-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.product-footer span {
  display: block;
  color: #abc0c0;
  font-family: "Cairo";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.product-footer .save-icon {
  margin-left: auto;
  cursor: pointer;
  background-color: #abc0c0;
  mask-image: url("/img/icons/star.svg");
  -webkit-mask-image: url("/img/icons/star.svg");
}
.product-footer .save-icon:hover {
  background-color: #000000;
}
.product-footer .save-icon.saved {
  background-color: #000000;
  mask-image: url("/img/icons/filled-star.svg");
  -webkit-mask-image: url("/img/icons/filled-star.svg");
}

.upload-link,
.interested-btn {
  background-color: #000000;
  color: #e2fcfc;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
  transition: opacity 0.3s;
  width: 100%;
  cursor: pointer;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.archive .load-more {
  width: 100%;
  background-color: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0;
  border-bottom: 1px solid #d3e8e9;
  cursor: pointer;
  transition: border-color 0.3s;
}
.archive .load-more span {
  color: #abc0c0;
  transition: color 0.3s;
  font-family: "Cairo";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.archive .load-more .more-count {
  font-family: "Azeret Mono";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

@media only screen and (min-width: 768px) {
  .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  .user-box {
    display: flex;
    grid-template-columns: 1fr 1fr;
  }
  .user-box-header {
    width: 50%;
  }
  .user-box-body {
    width: 50%;
    border-top: 0;
  }
  .product-grid .product-card {
    padding: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .categories-row ul li a {
    transition: color 0.3s, border-color 0.3s;
  }
  .categories-row ul li a:hover {
    color: #000000;
    border-color: #000000;
  }
  .product-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .product-grid .product-card:nth-of-type(5), .product-grid .product-card:nth-of-type(6) {
    display: flex;
  }
  .product-grid .product-card:hover {
    z-index: 3;
  }
  .product-grid .product-card:hover::after {
    border: 1px solid #000000;
  }
  .archive .load-more:hover {
    border-color: #000000;
  }
  .archive .load-more:hover span {
    color: #000000;
  }
  .upload-link:hover,
  .interested-btn:hover {
    opacity: 0.75;
  }
}
@media only screen and (min-width: 1680px) {
  .product-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
.single-product {
  padding: 1.25rem 0;
}
.single-product-header-inner {
  border: 1px solid #d3e8e9;
  padding: 0.5rem;
  display: block;
}
.single-product-body > div,
.single-product-body > a {
  padding: 0.5rem;
  border: 1px solid #d3e8e9;
  border-top: 0;
}
.single-product-body .title-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.single-product-body .title-container h1 {
  font-family: "Cairo";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.single-product-body .title-container .product-footer span {
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.single-product-body .generated-text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.single-product-body .generated-text h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #0e8d8d;
  font-family: "Azeret Mono";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
.single-product-body .generated-text h4 {
  font-family: "Azeret Mono";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.single-product-body .generated-text p {
  font-family: "Azeret Mono";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.single-product-body .generated-text table tr td {
  width: 50%;
  padding-bottom: 1rem;
  vertical-align: top;
}
.single-product-body .generated-text table tr td:first-of-type {
  font-family: "Azeret Mono";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.single-product-body .generated-text table tr td:last-of-type {
  font-family: "Azeret Mono";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.single-product-body .generated-text table tr:last-of-type td {
  padding-bottom: 0;
}
.single-product .shipping.opened .shipping-title .shipping-toggle .shipping-icon {
  background-color: #abc0c0;
  mask-image: url("/img/icons/search-delete.svg");
  -webkit-mask-image: url("/img/icons/search-delete.svg");
}
.single-product .shipping.opened .shipping-options-container {
  max-height: 40rem;
}
.single-product .shipping .shipping-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.single-product .shipping .shipping-title h2 {
  color: #abc0c0;
  font-family: "Cairo";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.single-product .shipping .shipping-title .shipping-toggle {
  background-color: transparent;
  cursor: pointer;
}
.single-product .shipping .shipping-title .shipping-toggle .shipping-icon {
  background-color: #abc0c0;
  mask-image: url("/img/icons/plus.svg");
  -webkit-mask-image: url("/img/icons/plus.svg");
}
.single-product .shipping .shipping-options-container {
  max-height: 0;
  overflow: hidden;
  border-bottom: 1px solid #d3e8e9;
  transition: max-height 0.3s;
}
.single-product .shipping .shipping-options-container.opened {
  max-height: 40rem;
}
.single-product .shipping .shipping-options-container .single-prod-shipping-option {
  border: 1px solid #d3e8e9;
}
.single-product .shipping .shipping-options-container .single-prod-shipping-option:last-of-type {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.single-product .tag-list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 1.25rem 0 0;
}
.single-product .tag-list li {
  color: #abc0c0;
  position: relative;
  font-family: "Azeret Mono";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
.single-product .tag-list li a {
  display: block;
  padding: 0.5rem 0.75rem;
}
.single-product .tag-list li::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #d3e8e9;
  transform: skew(-15deg);
  z-index: -1;
}
.single-product .tag-list li span {
  color: #abc0c0;
}
.single-product .tag-list li .highlighted {
  color: #000000;
}
.single-product .tag-list li .highlighted::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #d3e8e9;
  transform: skew(-15deg);
  z-index: -1;
  background-color: #d3e8e9;
}

.uploader-info {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.uploader-info .uploader-img {
  width: 2.25rem;
  height: 2.25rem;
  aspect-ratio: 1/1;
  border-radius: 4em;
}
.uploader-info .uploader-img img {
  width: 100%;
  object-fit: cover;
}
.uploader-info .uploader-text h3 {
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.uploader-info .uploader-text p {
  font-family: "Azeret Mono";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.uploader-info .uploader-text p span {
  display: inline-block;
  border: 1px solid #d3e8e9;
  padding: 0 0.25rem;
}
.uploader-info .open-arrow {
  margin-left: auto;
}

.single .edit-product-btn {
  width: 100%;
  background-color: transparent;
  padding: 1.25rem;
  text-decoration: underline;
  border: 1px solid #d3e8e9;
  border-bottom: 0;
  cursor: pointer;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.single .recommended-products {
  padding-bottom: 1.25rem;
}
.single .recommended-products .title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0;
}
.single .recommended-products .title-row h2 {
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.single .recommended-products .title-row .show-all {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #abc0c0;
  gap: 0.5rem;
  font-family: "Cairo";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.single .recommended-products .title-row .show-all img {
  display: block;
  height: 1rem;
  width: 1rem;
}

.contact-popup {
  color: #e2fcfc;
}
.contact-popup.active {
  top: 0;
}
.contact-popup .popup-inner {
  background-color: #000000;
  padding: 1.25rem;
}
.contact-popup .popup-inner .uploader-info,
.contact-popup .popup-inner > button {
  border: 1px solid #d3e8e9;
  padding: 0.5rem;
}
.contact-popup .popup-inner h4 {
  padding: 1.25rem 0;
  color: #abc0c0;
  font-family: "Cairo";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.contact-popup .popup-inner .contact-list {
  border: 1px solid #d3e8e9;
}
.contact-popup .popup-inner .contact-list > a {
  padding: 0.5rem;
  text-align: center;
  width: 100%;
  display: block;
  border-bottom: 1px solid #d3e8e9;
}
.contact-popup .popup-inner .contact-list .messeging-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  gap: 0.5rem;
}
.contact-popup .popup-inner .contact-list .messeging-container a {
  height: 2.25rem;
  width: 2.25rem;
  display: flex;
}
.contact-popup .popup-inner button {
  background-color: transparent;
  border-top: 0;
  width: 100%;
  color: #e2fcfc;
  cursor: pointer;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.not-logged-in-popup {
  position: fixed;
}
.not-logged-in-popup .popup-inner {
  background-color: #ffffff;
  top: 0;
  right: 0;
  width: 100%;
  padding: 1.25rem;
}
.not-logged-in-popup .popup-inner > div,
.not-logged-in-popup .popup-inner > button {
  border: 1px solid #d3e8e9;
  border-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.not-logged-in-popup .popup-inner > div.title-box,
.not-logged-in-popup .popup-inner > button.title-box {
  padding: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
}
.not-logged-in-popup .popup-inner > div.title-box img,
.not-logged-in-popup .popup-inner > button.title-box img {
  width: 3rem;
  height: 3rem;
}
.not-logged-in-popup .popup-inner > div.title-box p,
.not-logged-in-popup .popup-inner > button.title-box p {
  text-align: center;
  font-family: "Azeret Mono";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.not-logged-in-popup .popup-inner > div.login-link-container,
.not-logged-in-popup .popup-inner > button.login-link-container {
  padding: 0.5rem;
}
.not-logged-in-popup .popup-inner > div.login-link-container .login-btn,
.not-logged-in-popup .popup-inner > button.login-link-container .login-btn {
  background-color: #000000;
  color: #e2fcfc;
  padding: 0.5rem;
  width: 100%;
  text-align: center;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.not-logged-in-popup .popup-inner > div.close-popup,
.not-logged-in-popup .popup-inner > button.close-popup {
  padding: 0.5rem;
  width: 100%;
  border-bottom: 1px solid #d3e8e9;
  background-color: transparent;
  cursor: pointer;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.single.editing .editing-container {
  display: block;
}
.single.editing .single-product-header {
  display: none;
}

.editing-container {
  display: none;
  grid-row: 1/3;
}
.editing-container h2 {
  padding: 2.5rem 0;
  font-family: "Cairo";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.editing-container .editing-table {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}
.editing-container .editing-table label,
.editing-container .editing-table .upload-images {
  display: flex;
  flex-direction: column;
  color: #abc0c0;
  padding: 1.25rem;
  border-bottom: 1px solid #d3e8e9;
  font-family: "Cairo";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.editing-container .editing-table label.upload-images,
.editing-container .editing-table .upload-images.upload-images {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.editing-container .editing-table label.upload-images .edit-images-container,
.editing-container .editing-table .upload-images.upload-images .edit-images-container {
  display: flex;
}
.editing-container .editing-table label.upload-images .edit-images-container .uploaded-img,
.editing-container .editing-table .upload-images.upload-images .edit-images-container .uploaded-img {
  width: 33.33%;
  aspect-ratio: 1/1;
  border: 1px solid #d3e8e9;
  position: relative;
}
.editing-container .editing-table label.upload-images .edit-images-container .uploaded-img.selected .arrange-img,
.editing-container .editing-table .upload-images.upload-images .edit-images-container .uploaded-img.selected .arrange-img {
  display: block;
}
.editing-container .editing-table label.upload-images .edit-images-container .uploaded-img .arrange-img,
.editing-container .editing-table .upload-images.upload-images .edit-images-container .uploaded-img .arrange-img {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(171, 192, 192, 0.8);
}
.editing-container .editing-table label.upload-images .edit-images-container .uploaded-img .arrange-img button,
.editing-container .editing-table .upload-images.upload-images .edit-images-container .uploaded-img .arrange-img button {
  background-color: transparent;
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
}
.editing-container .editing-table label.upload-images .edit-images-container .uploaded-img .arrange-img button.delete-btn,
.editing-container .editing-table .upload-images.upload-images .edit-images-container .uploaded-img .arrange-img button.delete-btn {
  top: 0.5rem;
  right: 0.5rem;
}
.editing-container .editing-table label.upload-images .edit-images-container .uploaded-img .arrange-img button.move-to-left,
.editing-container .editing-table .upload-images.upload-images .edit-images-container .uploaded-img .arrange-img button.move-to-left {
  bottom: 0.5rem;
  left: 0.5rem;
}
.editing-container .editing-table label.upload-images .edit-images-container .uploaded-img .arrange-img button.move-to-right,
.editing-container .editing-table .upload-images.upload-images .edit-images-container .uploaded-img .arrange-img button.move-to-right {
  bottom: 0.5rem;
  right: 0.5rem;
}
.editing-container .editing-table label.upload-images .edit-images-container .uploaded-img img,
.editing-container .editing-table .upload-images.upload-images .edit-images-container .uploaded-img img {
  width: 100%;
  object-fit: cover;
  display: flex;
}
.editing-container .editing-table label.upload-images .edit-images-container label,
.editing-container .editing-table .upload-images.upload-images .edit-images-container label {
  width: 33.33%;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d3e8e9;
  cursor: pointer;
}
.editing-container .editing-table label.upload-images .edit-images-container label .add-icon,
.editing-container .editing-table .upload-images.upload-images .edit-images-container label .add-icon {
  background-color: #abc0c0;
  height: 1.5rem;
  width: 1.5rem;
  mask-image: url("/img/icons/plus.svg");
  -webkit-mask-image: url("/img/icons/plus.svg");
}
.editing-container .editing-table label input,
.editing-container .editing-table label select,
.editing-container .editing-table label textarea,
.editing-container .editing-table .upload-images input,
.editing-container .editing-table .upload-images select,
.editing-container .editing-table .upload-images textarea {
  resize: vertical;
  font-family: "Cairo";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.editing-container .editing-table label textarea,
.editing-container .editing-table .upload-images textarea {
  min-height: 5em;
}
.editing-container .editing-table input[type=submit] {
  padding: 1.25rem;
  background-color: #d3e8e9;
  cursor: pointer;
  text-decoration: underline;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.tooltip {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.tooltip > span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: #abc0c0;
  font-family: "Azeret Mono";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
.tooltip > span:hover .tooltiptext {
  display: block;
}
.tooltip .tooltiptext {
  position: absolute;
  background-color: #000000;
  padding: 0.5rem;
  top: 110%;
  right: 0;
  max-width: 100%;
  display: none;
  min-width: 16.25rem;
  z-index: 20;
  color: #e2fcfc;
  font-family: "Azeret Mono";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.swiper .custom-prev,
.swiper .custom-next {
  position: absolute;
  top: calc(50% - 0.75rem);
  z-index: 5;
  padding: 0.25rem;
  border: 1px solid #d3e8e9;
  border-radius: 3em;
  cursor: pointer;
}
.swiper .custom-prev img,
.swiper .custom-next img {
  height: 1rem;
  width: 1rem;
}
.swiper .custom-prev {
  left: 1.25rem;
}
.swiper .custom-next {
  right: 1.25rem;
  transform: rotate(180deg);
}
.swiper .swiper-pagination-bullet {
  background-color: #abc0c0;
  opacity: 1;
  height: 0.75rem;
  width: 0.75rem;
  margin: 0 0.25rem !important;
}
.swiper .swiper-pagination-bullet-active {
  background-color: #e2fcfc;
}

@media only screen and (min-width: 1024px) {
  .editing-container {
    padding: 0 1.25rem;
  }
  .editing-container .editing-table label.upload-images .edit-images-container .uploaded-img,
  .editing-container .editing-table .upload-images.upload-images .edit-images-container .uploaded-img {
    width: 25%;
  }
  .editing-container .editing-table label.upload-images .edit-images-container label,
  .editing-container .editing-table .upload-images.upload-images .edit-images-container label {
    width: 25%;
  }
  .single-product {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .single-product .edit-product-btn {
    grid-column: 2/3;
  }
  .single-product-header {
    grid-column: 1/2;
    width: 100%;
    grid-row: 1/3;
  }
  .single-product-header-inner {
    width: calc(50vw - 1.5rem);
    border-right: 0;
    padding: 1.25rem;
  }
  .single-product-header-inner .img-container {
    width: 100%;
  }
  .single-product-text {
    width: 100%;
  }
  .single-product-text .single-product-body {
    border-top: 1px solid #d3e8e9;
  }
  .single-product-text .single-product-body > div,
  .single-product-text .single-product-body > a {
    padding: 1.25rem;
  }
  .single-product-text .single-product-body .title-container h1 {
    font-family: "Cairo";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
  }
  .single-product-text .single-product-body .generated-text table tr td:first-of-type {
    width: 33.33%;
  }
  .single-product-text .single-product-body .generated-text table tr td:last-of-type {
    width: 66.66%;
  }
  .single-product-text .single-prod-shipping-option {
    padding: 1.5rem;
  }
  .not-logged-in-popup .popup-inner,
  .contact-popup .popup-inner {
    width: 50%;
    position: absolute;
    right: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .editing-container {
    padding: 0 2.5rem;
  }
  .editing-container .editing-table label.upload-images .edit-images-container .uploaded-img,
  .editing-container .editing-table .upload-images.upload-images .edit-images-container .uploaded-img {
    width: 20%;
  }
  .editing-container .editing-table label.upload-images .edit-images-container label,
  .editing-container .editing-table .upload-images.upload-images .edit-images-container label {
    width: 20%;
  }
  .single-product {
    padding: 2.5rem 0;
  }
  .single-product .edit-product-btn {
    border-bottom: 1px solid transparent;
    transition: border 0.3s;
  }
  .single-product .edit-product-btn:hover {
    border-bottom: 1px solid #000000;
  }
  .single-product-header-inner {
    padding: 2.5rem;
    width: calc(50vw - 2.75rem);
  }
  .single-product-text .single-product-body > div,
  .single-product-text .single-product-body > a {
    padding: 2.5rem;
  }
  .single-product-text .single-product-body .generated-text table tr td:first-of-type {
    width: 16.66%;
    min-width: 7rem;
  }
  .single-product-text .single-product-body .generated-text table tr td:last-of-type {
    width: 83.33%;
  }
  .single-product-text .shipping h2 {
    transition: color 0.3s;
  }
  .single-product-text .shipping .shipping-options-container {
    transition: border-color 0.3s, max-height 0.3s;
  }
  .single-product-text .shipping .shipping-title {
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s;
    padding: 2.5rem 0 calc(2.5rem - 1px);
  }
  .single-product-text .shipping .shipping-title:hover {
    border-color: #000000;
  }
  .single-product-text .shipping .shipping-title:hover h2 {
    color: #000000;
  }
  .single-product-text .shipping .shipping-title:hover .shipping-toggle .shipping-icon {
    background-color: #000000;
  }
  .single-product-text .shipping .shipping-title:hover .shipping-options-container {
    border-color: #000000;
  }
  .single-product-text .single-prod-shipping-option {
    padding: 2.5rem;
  }
  .single-product-text .tag-list {
    padding: 2.5rem 0 0;
  }
  .single-product-text .tag-list li a.highlighted {
    transition: color 0.3s;
  }
  .single-product-text .tag-list li a.highlighted::before {
    transition: background-color 0.3s, border-color 0.3s;
  }
  .single-product-text .tag-list li a.highlighted:hover {
    color: #e2fcfc;
  }
  .single-product-text .tag-list li a.highlighted:hover::before {
    background-color: #000000;
  }
  .single-product-text .tag-list li a:hover {
    color: #000000;
  }
  .single-product-text .tag-list li a:hover::before {
    border-color: #000000;
  }
  .single .recommended-products {
    padding-bottom: 2.5rem;
  }
  .single .recommended-products .title-row h2 {
    font-family: "Cairo";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
  }
  .not-logged-in-popup .popup-inner > button.close-popup {
    transition: border 0.3s;
  }
  .not-logged-in-popup .popup-inner > button.close-popup:hover {
    border-bottom: 1px solid #000000;
  }
}
@media only screen and (min-width: 1680px) {
  .editing-container .editing-table label.upload-images .edit-images-container .uploaded-img,
  .editing-container .editing-table .upload-images.upload-images .edit-images-container .uploaded-img {
    width: 12.5%;
  }
  .editing-container .editing-table label.upload-images .edit-images-container label,
  .editing-container .editing-table .upload-images.upload-images .edit-images-container label {
    width: 12.5%;
  }
  .single-product-header-inner {
    width: calc(1000px - 2.5rem);
  }
}
.profile-page .log-in-container,
.profile-page .profile-settings {
  display: flex;
  flex-direction: column;
}
.profile-page .log-in-container h1,
.profile-page .profile-settings h1 {
  padding: 2.5rem 0;
  font-family: "Cairo";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.profile-page .log-in-container .btn-container,
.profile-page .profile-settings .btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: calc(100svh - 40.625rem);
}
.profile-page .profile-settings {
  max-width: 30.375rem;
  margin: auto;
}
.profile-page .profile-settings-container {
  background-color: #ffffff;
  border: 1px solid #d3e8e9;
}
.profile-page .profile-settings-container > div {
  border-bottom: 1px solid #d3e8e9;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
}
.profile-page .profile-settings-container > div label {
  color: #abc0c0;
  font-family: "Cairo";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.profile-page .profile-settings-container > div input,
.profile-page .profile-settings-container > div textarea,
.profile-page .profile-settings-container > div select {
  resize: vertical;
  font-family: "Cairo";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.profile-page .profile-settings-container > div input::placeholder,
.profile-page .profile-settings-container > div textarea::placeholder,
.profile-page .profile-settings-container > div select::placeholder {
  color: #000000;
}
.profile-page .profile-settings-container > div textarea {
  min-height: 8rem;
}
.profile-page .profile-settings-container .profile-img-container label {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.profile-page .profile-settings-container .profile-img-container label img {
  width: 6rem;
  margin: auto;
}
.profile-page .profile-settings-container .profile-img-container label input {
  display: none;
}
.profile-page .profile-settings-container .extra-info-container .info-box {
  display: flex;
  gap: 0.5rem;
}
.profile-page .profile-settings-container .extra-info-container .info-box p {
  color: #abc0c0;
  font-family: "Azeret Mono";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
.profile-page .profile-settings-container input[type=submit] {
  text-decoration: underline;
  background-color: #d3e8e9;
  width: 100%;
  padding: 1.25rem;
  cursor: pointer;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}

.gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity 0.218s;
  transition: opacity 0.218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.gsi-material-button:disabled {
  cursor: default;
  background-color: rgba(255, 255, 255, 0.3803921569);
  border-color: rgba(31, 31, 31, 0.1215686275);
}

.gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}

.gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state,
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}

.gsi-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}

@media only screen and (min-width: 1280px) {
  .profile-page .profile-settings {
    max-width: 57.125rem;
  }
}
.product-upload-page .upload-progress-bg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.product-upload-page .upload-progress-bg .progress-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  opacity: 0;
  transition: opacity 0.3s;
}
.product-upload-page .upload-progress-bg .progress-indicator.upload-in-progress {
  opacity: 1;
}
.product-upload-page .product-upload-container .title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-upload-page .product-upload-container .title-row h1 {
  padding: 2.5rem 0;
  font-family: "Cairo";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.product-upload-page .product-upload-container .title-row button {
  background-color: transparent;
  cursor: pointer;
}
.product-upload-page .product-upload-container .upload-product-extra-info {
  background-color: #ffffff;
  padding: 0;
  padding: 1.25rem;
  display: none;
  flex-direction: column;
  border: 1px solid #d3e8e9;
  border-bottom: 0;
}
.product-upload-page .product-upload-container .upload-product-extra-info.active {
  display: flex;
}
.product-upload-page .product-upload-container .upload-product-extra-info label {
  color: #abc0c0;
  font-family: "Cairo";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.product-upload-page .product-upload-container .upload-product-extra-info textarea {
  resize: vertical;
  font-family: "Cairo";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.product-upload-page .product-upload-container .upload-product-extra-info textarea::placeholder {
  color: #000000;
}
.product-upload-page .product-upload-container .upload-product-extra-info .tooltip {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  align-items: center;
  align-self: flex-end;
  padding-top: 2.5rem;
}
.product-upload-page .product-upload-container .upload-product-extra-info .tooltip span {
  color: #abc0c0;
  font-family: "Azeret Mono";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
.product-upload-page .product-upload-container .products-container {
  border: 1px solid #d3e8e9;
  padding: 0.5rem;
  min-height: 25.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.product-upload-page .product-upload-container .products-container.uploading-in-progress .products-container-center-box .text-box,
.product-upload-page .product-upload-container .products-container.uploading-in-progress .products-container-center-box .img-box {
  display: none;
}
.product-upload-page .product-upload-container .products-container.uploading-in-progress .currently-uploading {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 2.5rem 0;
}
.product-upload-page .product-upload-container .products-container.uploading-in-progress .currently-uploading__item {
  max-width: 6.625rem;
}
.product-upload-page .product-upload-container .products-container.uploading-in-progress .currently-uploading__item .progress-bar {
  width: 100%;
  background-color: #d3e8e9;
  height: 0.5rem;
}
.product-upload-page .product-upload-container .products-container.uploading-in-progress .currently-uploading__item .progress-bar .progress {
  background-color: #abc0c0;
  height: 100%;
}
.product-upload-page .product-upload-container .products-container .ai-info {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product-upload-page .product-upload-container .products-container .ai-info p {
  color: #0e8d8d;
  display: flex;
  font-family: "Azeret Mono";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
.product-upload-page .product-upload-container .products-container-center-box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.product-upload-page .product-upload-container .products-container-center-box .currently-uploading {
  display: none;
}
.product-upload-page .product-upload-container .products-container-center-box .text-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.product-upload-page .product-upload-container .products-container-center-box .text-box h2 {
  font-family: "Cairo";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.product-upload-page .product-upload-container .products-container-center-box .text-box p {
  font-family: "Azeret Mono";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.product-upload-page .product-upload-container .products-container-center-box .img-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 6rem;
  height: 7.75rem;
  border: 1px solid #d3e8e9;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  transition: 0.3s;
}
.product-upload-page .product-upload-container .products-container-center-box .img-box .add-icon {
  background-color: #d3e8e9;
  height: 2.5rem;
  width: 2.5rem;
  mask-image: url("/img/icons/add-card-icon.svg");
  -webkit-mask-image: url("/img/icons/add-card-icon.svg");
}
.product-upload-page .product-upload-container .products-container .tooltip {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
}
.product-upload-page .upload-processing-progress {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.product-upload-page .upload-processing-progress .upload-processing-item {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.19rem;
  border-right: 1px solid #d3e8e9;
  border-bottom: 1px solid #d3e8e9;
  align-items: flex-end;
}
.product-upload-page .upload-processing-progress .upload-processing-item span {
  font-family: "Cairo";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.product-upload-page .upload-processing-progress .upload-processing-item img {
  width: 100%;
}
.product-upload-page .upload-processing-progress .upload-processing-item:nth-of-type(1), .product-upload-page .upload-processing-progress .upload-processing-item:nth-of-type(3n) {
  border-left: 1px solid #d3e8e9;
}
.product-upload-page .uploads-settings {
  max-width: 30.375rem;
  margin: auto;
}
.product-upload-page .uploads-settings h3 {
  padding: 1.25rem 0;
  color: #abc0c0;
  font-family: "Cairo";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.product-upload-page .uploads-settings .edit-all {
  border-bottom: 1px solid #d3e8e9;
}
.product-upload-page .uploads-settings .edit-all.editing .circle {
  background-color: #d3e8e9;
}
.product-upload-page .uploads-settings .edit-all .uploads-item-header {
  display: flex;
  padding: 1.25rem;
  align-items: center;
  font-family: "Cairo";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.product-upload-page .uploads-settings .edit-all .circle {
  min-width: 0.75rem;
  min-height: 0.75rem;
  display: flex;
  border-radius: 2em;
  border: 2px solid #d3e8e9;
  transition: background-color 0.3s;
}
.product-upload-page .uploads-settings .edit-all-info {
  padding: 1.25rem;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.product-upload-page .uploads-settings .edit-all-info p {
  color: #abc0c0;
  font-family: "Azeret Mono";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
.product-upload-page .uploads-settings .uploads-item,
.product-upload-page .uploads-settings .edit-all {
  border: 1px solid #d3e8e9;
  border-top: 0;
  transition: background-color 0.3s;
}
.product-upload-page .uploads-settings .uploads-item:first-of-type,
.product-upload-page .uploads-settings .edit-all:first-of-type {
  border-top: 1px solid #d3e8e9;
}
.product-upload-page .uploads-settings .uploads-item.editing,
.product-upload-page .uploads-settings .edit-all.editing {
  background-color: #ffffff;
}
.product-upload-page .uploads-settings .uploads-item.editing .uploads-item-header .toggle-uploads-item-settings .open-dropdown,
.product-upload-page .uploads-settings .edit-all.editing .uploads-item-header .toggle-uploads-item-settings .open-dropdown {
  opacity: 0;
}
.product-upload-page .uploads-settings .uploads-item.editing .uploads-item-header .toggle-uploads-item-settings .close-dropdown,
.product-upload-page .uploads-settings .edit-all.editing .uploads-item-header .toggle-uploads-item-settings .close-dropdown {
  opacity: 1;
}
.product-upload-page .uploads-settings .uploads-item.editing .uploads-item-body,
.product-upload-page .uploads-settings .edit-all.editing .uploads-item-body {
  max-height: 100rem;
}
.product-upload-page .uploads-settings .uploads-item-header,
.product-upload-page .uploads-settings .edit-all-header {
  gap: 0.5rem;
  padding: 0.5rem;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.product-upload-page .uploads-settings .uploads-item-header .img-container img,
.product-upload-page .uploads-settings .edit-all-header .img-container img {
  height: 4rem;
  width: 4rem;
  display: flex;
}
.product-upload-page .uploads-settings .uploads-item-header .uploads-item__title,
.product-upload-page .uploads-settings .edit-all-header .uploads-item__title {
  align-items: center;
  display: flex;
  flex-grow: 1;
  font-family: "Cairo";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.product-upload-page .uploads-settings .uploads-item-header .toggle-uploads-item-settings,
.product-upload-page .uploads-settings .edit-all-header .toggle-uploads-item-settings {
  background-color: transparent;
  position: relative;
  width: 1rem;
  height: 1rem;
}
.product-upload-page .uploads-settings .uploads-item-header .toggle-uploads-item-settings img,
.product-upload-page .uploads-settings .edit-all-header .toggle-uploads-item-settings img {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.product-upload-page .uploads-settings .uploads-item-header .toggle-uploads-item-settings .open-dropdown,
.product-upload-page .uploads-settings .edit-all-header .toggle-uploads-item-settings .open-dropdown {
  opacity: 1;
}
.product-upload-page .uploads-settings .uploads-item-header .toggle-uploads-item-settings .close-dropdown,
.product-upload-page .uploads-settings .edit-all-header .toggle-uploads-item-settings .close-dropdown {
  opacity: 0;
}
.product-upload-page .uploads-settings .uploads-item-body,
.product-upload-page .uploads-settings .edit-all-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s;
}
.product-upload-page .uploads-settings .uploads-item-body form .form-row,
.product-upload-page .uploads-settings .edit-all-body form .form-row {
  border-bottom: 1px solid #d3e8e9;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
}
.product-upload-page .uploads-settings .uploads-item-body form .form-row:first-of-type,
.product-upload-page .uploads-settings .edit-all-body form .form-row:first-of-type {
  border-top: 1px solid #d3e8e9;
}
.product-upload-page .uploads-settings .uploads-item-body form .form-row label,
.product-upload-page .uploads-settings .edit-all-body form .form-row label {
  color: #abc0c0;
  font-family: "Cairo";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.product-upload-page .uploads-settings .uploads-item-body form .form-row input,
.product-upload-page .uploads-settings .uploads-item-body form .form-row textarea,
.product-upload-page .uploads-settings .uploads-item-body form .form-row select,
.product-upload-page .uploads-settings .edit-all-body form .form-row input,
.product-upload-page .uploads-settings .edit-all-body form .form-row textarea,
.product-upload-page .uploads-settings .edit-all-body form .form-row select {
  background-color: transparent;
  font-family: "Cairo";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* Firefox */
}
.product-upload-page .uploads-settings .uploads-item-body form .form-row input::-webkit-outer-spin-button, .product-upload-page .uploads-settings .uploads-item-body form .form-row input::-webkit-inner-spin-button,
.product-upload-page .uploads-settings .uploads-item-body form .form-row textarea::-webkit-outer-spin-button,
.product-upload-page .uploads-settings .uploads-item-body form .form-row textarea::-webkit-inner-spin-button,
.product-upload-page .uploads-settings .uploads-item-body form .form-row select::-webkit-outer-spin-button,
.product-upload-page .uploads-settings .uploads-item-body form .form-row select::-webkit-inner-spin-button,
.product-upload-page .uploads-settings .edit-all-body form .form-row input::-webkit-outer-spin-button,
.product-upload-page .uploads-settings .edit-all-body form .form-row input::-webkit-inner-spin-button,
.product-upload-page .uploads-settings .edit-all-body form .form-row textarea::-webkit-outer-spin-button,
.product-upload-page .uploads-settings .edit-all-body form .form-row textarea::-webkit-inner-spin-button,
.product-upload-page .uploads-settings .edit-all-body form .form-row select::-webkit-outer-spin-button,
.product-upload-page .uploads-settings .edit-all-body form .form-row select::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-upload-page .uploads-settings .uploads-item-body form .form-row input input[type=number],
.product-upload-page .uploads-settings .uploads-item-body form .form-row textarea input[type=number],
.product-upload-page .uploads-settings .uploads-item-body form .form-row select input[type=number],
.product-upload-page .uploads-settings .edit-all-body form .form-row input input[type=number],
.product-upload-page .uploads-settings .edit-all-body form .form-row textarea input[type=number],
.product-upload-page .uploads-settings .edit-all-body form .form-row select input[type=number] {
  -moz-appearance: textfield;
}
.product-upload-page .uploads-settings .uploads-item-body form .form-row textarea,
.product-upload-page .uploads-settings .edit-all-body form .form-row textarea {
  min-height: 3em;
  resize: vertical;
}
.product-upload-page .uploads-settings .uploads-item-body form .form-row textarea.upload-item-title,
.product-upload-page .uploads-settings .edit-all-body form .form-row textarea.upload-item-title {
  min-height: 1em;
  resize: none;
}
.product-upload-page .uploads-settings .uploads-item-body form input[type=submit],
.product-upload-page .uploads-settings .edit-all-body form input[type=submit] {
  width: 100%;
  text-decoration: underline;
  background-color: #d3e8e9;
  padding: 1.25rem;
  cursor: pointer;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.product-upload-page .uploads-settings .upload-finished-container h5 {
  text-align: center;
  border: 1px solid #d3e8e9;
  border-top: 0;
  color: #abc0c0;
  padding: 2.5rem;
  letter-spacing: 0.125rem;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.product-upload-page .uploads-settings .my-products-link {
  padding: 1.25rem;
  display: block;
  text-align: center;
  border: 1px solid #d3e8e9;
  border-top: 0;
  text-decoration: underline;
  width: 100%;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.upload-warning-popup .popup-inner {
  background-color: #000000;
  color: #e2fcfc;
  padding: 1.25rem;
}
.upload-warning-popup .popup-inner .title-box {
  border: 1px solid #d3e8e9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.5rem 0.5rem;
  gap: 0.5rem;
}
.upload-warning-popup .popup-inner .title-box p {
  text-align: center;
}
.upload-warning-popup .popup-inner > button {
  display: block;
  width: 100%;
  padding: 0.5rem;
  cursor: pointer;
  font-family: "Cairo";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.upload-warning-popup .popup-inner .save-btn {
  background-color: #e2fcfc;
}
.upload-warning-popup .popup-inner .back-btn {
  background-color: transparent;
  color: #abc0c0;
  border: 1px solid #d3e8e9;
}

@media only screen and (min-width: 768px) {
  .product-upload-page .upload-processing-progress {
    grid-template-columns: repeat(3, 1fr);
  }
  .product-upload-page:nth-of-type(3n) {
    border-left: 0;
  }
  .product-upload-page:nth-of-type(4n) {
    border-left: 1px solid #d3e8e9;
  }
}
@media only screen and (min-width: 1280px) {
  .product-upload-page .product-upload-container .products-container:hover .products-container-center-box .img-box {
    transform: translate(calc(-50% - 5rem), -50%) rotate(-30deg);
  }
  .product-upload-page .product-upload-container .products-container:hover .products-container-center-box .img-box:nth-last-of-type(2) {
    transform: translate(-50%, calc(-50% - 6.5rem));
  }
  .product-upload-page .product-upload-container .products-container:hover .products-container-center-box .img-box:last-of-type {
    transform: translate(calc(-50% + 5rem), calc(-50% + 2rem)) rotate(30deg);
  }
  .product-upload-page .upload-processing-progress {
    grid-template-columns: repeat(4, 1fr);
  }
  .product-upload-page .upload-processing-progress .upload-processing-item:nth-of-type(4n) {
    border-left: 0;
  }
  .product-upload-page .upload-processing-progress .upload-processing-item:nth-of-type(5n) {
    border-left: 1px solid #d3e8e9;
  }
  .upload-warning-popup .popup-inner {
    width: 50%;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1680px) {
  .product-upload-page .product-upload-container .products-container:hover .products-container-center-box .img-box {
    transform: translate(calc(-50% - 5rem), -50%) rotate(-30deg);
  }
  .product-upload-page .product-upload-container .products-container:hover .products-container-center-box .img-box:nth-last-of-type(2) {
    transform: translate(-50%, calc(-50% - 6.5rem));
  }
  .product-upload-page .product-upload-container .products-container:hover .products-container-center-box .img-box:last-of-type {
    transform: translate(calc(-50% + 5rem), calc(-50% + 2rem)) rotate(30deg);
  }
  .product-upload-page .upload-processing-progress {
    grid-template-columns: repeat(6, 1fr);
  }
  .product-upload-page .upload-processing-progress .upload-processing-item:nth-of-type(5n) {
    border-left: 0;
  }
  .product-upload-page .upload-processing-progress .upload-processing-item:nth-of-type(7n) {
    border-left: 1px solid #d3e8e9;
  }
}
:root {
  --a-mobile: 10;
  --b-mobile: 20;
  --c-mobile: 1;
  --d-mobile: 576;
  --a-tablet: 10;
  --b-tablet: 16;
  --c-tablet: 577;
  --d-tablet: 1024;
  --a: 14;
  --b: 18;
  --c: 340;
  --d: 3840;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke: 0;
  -webkit-tap-highlight-color: transparent;
}

html {
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  font-size: clamp(var(--a-mobile) * 1px, var(--a-mobile) * 1px + (var(--b-mobile) - var(--a-mobile)) * (100vw - var(--c-mobile) * 1px) / (var(--d-mobile) - var(--c-mobile)), var(--b-mobile) * 1px);
  background-color: #e2fcfc;
}

body {
  background-color: var(--primary);
  color: var(--secondary);
}
body.block-scroll {
  overflow-y: hidden;
}

main {
  padding: 0 1.25rem;
  max-width: 2000px;
  margin: auto;
}

.available-pages-link:hover {
  text-decoration: underline;
}

a {
  color: inherit;
  text-decoration-color: transparent;
}

button {
  font-family: "Space Grotesk";
}

.icon {
  width: 1rem;
  height: 1rem;
  background-color: #000000;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat; /* Safari */
  mask-size: cover; /* Vagy 'cover', attól függően, mi a jobb */
  -webkit-mask-size: cover; /* Safari */
  mask-position: center;
  -webkit-mask-position: center;
  transition: background-color 0.5s;
}

.popup {
  position: fixed;
  width: 100%;
  z-index: 6;
}
.popup .popup-bg {
  position: absolute;
  width: 100%;
  left: 0;
  height: 100vh;
  z-index: -1;
}

@media only screen and (min-width: 1024px) {
  html {
    font-size: clamp(var(--a-tablet) * 1px, var(--a-tablet) * 1px + (var(--b-tablet) - var(--a-tablet)) * (100vw - var(--c-tablet) * 1px) / (var(--d-tablet) - var(--c-tablet)), var(--b-tablet) * 1px);
  }
}
@media only screen and (min-width: 1280px) {
  html {
    font-size: clamp(var(--a) * 1px, var(--a) * 1px + (var(--b) - var(--a)) * (100vw - var(--c) * 1px) / (var(--d) - var(--c)), var(--b) * 1px);
  }
  main {
    padding: 0 2.5rem;
  }
}

/*# sourceMappingURL=style.css.map */