:root {
  --background-search: #f2f2f2;
  --background-light-pink: #fbf1fb;
  --corporate-color: #d56ed7;
  --corporate-color-violet: #8785ff;
  --color-light-gray: #fbfbfb;
  --color-light-violet: #dbdbff;
  --color-super-light-violet: #f3f3ff;
  --background-color-search: rgba(251, 251, 251, 1);
  --text-and-background: #fff;
  --text-and-border: #434343;
  --text-and-hr: #9b9b9b;
  --text-color-footer: #a29fa3;
  --text-color-catalog: #595959;
  --background-menu-mobile: #f2f2f2;
  --button-color-text: #fff;
  --crumbs: #9b9b9b;
  --bg-border-btn-color: #f2f2f2;
  --article-background: #f2f2f2;
  --color-text-parameters: #595959;
  --bs-primary-rgb: 213, 110, 215;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
[type="text"].form-control:focus,
[type="password"].form-control:focus,
[type="email"].form-control:focus,
[type="tel"].form-control:focus,
[contenteditable].form-control:focus {
  box-shadow: none;
}

.text-primary {
  color: var(--corporate-color) !important;
}

.pagination {
  --bs-pagination-color: var(--corporate-color);
  --bs-pagination-hover-color: var(--corporate-color);
  --bs-pagination-active-bg: var(--corporate-color);
  --bs-pagination-active-border-color: var(--corporate-color);
  --bs-pagination-focus-color: var(--corporate-color);
  --bs-pagination-focus-box-shadow: 0;
}

.right-menu a span {
  color: var(--corporate-color);
}

.btn-primary {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--button-color-text);
  --bs-btn-bg: var(--corporate-color);
  --bs-btn-border-color: var(--corporate-color);
  --bs-btn-hover-color: var(--corporate-color);
  --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

.btn-primary-news {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--corporate-color);
  --bs-btn-bg: #f9e9f9;
  --bs-btn-border-color: #f9e9f9;
  --bs-btn-hover-color: var(--corporate-color);
  --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

.btn-primary-basket {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--corporate-color);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: var(--corporate-color);
  --bs-btn-hover-color: var(--corporate-color);
  --bs-btn-hover-bg: #f9e9f9;
  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

.btn-close-catalog {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--corporate-color);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: var(--corporate-color);
  --bs-btn-hover-color: #ec7bee;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #ec7bee;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

.btn-primary-filter {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--text-and-border);
  --bs-btn-bg: var(--bg-border-btn-color);
  --bs-btn-border-color: var(--bg-border-btn-color);
  --bs-btn-hover-color: var(--corporate-color);
  --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--button-color-text);
  --bs-btn-active-bg: var(--corporate-color);
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

.btn-primary-filter-mobile {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--button-color-text);
  --bs-btn-bg: var(--corporate-color);
  --bs-btn-border-color: var(--bg-border-btn-color);
  --bs-btn-hover-color: var(--button-color-text);
  --bs-btn-hover-bg: var(--corporate-color);
  --bs-btn-hover-border-color: var(--corporate-color);
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bg-border-btn-color);
  --bs-btn-active-bg: var(--corporate-color);
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

.btn-primary-news {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--corporate-color);
  --bs-btn-bg: #f9e9f9;
  --bs-btn-border-color: #f9e9f9;
  --bs-btn-hover-color: var(--corporate-color);
  --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

.btn-primary-more {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--corporate-color);
  --bs-btn-bg: var(---button-color-text);
  --bs-btn-border-color: var(--corporate-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--corporate-color);
  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

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

li {
  list-style-type: none;
}

.fs-xs {
  font-size: 0.9rem;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-18 {
  font-size: 18px;
}

.fs24 {
  font-size: 24px;
}

.fs-40 {
  font-size: 40px;
}

.fs-32 {
  font-size: 32px;
}

.sticky-header {
  position: sticky;
  top: -44px;
  z-index: 9;
}

input {
  border: none;
}

input:focus {
  outline: none;
}

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

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
}

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

.text-color-gray {
  color: #a29fa3;
}

.text-color-blue {
  color: #8785ff !important;
}

.text-color-corporate-new {
  color: #d56ed7;
}

.color-text {
  color: var(--text-and-border);
}

.color-text-violet {
  color: var(--corporate-color-violet);
}

.border-color-blue {
  border: 1px solid #8785ff;
}

.background-color-light-gray {
  background: var(--color-light-gray);
}

.background-color-blue-light {
  background-color: #f9f8ff;
}

.background-color-light-violet {
  background: var(--color-light-violet);
}

.background-color-super-light-violet {
  background: var(--color-super-light-violet);
}

.background-corporate-color {
  background: var(--corporate-color);
}

.background-color-gray-light {
  background-color: #f2f2f2;
}

.shadow-filter-main {
  box-shadow: inset 0.06rem 0.06rem 0.25rem 0rem rgba(40, 45, 166, 0.1);
}

.background-input-filter-color {
  background: #fbfbfb;
}

.background-light-pink-gradient {
  background: linear-gradient(to right, #feeef9, #fbf0fb);
}

.background-light-green-gradient {
  background: linear-gradient(to right, #62c68a, #24e26f);
}

.corporate-color-text {
  color: var(--corporate-color);
}

.text-color-sale-pickup {
  color: #707f8d;
}

button {
  background: none;
  border: none;
  padding: 0;
}

a {
  text-decoration: none;
  color: black;
}

p {
  margin-bottom: 0;
}

ul {
  padding-left: 0;
}

select:focus,
input:focus {
  outline: none;
}

.width-header {
  max-width: 1220px;
  margin: 0 auto;
  padding: 7px 20px !important;
}

header {
  max-width: 100%;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: -6px 8px 20px 0 rgba(0, 0, 0, 0.02);
}

.bell-header::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("../img/custom/header-footer/bell-header-img.svg") center center/cover no-repeat;
}

.user-header::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("../img/custom/header-footer/user-header-img.svg") center center/cover no-repeat;
}

div {
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* overflow-y: auto; */
}

footer {
  max-width: 1200px;
  margin: 0 auto;
}

div::-webkit-scrollbar {
  display: none;
}

@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  src: local("SF Pro Display"),
    url("../fonts/SF-Pro-Display-Regular.eot") format("eot"),
    url("../fonts/SF-Pro-Display-Regular.otf") format("otf"),
    url("../fonts/SF-Pro-Display-Regular.ttf") format("ttf"),
    url("../fonts/SF-Pro-Display-Regular.woff") format("woff");
}

div {
  font-family: "SF Pro Display";
}

.container {
  max-width: 1200px;
}

body {
  margin: 0 auto;
}

button {
  background: none;
  border: none;
  padding: 0;
}

.wrapper-content {
  margin: 0 auto;
  padding: 15px 0;
  /* box-shadow: 0px 200px 200px -6px rgba(12, 17, 30, 0.02) inset; */
}

.btn-primary {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--text-and-background);
  --bs-btn-bg: var(--corporate-color);
  --bs-btn-border-color: var(--corporate-color);
  --bs-btn-hover-color: var(--corporate-color);
  --bs-btn-hover-bg: #f9e9f9;
  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

.btn-outline-primary {
  --bs-btn-color: var(--corporate-color);
  --bs-btn-border-color: var(--corporate-color);
  --bs-btn-hover-bg: var(--corporate-color);
  --bs-btn-hover-border-color: var(--corporate-color);
  --bs-btn-active-bg: var(--corporate-color);
  --bs-btn-active-border-color: var(--corporate-color);
  --bs-btn-disabled-color: var(--corporate-color);
  --bs-btn-disabled-border-color: var(--corporate-color);
}

.btn-back-top {
  background: var(--corporate-color);
  border-radius: 13px;
  cursor: pointer;
  display: block !important;
  width: 55px;
  height: 55px;
  opacity: 0;
  position: fixed;
  left: calc(100% - 21px - 64px);
  bottom: 170px;
  transition: 0.5s;
  z-index: 1030;
}

.btn-back-top:before {
  border-radius: 4px;
  border-color: #fff;
  border-style: solid;
  border-width: 5px 0 0 5px;
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
  top: 23px;
  left: 20px;
  transform: rotate(45deg);
}

.btn-back-top_show {
  opacity: 0.8 !important;
}

.nav-menu a {
  color: var(--text-and-hr);
}

.container-fluid-color a {
  color: var(--text-and-hr);
}

.nav-contacts {
  margin-right: 241px;
}

.bg-nav {
  background-color: #f9f8ff;
}

.location-img::before {
  content: "";
  display: block;
  width: 10px;
  height: 11px;
  margin-right: 5px;
  background: url("../img/custom/header-footer/location-img.svg") center center/cover no-repeat;
}

.location-phone::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url("../img/custom/header-footer/phone.svg") center center/cover no-repeat;
}

.location-status::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url("../img/custom/header-footer/status.svg") center center/cover no-repeat;
}

.location-vector::after {
  content: "";
  display: block;
  width: 16px;
  height: 10px;
  margin-left: 5px;
  background: url("../img/custom/header-footer/vector.svg") center center/cover no-repeat;
}

.call-header::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: url("../img/custom/header-footer/call-mobile-img.svg") center center/cover no-repeat;
}

.search-image::before {
  content: "";
  display: block;
  width: 23px;
  height: 22px;
  margin-right: 10px;
  background: url("../img/custom/header-footer/search.svg") center center/cover no-repeat;
}

.clouse-search {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  width: 23px;
  height: 23px;
  background: url("../img/custom/header-footer/close-search.svg") center center/cover no-repeat;
}

.delivery-time::before {
  content: "";
  display: block;
  min-width: 26px;
  height: 26px;
  margin-right: 5px;
  background: url("../img/custom/header-footer/timeimg.svg") center center/cover no-repeat;
}

.delivery-time-vector {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 10px;
  height: 6px;
  background: url("../img/custom/header-footer/vector-2.svg") center center/cover no-repeat;
}

.location-phone img,
.location-status img {
  margin-right: 5px;
}

.location-vector img {
  margin-left: 10px;
}

/* .logo {
  width: 231px;
  height: 53px;
  background: url("../img/custom/header-footer/logo.svg") center center/cover
    no-repeat;
  cursor: pointer;
} */

@media (min-width: 992px) {
  .hidePC {
    display: none;
  }
}

.search {
  width: 335px;
  background: var(--background-color-search);
  color: var(--text-and-hr);
}

.search:hover,
.search:hover input {
  background: #f6f4f6;
}

.search-input {
  border: none;
  background-color: var(--background-color-search);
}

.search-input:focus {
  outline: none;
}

.dropdown-more-search-panel {
  position: absolute;
  border-radius: 4px;
  width: 335px;
  max-height: 310px;
  box-shadow: 0 0 12px 0 rgba(4, 7, 15, 0.05);
  right: 0;
  top: 50px;
  border-bottom: 10px var(--bs-border-style) var(--bs-white) !important;
}

.dropdown-more-search-panel .item:hover {
  background-color: var(--background-color-search) !important;
}

.background-color-search {
  background: var(--background-color-search);
}

.delivery-time {
  max-width: 178px;
  gap: 9px;
  color: var(--text-and-hr);
  background: var(--background-search);
  color: var(--text-and-hr);
  font-size: 12px;
  cursor: pointer;
}

.icon-basket,
.icon-heart,
.icon-user {
  display: flex;
  width: 60px;
  height: 44px;
  padding: 0px 6px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--text-and-background);
  box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.icon-heart::before {
  content: "";
  display: block;
  min-width: 24px;
  height: 24px;
  background: url("../img/custom/header-footer/heart-img.svg") center center/cover no-repeat;
}

.icon-basket::before {
  content: "";
  display: block;
  min-width: 24px;
  height: 24px;
  background: url("../img/custom/header-footer/basket-img.svg") center center/cover no-repeat;
}

.icon-user::before {
  content: "";
  display: block;
  min-width: 26px;
  height: 26px;
  background: url("../img/custom/header-footer/user.svg") center center/cover no-repeat;
}

.nav-item-contacts {
  margin-right: 190px;
}

.nav-link.active {
  background: none !important;
  color: var(--corporate-color) !important;
}

.nav-link:hover {
  color: var(--text-and-border);
}

/* --------------------выподающий саисок по доставке------------------------- */
.close-delivery {
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: url("../img/custom/header-footer/close.svg") center center/cover no-repeat;
}

.dropdown-time {
  display: none;
  width: 349px;
  border-radius: 20px;
  box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.1);
  z-index: 100;
  right: 265px;
  top: 65px;
}

.dropdown-more {
  display: none;
  width: 200px;
  border-radius: 20px;
  box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
  right: 0px;
  top: 28px;
}

.dropdown-more-phone {
  display: none;
  width: 250px;
  border-radius: 20px;
  box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
  right: -33px;
  top: 53px;
}

.dropdown-date {
  display: none;
  width: 217px;
  height: 57px;
  border-radius: 10px;
  background-color: #f2f2f2;
  box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
  right: 80px;
  top: 2px;
}

.checkbox {
  position: absolute;
  z-index: 0;
  opacity: 0;
}

.block-interval-time {
  display: none;
}

/*
    input[type="date"] {
        background-color: #f2f2f2;
        padding: 10px;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 49%;
        left: 49%;
        color: var(--text-and-border);
        font-size: 18px;
        border: none;
        outline: none;
        border-radius: 10%;
    }*/

::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

.checkbox+label {
  user-select: none;
}

.checkbox+label::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid var(--text-and-border);
  border-radius: 0.25em;
  margin-right: 10px;
  margin-top: 30px;
  margin-bottom: -7px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.checkbox:checked+label::before {
  border-radius: 5px;
  border-radius: 5px;
  border: 1px solid var(--corporate-color);
  background-color: var(--corporate-color);
  background-image: url("../img/custom/header-footer/check-mark.svg");
  background-size: 70%;
}

.header-select {
  color: var(--text-and-border);
  font-size: 25px;
}

.sub-header-select {
  color: var(--text-and-hr);
  font-size: 12px;
}

.text-select span {
  color: var(--text-and-border);
}

.text-date-select span {
  color: var(--text-and-hr);
}

.select-interval {
  width: 299px;
  height: 50px;
  background: var(--unnamed, #f2f2f2);
  border: none;
  color: var(--text-and-border);
}

.select-interval option {
  color: var(--text-and-border);
}

.dropdown-time label {
  display: block;
  margin-bottom: 5px;
}

.dropdown-time select,
.dropdown-time input[type="checkbox"] {
  margin-bottom: 10px;
}

.dropdown-time select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

.dropdown-more label {
  display: block;
  margin-bottom: 5px;
}

.dropdown-more select,
.dropdown-more input[type="checkbox"] {
  margin-bottom: 10px;
}

.dropdown-more select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

.dropdown-date label {
  display: block;
  margin-bottom: 5px;
}

.dropdown-date select,
.dropdown-date input[type="checkbox"] {
  margin-bottom: 10px;
}

.dropdown-date select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

.buttonSelect {
  width: 184px;
  height: 39px;
  padding: 10px 50px;
}

.wrap-select-img::after {
  content: "";
  position: absolute;
  right: 7px;
  width: 36px;
  height: 32px;
  background: url("../img/custom/header-footer/VectorSelector.svg");
  background-repeat: no-repeat;
  top: 8px;
  background-position-y: 52%;
  background-position-x: 50%;
}

.calendar-img {
  width: 25px;
  height: 25px;
  background: url("../img/custom/header-footer/calendar.svg");
}

.btn-high-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff5722;
  --bs-btn-border-color: #ff5722;
  --bs-btn-hover-bg: #c64a23;
  --bs-btn-hover-border-color: #c64a23;
  --bs-btn-active-bg: #c53f0f;
  --bs-btn-active-border-color: #c53f0f;
}

.btn-light {
  --bs-btn-font-weight: 400;
  --bs-btn-color: #434343;
  --bs-btn-bg: #f2f2f2;
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--corporate-color);
  --bs-btn-hover-bg: var(--corporate-color);
  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

.calendar-img:hover {
  filter: invert(59%) sepia(91%) saturate(542%) hue-rotate(259deg) brightness(90%) contrast(84%);
}

.btn-check:checked+.btn,
.btn:first-child:active {
  background-color: #f9e9f9;
}

.sticky-wrapper {
  position: -webkit-sticky;
  /* For Safari */
  position: sticky;
  top: 70px;
}

/* ------------------------content main------------------------------- */
#catalog-content-block .button-filter:hover {
  background-color: var(--color-light-violet);
}

.catalog ul {
  list-style: none;
}

.header-page {
  color: var(--text-and-border);
  font-size: 32px;
}

.header-block {
  color: var(--text-and-border);
  font-size: 20px;
  font-weight: 600;
}

.history-header {
  color: var(--text-and-border);
}

.card-text {
  color: #707070;
}

.color-corporate {
  color: var(--corporate-color);
}

.img-car,
.img-watch,
.img-present,
.img-sheet,
.img-camera {
  width: 18em;
  font-size: 16px;
  line-height: normal;
}

.img-watch::before {
  content: "";
  display: block;
  min-width: 24px;
  margin-right: 8px;
  height: 24px;
  background: url("../img/custom/main/watch.png") center center/cover no-repeat;
}

.img-car::before {
  content: "";
  display: block;
  min-width: 24px;
  margin-right: 8px;
  height: 24px;
  background: url("../img/custom/main/delivery.svg") center center/cover no-repeat;
}

.img-present::before {
  content: "";
  display: block;
  min-width: 24px;
  margin-right: 8px;
  height: 24px;
  background: url("../img/custom/main/present.svg") center center/cover no-repeat;
}

.img-sheet::before {
  content: "";
  display: block;
  min-width: 24px;
  margin-right: 8px;
  height: 24px;
  background: url("../img/custom/main/leaf.svg") center center/cover no-repeat;
}

.img-camera::before {
  content: "";
  display: block;
  min-width: 24px;
  margin-right: 8px;
  height: 24px;
  background: url("../img/custom/main/camera.svg") center center/cover no-repeat;
}

.card {
  border: none;
}

.rating-star {
  background: url("../img/custom/main/star.svg") center center/cover no-repeat;
  min-width: 13px;
  height: 13px;
}

.icon-star-reviews::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  margin-right: 8px;
  background: url("../img/custom/main/star-reviews.svg") center center/cover no-repeat;
}

.icon-star-reviews-small {
  background: url("../img/custom/main/star-reviews.svg") center center/cover no-repeat;
  min-width: 18px;
  height: 18px;
}

.icon-star-reviews-very-small {
  background: url("../img/custom/main/star-reviews.svg") center center/cover no-repeat;
  min-width: 14px;
  height: 14px;
}

.heart-marker {
  background: url("../img/custom/main/heartMarker.svg") center center/cover no-repeat;
  width: 34px;
  height: 34px;
  position: absolute;
  right: 15px;
}

.price {
  font-size: 23px;
  color: var(--text-and-border);
}

input[type="range"]::-moz-range-track {
  background: var(--corporate-color);
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--corporate-color);
  border-color: transparent;
  border-radius: 1rem;
}

.form-range::-moz-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--corporate-color);
  border-color: transparent;
  border-radius: 1rem;
}

.container-range {
  position: relative;
  width: 100%;
  height: 50px;
}

input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
}

.slider-track {
  width: 100%;
  height: 5px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border-radius: 4px;
}

input[type="range"]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
}

input[type="range"]::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
}

input[type="range"]::-ms-track {
  appearance: none;
  height: 5px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 1.7em;
  width: 1.7em;
  background-color: var(--corporate-color);
  cursor: pointer;
  margin-top: -9px;
  pointer-events: auto;
  border-radius: 50%;
}

input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 1.7em;
  width: 1.7em;
  cursor: pointer;
  border-radius: 50%;
  background-color: #d96bd2;
  pointer-events: auto;
}

input[type="range"]::-ms-thumb {
  appearance: none;
  height: 1.7em;
  width: 1.7em;
  cursor: pointer;
  border-radius: 50%;
  background-color: #d96bd2;
  pointer-events: auto;
}

.noUi-connect {
  background: linear-gradient(to left, #d56ed7, #f15ab6);
}

.noUi-horizontal {
  height: 5px;
}

.noUi-target {
  /* background: #f8f7fe; */
  border-radius: 4px;
  border: 0px solid #d3d3d3;
  box-shadow: inset 0rem 0.06rem 0.13rem 0rem rgba(0, 0, 0, 0.1);
}

.noUi-horizontal .noUi-handle {
  appearance: none;
  height: 23px;
  width: 23px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #f15ab6;
  pointer-events: auto;
  top: -9px;
}

.noUi-handle {
  border: none;
  border-radius: 0px;
  background: none;
  box-shadow: none;
}

.noUi-handle:after,
.noUi-handle:before {
  background: none;
}

.form-select-main-page {
  cursor: pointer;
  width: auto !important;
  background-color: none !important;
  border: none !important;
  color: var(--corporate-color-violet) !important;
  --bs-form-select-bg-img: none !important;
}

.form-select-main-page:focus {
  background-color: transparent !important;
}

.filter-main-page::before {
  margin-top: 2px;
  content: "";
  display: block;
  margin-right: 5px;
  background: url("../img/custom/main/filter-main-img.svg") center center/cover no-repeat;
  width: 22px;
  height: 19px;
}

select option {
  color: #434343;
}

.form-select:focus {
  background-color: #f2f2f2;
  box-shadow: none;
}

.form-select option:hover {
  background-color: #f2f2f2;
}

.filter-img::before {
  content: "";
  display: block;
  margin-right: 5px;
  background: url("../img/custom/main/filter.svg") center center/cover no-repeat;
  width: 24px;
  height: 24px;
}

.carousel-slide {
  overflow: hidden;
  /* width: 820px; */
  height: 297px;
}

.carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  position: absolute;
  border-radius: 7px;
}

.prev-button {
  content: "";
  background: url("../img/custom/main/next.svg") center center/cover no-repeat;
  position: absolute;
  width: 35px;
  height: 35px;
  top: 130px;
  right: 25px;
}

.next-button {
  content: "";
  background: url("../img/custom/main/prev.svg") center center/cover no-repeat;
  position: absolute;
  width: 35px;
  height: 35px;
  top: 130px;
  left: 25px;
}

.bouquet-day img {
  height: 282px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.hover-bouquet-day {
  height: 100%;
  width: 94%;
  position: absolute;
  top: 0;
  right: 12px;
  background: rgba(155, 155, 155, 0.8);
  display: none;
  opacity: 0;
}

.bouquet-day-img:hover .hover-bouquet-day {
  display: block;
  opacity: 1;
  animation: fadeInFromNone 0.3s ease-in-out;
}

.bouquet-day-img:hover .sale-header {
  display: none;
}

@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

.big-frame img,
.standard-frame-left img {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.standard-frame-left {
  display: block;
  font-size: 12px;
  width: 85px;
  min-height: 75px;
  margin-bottom: 10px;
  border-radius: 20px;
  padding-left: 10px;
  padding-top: 8px;
  position: relative;
  overflow: hidden;
  background: #f2f2f2;
  cursor: pointer;
}

.decorative,
.blooming {
  display: block;
  min-height: 170px;
  border-radius: 20px;
  padding-left: 18px;
  padding-top: 10px;
  position: relative;
  overflow: hidden;
}

.standard-frame-left img,
.big-frame img {
  position: absolute;
  width: 60%;
  bottom: 0px;
  right: 0px;
}

.left-hidden-blocks {
  display: none;
}

.hide-arrow-img {
  width: 14px;
  height: 30px;
  right: 21px;
  bottom: 18px;
  transform: rotate(180deg);
  background: url("../img/custom/main/catalog/arrow.svg") center center/cover no-repeat;
}

.hide-arrow-img-active {
  transform: rotate(0deg);
}

.sub-header-page {
  color: var(--text-and-border);
  font-size: 35px;
}

.header-our-clients {
  color: var(--unnamed, #434343);
  font-weight: 700;
  font-size: 30px;
}

.close-filter-mobile::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("../img/custom/main/hamburger-menu.svg") center center/cover no-repeat;
}

.arm-img {
  min-width: 44px;
  height: 35px;
  background: url("../img/custom/main/arm.svg") center center/cover no-repeat;
}

.card-client-img {
  min-width: 44px;
  height: 37px;
  background: url("../img/custom/main/card-client.svg") center center/cover no-repeat;
}

.done-img::before {
  content: "";
  display: block;
  min-width: 56px;
  margin-right: 2rem;
  height: 50px;
  background: url("../img/custom/main/done.svg") center center/cover no-repeat;
}

.lock-img::before {
  content: "";
  display: block;
  min-width: 45px;
  height: 50px;
  margin-right: 2rem;
  background: url("../img/custom/main/lock.svg") center center/cover no-repeat;
}

.q-cod {
  min-width: 118px;
  height: 116px;
  background: url("../img/custom/main/q-cod.svg") center center/cover no-repeat;
}

.foto-mobile {
  position: absolute;
  width: 361px;
  height: 424px;
  bottom: 0;
  right: 5rem;
  background: url("../img/custom/main/big-phone.png") center center/cover no-repeat;
}

.car-snowflake {
  width: 124.231px;
  height: 95.984px;
  background: url("../img/custom/main/car-snowflake.svg") center center/cover no-repeat;
}

.car-crescent {
  width: 124.231px;
  height: 95.984px;
  background: url("../img/custom/main/car-crescent.svg") center center/cover no-repeat;
}

.car-time {
  width: 124.231px;
  height: 95.984px;
  background: url("../img/custom/main/car-time.svg") center center/cover no-repeat;
}

.frame-flowers {
  display: block;
  font-size: 22px;
  color: #313e0f;
  min-height: 165px;
  border-radius: 20px;
  padding-left: 20px;
  padding-top: 10px;
  position: relative;
  overflow: hidden;
}

.frame-flowers img {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.bg-body-secondary-custom {
  background: #f2f2f2;
}

.lilies {
  background: #fdf0f0;
}

.tulips {
  background: #dcf8ec;
}

.roses {
  background: #faecfa;
}

.chrysanthemum {
  background: #f3dbd3;
}

.giant-bouquets {
  background: #edf5d6;
}

.bouquets-peonies {
  background: #faecfa;
}

.in-boxes {
  background: #fef6eb;
}

.potted-plants {
  background: #f2f2f8;
}

.reviews-img {
  max-width: 130px;
}

.block-our-clients {
  height: 512px;
}

.block-our-clients img {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  height: auto;
  width: 50%;
  object-fit: cover;
  object-position: center;
}

.block-bonus {
  height: 512px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}

.delivery-background {
  background-color: rgb(233, 236, 239);
}

.sub-header-delivery {
  color: #e9ecef;
  font-size: 25px;
}

.news-date,
.date {
  color: #9b9b9b;
}

.plus-img {
  min-width: 30px;
  height: 30px;
  background: url("../img/custom/main/plus.svg") center center/cover no-repeat;
}

.star {
  width: 16px;
  height: 15px;
  background: url("../img/custom/main/star.svg") center center/cover no-repeat;
}

.star-mobile-img {
  width: 16px;
  height: 15px;
  background: url("../img/custom/main/star.svg") center center/cover no-repeat;
}

/* -------------------------наши статьи------------------------------------ */

.header-page-block {
  height: 300px;
  background: linear-gradient(0deg,
      rgba(0, 0, 0, 0.21) 0%,
      rgba(0, 0, 0, 0.21) 100%),
    url("../img/custom/articles/unsplash_8mqOw4DBBSg.png"),
    lightgray 50% / cover no-repeat;
  color: var(--article-background);
  font-size: 80px;
  padding-top: 90px;
}

.article {
  background: var(--button-color-text);
}

.header-article,
.description {
  color: var(--text-and-border);
}

.img-circle-news {
  min-width: 119px;
  height: 119px;
  background: url("../img/custom/articles/unsplash_dDVU6D_6T80.svg") center center/cover no-repeat;
}

/* -------------------контакты------------------------------ */

.map-img {
  width: 1600px;
  height: 34rem;
  flex-shrink: 0;
  background: url("../img/custom/main/contacts/screan.png?_=1") center center/cover no-repeat;
}

.search-address {
  height: 465px;
  position: absolute;
  top: 10px;
  left: 20px;
}

.search-address-mobile {
  height: 430px;
}

.arrow-img {
  background: url("../img/custom/main/contacts/vector.svg") center center/cover no-repeat;
  width: 16px;
  height: 10px;
}

.search-img {
  width: 22px;
  height: 22px;
  background: url("../img/custom/main/contacts/search.svg") center center/cover no-repeat;
}

.favorites-img {
  width: 20px;
  height: 20px;
  background: url("../img/custom/main/contacts/Star\ 13.svg") center center/cover no-repeat;
}

.city,
.header-block-search {
  color: #434343;
  font-size: 15px;
}

.city::after {
  content: "";
  background: url("../img/custom/main/contacts/vector.svg") center center/cover no-repeat;
  width: 16px;
  height: 10px;
}

.header-page,
.list {
  color: var(--text-and-border);
}

.text-header {
  font-size: 12px;
}

.button-catalog {
  width: 90px;
  font-size: 12px;
}

.bg-color-header {
  background: var(--unnamed, #f9e9f9);
}

.close {
  background: url("../img/custom/main/contacts/Ellipse\ 195.svg") center center/cover no-repeat;
  width: 17px;
  height: 17px;
}

.close::after {
  content: "";
  background: url("../img/custom/main/contacts/cross.svg") center center/cover no-repeat;
  width: 9px;
  height: 9px;
}

.big-phone-img {
  bottom: 4px;
  right: 20px;
  width: 162px;
  height: 159px;
  background: url("../img/custom/main/contact/big-phone.png?_=1") center center/cover no-repeat;
}

.big-message-img {
  width: 175px;
  height: 144px;
  bottom: 0;
  right: 20px;
  background: url("../img/custom/main/contacts/chat.svg") center center/cover;
}

.city-address {
  color: #434343;
  font-size: 16px;
}

.work-time {
  color: #9b9b9b;
  font-size: 12px;
}

/*
    .city-list-box-height {
        height: 318px;
    }
    */

.btn-primary {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(#fff);
  --bs-btn-bg: var(--corporate-color);
  --bs-btn-border-color: var(--corporate-color);
  --bs-btn-hover-color: var(--corporate-color);
  --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
  --bs-btn-disabled-bg: #d56ed7;
  --bs-btn-disabled-border-color: #d56ed7;
}

.city-list-box-height::-webkit-scrollbar {
  width: 10px;
}

.city-list-box-height::-webkit-scrollbar-track {
  -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
  background-color: #f9f9fd;
  border-radius: 10px;
}

.city-list-box-height::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: var(--corporate-color);
}

.num-phone a {
  color: var(--corporate-color);
}

.circle-img,
.circle-img-mail {
  width: 30px;
  height: 30px;
  background: #f9e9f9;
}

.circle-img-mail::after {
  content: "";
  width: 18px;
  height: 18px;
  background: url("../img/custom/main/contacts/mail.svg") center center/cover no-repeat;
}

.circle-img::after {
  content: "";
  width: 14px;
  height: 14px;
  background: url("../img/custom/main/contacts/phone.svg") center center/cover no-repeat;
}

.nav-link {
  color: var(--unnamed, #434343);
  /* background: var(--unnamed, #f2f2f2); */
}

.nav-link .nav-link-mobile.active {
  color: #d56ed7 !important;
  border-color: #f2f2f2;
}

/* ---------------------Вопрос-ответ----------------------------------- */
.accordion-item {
  border: none;
}

.arrow-question-img {
  cursor: pointer;
}

.arrow-question-img::after {
  content: "";
  background: url("../img/custom/main/arrow-question-img.svg") center center/cover no-repeat;
  min-width: 47px;
  height: 47px;
}

.accordion .arrow-question-img:not(.collapsed)::after {
  content: "";
  background: url("../img/custom/main/arrow-question-img.svg") center center/cover no-repeat;
  transform: rotate(180deg);
  min-width: 47px;
  height: 47px;
}

.accordion-body {
  color: var(--text-and-border);
}

.question-one {
  background: url("../img/custom/main/question-one.svg") center center/cover no-repeat;
  width: 262.752px;
  height: 301.572px;
  left: 1rem;
  top: 1rem;
}

.question-two {
  background: url("../img/custom/main/question-two.svg") center center/cover no-repeat;
  width: 191.912px;
  height: 211.228px;
  right: 4rem;
  top: 0rem;
}

.question-three {
  background: url("../img/custom/main/question-three.svg") center center/cover no-repeat;
  right: 12rem;
  top: 14rem;
  width: 130.088px;
  height: 160.329px;
}

/* ----------------------Статьи--------------------------------- */
.btn-news-img {
  width: 20.313px;
  height: 17.188px;
  background: url("../img/custom/news/article.svg") center center/cover no-repeat;
}

.news-date {
  color: #9b9b9b;
}

.article {
  background: var(--article-background);
}

.header-article {
  color: var(--text-and-border);
}

.description {
  color: var(--text-and-border);
}

.img-circle {
  min-width: 119px;
  height: 119px;
  background: url("../img/custom/main/unsplash_dDVU6D_6T80.svg") center center/cover no-repeat;
}

/* ------------------------------------------------------------------------- */
.arrow-email-img::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 0.5rem;
  background: url("../img/custom/main/Arrow-email-img.svg") center center/cover no-repeat;
}

.input-email {
  width: 453px;
  height: 53px;
  background: #fff;
  color: rgba(0, 0, 0, 0.4);
}

.plane-email-img {
  width: 12.32356rem;
  height: 7.78125rem;
  right: 1rem;
  top: 6cqi;
  background: url("../img/custom/main/plane-email-img.svg") center center/cover no-repeat;
}

/* --------------------------------------------------- */
.footer {
  position: relative;
  padding: 40px 0 14px 0;
}

.footer2 {
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
}

ul a {
  color: var(--text-and-border);
}

.header-footer {
  color: var(--text-and-border);
}

.list-footer-color {
  color: var(--text-color-footer);
}

.hr {
  position: absolute;
  width: 1200px;
  height: 1px;
  background: var(--text-and-hr);
  top: 597px;
}

.address-requisites {
  color: var(--text-and-hr);
}

.rating-yandex {
  color: var(--text-and-border);
}

.rights-reserved-and-icons {
  margin-top: 77px;
}

.whatsapp::before {
  content: "";
  display: block;
  width: 26px;
  height: 28px;
  background: url("../img/custom/header-footer/whatsapp.svg") center center/cover no-repeat;
}

.phone-footer-img {
  width: 25px;
  height: 25px;
  background: url("../img/custom/header-footer/phone-footer.svg") center center/cover no-repeat;
}

.telegram::before {
  content: "";
  display: block;
  width: 34px;
  height: 29px;
  background: url("../img/custom/header-footer/telegram-footer.svg") center center/cover no-repeat;
}

.whatsapp::before {
  content: "";
  display: block;
  width: 31px;
  height: 34px;
  background: url("../img/custom/header-footer/whatsapp-footer.svg") center center/cover no-repeat;
}

.vk::before {
  content: "";
  display: block;
  width: 37px;
  height: 22px;
  background: url("../img/custom/header-footer/vk-footer.svg") center center/cover no-repeat;
}

.dzen::before {
  content: "";
  display: block;
  width: 33px;
  height: 33px;
  background: url("../img/custom/header-footer/dzen-footer.svg") center center/cover no-repeat;
}

.youtube::before {
  content: "";
  display: block;
  width: 38px;
  height: 27px;
  background: url("../img/custom/header-footer/youtube-footer.svg") center center/cover no-repeat;
}

.masterCard::before {
  content: "";
  display: block;
  width: 24px;
  height: 18px;
  background: url("../img/custom/header-footer/MasterCard-footer.svg") center center/cover no-repeat;
}

.visa::before {
  content: "";
  display: block;
  width: 24px;
  height: 9px;
  background: url("../img/custom/header-footer/visa-footer.svg") center center/cover no-repeat;
}

.y-pay::before {
  content: "";
  display: block;
  width: 33px;
  height: 14px;
  background: url("../img/custom/header-footer/y-pay-footer.svg") center center/cover no-repeat;
}

.sbp::before {
  content: "";
  display: block;
  width: 33px;
  height: 14px;
  background: url("../img/custom/header-footer/sbp-footer.svg") center center/cover no-repeat;
}

.s-pay::before {
  content: "";
  display: block;
  width: 36px;
  height: 12px;
  background: url("../img/custom/header-footer/s-pay-footer.svg") center center/cover no-repeat;
}

.mir::before {
  content: "";
  display: block;
  width: 39px;
  height: 12px;
  background: url("../img/custom/header-footer/mir-footer.svg") center center/cover no-repeat;
}

.wrapperIconMedia {
  width: 50px;
  height: 50px;
  background: var(--text-and-background);
}

.wrapper-footer {
  background: var(--background-search);
}

/* ------------------go to bot------------------------- */

.bg-main {
  background: #f9e9f9;
  width: 100%;
  height: 100vh;
}

.logo {
  width: 231px;
  height: 53px;
  background: url("../img/custom/header-footer/logo.svg") center center/cover no-repeat;
}

.vertical {
  border-left: 2px solid var(--corporate-color);
  height: 30px;
}

.text-color {
  color: var(--corporate-color);
}

.plane-left {
  bottom: -410px;
  left: -356px;
  width: 257px;
  height: 241px;
  background: url("../img/custom/goToBot/plane-left.svg") center center/cover no-repeat;
}

.plane-right {
  top: -70px;
  right: -330px;
  width: 174px;
  height: 164px;
  background: url("../img/custom/goToBot/plane-right.svg") center center/cover no-repeat;
}

.cactus {
  bottom: 30px;
  right: 30px;
  width: 227px;
  height: 329px;
  background: url("../img/custom/goToBot/kaktus.svg") center center/cover no-repeat;
}

/* ----------------------favorites----------------------- */
.favorites-not-img {
  background: url("../img/custom/favorites/favorites-img.svg") center center/cover no-repeat;
  width: 282px;
  height: 270.042px;
}

.description-favorites {
  max-width: 29rem;

  color: #595959;
}

.card-text {
  color: #707070;
}

.header-favorites {
  font-size: 30px;
  color: var(--text-and-border);
}

/* --------------------------500--------------------------------- */

.error {
  height: 100vh;
  background: url("../img/custom/error/unsplash.png") center center/cover no-repeat;
}

.block-error {
  margin-top: 200px;
  width: 870px;
  height: 330px;
  padding: 20px 80px;
  background: var(--text-and-background);
}

.header-num span {
  color: var(--corporate-color);
  font-size: 150px;
}

.header-num {
  color: var(--corporate-color);
  font-size: 40px;
}

.description500 {
  color: #505050;
}

@media (min-width: 992px) {

  .hidden-pc,
  .filter-mobile {
    display: none;
  }

  .header-page-mobile,
  .star-mobile-num,
  .star-mobile-img {
    display: none;
  }
}

/* --------------------------------------------------------- */

@media (max-width: 767px) {
  .header-page {
    font-size: 30px;
  }

  .width-header {
    padding: 7px 10px !important;
  }

  .header-page-block {
    height: 100px;
    font-size: 24px;
    padding-top: 30px;
  }

  .right-menu li {
    display: none;
  }

  .history-header,
  .header-favorites {
    font-size: 24px;
  }

  .favorites-not-img {
    width: 282px;
  }

  .error img {
    height: 100%;
  }

  .header-num {
    font-size: 28px;
  }

  .header-num span {
    margin-right: 0;
    display: flex;
    justify-content: center;
  }

  .block-error {
    text-align: center;
    width: 335px;
    height: auto;
    padding: 30px 20px;
    margin-top: 50px;
  }

  .description-error {
    font-size: 16px;
    margin-top: 20px;
    width: 295px;
  }

  .frame-flowers img {
    height: 70%;
  }

  .btn-back-top {
    right: 3.2% !important;
    bottom: 22% !important;
  }

  .frame-flowers {
    font-size: 18px;
  }

  .shadow-header {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
  }
}

.circle-img-left::after {
  position: absolute;
  content: "";
  display: block;
  width: 37px;
  height: 37px;
  left: 2px;
  top: 1px;
  background: url("../img/custom/activeBasket/delete-product.svg") center center/cover no-repeat;
}

@media (max-width: 992px) {
  .block-our-clients img {
    height: 40%;
    width: 100%;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }

  .sticky-header {
    position: relative;
    top: 0px;
    padding-top: 55px;
  }

  .header-fix-mobile {
    position: fixed !important;
    top: 0px;
    z-index: 5;
  }

  .dropdown-more-search-panel {
    right: 0;
    width: 100%;
    top: 54px;
    max-height: 100vh;
    font-size: 0.9rem !important;
    padding-bottom: 77px !important;
    box-shadow: none;
  }

  .hideMobile {
    display: none !important;
  }

  body {
    padding: 0 0 80px 0;
  }

  /*
            .nav-link.active {
                border-radius: 10px !important;
                background: var(--corporate-color) !important;
                color: var(--text-and-background) !important;
            }
            */
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    border: 0;
    border-bottom: 4px solid;
  }

  .nav-link:hover {
    color: var(--text-and-border);
  }

  /* .location-img::before {
      content: "";
      display: block;
      width: 10px;
      margin-right: 5px;
      height: 10px;
      background: url("../img/custom/header-footer/locationMobile.svg") center
        center/cover no-repeat;
    } */
  .location-phone::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: url("../img/custom/header-footer/phoneMobile.svg") center center/cover no-repeat;
  }

  .nav-menu a {
    color: var(--unnamed, var(--text-and-border));
  }

  /* .nav-menu a {
      padding-left: 0px !important;
    } */
  .nav {
    flex-wrap: nowrap;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
  }

  .nav::-webkit-scrollbar {
    width: 0;
  }

  .logoMini {
    width: 40px;
    height: 40px;
    background: url("../img/custom/header-footer/logo-mini.svg") center center/cover no-repeat;
    cursor: pointer;
  }

  .search {
    width: 100%;
  }

  .footer {
    position: relative;
    padding: 10px;
  }

  .nav-footer-mobile {
    bottom: 0;
  }

  .nav-footer-mobile a {
    color: var(--text-and-hr);
  }

  .nav-footer-mobile button {
    color: var(--text-and-hr);
  }

  .allCatalog {
    display: none;
  }

  /* .wrapper-footer {
                 margin-left: -15px;
                 margin-right: -15px;
             }*/
  .wrapperPhoneOfice {
    max-width: 380px;
  }

  .hr-mobile {
    background: var(--text-and-hr);
    height: 2px;
  }

  .addressRequisites {
    width: 100%;
  }

  .rights-reserved-and-icons {
    margin-top: 20px;
  }

  .footer-icons-banks {
    margin-bottom: 27px;
  }

  .menu-mobile {
    /*filter: brightness(0) saturate(100%) invert(66%) sepia(0%) saturate(306%) hue-rotate(272deg) brightness(93%) contrast(95%);*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    letter-spacing: 1px;
    width: 70px;
    height: 70px;
  }

  .icon-menu-active {
    filter: invert(59%) sepia(91%) saturate(542%) hue-rotate(259deg) brightness(90%) contrast(84%);
  }

  .menu-mobile-active {
    filter: invert(24%) sepia(76%) saturate(540%) hue-rotate(256deg) brightness(82%) contrast(84%);
  }

  .cube-catalog-img::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("../img/custom/header-footer/catalog-button-mobile-img.svg") center center/cover no-repeat;
  }

  .heart-img::before {
    content: "";
    display: block;
    width: 25px;
    height: 21px;
    margin-top: 5px;
    background: url("../img/custom/header-footer/heart.svg") center center/cover no-repeat;
  }

  .basket-img::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("../img/custom/header-footer/basket-button-mobile-img.svg") center center/cover no-repeat;
  }

  .basket-img-active::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("../img/custom/header-footer/active-basket-button-mobile-img.svg") center center/cover no-repeat;
  }

  .chat-img-mobile::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("../img/custom/header-footer/chat-button-mobile-img.svg") center center/cover no-repeat;
  }

  .user-img::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("../img/custom/header-footer/in-profile-button-mobile-img.svg") center center/cover no-repeat;
  }

  .user-img-active::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("../img/custom/header-footer/active-in-profile-button-mobile-img.svg") center center/cover no-repeat;
  }

  .in-user-img::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("../img/custom/header-footer/profile-button-mobile-img.svg") center center/cover no-repeat;
  }

  .in-user-img-active::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("../img/custom/header-footer/active-profile-button-mobile-img.svg") center center/cover no-repeat;
  }

  .basket-img-active span,
  .user-img-active span,
  .in-user-img-active span {
    background: linear-gradient(to right, #f05cb9, #d66dd6) !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-background-clip: text !important;
  }

  #menu-toggle {
    opacity: 0;
  }

  #menu-toggle:checked+.menu-btn>span {
    transform: rotate(45deg);
  }

  #menu-toggle:checked+.menu-btn>span::before {
    top: 0;
    transform: rotate(0deg);
  }

  #menu-toggle:checked+.menu-btn>span::after {
    top: 0;
    transform: rotate(90deg);
  }

  #menu-toggle:checked~.menu-box {
    left: 0 !important;
  }

  .menu-btn {
    position: absolute;
    top: 24px;
    right: 12px;
    width: 24px;
    cursor: pointer;
    z-index: 1;
  }

  .menu-btn>span {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #f05bb6, #d66dd7);
    transition-duration: 0.5s;
    border-radius: 10px;
  }

  .menu-btn>span::before,
  .menu-btn>span::after {
    display: block;
    position: absolute;
    width: 120%;
    height: 2px;
    background: linear-gradient(to right, #f05bb6, #d66dd7);
    transition-duration: 0.5s;
    border-radius: 10px;
  }

  .menu-btn>span::before {
    content: "";
    top: -10px;
  }

  .menu-btn>span::after {
    content: "";
    top: 10px;
  }

  .menu-box {
    display: block;
    position: fixed;
    left: -100%;
    width: 100%;
    margin: 0;
    padding: 17px 15px 180px;
    background-color: #f6f6f6;
    transition-duration: 0.5s;
    z-index: 1;
    margin-top: 14px;
    margin-bottom: 30px;
    height: 100%;
    overflow: scroll;
  }

  .menu-box a {
    color: var(--text-and-border);
    text-decoration: none;
  }

  .menu__item {
    overflow-x: auto;
    display: block;
    padding: 12px 24px;
    color: var(--text-and-border);
    font-family: SF Pro Display;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    transition-duration: 0.5s;
  }

  .menu-catalog-img::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url("../img/custom/header-footer/catalog.svg") center center/cover no-repeat;
  }

  .menu-status-img::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url("../img/custom/header-footer/status-order.svg") center center/cover no-repeat;
  }

  .delivery-menu-mobile {
    display: grid;
    width: 100%;
    padding: 15px 20px 35px 43px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--unnamed, #fff);
    margin-bottom: 20px;
    gap: 20px;
  }

  /* ------------------content mobile------------------------- */
  .hidden-mobile,
  .filter-pc,
  .bouquet-day,
  .prev-button,
  .next-button,
  .catalog,
  .block-q-cod,
  .question-block-img,
  .search-address,
  .map-img,
  .plane-email-img {
    display: none;
  }

  .block-bonus {
    height: auto;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
  }

  .header-our-clients {
    font-size: 18px;
  }

  .button-our-clients {
    width: 100%;
  }

  .sub-header-page {
    font-size: 22px;
  }

  .price {
    font-size: 16px;
  }

  .carousel-slide {
    height: 156px;
  }

  .reviews-img img {
    max-width: 90px !important;
  }

  .img-car,
  .img-watch,
  .img-present,
  .img-sheet,
  .img-camera {
    min-width: 10em;
    font-size: 14px;
  }

  .foto-mobile {
    overflow: hidden;
    bottom: -5rem;
    right: -6rem;
  }

  .done-img::before {
    min-width: 30px;
    height: 26px;
    margin-right: 1rem;
  }

  .lock-img::before {
    min-width: 26px;
    height: 30px;
    margin-right: 1rem;
  }

  .sub-header-delivery {
    font-size: 18px;
  }

  .car-snowflake {
    min-width: 124.231px;
  }

  .car-crescent {
    min-width: 124.231px;
  }

  .car-time {
    min-width: 124.231px;
  }

  .delivery-background {
    background: none;
  }

  .star {
    display: none;
  }

  .header-page-mobile {
    font-size: 24px;
  }

  .star-mobile img {
    width: 16px;
    height: 15px;
    margin-right: 5px;
  }

  .star-mobile-num {
    color: var(--unnamed, #ffbc11);
  }

  .input-email {
    width: 75%;
  }

  .arrow-email-img::before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.2rem;
    background: url("../img/custom/main/arrow-email-mobile-img.svg") center center/cover no-repeat;
  }

  .email-description {
    margin-top: 15px;
    font-size: 0.625rem;
  }

  .q-cod,
  .description {
    display: none;
  }

  .plane-left {
    top: -200px;
    left: -70px;
    width: 157px;
    height: 151px;
  }

  .plane-right {
    top: -120px;
    right: -20px;
    width: 74px;
    height: 74px;
  }

  .cactus {
    bottom: 5px;
    right: 5px;
    width: 187px;
    height: 210px;
  }

  .logo {
    width: 150px;
    height: 34px;
  }

  .header-num span {
    font-size: 100px;
  }

  .header-num {
    font-size: 40px;
  }
}

.number-products-basket {
  position: absolute;
  right: 14px;
  top: 7px;
  width: 16px;
  height: 16px;
  font-size: 12px;
  background: linear-gradient(to right, #d56ed7, #f15ab6);
  border-radius: 100%;
}

.suggest-city-notification {
  position: absolute;
  top: 115px;
  z-index: 10;
}

#product-item-list.collapsing {
  transition: none;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-white) !important;
  box-shadow: none !important;
}

.accordion-button {
  background-color: var(--bs-white) !important;
}

.accordion-body {
  background-color: var(--bs-white) !important;
}

.accordion button:focus {
  box-shadow: none !important;
}

.input-cart:disabled {
  background: transparent;
}

.close-cart {
  content: "";
  display: block;
  right: 10px;
  width: 23px;
  height: 23px;
  cursor: pointer;
  background: url("../img/custom/header-footer/close-search.svg") center center/cover no-repeat;
}

.delete-product::before {
  content: "";
  display: block;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  background: url("../img/custom/productPage/delete-product.svg") center center/cover no-repeat;
}

#sort-list option {
  text-align: start;
}

.custom-popover {
  --bs-popover-border-color: var(--corporate-color);
}

@media (max-width: 992px) {
  .custom-popover-1 {
    margin-left: 0.8rem !important;
  }

  .custom-popover-4 {
    margin-left: -0.8rem !important;
  }

  .shadow-right {
    position: absolute;
    width: 1rem;
    padding: 0;
    height: 100%;
    right: -1px;
    top: 0;
    box-shadow: -68px 0px 9px -56px rgba(255, 255, 255, 1) inset;
  }

  .shadow-right-product {
    position: absolute;
    width: 2rem;
    padding: 0;
    height: 100%;
    right: -1px;
    top: 0;
    box-shadow: -76px 0px 10px -56px rgba(255, 255, 255, 1) inset;
  }

  .number-products-basket {
    position: absolute;
    right: 18px;
    top: 12px;
    width: 16px;
    height: 16px;
    font-size: 12px;
    background: linear-gradient(to right, #c054c2, #e3369f);
    border-radius: 100%;
  }
}

.card-product-button-group {
  display: inline-flex;
  gap: 15px;
}

.card-product-button-group>.card-product-button-group:not(:last-child)>.btn,
.card-product-button-group>.btn.dropdown-toggle-split:first-child,
.card-product-button-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: 6px !important;
}

.card-product-button-group>.card-product-button-group:not(:first-child)>.btn,
.card-product-button-group>.btn:nth-child(n + 3),
.card-product-button-group> :not(.btn-check)+.btn {
  border-radius: 6px !important;
}

/* .btn-check-product:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  position: relative !important;
  background: #fff !important;
  border-radius: 8px;
  color: #e265c6 !important;
}

.btn-check-product:before:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  position: absolute !important;
  content: "" !important;
  z-index: -1 !important;
  inset: -2px !important;
  background: linear-gradient(to right, #f05ab6, #d66dd7) !important;
  border-radius: 8px;
} */

.radio-button-card-product {
  padding: 4px 14px;
  border-radius: 4px;
  background-color: #f9f8ff;
  color: #8785ff !important;
}

.radio-button-card-product:hover {
  color: #8785ff !important;
  background-color: #e7e7ff;
}

.radio-button-card-product:focus,
.radio-button-card-product:checked,
.radio-button-card-product.active,
.radio-button-card-product.show {
  position: relative !important;
  border-radius: 6px;
  color: #e265c6 !important;
  background: #f6f4f6;
}

.radio-button-card-product:focus:before,
.radio-button-card-product:checked:before,
.radio-button-card-product.active:before,
.radio-button-card-product.show:before {
  position: absolute !important;
  content: "" !important;
  z-index: -1 !important;
  inset: -2px !important;
  background: linear-gradient(to right, #f05ab6, #d66dd7) !important;
  border-radius: 8px;
}

.background-color-gradient {
  background: linear-gradient(to right, #fbeefa, #fcf2fc);
}

.text-color-gradient {
  background: linear-gradient(to right, #f05cb9, #d66dd6);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.text-color-underline {
  -webkit-background-clip: text;
  color: #d66dd6;
  text-decoration: underline;
}

.calendar-icon::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  margin-right: 8px;
  background: url("../img/custom/main/calendar3.svg") center center/cover no-repeat;
}

.heart-svg-path {
  stroke: #8f8f96;
  stroke-width: 1.5;
  stroke-linecap: round;
  fill: none;
}

.heart-checkbox:checked+.heart-label .heart-svg-path {
  stroke: #d56ed7;
}

.btn-new-border {
  background: linear-gradient(to right, #f05cb9, #d66dd6);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border: 2px solid #e464c5;
}

.width-btn-new-product {
  min-width: 230px;
  height: 44px !important;
}

.width-btn-new-product-border {
  min-width: 230px;
  height: 42px !important;
}

.btn-catalog {
  color: white;
  background: linear-gradient(to right, #f05cb9, #d66dd6);
  transition: background 0.9s ease-in-out;
}

.btn-catalog-active {
  color: white;
  background: linear-gradient(to right, #dd118e, #b436b6);
  transition: background 0.9s ease-in-out;
}

.btn-new {
  height: 44px;
  color: white;
  background: linear-gradient(to right, #f05cb9, #d66dd6);
  transition: background 0.9s ease-in-out;
}

.btn-new:hover,
.btn-catalog:hover {
  background: linear-gradient(to right, #e336a0, #c054c2);
}

.btn-new:focus {
  background: linear-gradient(to right, #dd118e, #b436b6);
}

.btn-new:disabled {
  background: linear-gradient(to right, #f19cd2, #cf90cf) !important;
}

.heart-checkbox {
  display: none;
}

.heart-label {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: box-shadow 0.5s ease;
}

.heart-checkbox:checked+.heart-label {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.heart-svg-icon {
  width: 24px;
  height: 24px;
}

.heart-svg-path {
  stroke: #8f8f96;
  stroke-width: 1.5;
  stroke-linecap: round;
  fill: none;
}

.heart-checkbox:checked+.heart-label .heart-svg-path {
  stroke: #d56ed7;
}

.btn-new-with-border {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 9px 35px;
  color: #e265c6;
}

.btn-new-with-border:hover {
  color: #cf47b4;
  /* цвет текста при наведении */
}

.btn-new-with-border:focus {
  color: #c12ba7;
  /* цвет текста при наведении */
}

.btn-new-with-border:before {
  position: absolute;
  content: "";
  z-index: -1;
  inset: -2px;
  background: linear-gradient(to right, #f05ab6, #d66dd7);
  border-radius: 8px;
}

.btn-new-with-border:hover:before {
  position: absolute;
  content: "";
  z-index: -1;
  inset: -2px;
  background: linear-gradient(to right, #e337a0, #c155c3);
  border-radius: 8px;
}

.btn-new-with-border:focus:before {
  position: absolute;
  content: "";
  z-index: -1;
  inset: -2px;
  background: linear-gradient(to right, #dc128e, #b436b6);
  border-radius: 8px;
}

.with-dots {
  display: flex;
  align-items: center;
  width: 100%;
}

.with-dots::after {
  content: "";
  flex: 1;
  border-bottom: 2px dotted #9b9b9b;
  /* цвет и стиль линии */
  margin: 0 10px;
  /* отступы */
  height: 0;
  /* высота линии */
}

.i {
  width: 20px;
  height: 20px;
}

.mastercard-icon::before {
  content: "";
  display: block;
  width: 24px;
  height: 18px;
  background: url("../img/custom/main//MasterCard.svg") center center/cover no-repeat;
}

.visa-icon::before {
  content: "";
  display: block;
  width: 34px;
  height: 27px;
  background: url("../img/custom/main/visa.svg") center center/cover no-repeat;
}

.mir-icon::before {
  content: "";
  display: block;
  width: 39px;
  height: 11px;
  background: url("../img/custom/main/mir.svg") center center/cover no-repeat;
}

.carousel-control-next-reviews,
.carousel-control-prev-reviews {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.15s ease;
}

.carousel-control-next-reviews {
  left: 50px;
}

.carousel-control-next-icon-reviews,
.carousel-control-prev-icon-reviews {
  position: absolute;
  left: 15px;
  bottom: 15px;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50% 50%;
  background-color: rgb(255, 255, 255) !important;
}

.carousel-control-prev-icon-reviews {
  background-image: url("../img/custom/main/arrow-prev.svg") !important;

  border-radius: 50% !important;
}

.carousel-control-next-icon-reviews {
  background-image: url("../img/custom/main/arrow-prev.svg") !important;
  rotate: 180deg;
  border-radius: 50% !important;
}

.product.accordion-button::after {
  background-image: url("../img/custom/main/arrow-for-accordion.svg") !important;
}

.description-reviews {
  height: 100px;
}

.card-product-car-img::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  margin-right: 8px;
  background: url("../img/custom/main/car-card-product.svg") center center/cover no-repeat;
}

.card-product-pickup-img::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  margin-right: 8px;
  background: url("../img/custom/main/pickup-card-product.svg") center center/cover no-repeat;
}

.card-product-bonus-img::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  margin-right: 8px;
  background: url("../img/custom/main/bonus-card-product.svg") center center/cover no-repeat;
}

.card-product-size-img::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  margin-right: 8px;
  background: url("../img/custom/main/size-card-product.svg") center center/cover no-repeat;
}

.whatsapp-phone-img::before {
  content: "";
  display: block;
  width: 26px;
  height: 28px;
  margin-right: 8px;
  background: url("../img/custom/main/whatsapp-phone.svg") center center/cover no-repeat;
}

.telega-phone-img::before {
  content: "";
  display: block;
  width: 28px;
  height: 24px;
  margin-right: 8px;
  background: url("../img/custom/main/telega-new.svg") center center/cover no-repeat;
}

.main-phone-img-1::before {
  content: "";
  display: block;
  width: 28px;
  height: 31px;
  margin-right: 8px;
  background: url("../img/custom/main/phone-main-img-1.svg") center center/cover no-repeat;
}

@media (max-width: 992px) {
  .text-nowrap {
    white-space: normal !important;
  }

  .product.accordion-button:not(.collapsed)::after {
    transform: rotate(180deg) !important;
  }

  .width-mobile-100 {
    width: 100% !important;
  }

  .date-delivery {
    border: none !important;
  }

  .custom-popover-mobile {
    --bs-popover-border-color: var(--corporate-color-violet);
  }

  .dropdown-more-phone {
    right: 23%;
  }

  .btn-place-order {
    width: 100%;
    position: fixed;
    bottom: 78px;
  }
}

.modal-dialog-september {
  max-width: 1294px !important;
  z-index: 1100 !important;
}

.fixed-bottom {
  z-index: 8 !important;
}

.september-img {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  height: 100%;
}

.text-color-september {
  color: #252b42;
}

.h1-september {
  font-size: 48px;
  font-weight: 800;
}

.text-footer-september {
  position: absolute;
  bottom: 20px;
}

@media (max-width: 992px) {
  .modal-dialog-september {
    max-width: 450px !important;
  }

  .september-img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0 !important;
    height: 100%;
  }

  .september-icon {
    width: 20%;
  }

  .btn-new-september {
    width: 100%;
  }

  .h1-september {
    font-size: 24px;
    font-weight: 800;
  }

  .btn-close-september {
    background: none;
  }

  .btn-close.btn-close-september::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url("../img/pages/main/close-btn-september.svg?_=2") center center/cover no-repeat !important;
  }

  .date-text {
    font-size: 13px !important;
    font-weight: 800;
  }

  .modal-backdrop-blur {
    margin-bottom: 100px;
  }

  .text-footer-september {
    position: relative;
  }
}

.shadow-card-basket {
  box-shadow: 0rem 0rem 3.19rem 0rem rgba(52, 0, 47, 0.1);
}

.quantity-minus::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../img/custom/productPage/basket-minus.svg") center center/cover no-repeat;
}

.quantity-plus::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../img/custom/productPage/basket-plus.svg") center center/cover no-repeat;
}

.quantity-input {
  width: 54px;
}

.splide-product .splide__arrow {
  background: white !important;
  box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.05);
  height: 40px;
  width: 40px;
  opacity: 1;
  z-index: 3;
}

.splide-product .splide__arrow--prev {
  left: 0 !important;
  top: 25%;
}

.splide-product .splide__arrow--next {
  right: 0 !important;
  top: 25%;
}

.splide-product .splide__arrow svg {
  fill: #434343;
  stroke-width: 1px !important;
}

.right-shadow-splide {
  position: absolute;
  right: 0;
  width: 28px;
  height: 100%;
  background: linear-gradient(270deg, #fff 40.4%, rgba(255, 255, 255, 0) 100%);
}

.back-to-catalog::before {
  content: "";
  display: block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  background: url("../img/custom/productPage/back-to-catalog.svg") center center/cover no-repeat;
}

.add-product-img::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../img/custom/productPage/add-product-img.svg") center center/cover no-repeat;
}

.delete-product-img::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../img/custom/productPage/delete-product-img.svg") center center/cover no-repeat;
}

.product-card-img {
  height: 96px;
}

.width-product-price {
  width: 100px;
}

@media (max-width: 992px) {
  .product-card-img {
    height: 84px;
  }
}

.card-review .star-wrapper {
  position: absolute;
  top: 15px;
  left: 20px;
}

.card-review .description-review {
  font-family: "Gilroy-Regular";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  min-height: 60px;
  width: 100%;
}

.yandex-image::before {
  content: "";
  display: block;
  width: 223px;
  height: 60px;
  background: url("../img/custom/reviews/yandex-image.svg") center center/cover no-repeat;
}

.slider-reviews-block {
  min-height: 300px;
}

.carousel-control-next-rew,
.carousel-control-prev-rew {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.15s ease;
}

.carousel-control-prev-rew {
  left: calc(96% - 50px);
}

.carousel-control-next-rew {
  left: 96%;
}

.carousel-control-next-icon-rew,
.carousel-control-prev-icon-rew {
  position: absolute;
  left: 0px;
  top: 10px;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50% 50%;
  background-color: rgb(255, 255, 255) !important;
  box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 20%);
}

.carousel-control-prev-icon-rew-top,
.carousel-control-next-icon-rew-top {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50% 50%;
  background-color: rgb(255, 255, 255) !important;
  box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 20%);
}

.carousel-control-prev-icon-rew,
.carousel-control-prev-icon-rew-top {
  background-image: url("../img/custom/reviews/arrow-prev.svg") !important;

  border-radius: 50% !important;
}

.carousel-control-next-icon-rew,
.carousel-control-next-icon-rew-top {
  background-image: url("../img/custom/reviews/arrow-prev.svg") !important;
  rotate: 180deg;
  border-radius: 50% !important;
}

.accordion-item-basket .accordion-button::after {
  background-image: url("../img/custom/main/arrow-for-accordion.svg") !important;
}

.review-size-img {
  cursor: pointer;
  height: 80px;
  width: 80px;
  object-fit: cover;
}

img {
  transition: transform 0.6s;
}

.image-zoom {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  width: auto;
  height: 50%;
  object-fit: contain;
  border: none;
  border-radius: 20px;
}

.text-hidden {
  display: none;
}

.review-card-size-one {
  width: 30%;
}

.review-card-size-two {
  width: 37%;
}

.review-card-size-tree {
  width: 30%;
}

.review-card-size-one img,
.review-card-size-two img,
.review-card-size-tree img {
  height: 310px;
  object-fit: cover;
}

.carousel-item-img {
  height: 370px;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 400px) {
  .slider-main-page {
    min-height: 128px;
    max-height: 128px;
  }
}

@media (max-width: 992px) {

  .review-card-size-tree,
  .review-card-size-one,
  .review-card-size-two {
    width: 100%;
  }

  .carousel-control-next-icon-rew,
  .carousel-control-prev-icon-rew {
    left: -30px;
    top: 10px;
  }
}

/* пустая корзина */
.empty-basket {
  background: url("../img/custom/activeBasket/empty-cart-0.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  height: 294px;
  width: 100%;
  border-radius: 20px;
}

.empty-basket .text {
  text-align: center;
  padding-top: 50px;
}

@media (max-width: 768px) {
  .empty-basket {
    background: url("../img/custom/activeBasket/empty-cart-3.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    height: 230px;
    width: 100%;
    margin: 0 auto;
    border-radius: 20px;
    margin-bottom: 160px;
  }

  .empty-basket .text {
    text-align: center;
    padding-top: 30px;
  }
}

/* о нас */
.background-img-about {
  width: 100%;
  height: 750px;
  background: linear-gradient(225deg,
      #ffd4fe 0%,
      #f5deff 34.3%,
      #f2f0ff 78.8%,
      #f1efff 100%);
}

.header-page-about {
  font-weight: 700;
  font-size: 48px;
  line-height: 115%;
}

.btn-new-about {
  border-radius: 10px;
  padding: 9px 20px;
  width: 270px;
  height: 70px;
  font-weight: 500;
  font-size: 24px;
}

.profit-about {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  width: 100%;
  height: 120px;
  box-shadow: 0 1px 2px 0 rgba(33, 1, 23, 0.06),
    0 1px 3px 0 rgba(33, 1, 23, 0.1);
  background: #fff;
}

.profit-about-title {
  line-height: normal;
  font-weight: 700;
  font-size: 64px;
  text-align: center;
  background: linear-gradient(228deg, #d56ed7 0%, #f15ab6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.profit-about-sub-title {
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  background: linear-gradient(228deg, #d56ed7 0%, #f15ab6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.img-page-about {
  background: url("../img/pages/about/img-about-main.png");
  width: 560px;
  height: 500px;
}

.img-about-fl-1 {
  background: url("../img/pages/about/img-about-fl-1.png");
  width: 262px;
  height: 277px;

  position: absolute;
  right: 0;
  bottom: -145px;
}

.img-about-fl-2 {
  background: url("../img/pages/about/img-about-fl-2.png");
  width: 141px;
  height: 163px;

  position: absolute;
  right: 50%;
  top: 0;
}

.img-about-fl-3 {
  background: url("../img/pages/about/img-about-fl-3.png");
  width: 213px;
  height: 410px;

  position: absolute;
  right: 0;
  top: 0;
}

.img-about-fl-4 {
  background: url("../img/pages/about/img-about-fl-4.png");
  width: 213px;
  height: 145px;

  position: absolute;
  left: 0;
  bottom: 0;
}

.mission-bg-pc {
  width: 100%;
  height: 234px;
  background: linear-gradient(225deg,
      #ffd4fe 0%,
      #f5deff 34.3%,
      #f2f0ff 78.8%,
      #f1efff 100%);
}

.img-mission {
  background: url("../img/pages/about/img-mission.png");
  width: 197px;
  height: 176px;

  position: absolute;
  right: 0;
  bottom: 30px;
}

.advantages-company {
  width: 100%;
  height: 1089px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(225deg,
      #ffd4fe 0%,
      #f5deff 34.3%,
      #f2f0ff 78.8%,
      #f1efff 100%);
  padding: 100px 0;
}

.advantages-company-item {
  border-radius: 20px;
  padding: 20px 15px;
  min-height: 405px;
  width: 100%;
  box-shadow: 0 0 30px 1px rgba(31, 29, 31, 0.08);
  background: #fff;
}

.advantages-company-img-1,
.advantages-company-img-2,
.advantages-company-img-3,
.advantages-company-img-4,
.advantages-company-img-5,
.advantages-company-img-6,
.advantages-company-img-7,
.advantages-company-img-8 {
  height: 251px;
}

.advantages-company-img-1 {
  background: url("../img/pages/about/advantages-company-img-1.png") no-repeat center center;
  background-size: contain;
  width: 100%;
}

.advantages-company-img-2 {
  background: url("../img/pages/about/advantages-company-img-2.png") no-repeat center center;
  background-size: contain;
  width: 100%;
}

.advantages-company-img-3 {
  background: url("../img/pages/about/advantages-company-img-3.png") no-repeat center center;
  background-size: contain;
  width: 100%;
}

.advantages-company-img-4 {
  background: url("../img/pages/about/advantages-company-img-4.png") no-repeat center center;
  background-size: contain;
  width: 100%;
}

.advantages-company-img-5 {
  background: url("../img/pages/about/advantages-company-img-5.png") no-repeat center center;
  background-size: contain;
  width: 100%;
}

.advantages-company-img-6 {
  background: url("../img/pages/about/advantages-company-img-6.png") no-repeat center center;
  background-size: contain;
  width: 100%;
}

.advantages-company-img-7 {
  background: url("../img/pages/about/advantages-company-img-7.png") no-repeat center center;
  background-size: contain;
  width: 100%;
}

.advantages-company-img-8 {
  background: url("../img/pages/about/advantages-company-img-8.png") no-repeat center center;
  background-size: contain;
  width: 100%;
}

.advantages-company-text-color {
  color: #737373;
}

.evolution-bg {
  box-shadow: 0 1px 2px 0 rgba(33, 1, 23, 0.06),
    0 1px 3px 0 rgba(33, 1, 23, 0.1);
  background: linear-gradient(225deg,
      #ffd4fe 0%,
      #f5deff 34.3%,
      #f2f0ff 78.8%,
      #f1efff 100%);
  border-radius: 20px;
  padding: 50px;
  width: 100%;
  height: 100%;
}

.mission-img {
  background: url("../img/pages/about/mission-img.png");
  width: 289px;
  height: 232px;
  opacity: 0.8;
  position: absolute;
  right: 127px;
  bottom: -120px;
}

.certificate-1 {
  background: url("../img/pages/about/certificate-1.png") no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 474px;
}

.certificate-2 {
  background: url("../img/pages/about/certificate-2.png") no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 474px;
}

.certificate-3 {
  background: url("../img/pages/about/certificate-3.png") no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 474px;
}

.carousel-about-img {
  height: 650px;
  object-fit: cover;
}

.mt-100 {
  margin-top: 100px;
}

.btn-new-submit {
  border-radius: 10px;
  width: 100%;
  height: 60px;
}

/* .about-input-submit {
  height: 48px;
  background: linear-gradient(to right, #f05cb9, #d66dd6);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  border: 1px solid #e464c5;
}

form .about-input-submit:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
} */

.about-input-submit {
  border: 1px solid #f4ebf3 !important;
  transition: border-color 0.3s;
  height: 48px;
  color: #9b9b9b !important;
  font-size: 20px;
}

.about-input-submit:focus {
  border-color: #e464c5 !important;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
}

.about-input-submit:not(:placeholder-shown) {
  border-color: pink;
}

.about-input-submit:valid {
  border-color: red;
}

.btn-new-submit:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

.custom-checkbox {
  position: relative;
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #434343;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  transition: background 0.3s, border-color 0.3s;
}

.form-check-input.custom-checkbox:checked {
  background: linear-gradient(to right, #f05cb9, #d66dd6) !important;
  border-color: #d66dd6 !important;
}

.custom-checkbox:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 8px;
  background: url('data:image/svg+xml;utf8,<svg width="17" height="11" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7244 1.48332L7.49635 10.7446C7.41598 10.8256 7.32048 10.8898 7.21532 10.9336C7.11016 10.9774 6.99742 11 6.88355 11C6.76969 11 6.65695 10.9774 6.55179 10.9336C6.44663 10.8898 6.35113 10.8256 6.27075 10.7446L0.253894 4.5C0.17342 4.41924 0.109584 4.32335 0.0660323 4.21783C0.0224801 4.11231 6.41358e-05 3.99921 6.41346e-05 3.88499C6.41334e-05 3.77077 0.0224801 3.65767 0.0660323 3.55215C0.109584 3.44663 0.17342 3.35075 0.253894 3.26998C0.334368 3.18922 0.429904 3.12515 0.535048 3.08144C0.640193 3.03773 0.752886 3.01524 0.866693 3.01524C0.9805 3.01524 1.09319 3.03773 1.19834 3.08144C1.30348 3.12515 1.39902 3.18922 1.47949 3.26998L6.88428 8.90032L15.5002 0.254745C15.6628 0.0916344 15.8832 0 16.113 0C16.3429 0 16.5633 0.0916344 16.7258 0.254745C16.8884 0.417855 16.9797 0.639081 16.9797 0.869754C16.9797 1.10043 16.8884 1.32165 16.7258 1.48476L16.7244 1.48332Z" fill="white"/></svg>');
  background-size: cover;
  transform: translate(-50%, -50%);
  z-index: 2;
  /* Убедитесь, что иконка находится над фоном */
}

.custom-checkbox:focus {
  outline: none;
  box-shadow: none !important;
}

.mission-description {
  font-size: 32px;
}

.quotation-marks-up {
  content: "";
  display: block;
  width: 36px;
  height: 28px;
  background: url("../img/pages/about/quotation-marks-up.svg") center center/cover no-repeat;
}

.quotation-marks-down {
  content: "";
  display: block;
  width: 36px;
  height: 28px;
  background: url("../img/pages/about/quotation-marks-down.svg") center center/cover no-repeat;
}

.mission-bg {
  width: 100%;
  height: 250px;
  background: linear-gradient(225deg,
      #ffd4fe 0%,
      #f5deff 34.3%,
      #f2f0ff 78.8%,
      #f1efff 100%);
}

.modal-content-about,
.modal-dialog-about {
  max-width: 691px !important;
  min-height: 250px;
}

.modal-dialog-about {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 100vh !important;
}

.splideAbout-about .splide__arrow {
  background-image: url("../img/pages/about/splide-control-prev-icon-about.svg") !important;
  box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05);
  height: 35px;
  width: 35px;
  opacity: 1;
  z-index: 3;
}

.splideAbout-about .splide__arrow--prev {
  left: 18px !important;
  top: 93%;
  rotate: 180deg;
}

.splideAbout-about .splide__arrow--next {
  right: 18px !important;
  top: 100%;
}

.splideAbout-about .splide__arrow svg {
  fill: none !important;
  stroke-width: 1px !important;
}

.splide__arrow {
  background: none !important;
}

.carousel-indicators.carousel-indicators-about .active {
  background-color: #828282 !important;
  opacity: 1 !important;
}

.carousel-indicators.carousel-indicators-about [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 15px !important;
  height: 15px !important;
  border-radius: 100% !important;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #e0e0e0;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1 !important;
  transition: opacity 0.6s ease;
}

.carousel-control-next-icon-about {
  width: 60px;
  height: 60px;
  padding: 20px;
  background-image: url("../img/pages/about/carousel-control-prev-icon-about.svg") !important;
}

.carousel-control-prev-icon-about {
  width: 60px;
  height: 60px;
  padding: 20px;
  rotate: 180deg;
  background-image: url("../img/pages/about/carousel-control-prev-icon-about.svg") !important;
}

@media (max-width: 1520px) {
  .mission-bg-pc {
    height: 348px;
  }

  .img-mission {
    width: 197px;
    height: 176px;
    right: 42%;
    bottom: 20px;
    background-size: contain;
  }

  .mission-bg-pc .container .d-flex {
    align-items: start !important;
  }

  .quotation-marks-up {
    margin-top: 5px;
  }
}

@media (max-width: 1080px) {
  .mission-bg-pc {
    height: 392px;
  }
}

@media (max-width: 992px) {
  .background-img-about {
    height: 550px;
  }

  .header-page-about {
    font-size: 32px;
  }

  .btn-new-about {
    width: 100%;
    height: 60px;
  }

  .mission-bg {
    width: 100%;
    height: 250px;
    background: url("../img/pages/about/bg-more-mobile.png") center center/cover no-repeat;
  }

  .img-mission {
    width: 155px;
    height: 137px;
    right: 29%;
    bottom: 20px;
    background-size: contain;
  }

  .mission-description {
    font-size: 24px;
  }

  .quotation-marks-up {
    content: "";
    display: block;
    width: 20px;
    height: 16px;
    background: url("../img/pages/about/quotation-marks-up-mobile.svg") center center/cover no-repeat;
  }

  .quotation-marks-down {
    content: "";
    display: block;
    width: 20px;
    height: 16px;
    background: url("../img/pages/about/quotation-marks-down-mobile.svg") center center/cover no-repeat;
  }

  .evolution-bg {
    box-shadow: none;
    background: none;
    border-radius: 0px;
    padding: 30px;
    width: 100%;
    height: 530px;
  }

  .advantages-company {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    padding: 20px 0;
  }

  .advantages-company-img-1,
  .advantages-company-img-2,
  .advantages-company-img-3,
  .advantages-company-img-4,
  .advantages-company-img-5,
  .advantages-company-img-6,
  .advantages-company-img-7,
  .advantages-company-img-8 {
    height: 130px;
  }

  .mt-100 {
    margin-top: 10px;
  }

  .bg-about-mobile {
    background: linear-gradient(225deg,
        #ffd4fe 0%,
        #f5deff 34.3%,
        #f2f0ff 78.8%,
        #f1efff 100%);
  }

  .advantages-company-item .fs-18 {
    font-size: 14px;
  }

  .advantages-company-item {
    border-radius: 20px;
    padding: 10px 5px;
    min-height: 250px;
  }

  .certificate-1 {
    background: url("../img/pages/about/certificate-1.png") no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 474px;
  }

  .certificate-2 {
    background: url("../img/pages/about/certificate-2.png") no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 474px;
  }

  .certificate-3 {
    background: url("../img/pages/about/certificate-3.png") no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 474px;
  }

  .carousel-about-img {
    height: 230px;
  }

  .about-form-title {
    font-size: 32px;
  }

  .modal-content-about,
  .modal-dialog-about {
    max-width: 100% !important;
  }

  .carousel-indicators.carousel-indicators-about [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 8px !important;
    height: 8px !important;
    border-radius: 100% !important;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #e0e0e0;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity 0.6s ease;
  }

  .carousel-indicators-about {
    bottom: -40px !important;
  }

  .carousel-control-next-icon-about {
    background-image: none !important;
  }

  .carousel-control-prev-icon-about {
    background-image: none !important;
  }
}



/* 3 steps basket */
.shadow-main {
  box-shadow: 0rem 0rem 3.19rem 0rem rgba(52, 0, 47, 0.1);
}

.form-control-order {
  border: 1px solid #f4ebf3;
}

.form-control-order:focus {
  box-shadow: none !important;
  border: 1px solid #d56ed7 !important;
  box-shadow: 0rem 0.19rem 0.63rem 0.19rem rgba(67, 9, 27, 0.08) !important;
}

.btn-group-order {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  gap: 15px;
}

.btn-group-order>.btn-group-order:not(:last-child)>.btn,
.btn-group-order>.btn.dropdown-toggle-split:first-child,
.btn-group-order>.btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: 6px !important;
}

.btn-group-order>.btn-group-order:not(:first-child)>.btn,
.btn-group-order>.btn:nth-child(n + 3),
.btn-group-order> :not(.btn-check)+.btn {
  border-radius: 6px !important;
}

.btn-check-order:checked+.btn,
.btn-check-order.active,
.btn-check-order.show,
.btn-check-order:first-child:active,
:not(.btn-check)+.btn:active {
  border: 1px solid;
  background-color: #8785ff !important;
  color: white;
  border-color: #8785ff;
}

.btn.btn-order {
  border: 1px solid;
  background-color: #f9f8ff !important;
  color: #8785ff;
  border-color: #f9f8ff;
}

.btn.btn-order:hover {
  color: #d56ed7;
}

.form-check-input-order:checked {
  background-color: #d56ed7;
  border-color: #d56ed7;
  box-shadow: none !important;
}

.nav-tabs-order {
  border-bottom: none !important;
}

.nav-link-order:active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: none !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link-order.nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: white !important;
  border-color: white !important;
}

.nav-link-order {
  color: #434343 !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link-order-delivery.nav-link.active {
  color: white !important;
  background-color: #8785ff !important;
  border-color: white !important;
}

.nav-link-order-delivery {
  color: #8785ff !important;
  background-color: #f9f8ff !important;
}

.nav-tabs-order-delivery {
  border: none !important;
}

.nav-link-order-delivery:hover {
  border: 1px solid #8785ff !important;
}

/* 
input[type="date"] {
background-color: #f2f2f2;
padding: 10px;
position: absolute;
transform: translate(-50%, -50%);
top: 49%;
left: 49%;
color: var(--text-and-border);
font-size: 18px;
border: none;
outline: none;
border-radius: 10%;
} */
.pay-card-icon::after {
  content: "";
  display: block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  background: url("../img/custom/main/pay-card-icon.svg") center center/cover no-repeat;
}

.accordion-button-order {
  width: 32% !important;
  color: #434343 !important;
  font-size: 14px !important;
  padding: 0 !important;
}

.bg-step3 {
  box-shadow: inset 0 2px 4px 0 rgba(255, 99, 171, 0.05);
  background: #fbf1fb;
}

.form-check-input-basket {
  height: 2rem !important;
  width: 3.5rem !important;
}

.form-check-input-basket:checked {
  background-color: #8785ff;
  border-color: #8785ff;
}

.form-check-input-basket {
  background-color: #FCFBFD;
  border-color: #E1E0E2;
  border: 3px solid #E1E0E2;
  box-shadow: none !important;
}

.width-input-order {
  width: 50%;
}

.width-input-order-date {
  width: 25%;
}

.width-input-order-pay {
  width: 75%;
}

.background-color-textarea {
  background-color: #f9f9f9 !important;
}

.form-control-order {
  border: 1px solid #f4ebf3;
}

::-webkit-input-placeholder {
  color: #9B9B9B !important
}

:-moz-placeholder {
  color: #9B9B9B !important;
}

::-moz-placeholder {
  color: #9B9B9B !important;
}

:-ms-input-placeholder {
  color: #9B9B9B !important;
}

@media (max-width: 992px) {

  .width-input-order,
  .width-input-order-pay {
    width: 100%;
  }

  .width-input-order-date {
    width: 50%;
  }

  .accordion-item-basket .accordion-button::after {
    background-image: url('../img/custom/main/arrow-for-accordion.svg') !important;
  }

  .accordion-item-basket .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg) !important;
  }

  .filter-main-page::before {
    display: none !important;
  }
}

/* finish order */
.circle-steps {
  width: 2.63rem;
  height: 2.63rem;
  border-radius: 1.31rem;

  box-shadow: 0rem 0.13rem 0.5rem 0rem rgba(53, 64, 71, 0.15);
  background: rgb(255, 255, 255);
}

.line-one-status {
  width: 260px;
  height: 47px;
  border-bottom: 1px solid #eaedec;
  position: absolute;
  top: -22px;
  left: 75px;
}

.line-two-status {
  width: 280px;
  height: 47px;
  border-bottom: 1px solid #eaedec;
  position: absolute;
  top: -22px;
  right: 69px;
}

.line-one {
  width: 112px;
  height: 47px;
  border-bottom: 1px solid #eaedec;
  position: absolute;
  top: -22px;
  left: 66px;
}

.line-two {
  width: 112px;
  height: 47px;
  border-bottom: 1px solid #eaedec;
  position: absolute;
  top: -22px;
  right: 65px;
}

.new-year-button {
  background: linear-gradient(266.84deg, #FF2B48 8.68%, #FC7575 90.86%);
  width: Hug (114px)px;
  padding: 6px 14px 6px 14px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center
}

.new-year-button:hover {
  background: linear-gradient(266.84deg, #F81A37 8.68%, #FF4C4C 90.86%);
  width: Hug (114px)px;
  padding: 6px 14px 6px 14px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center
}

.tulip-page {
  background: linear-gradient(267.9deg, #D56ED7 1.58%, #F15AB6 100.04%);
  width: Hug (114px)px;
  padding: 6px 14px 6px 14px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center
}

.tulip-page:hover {
  background: linear-gradient(267.9deg, #C054C2 1.58%, #E3369F 100.04%);
  width: Hug (114px)px;
  padding: 6px 14px 6px 14px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center
}

.mt-bc {
  margin-top: 4rem !important;
}

.tag-fs {
  font-size: 11px;
  letter-spacing: 0.3px;
  height: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 10px !important;
  margin-left: 10px !important;
}

.tag-fs.two {
  margin-top: 35px !important;
}

.header-30-minuts {
  font-size: 24px !important;
  font-weight: 300 !important;
}

.btn-in-basket {
  background: linear-gradient(268.47deg, #1DDAA5 0.63%, #52A051 97.79%) !important;
}

.btn-in-basket:hover {
  background: linear-gradient(266.14deg, #2AB7E6 0%, #81DE84 97.98%) !important;
}

.btn-in-basket:active {
  background: linear-gradient(266.14deg, #1FAAD9 0%, #27BA67 97.98%) !important;
}

.personal-buttons {
  position: relative;
}

#preloader-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.spinner {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: conic-gradient(#f05cb9, #ffbae1, #f05cb9);
  animation: spin 1s linear infinite;

  -webkit-mask: radial-gradient(farthest-side, transparent 60%, black 61%);
  mask: radial-gradient(farthest-side, transparent 60%, black 61%);
}

.spinner-inner {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  background: transparent;
  border-radius: 50%;
}

@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}