.Clflbtn {
  left: 275px;
  position: absolute;
  top: 3px;
  color: #2e2e30;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px dashed #808080;
  height: 20px;
  margin-right: 45px;
  cursor: pointer;
}

.breadcrumb ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sortcol2cont {
  margin-bottom: 20px;
  margin-top: 20px;
}

.breadcrumb ul a,
.breadcrumb ul li {
  z-inde2x: 999999;
}

.popular-product__section .swiper-button-prev {
  top: 175px;
  left: 20px;
}

.popular-product__section .swiper-button-next {
  top: 175px;
  right: 22px;
}

.popup-window {
  background-color: #fff;
  -webkit-box-shadow: 0 7px 21px rgba(83, 92, 105, 0.12), 0 -1px 6px 0 rgba(83, 92, 105, 0.06);
  box-shadow: 0 7px 21px rgba(83, 92, 105, 0.12), 0 -1px 6px 0 rgba(83, 92, 105, 0.06);
  padding: 10px;
  font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  border-radius: var(--popup-window-border-radius);
  will-change: opacity;
}

.popup-window-disable-scroll {
  overflow: hidden;
}

.popup-window.--fixed {
  position: fixed !important;
}

.popup-window[style*=block] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.popup-window.popup-window-with-titlebar {
  padding: 0 10px 10px;
}

.popup-window-delimiter {
  background-color: #f0f1f2;
  display: block;
  height: 1px;
  line-height: 1px;
}

.popup-window-delimiter-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0 8px 0;
  text-align: center;
}

.popup-window-delimiter-section:before,
.popup-window-delimiter-section:after {
  display: block;
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 15px;
  position: relative;
  top: 8px;
  height: 1px;
  background-color: #f0f1f2;
}

.popup-window-delimiter-text {
  position: relative;
  top: 2px;
  padding: 0 12px;
  background: #fff;
  color: #b1b6bc;
  font-size: 10px;
  font-weight: var(--ui-font-weight-bold);
  text-transform: uppercase;
  white-space: nowrap;
  overflow-x: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.popup-window-buttons {
  text-align: center;
  padding: 20px 0 10px;
  position: relative;
}

.popup-window-button {
  display: inline-block;
  height: 39px;
  line-height: 39px;
  margin: 0 12px 0 0;
  background: #ecedef;
  border-radius: var(--popup-window-button-border-radius, 2px);
  cursor: pointer;
  color: #7a818a;
  font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
  font-weight: var(--ui-font-weight-bold, 700);
  font-size: 12px;
  outline: 0;
  padding: 0 18px;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: none;
  white-space: nowrap;
  -webkit-box-shadow: 0 0 0 1px #c6cdd3 inset;
  box-shadow: 0 0 0 1px #c6cdd3 inset;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: background-color 0.2s linear, color 0.2s linear;
  -o-transition: background-color 0.2s linear, color 0.2s linear;
  transition: background-color 0.2s linear, color 0.2s linear;
}

.popup-window-button:before,
.popup-window-button:after {
  display: none;
}

.popup-window-button:hover {
  background: #cfd4d8;
  color: #535c69;
}

.popup-window-button:last-child {
  margin-right: 0;
}

.popup-window-button-accept,
.popup-window-button-create {
  background: #bbed21;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #535c69;
}

.popup-window-button-accept:hover,
.popup-window-button-create:hover {
  background: #d2f95f;
  color: #535c69;
}

.popup-window-button-wait {
  color: transparent !important;
  position: relative;
}

.popup-window-button-wait .popup-window-button-text {
  opacity: 0;
}

.popup-window-button-wait:before {
  background: none !important;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 50%;
  color: #fff;
  display: block !important;
  content: "_" !important;
  font-size: 10px;
  font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
  line-height: 10px;
  height: 21px;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -11px;
  padding-right: 6px;
  position: absolute;
  text-align: right;
  width: 15px;
}

.popup-window-button-wait:after {
  background: #fff !important;
  content: " " !important;
  display: block !important;
  height: 7px;
  position: absolute;
  top: 13px;
  left: 50%;
  padding: 0;
  width: 1px;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-animation: popup-window-button-animation 1s infinite linear;
  animation: popup-window-button-animation 1s infinite linear;
}

.popup-window-button-create.popup-window-button-wait:before,
.popup-window-button-accept.popup-window-button-wait:before {
  color: #535c69;
  -webkit-box-shadow: inset 0 0 0 1px #535c69;
  box-shadow: inset 0 0 0 1px #535c69;
}

.popup-window-button-create.popup-window-button-wait:after,
.popup-window-button-accept.popup-window-button-wait:after {
  background: #535c69 !important;
}

@-webkit-keyframes popup-window-button-animation {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes popup-window-button-animation {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.popup-window-button-decline {
  background: #f1361b;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.popup-window-button-decline:hover {
  background: #cc1a00;
  color: #fff;
}

.popup-window-button-cancel {
  font-weight: normal;
}

.popup-window-button-blue {
  background-color: #3bc8f5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.popup-window-button-blue:hover {
  background-color: #3fddff;
  color: #fff;
}

.popup-window-button-blue:active {
  background-color: #13b1e3;
  color: #fff;
}

.popup-window-button-link,
.popup-window-button-link-cancel,
.popup-window-button-link:hover,
.popup-window-button-link:active {
  background: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.popup-window-button-link {
  border-bottom: 1px solid #c0c2c5;
  border-radius: 0;
  color: #535c69;
  cursor: pointer;
  height: 17px;
  line-height: 17px;
  -webkit-transition: border-bottom-color 0.15s linear;
  -o-transition: border-bottom-color 0.15s linear;
  transition: border-bottom-color 0.15s linear;
  padding: 0;
}

.popup-window-button-link:hover,
.popup-window-button-link:active {
  border-bottom-color: #535c69;
  color: #535c69;
  line-height: 17px;
  height: 17px;
}

.popup-window-button-link-cancel {
  color: #f1361b;
  border-bottom-color: #ffb4a9;
}

.popup-window-button.popup-window-button-link-cancel:hover,
.popup-window-button.popup-window-button-link-cancel:active {
  border-bottom-color: #f1361b;
  color: #f1361b;
}

.popup-window-button-disable {
  cursor: default;
  opacity: 0.3;
}

.popup-window-titlebar {
  height: 49px;
}

.popup-window-titlebar-text,
.popup-window-titlebar-text-version {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #80868e;
  display: inline-block;
  font-size: 14px;
  font-weight: var(--ui-font-weight-bold);
  max-width: 100%;
  line-height: 49px;
  overflow: hidden;
  padding: 0 30px 0 4px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.popup-window-titlebar-text-version {
  font-weight: normal;
  font-size: 13px;
  padding-left: 0;
}

.popup-window-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: var(--popup-window-content-border-radius);
  scrollbar-width: thin;
  scrollbar-color: var(--popup-window-scrollbar-thumb-background, rgba(82, 92, 105, 0.2));
}

.popup-window-content::-webkit-scrollbar {
  width: 12px;
}

.popup-window-content::-webkit-scrollbar-track {
  background-color: var(--popup-window-scrollbar-track-background, rgba(82, 92, 105, 0.05));
  margin: 8px 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  background-clip: content-box;
}

.popup-window-content::-webkit-scrollbar-thumb {
  background-color: var(--popup-window-scrollbar-thumb-background, rgba(82, 92, 105, 0.2));
  margin: 8px 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  background-clip: content-box;
}

.popup-window-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--popup-window-scrollbar-thumb-hover-background, rgba(82, 92, 105, 0.5));
}

.popup-window-with-titlebar .popup-window-content,
.popup-window-content-gray .popup-window-content {
  background-color: #eef2f4;
}

.popup-window-content-white .popup-window-content {
  background-color: #fff;
}

.popup-window-with-titlebar .popup-window-content {
  padding: 20px;
}

.popup-window-close-icon {
  cursor: pointer;
  height: 27px;
  outline: 0;
  opacity: 0.5;
  position: absolute;
  right: 3px;
  top: 5px;
  width: 27px;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.popup-window-close-icon:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 10px;
  height: 10px;
  background-image: url("data: image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http: //www.w3.org/2000/svg'%3E%3Cpath d='M8.666.621a.5.5 0 00-.707 0L5.002 3.58 2.044.62a.5.5 0 00-.707 0l-.714.714a.5.5 0 000 .707L3.581 5 .623 7.957a.5.5 0 000 .708l.714.713a.5.5 0 00.707 0L5.002 6.42l2.957 2.958a.5.5 0 00.708 0l.713-.714a.5.5 0 000-.707L6.422 5 9.38 2.042a.5.5 0 000-.707L8.666.62z' fill='%23828b95'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}

.popup-window-close-icon.--large:after {
  width: 12px;
  height: 12px;
  background-image: url("data: image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http: //www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.664 6l3.89 3.891a.6.6 0 010 .848l-.813.815a.6.6 0 01-.85 0l-3.89-3.89-3.89 3.89a.6.6 0 01-.849 0l-.814-.815a.6.6 0 010-.848l3.89-3.89L.448 2.11a.6.6 0 010-.849l.814-.814a.6.6 0 01.849 0L6 4.337l3.89-3.89a.6.6 0 01.85 0l.814.814a.6.6 0 010 .849L7.665 6z' fill='%23828b95'/%3E%3C/svg%3E");
}

.popup-window-close-icon.--large {
  top: 10px;
  right: 10px;
}

.popup-window-close-icon.popup-window-titlebar-close-icon.--large,
.popup-window-titlebar-close-icon {
  top: 10px;
  right: 7px;
}

.popup-window-close-icon:hover {
  opacity: 1;
}

.popup-window-angly {
  display: none;
  height: 22px;
  position: absolute;
  overflow: hidden;
  width: 33px;
  pointer-events: none;
}

.popup-window-angly--arrow {
  background-color: #fff;
  -webkit-box-shadow: 0 0 21px rgba(83, 92, 105, 0.13);
  box-shadow: 0 0 21px rgba(83, 92, 105, 0.13);
  content: "";
  height: 15px;
  position: absolute;
  left: 9px;
  top: 16px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 15px;
}

.popup-window-angly-top {
  display: block;
  left: 10px;
  margin: 0;
  top: -22px;
}

.popup-window-angly-right {
  display: block;
  right: -17px;
  top: 10px;
  height: 30px;
  width: 17px;
}

.popup-window-angly-right .popup-window-angly--arrow {
  left: -9px;
  top: 8px;
}

.popup-window-angly-bottom {
  bottom: -20px;
  display: block;
  height: 20px;
  margin-left: 10px;
}

.popup-window-angly-bottom .popup-window-angly--arrow {
  top: -9px;
}

.popup-window-angly-left {
  display: block;
  left: -14px;
  top: 10px;
  height: 30px;
  width: 14px;
}

.popup-window-angly-left .popup-window-angly--arrow {
  left: 8px;
  top: 8px;
}

.popup-window-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background: #333;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.popup-window-resize {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 12px;
  height: 12px;
  background-image: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAADBJREFUGBljYMADLl269B+PNESKNopwmoosgcxGcSeyBDKbKEUoGpA5uNgoplKNAwBv1DPc646T+wAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  cursor: nwse-resize;
}

.popup-window:hover .popup-window-resize {
  opacity: 1;
}

.menu-popup {
  padding: 8px 0;
}

.menu-popup-title {
  margin: 0 0 7px 0;
  padding: 0 0 0 4px;
  color: #4c4c4c;
  white-space: nowrap;
  font: normal normal normal 12px/normal var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.menu-popup .menu-popup-item {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  height: 36px;
  position: relative;
  text-decoration: none;
  outline: 0;
  white-space: nowrap;
}

.menu-popup .menu-popup-item[style*=block] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.menu-popup .menu-popup-item-disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: default;
}

.menu-popup .menu-popup-item-disabled .main-ui-loader-svg-circle {
  stroke: #4a4e53;
  stroke-width: 3;
}

.menu-popup-item-icon {
  display: inline-block;
  height: 16px;
  margin-left: 15px;
  vertical-align: middle;
  width: 19px;
}

.menu-popup-item-text {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
  color: #525c68;
  line-height: 36px;
  padding: 0 15px 0 9px;
  text-decoration: none;
  vertical-align: middle;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator.main-buttons-hidden-label .menu-popup-item-text span {
  top: -10px !important;
}

.menu-popup-item-text .tariff-lock {
  margin: 0 5px 2px 5px;
  vertical-align: middle;
}

.popup-window-fixed-width .menu-popup-item-text {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.menu-popup-no-icon .menu-popup-item-text {
  padding: 0 15px;
}

.menu-popup-item-submenu .menu-popup-item-text {
  padding-right: 28px;
}

.menu-popup-item:hover,
.menu-popup-item.menu-popup-item-open {
  background-color: #f5f5f6;
}

.menu-popup-item:hover .menu-popup-item-text {
  color: #3b434f;
}

.menu-popup-item.menu-popup-item-disabled:hover {
  background: initial;
}

.menu-popup-item-submenu:after {
  position: absolute;
  right: 11px;
  top: 50%;
  margin-top: -4px;
  width: 6px;
  height: 9px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0tLjAxIDEuMTg3bDIuOTIyIDIuOTItMi45MiAyLjkyMyAxLjE3MyAxLjE3MyAyLjkyLTIuOTJMNS4yNiA0LjEwNyAxLjE2NC4wMTMiIGZpbGw9IiNBOEFCQjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
  background-size: cover;
  content: "";
}

.bx-admin-submenu-opened {
  background: #f0f0f0 !important;
  border-radius: 3px;
}

.menu-popup-no-icon .menu-popup-item-icon {
  display: none;
}

.menu-popup-item-view .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.37 0a6.37 6.37 0 015.326 9.861l3.309 3.307c.392.392.39 1.03.005 1.415l-.427.427c-.39.389-1.025.384-1.415-.005l-3.307-3.309A6.37 6.37 0 118.369 0zm0 1.82a4.55 4.55 0 100 9.098 4.55 4.55 0 000-9.098z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-edit .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M14.42 1l2.55 2.577-9.978 9.951-2.55-2.577L14.418 1zM3.008 14.638a.267.267 0 00.067.255c.067.067.164.093.255.067l2.851-.768-2.405-2.405-.768 2.85z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-create .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='16' height='15'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.978 0v6h6.064v2.948l-6.064-.001v6.043H6l-.001-6.043H0V6h5.999L6 0h2.978z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-create-quick .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.39 8.032v3l3.01.002v2l-3.01-.001v3.003h-2v-3.003h-3.005v-2h3.006V8.032h2zM12.23 0L6.77 6.044h5.46l-8.865 9.409L6.77 8.744H2L5.009 0h7.22z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-take .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M7.477 14.702L2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-begin .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M9.632 1a7.632 7.632 0 110 15.265A7.632 7.632 0 019.632 1zm0 1.752a5.88 5.88 0 100 11.761 5.88 5.88 0 000-11.761zM8.296 5.119a.7.7 0 01.375.11l4.418 2.806a.7.7 0 010 1.182L8.67 12.024a.7.7 0 01-1.075-.59V5.818a.7.7 0 01.7-.7z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-decline .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M6.161 2l.017 2.83h2.138a4.433 4.433 0 014.433 4.434v.129a4.433 4.433 0 01-4.433 4.433H4.91c-.24 0-.474-.019-.702-.055v-1.949h3.908l.163-.005a2.48 2.48 0 002.317-2.475l-.005-.163A2.48 2.48 0 008.116 6.86H6.19l.017 3.048L2 5.932 6.161 2zm10.043 1.887v9.662h-2.008V3.887h2.008z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-reopen .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M9.514 2a6.508 6.508 0 015.42 2.899l1.794-1.796v5.681h-5.68l2.238-2.238a4.254 4.254 0 10-3.772 6.222l.146-.005-.173 2.264-.207-.004A6.514 6.514 0 019.514 2z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-complete .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M4 2h11.648L13.1 6.015l2.548 4.016-9.661-.001v4.963H4V2z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-hold .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8 2v12H5V2h3zm5.986 0v12h-3V2h3z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-accept .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M7.477 14.702L2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-remake .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.246 8.07l1.398 2.234a2 2 0 01-1.695 3.06l-3.038-.001v2.439L8.56 12.45l3.352-3.352-.001 2.065 2.676.001-1.247-1.993 1.906-1.101zM5.58 5.71l1.227 4.578L4.849 9.16l-1.253 2.005h3.056v2.2H3.236a2 2 0 01-1.695-3.06L2.944 8.06 1 6.936 5.579 5.71zM10.153.304a2 2 0 01.635.635l1.746 2.791L14.5 2.597l-1.227 4.578L8.694 5.95l1.933-1.117-1.535-2.455L7.6 4.761l-1.906-1.1L7.397.94a2 2 0 012.756-.635z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-delete .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.406 3.889l-3.8 3.8 3.841 3.841-1.867 1.867-3.841-3.842-3.826 3.828-1.887-1.886L7.853 7.67l-3.8-3.8L5.92 2.003l3.8 3.8 3.8-3.8z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-copy .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M4.898 9.472V3.094c0-.108.088-.196.196-.196h6.378c.107 0 .195.088.195.196V3.4h1.899v-1.76a.642.642 0 00-.64-.641H3.64a.642.642 0 00-.64.64v9.285c0 .353.288.64.64.64h1.655V9.668h-.201a.196.196 0 01-.196-.195zm10.223 3.442a.208.208 0 01-.207.207H8.161a.208.208 0 01-.207-.207V6.161c0-.113.094-.207.207-.207h6.753c.114 0 .207.094.207.207v6.753zm1.148-8.86H6.713a.66.66 0 00-.659.66v9.555a.66.66 0 00.66.659h9.555a.661.661 0 00.659-.66V4.714a.66.66 0 00-.66-.659z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-delegate .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M10.283 2.73c-.485-.8 3.605-1.466 3.877.984a7.774 7.774 0 010 2.227s.611-.073.203 1.137c0 0-.225.87-.57.675 0 0 .056 1.1-.487 1.287 0 0 .04.586.04.625l.453.07s-.014.49.077.542c.414.279.868.49 1.345.626 1.41.372 2.126 1.012 2.126 1.571l.388 2.55H5.908s.079-1.256.293-2.127c.215-.87 1.42-1.516 2.53-2.013.575-.258.7-.412 1.278-.676a2.04 2.04 0 00.039-.487l.491-.06s.065.122-.039-.597c0 0-.552-.15-.578-1.294 0 0-.415.143-.44-.55-.018-.47-.372-.878.137-1.216l-.26-.72s-.272-2.78.924-2.555zm-7.307.929l4.167 4.168-4.167 4.167-.001-3.001H0v-2h2.975V3.659z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-add-to-tm .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M12.293 1.542a7.494 7.494 0 014.696 6.952 7.348 7.348 0 01-7.196 7.49 7.494 7.494 0 112.5-14.442zM5.428 4.587a5.64 5.64 0 004.291 9.543 5.53 5.53 0 005.416-5.636 5.64 5.64 0 00-9.707-3.907zM8.13 9.989V5.417h2v2.572h2.508v2H8.13z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-accept-sm .menu-popup-item-icon {
  background: transparent url("data: image/svg+xml;charset=utf-8,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='19' height='16' viewBox='-4 -4 19 16'%3E%3Cpath fill='%232066B0' d='M1.36 3.446L4.013 6.1 10.316 0l1.36 1.36-6.299 6.1-1.364 1.36-1.36-1.36L0 4.806z'/%3E%3C/svg%3E") no-repeat;
}

.popup-window-button-left,
.popup-window-button-right {
  display: none;
}

.popup-window-dark {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: var(--popup-window-border-radius, 4px);
  -webkit-box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17);
  box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17);
}

.popup-window-dark .popup-window-content {
  background-color: transparent;
  color: #fff;
  margin: 0;
}

.popup-window-dark .popup-window-angly--arrow {
  background-color: rgba(0, 0, 0, 0.8);
}

.popup-window-dark .popup-window-titlebar-text {
  color: #fff;
}

.popup-window-dark .popup-window-close-icon:after {
  background-image: url("data: image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http: //www.w3.org/2000/svg'%3E%3Cpath d='M8.666.621a.5.5 0 00-.707 0L5.002 3.58 2.044.62a.5.5 0 00-.707 0l-.714.714a.5.5 0 000 .707L3.581 5 .623 7.957a.5.5 0 000 .708l.714.713a.5.5 0 00.707 0L5.002 6.42l2.957 2.958a.5.5 0 00.708 0l.713-.714a.5.5 0 000-.707L6.422 5 9.38 2.042a.5.5 0 000-.707L8.666.62z' fill='%23FFF'/%3E%3C/svg%3E");
}

.popup-window-dark .popup-window-close-icon.--large:after {
  background-image: url("data: image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http: //www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.664 6l3.89 3.891a.6.6 0 010 .848l-.813.815a.6.6 0 01-.85 0l-3.89-3.89-3.89 3.89a.6.6 0 01-.849 0l-.814-.815a.6.6 0 010-.848l3.89-3.89L.448 2.11a.6.6 0 010-.849l.814-.814a.6.6 0 01.849 0L6 4.337l3.89-3.89a.6.6 0 01.85 0l.814.814a.6.6 0 010 .849L7.665 6z' fill='%23FFF'/%3E%3C/svg%3E");
}

.popup-window-tabs-box {
  padding: 10px 0 4px;
}

.popup-window-tabs {
  position: relative;
  padding: 0 20px 0 0;
  margin: 0;
  height: 42px;
  font-size: 0;
  z-index: 1;
}

.popup-window-tab {
  display: inline-block;
  height: 42px;
  margin: 0 7px 0 0;
  padding: 0 12px;
  border: 0;
  vertical-align: top;
  font-size: 14px;
  font-weight: var(--ui-font-weight-bold);
  font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
  line-height: 41px;
  color: #535c69;
  background-color: #ecf2f3;
  text-shadow: none;
  cursor: pointer;
  -webkit-transition: background-color 0.15s linear;
  -o-transition: background-color 0.15s linear;
  transition: background-color 0.15s linear;
}

.popup-window-tab:hover {
  background-color: #f7f9f9;
}

.popup-window-tab-selected {
  position: relative;
  z-index: 2;
  padding: 0 11px;
  background-color: #fff !important;
  line-height: 40px;
  border-radius: 2px 2px 0 0;
  border: 1px solid #c6cdd3;
  border-bottom: 0;
  cursor: default;
}

.popup-window-tabs-content {
  margin: 0;
  padding: 10px;
  border: 1px solid #c6cdd3;
  border-radius: 0 3px 3px;
}

.popup-window-tab-content {
  display: none;
  padding: 20px;
  background: #eef2f4;
}

.popup-window-tabs-content-white .popup-window-tab-content {
  padding: 10px;
  background: #fff;
}

.popup-window-tab-content-selected {
  display: block;
}

.popup-window-show-animation-opacity {
  -webkit-animation: popupWindowShowAnimationOpacity 100ms;
  animation: popupWindowShowAnimationOpacity 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes popupWindowShowAnimationOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes popupWindowShowAnimationOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.popup-window-show-animation-opacity-transform {
  -webkit-animation: popupWindowShowAnimationOpacityTransform 100ms;
  animation: popupWindowShowAnimationOpacityTransform 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes popupWindowShowAnimationOpacityTransform {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes popupWindowShowAnimationOpacityTransform {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.popup-window-close-animation-opacity {
  -webkit-animation: popupWindowCloseAnimationOpacity 150ms;
  animation: popupWindowCloseAnimationOpacity 150ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes popupWindowCloseAnimationOpacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes popupWindowCloseAnimationOpacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.popup-window-close-animation-opacity-transform {
  -webkit-animation: popupWindowCloseAnimationOpacity 150ms;
  animation: popupWindowCloseAnimationOpacity 150ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes popupWindowCloseAnimationOpacityTransform {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
}
@keyframes popupWindowCloseAnimationOpacityTransform {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
}
.popup-window-show-animation-scale {
  -webkit-animation: popup-window-show-animation-scale 400ms;
  animation: popup-window-show-animation-scale 400ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes popup-window-show-animation-scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes popup-window-show-animation-scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.catalog-section-header {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin: 5px 0;
  padding: 5px 15px;
  border-bottom: 2px solid #d9dee6;
  color: #000;
}

.row::before {
  display: initial;
}

.bx-catalog-subscribe-button {
  margin-bottom: 6px;
  display: inline-block;
}

.bx-catalog-popup-content {
  width: 90%;
  max-width: 280px;
}

.bx-catalog-subscribe-form-container-label {
  font-size: 13px;
  color: #5a6c77;
  padding-bottom: 2px;
}

.bx-catalog-subscribe-form-container-input {
  position: relative;
}

.bx-catalog-subscribe-form-container-input input[type=text] {
  display: block;
  width: 100%;
  font-size: 18px;
  height: 38px;
  margin: 0;
  padding: 0 4px;
  border: 1px solid #ccd5db;
  border-radius: 2px;
  background: #f8fafc;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.bx-catalog-subscribe-form-star-required {
  color: #d93333;
}

.bx-catalog-subscribe-form-container .bx-captcha {
  margin-bottom: 10px;
}

.bx-catalog-popup-message {
  font-weight: bold;
  min-width: 240px;
  margin: 0;
}

.bx-catalog-subscribe-alert {
  background-color: #edf6fc;
  color: #000;
  font-size: 15px;
  min-height: 45px;
  text-align: center;
  padding: 12px 40px 12px 60px;
  position: relative;
  width: 280px;
}

.bx-catalog-subscribe-aligner {
  display: inline-block;
  height: 45px;
  margin-left: -1px;
  vertical-align: middle;
  width: 1px;
}

.bx-catalog-subscribe-alert-text {
  display: inline-block;
  vertical-align: middle;
}

.bx-catalog-subscribe-alert-footer {
  text-align: center;
}

.bx-catalog-subscribe-alert-popup {
  background-color: #edf6fc !important;
  border: 1px solid #edf6fc !important;
  border-radius: 3px !important;
  -webkit-box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important;
  box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important;
}

.bx-blue .product-item-image-slider-progress-bar {
  background-color: #0083d1;
}

.bx-blue .product-item-image-slider-control:hover {
  background-color: rgba(0, 131, 209, 0.8);
}

.bx-blue .product-item-image-slider-control.active,
.bx-blue .product-item-image-slider-control:hover {
  background-color: #0083d1;
}

.bx-blue .product-item-scu-item-text-block:hover,
.bx-blue .product-item-scu-item-color-block:hover,
.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block {
  outline-color: #006cc0;
}

.bx-blue .product-item-amount-field:focus {
  border-color: #006cc0;
}

.bx-blue .catalog-section-header {
  border-color: #006cc0;
}

.wrapper {
  overflow: clip;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.breadcrumb ul {
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.breadcrumb ul a,
.breadcrumb ul li {
  font-size: 14px;
  font-weight: 400;
  line-height: 17.5px;
  color: #808080;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.breadcrumb ul a:hover {
  color: #2a8ce3;
}

.breadcrumb ul li {
  color: #2e2e30;
}

.subscribe-card {
  padding: 16px 24px;
  border-radius: 12px;
  background: url(../images/subscribe-card-bg.png) no-repeat center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  color: #fff;
}

.subscribe-card .info {
  font-size: 14px;
  font-weight: 400;
  line-height: 17.5px;
}

.subscribe-card .info a {
  border-bottom: 1px dotted #b6ddff;
  color: #fff;
}

.share-card {
  padding: 16px 20px;
  background: #f4f5f6;
  border-radius: 12px;
  margin-top: 20px;
}

.share-card .social-media {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.tags-card {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #ececec;
  gap: 8px !important;
  margin-bottom: 20px;
}

.animation-btn {
  background: #2a8ce3;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 100;
  cursor: pointer;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}

.animation-btn::before {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  border-radius: inherit;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(42, 140, 227, 0.2);
}

.chat-box {
  position: fixed;
  bottom: 112px;
  right: 48px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 900;
  cursor: pointer;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chat-box .close-icon__media-btn.hide {
  display: none;
}

.chat-box__img {
  width: 80px;
  height: 80px;
  background: #2a8ce3;
  border-radius: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.chat-box__img::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  border-radius: inherit;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(42, 140, 227, 0.2);
  z-index: -1;
}

.chat-box__img::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: inherit;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 2px solid rgba(42, 140, 227, 0.2);
  width: 150px;
  height: 150px;
  z-index: -1;
  -webkit-animation: fade-box 1.5s infinite;
  animation: fade-box 1.5s infinite;
}

.chat-box__img.remove-animation::after {
  display: none;
}

.chat-box .chat-icon,
.chat-box .phone-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.chat-box .chat-icon {
  opacity: 1;
}

@-webkit-keyframes iconSwitch {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes iconSwitch {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.icons {
  -webkit-animation: iconSwitch 2s infinite;
  animation: iconSwitch 2s infinite;
}

.chat-icon {
  -webkit-animation: iconSwitch 2s infinite;
  animation: iconSwitch 2s infinite;
}

.phone-icon {
  -webkit-animation: iconSwitch 2s infinite;
  animation: iconSwitch 2s infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

@-webkit-keyframes fade-box {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  30.001% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2);
  }
  62.999% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes fade-box {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  30.001% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2);
  }
  62.999% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}
.title-lg {
  font-size: 48px;
  font-weight: 500;
  line-height: 60px;
  color: #2e2e30;
  padding: 48px 0 64px 0;
}

.title-lg sup {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  color: #2e2e30;
  top: -24px;
}

.title-lg.pt-0 {
  padding-top: 0;
}

.title-lg.pb-0 {
  padding-bottom: 0;
}

.hover-link {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.hover-link:hover {
  color: #2a8ce3;
}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 48px;
}

.tags .tag {
  padding: 4px 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #ececec;
  border-radius: 50px;
}

.tags .tag span {
  font-size: 14px;
  font-weight: 300;
  line-height: 17.5px;
  color: #2e2e30;
}

.filter-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 24px;
  gap: 1rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 32px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter-box .filter-box__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.filter-box .filter-box__btn {
  font-size: 14px;
  font-weight: 300;
  line-height: 17.5px;
  color: #2e2e30;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: #ececec;
}

.filter-box .filter-box__btn.active,
.filter-box .filter-box__btn:hover {
  background: #4299ff;
  color: #ecf5ff;
  border: 1px solid rgba(66, 153, 255, 0.3019607843);
}

.form-label {
  font-size: 14px;
  font-weight: 300;
  line-height: 17.5px;
  color: #686868;
  display: block;
  padding-bottom: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.form-input {
  height: 48px;
  border: 1px solid #dedede;
  width: 100%;
  border-radius: 4px;
  padding: 15px 12px;
}

.range-container input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 14px;
  height: 14px;
  background-color: #2a8ce3;
  border-radius: 50%;
  cursor: pointer;
}

.range-container input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 14px;
  height: 14px;
  background-color: #2a8ce3;
  border-radius: 50%;
  cursor: pointer;
}

.select {
  position: relative;
}

.select.open .options {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

.select.open .arrow-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.select.open .selected-box {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.select .selected-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
}

.select .selected-box .arrow-down {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.select .selected-box input {
  pointer-events: none;
  border: none;
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  line-height: 17.5px;
  color: #2e2e30;
}

.select .options {
  position: absolute;
  top: 100%;
  background: #fff;
  border: 1px solid #dedede;
  width: 100%;
  border-top: 0;
  z-index: 10;
  border-radius: 0px 0 4px 4px;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}

.select .options .option {
  padding: 12px 15px;
  font-size: 14px;
  font-weight: 300;
  line-height: 17.5px;
  color: #2e2e30;
  cursor: pointer;
}

.color-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
}

.color-boxes .color-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.color-boxes .color-box .color-name {
  font-size: 14px;
  font-weight: 300;
  line-height: 17.5px;
  color: #2e2e30;
}

.color-boxes .color-box .color-img {
  border: 1px solid #dedede;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 4px;
}

.color-boxes .color-box .color-img.black {
  background-color: #000;
}

.color-boxes .color-box .color-img img {
  width: 100%;
  height: 100%;
}

.product-scrollbar {
  display: none;
}

.pagination-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 38px;
}

.pagination-box button {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-radius: 3px;
}

.pagination-box button svg path {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.pagination-box button:hover {
  background: #ececec;
}

.pagination-box button.disabled {
  cursor: default;
}

.pagination-box button.disabled path {
  fill: #b3b3b3;
}

.pagination-box button.active {
  color: #fff;
  background-color: #2a8ce3;
}

.pagination-box button.active svg path {
  fill: #fff;
}

.pagination-box .pagination-number {
  font-size: 14px;
  font-weight: 500;
  color: #2e2e30;
}

.product-colors .color-boxes {
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.product-colors .color-box {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid transparent;
}

.product-colors .color-box.white {
  background: #fff;
  border-color: #2a8ce3;
}

.product-colors .color-box.orange {
  background: #eed2b1;
}

.product-colors .color-box.dark {
  background: #000;
}

.share-box__parent {
  position: relative;
}

.dashboard .personal-area__swiper {
  padding-bottom: 24px;
}

.dashboard .card-box .product-box .show-more__btn {
  margin-top: 0 !important;
}

.modal .modal-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal textarea.form-control {
  height: 86px;
}

.modal .color-box {
  width: 68px;
  cursor: pointer;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.5px;
  color: #2e2e30;
  border-radius: 4px;
}

.modal .color-1000 {
  background-color: #c6ba80;
}

.modal .color-1001 {
  background-color: #c8ab7f;
}

.modal .color-1002 {
  background-color: #caa869;
}

.modal .color-1003 {
  background-color: #f1a200;
}

.modal .color-1004 {
  background-color: #e09d08;
  color: #fff;
}

.modal .color-1005 {
  background-color: #c18a09;
  color: #fff;
}

.modal .color-1006 {
  background-color: #d58701;
}

.modal .color-1007 {
  background-color: #e38901;
}

.modal .color-1011 {
  background-color: #d3b02e;
}

.modal .color-1012 {
  background-color: #a67a4b;
}

.modal .color-1013 {
  background-color: #e1dac7;
}

.modal .color-1014 {
  background-color: #dcc79a;
}

.modal .color-1015 {
  background-color: #e3d4b7;
}

.modal .color-1016 {
  background-color: #eae541;
}

.modal .color-1017 {
  background-color: #f5a84c;
}

.modal .color-1018 {
  background-color: #fbd336;
}

.modal .color-1019 {
  background-color: #9d8971;
}

.modal .color-1020 {
  background-color: #98895e;
}

.modal .color-1021 {
  background-color: #98895e;
}

.modal .color-1022 {
  background-color: #c6ba80;
}

.modal .color-1023 {
  background-color: #f0b60d;
}

.modal .color-1024 {
  background-color: #b08a49;
}

.modal .color-1025 {
  background-color: #9c7b1e;
}

.modal .color-1026 {
  background-color: #ff9a00;
}

.modal .color-1027 {
  background-color: #dfa20c;
  color: #fff;
}

.modal .color-1028 {
  background-color: #642a27;
  color: #fff;
}

.modal .color-1029 {
  background-color: #d06b53;
  color: #fff;
}

.modal .color-1030 {
  background-color: #0e1f1e;
  color: #fff;
}

.modal .color-1031 {
  background-color: #39807c;
  color: #fff;
}

.modal .color-1032 {
  background-color: #00507f;
  color: #fff;
}

.modal .color-1033 {
  background-color: #266339;
  color: #fff;
}

.modal .color-1034 {
  background-color: #00975c;
  color: #fff;
}

.modal .color-1035 {
  background-color: #909196;
  color: #fff;
}

.modal .color-1036 {
  background-color: #6ba7a8;
  color: #fff;
}

.modal .color-1037 {
  background-color: #9f2b36;
  color: #fff;
}

.modal .check-box__label {
  display: inline-block;
}

.modal .check-box__label a {
  color: #4299ff;
  display: inline;
}

.modal .check-boxes .check-box__label::after {
  top: 9px;
}

#color-modal .modal-content {
  max-width: 480px;
}

#color-modal .primary-btn {
  margin-bottom: 0;
}

#color-modal .scroll-box {
  height: 244px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: -8px;
}

#color-modal .scroll-box::-webkit-scrollbar {
  width: 3px;
}

#color-modal .scroll-box::-webkit-scrollbar-thumb {
  background: #2a8ce3;
}

#color-modal .color-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr;
  grid-template-columns: repeat(6, 1fr);
  gap: 4px;
  padding-right: 8px;
}

#individual-order__modal .modal-content {
  max-width: 480px;
}

#individual-order__modal .colors {
  display: none;
}

#individual-order__modal .colors.selected {
  display: block;
}

#buy-modal > div,
#modal-can > div {
  max-width: 480px;
}

#find-modal .relative-box {
  position: relative;
}

#find-modal .animation-btn {
  margin-left: auto;
  margin-top: 24px;
}

.chat-box .social-media__box {
  z-index: 10;
  position: absolute !important;
  bottom: 114px;
  z-index: 998;
}

.chat-box .social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  display: none;
  -webkit-animation: fade 0.5s;
  animation: fade 0.5s;
}

.chat-box .social-media img {
  width: 46px;
  height: 46px;
}

.chat-box .social-media.show {
  opacity: 1;
  visibility: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.chat-box .back-call {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #ff9b07;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

.chat-box .back-call .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.chat-box .back-call img {
  width: 20px;
  height: 20px;
}

.chat-box .back-call:hover .back-call__tooltip {
  opacity: 1;
  visibility: visible;
}

.chat-box .back-call__tooltip {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 53px;
  padding: 6px 12px 4px 12px;
  background: #2a8ce3;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.5px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cookie-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(138, 138, 138, 0.2509803922);
  box-shadow: 0px 4px 20px 0px rgba(138, 138, 138, 0.2509803922);
  padding: 28px 106px;
  display: none;
  z-index: 999;
}

.cookie-modal.show {
  display: block;
}

.cookie-modal .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cookie-modal p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #808080;
}

.cookie-modal a {
  color: #2a8ce3;
}

#connect-us__modal > div {
  max-width: 466px;
}

.show-menu__btn.active {
  color: #2a8ce3;
}

.footer {
  background-color: #f4f5f6;
}

.footer-nav__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  color: #2e2e30;
  padding-bottom: 24px;
}

.footer .row {
  padding: 80px 0 32px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: -webkit-max-content 24px -webkit-max-content 24px -webkit-max-content 24px -webkit-max-content 24px -webkit-max-content 24px 224px;
  -ms-grid-columns: max-content 24px max-content 24px max-content 24px max-content 24px max-content 24px 224px;
  grid-template-columns: repeat(5, -webkit-max-content) 224px;
  grid-template-columns: repeat(5, max-content) 224px;
  gap: 24px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer .row ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
}

.footer .company-info {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 24px;
  padding-top: 30px;
}

.footer a,
.footer span,
.footer p,
.footer .company-info__text {
  font-size: 16px;
  font-weight: 300;
  color: #2e2e30;
  display: flex;
  width: fit-content;
}

.footer .social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 30px 0;
}

.footer .marketplaces-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 12px;
}

.footer .line {
  border: 1px solid #dedede;
  height: 1px;
  width: 100%;
}

.footer .company-info__text {
  white-space: nowrap;
}

.footer .company-info .right-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 24px;
}

.footer .company-info .child-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 12px;
}

.footer .company-info .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.footer-bottom {
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-bottom span {
  color: #808080;
}
.stock-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background: url(/static/image/stock-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  gap: 48px;
  padding: 17px 0;
}

.stock-box.hide {
  display: none;
}

.stock-box__close {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 24px;
  position: absolute;
}

.stock-box__title {
  font-size: 18px;
  font-weight: 300;
  line-height: 22.5px;
  color: #fff;
  text-transform: uppercase;
}

.stock-box .stock-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.stock-box .stock-timer .timer-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}

.stock-box .stock-timer .timer-box {
  border: 1px solid #ececec;
  width: 24px;
  height: 30px;
  background: #fff;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.5px;
  color: #2e2e30;
}

.stock-box .stock-timer .timer-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
}

.stock-box .stock-timer .timer-dots .dot {
  width: 3px;
  height: 3px;
  background: #fff;
}

@-webkit-keyframes showTab {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showTab {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.catalog-page .header {
  position: relative !important;
}

.media-center .title-lg {
  padding: 0 0 64px 0;
}

.media-center .tabs {
  padding-bottom: 32px;
}

.media-center .pagination-box {
  padding-top: 0;
}

.media-center .stock {
  padding-top: 0;
}

.media-center__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 32px;
  height: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.media-center__pagination .pagination-box {
  padding-top: 0;
}

.media-center__pagination .primary-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.product-catalog .stock-img {
  border-radius: 20px;
  margin: 40px 0;
  width: 100%;
}

.product-catalog .stock-img img {
  border-radius: inherit;
  width: 100%;
}

.product-catalog .products .media-flex .primary-btn {
  display: none;
}

.favourite__products .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.favourite__products .collections__box {
  padding-top: 60px;
}

.favourite__products .collections__page {
  max-width: 700px;
}

.favourite__products .tags {
  color: #686868;
}

.catalog-collections__banner {
  padding: 34px 36px;
  background: url(../images/product-img-2.png) no-repeat center;
  background-size: cover;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  color: #fff;
  margin-bottom: 100px;
}

.catalog-collections__banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: -o-linear-gradient(88.14deg, rgba(0, 0, 0, 0) 3.01%, rgba(0, 0, 0, 0.5) 99.7%);
  background: linear-gradient(1.86deg, rgba(0, 0, 0, 0) 3.01%, rgba(0, 0, 0, 0.5) 99.7%);
}

.catalog-collections__banner .title-lg {
  padding: 12px 0 187px;
  color: #fff;
}

.catalog-collections__banner .status-box {
  background: rgba(255, 255, 255, 0.1215686275);
  padding: 4px 8px;
  border-radius: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
  font-weight: 700;
  line-height: 22.5px;
}

.catalog-collections__banner .product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.catalog-collections .product-sort__box {
  margin: 0 0 40px 0;
}

.catalog-collections .media-block {
  display: none;
}

.catalog-collections .tabs {
  padding-bottom: 0;
}

.popular-product__section.pt-100 {
  padding-top: 100px;
}

.relative-parent__box {
  position: relative;
}

.position-product__box {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 48px;
  z-index: 100;
  -webkit-box-shadow: 0px 2.86px 3.06px 0px rgba(115, 115, 115, 0.0431372549), 0px 9.6px 10.27px 0px rgba(115, 115, 115, 0.0666666667), 0px 43px 46px 0px rgba(115, 115, 115, 0.1098039216), 0px -43px 46px 0px rgba(115, 115, 115, 0.1098039216);
  box-shadow: 0px 2.86px 3.06px 0px rgba(115, 115, 115, 0.0431372549), 0px 9.6px 10.27px 0px rgba(115, 115, 115, 0.0666666667), 0px 43px 46px 0px rgba(115, 115, 115, 0.1098039216), 0px -43px 46px 0px rgba(115, 115, 115, 0.1098039216);
  padding: 20px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1464px;
  width: 100%;
  background: #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.position-product__box .top-box {
  display: block;
}

.position-product__box .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.position-product__box .product-name {
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  color: #2e2e30;
  padding: 4px 0 8px 0;
  display: block;
}

.position-product__box .product-img {
  width: 80px;
  height: 80px;
  border-radius: 8px;
}

.position-product__box .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.position-product__box .btns button {
  width: 218px;
}

.articles {
  padding-bottom: 100px;
}

.articles .row-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.articles .right-box {
  min-width: 348px;
  max-width: 348px;
}

.articles .left-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

.articles .title-lg {
  padding-bottom: 32px;
}

.articles-two .title-xl {
  font-size: 28px;
  font-weight: 500;
  line-height: 35px;
  padding-bottom: 24px;
}

.articles-two .article-content {
  border: 1px solid #ececec;
  padding: 40px;
  border-radius: 20px;
}

.articles-two .article-content__title {
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  padding-bottom: 20px;
}

.articles-two .article-content__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding-left: 24px;
  list-style: disc;
}

.articles-two .article-content__list-item {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  border-bottom: 1px dotted #2e2e30;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.articles-two .article-content__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.articles-two .article-content__box img {
  height: 471px;
  width: 350px;
}

.articles-two .child-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  padding-top: 20px;
}

.articles-two .content-box ul {
  padding-left: 16px;
  list-style: disc;
  color: #808080;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.articles-two .slider {
  max-width: 1092px;
}

.articles-two .article-stock__box {
  border-radius: 20px;
  height: 146px;
}

.articles-two .article-stock__box img {
  border-radius: inherit;
  width: 100%;
  height: 100%;
}

.help-section {
  padding-bottom: 0;
}

.help-section .title-lg {
  padding-bottom: 0;
}

.help-section__stock {
  display: none;
  padding-top: 0 !important;
}

.help-section__stock .title {
  font-size: 36px;
  line-height: 45px;
  padding: 0 0 40px 0;
}

.help-section__stock .stock-boxes {
  display: block;
}

.help-section__stock .help-swiper {
  position: relative;
  padding-bottom: 15px;
}

.searching-results .title-box {
  display: block;
}

.searching-results .title-box .title-lg {
  padding-bottom: 0;
}

.searching-results .title-box .title-sm {
  color: #808080;
  padding: 24px 0 40px 0;
}

.searching-results .search-box {
  width: 100%;
  height: 52px;
  margin-bottom: 60px;
}

.searching-results .mt-24 {
  margin-top: 24px;
}

.dashboard {
  padding: 48px 0 100px 0;
  background: #f4f5f6;
}

.dashboard .tab-content {
  width: 100%;
}

.dashboard .card-box {
  overflow: hidden;
}

.dashboard .row-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 24px;
}

.dashboard .row-box .tab-box {
  max-width: 224px;
  width: 100%;
}

.dashboard .tab-list {
  background: #fff;
  padding: 8px;
  border-radius: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dashboard .tab-list .arrow-down {
  display: none;
}

.dashboard .tab-list .tab-item {
  padding: 8px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.dashboard .tab-list .tab-item::before {
  content: none;
}

.dashboard .tab-list .tab-item.active,
.dashboard .tab-list .tab-item:hover {
  background: #f4f5f6;
}

.dashboard .tab-list .tab-item.active span,
.dashboard .tab-list .tab-item:hover span {
  color: #2e2e30;
}

.dashboard .tab-list .tab-item .icon-box {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.dashboard .tab-list .tab-item span {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  color: #808080;
}

.dashboard .tab-list .tab-item .notifications-count {
  padding: 4px 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #ff385d;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  border-radius: 4px;
  color: #fff;
}

.dashboard .right-box {
  max-width: 1216px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.dashboard .card-title {
  font-size: 28px;
  font-weight: 500;
  line-height: 35px;
  padding-bottom: 32px;
}

.dashboard .card-box {
  padding: 24px;
  background: #fff;
  border-radius: 20px;
  width: 100%;
}

.dashboard .card-box .product-statistics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.dashboard .card-box .product-statistics__card {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 16px;
  border-radius: 12px;
  background: #f4f5f6;
}

.dashboard .card-box .product-statistics__card .info-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #808080;
}

.dashboard .card-box .product-statistics__card .count {
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  margin-top: 8px;
  display: block;
}

.dashboard .show-more__btn {
  background: #ececec;
}

.dashboard .show-more__btn:hover {
  background: #2a8ce3;
}

.dashboard .purchases-box {
  padding: 16px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
}

.dashboard .purchases-box:nth-child(odd) {
  background: #f4f5f6;
}

.dashboard .purchases-box .btn-box {
  width: 142px;
}

.dashboard .purchases-box .primary-btn.hide {
  opacity: 0;
  visibility: hidden;
}

.dashboard .purchases .primary-btn {
  font-size: 12px;
  height: 40px;
}

.dashboard .purchases span {
  display: block;
}

.dashboard .purchases .text-muted {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  color: #808080;
}

.dashboard .purchases .text-muted__sm {
  font-size: 14px;
  line-height: 17.5px;
  color: #808080;
  font-weight: 300;
}

.dashboard .purchases .total-price {
  color: #2e2e30;
}

.dashboard .purchases .product-number {
  font-weight: 500;
  color: #2e2e30;
}

.dashboard .purchases .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}

.dashboard .purchases .status-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 124px;
}

.dashboard .purchases .status-box .status {
  width: 12px;
  height: 12px;
  background: #32d583;
  border-radius: 50%;
}

.dashboard .purchases .status-box .status.processing {
  background: #808080;
}

.dashboard .purchases .status-box .status.sent {
  background: #ff9b07;
}

.dashboard .purchases .status-box .status.canceled {
  background: #f20c0c;
}

.dashboard .purchases .status-box .status-info {
  color: #2e2e30;
}

.dashboard .personal-data .card-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.dashboard .personal-data .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dashboard .personal-data .input-box {
  width: 100%;
  position: relative;
}

.dashboard .personal-data .input-box input {
  width: 100%;
}

.dashboard .personal-data .input-box .check-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 16px;
  display: none;
}

.dashboard .personal-data .input-box .check-icon.active {
  display: block;
}

.dashboard .personal-data .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.dashboard .personal-data .cards .card-box {
  max-width: 596px;
}

.dashboard .personal-data .right-card {
  width: 100%;
}

.dashboard .personal-data .right-card p {
  color: #808080;
  padding: 12px 0 40px 0;
}

.dashboard .personal-data .right-card .card-box {
  gap: 0;
}

.dashboard .personal-data .right-card .primary-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  height: 40px;
}

.dashboard .personal-data .boxes {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin: 24px 0 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dashboard .personal-data .boxes.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dashboard .personal-data .boxes .share-box {
  margin-top: 20px;
}

.dashboard .personal-data .boxes .share-box a {
  color: #808080;
}

.dashboard .personal-data .boxes .dots {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 7px;
}

.dashboard .personal-data .boxes .box {
  border: 1px solid #ececec;
  padding: 16px 20px;
  position: relative;
  border-radius: 12px;
}

.dashboard .personal-data .boxes .box.active {
  border-color: #2a8ce3;
}

.dashboard .personal-data .boxes p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #2e2e30;
  padding: 0;
}

.dashboard .personal-data .boxes span {
  font-size: 14px;
  font-weight: 300;
  line-height: 17.5px;
  padding: 12px 0 4px 0;
  display: block;
}

.dashboard .personal-data .boxes .text-muted {
  color: #808080;
  padding: 0;
}

.dashboard .notification-box .purchases-box {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.dashboard .notification-box .status-box {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.dashboard .notification-box .status {
  display: none;
}

.dashboard .notification-box .status.show {
  display: block;
}

.delivery-address {
  background: #f4f5f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
}

.delivery-address .left-box {
  max-width: 848px;
  width: 100%;
  padding: 23px 47px;
  margin-left: auto;
}

.delivery-address .prev-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: #000;
  margin-bottom: 50px;
}

.delivery-address .title-xl {
  font-size: 28px;
  font-weight: 500;
  line-height: 35px;
}

.delivery-address .content {
  margin-left: auto;
  max-width: 572px;
  width: 100%;
}

.delivery-address .right-box {
  max-width: 1072px;
  width: 100%;
}

.delivery-address .info-text {
  padding: 53px 0 24px 0;
}

.delivery-address p {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  color: #808080;
}

.delivery-address .search-box {
  width: 100%;
  height: 50px;
  margin-bottom: 24px;
}

.delivery-address iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.delivery-address h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}

.delivery-address .delivery-text {
  padding: 12px 0 24px 0;
}

.delivery-address .primary-btn {
  width: 100%;
}

.delivery-address .row-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  margin-top: 48px;
}

.delivery-address .card {
  padding: 16px 20px;
  border-radius: 12px;
  border: 1px solid #ececec;
}

.delivery-address .card span {
  font-size: 14px;
  font-weight: 300;
  line-height: 17.5px;
}

.delivery-address .card h4 {
  padding-bottom: 12px;
}

.delivery-address .card .text-muted {
  display: block;
  padding-top: 4px;
  color: #808080;
}

.delivery-address .tabs {
  padding-bottom: 0;
  margin-top: 24px;
}

.delivery-address .search-box__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.comparison .comparison-swiper {
  padding-bottom: 64px;
}

.comparison .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 64px;
}

.comparison .radio-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.comparison .radio-boxes label {
  font-size: 14px;
  font-weight: 300;
  line-height: 17.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  cursor: pointer;
}

.comparison .products {
  max-width: 1216px;
  width: 100%;
}

.comparison .radio-boxes {
  max-width: 224px;
  width: 100%;
}

.comparison-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.comparison .swiper-button-next,
.comparison .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 40%);
}

.comparison .dimensions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

.comparison .dimensions h4 {
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}

.comparison .table {
  width: 100%;
}

.comparison .table .tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 8px;
}

.comparison .table .tr:nth-child(odd) {
  background: #f4f5f6;
}

.comparison .table .right-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comparison .table .head-td {
  width: 224px;
}

.comparison .table .td {
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.comparison .table .td.text-muted {
  color: #808080;
}

.basket .basket-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.basket .gap-20 {
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.basket .left-box {
  max-width: 968px;
  width: 100%;
}

.basket .right-box {
  max-width: 472px;
  width: 100%;
}

.basket .select-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  background: #f4f5f6;
  padding: 19px 20px;
  border-radius: 12px;
}

.basket .remove-select__product {
  font-size: 14px;
  font-weight: 300;
  line-height: 17.5px;
  color: #ff385d;
}

.basket .products {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.basket .products .product-img {
  border-radius: 12px;
}

.basket .products .product-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 20px;
  border: 1px solid #d7eaff;
  border-radius: 12px;
  padding: 16px 20px;
}

.basket .products .product-box .check-box__label::after {
  top: 8px;
}

.basket .products .vendor-code {
  padding-top: 8px;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  line-height: 17.5px;
  color: #808080;
}

.basket .products .product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.basket .products .check-boxes {
  margin: auto 0;
}

.basket .products .price-box {
  min-width: 131px;
}

.basket .products .price {
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  color: #2a8ce3;
  display: block;
}

.basket .products .old-price {
  font-size: 14px;
  font-weight: 300;
  line-height: 17.5px;
  color: #808080;
}

.basket .img-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.basket .img-btn__box {
  border-radius: 4px;
  background: #f4f5f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
}

.basket .counter {
  padding: 4px;
  border-radius: 50px;
  background: #f1f8ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 38px;
}

.basket .counter button {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background: #2a8ce3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.basket .counter .count {
  font-size: 18px;
  font-weight: 400;
  line-height: 22.5px;
  min-width: 34px;
  text-align: center;
}

.basket .cart-box {
  padding: 24px;
  border-radius: 12px;
  background: #f4f5f6;
}

.basket .cart-box.empty-cart .select-content {
  display: none;
}

.basket .cart-box.select-content .empty-content {
  display: none;
}

.basket .cart-box .select-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.basket .cart-box .select-content .line {
  height: 1px;
  background: #d9d9d9;
}

.basket .cart-box .select-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.basket .cart-box .select-content li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.basket .cart-box .select-content span {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  color: #808080;
}

.basket .cart-box .select-content .price {
  font-size: 18px;
  font-weight: 500;
  line-height: 22.5px;
}

.basket .cart-box .select-content .price.harm {
  color: #ff385d;
}

.basket .cart-box .total-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.basket .cart-box .total-price h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}

.basket .cart-box .show-more__btn.disabled {
  background: #dedede;
  color: #808080;
}

.basket .cart-box .show-more__btn {
  margin-top: 24px;
}

.basket .cart-box .cart-info {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  color: #808080;
  text-align: center;
}

.order-product__page .basket .products {
  margin-top: 0;
}

.order-product__page .search-box {
  width: 100%;
}

.order-product__page .search-box.disabled {
  border-color: #dedede;
}

.order-product__page .search-box__btn {
  height: 108%;
  width: 130px;
}

.order-product__page .search-box__input {
  width: calc(100% - 120px);
}

.order-product__page .warning-text {
  color: #ff385d !important;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.order-product__page .bottom-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}

.order-product__page .bottom-cards .card {
  padding: 24px;
  border-radius: 12px;
  background: #f4f5f6;
}

.order-product__page .bottom-cards .title-sm {
  padding-bottom: 24px;
}

.order-product__page .bottom-cards .primary-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.order-product__page .carts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.order-product__page .basket .cart-box {
  position: unset !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.order-product__page .show-more__btn {
  margin-bottom: 12px;
}

.pagination-box a:hover {
  background: #ececec;
}

.pagination-box .pagination-number {
  font-size: 14px;
  font-weight: 500;
  color: #2e2e30;
}

.pagination-box a {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-radius: 3px;
}

a.tag {
  color: #2e2e30;
}

a.article-content__list-item {
  color: #2e2e30;
}

:root {
  --ui-text-letter-spacing-auto: auto;
  --ui-text-letter-spacing-neg-3: -0.01em;
  --ui-text-letter-spacing-neg-2: -0.02em;
  --ui-text-letter-spacing-neg-1: -0.03em;
  --ui-text-letter-spacing-3: 0.15em;
  --ui-text-letter-spacing-2: 0.1em;
  --ui-text-letter-spacing-1: 0.025em;
  --ui-text-decoration-style-dashed: dashed;
  --ui-text-decoration-style-wavy: wavy;
  --ui-text-decoration-style-dotted: dotted;
  --ui-text-decoration-style-double: double;
  --ui-text-decoration-style-solid: solid;
  --ui-text-decoration-line-overline: overline;
  --ui-text-decoration-line-line-through: line-through;
  --ui-text-decoration-line-underline: underline;
  --ui-text-transform-lowercase: lowercase;
  --ui-text-transform-uppercase: uppercase;
  --ui-text-transform-capitalize: capitalize;
  --ui-text-transform-none: none;
  --ui-space-inset-8xl: 72px;
  --ui-space-inset-7xl: 64px;
  --ui-space-inset-6xl: 48px;
  --ui-space-inset-5xl: 40px;
  --ui-space-inset-4xl: 36px;
  --ui-space-inset-3xl: 32px;
  --ui-space-inset-2xl: 28px;
  --ui-space-inset-xl2: 26px;
  --ui-space-inset-xl: 24px;
  --ui-space-inset-lg2: 22px;
  --ui-space-inset-lg: 20px;
  --ui-space-inset-md2: 18px;
  --ui-space-inset-md: 16px;
  --ui-space-inset-sm2: 14px;
  --ui-space-inset-sm: 12px;
  --ui-space-inset-xs2: 10px;
  --ui-space-inset-xs: 8px;
  --ui-space-inset-2xs2: 6px;
  --ui-space-inset-2xs: 4px;
  --ui-space-inset-3xs: 2px;
  --ui-space-inset-none: 0;
  --ui-space-inline-8xl-neg: -72px;
  --ui-space-inline-7xl-neg: -64px;
  --ui-space-inline-6xl-neg: -48px;
  --ui-space-inline-5xl-neg: -40px;
  --ui-space-inline-4xl-neg: -36px;
  --ui-space-inline-3xl-neg: -32px;
  --ui-space-inline-2xl-neg: -28px;
  --ui-space-inline-xl2-neg: -26px;
  --ui-space-inline-xl-neg: -24px;
  --ui-space-inline-lg2-neg: -22px;
  --ui-space-inline-lg-neg: -20px;
  --ui-space-inline-md2-neg: -18px;
  --ui-space-inline-md-neg: -16px;
  --ui-space-inline-sm2-neg: -14px;
  --ui-space-inline-sm-neg: -12px;
  --ui-space-inline-xs2-neg: -10px;
  --ui-space-inline-xs-neg: -8px;
  --ui-space-inline-2xs2-neg: -6px;
  --ui-space-inline-2xs-neg: -4px;
  --ui-space-inline-3xs-neg: -2px;
  --ui-space-inline-8xl: 72px;
  --ui-space-inline-7xl: 64px;
  --ui-space-inline-6xl: 48px;
  --ui-space-inline-5xl: 40px;
  --ui-space-inline-4xl: 36px;
  --ui-space-inline-3xl: 32px;
  --ui-space-inline-2xl: 28px;
  --ui-space-inline-xl2: 26px;
  --ui-space-inline-xl: 24px;
  --ui-space-inline-lg2: 22px;
  --ui-space-inline-lg: 20px;
  --ui-space-inline-md2: 18px;
  --ui-space-inline-md: 16px;
  --ui-space-inline-sm2: 14px;
  --ui-space-inline-sm: 12px;
  --ui-space-inline-xs2: 10px;
  --ui-space-inline-xs: 8px;
  --ui-space-inline-2xs2: 6px;
  --ui-space-inline-2xs: 4px;
  --ui-space-inline-3xs: 2px;
  --ui-space-inline-none: 0;
  --ui-space-stack-8xl-neg: -72px;
  --ui-space-stack-7xl-neg: -64px;
  --ui-space-stack-6xl-neg: -48px;
  --ui-space-stack-5xl-neg: -40px;
  --ui-space-stack-4xl-neg: -36px;
  --ui-space-stack-3xl-neg: -32px;
  --ui-space-stack-2xl-neg: -28px;
  --ui-space-stack-xl2-neg: -26px;
  --ui-space-stack-xl-neg: -24px;
  --ui-space-stack-lg2-neg: -22px;
  --ui-space-stack-lg-neg: -20px;
  --ui-space-stack-md2-neg: -18px;
  --ui-space-stack-md-neg: -16px;
  --ui-space-stack-sm2-neg: -14px;
  --ui-space-stack-sm-neg: -12px;
  --ui-space-stack-xs2-neg: -10px;
  --ui-space-stack-xs-neg: -8px;
  --ui-space-stack-2xs2-neg: -6px;
  --ui-space-stack-2xs-neg: -4px;
  --ui-space-stack-3xs-neg: -2px;
  --ui-space-stack-8xl: 72px;
  --ui-space-stack-7xl: 64px;
  --ui-space-stack-6xl: 48px;
  --ui-space-stack-5xl: 40px;
  --ui-space-stack-4xl: 36px;
  --ui-space-stack-3xl: 32px;
  --ui-space-stack-2xl: 28px;
  --ui-space-stack-xl2: 26px;
  --ui-space-stack-xl: 24px;
  --ui-space-stack-lg2: 22px;
  --ui-space-stack-lg: 20px;
  --ui-space-stack-md2: 18px;
  --ui-space-stack-md: 16px;
  --ui-space-stack-sm2: 14px;
  --ui-space-stack-sm: 12px;
  --ui-space-stack-xs2: 10px;
  --ui-space-stack-xs: 8px;
  --ui-space-stack-2xs2: 6px;
  --ui-space-stack-2xs: 4px;
  --ui-space-stack-3xs: 2px;
  --ui-space-stack-none: 0;
  --ui-size-8xl: 72px;
  --ui-size-7xl: 64px;
  --ui-size-6xl: 48px;
  --ui-size-5xl: 40px;
  --ui-size-4xl: 36px;
  --ui-size-3xl: 32px;
  --ui-size-2xl: 28px;
  --ui-size-xl2: 26px;
  --ui-size-xl: 24px;
  --ui-size-lg2: 22px;
  --ui-size-lg: 20px;
  --ui-size-md2: 18px;
  --ui-size-md: 16px;
  --ui-size-sm2: 14px;
  --ui-size-sm: 12px;
  --ui-size-xs2: 10px;
  --ui-size-xs: 8px;
  --ui-size-2xs2: 6px;
  --ui-size-2xs: 4px;
  --ui-size-3xs: 2px;
  --ui-size-none: 0;
  --ui-shadow-left-4xl: -16px 0 24px 0 rgba(0, 0, 0, 0.11);
  --ui-shadow-left-3xl: -12px 0 17px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-left-2xl: -8px 0 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-left-xl: -6px 0 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-left-l: -4px 0 5px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-left-m: -3px 0 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-left-s: -2px 0 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-left-xs: -2px 0 2px 0 rgba(0, 0, 0, 0.07);
  --ui-shadow-left-2xs: -1px 0 2px 0 rgba(0, 0, 0, 0.06);
  --ui-shadow-bottom-4xl: 0 16px 24px 0 rgba(0, 0, 0, 0.11);
  --ui-shadow-bottom-3xl: 0 12px 17px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-bottom-2xl: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-bottom-xl: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-bottom-l: 0 4px 5px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-bottom-m: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-bottom-s: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-bottom-xs: 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  --ui-shadow-bottom-2xs: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --ui-shadow-right-4xl: 16px 0 24px 0 rgba(0, 0, 0, 0.11);
  --ui-shadow-right-3xl: 12px 0 17px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-right-2xl: 8px 0 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-right-xl: 6px 0 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-right-l: 4px 0 5px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-right-m: 3px 0 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-right-s: 2px 0 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-right-xs: 2px 0 2px 0 rgba(0, 0, 0, 0.07);
  --ui-shadow-right-2xs: 1px 0 2px 0 rgba(0, 0, 0, 0.06);
  --ui-shadow-top-4xl: 0 -16px 24px 0 rgba(0, 0, 0, 0.11);
  --ui-shadow-top-3xl: 0 -12px 17px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-top-2xl: 0 -8px 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-top-xl: 0 -6px 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-top-l: 0 -4px 5px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-top-m: 0 -3px 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-top-s: 0 -2px 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-top-xs: 0 -2px 2px 0 rgba(0, 0, 0, 0.07);
  --ui-shadow-top-2xs: 0 -1px 2px 0 rgba(0, 0, 0, 0.06);
  --ui-opacity-none: 0;
  --ui-opacity-full: 1;
  --ui-opacity-90: 0.9;
  --ui-opacity-80: 0.8;
  --ui-opacity-70: 0.7;
  --ui-opacity-60: 0.6;
  --ui-opacity-50: 0.5;
  --ui-opacity-40: 0.4;
  --ui-opacity-30: 0.3;
  --ui-opacity-20: 0.2;
  --ui-opacity-10: 0.1;
  --ui-opacity-5: 0.05;
  --ui-font-line-height-3xl: 2;
  --ui-font-line-height-2xl: 1.75;
  --ui-font-line-height-xl: 1.62;
  --ui-font-line-height-lg: 1.5;
  --ui-font-line-height-md: 1.4;
  --ui-font-line-height-sm: 1.35;
  --ui-font-line-height-2xs: 1.3;
  --ui-font-line-height-3xs: 1.2;
  --ui-font-line-height-reset: 1;
  --ui-font-size-5xl: 28px;
  --ui-font-size-4xl: 24px;
  --ui-font-size-3xl: 22px;
  --ui-font-size-2xl: 18px;
  --ui-font-size-xl: 16px;
  --ui-font-size-lg: 15px;
  --ui-font-size-md: 14px;
  --ui-font-size-sm: 13px;
  --ui-font-size-xs: 12px;
  --ui-font-size-3xs: 11px;
  --ui-font-size-4xs: 10px;
  --ui-font-size-5xs: 9px;
  --ui-font-size-6xs: 8px;
  --ui-font-size-7xs: 7px;
  --ui-font-weight-extra-black: 950;
  --ui-font-weight-black: 900;
  --ui-font-weight-extra-bold: 800;
  --ui-font-weight-bold: 700;
  --ui-font-weight-semi-bold: 600;
  --ui-font-weight-medium: 500;
  --ui-font-weight-normal: 400;
  --ui-font-weight-regular: 400;
  --ui-font-weight-light: 300;
  --ui-font-weight-extra-light: 200;
  --ui-font-weight-thin: 100;
  --ui-font-family-helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ui-font-family-system-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
  --ui-font-family-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --ui-color-palette-beige-base: #fdfae1;
  --ui-color-palette-beige-base-rgb: 253, 250, 225;
  --ui-color-palette-gray-02: #f8fafb;
  --ui-color-palette-gray-02-rgb: 248, 250, 251;
  --ui-color-palette-gray-03: #f5f7f8;
  --ui-color-palette-gray-03-rgb: 245, 247, 248;
  --ui-color-palette-gray-04: #f1f4f6;
  --ui-color-palette-gray-04-rgb: 241, 244, 246;
  --ui-color-palette-gray-05: #eef2f4;
  --ui-color-palette-gray-05-rgb: 238, 242, 244;
  --ui-color-palette-gray-90: #525c69;
  --ui-color-palette-gray-90-rgb: 82, 92, 105;
  --ui-color-palette-gray-80: #6a737f;
  --ui-color-palette-gray-80-rgb: 106, 115, 127;
  --ui-color-palette-gray-70: #828b95;
  --ui-color-palette-gray-70-rgb: 130, 139, 149;
  --ui-color-palette-gray-60: #959ca4;
  --ui-color-palette-gray-60-rgb: 149, 156, 164;
  --ui-color-palette-gray-50: #a8adb4;
  --ui-color-palette-gray-50-rgb: 168, 173, 180;
  --ui-color-palette-gray-40: #bdc1c6;
  --ui-color-palette-gray-40-rgb: 189, 193, 198;
  --ui-color-palette-gray-35: #c9ccd0;
  --ui-color-palette-gray-35-rgb: 201, 204, 208;
  --ui-color-palette-gray-30: #d5d7db;
  --ui-color-palette-gray-30-rgb: 213, 215, 219;
  --ui-color-palette-gray-20: #dfe0e3;
  --ui-color-palette-gray-20-rgb: 223, 224, 227;
  --ui-color-palette-gray-15: #e6e7e9;
  --ui-color-palette-gray-15-rgb: 230, 231, 233;
  --ui-color-palette-gray-10: #edeef0;
  --ui-color-palette-gray-10-rgb: 237, 238, 240;
  --ui-color-palette-red-solid: #f0371b;
  --ui-color-palette-red-solid-rgb: 240, 55, 27;
  --ui-color-palette-red-95: #800602;
  --ui-color-palette-red-95-rgb: 128, 6, 2;
  --ui-color-palette-red-90: #9a0703;
  --ui-color-palette-red-90-rgb: 154, 7, 3;
  --ui-color-palette-red-80: #c21b16;
  --ui-color-palette-red-80-rgb: 194, 27, 22;
  --ui-color-palette-red-70: #e92f2a;
  --ui-color-palette-red-70-rgb: 233, 47, 42;
  --ui-color-palette-red-60: #f4433e;
  --ui-color-palette-red-60-rgb: 244, 67, 62;
  --ui-color-palette-red-50: #ff5752;
  --ui-color-palette-red-50-rgb: 255, 87, 82;
  --ui-color-palette-red-45: #ff7c78;
  --ui-color-palette-red-45-rgb: 255, 124, 120;
  --ui-color-palette-red-40: #ff9a97;
  --ui-color-palette-red-40-rgb: 255, 154, 151;
  --ui-color-palette-red-30: #ffcdcc;
  --ui-color-palette-red-30-rgb: 255, 205, 204;
  --ui-color-palette-red-25: #ffdcdb;
  --ui-color-palette-red-25-rgb: 255, 220, 219;
  --ui-color-palette-red-20: #ffe8e8;
  --ui-color-palette-red-20-rgb: 255, 232, 232;
  --ui-color-palette-red-15: #fff0f0;
  --ui-color-palette-red-15-rgb: 255, 240, 240;
  --ui-color-palette-red-10: #fff8f8;
  --ui-color-palette-red-10-rgb: 255, 248, 248;
  --ui-color-palette-orange-95: #614000;
  --ui-color-palette-orange-95-rgb: 97, 64, 0;
  --ui-color-palette-orange-90: #7a5100;
  --ui-color-palette-orange-90-rgb: 122, 81, 0;
  --ui-color-palette-orange-80: #9f6a00;
  --ui-color-palette-orange-80-rgb: 159, 106, 0;
  --ui-color-palette-orange-70: #c48300;
  --ui-color-palette-orange-70-rgb: 196, 131, 0;
  --ui-color-palette-orange-60: #e89b06;
  --ui-color-palette-orange-60-rgb: 232, 155, 6;
  --ui-color-palette-orange-50: #ffa900;
  --ui-color-palette-orange-50-rgb: 255, 169, 0;
  --ui-color-palette-orange-40: #ffc34d;
  --ui-color-palette-orange-40-rgb: 255, 195, 77;
  --ui-color-palette-orange-30: #ffe1a6;
  --ui-color-palette-orange-30-rgb: 255, 225, 166;
  --ui-color-palette-orange-25: #ffe9be;
  --ui-color-palette-orange-25-rgb: 255, 233, 190;
  --ui-color-palette-orange-20: #fff1d6;
  --ui-color-palette-orange-20-rgb: 255, 241, 214;
  --ui-color-palette-orange-15: #fff5e3;
  --ui-color-palette-orange-15-rgb: 255, 245, 227;
  --ui-color-palette-orange-10: #fffaf0;
  --ui-color-palette-orange-10-rgb: 255, 250, 240;
  --ui-color-palette-green-95: #3d4f00;
  --ui-color-palette-green-95-rgb: 61, 79, 0;
  --ui-color-palette-green-90: #506900;
  --ui-color-palette-green-90-rgb: 80, 105, 0;
  --ui-color-palette-green-80: #688800;
  --ui-color-palette-green-80-rgb: 104, 136, 0;
  --ui-color-palette-green-70: #7fa800;
  --ui-color-palette-green-70-rgb: 127, 168, 0;
  --ui-color-palette-green-60: #8dbb00;
  --ui-color-palette-green-60-rgb: 141, 187, 0;
  --ui-color-palette-green-55: #95c500;
  --ui-color-palette-green-55-rgb: 149, 197, 0;
  --ui-color-palette-green-50: #9dcf00;
  --ui-color-palette-green-50-rgb: 157, 207, 0;
  --ui-color-palette-green-40: #bbde4d;
  --ui-color-palette-green-40-rgb: 187, 222, 77;
  --ui-color-palette-green-35: #cfe780;
  --ui-color-palette-green-35-rgb: 207, 231, 128;
  --ui-color-palette-green-30: #e2f1b3;
  --ui-color-palette-green-30-rgb: 226, 241, 179;
  --ui-color-palette-green-25: #faf6c3;
  --ui-color-palette-green-25-rgb: 250, 246, 195;
  --ui-color-palette-green-20: #f1fbd0;
  --ui-color-palette-green-20-rgb: 241, 251, 208;
  --ui-color-palette-green-15: #f5fcde;
  --ui-color-palette-green-15-rgb: 245, 252, 222;
  --ui-color-palette-green-10: #fafded;
  --ui-color-palette-green-10-rgb: 250, 253, 237;
  --ui-color-palette-blue-95: #004f69;
  --ui-color-palette-blue-95-rgb: 0, 79, 105;
  --ui-color-palette-blue-90: #006484;
  --ui-color-palette-blue-90-rgb: 0, 100, 132;
  --ui-color-palette-blue-80: #00789e;
  --ui-color-palette-blue-80-rgb: 0, 120, 158;
  --ui-color-palette-blue-70: #008dba;
  --ui-color-palette-blue-70-rgb: 0, 141, 186;
  --ui-color-palette-blue-60: #11a9d9;
  --ui-color-palette-blue-60-rgb: 17, 169, 217;
  --ui-color-palette-blue-50: #2fc6f6;
  --ui-color-palette-blue-50-rgb: 47, 198, 246;
  --ui-color-palette-blue-40: #7fdefc;
  --ui-color-palette-blue-40-rgb: 127, 222, 252;
  --ui-color-palette-blue-30: #c3f0ff;
  --ui-color-palette-blue-30-rgb: 195, 240, 255;
  --ui-color-palette-blue-25: #d3f4ff;
  --ui-color-palette-blue-25-rgb: 211, 244, 255;
  --ui-color-palette-blue-20: #e5f9ff;
  --ui-color-palette-blue-20-rgb: 229, 249, 255;
  --ui-color-palette-blue-15: #ecfafe;
  --ui-color-palette-blue-15-rgb: 236, 250, 254;
  --ui-color-palette-blue-10: #f4fcfe;
  --ui-color-palette-blue-10-rgb: 244, 252, 254;
  --ui-color-palette-white-base: #fff;
  --ui-color-palette-white-base-rgb: 255, 255, 255;
  --ui-color-palette-black-base: #333;
  --ui-color-palette-black-base-rgb: 51, 51, 51;
  --ui-color-palette-black-solid: #000;
  --ui-color-palette-black-solid-rgb: 0, 0, 0;
  --ui-color-overlay-base: rgba(255, 255, 255, 0.5);
  --ui-color-accent-yellow: #fef3b8;
  --ui-color-accent-yellow-rgb: 254, 243, 184;
  --ui-color-accent-purple: #a77bde;
  --ui-color-accent-purple-rgb: 167, 123, 222;
  --ui-color-accent-turquoise: #05b5ab;
  --ui-color-accent-turquoise-rgb: 5, 181, 171;
  --ui-color-accent-green: #29ad49;
  --ui-color-accent-green-rgb: 41, 173, 73;
  --ui-color-accent-brown: #ae914b;
  --ui-color-accent-brown-rgb: 174, 145, 75;
  --ui-color-accent-pink: #fb6dba;
  --ui-color-accent-pink-rgb: 251, 109, 186;
  --ui-color-accent-aqua: #55d0e0;
  --ui-color-accent-aqua-rgb: 85, 208, 224;
  --ui-color-accent-light-blue: #559be6;
  --ui-color-accent-light-blue-rgb: 85, 155, 230;
  --ui-color-tag-9: #e2e3e5;
  --ui-color-tag-9-rgb: 226, 227, 229;
  --ui-color-tag-8: #ccd3dd;
  --ui-color-tag-8-rgb: 204, 211, 221;
  --ui-color-tag-7: #dfc684;
  --ui-color-tag-7-rgb: 223, 198, 132;
  --ui-color-tag-6: #ace5ec;
  --ui-color-tag-6-rgb: 172, 229, 236;
  --ui-color-tag-5: #c2d1f0;
  --ui-color-tag-5-rgb: 194, 209, 240;
  --ui-color-tag-4: #87eda0;
  --ui-color-tag-4-rgb: 135, 237, 160;
  --ui-color-tag-3: #dbf087;
  --ui-color-tag-3-rgb: 219, 240, 135;
  --ui-color-tag-2: #00baf2;
  --ui-color-tag-2-rgb: 0, 186, 242;
  --ui-color-tag-1: #bcedfc;
  --ui-color-tag-1-rgb: 188, 237, 252;
  --ui-color-link-primary-base: #2066b0;
  --ui-color-link-primary-base-rgb: 32, 102, 176;
  --ui-color-background-none: none;
  --ui-color-background-transparent: transparent;
  --ui-color-copilot-primary: #8e52ec;
  --ui-color-copilot-primary-rgb: 142, 82, 236;
  --ui-color-copilot-secondary: #b095dc;
  --ui-color-copilot-secondary-rgb: 176, 149, 220;
  --ui-color-copilot-dark: #682ac6;
  --ui-color-copilot-dark-rgb: 104, 42, 198;
  --ui-border-width-thick: 2px;
  --ui-border-width-thin: 1px;
  --ui-border-radius-pill: 99rem;
  --ui-border-radius-circle: 50%;
  --ui-border-radius-3xl: 20px;
  --ui-border-radius-2xl: 16px;
  --ui-border-radius-xl: 14px;
  --ui-border-radius-lg: 12px;
  --ui-border-radius-md: 10px;
  --ui-border-radius-sm: 8px;
  --ui-border-radius-xs: 6px;
  --ui-border-radius-2xs: 4px;
  --ui-border-radius-3xs: 2px;
  --ui-border-radius-none: 0;
  --ui-typography-text-lg-font-weight: 400;
  --ui-typography-text-lg-line-height: 1.4;
  --ui-typography-text-lg-font-size: var(--ui-font-size-lg);
  --ui-typography-text-md-font-weight: 400;
  --ui-typography-text-md-line-height: 1.4;
  --ui-typography-text-md-font-size: var(--ui-font-size-md);
  --ui-typography-text-sm-font-weight: 400;
  --ui-typography-text-sm-line-height: 1.4;
  --ui-typography-text-sm-font-size: var(--ui-font-size-sm);
  --ui-typography-text-xs-font-weight: 400;
  --ui-typography-text-xs-line-height: 1.35;
  --ui-typography-text-xs-font-size: var(--ui-font-size-xs);
  --ui-typography-heading-h6-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h6-font-weight: 600;
  --ui-typography-heading-h6-line-height: 1.4;
  --ui-typography-heading-h6-font-size: var(--ui-font-size-md);
  --ui-typography-heading-h5-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h5-font-weight: 400;
  --ui-typography-heading-h5-line-height: 1.35;
  --ui-typography-heading-h5-font-size: var(--ui-font-size-xl);
  --ui-typography-heading-h4-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h4-font-weight: 400;
  --ui-typography-heading-h4-line-height: 1.35;
  --ui-typography-heading-h4-font-size: var(--ui-font-size-2xl);
  --ui-typography-heading-h3-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h3-font-weight: 300;
  --ui-typography-heading-h3-line-height: 1.3;
  --ui-typography-heading-h3-font-size: var(--ui-font-size-3xl);
  --ui-typography-heading-h2-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h2-font-weight: 300;
  --ui-typography-heading-h2-line-height: 1.3;
  --ui-typography-heading-h2-font-size: var(--ui-font-size-4xl);
  --ui-typography-heading-h1-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h1-font-weight: 300;
  --ui-typography-heading-h1-line-height: 1.2;
  --ui-typography-heading-h1-font-size: var(--ui-font-size-5xl);
  --ui-color-base-default: var(--ui-color-palette-black-base);
  --ui-color-base-default-rgb: var(--ui-color-palette-black-base-rgb);
  --ui-color-base-solid: var(--ui-color-palette-black-solid);
  --ui-color-base-solid-rgb: var(--ui-color-palette-black-solid-rgb);
  --ui-color-base-05: var(--ui-color-palette-gray-05);
  --ui-color-base-05-rgb: var(--ui-color-palette-gray-05-rgb);
  --ui-color-base-04: var(--ui-color-palette-gray-04);
  --ui-color-base-04-rgb: var(--ui-color-palette-gray-04-rgb);
  --ui-color-base-03: var(--ui-color-palette-gray-03);
  --ui-color-base-03-rgb: var(--ui-color-palette-gray-03-rgb);
  --ui-color-base-02: var(--ui-color-palette-gray-02);
  --ui-color-base-02-rgb: var(--ui-color-palette-gray-02-rgb);
  --ui-color-base-90: var(--ui-color-palette-gray-90);
  --ui-color-base-90-rgb: var(--ui-color-palette-gray-90-rgb);
  --ui-color-base-80: var(--ui-color-palette-gray-80);
  --ui-color-base-80-rgb: var(--ui-color-palette-gray-80-rgb);
  --ui-color-base-70: var(--ui-color-palette-gray-70);
  --ui-color-base-70-rgb: var(--ui-color-palette-gray-70-rgb);
  --ui-color-base-60: var(--ui-color-palette-gray-60);
  --ui-color-base-60-rgb: var(--ui-color-palette-gray-60-rgb);
  --ui-color-base-50: var(--ui-color-palette-gray-50);
  --ui-color-base-50-rgb: var(--ui-color-palette-gray-50-rgb);
  --ui-color-base-40: var(--ui-color-palette-gray-40);
  --ui-color-base-40-rgb: var(--ui-color-palette-gray-40-rgb);
  --ui-color-base-35: var(--ui-color-palette-gray-35);
  --ui-color-base-35-rgb: var(--ui-color-palette-gray-35-rgb);
  --ui-color-base-30: var(--ui-color-palette-gray-30);
  --ui-color-base-30-rgb: var(--ui-color-palette-gray-30-rgb);
  --ui-color-base-20: var(--ui-color-palette-gray-20);
  --ui-color-base-20-rgb: var(--ui-color-palette-gray-20-rgb);
  --ui-color-base-15: var(--ui-color-palette-gray-15);
  --ui-color-base-15-rgb: var(--ui-color-palette-gray-15-rgb);
  --ui-color-base-10: var(--ui-color-palette-gray-10);
  --ui-color-base-10-rgb: var(--ui-color-palette-gray-10-rgb);
  --ui-color-background-note: var(--ui-color-palette-beige-base);
  --ui-color-background-note-rgb: var(--ui-color-palette-beige-base-rgb);
  --ui-color-background-on-alert: var(--ui-color-palette-red-70);
  --ui-color-background-on-alert-rgb: var(--ui-color-palette-red-70-rgb);
  --ui-color-background-alert: var(--ui-color-palette-red-20);
  --ui-color-background-alert-rgb: var(--ui-color-palette-red-20-rgb);
  --ui-color-background-on-warning: var(--ui-color-palette-orange-70);
  --ui-color-background-on-warning-rgb: var(--ui-color-palette-orange-70-rgb);
  --ui-color-background-warning: var(--ui-color-palette-orange-20);
  --ui-color-background-warning-rgb: var(--ui-color-palette-orange-20-rgb);
  --ui-color-background-on-success: var(--ui-color-palette-green-70);
  --ui-color-background-on-success-rgb: var(--ui-color-palette-green-70-rgb);
  --ui-color-background-success: var(--ui-color-palette-green-20);
  --ui-color-background-success-rgb: var(--ui-color-palette-green-20-rgb);
  --ui-color-background-on-info: var(--ui-color-palette-blue-70);
  --ui-color-background-on-info-rgb: var(--ui-color-palette-blue-70-rgb);
  --ui-color-background-info: var(--ui-color-palette-blue-20);
  --ui-color-background-info-rgb: var(--ui-color-palette-blue-20-rgb);
  --ui-color-background-tertiary: var(--ui-color-palette-gray-05);
  --ui-color-background-tertiary-rgb: var(--ui-color-palette-gray-05-rgb);
  --ui-color-background-secondary: var(--ui-color-palette-gray-10);
  --ui-color-background-secondary-rgb: var(--ui-color-palette-gray-10-rgb);
  --ui-color-background-primary: var(--ui-color-palette-white-base);
  --ui-color-background-primary-rgb: var(--ui-color-palette-white-base-rgb);
  --ui-color-text-warning: var(--ui-color-palette-orange-50);
  --ui-color-text-warning-rgb: var(--ui-color-palette-orange-50-rgb);
  --ui-color-text-alert: var(--ui-color-palette-red-50);
  --ui-color-text-alert-rgb: var(--ui-color-palette-red-50-rgb);
  --ui-color-text-subtle: var(--ui-color-palette-gray-70);
  --ui-color-text-subtle-rgb: var(--ui-color-palette-gray-70-rgb);
  --ui-color-text-secondary: var(--ui-color-palette-gray-90);
  --ui-color-text-secondary-rgb: var(--ui-color-palette-gray-90-rgb);
  --ui-color-text-primary: var(--ui-color-palette-black-base);
  --ui-color-text-primary-rgb: var(--ui-color-palette-black-base-rgb);
  --ui-color-extranet: var(--ui-color-palette-orange-60);
  --ui-color-extranet-rgb: var(--ui-color-palette-orange-60-rgb);
  --ui-color-on-primary-alt: var(--ui-color-palette-white-base);
  --ui-color-on-primary-alt-rgb: var(--ui-color-palette-white-base-rgb);
  --ui-color-primary-alt: var(--ui-color-palette-green-50);
  --ui-color-primary-alt-rgb: var(--ui-color-palette-green-50-rgb);
  --ui-color-on-primary: var(--ui-color-palette-white-base);
  --ui-color-on-primary-rgb: var(--ui-color-palette-white-base-rgb);
  --ui-color-primary: var(--ui-color-palette-blue-50);
  --ui-color-primary-rgb: var(--ui-color-palette-blue-50-rgb);
}

.ui-typography-heading-h1 {
  font-size: var(--ui-typography-heading-h1-font-size);
  line-height: var(--ui-typography-heading-h1-line-height);
  font-weight: var(--ui-typography-heading-h1-font-weight);
  color: var(--ui-typography-heading-h1-color);
}

.ui-typography-heading-h2 {
  font-size: var(--ui-typography-heading-h2-font-size);
  line-height: var(--ui-typography-heading-h2-line-height);
  font-weight: var(--ui-typography-heading-h2-font-weight);
  color: var(--ui-typography-heading-h2-color);
}

.ui-typography-heading-h3 {
  font-size: var(--ui-typography-heading-h3-font-size);
  line-height: var(--ui-typography-heading-h3-line-height);
  font-weight: var(--ui-typography-heading-h3-font-weight);
  color: var(--ui-typography-heading-h3-color);
}

.ui-typography-heading-h4 {
  font-size: var(--ui-typography-heading-h4-font-size);
  line-height: var(--ui-typography-heading-h4-line-height);
  font-weight: var(--ui-typography-heading-h4-font-weight);
  color: var(--ui-typography-heading-h4-color);
}

.ui-typography-heading-h5 {
  font-size: var(--ui-typography-heading-h5-font-size);
  line-height: var(--ui-typography-heading-h5-line-height);
  font-weight: var(--ui-typography-heading-h5-font-weight);
  color: var(--ui-typography-heading-h5-color);
}

.ui-typography-heading-h6 {
  font-size: var(--ui-typography-heading-h6-font-size);
  line-height: var(--ui-typography-heading-h6-line-height);
  font-weight: var(--ui-typography-heading-h6-font-weight);
  color: var(--ui-typography-heading-h6-color);
}

.ui-typography-text-xs {
  font-size: var(--ui-typography-text-xs-font-size);
  line-height: var(--ui-typography-text-xs-line-height);
  font-weight: var(--ui-typography-text-xs-font-weight);
}

.ui-typography-text-sm {
  font-size: var(--ui-typography-text-sm-font-size);
  line-height: var(--ui-typography-text-sm-line-height);
  font-weight: var(--ui-typography-text-sm-font-weight);
}

.ui-typography-text-md {
  font-size: var(--ui-typography-text-md-font-size);
  line-height: var(--ui-typography-text-md-line-height);
  font-weight: var(--ui-typography-text-md-font-weight);
}

.ui-typography-text-lg {
  font-size: var(--ui-typography-text-lg-font-size);
  line-height: var(--ui-typography-text-lg-line-height);
  font-weight: var(--ui-typography-text-lg-font-weight);
}

:root {
  --ui-text-letter-spacing-auto: auto;
  --ui-text-letter-spacing-neg-3: -0.01em;
  --ui-text-letter-spacing-neg-2: -0.02em;
  --ui-text-letter-spacing-neg-1: -0.03em;
  --ui-text-letter-spacing-3: 0.15em;
  --ui-text-letter-spacing-2: 0.1em;
  --ui-text-letter-spacing-1: 0.025em;
  --ui-text-decoration-style-dashed: dashed;
  --ui-text-decoration-style-wavy: wavy;
  --ui-text-decoration-style-dotted: dotted;
  --ui-text-decoration-style-double: double;
  --ui-text-decoration-style-solid: solid;
  --ui-text-decoration-line-overline: overline;
  --ui-text-decoration-line-line-through: line-through;
  --ui-text-decoration-line-underline: underline;
  --ui-text-transform-lowercase: lowercase;
  --ui-text-transform-uppercase: uppercase;
  --ui-text-transform-capitalize: capitalize;
  --ui-text-transform-none: none;
  --ui-space-inset-8xl: 72px;
  --ui-space-inset-7xl: 64px;
  --ui-space-inset-6xl: 48px;
  --ui-space-inset-5xl: 40px;
  --ui-space-inset-4xl: 36px;
  --ui-space-inset-3xl: 32px;
  --ui-space-inset-2xl: 28px;
  --ui-space-inset-xl2: 26px;
  --ui-space-inset-xl: 24px;
  --ui-space-inset-lg2: 22px;
  --ui-space-inset-lg: 20px;
  --ui-space-inset-md2: 18px;
  --ui-space-inset-md: 16px;
  --ui-space-inset-sm2: 14px;
  --ui-space-inset-sm: 12px;
  --ui-space-inset-xs2: 10px;
  --ui-space-inset-xs: 8px;
  --ui-space-inset-2xs2: 6px;
  --ui-space-inset-2xs: 4px;
  --ui-space-inset-3xs: 2px;
  --ui-space-inset-none: 0;
  --ui-space-inline-8xl-neg: -72px;
  --ui-space-inline-7xl-neg: -64px;
  --ui-space-inline-6xl-neg: -48px;
  --ui-space-inline-5xl-neg: -40px;
  --ui-space-inline-4xl-neg: -36px;
  --ui-space-inline-3xl-neg: -32px;
  --ui-space-inline-2xl-neg: -28px;
  --ui-space-inline-xl2-neg: -26px;
  --ui-space-inline-xl-neg: -24px;
  --ui-space-inline-lg2-neg: -22px;
  --ui-space-inline-lg-neg: -20px;
  --ui-space-inline-md2-neg: -18px;
  --ui-space-inline-md-neg: -16px;
  --ui-space-inline-sm2-neg: -14px;
  --ui-space-inline-sm-neg: -12px;
  --ui-space-inline-xs2-neg: -10px;
  --ui-space-inline-xs-neg: -8px;
  --ui-space-inline-2xs2-neg: -6px;
  --ui-space-inline-2xs-neg: -4px;
  --ui-space-inline-3xs-neg: -2px;
  --ui-space-inline-8xl: 72px;
  --ui-space-inline-7xl: 64px;
  --ui-space-inline-6xl: 48px;
  --ui-space-inline-5xl: 40px;
  --ui-space-inline-4xl: 36px;
  --ui-space-inline-3xl: 32px;
  --ui-space-inline-2xl: 28px;
  --ui-space-inline-xl2: 26px;
  --ui-space-inline-xl: 24px;
  --ui-space-inline-lg2: 22px;
  --ui-space-inline-lg: 20px;
  --ui-space-inline-md2: 18px;
  --ui-space-inline-md: 16px;
  --ui-space-inline-sm2: 14px;
  --ui-space-inline-sm: 12px;
  --ui-space-inline-xs2: 10px;
  --ui-space-inline-xs: 8px;
  --ui-space-inline-2xs2: 6px;
  --ui-space-inline-2xs: 4px;
  --ui-space-inline-3xs: 2px;
  --ui-space-inline-none: 0;
  --ui-space-stack-8xl-neg: -72px;
  --ui-space-stack-7xl-neg: -64px;
  --ui-space-stack-6xl-neg: -48px;
  --ui-space-stack-5xl-neg: -40px;
  --ui-space-stack-4xl-neg: -36px;
  --ui-space-stack-3xl-neg: -32px;
  --ui-space-stack-2xl-neg: -28px;
  --ui-space-stack-xl2-neg: -26px;
  --ui-space-stack-xl-neg: -24px;
  --ui-space-stack-lg2-neg: -22px;
  --ui-space-stack-lg-neg: -20px;
  --ui-space-stack-md2-neg: -18px;
  --ui-space-stack-md-neg: -16px;
  --ui-space-stack-sm2-neg: -14px;
  --ui-space-stack-sm-neg: -12px;
  --ui-space-stack-xs2-neg: -10px;
  --ui-space-stack-xs-neg: -8px;
  --ui-space-stack-2xs2-neg: -6px;
  --ui-space-stack-2xs-neg: -4px;
  --ui-space-stack-3xs-neg: -2px;
  --ui-space-stack-8xl: 72px;
  --ui-space-stack-7xl: 64px;
  --ui-space-stack-6xl: 48px;
  --ui-space-stack-5xl: 40px;
  --ui-space-stack-4xl: 36px;
  --ui-space-stack-3xl: 32px;
  --ui-space-stack-2xl: 28px;
  --ui-space-stack-xl2: 26px;
  --ui-space-stack-xl: 24px;
  --ui-space-stack-lg2: 22px;
  --ui-space-stack-lg: 20px;
  --ui-space-stack-md2: 18px;
  --ui-space-stack-md: 16px;
  --ui-space-stack-sm2: 14px;
  --ui-space-stack-sm: 12px;
  --ui-space-stack-xs2: 10px;
  --ui-space-stack-xs: 8px;
  --ui-space-stack-2xs2: 6px;
  --ui-space-stack-2xs: 4px;
  --ui-space-stack-3xs: 2px;
  --ui-space-stack-none: 0;
  --ui-size-8xl: 72px;
  --ui-size-7xl: 64px;
  --ui-size-6xl: 48px;
  --ui-size-5xl: 40px;
  --ui-size-4xl: 36px;
  --ui-size-3xl: 32px;
  --ui-size-2xl: 28px;
  --ui-size-xl2: 26px;
  --ui-size-xl: 24px;
  --ui-size-lg2: 22px;
  --ui-size-lg: 20px;
  --ui-size-md2: 18px;
  --ui-size-md: 16px;
  --ui-size-sm2: 14px;
  --ui-size-sm: 12px;
  --ui-size-xs2: 10px;
  --ui-size-xs: 8px;
  --ui-size-2xs2: 6px;
  --ui-size-2xs: 4px;
  --ui-size-3xs: 2px;
  --ui-size-none: 0;
  --ui-shadow-left-4xl: -16px 0 24px 0 rgba(0, 0, 0, 0.11);
  --ui-shadow-left-3xl: -12px 0 17px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-left-2xl: -8px 0 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-left-xl: -6px 0 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-left-l: -4px 0 5px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-left-m: -3px 0 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-left-s: -2px 0 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-left-xs: -2px 0 2px 0 rgba(0, 0, 0, 0.07);
  --ui-shadow-left-2xs: -1px 0 2px 0 rgba(0, 0, 0, 0.06);
  --ui-shadow-bottom-4xl: 0 16px 24px 0 rgba(0, 0, 0, 0.11);
  --ui-shadow-bottom-3xl: 0 12px 17px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-bottom-2xl: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-bottom-xl: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-bottom-l: 0 4px 5px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-bottom-m: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-bottom-s: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-bottom-xs: 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  --ui-shadow-bottom-2xs: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --ui-shadow-right-4xl: 16px 0 24px 0 rgba(0, 0, 0, 0.11);
  --ui-shadow-right-3xl: 12px 0 17px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-right-2xl: 8px 0 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-right-xl: 6px 0 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-right-l: 4px 0 5px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-right-m: 3px 0 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-right-s: 2px 0 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-right-xs: 2px 0 2px 0 rgba(0, 0, 0, 0.07);
  --ui-shadow-right-2xs: 1px 0 2px 0 rgba(0, 0, 0, 0.06);
  --ui-shadow-top-4xl: 0 -16px 24px 0 rgba(0, 0, 0, 0.11);
  --ui-shadow-top-3xl: 0 -12px 17px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-top-2xl: 0 -8px 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-top-xl: 0 -6px 10px 0 rgba(0, 0, 0, 0.1);
  --ui-shadow-top-l: 0 -4px 5px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-top-m: 0 -3px 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-top-s: 0 -2px 4px 0 rgba(0, 0, 0, 0.08);
  --ui-shadow-top-xs: 0 -2px 2px 0 rgba(0, 0, 0, 0.07);
  --ui-shadow-top-2xs: 0 -1px 2px 0 rgba(0, 0, 0, 0.06);
  --ui-opacity-none: 0;
  --ui-opacity-full: 1;
  --ui-opacity-90: 0.9;
  --ui-opacity-80: 0.8;
  --ui-opacity-70: 0.7;
  --ui-opacity-60: 0.6;
  --ui-opacity-50: 0.5;
  --ui-opacity-40: 0.4;
  --ui-opacity-30: 0.3;
  --ui-opacity-20: 0.2;
  --ui-opacity-10: 0.1;
  --ui-opacity-5: 0.05;
  --ui-font-line-height-3xl: 2;
  --ui-font-line-height-2xl: 1.75;
  --ui-font-line-height-xl: 1.62;
  --ui-font-line-height-lg: 1.5;
  --ui-font-line-height-md: 1.4;
  --ui-font-line-height-sm: 1.35;
  --ui-font-line-height-2xs: 1.3;
  --ui-font-line-height-3xs: 1.2;
  --ui-font-line-height-reset: 1;
  --ui-font-size-5xl: 28px;
  --ui-font-size-4xl: 24px;
  --ui-font-size-3xl: 22px;
  --ui-font-size-2xl: 18px;
  --ui-font-size-xl: 16px;
  --ui-font-size-lg: 15px;
  --ui-font-size-md: 14px;
  --ui-font-size-sm: 13px;
  --ui-font-size-xs: 12px;
  --ui-font-size-3xs: 11px;
  --ui-font-size-4xs: 10px;
  --ui-font-size-5xs: 9px;
  --ui-font-size-6xs: 8px;
  --ui-font-size-7xs: 7px;
  --ui-font-weight-extra-black: 950;
  --ui-font-weight-black: 900;
  --ui-font-weight-extra-bold: 800;
  --ui-font-weight-bold: 700;
  --ui-font-weight-semi-bold: 600;
  --ui-font-weight-medium: 500;
  --ui-font-weight-normal: 400;
  --ui-font-weight-regular: 400;
  --ui-font-weight-light: 300;
  --ui-font-weight-extra-light: 200;
  --ui-font-weight-thin: 100;
  --ui-font-family-helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ui-font-family-system-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
  --ui-font-family-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --ui-color-palette-beige-base: #fdfae1;
  --ui-color-palette-beige-base-rgb: 253, 250, 225;
  --ui-color-palette-gray-02: #f8fafb;
  --ui-color-palette-gray-02-rgb: 248, 250, 251;
  --ui-color-palette-gray-03: #f5f7f8;
  --ui-color-palette-gray-03-rgb: 245, 247, 248;
  --ui-color-palette-gray-04: #f1f4f6;
  --ui-color-palette-gray-04-rgb: 241, 244, 246;
  --ui-color-palette-gray-05: #eef2f4;
  --ui-color-palette-gray-05-rgb: 238, 242, 244;
  --ui-color-palette-gray-90: #525c69;
  --ui-color-palette-gray-90-rgb: 82, 92, 105;
  --ui-color-palette-gray-80: #6a737f;
  --ui-color-palette-gray-80-rgb: 106, 115, 127;
  --ui-color-palette-gray-70: #828b95;
  --ui-color-palette-gray-70-rgb: 130, 139, 149;
  --ui-color-palette-gray-60: #959ca4;
  --ui-color-palette-gray-60-rgb: 149, 156, 164;
  --ui-color-palette-gray-50: #a8adb4;
  --ui-color-palette-gray-50-rgb: 168, 173, 180;
  --ui-color-palette-gray-40: #bdc1c6;
  --ui-color-palette-gray-40-rgb: 189, 193, 198;
  --ui-color-palette-gray-35: #c9ccd0;
  --ui-color-palette-gray-35-rgb: 201, 204, 208;
  --ui-color-palette-gray-30: #d5d7db;
  --ui-color-palette-gray-30-rgb: 213, 215, 219;
  --ui-color-palette-gray-20: #dfe0e3;
  --ui-color-palette-gray-20-rgb: 223, 224, 227;
  --ui-color-palette-gray-15: #e6e7e9;
  --ui-color-palette-gray-15-rgb: 230, 231, 233;
  --ui-color-palette-gray-10: #edeef0;
  --ui-color-palette-gray-10-rgb: 237, 238, 240;
  --ui-color-palette-red-solid: #f0371b;
  --ui-color-palette-red-solid-rgb: 240, 55, 27;
  --ui-color-palette-red-95: #800602;
  --ui-color-palette-red-95-rgb: 128, 6, 2;
  --ui-color-palette-red-90: #9a0703;
  --ui-color-palette-red-90-rgb: 154, 7, 3;
  --ui-color-palette-red-80: #c21b16;
  --ui-color-palette-red-80-rgb: 194, 27, 22;
  --ui-color-palette-red-70: #e92f2a;
  --ui-color-palette-red-70-rgb: 233, 47, 42;
  --ui-color-palette-red-60: #f4433e;
  --ui-color-palette-red-60-rgb: 244, 67, 62;
  --ui-color-palette-red-50: #ff5752;
  --ui-color-palette-red-50-rgb: 255, 87, 82;
  --ui-color-palette-red-45: #ff7c78;
  --ui-color-palette-red-45-rgb: 255, 124, 120;
  --ui-color-palette-red-40: #ff9a97;
  --ui-color-palette-red-40-rgb: 255, 154, 151;
  --ui-color-palette-red-30: #ffcdcc;
  --ui-color-palette-red-30-rgb: 255, 205, 204;
  --ui-color-palette-red-25: #ffdcdb;
  --ui-color-palette-red-25-rgb: 255, 220, 219;
  --ui-color-palette-red-20: #ffe8e8;
  --ui-color-palette-red-20-rgb: 255, 232, 232;
  --ui-color-palette-red-15: #fff0f0;
  --ui-color-palette-red-15-rgb: 255, 240, 240;
  --ui-color-palette-red-10: #fff8f8;
  --ui-color-palette-red-10-rgb: 255, 248, 248;
  --ui-color-palette-orange-95: #614000;
  --ui-color-palette-orange-95-rgb: 97, 64, 0;
  --ui-color-palette-orange-90: #7a5100;
  --ui-color-palette-orange-90-rgb: 122, 81, 0;
  --ui-color-palette-orange-80: #9f6a00;
  --ui-color-palette-orange-80-rgb: 159, 106, 0;
  --ui-color-palette-orange-70: #c48300;
  --ui-color-palette-orange-70-rgb: 196, 131, 0;
  --ui-color-palette-orange-60: #e89b06;
  --ui-color-palette-orange-60-rgb: 232, 155, 6;
  --ui-color-palette-orange-50: #ffa900;
  --ui-color-palette-orange-50-rgb: 255, 169, 0;
  --ui-color-palette-orange-40: #ffc34d;
  --ui-color-palette-orange-40-rgb: 255, 195, 77;
  --ui-color-palette-orange-30: #ffe1a6;
  --ui-color-palette-orange-30-rgb: 255, 225, 166;
  --ui-color-palette-orange-25: #ffe9be;
  --ui-color-palette-orange-25-rgb: 255, 233, 190;
  --ui-color-palette-orange-20: #fff1d6;
  --ui-color-palette-orange-20-rgb: 255, 241, 214;
  --ui-color-palette-orange-15: #fff5e3;
  --ui-color-palette-orange-15-rgb: 255, 245, 227;
  --ui-color-palette-orange-10: #fffaf0;
  --ui-color-palette-orange-10-rgb: 255, 250, 240;
  --ui-color-palette-green-95: #3d4f00;
  --ui-color-palette-green-95-rgb: 61, 79, 0;
  --ui-color-palette-green-90: #506900;
  --ui-color-palette-green-90-rgb: 80, 105, 0;
  --ui-color-palette-green-80: #688800;
  --ui-color-palette-green-80-rgb: 104, 136, 0;
  --ui-color-palette-green-70: #7fa800;
  --ui-color-palette-green-70-rgb: 127, 168, 0;
  --ui-color-palette-green-60: #8dbb00;
  --ui-color-palette-green-60-rgb: 141, 187, 0;
  --ui-color-palette-green-55: #95c500;
  --ui-color-palette-green-55-rgb: 149, 197, 0;
  --ui-color-palette-green-50: #9dcf00;
  --ui-color-palette-green-50-rgb: 157, 207, 0;
  --ui-color-palette-green-40: #bbde4d;
  --ui-color-palette-green-40-rgb: 187, 222, 77;
  --ui-color-palette-green-35: #cfe780;
  --ui-color-palette-green-35-rgb: 207, 231, 128;
  --ui-color-palette-green-30: #e2f1b3;
  --ui-color-palette-green-30-rgb: 226, 241, 179;
  --ui-color-palette-green-25: #faf6c3;
  --ui-color-palette-green-25-rgb: 250, 246, 195;
  --ui-color-palette-green-20: #f1fbd0;
  --ui-color-palette-green-20-rgb: 241, 251, 208;
  --ui-color-palette-green-15: #f5fcde;
  --ui-color-palette-green-15-rgb: 245, 252, 222;
  --ui-color-palette-green-10: #fafded;
  --ui-color-palette-green-10-rgb: 250, 253, 237;
  --ui-color-palette-blue-95: #004f69;
  --ui-color-palette-blue-95-rgb: 0, 79, 105;
  --ui-color-palette-blue-90: #006484;
  --ui-color-palette-blue-90-rgb: 0, 100, 132;
  --ui-color-palette-blue-80: #00789e;
  --ui-color-palette-blue-80-rgb: 0, 120, 158;
  --ui-color-palette-blue-70: #008dba;
  --ui-color-palette-blue-70-rgb: 0, 141, 186;
  --ui-color-palette-blue-60: #11a9d9;
  --ui-color-palette-blue-60-rgb: 17, 169, 217;
  --ui-color-palette-blue-50: #2fc6f6;
  --ui-color-palette-blue-50-rgb: 47, 198, 246;
  --ui-color-palette-blue-40: #7fdefc;
  --ui-color-palette-blue-40-rgb: 127, 222, 252;
  --ui-color-palette-blue-30: #c3f0ff;
  --ui-color-palette-blue-30-rgb: 195, 240, 255;
  --ui-color-palette-blue-25: #d3f4ff;
  --ui-color-palette-blue-25-rgb: 211, 244, 255;
  --ui-color-palette-blue-20: #e5f9ff;
  --ui-color-palette-blue-20-rgb: 229, 249, 255;
  --ui-color-palette-blue-15: #ecfafe;
  --ui-color-palette-blue-15-rgb: 236, 250, 254;
  --ui-color-palette-blue-10: #f4fcfe;
  --ui-color-palette-blue-10-rgb: 244, 252, 254;
  --ui-color-palette-white-base: #fff;
  --ui-color-palette-white-base-rgb: 255, 255, 255;
  --ui-color-palette-black-base: #333;
  --ui-color-palette-black-base-rgb: 51, 51, 51;
  --ui-color-palette-black-solid: #000;
  --ui-color-palette-black-solid-rgb: 0, 0, 0;
  --ui-color-overlay-base: rgba(255, 255, 255, 0.5);
  --ui-color-accent-yellow: #fef3b8;
  --ui-color-accent-yellow-rgb: 254, 243, 184;
  --ui-color-accent-purple: #a77bde;
  --ui-color-accent-purple-rgb: 167, 123, 222;
  --ui-color-accent-turquoise: #05b5ab;
  --ui-color-accent-turquoise-rgb: 5, 181, 171;
  --ui-color-accent-green: #29ad49;
  --ui-color-accent-green-rgb: 41, 173, 73;
  --ui-color-accent-brown: #ae914b;
  --ui-color-accent-brown-rgb: 174, 145, 75;
  --ui-color-accent-pink: #fb6dba;
  --ui-color-accent-pink-rgb: 251, 109, 186;
  --ui-color-accent-aqua: #55d0e0;
  --ui-color-accent-aqua-rgb: 85, 208, 224;
  --ui-color-accent-light-blue: #559be6;
  --ui-color-accent-light-blue-rgb: 85, 155, 230;
  --ui-color-tag-9: #e2e3e5;
  --ui-color-tag-9-rgb: 226, 227, 229;
  --ui-color-tag-8: #ccd3dd;
  --ui-color-tag-8-rgb: 204, 211, 221;
  --ui-color-tag-7: #dfc684;
  --ui-color-tag-7-rgb: 223, 198, 132;
  --ui-color-tag-6: #ace5ec;
  --ui-color-tag-6-rgb: 172, 229, 236;
  --ui-color-tag-5: #c2d1f0;
  --ui-color-tag-5-rgb: 194, 209, 240;
  --ui-color-tag-4: #87eda0;
  --ui-color-tag-4-rgb: 135, 237, 160;
  --ui-color-tag-3: #dbf087;
  --ui-color-tag-3-rgb: 219, 240, 135;
  --ui-color-tag-2: #00baf2;
  --ui-color-tag-2-rgb: 0, 186, 242;
  --ui-color-tag-1: #bcedfc;
  --ui-color-tag-1-rgb: 188, 237, 252;
  --ui-color-link-primary-base: #2066b0;
  --ui-color-link-primary-base-rgb: 32, 102, 176;
  --ui-color-background-none: none;
  --ui-color-background-transparent: transparent;
  --ui-color-copilot-primary: #8e52ec;
  --ui-color-copilot-primary-rgb: 142, 82, 236;
  --ui-color-copilot-secondary: #b095dc;
  --ui-color-copilot-secondary-rgb: 176, 149, 220;
  --ui-color-copilot-dark: #682ac6;
  --ui-color-copilot-dark-rgb: 104, 42, 198;
  --ui-border-width-thick: 2px;
  --ui-border-width-thin: 1px;
  --ui-border-radius-pill: 99rem;
  --ui-border-radius-circle: 50%;
  --ui-border-radius-3xl: 20px;
  --ui-border-radius-2xl: 16px;
  --ui-border-radius-xl: 14px;
  --ui-border-radius-lg: 12px;
  --ui-border-radius-md: 10px;
  --ui-border-radius-sm: 8px;
  --ui-border-radius-xs: 6px;
  --ui-border-radius-2xs: 4px;
  --ui-border-radius-3xs: 2px;
  --ui-border-radius-none: 0;
  --ui-typography-text-lg-font-weight: 400;
  --ui-typography-text-lg-line-height: 1.4;
  --ui-typography-text-lg-font-size: var(--ui-font-size-lg);
  --ui-typography-text-md-font-weight: 400;
  --ui-typography-text-md-line-height: 1.4;
  --ui-typography-text-md-font-size: var(--ui-font-size-md);
  --ui-typography-text-sm-font-weight: 400;
  --ui-typography-text-sm-line-height: 1.4;
  --ui-typography-text-sm-font-size: var(--ui-font-size-sm);
  --ui-typography-text-xs-font-weight: 400;
  --ui-typography-text-xs-line-height: 1.35;
  --ui-typography-text-xs-font-size: var(--ui-font-size-xs);
  --ui-typography-heading-h6-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h6-font-weight: 600;
  --ui-typography-heading-h6-line-height: 1.4;
  --ui-typography-heading-h6-font-size: var(--ui-font-size-md);
  --ui-typography-heading-h5-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h5-font-weight: 400;
  --ui-typography-heading-h5-line-height: 1.35;
  --ui-typography-heading-h5-font-size: var(--ui-font-size-xl);
  --ui-typography-heading-h4-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h4-font-weight: 400;
  --ui-typography-heading-h4-line-height: 1.35;
  --ui-typography-heading-h4-font-size: var(--ui-font-size-2xl);
  --ui-typography-heading-h3-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h3-font-weight: 300;
  --ui-typography-heading-h3-line-height: 1.3;
  --ui-typography-heading-h3-font-size: var(--ui-font-size-3xl);
  --ui-typography-heading-h2-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h2-font-weight: 300;
  --ui-typography-heading-h2-line-height: 1.3;
  --ui-typography-heading-h2-font-size: var(--ui-font-size-4xl);
  --ui-typography-heading-h1-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h1-font-weight: 300;
  --ui-typography-heading-h1-line-height: 1.2;
  --ui-typography-heading-h1-font-size: var(--ui-font-size-5xl);
  --ui-color-base-default: var(--ui-color-palette-black-base);
  --ui-color-base-default-rgb: var(--ui-color-palette-black-base-rgb);
  --ui-color-base-solid: var(--ui-color-palette-black-solid);
  --ui-color-base-solid-rgb: var(--ui-color-palette-black-solid-rgb);
  --ui-color-base-05: var(--ui-color-palette-gray-05);
  --ui-color-base-05-rgb: var(--ui-color-palette-gray-05-rgb);
  --ui-color-base-04: var(--ui-color-palette-gray-04);
  --ui-color-base-04-rgb: var(--ui-color-palette-gray-04-rgb);
  --ui-color-base-03: var(--ui-color-palette-gray-03);
  --ui-color-base-03-rgb: var(--ui-color-palette-gray-03-rgb);
  --ui-color-base-02: var(--ui-color-palette-gray-02);
  --ui-color-base-02-rgb: var(--ui-color-palette-gray-02-rgb);
  --ui-color-base-90: var(--ui-color-palette-gray-90);
  --ui-color-base-90-rgb: var(--ui-color-palette-gray-90-rgb);
  --ui-color-base-80: var(--ui-color-palette-gray-80);
  --ui-color-base-80-rgb: var(--ui-color-palette-gray-80-rgb);
  --ui-color-base-70: var(--ui-color-palette-gray-70);
  --ui-color-base-70-rgb: var(--ui-color-palette-gray-70-rgb);
  --ui-color-base-60: var(--ui-color-palette-gray-60);
  --ui-color-base-60-rgb: var(--ui-color-palette-gray-60-rgb);
  --ui-color-base-50: var(--ui-color-palette-gray-50);
  --ui-color-base-50-rgb: var(--ui-color-palette-gray-50-rgb);
  --ui-color-base-40: var(--ui-color-palette-gray-40);
  --ui-color-base-40-rgb: var(--ui-color-palette-gray-40-rgb);
  --ui-color-base-35: var(--ui-color-palette-gray-35);
  --ui-color-base-35-rgb: var(--ui-color-palette-gray-35-rgb);
  --ui-color-base-30: var(--ui-color-palette-gray-30);
  --ui-color-base-30-rgb: var(--ui-color-palette-gray-30-rgb);
  --ui-color-base-20: var(--ui-color-palette-gray-20);
  --ui-color-base-20-rgb: var(--ui-color-palette-gray-20-rgb);
  --ui-color-base-15: var(--ui-color-palette-gray-15);
  --ui-color-base-15-rgb: var(--ui-color-palette-gray-15-rgb);
  --ui-color-base-10: var(--ui-color-palette-gray-10);
  --ui-color-base-10-rgb: var(--ui-color-palette-gray-10-rgb);
  --ui-color-background-note: var(--ui-color-palette-beige-base);
  --ui-color-background-note-rgb: var(--ui-color-palette-beige-base-rgb);
  --ui-color-background-on-alert: var(--ui-color-palette-red-70);
  --ui-color-background-on-alert-rgb: var(--ui-color-palette-red-70-rgb);
  --ui-color-background-alert: var(--ui-color-palette-red-20);
  --ui-color-background-alert-rgb: var(--ui-color-palette-red-20-rgb);
  --ui-color-background-on-warning: var(--ui-color-palette-orange-70);
  --ui-color-background-on-warning-rgb: var(--ui-color-palette-orange-70-rgb);
  --ui-color-background-warning: var(--ui-color-palette-orange-20);
  --ui-color-background-warning-rgb: var(--ui-color-palette-orange-20-rgb);
  --ui-color-background-on-success: var(--ui-color-palette-green-70);
  --ui-color-background-on-success-rgb: var(--ui-color-palette-green-70-rgb);
  --ui-color-background-success: var(--ui-color-palette-green-20);
  --ui-color-background-success-rgb: var(--ui-color-palette-green-20-rgb);
  --ui-color-background-on-info: var(--ui-color-palette-blue-70);
  --ui-color-background-on-info-rgb: var(--ui-color-palette-blue-70-rgb);
  --ui-color-background-info: var(--ui-color-palette-blue-20);
  --ui-color-background-info-rgb: var(--ui-color-palette-blue-20-rgb);
  --ui-color-background-tertiary: var(--ui-color-palette-gray-05);
  --ui-color-background-tertiary-rgb: var(--ui-color-palette-gray-05-rgb);
  --ui-color-background-secondary: var(--ui-color-palette-gray-10);
  --ui-color-background-secondary-rgb: var(--ui-color-palette-gray-10-rgb);
  --ui-color-background-primary: var(--ui-color-palette-white-base);
  --ui-color-background-primary-rgb: var(--ui-color-palette-white-base-rgb);
  --ui-color-text-warning: var(--ui-color-palette-orange-50);
  --ui-color-text-warning-rgb: var(--ui-color-palette-orange-50-rgb);
  --ui-color-text-alert: var(--ui-color-palette-red-50);
  --ui-color-text-alert-rgb: var(--ui-color-palette-red-50-rgb);
  --ui-color-text-subtle: var(--ui-color-palette-gray-70);
  --ui-color-text-subtle-rgb: var(--ui-color-palette-gray-70-rgb);
  --ui-color-text-secondary: var(--ui-color-palette-gray-90);
  --ui-color-text-secondary-rgb: var(--ui-color-palette-gray-90-rgb);
  --ui-color-text-primary: var(--ui-color-palette-black-base);
  --ui-color-text-primary-rgb: var(--ui-color-palette-black-base-rgb);
  --ui-color-extranet: var(--ui-color-palette-orange-60);
  --ui-color-extranet-rgb: var(--ui-color-palette-orange-60-rgb);
  --ui-color-on-primary-alt: var(--ui-color-palette-white-base);
  --ui-color-on-primary-alt-rgb: var(--ui-color-palette-white-base-rgb);
  --ui-color-primary-alt: var(--ui-color-palette-green-50);
  --ui-color-primary-alt-rgb: var(--ui-color-palette-green-50-rgb);
  --ui-color-on-primary: var(--ui-color-palette-white-base);
  --ui-color-on-primary-rgb: var(--ui-color-palette-white-base-rgb);
  --ui-color-primary: var(--ui-color-palette-blue-50);
  --ui-color-primary-rgb: var(--ui-color-palette-blue-50-rgb);
}

.ui-typography-heading-h1 {
  font-size: var(--ui-typography-heading-h1-font-size);
  line-height: var(--ui-typography-heading-h1-line-height);
  font-weight: var(--ui-typography-heading-h1-font-weight);
  color: var(--ui-typography-heading-h1-color);
}

.ui-typography-heading-h2 {
  font-size: var(--ui-typography-heading-h2-font-size);
  line-height: var(--ui-typography-heading-h2-line-height);
  font-weight: var(--ui-typography-heading-h2-font-weight);
  color: var(--ui-typography-heading-h2-color);
}

.ui-typography-heading-h3 {
  font-size: var(--ui-typography-heading-h3-font-size);
  line-height: var(--ui-typography-heading-h3-line-height);
  font-weight: var(--ui-typography-heading-h3-font-weight);
  color: var(--ui-typography-heading-h3-color);
}

.ui-typography-heading-h4 {
  font-size: var(--ui-typography-heading-h4-font-size);
  line-height: var(--ui-typography-heading-h4-line-height);
  font-weight: var(--ui-typography-heading-h4-font-weight);
  color: var(--ui-typography-heading-h4-color);
}

.ui-typography-heading-h5 {
  font-size: var(--ui-typography-heading-h5-font-size);
  line-height: var(--ui-typography-heading-h5-line-height);
  font-weight: var(--ui-typography-heading-h5-font-weight);
  color: var(--ui-typography-heading-h5-color);
}

.ui-typography-heading-h6 {
  font-size: var(--ui-typography-heading-h6-font-size);
  line-height: var(--ui-typography-heading-h6-line-height);
  font-weight: var(--ui-typography-heading-h6-font-weight);
  color: var(--ui-typography-heading-h6-color);
}

.ui-typography-text-xs {
  font-size: var(--ui-typography-text-xs-font-size);
  line-height: var(--ui-typography-text-xs-line-height);
  font-weight: var(--ui-typography-text-xs-font-weight);
}

.ui-typography-text-sm {
  font-size: var(--ui-typography-text-sm-font-size);
  line-height: var(--ui-typography-text-sm-line-height);
  font-weight: var(--ui-typography-text-sm-font-weight);
}

.ui-typography-text-md {
  font-size: var(--ui-typography-text-md-font-size);
  line-height: var(--ui-typography-text-md-line-height);
  font-weight: var(--ui-typography-text-md-font-weight);
}

.ui-typography-text-lg {
  font-size: var(--ui-typography-text-lg-font-size);
  line-height: var(--ui-typography-text-lg-line-height);
  font-weight: var(--ui-typography-text-lg-font-weight);
}

:root {
  --ui-font-family-open-sans: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@font-face {
  font-family: "Open Sans";
  src: local("Open Sans"), url("../fonts/opensans-regular.woff") format("woff"), url("../fonts/opensans-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Light"), url("../fonts/opensans-light.woff") format("woff"), url("../fonts/opensans-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Semibold"), url("../fonts/opensans-semibold.woff") format("woff"), url("../fonts/opensans-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Bold"), url("../fonts/opensans-bold.woff") format("woff"), url("../fonts/opensans-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans";
  src: local("Open Sans"), url("../fonts/opensans-regular.woff") format("woff"), url("../fonts/opensans-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Regular";
  src: local("Open Sans"), url("../fonts/opensans-regular.woff") format("woff"), url("../fonts/opensans-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Light";
  src: local("Open Sans Light"), url("../fonts/opensans-light.woff") format("woff"), url("../fonts/opensans-light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Semibold";
  src: local("Open Sans Semibold"), url("../fonts/opensans-semibold.woff") format("woff"), url("../fonts/opensans-semibold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Bold";
  src: local("Open Sans Bold"), url("../fonts/opensans-bold.woff") format("woff"), url("../fonts/opensans-bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
#collection2:hover .arrow-prew-new,
#collection2:hover .arrow-next-new {
  opacity: 1;
  visibility: visible;
}

#collection1:hover .arrow-prew-new,
#collection1:hover .arrow-next-new {
  opacity: 1;
  visibility: visible;
}

.catalog-contain {
  width: -webkit-fill-available;
  height: 570px;
  background-color: white;
  position: absolute;
  z-index: 100000;
  top: 185px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0px 43px 46px 0px rgba(136, 136, 136, 0.1098039216);
  box-shadow: 0px 43px 46px 0px rgba(136, 136, 136, 0.1098039216);
}

.cc-second {
  height: 262px;
}

.catalog-categoryhead-main {
  color: #2e2e30;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 20px;
}

.catalog-categoryhead-sec {
  font-size: 14px;
  color: #808080;
  line-height: 17.5px;
  margin-left: 2px;
}

.catalog-categoryhead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog-category-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.catalog-category-row a {
  font-size: 16px;
  font-weight: 400;
  color: #808080;
  line-height: 20px;
}

.catalog-elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 48px;
}

.none {
  display: none;
}

.poselem1 {
  width: -webkit-fill-available;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.poselem2 {
  width: 1464px;
  position: relative;
}

.catalogsw {
  top: -1000px;
}

.cardbtndec1 {
  text-transform: uppercase;
  cursor: pointer;
}

.picture-video {
  cursor: pointer;
}

.card-showmore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 120px;
  position: absolute;
  color: white;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 700;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  line-height: 34px;
  border-radius: 8px;
}

.card-playvid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 120px;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  border-radius: 8px;
}

.card-playvid img {
  width: 27px !important;
  height: 27px !important;
}

.catalog-banner {
  margin-top: 15px;
  width: 1216px;
  border-radius: 26px;
  margin-bottom: 20px;
  cursor: pointer;
}

.pagination-catalog {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 20px;
  height: 50px;
}

.pagination-elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 388px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
}

.pagebutton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  height: 28px;
  border-radius: 3.11px;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-active {
  background-color: #2a8ce3;
  color: white;
}

.pointer {
  cursor: pointer;
}

.pagination-button {
  width: 154px;
  height: 40px;
  border-radius: 6px;
  font-size: 12px;
}

.collection-blure {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 5px 7px 5px 7px;
  border-radius: 50px;
  color: white;
  font-size: 18px;
  font-weight: 700;
  backdrop-filter: blur(27px);
  -webkit-backdrop-filter: blur(27px);
}

.bpos1 {
  top: 30px;
  left: 30px;
}

.bpos2 {
  bottom: 30px;
  left: 30px;
}

.bpos3 {
  bottom: 30px;
  left: 216px;
}

.collection-name-mnimg {
  position: absolute;
  color: white;
  font-size: 48px;
  font-weight: 500;
  top: 95px;
  left: 30px;
}

.collection-gradcont {
  width: 100%;
  height: 100%;
  position: absolute;
  background: -o-linear-gradient(88.14deg, rgba(0, 0, 0, 0) 3.01%, rgba(0, 0, 0, 0.5) 99.7%);
  background: linear-gradient(1.86deg, rgba(0, 0, 0, 0) 3.01%, rgba(0, 0, 0, 0.5) 99.7%);
  border-radius: 20px;
}

.collection2 .product-sort__box {
  position: absolute;
  margin: 0;
  left: 0px;
  top: 0px;
}

.collection2 .products-section {
  position: relative;
}

.collection2 .elemscroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  overflow: unset;
  cursor: auto !important;
  margin-top: 0px;
}

.deccol2 {
  width: 388px !important;
  margin-right: 0px !important;
}

.collection2 #popular {
  width: 100%;
  overflow: unset;
}

.collection2 .swiper-slide-next {
  display: none;
}

.collection2 .swiper-slide-prew {
  display: none;
}

.collection2 .arrow-next-new {
  display: none;
}

.collection2 .arrow-prew-new {
  display: none;
}

.collection2 .products .popular-produc__box {
  margin-bottom: 40px;
}

.collection2 .show-more__btn {
  display: none;
}

.collection2 .tabs-container {
  margin-bottom: 0px;
}

.decmenyC {
  display: none !important;
}

.btn-showitem {
  position: absolute;
  background: #ff9b07;
  width: 86px;
  height: 48px;
  border-radius: 12px 0px 0px 12px;
  color: white;
  font-size: 18px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  bottom: 24px;
  right: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.shitmDec {
  font-size: 14px;
}

.none {
  display: none !important;
}

.media-block__slider img {
  width: 45px;
  height: 45px;
  border-radius: 4px;
  padding: 1px;
}

.media-block__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  gap: 4px;
  opacity: 0;
  height: 0;
  visibility: hidden;
  cursor: pointer;
}

.cimgactiv {
  border: 1.26px solid #2a8ce3;
}

.itembaner {
  margin-top: 50px;
}

.itembaner {
  width: 100%;
}

.itembaner img {
  width: 100%;
  cursor: pointer;
}


.promoution {
  margin-top: 40px;
  width: 230px;
  height: 52px;
  text-transform: uppercase;
}

.Promoutions .stock {
  padding-top: 0px;
}

.user-left {
  width: 224px;
  background: white;
  border-radius: 20px;
  padding: 8px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.user-left ul {
  font-size: 16px;
  color: #2e2e30;
  line-height: 20px;
}

.user-left li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  gap: 12px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.UserMain {
  background-color: #f4f5f6;
}

.usliactive {
  background: #f4f5f6;
}

.user-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  gap: 32px;
  padding: 24px;
  background: white;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px 0px 10px 10px;
  width: 100%;
}

.uscont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  padding-bottom: 100px;
}

.user-top-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.bigline {
  font-size: 48px;
  line-height: 60px;
  font-weight: 400;
  color: #2e2e30;
}

.user-top-case {
  color: #808080;
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #f4f5f6;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 12px;
  padding: 16px;
}

.user-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.User .title {
  font-size: 28px;
}

.User .tabs {
  display: none;
}

.usdec {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-right: 20px;
}

.user-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  background: white;
  margin-left: 10px;
  padding: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}

.usdec2 {
  width: 375px;
}

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

.us-a-dw {
  display: none;
}

.us-notice {
  padding: 4px 8px 4px 8px;
  border-radius: 4px;
  background: #ff385d;
  color: white;
  font-size: 14px;
  font-weight: 500;
}

.us-sales-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}

.us-N {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.us-sales-line {
  background: #f4f5f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 16px;
  padding: 16px;
}

.us-14G {
  font-size: 14px;
  color: #808080;
  line-height: 18px;
}

.us-16G {
  font-size: 16px;
  color: #808080;
  line-height: 20px;
}

.us-16B {
  font-size: 16px;
  color: #2e2e30;
}

.us-14B {
  font-size: 14px;
  color: #2e2e30;
  line-height: 20px;
}

.GRS {
  width: 12px;
  height: 12px;
  background: #32d583;
  border-radius: 100%;
}

.us-sales-section-st {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 115px;
}

.swaipimage {
  pointer-events: none;
}

.mwusedit {
  max-width: 348px;
  gap: 8px;
}

.Gray {
  background: #808080;
}

.Yellow {
  background: #ff9b07;
}

.Red {
  background: #f20c0c;
}

.sw-bg .us-sales-line:nth-child(even) {
  background-color: white;
}

.cst-space {
  gap: 27px;
}

.sc-mobdec {
  display: none;
}

.user-left ul li:hover {
  color: #2a8ce3;
}

.user-left ul li:hover svg path {
  fill: #2a8ce3;
}

.user-left ul li:hover .strdec {
  stroke: #2a8ce3;
}

.user-left ul li:hover .strdecn {
  fill: unset;
  stroke: #2a8ce3;
}

.userdata {
  background: white;
  width: 548px;
  height: 50px;
  border-radius: 8px;
  border: 1px solid #dedede;
  padding-left: 16px;
}

.usprofile .user-right-top {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.usprofile .user-right-bottom {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

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

.UserMain .user-right-top {
  margin: 0px 10px 10px 20px;
}

.usbtnrdec {
  text-transform: uppercase;
  margin-top: 20px;
  width: 200px;
}

.UserMain .usprofile .user-right-bottom {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.UserMain .usprofile .user-right-bottom {
  font-size: 16px;
}

.inpchecked {
  width: 18px;
  margin-top: -65px;
  position: relative;
  right: 5px;
  margin-left: 95%;
  padding-bottom: 15px;
}

.editusheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.editprbutton {
  font-weight: 400;
  color: #2e2e30;
  border-bottom: 1px dashed;
  line-height: 24px;
  cursor: pointer;
}

.prh1dec {
  margin-bottom: 30px;
  margin-left: 20px;
}

.alertmain {
  width: 360px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  gap: 12px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  border-radius: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 400;
  color: white;
  padding: 12px 16px 12px 16px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  z-index: 10001;
  visibility: hidden;
  display: none;
}

.alertmain.show {
  opacity: 1;
  visibility: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.alertgreen {
  background: #32d583;
}

.alertred {
  background: #f20c0c;
}

.alertheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 500;
}

.alertheader img {
  cursor: pointer;
  display: none;
}

.individualform {
  z-index: 3;
  -webkit-box-shadow: 0px -5px 10px 0px rgba(136, 136, 136, 0.0431372549), 0px 2.86px 3.06px 0px rgba(136, 136, 136, 0.0431372549), 0px 9.6px 10.27px 0px rgba(136, 136, 136, 0.0666666667), 0px 43px 46px 0px rgba(136, 136, 136, 0.1098039216);
  box-shadow: 0px -5px 10px 0px rgba(136, 136, 136, 0.0431372549), 0px 2.86px 3.06px 0px rgba(136, 136, 136, 0.0431372549), 0px 9.6px 10.27px 0px rgba(136, 136, 136, 0.0666666667), 0px 43px 46px 0px rgba(136, 136, 136, 0.1098039216);
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  border-radius: 20px;
  padding: 24px;
  gap: 24px;
}

.i-form-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  width: 432px;
}

.i-form-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}

.i-form-input .userdata {
  width: 100%;
}

.i-form-desc {
  color: #808080;
}

.addcolor {
  font-size: 16px;
  color: #4299ff;
  font-weight: 400;
  cursor: pointer;
}

.i-form-input .check-box__label {
  margin-left: 5px;
}

.addspan {
  font-size: 36px;
  font-weight: 100;
  line-height: 20px;
  position: absolute;
  margin-left: 10px;
}

.i-form-header svg {
  cursor: pointer;
}

.formindDec {
  height: 52px;
  text-transform: uppercase;
}

.colorform {
  z-index: 4;
  -webkit-box-shadow: 0px -4px 9px 0px rgba(35, 31, 31, 0.2196078431), 0px 2.86px 3.06px 0px rgba(136, 136, 136, 0.0431372549), 0px 9.6px 10.27px 0px rgba(136, 136, 136, 0.0666666667), 0px 43px 46px 0px rgba(136, 136, 136, 0.1098039216);
  box-shadow: 0px -4px 9px 0px rgba(35, 31, 31, 0.2196078431), 0px 2.86px 3.06px 0px rgba(136, 136, 136, 0.0431372549), 0px 9.6px 10.27px 0px rgba(136, 136, 136, 0.0666666667), 0px 43px 46px 0px rgba(136, 136, 136, 0.1098039216);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: white;
  width: 480px;
  height: 396px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 24px;
  border-radius: 20px;
  gap: 24px;
}

.colortable {
  width: 428px;
  height: 224px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: scroll;
  gap: 4px;
}

.colorelem {
  cursor: pointer;
  width: 66px;
  height: 34px;
  background: #4299ff;
  border-radius: 4px;
  border: 1px solid #ececec;
  padding: 8px;
  text-align: center;
}

.cselect {
  border-color: #393636;
}

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

.selplace-left {
  width: 848px;
  position: relative;
}

.selplace-meny {
  padding-top: 24px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 573px;
  height: 383px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  right: 50px;
  top: 23px;
  gap: 24px;
}

.sm-sw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inputblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.sp1 {
  font-size: 16px;
  cursor: pointer;
}

.sp2 {
  font-size: 16px;
  color: #808080;
}

.sp3 {
  margin-bottom: 42px;
  font-size: 14px;
  font-weight: 400;
  color: #2e2e30;
  border-bottom: 1px dashed #808080;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}

.sm-sw p {
  font-size: 18px;
  padding: 8px 16px 8px 16px;
  font-weight: 400;
  line-height: 23px;
  border-bottom: 1px solid #ececec;
  cursor: pointer;
}

.selectsm {
  border-bottom: 1px solid #808080 !important;
}

.inputblock .search-box {
  width: 100%;
}

.selplace-meny a {
  color: unset;
}

.selplacemain {
  height: 100vh;
}

.selplacemain-right {
  width: 1072px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.selplacemain-right img {
  width: 100%;
  height: 100%;
}

.confirmblock-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.confirmblock-center {
  padding: 16px 20px 16px 20px;
  border: 1px solid #ececec;
  border-radius: 12px;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.confirmblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.confirmblock-center-inf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}

.confirmblock-center h3 {
  font-weight: 400;
  line-height: 20px;
  color: #2e2e30;
}

.confirmblock-center-inf p {
  color: #2e2e30;
}

.confdecp {
  color: #808080 !important;
}

.confirmblock button {
  height: 52px;
  text-transform: uppercase;
  margin-bottom: 50px;
}

.GrayDashed {
  width: 111px;
  color: #2e2e30;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px dashed #808080;
  height: 20px;
  margin-right: 45px;
  cursor: pointer;
}

.Cancellation-Modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 360px;
  height: 272px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: white;
  border-radius: 20px;
  padding: 24px;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 40;
}

.can-textarea {
  width: 312px;
  height: 68px;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #dedede;
}

.can-buttom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.Cancellation-Modal .us-btn {
  width: 312px;
  height: 52px;
}

.Cancellation-Modal .GrayDashed {
  margin-right: 0;
}

.Cancellation-Modal .i-form-header {
  width: 310px;
}

.Order .tabs {
  display: block;
}

.Order .tabs-container {
  padding-left: 0;
  padding-right: 0;
}

.Order .sw-bg h1 {
  font-size: 24px;
}

.Notices .us-sales-section-st {
  width: 500px;
}

.Notices .us-16B {
  font-weight: 500;
}

.GRS {
  min-width: 12px;
}

.check-boxes .check-box__label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #999999;
}

.check-boxes .check-box__label::after {
  content: "";
  position: absolute;
  top: 43%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 16px;
  height: 16px;
  background: url(/static/image/checked.svg) no-repeat;
  background-position: center;
  background-size: 10px 8px;
}

.cmsel-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cmsel {
  width: 224px;
  height: 459px;
}

.charline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  background: #f4f5f6;
  padding: 8px;
  border-radius: 8px;
}

.purchase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1464px;
  margin: 0 auto;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.charline:nth-child(even) {
  background-color: white;
}

.chname {
  width: 224px;
  color: #2e2e30 !important;
  -webkit-box-flex: unset !important;
  -ms-flex-positive: unset !important;
  flex-grow: unset !important;
}

.charline p {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #808080;
  font-weight: 400;
}

.cmdellh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dellcm {
  background: white;
  padding: 16px 32px 16px 32px;
  border: 1px solid #55a3e9;
  color: #55a3e9;
  text-transform: uppercase;
  height: 52px;
}

.dellcm:hover {
  background: #d1eaff;
}

.clbl {
  color: #4299ff;
}

.clselcdec {
  color: #808080 !important;
  cursor: pointer;
}

.clselcdec:active {
  color: #808080 !important;
  border: unset;
  border-bottom: 1px dotted #808080 !important;
  outline: unset !important;
}

.collection2 .sort-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 20px;
  top: -6px;
}

.collection2 .tabs ul .tab-item {
  border: none;
  padding: 0;
  font-size: 14px;
  color: #2e2e30;
}

.collection2 .popular-categories__boxes {
  border: none;
}

.collection2 .tabs ul .tab-item::before {
  opacity: 0;
}

.collection2 .popular-categories__box {
  font-weight: 300;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.sortcol2cont {
  height: 32px;
  position: relative;
  margin-bottom: 10px;
}

.collection2 .adflc2 {
  cursor: pointer;
}

.collection2 .list-layout .swiper-slide {
  width: 100% !important;
}

.catalog-banner {
  display: none;
}

.collection2 .popular-produc__box:hover {
  max-height: 740px;
}

.collection2 .about-product {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.rewpst {
  color: #2e2e30;
  font-weight: 400;
}

.Clflbtn {
  left: 275px;
  position: absolute;
  top: 3px;
  color: #2e2e30;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px dashed #808080;
  height: 20px;
  margin-right: 45px;
  cursor: pointer;
}

.basket .check-box__label {
  font-size: 14px;
  color: #2e2e30;
}

.Bdellbtn {
  color: #ff385d;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  cursor: pointer;
}

.basket .flln {
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-left: 20px;
  font-weight: 300;
}

.BleftCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.BAllcard {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.card-addmor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 137px;
  height: 44px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f1f8ff;
  border-radius: 12px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.Basket-bndec1 {
  width: 94px;
  height: 32px;
  border-radius: 8px;
}

.card-addmor-elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 100;
  font-size: 43px;
  color: white;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #2a8ce3;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 25px;
}

.card-addmor-elem-dec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 300;
  font-size: 22px;
  color: white;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #2a8ce3;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 30px;
}

.card-addmor-num {
  font-size: 18px;
  font-weight: 400;
}

.basket .check-box__input {
  width: 16px;
  height: 16px;
}

.BleftCardMain .check-box__input {
  -ms-grid-row-align: center;
  -ms-grid-column-align: center;
  place-self: center;
}

.BrightCard {
  width: 472px;
  padding: 24px;
  gap: 24px;
  border-radius: 12px;
  background-color: #f4f5f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  font-weight: 300;
  color: #4d4d4d;
  line-height: 20px;
  text-align: center;
}

.BrightInfBtn {
  height: 52px;
  text-transform: uppercase;
  background: #dedede;
  color: #808080;
}

#slshwrp {
  display: none;
}

.Bcostprew {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px;
}

.BnameprewCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.BcostprewCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.BnamecostprewCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.Cdecline {
  width: 100%;
  height: 1px;
  background: #d9d9d9;
}

.BnameprewCont p {
  color: #808080;
}

.Bsmprew {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  color: #2e2e30;
}

.Bcostdec1 {
  font-size: 18px;
  font-weight: 500;
  color: #2e2e30;
}

.Bcostdec2 {
  font-size: 18px;
  font-weight: 400;
  color: #ff385d;
}

.clear-btn {
  position: absolute;
  right: 88px;
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 17px;
  top: 12px;
  z-index: 2;
  color: rgba(153, 153, 153, 0.4784313725);
}

.rewform {
  background: white;
  padding: 24px;
  border-radius: 20px;
}

@media screen and (max-width: 1500px) {
  .catalog2 .products .popular-produc__box {
    width: 333px;
  }
  .collection2 .tabs ul .tab-item {
    white-space: wrap;
  }
  .collection2 .tab-content {
    margin-top: 0px;
  }
  .collection2 .elemscroll {
    margin-top: 0px;
  }
  .collection2 .list-layout .swiper-slide {
    width: 100% !important;
  }
  .collection2 .sort-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .purchase {
    width: 940px;
  }
  .selplace-meny {
    width: 459px;
  }
  .selplace-left {
    width: 50%;
  }
  .selplacemain-right {
    width: 50%;
  }
  .UserMain .usprofile .user-right-bottom {
    margin: 0px 10px 10px 20px;
  }
  .userdata {
    width: auto;
  }
  .usprofile .user-right-bottom {
    width: auto;
  }
  .usprofile .user-right-top {
    width: auto;
  }
  .usboxprofileinf {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sc-usdesc {
    display: none;
  }
  .cst-space {
    gap: 8px;
  }
  .sc-mobdec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .us-sales-line {
    position: relative;
  }
  .us-sales-section-st {
    position: absolute;
    right: 25px;
  }
  .us-btn {
    width: 160px;
  }
  .mwusedit {
    max-width: unset;
  }
  .us-sales-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  .usercadcont {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .User .popular-produc__box {
    width: 316px;
  }
  .usercadcont > *:nth-child(n+3) {
    display: none;
  }
  .catalog2 .product-sort__box {
    width: auto !important;
  }
  .dropdown.active {
    margin-top: 18px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    max-height: unset;
  }
  .collection2 .product-sort__box {
    left: 10px;
  }
  .decmenyC {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    left: 10px !important;
  }
  .collection2 .decmenyC {
    display: none !important;
    left: 10px !important;
  }
  .collection2 .elemscroll .swiper-slide .swiper-slide-active {
    width: 100% !important;
  }
  .collection2 .popular-produc__box {
    width: 340px !important;
  }
  .collection2 .swiper-slide {
    width: 336px !important;
  }
  .catalog-banner {
    display: none;
  }
  .catalog-banner {
    width: 724px;
  }
  .card-showmore {
    width: 93px;
    height: 74px;
  }
  .card-playvid {
    width: 93px;
    height: 74px;
  }
  .tabs ul .tab-item {
    white-space: nowrap;
  }
  .footer .row {
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .footer .marketplaces-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .media-center__pagination {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .media-center__pagination .primary-btn {
    position: initial;
  }
  .favourite__products .collections__page {
    max-width: 596px;
  }
  .catalog-collections .catalog-collections__banner {
    padding: 24px 36px;
    margin-bottom: 80px;
  }
  .catalog-collections .catalog-collections__banner .title-lg {
    padding-bottom: 82px;
  }
  .catalog-collections .sidebars {
    position: relative;
  }
  .catalog-collections .product-sort__box .tabs {
    display: none;
  }
  .catalog-collections .sort-box__parent.media-block .sort-option {
    min-width: 185px;
  }
  .catalog-collections .media-block {
    display: block !important;
  }
  .catalog-collections .media-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
  }
  .catalog-collections .product-sort__box {
    margin-bottom: 25px;
  }
  .catalog-collections .product-sort__box {
    padding-bottom: 0 !important;
  }
  .popular-product__section.pt-100 {
    padding-top: 80px;
  }
  .articles .left-box {
    max-width: 620px;
  }
  .articles {
    padding-bottom: 80px;
  }
  .articles .right-box {
    min-width: 300px;
  }
  .help-section .help-img {
    height: 335px;
  }
  .help-section .title-lg {
    padding-bottom: 28px;
  }
  .help-section__news {
    display: block;
  }
  .help-section__stock {
    display: block;
  }
  .dashboard .right-box {
    max-width: 700px;
  }
  .dashboard .row-box {
    gap: 20px;
  }
  .dashboard .personal-data .cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dashboard .personal-data .cards .card-box {
    max-width: 100%;
  }
  .dashboard .purchases-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  .dashboard .purchases .status-box {
    position: absolute;
    top: 16px;
    right: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .dashboard .purchases-box {
    position: relative;
  }
  .dashboard .purchases-box .primary-btn.hide {
    display: none;
  }
  .delivery-address .left-box {
    padding-right: 20px;
  }
  .comparison .products {
    max-width: 700px;
  }
  .comparison .radio-boxes {
    min-width: 220px;
  }
  .basket .left-box {
    max-width: 620px;
  }
  .basket .gap-20 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
  .basket .img-btns {
    margin-top: 12px;
  }
  .basket .products .product-img {
    width: 100px;
    height: 100px;
  }
  .basket .products .check-boxes {
    margin: 45px 0 0 0;
  }
  .basket .right-box {
    max-width: 300px;
  }
  .BleftCardMain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 588px;
    position: relative;
    padding-left: 60px;
  }
  .BCMCenter {
    height: auto;
    padding-left: 170px;
  }
  .BCMCost {
    padding-left: 170px;
  }
  .BCMImg {
    position: absolute;
  }
  .basket .img-btns {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .BCMtc {
    height: 85px;
  }
  .Basket-bndec1 {
    position: absolute;
    bottom: 18px;
    left: 325px;
  }
  .BleftCardMain .check-box__input {
    position: absolute;
    left: 20px;
    top: 35%;
  }
  .BleftCardHeader {
    width: 588px;
  }
}
@media screen and (max-width: 1280px) {
  .catalog-contain {
    top: 210px;
    height: 827px;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    padding-top: 100px;
  }
  .catalogsw {
    display: none;
  }
}
@media screen and (max-width: 1140px) {
  .selplace-left {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .selplace-meny {
    width: 724px;
    position: relative;
    right: unset;
  }
  .selplacemain-right {
    width: 723px;
    height: 402px;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
  }
  .selplacemain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .filter-box .search-box {
    width: 100%;
  }
}
@media screen and (max-width: 993px) {
  .Clflbtn {
    display: none;
  }
  .collection2 .list-layout .media-block__btns button {
    width: 85% !important;
  }
  .collection2 .list-layout .popular-produc__box {
    width: 100% !important;
  }
  .catalog-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dellcm {
    height: 40px;
  }
  .purchase {
    width: 724px;
  }
  .cmsel-cont .usercadcont > *:nth-child(n+3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cmsel-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cmsel {
    height: auto;
    margin-bottom: 30px;
  }
  .Notices .us-sales-line {
    height: 100px;
  }
  .Notices .us-sales-section-st {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    right: unset;
  }
  .user-left {
    min-width: 228px;
  }
  .Promoutions .swiper-backface-hidden .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 352px !important;
    height: 212px;
  }
  .Promoutions .stock .stock-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
  .catalog2 .products-section__categories {
    position: absolute;
    top: 28px;
    left: -6px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .filter-btns {
    max-width: 212px;
  }
  .collection2 .swiper-slide {
    width: 218px !important;
  }
  .collection2 .popular-produc__box {
    width: 218px !important;
  }
  .collection-name-mnimg {
    font-size: 36px;
    top: 85px;
  }
  .collection2 .title-lg {
    display: none;
  }
  .collection2 .products .popular-produc__box .hover-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1;
    visibility: visible;
  }
  .collection2 .filter-btn {
    display: none !important;
  }
  .collection2 .tab-content {
    margin-top: 0px;
  }
  .tabs ul .tab-item {
    font-size: 14px;
    padding: 8px 10px;
  }
  .product-colors .color-boxes {
    display: none;
  }
  .product-swiper .swiper-button-next,
.product-swiper .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 46%) !important;
    -webkit-box-shadow: 0px 12px 24px 0px rgba(164, 164, 164, 0.1215686275);
    box-shadow: 0px 12px 24px 0px rgba(164, 164, 164, 0.1215686275);
  }
  .stock-prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .stock-next {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .footer .row {
    gap: 20px;
    -ms-grid-columns: auto 20px auto;
    grid-template-columns: auto auto;
  }
  .footer .company-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer .company-info .cards {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .title-lg sup {
    top: -8px;
  }
  .product-catalog {
    position: relative;
  }
  .favourite__products .collections__page {
    max-width: 100%;
  }
  .favourite__products .popular-produc__box .img-btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .product-catalog .title-lg {
    padding-top: 0;
  }
  .catalog-collections .sort-box__parent.media-block {
    display: none !important;
  }
  .catalog-collections .product-sort__box {
    padding-top: 0;
  }
  .catalog-collections .catalog-collections__banner .title-lg {
    padding-bottom: 24px;
  }
  .title-sm {
    font-size: 20px;
    line-height: 25px;
  }
  .popular-product__section.pt-100 {
    padding-top: 60px;
  }
  .popular-product__section.pt-100.media-none {
    display: none;
  }
  .articles .row-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .articles .row-box > div {
    max-width: 100%;
  }
  .articles {
    padding-bottom: 60px;
  }
  .articles .title-lg {
    padding-bottom: 8px;
  }
  .articles-two .article-content__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .articles-two .article-content__box img {
    width: 100%;
    height: 827px;
  }
  .articles .left-box {
    gap: 48px;
  }
  .articles-two .article-stock__box {
    max-width: 620px;
    height: 82px;
  }
  .help-section .help-img {
    height: 391px;
  }
  .help-section__stock .title {
    font-size: 28px;
    line-height: 35px;
    padding-bottom: 32px;
  }
  .dashboard .right-box {
    max-width: 476px;
    gap: 12px;
  }
  .dashboard .row-box .tab-box {
    max-width: 228px;
  }
  .dashboard .card-box .product-statistics__card {
    padding: 12px;
  }
  .dashboard .card-box .product-statistics__card .info-title {
    font-size: 14px;
    line-height: 17px;
  }
  .dashboard .card-box .product-statistics__card .count {
    font-size: 28px;
    line-height: 35px;
  }
  .dashboard .tab-list {
    width: 100%;
  }
  .dashboard .card-box .product-statistics {
    gap: 12px;
  }
  .dashboard .card-box {
    padding: 16px;
    border-radius: 12px;
  }
  .dashboard .right-box .swiper-button-next,
.dashboard .right-box .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 35%);
  }
  .dashboard .card-title {
    font-size: 20px;
    line-height: 25px;
  }
  .dashboard .notification-box .purchases-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dashboard .purchases .status-box {
    position: unset;
    font-size: 16px;
  }
  .dashboard .purchases .status-box .text-muted {
    font-size: 14px;
  }
  .dashboard .purchases .status-box .status {
    min-width: 12px;
  }
  .delivery-address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .delivery-address .left-box {
    max-width: 723px;
    margin: 0 auto;
    padding: 73px 0 60px 0;
  }
  .delivery-address .content {
    max-width: 100%;
    margin-left: 0;
  }
  .delivery-address .right-box {
    max-width: 723px;
    height: 402px;
  }
  .delivery-address {
    padding-bottom: 60px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .comparison-boxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
  }
  .comparison .table .tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .comparison .table .right-box {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 20px;
  }
  .comparison .table .right-box .td {
    max-width: 228px;
    width: 100%;
  }
  .comparison .title-box {
    margin-bottom: 40px;
  }
  .basket .basket-products {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .basket .left-box {
    max-width: 100%;
  }
  .wrapper {
    position: relative;
  }
  .basket .cart-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0px -12px 46px 0px rgba(164, 164, 164, 0.3);
    box-shadow: 0px -12px 46px 0px rgba(164, 164, 164, 0.3);
  }
  .order-product__page .basket .cart-box {
    max-width: 100%;
  }
  .order-product__page .basket .right-box {
    max-width: 100%;
  }
  .searching-results .search-box {
    margin-bottom: 32px;
  }
  .color-boxes-card .product-colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .color-boxes-card .color-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .collection2 .adflc2 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: 38%;
    top: -6px;
  }
  .catalog-banner {
    display: none;
  }
  .BAllcard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .BrightCard {
    position: fixed;
    width: 100%;
    margin: 0;
    left: 0;
    border-radius: 0;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
    bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #slshwrp {
    width: 441px;
    font-size: 14px;
    line-height: 18px;
    text-align: initial;
  }
  .BleftCardMain {
    width: 100%;
  }
  .BCMCenter {
    width: 580px;
  }
  .BleftCardHeader {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .catalog-contain {
    top: 210px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    padding-top: 100px;
    padding-bottom: 60px;
  }
  .title-lg {
    font-size: 36px;
    line-height: 45px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .collection2 .product-sort__box {
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    left: 35px !important;
  }
  .collection2 .adflc2 {
    position: relative;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-left: 50px;
    position: initial;
  }
  .collection2 .sortcol2cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .edselmenyC2 {
    left: -5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .collection2 .decmenyC {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    left: 10px !important;
  }
  .collection2 .swiper-slide {
    width: 200px !important;
  }
  .collection2 .popular-produc__box {
    width: 200px !important;
  }
  .collection2 .product-sort__box {
    left: 85px;
  }
  .collection2 .tabs-container {
    padding: 0px;
  }
  .collection2 .product-sort__box {
    top: 0px;
  }
  .selplace-meny {
    width: 500px;
  }
  .selplacemain-right {
    width: 500px;
  }
  .pagination-catalog {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 135px;
    margin-top: -20px;
  }
  .pagination-button {
    width: 388px;
  }
  .catalog-banner {
    width: 470px;
  }
  .catalog-contain {
    display: none;
  }
  .card-playvid {
    width: 69px;
    height: 56px;
  }
  .card-showmore {
    width: 69px;
    height: 56px;
  }
  .stock-box {
    display: none;
  }
  .product-scrollbar {
    display: block;
  }
  .product-prev,
.product-next {
    display: none;
  }
  .tabs ul .tab-item {
    font-size: 14px;
    line-height: 17.5px;
    padding: 8px;
  }
  .footer .row {
    gap: 20px;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }
  .footer .company-info__text {
    white-space: normal;
  }
  .media-center__pagination {
    display: none;
  }
  .product-catalog .title-lg {
    padding-top: 0;
  }
  .product-catalog .media-center__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  .product-catalog .media-center__pagination .primary-btn {
    width: 100%;
  }
  .product-catalog .media-center__pagination {
    margin-top: 24px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .product-catalog .tags {
    margin-top: 32px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .title-lg sup {
    font-size: 18px;
    line-height: 22.5px;
  }
  .product-catalog .stock-img {
    border-radius: 7px;
    margin: 12px 0;
  }
  .footer .row {
    padding-top: 40px;
  }
  .product-catalog .sort-box__parent .flex > span {
    display: none;
  }
  .favourite__products .popular-produc__box .positions-box {
    padding: 6px 8px;
    bottom: 24px;
  }
  .favourite__products .collections__page .popular-produc__box .tags {
    gap: 8px;
  }
  .product-catalog .desc {
    font-size: 14px;
    line-height: 17.5px;
  }
  .catalog-collections__breadcrumb .hide {
    display: none;
  }
  .catalog-collections .catalog-collections__banner {
    padding: 20px;
    margin-bottom: 40px;
  }
  .catalog-collections .catalog-collections__banner .status-box {
    font-size: 14px;
    line-height: 18px;
  }
  .catalog-collections .catalog-collections__banner .title-lg {
    padding-top: 10px;
  }
  .catalog-collections .sort-btns,
.catalog-collections .category-box__parent {
    display: none !important;
  }
  .popular-product__section.pt-100 .container {
    padding-left: 0;
    padding-right: 0;
  }
  .articles .right-box {
    min-width: 100%;
  }
  .articles .left-box {
    gap: 16px;
  }
  .articles .title-lg {
    padding-bottom: 16px;
    font-size: 28px;
    line-height: 35px;
  }
  .articles {
    padding-bottom: 52px;
  }
  .articles-two .article-content {
    padding: 20px;
  }
  .articles-two .article-content .container {
    padding: 0;
  }
  .articles-two .article-content__box img {
    height: 470px;
    border-radius: 20px;
  }
  .articles-two .content-box {
    padding: 0;
  }
  .articles-two .article-stock__box {
    border-radius: 12px;
    height: 96px;
  }
  .help-section__stock .title {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 28px;
  }
  .help-section .primary-btn {
    width: 100%;
  }
  .dashboard .row-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dashboard .row-box .right-box,
.dashboard .row-box .tab-box {
    max-width: 100%;
  }
  .dashboard .row-box .tab-box {
    padding-bottom: 0;
  }
  .dashboard .card-title {
    font-size: 18px;
    line-height: 22.5px;
    padding-bottom: 16px;
  }
  .dashboard .card-box .product-statistics {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .dashboard {
    padding-top: 24px;
  }
  .dashboard .personal-data .card-title {
    padding-bottom: 32px;
  }
  .dashboard .personal-data .right-card .primary-btn {
    width: 100%;
  }
  .delivery-address {
    background: #fff;
    padding: 24px;
  }
  .delivery-address .left-box {
    padding: 0 0 24px 0;
  }
  .delivery-address .info-text {
    padding: 32px 0 24px 0;
  }
  .delivery-address .prev-btn {
    margin-bottom: 37px;
  }
  .dashboard .tab-list .tab-item.active,
.dashboard .dashboard .tab-list .tab-item:hover {
    background: transparent;
  }
  .dashboard .tab-list {
    position: relative;
  }
  .dashboard .tab-list .arrow-down {
    display: block;
    position: absolute;
    top: 26px;
    right: 22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    width: 24px;
    height: 24px;
  }
  .dashboard .tab-list .tab-item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dashboard .tab-list .tab-item.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dashboard .tab-list .tab-item.remove {
    display: none;
  }
  .comparison-boxes .popular-produc__box .img-btns {
    display: none;
  }
  .comparison-boxes .img-box {
    height: 150px;
  }
  .comparison-boxes .content-box {
    position: relative;
  }
  .comparison-boxes .primary-btn {
    width: 35px !important;
    position: absolute;
    right: 8px;
    bottom: 35px;
  }
  .comparison-boxes .primary-btn span {
    display: none;
  }
  .comparison-boxes .media-block__btns {
    margin: 0;
  }
  .comparison-boxes .light-primary__btn {
    display: none !important;
  }
  .comparison-boxes .middle-box .price-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 0;
  }
  .comparison-boxes .discount-label {
    display: none;
  }
  .comparison-boxes .product-old__price {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .comparison-boxes .content-box .star-box img {
    display: none;
  }
  .comparison-boxes .content-box .star-box img:first-child {
    display: block;
  }
  .comparison-boxes .middle-box .product-name {
    font-size: 12px;
    line-height: 15px;
  }
  .comparison .title-box .outline-btn {
    display: none;
  }
  .basket .products .product-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 16px;
  }
  .basket .products .product-img {
    width: 100%;
    height: 280px;
    border-radius: 8px;
  }
  .basket .products .check-boxes {
    margin: 0;
    position: absolute;
    top: 26px;
    left: 26px;
  }
  .chat-box {
    bottom: 80px;
  }
  .chat-box__img {
    width: 33px;
    height: 33px;
  }
  .chat-box__img::before {
    width: 42px;
    height: 42px;
  }
  .chat-box__img::after {
    width: 50px;
    height: 50px;
    display: none;
  }
  .chat-box__img img {
    width: 15px;
    height: 15px;
  }
  .chat-box .social-media__box {
    bottom: 53px;
  }
  .chat-box .social-media img {
    width: 33px;
    height: 33px;
  }
  .chat-box .back-call {
    width: 33px;
    height: 33px;
  }
  .chat-box .back-call img {
    width: 15px;
    height: 15px;
  }
  .chat-box .social-media {
    gap: 4px;
  }
  .animation-btn {
    width: 31px;
    height: 31px;
  }
  .animation-btn::before {
    width: 42px;
    height: 42px;
  }
  .animation-btn img {
    width: 15px;
    height: 15px;
  }
  #find-modal {
    bottom: 0;
    z-index: 999;
  }
  #find-modal.show {
    display: block !important;
  }
  #find-modal .relative-box {
    position: fixed;
    bottom: 52px;
  }
  #find-modal .modal-content {
    max-width: 100%;
    margin-top: auto;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(138, 138, 138, 0.2509803922);
    box-shadow: 0px 4px 20px 0px rgba(138, 138, 138, 0.2509803922);
    border-radius: 20px 20px 0 0;
    padding-bottom: 70px;
  }
  #find-modal .social-media__box {
    bottom: 33px;
    right: 22px;
  }
  .chat-box {
    right: 22px;
  }
  .modal .modal-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .modal .modal-footer .primary-btn {
    width: 100%;
  }
  .cookie-modal .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  .cookie-modal {
    padding: 28px 20px 84px 20px;
  }
  .cookie-modal p br {
    display: none;
  }
  .cookie-modal .primary-btn {
    width: 100%;
  }
  footer {
    padding-bottom: 125px;
  }
  #find-modal .social-media img {
    width: 30px;
    height: 30px;
  }
  #find-modal .back-call {
    width: 30px;
    height: 30px;
  }
  #find-modal .relative-box {
    width: 100%;
  }
  .position-product__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    bottom: 90px;
  }
  .position-product__box .btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .position-product__box .btns button {
    width: 100%;
  }
  #find-modal .animation-btn {
    position: absolute;
    bottom: 40px;
    right: 16px;
  }
  .collection2 .decmenyC {
    position: relative;
    left: 20px !important;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .BleftCardMain {
    width: 100%;
    gap: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 16px;
    position: relative;
  }
  .BleftCardMain .check-box__input {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 1;
  }
  .basket .img-btns {
    position: absolute;
    top: 15px;
    right: 40px;
  }
  .BCMtc {
    height: 65px;
  }
  .BCMCost {
    gap: 2px;
    padding-left: 0px;
  }
  .Basket-bndec1 {
    position: absolute;
    bottom: 18px;
    right: 25px;
    left: unset;
  }
  .BCMImg {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .BCMCenter {
    width: auto;
    padding-left: 0px;
  }
  .BCMtc {
    height: auto;
    gap: 16px;
  }
  .BCMCostT {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .BrightCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    bottom: 56px;
    z-index: 1;
  }
  #slshwrp {
    width: 312px;
    text-align: center;
  }
  .BrightInfBtn {
    width: 312px;
  }
  .dashboard .tab-list .tab-item {
    display: none;
  }
  .title-lg {
    font-size: 24px;
    line-height: 30px;
    padding: 24px 0 32px 0;
  }
}
@media screen and (min-width: 768px) {
  #rb2 img {
    height: 464px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
}
@media screen and (max-width: 530px) {
  .pagination-box .pagination-number:nth-child(6),
.pagination-box .pagination-number:nth-child(7) {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .stock-prev,
.stock-next {
    display: none;
  }
  .mobfiltr {
    display: none;
  }
  .tags {
    display: block;
  }
  .tags .tag {
    float: left;
    margin: 6px;
  }
  .mbsellDec20 {
    bottom: 5px !important;
  }
}
@media screen and (max-width: 480px) {
  .rewform {
    height: 100%;
    overflow: scroll;
    border-radius: 0;
    padding-bottom: 65px;
  }
  #starBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto !important;
  }
  .flln {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
  }
  .sortcol2cont {
    margin-left: 40px;
  }
  .collection2 .tags {
    padding-left: 15px;
    padding-right: 15px;
  }
  .collection2 .desc-box {
    padding-left: 15px;
    padding-right: 15px;
  }
  .collection2 .tabs-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .collection2 .elemscroll {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .collection2 {
    padding: 0;
  }
  .collection2 .product-catalog .sidebars {
    padding-left: 24px;
    padding-right: 24px;
  }
  .collection2 .products {
    margin-top: 0px;
  }
  .collection2 #popular {
    padding: 0;
    height: auto;
    margin: 0;
  }
  .edselmenyC2 {
    left: -5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .cmdellh {
    margin-top: 50px;
  }
  .dellcm {
    display: none;
  }
  .charline {
    position: relative;
  }
  .charline p {
    padding-top: 30px;
  }
  .chname {
    top: -23px;
    position: absolute;
  }
  .purchase {
    width: 100%;
    padding: 0 15px 28px 15px;
  }
  .Notices .GRS {
    top: -10px;
    position: relative;
  }
  .Notices .us-sales-line {
    height: 135px;
  }
  .Notices .us-sales-section-st {
    width: auto;
  }
  .selplace-meny {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
  .selplace-meny {
    width: 312px;
  }
  .selplacemain-right {
    width: 312px;
    margin-bottom: 30px;
  }
  .usprofile .user-right-bottom h2 {
    font-size: 18px;
  }
  .editusheader h2 {
    font-size: 18px;
  }
  .usprofile .prh1dec {
    font-size: 24px;
  }
  .inpchecked {
    margin-left: 88%;
  }
  .colorelem {
    width: 55px;
  }
  .colorform,
.colortable {
    width: 100%;
  }
  .i-form-input {
    width: 100%;
  }
  .individualform {
    width: 100%;
    top: 50%;
    overflow: scroll;
    height: 500px;
  }
  .order0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .us-sales-section-st {
    position: relative;
    right: unset;
  }
  .user-left ul {
    font-size: 16px;
    color: #2e2e30;
    line-height: 20px;
    height: 45px;
    overflow: hidden;
  }
  .user-right-top {
    margin: 0px 0px 20px 0px;
  }
  .us-a-dw {
    display: block;
    position: absolute;
    right: 10px;
    top: 8px;
  }
  .user-left {
    height: 53px;
    margin-bottom: 30px;
  }
  .usliactive {
    background: white;
    position: relative;
  }
  .bigline {
    font-size: 28px;
  }
  .User h1 {
    font-size: 18px;
  }
  .user-right-top {
    margin-left: 0px;
  }
  .user-right-bottom {
    margin-left: 0px;
  }
  .user-left {
    width: 100%;
    min-width: auto;
  }
  .user-top-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .usercadcont > *:nth-child(n+3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .User .price-box {
    position: relative;
  }
  .User .mbsellDec {
    bottom: 6px;
    right: -8px;
  }
  .usdec2 {
    width: 150px !important;
    height: 350px !important;
  }
  .uscont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .usercadcont {
    position: relative;
    overflow-x: scroll;
    height: 330px;
    overflow-y: hidden;
  }
  .usercadcont::-webkit-scrollbar {
    display: none;
  }
  .usercadcont {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .promoution {
    width: 100%;
  }
  .Promoutions .stock .stock-boxes img {
    height: 100%;
  }
  .Promoutions .swiper-backface-hidden .swiper-slide {
    width: 228px !important;
    height: 137px;
  }
  .Promoutions .stock .stock-boxes {
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
  }
  .itembaner img {
    height: 82px;
  }
  .load_more {
    width: 100%;
    height: 52px;
    text-transform: uppercase;
  }
  .media-block__slider {
    display: none;
  }
  .catalog2 .popular-produc__box {
    width: 150px !important;
  }
  .user-box .star-box {
    width: 285px !important;
    overflow: hidden !important;
  }
  .bpos1 {
    top: 26px;
    left: 25px;
    font-size: 18px;
    font-weight: 700;
  }
  .collection2 .collection-name-mnimg {
    font-size: 28px;
    font-weight: 500;
    line-height: 35px;
    left: 25px;
    top: 70px;
  }
  .bpos2 {
    bottom: 70px;
    left: 10px;
    font-size: 18px;
    font-weight: 700;
  }
  .bpos3 {
    bottom: 25px;
    font-size: 14px;
    left: 10px;
    font-size: 18px;
    font-weight: 700;
  }
  .collection-blure {
    padding: 6px 16px 6px 16px;
  }
  .collection2 .product-sort__box {
    left: 95px;
    margin-top: 0px;
    margin-left: -20px;
  }
  .collection2 .sort-box__parent span {
    font-size: 14px !important;
  }
  .collection2 .sort-box__parent .flex > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px !important;
  }
  .collection2 .popular-produc__box {
    width: 147px !important;
  }
  .collection2 .swiper-slide {
    width: 145px !important;
    height: 320px;
  }
  .collection2 .rewievs-count {
    font-size: 14px !important;
  }
  .collection2 .popular-produc__box {
    width: 312px;
  }
  .pagination-catalog {
    height: 100px;
    margin-top: -5px;
  }
  .pagination-elem {
    width: 312px;
  }
  .pagination-button {
    width: 312px;
  }
  .catalog-banner {
    display: none;
  }
  .arrow-next-new {
    display: none;
  }
  .catalog-contain {
    display: none;
  }
  .help-section .help-img {
    height: 169px;
    border-radius: 20px;
  }
  .Promoutions .stock .stock-boxes::-webkit-scrollbar-thumb {
    background-color: #808080;
    border-radius: 3px;
  }
  .Promoutions .stock .stock-boxes::-webkit-scrollbar {
    display: block;
    height: 3px;
  }
  .Promoutions .stock .stock-boxes {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: auto;
    scrollbar-width: auto;
  }
  .Promoutions .stock .stock-boxes {
    padding-bottom: 10px;
  }
  .product-catalog .sort-box__parent .flex > span {
    display: none;
  }
  .collection2 .sort-box__parent span {
    font-size: 16px !important;
  }
  .product-catalog .adflc2 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    right: 15px;
  }
  .adflc2 {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    margin-top: 38px;
    right: 0px;
  }
  .collection2 .small-slide {
    height: 320px !important;
    max-height: unset !important;
  }
  .product-catalog .adflc2 {
    right: 35px;
    left: unset;
    top: -5px;
    margin: 0;
  }
  .product-catalog .adflc2 {
    margin-left: 50px;
  }
  .collection2 .decmenyC {
    margin-left: 0;
    left: 0px !important;
  }
}
@media screen and (max-width: 360px) {
  .sortcol2cont {
    margin-left: 0px;
  }
  .collection2 .elemscroll {
    gap: 20px;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }
  .catalog2 .popular-produc__box {
    width: 145px !important;
  }
  .collection2 .content-box {
    width: auto;
    height: auto;
    padding: 16px !important;
  }
  .collection2 .popular-produc__box {
    height: auto;
  }
  .arrow-next-new {
    display: none;
  }
  .catalog-contain {
    display: none !important;
  }
  .tabs ul .tab-item.active {
    border-bottom: 1px solid #2e2e30;
  }
  .collection1 {
    height: 305px !important;
  }
  #collection1 {
    height: 325px;
  }
  #collection2 {
    height: 325px;
  }
  .user-box .star-box {
    width: 275px !important;
  }
  .basket .img-btns {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}